===== Introducción =====

El Hub para PizzaGest permite llevar un control más detallado de los repartidores, además de realizar las tareas básicas de asignar y desasignar pedidos.

Para que el Hub funcione, es necesario que los repartidores dispongan de la aplicación de reparto de PizzaGest.

===== Acceder =====

Para poder acceder al hub, debemos abrir nuestro navegador y introducir tu dominio **/hub**

Ejemplo: **www.ejemplo.com/hub**

Cuando accedemos tenemos que poner **usuario** y **contraseña** correspondientes.

Dependiendo del nivel de acceso del usuario, se tendrá acceso a todas o algunas de las funciones disponibles:

  * Sólo lectura: puede consultar las opciones del hub, pero no se permite asignar, desasignar, etc.
  * Asignación: permite asignar pedidos a los repartidores
  * Mapa: permite acceder al mapa con la posición de los repartidores en tiempo real
  * Repartos: permite desasignar pedidos ya asignados
  * Localizador: permite actualizar la localización a los clientes sin dirección
  * Mantenimiento usuarios: permite dar de alta usuarios y asignar permisos.

{{ :hub:captura1.png?nolink&600 |}}

===== Dashboard =====

Permite conocer en tiempo real las variables más importantes del estado del reparto. Además muestra un gráfico en tiempo real, comparando el número de pedidos cada 15 minutos del histórico de las últimas tres semanas con el actual.

=== Menú Superior ===

Podemos comprobar a la derecha del menú superior tenemos varias opciones

{{ :hub:captura14.png?nolink&400 |}}

**Current Hub:** Nos especifica el hub en que estamos actualmente.

**Hubs:** Desplegable para seleccionar el hub o hubs que queramos. ***Una vez seleccionados los hubs hacer click en el botón aplicar.**

{{ :hub:captura15.png?nolink&600 |}}

**Opciones:** En opciones permite cambiar el idioma.

{{ :hub:captura16.png?nolink&400 |}}

**Salir:** Para salir de la aplicación.

Después a la parte izquierda tenemos un menú y el nombre de usuario con el que hemos accedido.

{{ :hub:captura17.png?nolink&200 |}}

Se puede comprobar que al desplegar el menú nos aparecen diferentes opciones.

Una cosa **muy importante** a tener en cuenta es que depende de los permisos que tengamos asignados podremos ver unas opciones del menú o otras.

{{ :hub:captura18.png?nolink&200 |}}

Hubs

En esta pantalla podemos ver que sale información acerca de los hubs.

{{ :hub:captura2.png?nolink&600 |}}

Un **dato importante** a tener en cuenta es que si tenemos más de un hub, los primeros cuadros de información serán un resumen de todos los **hubs**. Si solos tenemos uno saldrá toda la información arriba.

Teniendo más de un hub:

{{ :hub:captura3.png?nolink&600 |}}

Podemos ver el código de la tienda específica con su información.

Se puede apreciar que cada hub contiene cuadros de colores, explicados a continuación.

=== Total Orders ===

Podemos ver el número de pedidos totales hechos.

{{ :hub:captura4.png?nolink&400 |}}

=== Open Orders ===

Pedidos que todavía no han sido entregados.

{{ :hub:captura5.png?nolink&400 |}}

=== Located ===

Pedidos con localización.

{{ :hub:captura6.png?nolink&400 |}}

=== Ready ===

Pedidos listos para ser recogidos.

{{ :hub:captura7.png?nolink&400 |}}

=== Assigned ===

Pedidos asignados a un repartidor.

{{ :hub:captura8.png?nolink&400 |}}

=== Confirmed ===

Pedidos confirmados por un repartidor.

{{ :hub:captura9.png?nolink&400 |}}

=== Picked ===

Pedidos recogidos por un repartidor.

{{ :hub:captura10.png?nolink&400 |}}

=== Load ===

Media de pedidos dividido entre el número de repartidores.

{{ :hub:captura11.png?nolink&400 |}}

=== Tiempo Estimado ===

**25:** Cantidad estimada de pedidos entregados en 25 minutos.

**30:** Cantidad estimada de pedidos entregados en 30 minutos.

**45:** Cantidad estimada de pedidos entregados en 45 minutos.

**Pulgar Arriba:** Cantidad estimada de pedidos entregados dentro del tiempo estimado de entrega.

{{ :hub:captura12.png?nolink&600 |}}

=== Gráfico Pedidos ===

Se puede comprobar los pedidos por hora de ese día.

