Herramienta de visualización de rutas accesibles en espacios urbanos utilizando tecnología HTML5
Authors: Valls Dalmau Francesc , Roca Cladera Josep 
Published: March 2017

Pese a la capacidad de los dispositivos móviles de localización y planificación de itinerarios, existe un importante vacío en cuanto a la planificación de rutas adecuadas a las necesidades de las personas con problemas de accesibilidad.En este artículo se describe el desarrollo de una aplicación web para visualizar las rutas óptimas para usuarios de estas características utilizando tecnología HTML5 con herramientas de código abierto. La estrategia de desarrollo de la aplicación consistió en la iteración de varios ciclos de programación y valoración, lo que permitió ajustar la funcionalidad y la usabilidad en fases muy tempranas.El resultado es compatible con las plataformas móviles y de escritorio por la utilización de elementos web estándar, como el elemento <canvas> y la API de Geolocalización. A través de la aplicación web, fácilmente imbebible en cualquier página, los usuarios pueden seleccionar un punto del mapa (con el ratón o en una pantalla táctil) y se muestra la ruta accesible más adecuada desde este punto a un elemento de interés en un mapa, con la posibilidad de superponerla a la cartografía de Google Maps.Adicionalmente, si el dispositivo se encuentra en el área correspondiente al mapa, se muestra una indicación de su ubicación estimada. La aplicación resultante facilita tanto la planificación de la ruta como la orientación in-situ, y resulta valiosa también como herramienta de validación visual durante el desarrollo del modelo de cálculo de rutas.

Tot i la capacitat dels dispositius mòbils de localització i planificació d'itineraris, hi ha un important buit pel que fa a la planificació de rutes adequades a les necessitats de les persones amb dificultats d'accessibilitat.En aquest article es descriu el desenvolupament d'una aplicació web per a visualitzar les rutes òptimes per a usuaris d'aquestes característiques utilitzant tecnologia HTML5 amb eines de codi obert. L'estratègia de desenvolupament de l'aplicació va consistir en la iteració de diversos cicles de programació i valoració, el que va permetre ajustar la funcionalitat i la usabilitat en fases molt primerenques.El resultat és compatible amb les plataformes mòbils i d'escriptori per la utilització d'elements web estàndard, com l'element <canvas> i l'API de Geolocalització. A través de l'aplicació web, fàcilment imbevible en qualsevol pàgina, els usuaris poden seleccionar un punt del mapa (amb el ratolí o en una pantalla tàctil) i es mostra la ruta accessible més adequada des d'aquest punt a un element d'interès en un mapa , amb la possibilitat de superposar a la cartografia de Google Maps.Addicionalment, si el dispositiu es troba a l'àrea corresponent al mapa, es mostra una indicació de la seva ubicació estimada. L'aplicació resultant facilita tant la planificació de la ruta com l'orientació in-situ, i resulta valuosa també com a eina de validació visual durant el desenvolupament del model de càlcul de rutes.

Despite the location and route planning capacity of mobile devices, there are significant shortcomings regarding route planning according to the needs of people with accessibility difficulties.This paper discusses the development of a web application to visualize optimal routes for these users using HTML5 technology with open source tools. The development strategy iterated several cycles of coding and assessment, allowing the adjustment of functionality and usability in the early stages.The result is compatible with desktop and mobile platforms because of the adoption of web standards, such as the <canvas> element and the Geolocation API. Through the web application, easily embeddable in a webpage, users can select a point in a map (using the mouse or touchscreen) and the most suitable accessible route from that point to a fixed element of interest in a map is shown and (optionally) overlaid on the Google Maps cartography.Additionally, if the device is on the area shown on the map, its approximate position is displayed. The resulting application simplifies both the planning of the route and the on-site orientation, and is also valuable as a visual validation tool during the development of the optimal route model.