1

CAMPOALEGRE-HUILA

MANUAL DEL USUARIO

Servicio Nacional de Aprendizaje [Colombia]

Tecnlogo en Anlisis y Desarrollo de
Sistemas de Informacin
Manual de Usuario De
Supermercado Mana
Campoalegre, Colombia / 2016.

DEYNER DAVID SANCHEZ

KEVIN YUVAN SANCHEZ

MANUAL DE
USUARIO
Supermercado Mana

CAMPOALEGRE-HUILA

1.

Introduccin

En este documento se describir los objetivos e informacin clara y concisa de

cmo utilizar el Sistema web Supermercado Mana y su funcionamiento.
Supermercado el mana es un sistema web basado para un Supermercado ubicado en Campoalegre
Huila que cuyo objetivo es brindar a sus clientes un mejor servicio al cliente, Variedad de
productos y precios Accesibles

DEYNER DAVID SANCHEZ

KEVIN YUVAN SANCHEZ

CAMPOALEGRE-HUILA

2.

Tabla de contenido

1. Introduccin
..2
2. Tabla de contenido.......................................................3
3. Usuario no registrado...3
3.1 Como ingresar................3
3.2 Pantalla de Inicio....4
3.3 Procesos de un usuario no registrado.....5
3.4 Proceso De Pedidos De Un Usuario No Registrado..6
4. Cliente..14
5. Vendedor..25

3.

USUARIO NO REGISTRADO

3.1 Como ingresar

El usuario primero que todo tiene que dirigirse al Navegador ya sea (Chrome, Mozilla, Internet
Explore) Escribir la siguiente Direccin Web: http://localhost/supermercadoelmana/.

DEYNER DAVID SANCHEZ

KEVIN YUVAN SANCHEZ

CAMPOALEGRE-HUILA

Una vez Ingrese la direccin web te saldr la pantalla de inicio del Supermercado Mana
3.2 Pantalla De Inicio
Este va hacer la pgina principal de Nuestro sistema web que llevara una barra de navegacin
como esta:

DEYNER DAVID SANCHEZ

KEVIN YUVAN SANCHEZ

CAMPOALEGRE-HUILA

3.3 Procesos de un usuario no registrado.

El Usuario que no quiere registrarse solo tendr permiso a las siguientes Opciones: Ver la historia,
hacer Pedidos, Realizar un PQRSF Y ver la ubicacin de donde nos encontramos.

Al momento de dar en la opcin de Historia aparecer la informacin del supermercado mana y

algunas imgenes

DEYNER DAVID SANCHEZ

KEVIN YUVAN SANCHEZ

CAMPOALEGRE-HUILA

3.4 Proceso De Pedidos De Un Usuario No Registrado.

Dar click en la opcin de Pedidos Online como se muestra en la Barra de Navegacin y nos
aparece la pantalla de Pedidos.

DEYNER DAVID SANCHEZ

KEVIN YUVAN SANCHEZ

CAMPOALEGRE-HUILA

Esta es la pantalla para realizar los pedidos como podemos ver: tenemos dos botones los cuales
son Comprar y compras y un buscador por si el usuario no sabe en qu categora se encuentra el
producto. Si no hay un producto el programa mostrara la siguiente interfaz.

DEYNER DAVID SANCHEZ

KEVIN YUVAN SANCHEZ

CAMPOALEGRE-HUILA

DEYNER DAVID SANCHEZ

KEVIN YUVAN SANCHEZ

CAMPOALEGRE-HUILA

Al Dar Click En Una De Esas Categoras Nos Aparecer Los Productos Que Se Encuentr
LO MOSTRAREMOS EN LA SIGUIENTE IMAGEN

DEYNER DAVID SANCHEZ

KEVIN YUVAN SANCHEZ

10

CAMPOALEGRE-HUILA