{{ :hub:captura13.png?nolink&600 |}}

===== Mapa de situación =====

El mapa de situación permite localizar visualmente y en tiempo real, tanto a los repartidores cómo a los pedidos pendientes, para permitir una mejor gestión de los recursos.

{{ :hub:captura19.png?nolink&600 |}}

Empezamos con la parte superior del menú. Se puede ver como se han añadido unas opciones.

{{ :hub:captura20.png?nolink&600 |}}

**Info Trafico:** Para que nos muestre el tráfico que hay en la zona. Puede estar en dos estados **(On y Off)**

**Estado On:**

{{ :hub:captura21.png?nolink&600 |}}

**Find Bounds:** Para centrar el mapa.

**Tipos de Mapa:** Desplegable donde podemos elegir diferentes tipos de mapa.

{{ :hub:captura23.png?nolink&600 |}}

A continuación tenemos un submenú con unos iconos:

{{ :hub:captura25.png?nolink&600 |}}

**Icono Vehículo:** El icono del vehículo en color negro indica que no tiene ningún pedido asignado. Cuándo el repartidor tiene un pedido asignado, el vehículo cambia al mismo color del icono de la tienda. Cada tienda tiene un color diferente. Al lado del vehículo, hay un punto que puede ser verde si el vehículo está conectado con el hub, y en rojo si hace más de 2 minutos que no se recibe la posición.

**Icono tienda:** Nos permite mostrar u ocultar las tiendas.

**Icono Pedido:** Los pedidos también se muestran en el mismo color que la tienda, para que sea sencillo identificarlos. El punto al lado del pedido, indica si éste ya ha sido asignado a un repartidor (color verde) o todavía no (color rojo).

**Pedido Realizado:** El pedido realizado en la tienda.

**Pedido Preasignado:** El pedido ha sido asignado a un repartidor, pero aún no ha confirmado.

**Pedido Confirmado:** El repartidor ha confirmado el pedido.

**Pedido en Reparto:** El pedido está en reparto.

En la parte izquierda tenemos como un panel donde salen todos los repartidores.

Como se puede comprobar tenemos un buscador para buscar a un repartidor en concreto. ***Se puede buscar por código o por nombre.**

{{ :hub:captura26.png?nolink&600 |}}

Luego tenemos la información del repartidor como por ejemplo la foto, el código, el nombre...

**Sobre:** Para enviar un mensaje al repartidor.

**Teléfono:** Para llamar al repartidor.

Finalmente tenemos un botón con el estado del repartidor, puede estar **online** o **offline.**

{{ :hub:captura29.png?nolink&600 |}}

{{ :hub:captura28.png?nolink&600 |}}

===== Pedidos Pendientes =====

Una vez se introduce un pedido de domicilio a través del Call Center de PizzaGest, o bien la web, éste aparece de forma automática en el Hub, cómo un pedido pendiente.

En la pantalla se muestra toda la información relativa al pedido, cómo la hora de entrega, la hora del pedido y su estado.

{{ :hub:captura30.png?nolink&600 |}}

En la parte superior, se indica el código de color asignado a cada estado. La línea del pedido aparece en color rojo claro si el pedido no ha sido producido en cocina, y cambia a color verde claro cuando el pedido ya está listo para repartir (esta funcionalidad requiere disponer de pantalla de cocina o de producción en la tienda).

A la parte derecha en recuadros podemos ver de diferentes colores las tiendas. Si se hace click en una tienda se muestra más información relacionada. Como los pedidos, totales, preparados, asignados...

{{ :hub:captura31.png?nolink&200 |}}

En la parte central podemos comprobar que tenemos una tabla con información acerca de los pedidos.

En el apartado **branch** tenemos cada fila de un color. Este color hace referencia a la tienda ***Cada tienda tiene un único color.**

La tienda tiene un icono de ubicación y otro de mensaje.

**Icono de ubicación:**Podemos encontrarlo con un tick verde, el cual significa que el pedido tiene localización. Al contrario, si tiene un triangulo de alerta significa que no tiene localización.

Si hacemos click en el icono de localización con el **tic verde**, se abre una nueva ventana, donde nos sale información relacionada con el cliente(nombre y teléfono).

A continuación nos permite insertar las coordenadas nosotros a mano, para cambiar la ubicación del cliente o podemos hacerlo directamente desde el mapa. ***Esto solo nos lo permite si antes teníamos una ubicación asignada.(tic verde)**

