ELABORACION DE INTERFAZ
GRAFICA
Programación C
Academia Nacional de Aprendizaje (ANDAP) - Madrid
7 pag.
Document shared on https://www.docsity.com/es/elaboracion-de-interfaz-grafica/9665803/
Downloaded by: dario-f-moran ([email protected])
SENA
Elaboración de interfaz gráfica y mapa de navegación cumpliendo
con reglas de usabilidad y accesibilidad
GABRIEL SANTIAGO MORA PLAZAS & MERARI RUIDIAZ
VALENCIA
2547415
ISRAEL ARBONA
2023
Document shared on https://www.docsity.com/es/elaboracion-de-interfaz-grafica/9665803/
Downloaded by: dario-f-moran ([email protected])
INTRODUCCION
Esta actividad se orienta a realizar las prácticas que permiten elaborar la interfaz
gráfica y el mapa de navegación de una aplicación teniendo en cuenta las reglas de
usabilidad y accesibilidad.
Tipo de aplicación: Aplicación Web.
Perspectiva del producto:
El software para el control del sistema de ventas de la empresa Bogotacomputo
NET, por medio de una página web será un software que ayude en la
automatización de procesos donde los clientes que vayan a comprar a la empresa
puedan hacerlo por medio de una página y puedan adquirir productos o servicios a
través de esta.
Funciones del producto:
Este software será de gran ayuda para que por medio de una página web se
realicen ventas de productos como computadores y también servicios, como servicio
técnico, etc.
Características del producto:
Las características que tiene este producto es que es un producto que Produce un
mayor alcance a la empresa puesto que se podrá ver en internet desde un PC, o un
dispositivo móvil. Otra característica es que
dicha página tendrá un menú donde el cliente final conozca la empresa y vea que
productos ofrece y otro menú para adquirir dichos productos.
Document shared on https://www.docsity.com/es/elaboracion-de-interfaz-grafica/9665803/
Downloaded by: dario-f-moran ([email protected])
Restricciones generales:
-La página que se va a desarrollar tendrá un servicio al cliente limitado, en donde el
cliente final proporcionará sus datos de contacto para ser atendido en otro momento
-La página tendrá un límite de secciones
-El cliente al que se le dará el software deberá ver su página constantemente para
que vea las ventas producidas.
Requerimientos:
Requerimientos funcionales
Document shared on https://www.docsity.com/es/elaboracion-de-interfaz-grafica/9665803/
Downloaded by: dario-f-moran ([email protected])
Requerimientos No Funcionales
Requerimientos y prototipos:
Registro de Usuario
CASOS DE
PRUEBA
Nombre del requerimiento
Identificador
Precondiciones
Objetivo del caso
Pasos
Registro de Usuario
Registro_User
El usuario debe estar en la sección de
Registro para loguearse
Obtener los datos básicos de un
usuario para con esa información
poder ofrecer productos y servicios
de forma más
especifica
Resultados del caso
Document shared on https://www.docsity.com/es/elaboracion-de-interfaz-grafica/9665803/
Downloaded by: dario-f-moran ([email protected])
1.Poner un Nombre de usuario,
contraseña
y correo electrónico
2.Dar clic en el botón de registrarse
Se validarán los datos de que cumplan
con los requisitos de registro necesario
El usuario observara después de cargar,
la
página y el usuario registrado
Inicio
CASOS DE
PRUEBA
Nombre del requerimiento
Identificador
Precondiciones
Objetivo del caso
Pasos
1.Dar clic en el icono de una casa
Inicio
-Inicio[]
El usuario debe estar en la sección de
inicio y registrado
Verificar la correcta visualización de la
sección de inicio
Resultados del caso
Se mostrará una interfaz que muestre
los nuevos productos, mas vendidos y
lo que
ofrece la empresa en general
Document shared on https://www.docsity.com/es/elaboracion-de-interfaz-grafica/9665803/
Downloaded by: dario-f-moran ([email protected])
Catálogo, productos y servicios:
CASOS DE
PRUEBA
Nombre del requerimiento
Identificador
Precondiciones
Objetivo del caso
Pasos
1.Dar clic en la sección de
Productos Y servicios en el icono
de un carro de compras
2.Dar clic en comprar artículo
Productos
Productos_servicios_catálogo
El usuario debe estar en la sección de
catálogo logueado
Correcta visualización de los
productos y servicios que se ofrecen
de una manera
intuitiva y simple
Resultados del caso
Se abrirá un apartado donde se vean
los computadores que se venden y los
servicios de mantenimiento que ofrece
la
empresa, con sus respectivos precios,
etc
Se abrirá una interfaz para realizar una
compra
Document shared on https://www.docsity.com/es/elaboracion-de-interfaz-grafica/9665803/
Downloaded by: dario-f-moran ([email protected])
Mapa de navegación:
Un mapa de navegación web es una representación visual de las páginas que
conforman un sitio web y la información que contendrán. Permite hacer una
jerarquía fácilmente comprensible y facilitar que los usuarios puedan acceder a cada
contenido de manera intuitiva y ordenada.
Document shared on https://www.docsity.com/es/elaboracion-de-interfaz-grafica/9665803/
Downloaded by: dario-f-moran ([email protected])
0
