Manual de Usuario

“APLICATIVO WEB QUE
PRESENTE UNA TIENDA VIRTUAL

Y PERMITA LA COMPRA DE
ELEMENTOS Y EQUIPOS DE
ROBÓTICA”.
MANUAL DE USUARIO
ALEX GEOVANNY HOLGUIN NAREA
Centro Educativo: Carrera: Autor: Alex Holguin

UNIVERSIDAD POLITÉCNICA COMPUTACIÓN – Fecha última actualización:
SALESIANA TELECUMUNICACIO
NES –
ELECTRÓNICA
Ruta de Acceso: Servar.ia.xpcdesg Manual de usuario.docx
Proyecto “APLICATIVO WEB QUE PRESENTE UNA
TIENDA VIRTUAL Y PERMITA LA COMPRA DE
ELEMENTOS Y EQUIPOS DE ROBÓTICA”.
Versiones Actualizado por Fecha de Modificaciones

actualización
2.0 Alex Holguin 10/08/2023 Se agregaron nuevas ideas a los menús en conjunto de un diseño
más apropiado al producto que se ofrece
Ultima Actualización realizada:
Nombre: Alex Holguin
Departamento: Ingeniería Electrónica
Teléfono: 0999463426
Mail: aholguinn@est.ups.edu.ec

NES –
ELECTRÓNICA
“APLICATIVO WEB QUE PRESENTE UNA Ver.2.0
TIENDA VIRTUAL Y PERMITA LA COMPRA DE Página 3 de

ELEMENTOS Y EQUIPOS DE ROBÓTICA”. 12
Manual de Usuario
TABLA DE CONTENIDO
1 INTRODUCCIÓN AL USUARIO. 4
2 ORGANIZACIÓN DE MENÚES. 4
3 PANTALLAS Y OTROS PROGRAMAS. 5
4 GUÍA DE PROCESOS 8
5 MENSAJES DE LA APLICACIÓN 9
6 APENDICE 11
6.1 GLOSARIO DE TÉRMINOS DE LA APLICACIÓN 11

NES –
ELECTRÓNICA
1 INTRODUCCIÓN AL USUARIO.
Nuestra plataforma de tienda virtual de robótica ofrece una experiencia integral para
entusiastas y aficionados por igual. Explora una amplia gama de productos de alta calidad,
desde kits de construcción hasta componentes especializados, a través de una interfaz
intuitiva. Mediante opciones de búsqueda y filtros, encontrarás fácilmente los productos que
se ajusten a tus necesidades específicas. Agrega los productos de tu elección al carrito de
compras y disfruta de un proceso de pago seguro a través de métodos confiables. Nuestro
programa también te brinda la capacidad de rastrear el estado de tus pedidos y recibir
asistencia de nuestro equipo de atención al cliente en cualquier momento.
2 ORGANIZACIÓN DE MENÚES.
Menú de la Aplicación:
1. Inicio: Esta es la pantalla de bienvenida que te da una visión general de la tienda y
presenta las últimas ofertas y novedades.
2. Explorar Productos: Aquí podrás navegar por las diferentes categorías de productos,
como kits de construcción, componentes individuales y accesorios avanzados.
Encuentra todo lo que necesitas para tus proyectos de robótica.
3. Carrito de Compras: En esta sección, podrás ver los productos que has agregado al
carrito, ajustar las cantidades y proceder a la compra. Una forma conveniente de
organizar tus compras antes de finalizar el pedido.
4. Mi Cuenta: Accede a tu perfil personal, donde puedes ver tus pedidos anteriores,
detalles de la cuenta y opciones de configuración.
5. Seguimiento de Pedidos: Aquí podrás rastrear el estado de tus pedidos en tiempo real,
desde la confirmación hasta la entrega.
6. Soporte y Ayuda: Si tienes alguna pregunta o problema, esta sección te conectará
con nuestro equipo de atención al cliente. También puedes acceder a preguntas
frecuentes y guías de ayuda.
7. Cerrar Sesión: Una opción para finalizar tu sesión y asegurar la privacidad de tu
cuenta.

