IMPORTADORA

HERRERA
Manual de Usuario

Proyecto E-Commerce
Importadora Herrera

Autores:

 Avalos Gabriel
 Avilés Jorge
 Toapanta Henry
 Vaca Jefferson

Version: 1.0

Fecha: 12/01/2018
 Índice
1. Objetivo del documento .................................................................................................... 1
2. Participantes ..................................................................................................................... 1
3. Objetivos........................................................................................................................... 1
4. Módulo de Usuario............................................................................................................ 1
4.1. Pantalla Inicial ........................................................................................................... 1
4.2. Registrar un nuevo usuario ........................................................................................ 2
4.3. Inicio de Sesión .......................................................................................................... 3
4.4. Ver detalle de productos ........................................................................................... 5
4.5. Realizar una compra .................................................................................................. 6
4.6. Ver carrito de compras .............................................................................................. 6
4.7. Cerrar Sesión ............................................................................................................. 8
5. Módulo de Administrador ................................................................................................. 8
5.1. Pantalla de login ........................................................................................................ 8
5.2. Productos .................................................................................................................. 9
5.3. Ventas ..................................................................................................................... 11
5.4. Reportes .................................................................................................................. 12
5.5. Clientes ................................................................................................................... 13
 Índice de Ilustraciones
Ilustración 1: Página de inicio .................................................................................................... 2
Ilustración 2: Registrarse ........................................................................................................... 2
Ilustración 3: Formulario de registro ......................................................................................... 3
Ilustración 4: Inicio de sesión .................................................................................................... 3
Ilustración 5: Formulario inicio de sesión .................................................................................. 4
Ilustración 6: Historial de compras ............................................................................................ 4
Ilustración 7: Detalles productos destacados ............................................................................. 5
Ilustración 8: Detalle de producto ............................................................................................. 5
Ilustración 9: Cambio de estado ................................................................................................ 6
Ilustración 10: Carrito de compras ............................................................................................ 6
Ilustración 11: Productos añadidos al carrito ............................................................................. 7
Ilustración 12: Eliminar compra - Confirmar compra ................................................................. 7
Ilustración 13: Cerrar sesión ...................................................................................................... 8
Ilustración 14: Formulario login administrador .......................................................................... 8
Ilustración 15: Pantalla de inicio Administrador......................................................................... 9
Ilustración 16: Inventario de productos ..................................................................................... 9
Ilustración 17: Actualización de datos de producto ................................................................. 10
Ilustración 18: Opción agregar producto ................................................................................. 11
Ilustración 19: Ingresar nuevo producto .................................................................................. 11
Ilustración 20: Historial de ventas ........................................................................................... 12
Ilustración 21: Reporte de ventas ............................................................................................ 12
Ilustración 22: Gráfica reporte de ventas ................................................................................. 13
Ilustración 23: Detalle de ventas ............................................................................................. 13
Ilustración 24: Clientes registrados.......................................................................................... 13
Ilustración 25: Actualizar datos de cliente ............................................................................... 14
Ilustración 26: Insertar nuevo cliente ...................................................................................... 14
 E-Commerce
Importadora Herrera
Manual de Usuario

1. Objetivo del documento

El presente documento pretende mostrar al usuario final el funcionamiento de cada uno de los
módulos que compone a la aplicación E-Commerce Importadora Herrera.

2. Participantes

Participante Avalos Gabriel

Departamento Desarrollo
Teléfono 0958923439
Rol Programador

Participante Vaca Jefferson

Departamento Desarrollo
Teléfono 0996488317
Rol Programador

Participante Toapanta Henry

Departamento Gestión
Teléfono 0987287377
Rol Product Owner

Participante Avilés Jorge

Departamento Gestión
Teléfono 0984508934
Rol Scrum Master

3. Objetivos
Se pretende mostrar de una manera clara y concisa el funcionamiento de la aplicación E-
Commerce Importadora Herrera.

