• Author / Uploaded
• Juan Abarca

• Categories
• Bootstrap (marco frontal)
• Áreas de informática
• Ingeniería de software
• Desarrollo de software
• Tecnología

Citation preview

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