NES –
ELECTRÓNICA
Detalle y Descripción:
1. Inicio: La página de inicio te da una visión general de los productos destacados,
ofertas especiales y noticias recientes de la tienda, brindándote una entrada dinámica
a la experiencia de compra.
2. Explorar Productos: Esta sección te permite navegar por categorías específicas de
productos, explorar detalles y especificaciones técnicas, y encontrar productos que se
adapten a tus necesidades y proyectos.
3. Carrito de Compras: Organiza tus compras aquí, revisa los productos que has
seleccionado y ajusta las cantidades según lo desees antes de proceder al pago.
4. Mi Cuenta: Accede a tu perfil personal donde puedes ver tu historial de pedidos,
actualizar tus datos y ajustar tus preferencias de notificación.
5. Seguimiento de Pedidos: Mantén un registro en tiempo real del progreso de tus
pedidos, desde la confirmación hasta la entrega, brindándote una idea clara de cuándo
recibirás tus productos.
6. Soporte y Ayuda: Si tienes preguntas o problemas, aquí podrás acceder a recursos
de ayuda y ponerte en contacto con nuestro equipo de soporte para resolver cualquier
inquietud.
7. Cerrar Sesión: Utiliza esta opción para finalizar tu sesión y proteger la seguridad de
tu cuenta cuando hayas terminado de usar la aplicación.
3 PANTALLAS Y OTROS PROGRAMAS.
Página de Inicio:
• Mostrará una selección de productos destacados, ofertas y novedades.
• Proporcionará una primera impresión atractiva y animará a los usuarios a explorar
más.
Explorar Productos:
• Listará todas las categorías disponibles, como kits de construcción, componentes
individuales y accesorios.
• Permitirá a los usuarios hacer clic en cada categoría para explorar los productos
específicos en esa categoría.

NES –
ELECTRÓNICA
Detalle del Producto:
• Mostrará información detallada sobre un producto específico seleccionado por el
usuario.
• Presentará imágenes, descripciones, especificaciones técnicas y opciones de compra.
Carrito de Compras:
• Mostrará los productos que el usuario ha agregado al carrito.
• Permite ajustar cantidades, eliminar productos y calcular el monto total de la compra.
Proceso de Pago:
• Guiará al usuario a través de los pasos para ingresar la información de envío y pago.
• Proporcionará opciones de pago seguras y resumirá la compra antes de confirmar.
Confirmación de Pedido:
• Mostrará un resumen detallado del pedido y proporcionará un número de
seguimiento.
• Ofrecerá información sobre el tiempo estimado de entrega y opciones de contacto.
Seguimiento de Pedidos:
• Permitirá al usuario rastrear el estado en tiempo real de su pedido utilizando el
número de seguimiento.
• Proporcionará actualizaciones sobre el proceso de envío y la ubicación del paquete.
Mi Cuenta:
• Proporcionará acceso a la información del perfil del usuario, historial de pedidos y
configuración de la cuenta.
• Permite a los usuarios actualizar sus datos y preferencias personales.

NES –
ELECTRÓNICA
Referencias Graficas:

NES –
ELECTRÓNICA
4 GUÍA DE PROCESOS
Para el flujo de trabajo he decidió plantear un ejemplo de una compra, y las acciones que
debería seguir el usuario “Cliente”:
Inicio de Sesión: Al acceder a la plataforma, se autentica en su cuenta personal para acceder
a todas las funcionalidades.
Búsqueda de Componentes: Utilizando la barra de búsqueda en la parte superior, ingresa
los términos clave para los componentes que necesita, como "sensor ultrasónico" y presiona
Enter.
Resultados de Búsqueda: Se le presentan resultados relevantes basados en su búsqueda.
Selecciona uno de los sensores ultrasónicos para obtener más detalles.
Detalles del Producto: En la página de detalles, se encuentra con una descripción técnica
exhaustiva del sensor, incluyendo especificaciones eléctricas y mecánicas, rangos de
detección y documentación asociada.

