# HUB

HUB (Español)

# Manual HUB

## 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.

![captura1.png](https://pav-bookstack-docs-uploads.s3.eu-west-par.io.cloud.ovh.net/uploads/images/gallery/2026-09/beV9RpnWK6Lf5zWK-captura1.png)

## 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

![captura14.png](https://pav-bookstack-docs-uploads.s3.eu-west-par.io.cloud.ovh.net/uploads/images/gallery/2026-09/ROUGdzFjJc14tlXh-captura14.png)

**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.**

![captura15.png](https://pav-bookstack-docs-uploads.s3.eu-west-par.io.cloud.ovh.net/uploads/images/gallery/2026-09/fqf3fidG1KrhuD1X-captura15.png)

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

![captura16.png](https://pav-bookstack-docs-uploads.s3.eu-west-par.io.cloud.ovh.net/uploads/images/gallery/2026-09/sXt1jiODrax9yTZF-captura16.png)

**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.

![captura17.png](https://pav-bookstack-docs-uploads.s3.eu-west-par.io.cloud.ovh.net/uploads/images/gallery/2026-09/rwG4wSyiqvhQN6T7-captura17.png)

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.

![captura18.png](https://pav-bookstack-docs-uploads.s3.eu-west-par.io.cloud.ovh.net/uploads/images/gallery/2026-09/ZgeFiHPnOvJQEPKO-captura18.png)

Hubs

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

![captura2.png](https://pav-bookstack-docs-uploads.s3.eu-west-par.io.cloud.ovh.net/uploads/images/gallery/2026-09/xFNDDueQsCfp848Q-captura2.png)

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:

![captura3.png](https://pav-bookstack-docs-uploads.s3.eu-west-par.io.cloud.ovh.net/uploads/images/gallery/2026-09/jqsaWy7pmETesy4C-captura3.png)

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.

![captura4.png](https://pav-bookstack-docs-uploads.s3.eu-west-par.io.cloud.ovh.net/uploads/images/gallery/2026-09/W5OIleNbKEQ8gm82-captura4.png)

#### Open Orders

Pedidos que todavía no han sido entregados.

![captura5.png](https://pav-bookstack-docs-uploads.s3.eu-west-par.io.cloud.ovh.net/uploads/images/gallery/2026-09/k9ArHxRSVxAypJEY-captura5.png)

#### Located

Pedidos con localización.

![captura6.png](https://pav-bookstack-docs-uploads.s3.eu-west-par.io.cloud.ovh.net/uploads/images/gallery/2026-09/qIP6uppLEzB8yguS-captura6.png)

#### Ready

Pedidos listos para ser recogidos.

![captura7.png](https://pav-bookstack-docs-uploads.s3.eu-west-par.io.cloud.ovh.net/uploads/images/gallery/2026-09/FFV3QdTUWOA7kdsP-captura7.png)

#### Assigned

Pedidos asignados a un repartidor.

![captura8.png](https://pav-bookstack-docs-uploads.s3.eu-west-par.io.cloud.ovh.net/uploads/images/gallery/2026-09/CPybHYjz856jm7wr-captura8.png)

#### Confirmed

Pedidos confirmados por un repartidor.

![captura9.png](https://pav-bookstack-docs-uploads.s3.eu-west-par.io.cloud.ovh.net/uploads/images/gallery/2026-09/qR2lajHcCDB549HC-captura9.png)

#### Picked

Pedidos recogidos por un repartidor.

![captura10.png](https://pav-bookstack-docs-uploads.s3.eu-west-par.io.cloud.ovh.net/uploads/images/gallery/2026-09/565Rb7hirmjKcpMD-captura10.png)

#### Load

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

![captura11.png](https://pav-bookstack-docs-uploads.s3.eu-west-par.io.cloud.ovh.net/uploads/images/gallery/2026-09/kgeDO1KiKo4omluw-captura11.png)

#### 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.

![captura12.png](https://pav-bookstack-docs-uploads.s3.eu-west-par.io.cloud.ovh.net/uploads/images/gallery/2026-09/rjyjwyk6BD2P3MK5-captura12.png)

#### Gráfico Pedidos

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

![captura13.png](https://pav-bookstack-docs-uploads.s3.eu-west-par.io.cloud.ovh.net/uploads/images/gallery/2026-09/B6QPz5YgfdaVxajQ-captura13.png)

## 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.

![captura19.png](https://pav-bookstack-docs-uploads.s3.eu-west-par.io.cloud.ovh.net/uploads/images/gallery/2026-09/TvenQyQFoG0VrkqL-captura19.png)

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

![captura20.png](https://pav-bookstack-docs-uploads.s3.eu-west-par.io.cloud.ovh.net/uploads/images/gallery/2026-09/jf4FRNFaXvDVuw6B-captura20.png)

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

**Estado On:**

![captura21.png](https://pav-bookstack-docs-uploads.s3.eu-west-par.io.cloud.ovh.net/uploads/images/gallery/2026-09/qPf04RzKVdTFGars-captura21.png)

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

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

![captura23.png](https://pav-bookstack-docs-uploads.s3.eu-west-par.io.cloud.ovh.net/uploads/images/gallery/2026-09/993i0d63g5mDgyAH-captura23.png)

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

![captura25.png](https://pav-bookstack-docs-uploads.s3.eu-west-par.io.cloud.ovh.net/uploads/images/gallery/2026-09/ExrQxCieG0Dcqrc8-captura25.png)

**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.**

![captura26.png](https://pav-bookstack-docs-uploads.s3.eu-west-par.io.cloud.ovh.net/uploads/images/gallery/2026-09/V2z5fnGIWmrBFt39-captura26.png)

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.**

![captura29.png](https://pav-bookstack-docs-uploads.s3.eu-west-par.io.cloud.ovh.net/uploads/images/gallery/2026-09/R9MEEc4Pmh0KlHve-captura29.png)

![captura28.png](https://pav-bookstack-docs-uploads.s3.eu-west-par.io.cloud.ovh.net/uploads/images/gallery/2026-09/IYVQTpgav1wobJO0-captura28.png)

## 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.

![captura30.png](https://pav-bookstack-docs-uploads.s3.eu-west-par.io.cloud.ovh.net/uploads/images/gallery/2026-09/llMUcn7XYl4aC52E-captura30.png)

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…

![captura31.png](https://pav-bookstack-docs-uploads.s3.eu-west-par.io.cloud.ovh.net/uploads/images/gallery/2026-09/I2pwSoJ6xxaDVS1e-captura31.png)

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)**

![captura32.png](https://pav-bookstack-docs-uploads.s3.eu-west-par.io.cloud.ovh.net/uploads/images/gallery/2026-09/md1qMOTsfp6woJ5Y-captura32.png)

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.

![captura33.png](https://pav-bookstack-docs-uploads.s3.eu-west-par.io.cloud.ovh.net/uploads/images/gallery/2026-09/UewQB6gRzwKKCgJC-captura33.png)

**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.

![captura34.png](https://pav-bookstack-docs-uploads.s3.eu-west-par.io.cloud.ovh.net/uploads/images/gallery/2026-09/0ahQZhAfKNgXsQKI-captura34.png)

![captura35.png](https://pav-bookstack-docs-uploads.s3.eu-west-par.io.cloud.ovh.net/uploads/images/gallery/2026-09/ME3oRkamilWwKBV0-captura35.png)

**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.

![captura36.png](https://pav-bookstack-docs-uploads.s3.eu-west-par.io.cloud.ovh.net/uploads/images/gallery/2026-09/pHTfNxEypx93bdeU-captura36.png)

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.

![captura37.png](https://pav-bookstack-docs-uploads.s3.eu-west-par.io.cloud.ovh.net/uploads/images/gallery/2026-09/a6HkQKLoNLJPKXIR-captura37.png)

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

![captura38.png](https://pav-bookstack-docs-uploads.s3.eu-west-par.io.cloud.ovh.net/uploads/images/gallery/2026-09/RnFAPclic1tvl6WZ-captura38.png)

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.

![captura40.png](https://pav-bookstack-docs-uploads.s3.eu-west-par.io.cloud.ovh.net/uploads/images/gallery/2026-09/pBQAgSjnJtUod4qx-captura40.png)

## Tiendas

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

![captura41.png](https://pav-bookstack-docs-uploads.s3.eu-west-par.io.cloud.ovh.net/uploads/images/gallery/2026-09/QFWVocdENdhnXp6E-captura41.png)

## 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.

![captura42.png](https://pav-bookstack-docs-uploads.s3.eu-west-par.io.cloud.ovh.net/uploads/images/gallery/2026-09/PzsxpgY9meysGR1l-captura42.png)

## Gestión de Empleados

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

![captura43.png](https://pav-bookstack-docs-uploads.s3.eu-west-par.io.cloud.ovh.net/uploads/images/gallery/2026-09/xH7xFa2zjeicVkwo-captura43.png)

## Reports

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