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])
