FASE 3 - DISEÑO E IMPLEMENTACIÓN DEL LADO DEL CLIENTE

PRESENTADO POR:
ANDRES CAMILO GOMEZ CALVO - 1022413742
SERGIO ANDREY REYES FANDIÑO - 1000932316
JUAN PABLO ABARCA - 1019009172

GRUPO:
301127_1

PRESENTADO A:
ROBERTO AUGUSTO FERNANDEZ

UNIVERSIDAD NACIONAL ABIERTA Y A DISTANCIA (UNAD)

2019
PROPUESTA LADO CLIENTE
Se diseña un sitio web en programación HTML, para la tienda “Fox Electronics” la cual
se especializa en la venta de productos de electrónica, la cual necesita un sitio web que
le permita calcular la venta de las resistencias llevar registro de las ventas, compras a
clientes, ingresos de nueva mercancía.

OBJETIVO
Crear una página web funcional la cual permita gestionar el inventario de la tienda “Fox
Electronics” facilitando de esa forma los registros de productos comprados a clientes,
ventas de productos por medio de calculadoras y registros de formularios programados
en el sitio web.

CARACTERÍSTICAS
1. Estructura amigable con los usuarios y empleados de la tienda.
2. Programada en HTML.
3. Menú de selección de ítems para las diferentes categorías.

FINALIDAD
Mejorar los procesos y llevar una cuenta mejor de los productos fiscos contra los
productos registrados e informar en tiempo real disponibilidad de productos.
 DESARROLLO
Debe diseñar la interfaz gráfica del aplicativo web con base en el lenguaje de etiquetas
HTML y en el Framework Bootstrap. Puede hacer uso de “Bootstrap Navigation Bar”. El
diseño de la interfaz debe tener bien claro el nombre del aplicativo, una barra de menús
con 4 menús (Administrador, Inventario, Ventas, Utilidades).
Dentro del menú de Utilidades la Tienda Fox electronics necesita lo siguiente:
• Una calculadora que permita ingresar un valor de compra de un producto, un porcentaje
de utilidad, un porcentaje de impuesto IVA y un botón que permita calcular el valor de
venta del producto.
• Debe diseñar un programa en JavaScript que permita calcular y mostrar al usuario el
valor de venta del producto en cuestión e indicar cuál es el valor de la utilidad o ganancia
para el administrador de la tienda.
• Los empleados de la tienda requieren una calculadora del valor de resistencias
eléctricas, ya que el cálculo del valor se realiza por medio de una tabla de colores y
requiere de tiempo, lo cual debe optimizarse por medio de un programa. La resistencia
es un componente eléctrico que consume corriente y la disipa en forma de calor, tiene
diversas aplicaciones dependiendo de su valor comercial y se mide en ohmios.
• A continuación, se observa el código de colores el cual será la base para realizar la
aplicación en JavaScript, se recomienda implementar un formulario donde se seleccione
el valor de la primera banda, el valor de la segunda banda y el valor de la tercera banda,
conforme a los colores y que el usuario observe el valor en ohmios.
Dentro del menú de Inventario y apoyado en el framework Bootstrap, debe diseñar 4
formularios en HTML:
1. Que permita al usuario ingresar un producto con las siguientes especificaciones:
código de producto, nombre de producto, marca del producto, precio de compra,
cantidad comprada y un botón que se llame guardar producto.
2. Que permita al usuario actualizar un producto con las siguientes especificaciones:
código de producto, nombre de producto, marca del producto, precio de compra,
cantidad comprada y un botón que se llame actualizar producto.
3. Que permita al usuario eliminar un producto con las siguientes especificaciones:
código de producto y un botón que se llame eliminar producto.
4. Que permita al usuario consultar un producto con las siguientes especificaciones:
código de producto y un botón que se llame consultar producto. Los formularios
anteriores, solo deben ser diseñados, ya que serán usados en la siguiente fase para
interactuar con la base de datos del aplicativo web.
 LISTA DE CHEQUEO
 HTML
 INTERFAZ AMIGABLE
 MENU DE SELECCIÓN SEPARADO EN CATEGORIAS
 BOOTSTRAP
 REPORTES EN TIEMPO REAL
 4 ITEMS DE MENU
 CALCULADORA VALOR DE COMPRA
 CALCULADORA VALOR DE VENTA
 CALCULADORA RESISTENCIAS
 CRUD DE PRODUCTOS FUNCIONAL
 MODULO DE ADMINISTRADOR
o CREACION BD
o CREACION TABLAS
o GENERAR PDF
o GENERAR BACKUP
 INYECCION SQL
 SESIONES (NO SE MANEJO CONEXIÓN DE VALIDACION A BD)
 HTTPS (EL APLOCATIVO NO ESTA CARGADO A UN WEBS ERVER PARA
CONFIGURAR ESTA OPCION)
 PROTECCION DDOS