NES –
ELECTRÓNICA
Añadir al Carrito: Confirma que el sensor es lo que necesita y lo agrega al carrito. Continúa
navegando para encontrar otros componentes necesarios.
Carrito de Compras: Accede al carrito para revisar la lista completa de elementos
seleccionados. Puede ajustar cantidades o eliminar elementos si es necesario.
Proceso de Pago: Avanza hacia el proceso de pago, donde selecciona la dirección de envío y
elige entre los métodos de pago seguros disponibles.
Confirmación y Facturación: Confirma la orden y recibe un resumen detallado de la
compra junto con una factura para su referencia.
Seguimiento de Envío: Después de la compra, accede a la sección "Seguimiento de Pedidos"
para monitorear el estado de la entrega. Recibe actualizaciones sobre el proceso de envíos
Recepción: Una vez que los componentes llegan, el profesional los utiliza en su proyecto de
robótica avanzada, sabiendo que ha adquirido productos de calidad para sus necesidades
técnicas.
5 MENSAJES DE LA APLICACIÓN
Aquí presento un par de ideas de mensajes para la implementación de la aplicación
Mensaje: Producto Agregado al Carrito
Explicación: Este mensaje aparece cuando un usuario agrega un producto al carrito de
compras.
Posibles Causas: El usuario ha seleccionado un producto y ha hecho clic en "Agregar al
Carrito".
Solución: El usuario puede continuar navegando y agregando más productos al carrito si es
necesario. Para finalizar la compra, puede hacer clic en el carrito y proceder al proceso de
pago.

NES –
ELECTRÓNICA
Mensaje: Cantidad Insuficiente de Stock
Explicación: Este mensaje se muestra si el usuario intenta agregar más unidades de un
producto de las que están disponibles en el stock.
Posibles Causas: El usuario ha intentado agregar una cantidad mayor de la que el sistema
tiene en stock.
Solución: El usuario puede reducir la cantidad de unidades a agregar al carrito o buscar un
producto similar con suficiente stock. Si es un producto esencial, puede contactar al servicio
de atención al cliente para obtener más información sobre la disponibilidad.
Mensaje: Pedido Realizado Exitosamente

Explicación: Aparece cuando el usuario ha completado exitosamente el proceso de pago y
confirmado su pedido.
Posibles Causas: El usuario ha ingresado la información de pago correcta y ha seguido todos
los pasos del proceso de compra.
Solución: El usuario puede seguir el proceso de seguimiento de pedidos para monitorear el
estado de su pedido y esperar la entrega de sus productos.
Mensaje: Información de Pago Inválida

Explicación: Este mensaje se muestra si hay un error en la información de pago ingresada
por el usuario.
Posibles Causas: El usuario ha ingresado datos de tarjeta incorrectos o incompletos.
Solución: El usuario debe revisar y corregir la información de pago, asegurándose de que los
detalles sean precisos. Si el problema persiste, puede intentar con otra tarjeta de pago o
método de pago.

NES –
ELECTRÓNICA
Mensaje: Pedido en Proceso de Envío
Explicación: Este mensaje indica que el pedido está siendo preparado para su envío.
Posibles Causas: Después de confirmar el pedido, la tienda está en proceso de empacar y
preparar los productos para el envío.
Solución: El usuario solo necesita esperar a que se complete el proceso de preparación y
envío. Puede utilizar la función de seguimiento de pedidos para obtener actualizaciones sobre
la ubicación y el estado del envío.
6 APENDICE
6.1 Glosario de Términos de la Aplicación