4. Módulo de Usuario
4.1. Pantalla Inicial
La pantalla de inicio de la aplicación contiene los respectivos productos destacados de la
empresa, así como también diferentes banners que muestran distintas promociones por
temporada o diversos productos.

1
 E-Commerce
Importadora Herrera
Manual de Usuario

Ilustración 1: Página de inicio

4.2. Registrar un nuevo usuario

El sistema da la posibilidad a los usuarios de la empresa Importadora Herrera el registrarse para
realizar sus respectivas compras, para ello el usuario simplemente dará clic en la imagen de la
persona tal como se muestra a continuación:

Ilustración 2: Registrarse

2
 E-Commerce
Importadora Herrera
Manual de Usuario

Una vez que el usuario haya dado clic en “Registrarse” se abrirá un pequeño formulario con la
información necesaria para poder realizar compras dentro del sistema.

Ilustración 3: Formulario de registro

4.3. Inicio de Sesión

Una vez que el nuevo usuario haya ingresado su información respectiva está listo para iniciar
sesión y realizar sus compras, el inicio de sesión es similar al proceso de registro este se lo realiza
dando clic en el icono de la persona tal como se muestra a continuación.

Ilustración 4: Inicio de sesión

3
 E-Commerce
Importadora Herrera
Manual de Usuario

Una vez realizado este procedimiento se abrirá una página con un nuevo formulario el cual
solicita el correo y contraseña proporcionados por el usuario en el proceso de registro
mencionado anteriormente.

Ilustración 5: Formulario inicio de sesión

Una vez dentro del sistema el usuario podrá ver las compras realizadas con anterioridad, cabe
recalcar que cuando un usuario nuevo no tendría un historial de compras.

Ilustración 6: Historial de compras

4
 E-Commerce
Importadora Herrera
Manual de Usuario

4.4. Ver detalle de productos

Los detalles de los distintos productos que ofrece la empresa Importadora Herrera se pueden
ver este o no registrado el usuario en el sistema, para ello simplemente se dará clic en la opción
detalles situadas bajo cada uno de los productos, tal como se muestra a continuación:

Ilustración 7: Detalles productos destacados

Ilustración 8: Detalle de producto

5
 E-Commerce
Importadora Herrera
Manual de Usuario

4.5. Realizar una compra

Para realizar una compra es necesario que el usuario este registrado ya que para la facturación
se necesitará los datos del mismo, para ello simplemente se dará clic en la opción “Comprar”
situada debajo de cada uno de los productos que ofrece la empresa Importadora Herrera.

Una vez realizada esta acción, el botón “Comprar” cambiará automáticamente de color y estado
quedando como “Ya está agregado” tal como se muestra a continuación:

Ilustración 9: Cambio de estado

4.6. Ver carrito de compras

Una vez agregados los productos que el usuario desee comprar, este podrá ver el detalle de los
productos agregados antes de confirmar la compra para ello el usuario dará clic en el icono del
carrito de compras tal como se muestra a continuación:

Ilustración 10: Carrito de compras

Una vez que se ha dado clic en el icono del carrito de compras el usuario verá el resumen de
todos los productos agregados anteriormente:

6
 E-Commerce
Importadora Herrera
Manual de Usuario

Ilustración 11: Productos añadidos al carrito

Dentro de esta pantalla el usuario podrá aumentar la cantidad de productos que desee comprar,
así como también si lo cree necesario podrá eliminar el producto dando clic en el icono “X” a un
lado de cada producto.

También podrá confirmar la compra dando clic en el botón “Confirmar compra” este se realizará
bajo el metodo de pago “Depósito Bancario”.

Ilustración 12: Eliminar compra - Confirmar compra

7
 E-Commerce
Importadora Herrera
Manual de Usuario

4.7. Cerrar Sesión

El usuario tiene la posibilidad de salir del sistema mediante el cierre de sesión para ello se hará
clic sobre el nombre del usuario y a continuación se dará clic en “Salir”, tal como se muestra a
continuación:

