manual de usuario para la plataforma web...

13
MANUAL DE USUARIO PARA LA PLATAFORMA WEB INTERMEDIARIA PARA LA COMERCIALIZACIÓN DE PRODUCTOS AGRICOLAS EN LA ZONA PERIFERICA DE BOGOTÁ.

Upload: others

Post on 08-Oct-2020

22 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: MANUAL DE USUARIO PARA LA PLATAFORMA WEB …repository.udistrital.edu.co/bitstream/11349/22458... · 9 Ilustración 12: Postular servicio. Las opciones de postular producto y postular

MANUAL DE USUARIO PARA LA PLATAFORMA WEB INTERMEDIARIA

PARA LA COMERCIALIZACIÓN DE PRODUCTOS AGRICOLAS EN LA ZONA

PERIFERICA DE BOGOTÁ.

Page 2: MANUAL DE USUARIO PARA LA PLATAFORMA WEB …repository.udistrital.edu.co/bitstream/11349/22458... · 9 Ilustración 12: Postular servicio. Las opciones de postular producto y postular

LISTA DE ILUSTRACIONES Ilustración 1: Inicio plataforma. 3

Ilustración 2: Contacto. 4 Ilustración 3: Iniciar sesión. 4

Ilustración 4: Catálogo de productos. 5 Ilustración 5: Catálogo de transportes. 5

Ilustración 6: Filtros de productos. 6 Ilustración 7: Filtros de transportes. 6

Ilustración 8: Agregar producto a carrito. 7 Ilustración 9: Agregar transporte a carrito. 7

Ilustración 10: Confirmar compra. 8 Ilustración 11: Pedido enviado. 8

Ilustración 12: Postular servicio. 9 Ilustración 13: Filtro de postular producto. 9

Ilustración 14: Filtro de postular transporte. 10 Ilustración 15: Catálogo de postular producto. 10

Ilustración 16: Postular producto. 11 Ilustración 17: Catálogo de postular transporte. 12

Ilustración 18: Postular transporte. 12 Ilustración 19: Inquietudes. 13

Page 3: MANUAL DE USUARIO PARA LA PLATAFORMA WEB …repository.udistrital.edu.co/bitstream/11349/22458... · 9 Ilustración 12: Postular servicio. Las opciones de postular producto y postular

3

La plataforma web intermediaria para la comercialización de productos agrícolas en la zona periférica de Bogotá es donde se podrá visualizar el trabajo realizado en este proyecto el cual permitirá a los usuarios ver un catálogo de productos y transportes disponibles, poder postular los servicios de un nuevo producto o transporte y permitir la comunicación directamente entre los administradores y clientes. Se ingresara la plataforma mediante el siguiente link: https://pgpf-181e4.firebaseapp.com/Inicio, el cual nos direccionara al inicio de la plataforma.

Ilustración 1: Inicio plataforma.

En la parte superior de la plataforma se observa las opciones de contacto e ingreso. La del contacto es donde se verán los datos de los administradores.

Page 4: MANUAL DE USUARIO PARA LA PLATAFORMA WEB …repository.udistrital.edu.co/bitstream/11349/22458... · 9 Ilustración 12: Postular servicio. Las opciones de postular producto y postular

4

Ilustración 2: Contacto.

La siguiente opción sería ingresar a la plataforma, para lo cual se han habilitado 3 opciones las cuales son: Google, Facebook y twitter.

Ilustración 3: Iniciar sesión.

Una vez ingresado la plataforma lo rediccionara según el tipo de usuario (administrador/cliente), en este caso se habilitará las opciones de cliente para lo cual se visualizarán las ventanas de inicio, productos, transportes, postular servicio

Page 5: MANUAL DE USUARIO PARA LA PLATAFORMA WEB …repository.udistrital.edu.co/bitstream/11349/22458... · 9 Ilustración 12: Postular servicio. Las opciones de postular producto y postular

5

e inquietudes. Se podrá visualizar el catálogo de productos y transportes en las de productos y transportes.

Ilustración 4: Catálogo de productos.

Ilustración 5: Catálogo de transportes.

Las ventanas de productos y transportes cuentan con unos filtros para poder facilitar la búsqueda del cliente, los cuales se encuentran al principio de cada ventana.

Page 6: MANUAL DE USUARIO PARA LA PLATAFORMA WEB …repository.udistrital.edu.co/bitstream/11349/22458... · 9 Ilustración 12: Postular servicio. Las opciones de postular producto y postular