En este caso escogimos las categora Verduras como se puede ver en la imagen nos aparece los
productos de esa categora con informacin como el Nombre, La foto del producto, la cantidad en
ese punto escogemos la cantidad que deseamos comprar y despus hacemos click en el botn de
agregar y as con los dems productos que deseamos agregar
Este es otro ejemplo
En esta ocasin vamos a buscar los productos por medio de la barra de bsqueda que tenemos en
los pedidos ejemplo.
Como podemos ver Buscamos en la barra de bsqueda el producto marg y nos aparece solo los
productos con ese nombre. Hacemos el mismo procedimiento escogemos la cantidad en este caso
es 4 en cada uno de los productos y le damos agregar como vemos nos aparece los productos
agregado en el botn derecho que dice compras

DEYNER DAVID SANCHEZ

KEVIN YUVAN SANCHEZ

11

CAMPOALEGRE-HUILA

En este caso se agregaron 3 productos y se puede ver en la parte superior izquierda en compras
damos click al botn y nos aparecer una ventana modal en la cual nos aparece los productos
realizados ejemplo:

Podemos ver los 3 productos agregados su precio, la cantidad que en este caso la podemos cambiar
al momento de cambiar la cantidad nos sumara o restara el valor total del producto y pues en la
parte inferior nos mostrara la cantidad de los 3 productos a pagar que en este caso es 13200.
Tambin tenemos la opcin de Eliminar un producto que ya no queremos comprar

DEYNER DAVID SANCHEZ

KEVIN YUVAN SANCHEZ

12

CAMPOALEGRE-HUILA

Dar click en el botn volver nos devolver a la pantalla de los pedidos pero si queremos comprar
damos click en el botn Comprar ejemplo.

Despus de dar click al botn Comprar nos aparecer una ventana modal donde digitaremos con la
informacin verdadera.

DEYNER DAVID SANCHEZ

KEVIN YUVAN SANCHEZ

13

CAMPOALEGRE-HUILA

Despus de haber Digitado todos los campos damos en el botn de Enviar y se abrir una pgina
web que descargara el Pdf de la factura de la compra realizada.

DEYNER DAVID SANCHEZ

KEVIN YUVAN SANCHEZ

14

CAMPOALEGRE-HUILA

Tambin el usuario no registrado puede realizar un PQRSF es decir una peticin, queja, Reclamo,
Sugerencia y Felicitaciones. El usuario puede dirigirse a la barra de navegacin ejemplo:

Al dar click en la opcin de PQRSF nos dirigir a una ventana como esta en la imagen despus
digitar los datos correspondientes como se muestra en la imagen, despus al terminar dar click en
el botn Enviar que se encuentra en la parte inferior. La informacin se almacenara en la base de
datos donde el Vendedor Puede ver su informacin.

Por ltimo el usuario no registrado tiene la opcin de ver la ubicacin donde se encuentra el
supermercado Mana.

DEYNER DAVID SANCHEZ

KEVIN YUVAN SANCHEZ

15

CAMPOALEGRE-HUILA

4. Cliente
El usuario Cliente puede ingresar de la siguiente manera, Dirigindose a la barra de Navegacin y
dar click en la opcin Iniciar seccin ejemplo.

Hay que aclarar que el usuario Cliente solo puede ingresar si est registrado.
DEYNER DAVID SANCHEZ
KEVIN YUVAN SANCHEZ

16

CAMPOALEGRE-HUILA

Ya que el registro lo hace El Usuario Vendedor por medio de su Rol. Entonces el usuario puede
ingresar si ya ha sido registrado por el vendedor.
Iniciar Seccin de Cliente:

En este caso utilizaremos el usuario Mene y su clave Damos click en el botn Ingresar y aparecer
la pantalla de inicio que ya la conocemos.

DEYNER DAVID SANCHEZ

KEVIN YUVAN SANCHEZ

17

CAMPOALEGRE-HUILA

Lo nico nuevo de este Inicio es mirar las opciones que tiene El Usuario Cliente como:

El usuario Cliente tiene las siguientes opciones Consultar La compra que ha realizado ese cliente,
Su perfil y cerrar sesin. Entre las otras que son Pedidos Online, PQRSF y Donde Estamos.

