Manual de usuario

Jacinto Arevalo Franklin Teodoro.

Neyra Pacherrez Junior Ismael.
Silupù Moscol Christhian Juan.
Valladolid Paz Jose Alexander.
Contenido
Modo de uso CLIENTE ......................................................................................................................... 2
1. Ingreso de usuario. ................................................................................................................. 3
2. Página de bienvenida para el cliente. .................................................................................... 4
3. Catálogo de productos. .......................................................................................................... 5
4. Agregar un producto al carrito de compras........................................................................... 7
a) Desde el “CATALOGO PRODUCTOS” ................................................................................... 7
b) Desde el detalle del producto. ............................................................................................ 9
5. Agregar comentario a un producto...................................................................................... 11
6. Mostrar Historial de compras. ............................................................................................. 12
7. Actualizar datos. ................................................................................................................... 13
8. Cerrar sesión. ........................................................................................................................ 15
Modo de uso Gerente....................................................................................................................... 16
1. Ingreso de usuario GERENTE. ............................................................................................... 17
2. Página de bienvenida para el GERENTE. .............................................................................. 18
3. Actualizar datos. ................................................................................................................... 19
4. Generar REPORTES ................................................................................................................ 21
i) GRAFICO DE BARRAS POR TOP ANUAL. ........................................................................... 22
ii) REPORTE DE USUARIOS DEL SISTEMA EN FORMATO PDF. ............................................. 23
5. Cerrar sesión. ........................................................................................................................ 24
Modo de uso
CLIENTE
 1. Ingreso de usuario.
El sistema mostrará una página de que nos pedirá que nos identifiquemos para poder acceder a sus
funcionalidades.

2
3

1
Campo USUARIO

En este campo el usuario debe ingresar el nombre de “usuario” que usó en el registro al sistema,
este puede ser su correo electrónico, un sobrenombre, un nik, etc.

2 Campo CONTRASEÑA

En este campo el usuario debe ingresar su contraseña de usuario la misma que usó en
el registro al sistema.

3 Botón ENVIAR

Al finalizar el ingreso del nombre de usuario y su respectiva contraseña, el usuario

deberá dar click en el botón “Enviar” para la validación de los datos y en caso de que sean correctos,
podrá ingresar al sistema y realizar sus operaciones.
 2. Página de bienvenida para el cliente.

4
1 2 3
5 6

1 Catálogo de productos nos mostrará todos los productos disponibles en la tienda virtual.

Cerrar sesión, permite al usuario terminar su visita a nuestro portal web. Puede ser
2 pulsado en cualquier momento.

Mis datos, permite al usuario cambiar (actualizar sus datos ingresados al momento del
3 registro.

Ayuda, en caso de cualquier eventualidad, el cliente puede solicitar ayuda online con
4 nuestro portal de “Ayuda”,

Historial de compras, mostrará al cliente todas las compras realizadas hasta la fecha, así
5 como el estado de las compras.
 Ver carrito, permite al cliente ir revisando en cualquier momento a partir del primer
6 ingreso de un producto al carrito de compras.

El sistema indica que está esperando las órdenes del cliente para empezar a trabar.
7

El sistema muestra el nombre del usuario para mayor seguridad de que ingresó
8
correctamente.

3. Catálogo de productos.

a) Se debe dar clic en la opción de” CATÁLOGO PRODUCTOS”.

b) Se mostrará la lista de todos los productos disponible en tienda.

c) Si queremos saber más información de algún producto, le podemos dar clic al botón “Ver
Detalles” para que nos muestre la información completa del producto deseado.

d) Se le mostrará los detalles solicitados.

4. Agregar un producto al carrito de compras.

a) Desde el “CATALOGO PRODUCTOS”

i) Dar clic en “CATALOGO PRODUCTOS”.

ii) Dar clic en “AGREGAR PRODUCTO”.

1
 Casilla de cantidad: por defecto tiene el valor de 1. Pero se puede editar por la cantidad
1 que el cliente quiere.

iii) Se mostrará el carrito con el nuevo producto agregado.

2
3
1

El botón “Guardar Pedido” permite al usuario culminar con la compra, y guardarla a su

1 historial de compras.

La opción “Ver” permite al usuario verificar el producto agregado al “Carrito De Compras”.

2

Si el usuario ya no desea el producto agregado al “Carrito De Compras”, con esta opción se

2 puede quitar de la lista de productos a comprar.
 b) Desde el detalle del producto.

I) Clic en el botón “Ver Detalles”

II) Dar clic en el botón “Agregar” para que se agregue al carrito de compras.