6

Ilustración 6: Filtros de productos.

Ilustración 7: Filtros de transportes.

Como podemos observar en la parte superior izquierda vemos una ventana que dice carrito de compras. Esta ventana solo aparece cuando estamos interactuando con las ventanas de catálogo de productos y transportes. La cual servirá para ir guardando los servicios que se quieran compran, cuando se ingrese la cantidad y se adicione algún servicio (producto o transporte), se generara un mensaje el cual nos indicara que el producto fue añadido.

Page 7: MANUAL DE USUARIO PARA LA PLATAFORMA WEB …repository.udistrital.edu.co/bitstream/11349/22458... · 9 Ilustración 12: Postular servicio. Las opciones de postular producto y postular

7

Ilustración 8: Agregar producto a carrito.

Ilustración 9: Agregar transporte a carrito.

Después en la ventana de carrito aparecen los productos y transportes adicionados los cuales se pueden eliminar o modificar directamente.

Page 8: MANUAL DE USUARIO PARA LA PLATAFORMA WEB …repository.udistrital.edu.co/bitstream/11349/22458... · 9 Ilustración 12: Postular servicio. Las opciones de postular producto y postular

8

Ilustración 10: Confirmar compra.

Si todos los productos adicionados son correctos se elegirá la opción de confirmar y se enviará el pedido lo cual generará un mensaje.

Ilustración 11: Pedido enviado.

En la ventana de postular servicio se podrá realizar la postulación de nuevos servicios tanto de productos como de transportes, los cuales serán aprobados por los administradores para poder aparecer en el catálogo de productos y transportes disponibles.

Page 9: MANUAL DE USUARIO PARA LA PLATAFORMA WEB …repository.udistrital.edu.co/bitstream/11349/22458... · 9 Ilustración 12: Postular servicio. Las opciones de postular producto y postular

9

Ilustración 12: Postular servicio.

Las opciones de postular producto y postular transporte cuentan con unos filtros para poder facilitar la búsqueda del cliente, los cuales se encuentran al principio de cada ventana.

Ilustración 13: Filtro de postular producto.

Page 10: MANUAL DE USUARIO PARA LA PLATAFORMA WEB …repository.udistrital.edu.co/bitstream/11349/22458... · 9 Ilustración 12: Postular servicio. Las opciones de postular producto y postular

10

Ilustración 14: Filtro de postular transporte.

Una vez seleccionada la opción de postular producto se mostrará el catálogo de los productos postulados al igual que su estado (por confirmar, denegado, aprobado).

Ilustración 15: Catálogo de postular producto.

Page 11: MANUAL DE USUARIO PARA LA PLATAFORMA WEB …repository.udistrital.edu.co/bitstream/11349/22458... · 9 Ilustración 12: Postular servicio. Las opciones de postular producto y postular

11

Al elegir postular producto se mostrará un formulario el cual tendrá los campos necesarios a llenar por el cliente (nombre, teléfono, foto, tipo, disponibilidad, valor unitario, descripción).

Ilustración 16: Postular producto.

Una vez seleccionada la opción de postular transporte se mostrará el catálogo de los transportes postulados al igual que su estado (por confirmar, denegado, aprobado).

Page 12: MANUAL DE USUARIO PARA LA PLATAFORMA WEB …repository.udistrital.edu.co/bitstream/11349/22458... · 9 Ilustración 12: Postular servicio. Las opciones de postular producto y postular

12

Ilustración 17: Catálogo de postular transporte.

Al elegir postular transporte se mostrará un formulario el cual tendrá los campos necesarios a llenar por el cliente (nombre, teléfono, foto, localidad, disponibilidad, descripción).

Ilustración 18: Postular transporte.

Page 13: MANUAL DE USUARIO PARA LA PLATAFORMA WEB …repository.udistrital.edu.co/bitstream/11349/22458... · 9 Ilustración 12: Postular servicio. Las opciones de postular producto y postular

13

Ahora bien, en la ventana de inquietudes el cliente encontrara un chat disponible para comunicarse directamente con los administradores y también con otros clientes, ya sea para resolver algún problema, generar algún comentario especifico de algún servicio o sugerir alguna recomendación de la plataforma. También podemos observar que al lado del chat se encuentran unas reglas generales las cuales se establecieron con el fin de facilitar dicha comunicación.

Ilustración 19: Inquietudes.