Abstract
En este documento se va a desarrollar una aplicación web que va a funcionar como una guía digital, aportando información visual acerca de todas las zonas que posee el Bloque I de la ETS de Ingenieros Informáticos.
Para desarrollar este proyecto, se ha utilizado el framework Angular, desarrollado en TypeScript, con el objetivo de construir una aplicación web SPA (de una sola página). Asimismo, se ha utilizado el framework BootStrap para el diseño de la aplicación, de tal forma que el uso de ésta sea simple e intuitivo para los usuarios.
Esta aplicación está pensada para ser usada por usuarios de la facultad que deseen encontrar una determinada zona (aula de clase, ubicación del despacho de un profesor, ubicación del aula en el que se imparte clase de una asignatura en concreto, etc..). Para ello, se hará uso de un mapa dinámico de todos los locales del Bloque I de la facultad. Dicho mapa es construido por imágenes que siguen el formato Gráficos Vectoriales Escalables (SVG), que además de conseguir una calidad de visualización óptima (superando a formatos como .jpg o .png) ocupa mucho menos espacio. Esto permite una velocidad de descarga mucho más rápida disminuyendo el tiempo de latencia.----ABSTRACT---This project consists on the development of a web application which will work as a digital guide, providing visual information about all the areas that exist in the building I of ETSII (Escuela Técnica Superior de Ingenieros Informáticos). In order to develop this application, it is necessary to use some web technologies. In this case, the chosen ones are Angular, Bootstrap, HTML, CSS, Javascript and MySQL. Angular is a very powerful framework, developed in TypeScript, with the aim of building a strong and efficient web application SPA (Single Page Application). MySQL is the language capable of managing the database, in order to save and access to all the data of the app. Finally, the rest of the technologies will control the view of the application, helping to build a simple and intuitive application for users. This application is designed to help people to find parts of a building floor of this university like classrooms, location of the teacher's departments as well as the classroom where a particular subject is taught. The parts are shown visually through a dynamic map, divided into 4 floors to simplify the search, that is built with images following the Scalable Vector Graphics (SVG) format. The reason why it was chosen, is because it takes up less memory space allowing the image to be downloaded faster. Additionally, it would end up reducing the latency time and improving the user experience on the app.