Tambin el usuario Cliente como el usuario no registrado puede realizar pedidos ejemplo:

DEYNER DAVID SANCHEZ

KEVIN YUVAN SANCHEZ

18

CAMPOALEGRE-HUILA

En este caso el cliente desea comprar de la categora de Bebidas los productos que se muestra en la
imagen. Despus aparecer la ventana modal de los productos que l ha agregado a las compras
ejemplo:

Como vemos en la imagen aparecen los productos, el precio original de los productos, su cantidad
que en este caso la puede cambiar y el valor total de cada producto dependiendo de la cantidad que
l quiere comprar. Y su valor a pagar.
Dando click en el botn volver volvemos a la pantalla de los productos y si queremos realizar la
compra dando click en el botn comprar nos aparece la ventana modal.
DEYNER DAVID SANCHEZ
KEVIN YUVAN SANCHEZ

19

CAMPOALEGRE-HUILA

En este caso la informacin del usuario cliente aparecer algunos datos cargados, los datos que
esta subrayado son los nicos datos que el Usuario Cliente tiene que llenar. Al finalizar dar click
en el botn Enviar.
Al dar click en el botn enviar se descargar un PDF que el sistema genera al realizar la compra.

DEYNER DAVID SANCHEZ

KEVIN YUVAN SANCHEZ

20

CAMPOALEGRE-HUILA

Si el cliente quiere ver las compras que ha realizado el solo debe dirigirse a la barra de navegacin

DEYNER DAVID SANCHEZ

KEVIN YUVAN SANCHEZ

21

CAMPOALEGRE-HUILA

Al dar click en consultar Ventas, al usuario Cliente le va aparecer una ventana como esta:

En este caso el usuario Cliente Daban Bocanegra tiene 1 compras realizada y le aparece los datos
de la persona tambin aparece dos botones Ver pedidos y Factura.
Los dos botones Ver pedidos y Factura hacen los siguiente Ver pedidos le muestra los pedidos
que ha hecho el Cliente y ver factura le va a mostrar la factura de la compra realizada
VER PEDIDOS

VER FACTURA

DEYNER DAVID SANCHEZ

KEVIN YUVAN SANCHEZ

22

CAMPOALEGRE-HUILA

En la factura mostrara la cantidad de productos, el nombre de los productos, su precio y el total a

pagar.

Mi perfil
El usuario Cliente puede modificar sus Datos como: el Usuario password, email, nombre y
apellido. Dirigindose a la barra de navegacin dar click en la opcin Mi perfil., Aparecer la
ventana de Modificar su perfil.

DEYNER DAVID SANCHEZ

KEVIN YUVAN SANCHEZ

23

CAMPOALEGRE-HUILA

PQRSF
Al dar click en la opcin de PQRSF nos dirigir a una ventana como esta en la imagen, despus
aparecern algunos datos cargados como el nombre, el apellido y email los datos como el asunto y
la descripcin el cliente tiene que digitar. al terminar dar click en el botn Enviar que se encuentra
en la parte inferior. La informacin se almacenara en la base de datos donde el Vendedor Puede ver
su informacin.

DEYNER DAVID SANCHEZ

KEVIN YUVAN SANCHEZ

24

CAMPOALEGRE-HUILA

DONDE ESTAMOS
Por ltimo el usuario Cliente tiene la opcin de ver la ubicacin donde se encuentra el
supermercado Mana. Y puede cerrar la sesin.

Cerrar sesin
Al momento de que el usuario cliente cierre la sesin el sistema se dirigir a la pantalla de inicio.

DEYNER DAVID SANCHEZ

KEVIN YUVAN SANCHEZ

25

CAMPOALEGRE-HUILA

Inicio.

DEYNER DAVID SANCHEZ

KEVIN YUVAN SANCHEZ

26

CAMPOALEGRE-HUILA

5.

VENDEDOR

