Diseño e implementación del lado del cliente de una aplicación web basada en recursos cartográficos

Abstract

[ES] La cartografía ha sufrido muchos cambios a lo largo de la historia y esto ha abierto las puertas a una nueva forma de visualización de los mapas: a través de internet. Esto ha hecho que, en un mundo totalmente digitalizado, las personas hagan uso de los mapas en sus ordenadores y teléfonos móviles, pero, al igual que ha ido cambiando y evolucionando la forma de ver los mapas, también lo tienen que hacer las aplicaciones informáticas que te permiten ver esos mapas para poder adaptarse a las necesidades y las demandas de la gente. El Dr. Lenin G. Lemus Zúñiga, investigador del instituto ITACA de la UPV y su equipo de investigación han desarrollado aplicaciones web donde la visualización de la información se podía representar de diferentes formas: tablas, mapas y gráficos. Sin embargo, al presentar dicha información, han recibido recomendaciones para mejorar la visualización de la información que muestran los mapas. Es por eso por lo que, en este TFG, la tarea principal es la de implementar la parte de la aplicación que se muestra al cliente (frontend) basado en la cartografía en la web. La cartografía en la web se refiere al proceso de diseñar, aplicar, generar y visualizar u ofrecer datos geoespaciales a través de la web, y esta utiliza varios formatos y protocolos para poder funcionar. A lo largo de la memoria se decidirá qué formato y protocolo serán los más adecuados para trabajar. Así, el objetivo de este proyecto va a ser el de implementar la parte de la aplicación del lado del cliente (frontend) utilizando las tecnologías cartográficas, las cuales deberán poder ser visualizadas de forma eficiente en los distintos tipos de dispositivos y pantallas, desde las pantallas de escritorio hasta las móviles. Para llevar a cabo este objetivo, se seguirán una serie de pasos que harán más fácil realizar este trabajo, empezando por definir los recursos que se utilizarán, hacer propuestas del nuevo frontend responsivo, diseñar e implementar el mismo y validar que esta estructura visualiza de forma correcta los datos cartográficos en diferentes dispositivos como pueden ser dispositivos móviles, tabletas y ordenadores personales.

[EN] Cartography has undergone many changes throughout history and this has opened the door to a new way of viewing maps: through the internet. This has meant that, in a totally digitalised world, people make use of maps on their computers and mobile phones, but, just as the way of viewing maps has been changing and evolving, so have the computer applications that allow you to view those maps in order to adapt to people's needs and demands. Dr. Lenin G. Lemus Zúñiga, researcher at the ITACA institute of the UPV and his research team have developed web applications where the visualisation of information could be represented in different ways: tables, maps and graphs. However, when presenting this information, they have received recommendations to improve the visualisation of the information shown on the maps. That is why, in this TFG, the main task is to implement the part of the application that is displayed to the client (frontend) based on web mapping. Web mapping refers to the process of designing, applying, generating and visualising or offering geospatial data through the web, and it uses several formats and protocols to be able to work. Throughout the report it will be decided which format and protocol will be the most suitable for our project. Thus, the objective of this project will be to implement the frontend part of the application using cartographic technologies, which should be able to be displayed efficiently on different types of devices and screens, from desktop to mobile screens. To carry out this objective, a series of steps will be followed to make this work easier, starting by defining the resources to be used, making proposals for the new responsive frontend, designing and implementing it and validating that this structure correctly visualises the cartographic data on different devices such as smartphones, tablets and personal computers.