Next revision | Previous revision |
manual_delivery [2018/03/02 10:12] – created - external edit 127.0.0.1 | manual_delivery [Unknown date] (current) – removed - external edit (Unknown date) 127.0.0.1 |
---|
<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> | |
| |
| |