Saltar la navegación

4.6.- Aplicación web híbrida de gestión de repartos.

Vamos a ver cómo puedes crear una aplicación web híbrida que utilice los servicios que acabas de ver, vamos a hacer una pequeña aplicación para gestionar los pedidos de una tienda. El supuesto del que se parte es el siguiente:

Como la zona de influencia de la tienda aún es pequeña, solo una localidad (en el ejemplo se trabaja con Almería, tu puedes hacerlo con la Localidad que quieras) y pensando también en mantener la relación con los clientes, se ha decidido hacer reparto directo de los productos que se compran en la tienda online. Para ello se ha pensado en crear una aplicación web híbrida con las siguientes características:

  • Se utilizará la API del servicio de tareas de Google (Google Tasks) para almacenar como listas de tareas la información de los repartos. De esta forma la información podrá ser consultada desde cualquier lugar utilizando un dispositivo con conexión a Internet. Cada lista de tareas se corresponde en la aplicación con una lista de reparto, y cada una de sus tareas con un envío. Para diferenciar una lista de otra, se le pone como parte del título la fecha del día en que se hará el reparto.
  • Para cada producto que se reparte se creará una tarea en la lista correspondiente. Esa tarea almacenará la dirección de envío y sus coordenadas. Para obtenerlas,  se utilizará el servicio Bing Maps de Microsoft.
  • Para optimizar la ruta que se ha de recorrer, se utilizará Routes de Bing Maps. La idea es mostrar el orden de los productos que se van a repartir cada día de forma que se minimice la distancia recorrida.
  • La función para que nos muestre en un mapa la dirección de envío se pedirá en la práctica de la unidad. No hace falta implementarla

La apariencia de la aplicación será:

Imagen de una Captura del navegador Firefox, que muestra una pantalla de la aplicación web híbrida de reparto.Hay un boton con el texto “Nueva lista de reparto” y un cuadro de texto para introducir un nombre. Debajo, se muestran las tareas de reparto, cada una con sus respectivos envíos.
Firefox (Elaboración propia.)

 Cuando se cree una nueva tarea (un nuevo envío), se pedirá la dirección y se mostrará una pantalla como la siguiente para que el usuario complete los datos necesarios. Los campos longitud y latitud son de solo lectura, se rellenarán cuando le demos al botón "Ver Coordenadas".

Imagen de un formulario, en el título poner crear envío, debajo un campo de texto para poner una dirección, debajo de este un botón con el nombre "Ver Coordenadas", debajo de este dos campos de texto "latitud" y "longitud", debajo de estos el campo producto. Para finalizar y debajo los botones nuevo envío y volver.
Captura de Firefox (Elaboración propia.)


Se utilizara Bing Maps para obtener las coordenadas.