1
La casilla de cantidad se puede actualizar con la cantidad deseada por el cliente, por
defecto muestra “1”.
 III) Se mostrará el carrito de compras con el producto ya agregado

2
3
1

El botón “Guardar Pedido” permite al usuario culminar con la compra, y guardarla a su

1 historial de compras.

La opción “Ver” permite al usuario verificar el producto agregado al “Carrito De Compras”.

2

Si el usuario ya no desea el producto agregado al “Carrito De Compras”, con esta opción se

2 puede quitar de la lista de productos a comprar.
5. Agregar comentario a un producto.

a) Se debe ingresar a los detalles del producto.

b) Se mostrará la página de detalles, y en la parte inferior, se mostraran los comentarios de

los demás clientes, y hay una casilla donde se podrá escribir un comentario respecto al
producto en detalle.

2
4
1
 Campo para escribir el comentario.
1

2 Botón para enviar el comentario y aparezca con los demás comentarios referidos al
producto.

Cometarios anteriores referidos al producto.

3

Sección de productos relacionados al detalle expuesto en pantalla.

4

6. Mostrar Historial de compras.

a) Clic en la opción “Historial de compras”.

Esta opción puede ser solicitada en cualquier momento.
7. Actualizar datos.

a) Clic en “MIS DATOS”.

b) Ingresar los datos actuales.

c) Guardar cambios.
Una vez actualizado los datos se dará clic en el botón “Actualizar Datos”.
8. Cerrar sesión.

a) Clic en la opción “CERRAR SESION”

b) El sistema cerrará la sesión del cliente y mostrará la página de logeo.

Modo de uso
Gerente
 1. Ingreso de usuario GERENTE.
El sistema mostrará una página de que nos pedirá que nos identifiquemos para poder acceder a sus
funcionalidades.

2
3

1
Campo USUARIO

En este campo el usuario debe ingresar el nombre de “usuario” que usó en el registro al sistema,
este puede ser su correo electrónico, un sobrenombre, un nik, etc.

2 Campo CONTRASEÑA

En este campo el usuario debe ingresar su contraseña de usuario la misma que usó en
el registro al sistema.

3 Botón ENVIAR

Al finalizar el ingreso del nombre de usuario y su respectiva contraseña, el usuario

deberá dar click en el botón “Enviar” para la validación de los datos y en caso de que sean correctos,
podrá ingresar al sistema y realizar sus operaciones.
 2. Página de bienvenida para el GERENTE.

4
1 2 3
5

1 Catálogo de productos nos mostrará todos los productos disponibles en la tienda virtual.

Cerrar sesión, permite al usuario terminar su visita a nuestro portal web. Puede ser
2 pulsado en cualquier momento.

Mis datos, permite al usuario cambiar (actualizar sus datos ingresados al momento del
3 registro.

Ayuda, en caso de cualquier eventualidad, el cliente puede solicitar ayuda online con
4 nuestro portal de “Ayuda”,

REPORTES, es una opción que le muestra al gerente diversas formas de ver un reporte de
5 las ventas realizadas en la empresa.
 El sistema indica que está esperando las órdenes del cliente para empezar a trabar.
6

El sistema muestra el nombre del usuario para mayor seguridad de que ingresó
7
correctamente.

3. Actualizar datos.

a) Clic en “MIS DATOS”.

d) Ingresar los datos actuales.

e) Guardar cambios.
Una vez actualizado los datos se dará clic en el botón “Actualizar Datos”.
4. Generar REPORTES

a) Se debe hacer clic en la opción “REPORTES”.

b) Elegir tipo de reporte que desea visualizar.

 i) GRAFICO DE BARRAS POR TOP ANUAL.

Clic en la opción “POR TOP ANUAL”.

Se mostrará la página de reportes “POR TOP ANUAL”.

1 2

CASILLA AÑO: en él se debe colocar el año a evaluar para mostrar las estadísticas.
1

BOTON ENVIAR: Al pulsarlo se debe mostrar inmediatamente las estadísticas del año
2 elegido.
 Panel que permite visualizar las estadísticas.
3

BOTON REGRESAR: nos devuelve a la página de elección de reportes.

4

ii) REPORTE DE USUARIOS DEL SISTEMA EN FORMATO PDF.

Clic en la opción “POR TOP ANUAL”.

Mostrará la información en un documento (formato pdf).

5. Cerrar sesión.

c) Clic en la opción “CERRAR SESION”

d) El sistema cerrará la sesión del cliente y mostrará la página de logeo.