Differences

This shows you the differences between two versions of the page.

--- manual_hub [2018/03/02 10:12] – created - external edit 127.0.0.1
+++ manual_hub [2024/11/19 09:41] (current) – dmarti
@@ Line 1: / Line 1: @@
-<html>
+===== Introducción =====
-<h2>Indice</h2>
+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.
-<div class="indice">
-<h3><a href="#introduccion">1. Introducción</a></h3>
-<h3><a href="#acceder">2. Acceder</a></h3>
-<h3><a href="#dashboard">3. Dashboard</a></h3>
-<h3><a href="#hubs">4. Hubs</a></h3>
-<h3><a href="#mapaSituacion">5. Mapa de situación</a></h3>
-<h3><a href="#pedidosPendientesReparto">6. Pedidos Pendientes en Reparto</a></h3>
-<h3><a href="#localizador">7. Localizador </a></h3>
-<h3><a href="#tiendas">8. Tiendas </a></h3>
-<h3><a href="#repartidores">9. Repartidores </a></h3>
-<h3><a href="#gestionEmpleados">10. Gestión de Empleados </a></h3>
-<h3><a href="#reports">11. Reports </a></h3>
+Para que el Hub funcione, es necesario que los repartidores dispongan de la aplicación de reparto de PizzaGest.
-</div>
+===== Acceder =====
-<h2><a name="introduccion">Introducción</a></h2>
+Para poder acceder al hub, debemos abrir nuestro navegador y introducir tu dominio **/hub**
-<p>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.</p>
-<p>Para que el Hub funcione, es necesario que los repartidores dispongan de la aplicación de reparto de PizzaGest.</p>
-<h2><a name="acceder">Acceder</a></h2>
+Ejemplo: **www.ejemplo.com/hub**
-<p>Para poder acceder al hub, debemos abrir nuestro navegador y introducir tu dominio <b>/hub</b> </p>
-<p> Ejemplo: <b>www.ejemplo.com/hub</b></p>
-<p>Cuando accedemos tenemos que poner <b>usuario</b> y <b>contraseña</b> correspondientes.</p>
+Cuando accedemos tenemos que poner **usuario** y **contraseña** correspondientes.
-<p>Dependiendo del nivel de acceso del usuario, se tendrá acceso a todas o algunas de las funciones disponibles:</p>
-<ul>
-    <li>Sólo lectura: puede consultar las opciones del hub, pero no se permite asignar, desasignar, etc.</li>
-    <li>Asignación: permite asignar pedidos a los repartidores</li>
-    <li>Mapa: permite acceder al mapa con la posición de los repartidores en tiempo real</li>
-    <li>Repartos: permite desasignar pedidos ya asignados</li>
-    <li>Localizador: permite actualizar la localización a los clientes sin dirección</li>
-    <li>Mantenimiento usuarios: permite dar de alta usuarios y asignar permisos.</li>
-</ul>
-<p><img class="img-thumbnail img-centrada" src="data/media/hub/captura1.png"></p>
-<h2><a name="dashboard">Dashboard</a></h2>
+Dependiendo del nivel de acceso del usuario, se tendrá acceso a todas o algunas de las funciones disponibles:
-<p>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.</p>
+  * 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.
-<h3>Menú Superior</h3>
+{{ :hub:captura1.png?nolink&600 |}}
-<p>Podemos comprobar a la derecha del menú superior tenemos varias opciones</p>
-<p><img class="img-thumbnail img-centrada" src="data/media/hub/captura14.png"></p>
-<p><b>Current Hub:</b> Nos especifica el hub en que estamos actualmente.</p>
+===== Dashboard =====
-<p><b>Hubs:</b> Desplegable para seleccionar el hub o hubs que queramos. <b>*Una vez seleccionados los hubs hacer click en el botón aplicar.</b></p>
-<p><img class="img-thumbnail img-centrada" src="data/media/hub/captura15.png"></p>
+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.
-<p><b>Opciones: </b>En opciones permite cambiar el idioma.</p>
+=== Menú Superior ===
-<p><img class="img-thumbnail img-centrada" src="data/media/hub/captura16.png"></p>
+Podemos comprobar a la derecha del menú superior tenemos varias opciones
-<p><b>Salir:</b> Para salir de la aplicación.</p>
+{{ :hub:captura14.png?nolink&400 |}}
-<p>Después a la parte izquierda tenemos un menú y el nombre de usuario con el que hemos accedido.</p>
+**Current Hub:** Nos especifica el hub en que estamos actualmente.
-<p><img class="img-thumbnail img-centrada" src="data/media/hub/captura17.png"></p>
-<p>Se puede comprobar que al desplegar el menú nos aparecen diferentes opciones.</p>
+**Hubs:** Desplegable para seleccionar el hub o hubs que queramos. ***Una vez seleccionados los hubs hacer click en el botón aplicar.**
-<p>Una cosa <b>muy importante</b> a tener en cuenta es que depende de los permisos que tengamos asignados podremos ver unas opciones del menú o otras.</p>
-<p><img class="img-thumbnail img-centrada" src="data/media/hub/captura18.png"></p>
+{{ :hub:captura15.png?nolink&600 |}}
-<h2><a name="hubs">Hubs<a></h2>
+**Opciones:** En opciones permite cambiar el idioma.
-<p>En esta pantalla podemos ver que sale información acerca de los hubs. </p>
+{{ :hub:captura16.png?nolink&400 |}}
-<p><img class="img-thumbnail img-centrada" src="data/media/hub/captura2.png"></p>
+**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.
-<p>Un <b>dato importante</b> 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 <b>hubs</b>. Si solos tenemos uno saldrá toda la información arriba.</p>
+{{ :hub:captura17.png?nolink&200 |}}
+Se puede comprobar que al desplegar el menú nos aparecen diferentes opciones.
-<p>Teniendo más de un hub:</p>
+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.
-<p><img class="img-thumbnail img-centrada" src="data/media/hub/captura3.png"></p>
-<p>Podemos ver el código de la tienda específica con su información.</p>
-<p>Se puede apreciar que cada hub contiene cuadros de colores, explicados a continuación. </p>
+{{ :hub:captura18.png?nolink&200 |}}
-<h4>Total Orders</h4>
+Hubs
-<p>Podemos ver el número de pedidos totales hechos.</p>
-<p><img class="img-thumbnail img-centrada" src="data/media/hub/captura4.png"></p>
-<h4>Open Orders</h4>
-<p>Pedidos que todavía no han sido entregados.</p>
-<p><img class="img-thumbnail img-centrada" src="data/media/hub/captura5.png"></p>
-<h4>Located</h4>
+En esta pantalla podemos ver que sale información acerca de los hubs.
-<p>Pedidos con localización.</p>
-<p><img class="img-thumbnail img-centrada" src="data/media/hub/captura6.png"></p>
-<h4>Ready</h4>
+{{ :hub:captura2.png?nolink&600 |}}
-<p>Pedidos listos para ser recogidos.</p>
-<p><img class="img-thumbnail img-centrada" src="data/media/hub/captura7.png"></p>
-<h4>Assigned</h4>
+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.
-<p>Pedidos asignados a un repartidor.</p>
-<p><img class="img-thumbnail img-centrada" src="data/media/hub/captura8.png"></p>
-<h4>Confirmed</h4>
+Teniendo más de un hub:
-<p>Pedidos confirmados por un repartidor.</p>
-<p><img class="img-thumbnail img-centrada" src="data/media/hub/captura9.png"></p>
-<h4>Picked</h4>
+{{ :hub:captura3.png?nolink&600 |}}
-<p>Pedidos recogidos por un repartidor.</p>
-<p><img class="img-thumbnail img-centrada" src="data/media/hub/captura10.png"></p>
-<h4>Load</h4>
+Podemos ver el código de la tienda específica con su información.
-<p>Media de pedidos dividido entre el número de repartidores.</p>
-<p><img class="img-thumbnail img-centrada" src="data/media/hub/captura11.png"></p>
+Se puede apreciar que cada hub contiene cuadros de colores, explicados a continuación.
-<h4>Tiempo Estimado </h4>
+=== Total Orders ===
-<p><b>25:</b> Cantidad estimada de pedidos entregados en 25 minutos.</p>
-<p><b>30:</b> Cantidad estimada de pedidos entregados en 30 minutos.</p>
-<p><b>45:</b> Cantidad estimada de pedidos entregados en 45 minutos.</p>
-<p><b>Pulgar Arriba:</b> Cantidad estimada de pedidos entregados dentro del tiempo estimado de entrega.</p>
-<p><img class="img-thumbnail img-centrada" src="data/media/hub/captura12.png"></p>
-<h4>Gráfico Pedidos</h4>
+Podemos ver el número de pedidos totales hechos.
-<p>Se puede comprobar los pedidos por hora de ese día.</p>
-<p><img class="img-thumbnail img-centrada" src="data/media/hub/captura13.png"></p>
-<h2><a name="mapaSituacion">Mapa de situación</a></h2>
+{{ :hub:captura4.png?nolink&400 |}}
-<p>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.</p>
+=== Open Orders ===
-<p><img class="img-thumbnail img-centrada" src="data/media/hub/captura19.png"></p>
+Pedidos que todavía no han sido entregados.
+{{ :hub:captura5.png?nolink&400 |}}
-<p>Empezamos con la parte superior del menú. Se puede ver como se han añadido unas opciones.</p>
+=== Located ===
-<p><img class="img-thumbnail img-centrada" src="data/media/hub/captura20.png"></p>
-<p><b>Info Trafico:</b> Para que nos muestre el tráfico que hay en la zona. Puede estar en dos estados <b>(On y Off)</b> </p>
+Pedidos con localización.
-<p><b>Estado On:</b></p>
-<p><img class="img-thumbnail img-centrada" src="data/media/hub/captura21.png"></p>
-<p><b>Find Bounds:</b> Para centrar el mapa.</p>
+{{ :hub:captura6.png?nolink&400 |}}
+=== Ready ===
-<p><b>Tipos de Mapa:</b> Desplegable donde podemos elegir diferentes tipos de mapa.</p>
+Pedidos listos para ser recogidos.
-<p><img class="img-thumbnail img-centrada" src="data/media/hub/captura23.png"></p>
-<p>A continuación tenemos un submenú con unos iconos:</p>
+{{ :hub:captura7.png?nolink&400 |}}
-<p><img class="img-thumbnail img-centrada" src="data/media/hub/captura25.png"></p>
-<p><b>Icono Vehículo: </b> 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. </p>
+=== Assigned ===
-<p><b>Icono tienda:</b> Nos permite mostrar u ocultar las tiendas.</p>
-<p><b>Icono Pedido:</b> 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).</p>
-<p><b>Pedido Realizado:</b> El pedido realizado en la tienda.</p>
-<p><b>Pedido Preasignado:</b> El pedido ha sido asignado a un repartidor, pero aún no ha confirmado.</p>
-<p><b>Pedido Confirmado:</b> El repartidor ha confirmado el pedido.</p>
-<p><b>Pedido en Reparto:</b> El pedido está en reparto.</p>
-<p>En la parte izquierda tenemos como un panel donde salen todos los repartidores.</p>
+Pedidos asignados a un repartidor.
+{{ :hub:captura8.png?nolink&400 |}}
-<p>Como se puede comprobar tenemos un buscador para buscar a un repartidor en concreto. <b>*Se puede buscar por código o por nombre.</b></p>
+=== Confirmed ===
-<p><img class="img-thumbnail img-centrada" src="data/media/hub/captura26.png"></p>
+Pedidos confirmados por un repartidor.
-<p>Luego tenemos la información del repartidor como por ejemplo la foto, el código, el nombre...</p>
+{{ :hub:captura9.png?nolink&400 |}}
-<p><b>Sobre:</b> Para enviar un mensaje al repartidor.</p>
-<p><b>Teléfono:</b> Para llamar al repartidor.</p>
-<p>Finalmente tenemos un botón con el estado del repartidor, puede estar <b>online</b> o <b>offline.</b></p>
-<p><img class="img-thumbnail img-centrada" src="data/media/hub/captura29.png"></p>
-<p><img class="img-thumbnail img-centrada" src="data/media/hub/captura28.png"></p>
-<h2><a name="pedidosPendientesReparto">Pedidos Pendientes</a></h2>
+=== Picked ===
-<p>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.</p>
+Pedidos recogidos por un repartidor.
-<p>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.</p>
-<p><img class="img-thumbnail img-centrada" src="data/media/hub/captura30.png"></p>
+{{ :hub:captura10.png?nolink&400 |}}
-<p>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).</p>
-<p>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...</p>
+=== Load ===
-<p><img class="img-thumbnail img-centrada" src="data/media/hub/captura31.png"></p>
-<p>En la parte central podemos comprobar que tenemos una tabla con información acerca de los pedidos.</p>
+Media de pedidos dividido entre el número de repartidores.
-<p>En el apartado <b>branch</b> tenemos cada fila de un color. Este color hace referencia a la tienda <b>*Cada tienda tiene un único color.</b></p>
-<p>La tienda tiene un icono de ubicación y otro de mensaje.</p>
+{{ :hub:captura11.png?nolink&400 |}}
-<p><b>Icono de ubicación:</b>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.</p>
-<p>Si hacemos click en el icono de localización con el <b>tic verde</b>, se abre una nueva ventana, donde nos sale información relacionada con el cliente(nombre y teléfono).</p>
+=== Tiempo Estimado ===
-<p> 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. <b>*Esto solo nos lo permite si antes teníamos una ubicación asignada.(tic verde)</b></p>
-<p><img class="img-thumbnail img-centrada" src="data/media/hub/captura32.png"></p>
+**25:** Cantidad estimada de pedidos entregados en 25 minutos.
+**30:** Cantidad estimada de pedidos entregados en 30 minutos.
-<p>Al contrario si hacemos click en el icono de localización con el <b>triangulo de advertencia</b>, se abre una nueva ventana, donde nos sale información relacionada con el cliente(nombre y teléfono).</p>
+**45:** Cantidad estimada de pedidos entregados en 45 minutos.
-<p> 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.</p>
-<p><img class="img-thumbnail img-centrada" src="data/media/hub/captura33.png"></p>
+**Pulgar Arriba:** Cantidad estimada de pedidos entregados dentro del tiempo estimado de entrega.
+{{ :hub:captura12.png?nolink&600 |}}
-<p><b>Mensaje:</b> Nos permite enviar un mensaje a la tienda.</p>
+=== Gráfico Pedidos ===
-<p><b>Order now:</b> Podemos encontrar el <b>número del pedido</b> o bien <b>nuevo</b>, para los pedidos que acaban de entrar.</p>
+Se puede comprobar los pedidos por hora de ese día.
+{{ :hub:captura13.png?nolink&600 |}}
-<p><img class="img-thumbnail img-centrada" src="data/media/hub/captura34.png"></p>
+===== Mapa de situación =====
-<p><img class="img-thumbnail img-centrada" src="data/media/hub/captura35.png"></p>
+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 |}}
-<p><b>Zona:</b> Calle a la cual tienen que repartir el pedido.</p>
+Empezamos con la parte superior del menú. Se puede ver como se han añadido unas opciones.
-<p><b>Ready:</b> Tiempo transcurrido desde que el pedido está preparado.</p>
+{{ :hub:captura20.png?nolink&600 |}}
-<p><b>Total:</b> Precio total del pedido.</p>
+**Info Trafico:** Para que nos muestre el tráfico que hay en la zona. Puede estar en dos estados **(On y Off)**
-<p><b>Entry Time: Hora en la que el pedido ha sido integrado en el sistema.</b></p>
+**Estado On:**
-<p><b>Elapsed:</b> Tiempo transcurrido desde que el pedido has sido integrado en el sistema.</p>
+{{ :hub:captura21.png?nolink&600 |}}
-<p><b>Promised:</b> Hora estimada en la que el pedido será entregado.</p>
+**Find Bounds:** Para centrar el mapa.
-<p><b>left:</b></p>
+**Tipos de Mapa:** Desplegable donde podemos elegir diferentes tipos de mapa.
-<p><b>Origin:</b> Origen del pedido (web, call center, etc).</p>
+{{ :hub:captura23.png?nolink&600 |}}
-<p><b>Payment Method:</b> Método de pago.</p>
+A continuación tenemos un submenú con unos iconos:
-<p><b>Details:</b> Detalles del pedido. Podemos encontrar el numero del pedido, datos del cliente, total del pedido y que contiene el pedido.</p>
+{{ :hub:captura25.png?nolink&600 |}}
-<p><img class="img-thumbnail img-centrada" src="data/media/hub/captura36.png"></p>
+**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.
-<p>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.</p>
-<p>Si hacemos click en numero de <b>Order now</b> se nos abre una nueva ventana.</p>
-<p>Hay un botón que nos permite <b>mostrar u ocultar </b> los repartidores sin pedidos asignados. También tenemos un buscador, para buscar a un repartidor en específico.</p>
+**Icono tienda:** Nos permite mostrar u ocultar las tiendas.
-<p>Podemos comprobar que nos sale la misma información del que en la otra pantalla pero con una opción añadida, <b>Asignar a externo</b></p>
+**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).
-<p><b>Asignar a externo:</b> Nos permite asignar el pedido a un repartidor externo de la empresa.</p>
-<p>A continuación podemos ver más abajo una tabla con los datos de los repartidores. Podemos enviar un mensaje y llamar al repartidor.</p>
+**Pedido Realizado:** El pedido realizado en la tienda.
-<p><img class="img-thumbnail img-centrada" src="data/media/hub/captura37.png"></p>
+**Pedido Preasignado:** El pedido ha sido asignado a un repartidor, pero aún no ha confirmado.
-<p>También hay un botón para asignarlo al repartidor. Cuando le asignamos el pedido al repartidor desaparecerá el pedido de la lista.</p>
+**Pedido Confirmado:** El repartidor ha confirmado el pedido.
+**Pedido en Reparto:** El pedido está en reparto.
-<h2>Pedidos en Reparto</h2>
+En la parte izquierda tenemos como un panel donde salen todos los repartidores.
-<p>Una vez el repartidor ha confirmado la recogida del pedido, éste pasa a la pantalla de pedidos en reparto.</p>
-<p>A la parte izquierda podemos encontrar las tiendas con un color específico.</p>
-<p>En la parte superior tenemos una tabla con información relacionada con el repartidor. Podemos encontrar-lo en diferentes colores.</p>
-<p><b>Amarillo:</b> Repartidor Desconectado.</p>
-<p><b>Azul Claro:</b> Repartidor no acepta el pedido.</p>
-<p><b>Marrón:</b> Repartidor ha aceptado el pedido y está a < 200m de la tienda y no ha recogido el pedido en 2 minutos.</p>
-<p><b>Púrpura claro: </b> Pedido pre-asignado a repartidor externo</p>
-<p><img class="img-thumbnail img-centrada" src="data/media/hub/captura38.png"></p>
+Como se puede comprobar tenemos un buscador para buscar a un repartidor en concreto. ***Se puede buscar por código o por nombre.**
-<p>A continuación tenemos la misma información que se ha explicado anteriormente pero tenemos dos opciones más, <b>Repartidor y pedido.</b></p>
+{{ :hub:captura26.png?nolink&600 |}}
-<p><b>Repartidor:</b> 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 <b>X</b>, esto es para desasignar el pedido a ese repartidor.
-</p>
-<p><b>Pedido:</b>Forzar que esta entregado el pedido.</p>
+Luego tenemos la información del repartidor como por ejemplo la foto, el código, el nombre...
-<h2><a name="localizador">Localizador</a></h2>
+**Sobre:** Para enviar un mensaje al repartidor.
-<p>En esta pantalla se muestran todos los pedidos que no están localizados.</p>
-<p><img class="img-thumbnail img-centrada" src="data/media/hub/captura40.png"></p>
-<h2><a name="tiendas">Tiendas</a></h2>
+**Teléfono:** Para llamar al repartidor.
-<p>En esta pantalla podemos ver todas las tiendas que tenemos, también podemos buscar alguna específica.</p>
+Finalmente tenemos un botón con el estado del repartidor, puede estar **online** o **offline.**
-<p><img class="img-thumbnail img-centrada" src="data/media/hub/captura41.png"></p>
-<h2><a name="repartidores">Repartidores</a></h2>
+{{ :hub:captura29.png?nolink&600 |}}
-<p>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.</p>
-<p><img class="img-thumbnail img-centrada" src="data/media/hub/captura42.png"></p>
+{{ :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
-<h2><a name="gestionEmpleados">Gestión de Empleados</a></h2>
-<p>En esta pantalla podemos ver a todos los empleados que tenemos y modificar sus datos.</p>
-<p><img class="img-thumbnail img-centrada" src="data/media/hub/captura43.png"></p>
-<h2><a name="reports">Reports</a></h2>
-<p>Nos salen tablas con la información de los pedidos realizados, repartos, etc de los días que seleccionemos</p>
-<p><img class="img-thumbnail img-centrada" src="data/media/hub/captura44.png"></p>
-</html>