El usuario Vendedor puede ingresar de la siguiente manera, Dirigindose a la barra de Navegacin

y dar click en la opcin Iniciar seccin ejemplo.

Una vez le aparece la ventana de ingreso la cual ya la conocemos digitamos los campos en este
caso vamos a ingresar por el Vendedor to y su clave *****.

Inicio del Vendedor

Este va hacer la pantalla de inicio del usuario Vendedor como podemos ver el usuario vendedor,
tiene las siguientes opciones los pedidos a enviar, los PQRSF Y

DEYNER DAVID SANCHEZ

KEVIN YUVAN SANCHEZ

27

CAMPOALEGRE-HUILA

Esta es la barra de navegacin del Vendedor tiene las siguientes opciones: Registrar y consultar de
productos, Inventario y produccin diaria, Registr venta del Da, Consultar Ventas, Pedidos
realizados, Registrar clientes, Mi perfil y cerrar sesin.

DEYNER DAVID SANCHEZ

KEVIN YUVAN SANCHEZ

28

CAMPOALEGRE-HUILA

PEDIDOS A ENVIAR
El usuario Vendedor, puede Ver los pedidos que se han realizados ejemplo, Podemos ver la
informacin suministrada por el usuario o los usuarios que han realizado los pedidos. Nos muestra
la fecha que se hizo el pedido y los pedidos. Para ver los pedidos damos click en el botn Ver
pedidos. Tambin encontramos el Botn de enviar Pedidos. Al dar click en el botn enviar pedidos
el pedidos se le enviara al usuario.

Nos aparecen los productos solicitado por el Usuario cliente como el nombre del producto y la
cantidad. Solo dar click en el botn volver y lo volver a la ventana de pedidos a enviar.
DEYNER DAVID SANCHEZ
KEVIN YUVAN SANCHEZ

29

CAMPOALEGRE-HUILA

PQRSF
Este proceso el Vendedor puede ver las sugerencia que han realizados los otros usuarios que estn
inconformes o a felicitar el servicio, como podemos ver muestra los datos como Nombre, apellido,
E-mail, Asunto y su descripcin y la fecha que se ha realizado.

En este caso el usuario puede eliminar el Pqrsf si lo desea.

DEYNER DAVID SANCHEZ

KEVIN YUVAN SANCHEZ

30

CAMPOALEGRE-HUILA

Registro y consulta de productos

En este caso el vendedor tiene acceso de Ingresar nuevos productos que hay en el supermercado o
si se han agotado. Ahora mostraremos algunos de los productos que hay en el momento.

Como vemos podemos hacer una bsqueda rpida de los productos por medio de la barra de
bsqueda, tambin encontramos unos 4 botones la cual har lo siguiente:
El botn copy va a copiar la fila de esa tabla, los botones Excel, PDF son para descargar en
archivos PDF o en una hoja de clculo y el botn Print va a imprimir esa tabla.
Para registra un producto haremos lo siguiente:
Nos dirigiremos al botn Insertar producto que se encuentra en la parte inferior, al dar click al
botn abrir una ventana como esta

DEYNER DAVID SANCHEZ

KEVIN YUVAN SANCHEZ

31

CAMPOALEGRE-HUILA

Nos aparece un formulario con la siguiente informacin, el nombre del producto, la descripcin
del producto, la cantidad, el precio de la unidad, y la categora de donde pertenece el producto y
encontramos un botn de seleccionar archivo. Hay buscamos la imagen en este caso no tena una
imagen de una fruta as que coloque cualquier imagen. Solo damos click en el botn insertar
producto.

DEYNER DAVID SANCHEZ

KEVIN YUVAN SANCHEZ

32

CAMPOALEGRE-HUILA

Si lo queremos buscar hacemos los siguientes en la pantalla de registro encontramos la barra de

bsqueda y escribimos el nombre del producto.

Inventario De Produccin Diaria

El vendedor puede ver el inventario de la produccin es decir de los productos que hay en el
supermercado solo dirigindose a la barra de navegacin y dar click a la opcin que esta
subrayada.

