MAQUETACIÓN DE LA INTERFAZ GRÁFICA EN HTML

EVIDENCIA DE PRODUCTO: GA5-220501095-AA1-EV04.

Aprendices

SANTIAGO LOPEZ OTALVARO

JEAN NICOLAS FLORES RODRIGUEZ
Ficha No 2627018

Instructor técnico
DEIVYS GUILLERMO MORALES URIBE
Ingeniero de sistemas

SENA
Centro de diseño y metrología
Programa: Tecnología en Análisis y Desarrollo de Software ADSO Bogotá D.C
2023
 INTRODUCCION

En el siguiente se plasmarán los aspectos visuales con los cuales contara el software, tanto

como los colores, loa tamaños, las letras, las funcionalidades. A partir de esto veremos si lo

entregado cumple con los requerimientos y las necesidades del cliente.

Para esto se realizo un estudio de los requerimientos del cliente y las necesidades de este

para así realizar un software que se acomode a su necesidad y acordado, a partir de estos

requerimientos se le realizaron las distintas propuestas, y después de varias correcciones ya

quedo como será la interfaz del software de facturación.

Con lo anterior nos permitimos dan entrega a la evidencia de producto MAQUETACIÓN

DE LA INTERFAZ GRÁFICA EN HTML GA5-220501095-AA1-EV04.

A partir de diversas reuniones con la ENPRESA DE COLCHONES MONACO, se

propusieron las siguientes funcionalidades y requerimientos:

1. FUNCIONALIDADES

▪ Ingresar productos al inventario.

▪ Generar y enviar facturas electrónicas a los clientes

▪ Descontar productos del inventario al realizar una factura.

▪ Realizar salidas de producto por traslados, defectos o imperfectos.

▪ Generar reportes de ventas.

▪ Generar reportes de inventario.

▪ Realizar cálculos automáticos de total de facturas, impuestos, etc.

▪ Imprimir facturas, transacciones de producto y reportes

2. REQUISITOS FUNCIONALES

3.

• RF1: El sistema debe permitir ingresar productos al inventario con información

detallada, como nombre, código, precio, cantidad, etc.

• RF2: El sistema debe permitir realizar facturas seleccionando los productos del

inventario y descontándolos automáticamente.

• RF3: El sistema debe generar reportes diarios, semanales y mensuales de las ventas

realizadas.
4. REQUISITOS NO FUNCIONALES

• RNF1: La interfaz gráfica debe ser intuitiva y fácil de usar.

• RNF2: El tiempo de respuesta del sistema no debe exceder los 2 segundos para

cualquier operación.

• RNF3: El sistema debe ser seguro y garantizar la confidencialidad de los datos.

A partir de estas características se entraron a definir la composición visual del software,

para lo cual se definieron las siguientes características:

1. LOGO:

El logo de la empresa MONACO se mostrará en la parte superior

derecha del aplicativo en todo momento el cual se interactúa con
el software, esta será de un WIDTH=100 y un HEIGHT=100

2. PALETAS DE COLORES:

A partir del logo, se definieron los siguientes colores:

#0414A7

#E7D907

#FFFFFF

3. LETRAS

El tipo de letra a trabajar en el software la CANDARA para escritos dentro del

software como el logan y el registro; también se usará la COURIER NEW para los

títulos; la candara será color negro y la Courier variara según el título al igual que su

tamaño.
4. PRODUCTOS

Los productos aparecerán al momento de facturar en parte izquierda, donde se

mostrará la amaguen del producto a facturar, esta aparecerá de un tamaño de un

WIDTH=600 y un HEIDHT=1000, estos valores variaran según la cantidad de

productos a facturar.

5. BOTONES

Los botones de navegación, y espacios de ingresar valores como nombres y cc, será

de 20px por 100px.