Ilustración 13: Cerrar sesión

5. Módulo de Administrador
El módulo de administrador facilita el ingreso de nuevos productos, así como sus precios
descripción y disponibilidad, también ayuda a dar seguimiento al historial de ventas.

5.1. Pantalla de login

El módulo de administrador cuenta con un formulario de login en el cual el administrador
ingresará sus respectivos datos e ingresará al sistema.

Ilustración 14: Formulario login administrador

8
 E-Commerce
Importadora Herrera
Manual de Usuario

Una vez proporcionados los datos del usuario administrador aparecerá la siguiente pantalla en
donde se podrá administrar el E-Commerce.

Ilustración 15: Pantalla de inicio Administrador

El módulo de administrador a su vez cuenta con varios “sub-módulos” los cuales son:

 Productos
 Ventas
 Reportes
 Clientes

5.2. Productos
Dentro de la opción productos el administrador podrá ingresar nuevos productos al E-
Commerce, también podrá ver el producto en la tienda, editar las características de un producto
ingresado y eliminarlo en caso de que se requiera.

Ilustración 16: Inventario de productos

 Para ver el producto en la tienda se dará clic en la opción que está a un lado de
cada producto.

9
 E-Commerce
Importadora Herrera
Manual de Usuario

 Para editar las características de un producto ingresado se dará clic en la opción que
está a un lado de cada producto.

Seleccionando la opción anterior aparecerá la siguiente pantalla:

El administrador podrá: Cambiar el código del producto, Nombre, Precio, Imagen.

Ilustración 17: Actualización de datos de producto

 Seleccionando la opción se eliminará el producto.

Para agregar un nuevo producto se dará clic en la opción “Agregar Producto” tal como se
muestra a continuación:

10
 E-Commerce
Importadora Herrera
Manual de Usuario

Ilustración 18: Opción agregar producto

Se desplegará una pantalla en la cual el administrador podrá ingresar los datos respectivos del
nuevo producto.

Ilustración 19: Ingresar nuevo producto

5.3. Ventas
En el apartado de ventas se muestra las ventas realizadas dentro del E-Commerce, cada una de
las ventas posee un estado los cuales serán explicados a continuación:

11
 E-Commerce
Importadora Herrera
Manual de Usuario

Ilustración 20: Historial de ventas

Marca una venta como “Pagada”.

Marca una venta como “Enviada”.

Marca una venta como “Finalizada”.

Elimina una venta.

5.4. Reportes
En el apartado de reportes el administrador podrá visualizar las ventas finalizadas además de
ello podrá sacar una gráfica en la cual se indique las ventas realizadas de un periodo a otro.

Ilustración 21: Reporte de ventas

Para visualizar la gráfica de reportes es necesario ingresar el período de fechas (Inicio - Final) y
dar clic en la opción “Generar”.

12
 E-Commerce
Importadora Herrera
Manual de Usuario

Ilustración 22: Gráfica reporte de ventas

El administrador también podrá ver el detalle de las compras dando clic en el botón “Detalle” a
un lado de cada venta realizada a través del E-Commerce.

Ilustración 23: Detalle de ventas

5.5. Clientes
En este apartado el administrador podrá eliminar, añadir o editar los datos de los diferentes
clientes.

Ilustración 24: Clientes registrados

A continuación, se explica las diferentes opciones:

Permite la edición de los datos del usuario.

Elimina un usuario.

13
 E-Commerce
Importadora Herrera
Manual de Usuario

Seleccionando la primera opción se abrirá una nueva ventana en donde el administrador podrá
editar los datos del usuario.

Ilustración 25: Actualizar datos de cliente

Para agregar un nuevo usuario se dará clic en la opción “Nuevo Usuario” y se procederá a llenar
los datos respectivos.

Ilustración 26: Insertar nuevo cliente

14