This is an old revision of the document!
<html> <h1>Pizzagest Delivery</h1>
<p><b>Pizzagest Delivery</b>, es la app de repartidores diseñada para todos los clientes asociados a nuestra empresa. Los repartidores de nuestros clientes podrán realizar las siguientes acciones:</p>
<ul> <li><b>Ver los pedidos pendientes y la hora de entrega.</b></li> <li><b>Situarse en el mapa y guiarse por el mismo para obtener la ruta más rápida y entregar los pedidos en el menor tiempo posible.</b></li> <li><b>Avisar al cliente en cuanto se sale del restaurante con el pedido.</b></li> <li><b>Avisar al cliente en cuanto llega al lugar de entrega.</b></li> <li><b>Informar al restaurante en caso de algún tipo de incidencia.</b></li> </ul>
<p><b>Pizzagest Delivery</b> está constantemente en desarrollo para poder dar el mejor servicio a nuestros clientes.</p>
<h2>Indice</h2> <div class=“indice”> <h3><a href=“#login”>1. Login</a></h3> <h3><a href=“#hubs”>2. Hubs</a></h3> <h3><a href=“#pantallaPrincipal”>3. Pantalla Principal</a></h3> <h3><a href=“#historialPedidos”>4. Historial Pedidos</a></h3> <h3><a href=“#calificaciones”>5. Tus Calificaciones</a></h3> <h3><a href=“#pedidos”>6. Pedidos</a></h3>
<h4 class="subApartado"><a href="#detallesPedido">6.1 Detalles Pedido</a></h4> <h4 class="subApartado"><a href="#detallesTienda">6.2 Detalles Tienda</a></h4> <h4 class="subApartado"><a href="#pedidoRecogido">6.3 Pedido Recogido</a></h4>
<h3><a href=“#reparto”>7. Reparto </a></h3>
<h4 class="subApartado"><a href="#incidenciasReparto">7.1 Incidencias en el reparto</a></h4> <h4 class="subApartado"><a href="#repartoFinalizado">7.2 Reparto finalizado</a></h4>
</div>
<h2>Aplicación</h2> <p>Abriremos la aplicación Pizzagest Delivery, saldrá una pantalla la cual tendrá que pulsar el botón para poder escanear el <b>código QR</b> que le hayan suministrado. </p>
<div class=“div-doble”> <img class=“img-mvl” style=“max-width: 15%” src=“data/media/iphone1.png”> <img class=“img-mvl” style=“max-width: 15%” src=“data/media/iphone3.png”> </div>
<p> A continuación debe escanear el <b>código QR</b> específico. Podrían ocurrir dos cosas: <ul>
<li>Que el código QR escaneado sea correcto, entonces pasará a la siguiente pantalla. </li>
<li>Que el código QR escandeado sea incorrecto, en este caso volverá a la pantalla anterior y saldrá un mensaje de error ("El código introducido no es correcto, vuelva a
intentarlo.") </li>
</ul> <div class=“div-doble”> <img class=“img-mvl” style=“max-width: 15%” src=“data/media/iphone-4.png”> <img class=“img-mvl” style=“max-width: 15%” src=“data/media/iphone2.png”> </div>
<p>Cuando el código QR esté introducido correctamente, saldrá una nueva pantalla.</p> <p>En esta pantalla se puede comprobar que en la parte superior derecha hay un código QR, el cual si se pulsa, nos permitirá escanear otro código. </p> <p> En la misma pantalla en la parte inferior podremos comprobar que tenemos un botón de login, el cual nos permitirá después de hacer login acceder a la aplicación. </p>
<h3><a name=“login”>Login</a></h3> <p>En esta pantalla es la única que podremos seleccionar el <b>idioma</b> en el que estará nuestra aplicación.</p> <p>A continuación tendremos que introducir el <b>usuario</b> y <b>contraseña</b> correspondiente. *Estos datos serán suministrados y será el mismo usuario y contraseña que tienen en <b>pizzagest</b> como repartidores.<p>
<img class=“img-mvl img-pc” style=“max-width: 20%” src=“data/media/iphone5.png”>
<h3><a name=“hubs”>Hubs</a></h3> <p>En la siguiente pantalla seleccionará el <b>hub</b> correspondiente de donde está su vehículo.</p> <p>A continuació escribirá la matricula correspondiente de su vehículo. <b>*Debe seleccionar uno de la lista para evitar posibles errores.</b></p>
<img class=“img-mvl img-pc” style=“max-width: 20%” src=“data/media/iphone6.png”> <p>Finalmente en <b>Valor del Odómetro</b> se introducirá los km correspondientes del vehículo.</p>
<h3><a name=“pantallaPrincipal”>Pantalla Principal</a></h3>
<p>Encontramos un botón que puede estar en <b>dos estados:</b></p> <ul>
<li><b>Offline:</b> Este estado implica no poder recibir nuevos pedidos para repartir. <b>*Para cambiar de estado hacer click en el botón "Online"</b></li>
</ul>
<img class=“img-mvl img-pc” style=“max-width: 20%” src=“data/media/iphone7.png”> <ul>
<li><b>Online:</b> Este estado nos permite recibir nuevos pedidos. Encontramos un mapa con nuestra ubicación. <b>Si el repartidor esta a más de 10km de la tienda, aunque este Online no aparecerá en el listado de repartidores del hub.</b></li>
</ul>
<img class=“img-mvl img-pc” style=“max-width: 20%” src=“data/media/iphone8.png”>
<p>En la parte inferior se encuentran tres opciones, las cuales explicaremos a continuación.</p>
<img class=“img-mvl img-pc” style=“max-width: 20%” src=“data/media/iphone9.png”>
<h3><a name=“historialPedidos”>Historial de Pedidos</a></h3>
<p>En esta pantalla podemos comprobar el <b> historial de pedidos. </b></p> <p>Se muestra el nº del pedido, nombre de la tienda y la fecha en la que se ha hecho el reparto del pedido.</p> <p>Para ver el historial de un mes específico, hacer click en <b> Seleccionar mes </b> y seleccionar el mes específico. </p>
<img class=“img-mvl img-pc” style=“max-width: 20%” src=“data/media/iphone10.png”>
<h3><a name=“calificaciones”>Tus Calificaciones</a></h3> <p>En esta pantalla podemos comprobar la <b> valoración </b> detallada de los usuarios por su trabajo.</p>
<img class=“img-mvl img-pc” style=“max-width: 20%” src=“data/media/iphone11.png”>
<h3>Notificación</h3> <p>Cuando se nos asigne un pedido para repartir, en nuestra app sale una notificación interna.</p>
<img class=“img-mvl img-pc” style=“max-width: 20%” src=“data/media/iphone12.png”>
<p>Como se puede comprobar nos sale una notificación, la cual nos da detalles del pedido(nº pedido, tienda, hora para ser entregado y método de pago).</p>
<h3><a name=“pedidos”>Pedidos</a></h3> <p><b>*Recuerde que esta pantalla no será visible si está en modo “offline”.</b></p> <p> Una vez haya salido la notificación, nos dirigiremos a la pantalla de <b> pedidos </b>, en esta pantalla tenemos que tener mucho en cuenta. </p>
<img class=“img-mvl img-pc” style=“max-width: 20%” src=“data/media/iphone13.png”>
<p> En la parte superior izquierda, hay una opción <b>pedidos </b> que abre un menú lateral.<p> <p> En este menú podemos ver los pedidos que tenemos asignados para reparto.<p> <p>Se puede comprobar que nos aparece el <b>numero del pedido</b> y a la parte derecha el <b>método de pago.</b></p>
<img class=“img-mvl img-pc” style=“max-width: 20%” src=“data/media/iphone14.png”>
<p> En la pantalla principal de pedidos, podemos ver un botón <b> ir a la tienda </b>. Pulsando este botón abrirá la aplicación de google maps y nos llevará hasta la tienda correspondiente al pedido. </p>
<p>Debajo de este botón podremos encontrar información relacionada con el tiempo de reparto.</p> <p>Un dato a tener en cuenta es que la información puede salir de dos colores:</p> <ul>
<li><b>Verde:</b> El pedido está previsto que llegue a hora estimada.</li> <li> <b>Rojo: </b> El pedido ha llegado tarde.</li>
</ul> <p>En la primera línea nos especifica el tiempo que tenemos para repartir el pedido. </p> <p> En la segunda nos dice la hora oficial del servidor. </p> <div class=“div-doble”> <img class=“img-mvl” style=“max-width: 20%” src=“data/media/iphone15.png”> <img class=“img-mvl” style=“max-width: 20%” src=“data/media/iphone18.png”> </div>
<p>También se puede ver un mapa, el cual podemos encontrar tres punteros:</p> <ul>
<li><b>Coche:</b> El puntero con un coche especifica la ubicación exacta de donde te encuentras.</li>
<li><b>Tienda:</b> El puntero con una tienda especifica la ubicación exacta de la tienda a recoger el pedido.</li>
<li><b>Usuario:</b> El puntero con un usuario especifica la ubicación exacta del cliente a repartir el pedido.</li>
</ul>
<img class=“img-mvl img-pc” style=“max-width: 20%” src=“data/media/iphone17.png”>
<p>Debajo del mapa tenemos tres botones.</p> <h3><a name=“detallesPedido”>Detalles pedido</a></h3> <p>Aquí podremos encontrar el detalle del pedido que tenemos seleccionado.</p> <p>Como se puede ver podemos encontrar la cantidad y la descripción de los productos y el total del pedido. </p>
<img class=“img-mvl img-pc” style=“max-width: 20%” src=“data/media/iphone20.png”>
<h3><a name=“detallesTienda”>Detalles de la tienda</a></h3> <p>Aquí podremos encontrar los detalles de la tienda.</p>
<img class=“img-mvl img-pc” style=“max-width: 20%” src=“data/media/iphone21.png”>
<h3><a name=“pedidoRecogido”>Pedido recogido</a></h3> <p>*Hay que tener en cuenta que si estamos a más de <b>200 metros</b> de la ubicación de la tienda nos saldrá una advertencia.</p>
<img class=“img-mvl img-pc” style=“max-width: 20%” src=“data/media/iphone22.png”>
<p> Si estamos a menos de 200 metros si que nos permite recoger el pedido.</p>
<p> Una vez hemos recogido el pedido podemos ver como las opciones de la pantalla han cambiado. </p>
<img class=“img-mvl img-pc” style=“max-width: 20%” src=“data/media/iphone23.png”>
<p>Seguimos viendo el botón de <b>detalles del pedido</b>, pero ahora ha aparecido uno nuevo que es <b> detalles del cliente </b>.</p> <p>Como se puede apreciar en la siguiente imagen, hay un botón con el numero del cliente, si se hace click en este botón <b>llamaremos al cliente</b>. <br>
Luego sale una tabla con los datos que ha proporcionado dicho cliente, como por ejemplo la calle y el número.
</p>
<img class=“img-mvl img-pc” style=“max-width: 20%” src=“data/media/iphone25.png”>
<p>Finalmente tenemos otro botón en la parte inferior, <b>en la ubicación del cliente.</b> Este botón solo funcionará si estamos a menos de 200 metros de la ubicación del cliente. *<b>Si estamos a más metros saltará un mensaje notificándolo, igual que con la tienda que hemos visto anteriormente.</b>
<h2><a name=“reparto”>Reparto</a> </h2> <p>A continuación cuando ya estemos en la ubicación de dicho cliente nos saldrán dos botones nuevos:
<h3><a name="incidenciasReparto"> Incidencia en el reparto </a> </h3>
<p>Este botón es para especificar que ha ocurrido una incidencia mientras se hacia el reparto. Como por ejemplo una avería en la moto. <b>*Recuerde que aparte de pulsar
sobre una inicidencia debe poner una pequeña descripción.</b></p>
<img class="img-mvl img-pc" style="max-width: 20%" src="data/media/iphone26.png">
<h3><a name="repartoFinalizado"> Reparto finalizado</a></h3>
<p> Cuando ya esté el pedido entregado pulsaremos sobre el botón <b>reparto finalizado</b>. Saldrá una nueva pantalla con dos botones. </p>
<p><b>Guardar:</b> Se guardará como que has repartido el pedido correctamente.</p>
<p><b>Modificar la ubicación del cliente y cerrar el pedido:</b> Esta opción se usará si la dirección era incorrecta, para así tenerla en cuenta las próximas veces.
Pulsando el botón se guardará la ubicación donde se encuentre en ese momento.</p>
</html>