DEYNER DAVID SANCHEZ

KEVIN YUVAN SANCHEZ

33

CAMPOALEGRE-HUILA

Al dar click a la segunda opcin aparecer una tabla como la siguiente como se muestra en la
imagen;

DEYNER DAVID SANCHEZ

KEVIN YUVAN SANCHEZ

34

CAMPOALEGRE-HUILA

Como vemos tiene la misma estructura de la anterior una barra de bsqueda, los botones de copy
y generar reportes en Excel, PDF y el de Print. Tambin la siguiente informacin cdigo del
producto, el nombre, la cantidad restante, el precio de la unidad, y la fecha de ingreso del
producto.
Ahora vamos a buscar el producto ingresado como acordamos el producto que registramos era
Mango.

Como podemos ver aparece el producto Mangos su cantidad que en este caso hay 50 y el valor que
son de 500 y la fecha de hoy.

Registro de venta al da.

El usuario vendedor tiene acceso de ver las ventas realizadas en el da solo tiene que dirigirse a la
barra de navegacin y buscar la opcin de registro de venta al Da.

Al dar click en el recuadro subrayado le aparecer una tabla ya conocida solo que en este caso
aparece el valor de todas las ventas del Da.
Tambin podemos buscar la venta, eliminar esa venta, y las opciones de los botones.

DEYNER DAVID SANCHEZ

KEVIN YUVAN SANCHEZ

35

CAMPOALEGRE-HUILA

Consultar ventas
El usuario vendedor tiene acceso de consultar todas las ventas realizadas solo tiene que dirigirse a
la barra de navegacin y buscar la opcin de consultar de venta.

Al dar click en el recuadro subrayado le aparecer una tabla ya conocida solo que en este caso
aparece el valor de todas las ventas.
Tambin podemos buscar la venta, eliminar esa venta, y las opciones de los botones.

DEYNER DAVID SANCHEZ

KEVIN YUVAN SANCHEZ

36

CAMPOALEGRE-HUILA

Pedidos Realizados
En este punto el usuario vendedor puede ver lo pedidos que l ha enviado, solo se tiene que dirigir
a la barra de navegacin y dar click en pedidos realizados.

DEYNER DAVID SANCHEZ

KEVIN YUVAN SANCHEZ

37

CAMPOALEGRE-HUILA

Como vemos al Vendedor le aparecer los pedidos que l ha enviado por medio de una tabla con la
siguiente informacin: Cdigo, Documento, Nombre, Correo, Direccin, Barrio, Telfono, Valor,
Nick, Fecha, Factura y Envio.
Registrar Cliente
Como ya hemos explicado el vendedor es el nico que puede registrar un cliente ya sea si el
cliente es fijo.
En este caso nos dirigimos a la barra de navegacin y escogemos la opcin de registrar cliente.

Despus nos aparecer la ventana de registrar cliente en este caso registramos el cliente Mene y la
respectiva informacin del ese cliente. Al finalizar damos en el botn guardar.

DEYNER DAVID SANCHEZ

KEVIN YUVAN SANCHEZ

38

CAMPOALEGRE-HUILA

Mi perfil
El usuario Vendedor puede modificar sus Datos como: el Usuario, password, email, nombre y
apellido. Dirigindose a la barra de navegacin dar click en la opcin Mi perfil., Aparecer la
ventana de Modificar su perfil.

DEYNER DAVID SANCHEZ

KEVIN YUVAN SANCHEZ

39

CAMPOALEGRE-HUILA

Cerrar sesin
El usuario vendedor tambin puede cerrar la sesin de la cuenta y lo mandara al inicio de la pgina
web.

Al cerrar la sesin el sistema lo mandara al inicio del sistema.

DEYNER DAVID SANCHEZ

KEVIN YUVAN SANCHEZ

40

CAMPOALEGRE-HUILA

DEYNER DAVID SANCHEZ

KEVIN YUVAN SANCHEZ