Django: Un framework de desarrollo web de alto nivel y basado en Python que facilita la
creación de aplicaciones web robustas y escalables.
Modelo: En el contexto de Django, es una representación de una tabla en una base de datos
que define la estructura y los campos de los datos.
Vista: En MVC (Modelo-Vista-Controlador), la vista maneja la presentación de los datos y
se encarga de mostrar la información al usuario.
Controlador: En MVC, el controlador maneja las interacciones del usuario y la lógica detrás
de las acciones que realiza.
Plantilla: En Django, una plantilla es una estructura que define cómo se mostrará la
información en una página web.
URLs (Uniform Resource Locators): En Django, las URLs definen la estructura de los
enlaces y cómo se mapean a las vistas correspondientes.
Framework: Un conjunto de herramientas y bibliotecas predefinidas que facilitan el
desarrollo de software, proporcionando una estructura y funcionalidades comunes.
API (Interfaz de Programación de Aplicaciones): Un conjunto de reglas y protocolos que
permite que diferentes componentes de software se comuniquen entre sí.

NES –
ELECTRÓNICA
Base de Datos: Un sistema de almacenamiento organizado de datos, utilizado para almacenar
y recuperar información.
ORM (Mapeo Objeto-Relacional): Una técnica que permite interactuar con bases de datos
relacionales utilizando objetos en lugar de consultas SQL directas.
Autenticación: Proceso de verificar la identidad de un usuario antes de permitirles acceder
a ciertas partes de la aplicación.
Sesión: Un mecanismo para almacenar y rastrear información específica del usuario durante
su interacción con la aplicación.
Middleware: Componentes en Django que procesan solicitudes y respuestas antes de llegar
a las vistas.
Migraciones: En Django, las migraciones son scripts que definen y actualizan la estructura
de la base de datos según los cambios en los modelos.
Seguridad: Implementación de medidas para proteger la aplicación y los datos de amenazas
y vulnerabilidades.
API de Pago: Integridad con servicios externos de pago, como pasarelas de pago o
proveedores de servicios financieros.
Gestión de Errores: Implementación de manejadores y registros de errores para capturar y
manejar problemas en la aplicación.
Middleware de Autenticación: Componentes que manejan la autenticación de los usuarios
y la administración de sesiones.
API RESTful: Una interfaz de programación que sigue los principios de REST
(Representational State Transfer) para facilitar la comunicación entre sistemas.
Seguimiento de Solicitudes: La capacidad de rastrear y analizar el flujo de una solicitud a
través de la aplicación para diagnóstico y mejora.

NES –
ELECTRÓNICA

Manual de Usuario

Cargado por

Información del documento

Descripción original:

Título original

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

Manual de Usuario

Cargado por

Copyright:

Formatos disponibles

“APLICATIVO WEB QUE

PRESENTE UNA TIENDA VIRTUAL

ALEX GEOVANNY HOLGUIN NAREA

Centro Educativo: Carrera: Autor: Alex Holguin

Versiones Actualizado por Fecha de Modificaciones

Ultima Actualización realizada:

Nombre: Alex Holguin

Departamento: Ingeniería Electrónica

Centro Educativo: Carrera: Autor: Alex Holguin

TIENDA VIRTUAL Y PERMITA LA COMPRA DE Página 3 de

3 PANTALLAS Y OTROS PROGRAMAS. 5

6.1 GLOSARIO DE TÉRMINOS DE LA APLICACIÓN 11

Centro Educativo: Carrera: Autor: Alex Holguin

Centro Educativo: Carrera: Autor: Alex Holguin

Centro Educativo: Carrera: Autor: Alex Holguin

Centro Educativo: Carrera: Autor: Alex Holguin

Centro Educativo: Carrera: Autor: Alex Holguin

Centro Educativo: Carrera: Autor: Alex Holguin

Centro Educativo: Carrera: Autor: Alex Holguin

Mensaje: Pedido Realizado Exitosamente

Mensaje: Información de Pago Inválida

Centro Educativo: Carrera: Autor: Alex Holguin

6.1 Glosario de Términos de la Aplicación

Centro Educativo: Carrera: Autor: Alex Holguin

Centro Educativo: Carrera: Autor: Alex Holguin

También podría gustarte