{{ :hub:captura32.png?nolink&600 |}}

Al contrario si hacemos click en el icono de localización con el **triangulo de advertencia**, se abre una nueva ventana, donde nos sale información relacionada con el cliente(nombre y teléfono).

A continuación podemos comprobar que el mapa sale de color gris, como desactivado. Eso es porque no hemos recibido la ubicación del cliente y podemos insertarla a mano, poniendo latitud y longitud deseada.

{{ :hub:captura33.png?nolink&600 |}}

**Mensaje:** Nos permite enviar un mensaje a la tienda.

**Order now:** Podemos encontrar el **número del pedido** o bien **nuevo**, para los pedidos que acaban de entrar.

{{ :hub:captura34.png?nolink&600 |}}

{{ :hub:captura35.png?nolink&600 |}}

**Zona:** Calle a la cual tienen que repartir el pedido.

**Ready:** Tiempo transcurrido desde que el pedido está preparado.

**Total:** Precio total del pedido.

**Entry Time: Hora en la que el pedido ha sido integrado en el sistema.**

**Elapsed:** Tiempo transcurrido desde que el pedido has sido integrado en el sistema.

**Promised:** Hora estimada en la que el pedido será entregado.

**left:**

**Origin:** Origen del pedido (web, call center, etc).

**Payment Method:** Método de pago.

**Details:** Detalles del pedido. Podemos encontrar el numero del pedido, datos del cliente, total del pedido y que contiene el pedido.

{{ :hub:captura36.png?nolink&600 |}}

El proceso consiste en pre asignar el pedido al repartidor, una vez pre asignado, el repartidor confirmará desde la app que lo ha recibido, y entonces el pedido pasará automáticamente a la pantalla de reparto.

Si hacemos click en numero de **Order now** se nos abre una nueva ventana.

Hay un botón que nos permite **mostrar u ocultar** los repartidores sin pedidos asignados. También tenemos un buscador, para buscar a un repartidor en específico.

Podemos comprobar que nos sale la misma información del que en la otra pantalla pero con una opción añadida, **Asignar a externo**

**Asignar a externo:** Nos permite asignar el pedido a un repartidor externo de la empresa.

A continuación podemos ver más abajo una tabla con los datos de los repartidores. Podemos enviar un mensaje y llamar al repartidor.

{{ :hub:captura37.png?nolink&600 |}}

También hay un botón para asignarlo al repartidor. Cuando le asignamos el pedido al repartidor desaparecerá el pedido de la lista.

===== Pedidos en Reparto =====

Una vez el repartidor ha confirmado la recogida del pedido, éste pasa a la pantalla de pedidos en reparto.

A la parte izquierda podemos encontrar las tiendas con un color específico.

En la parte superior tenemos una tabla con información relacionada con el repartidor. Podemos encontrar-lo en diferentes colores.

**Amarillo:** Repartidor Desconectado.

**Azul Claro:** Repartidor no acepta el pedido.

**Marrón:** Repartidor ha aceptado el pedido y está a < 200m de la tienda y no ha recogido el pedido en 2 minutos.

**Púrpura claro:** Pedido pre-asignado a repartidor externo

{{ :hub:captura38.png?nolink&600 |}}

A continuación tenemos la misma información que se ha explicado anteriormente pero tenemos dos opciones más, **Repartidor y pedido.**

**Repartidor:** Nos muestra el nombre del repartidor, si hacemos click nos muestra información relacionada con el repartidor. Al lado tenemos un icono de usuario con una **X**, esto es para desasignar el pedido a ese repartidor.

**Pedido:**Forzar que esta entregado el pedido.

===== Localizador =====

En esta pantalla se muestran todos los pedidos que no están localizados.

{{ :hub:captura40.png?nolink&600 |}}

===== Tiendas =====

En esta pantalla podemos ver todas las tiendas que tenemos, también podemos buscar alguna específica.

{{ :hub:captura41.png?nolink&600 |}}

===== Repartidores =====

Tenemos dos tablas donde nos salen los repartidores logeados y otra con todos los repartidores. También sale toda la información relacionada con el repartidor.

{{ :hub:captura42.png?nolink&600 |}}

===== Gestión de Empleados =====

En esta pantalla podemos ver a todos los empleados que tenemos y modificar sus datos.

{{ :hub:captura43.png?nolink&600 |}}

===== Reports =====

Nos salen tablas con la información de los pedidos realizados, repartos, etc de los días que seleccionemos