Guía visual de información en un edificio

Erhan, Andrei (2020). Guía visual de información en un edificio. Proyecto Fin de Carrera / Trabajo Fin de Grado, E.T.S. de Ingenieros Informáticos (UPM), Madrid, España.

Description

Title: Guía visual de información en un edificio
Author/s:
  • Erhan, Andrei
Contributor/s:
  • Medinilla Martínez, Nelson
Item Type: Final Project
Degree: Grado en Ingeniería Informática
Date: June 2020
Subjects:
Faculty: E.T.S. de Ingenieros Informáticos (UPM)
Department: Lenguajes y Sistemas Informáticos e Ingeniería del Software
Creative Commons Licenses: Recognition - No derivative works - Non commercial

Full text

[img]
Preview
PDF - Requires a PDF viewer, such as GSview, Xpdf or Adobe Acrobat Reader
Download (1MB) | Preview

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.

More information

Item ID: 62979
DC Identifier: http://oa.upm.es/62979/
OAI Identifier: oai:oa.upm.es:62979
Deposited by: Andrei Erhan
Deposited on: 12 Jul 2020 06:56
Last Modified: 30 Sep 2020 08:53
  • Logo InvestigaM (UPM)
  • Logo GEOUP4
  • Logo Open Access
  • Open Access
  • Logo Sherpa/Romeo
    Check whether the anglo-saxon journal in which you have published an article allows you to also publish it under open access.
  • Logo Dulcinea
    Check whether the spanish journal in which you have published an article allows you to also publish it under open access.
  • Logo de Recolecta
  • Logo del Observatorio I+D+i UPM
  • Logo de OpenCourseWare UPM