Search

The aim of this article is to perform a comparative analysis of the Angular v10 and Vue v3.0 frameworks. The basis of the comparison is the performance tested with two applications that are similar in terms of functionality. The view with a variable number of displayed elements was examined, and the time was measured from the moment the number of components was indicated to the end of rendering. The amount of disk space occupied by the final applications and application segments was also compared in relation to the method of implementing their functionality. The results of the research allowed to formulate the conclusions that Vue is more efficient than Angular and additionally the Vue application takes up less disk space.

The article presents analysis of the performance of selected tools to build a Single Page Application. Chrome browser with DevTools tool was used to evaluate the performance of the test application. The total number of all tests was 112. As part of the study, a test application was created using different JavaScript frameworks - the Angular framework and the Vue.js framework.

En les xarxes oportunistes els nodes estan en constant moviment. Per aquesta raó, per poder comunicar-se aprofiten les oportunitats de connexió. A més, s'utilitzen diferents algorismes per a l'encaminament de paquets, algorismes que cal avaluar mitjançant simuladors. Aquests simuladors configuren les simulacions a través de fitxers de text, per aquesta raó, en aquest treball s'ofereix un front-end per a la definició dels escenaris i l'avaluació dels resultats. D'aquesta forma, ja no és necessari conèixer prèviament el funcionament dels simuladors. En altres paraules, la incorporació d'aquest front-end facilitarà l'estudi de les xarxes oportunistes, estalviant temps i incorporant altres funcionalitats. In opportunistic networks nodes are in constant movement, so in order to communicate they take advantage of connection opportunities. In addition, different algorithms are used for packet routing, algorithms that must be evaluated through simulators. These simulators simulations are configured through text files. For this reason, in this work it is offered a front-end for the definition of the scenarios and the evaluation of the results. This way, it is no longer necessary to know previously how the simulators work. In other words, the incorporation of this front-end will facilitate the study of opportunistic networks, saving time and incorporating other functionalities. En las redes oportunistas los nodos están en constante movimiento. Por esta razón, para poder comunicarse aprovechan las oportunidades de conexión. Además, se utilizan diferentes algoritmos para el enrutamiento de paquetes, algoritmos que hay que evaluar mediante simuladores. Estos simuladores configuran las simulaciones a través de ficheros de texto, por esta razón, en este trabajo se ofrece un front-end para la definición de los escenarios y la evaluación de los resultados. De esta forma, ya no es necesario conocer previamente el funcionamiento de los simuladores. En otras palabras, la incorporación de este front-end facilitará el estudio de las redes oportunistas, ahorrando tiempos e incorporando otras funcionalidades.

[Abstract] This end-of-degree thesis aims to develop a food delivery application that allows owners to offer batches of products that are going to expire soon at a lower cost, saving the products from being thrown out, and giving a chance to potential customers to purchase perfectly fine food at a lower price. By the end of this project, we have designed and developed a web application for order management that allows to carry out the process of buying and selling meals, which automates most of the procedures this kind of business model has. During the development process of this project, several technologies were used to fulfill the objectives, including PostgreSQL for the database, Java, Spring and Hibernate for the back end side of the system, the web server; Vue.js, and other JavaScript libraries for the front end side, the web client. Finally, in this end-of-degree thesis, an iterative and incremental methodology was followed, hence we divided the development process into several fortnight iterations, during which several use cases were implemented. [Resumen] Este trabajo de fin de grado tiene como objetivo desarrollar una aplicación de entrega de comida a domicilio que permita a los propietarios ofrecer lotes de productos que van a caducar pronto a un coste menor, evitando así que los productos se tiren, y dando la oportunidad a los potenciales clientes de comprar alimentos en perfecto estado a un precio más bajo. Al final del proyecto, hemos conseguido diseñar y desarrollar una aplicación web para la gestión de pedidos que permita llevar a cabo el proceso de compra y venta de alimentos, que automatice la mayoría de los procedimientos que tiene este tipo de modelo de negocio. Durante el proceso de desarrollo de este proyecto, se utilizaron varias tecnologías para cumplir los objetivos marcados, entre las cuales se incluyen, por ejemplo, PostgreSQL para la base de datos, Java, Spring e Hibernate para el lado del back end del sistema, el servidor web; Vue.js, y otras librerías JavaScript para el lado del front end, el cliente web. Por último, en este trabajo de fin de grado se ha seguido una metodología iterativa e incremental, por lo que se ha dividido el proceso de desarrollo en varias iteraciones de quince días, en las que se han implementado varios casos de uso. Traballo fin de grao. Enxeñaría Informática. Curso 2021/2022

El propósito principal de este proyecto es el de desarrollar un sitio web para los socios y entidades que trabajan en defensa del paisaje de la comarca del Priorat, así como la integración de una herramienta de trabajo colaborativo que suponga una mejora en la organización del día a día de los socios. Además, veremos el proceso de incorporación de un framework JavaScript moderno para ciertos componentes de un sitio web que ha sido construido con tecnologías web tradicionales como PHP. The main purpose of this project is to develop a website for the partners and entities that work in defense of the landscape of the Priorat region, as well as the integration of a collaborative work tool that supposes an improvement in the organization of the partners day to day. Additionally, we will go through the process of incorporating a modern JavaScript framework for certain components of a website that has been built using traditional web technologies such as PHP. El propòsit principal d'aquest projecte és desenvolupar un lloc web per als socis i entitats que treballen en defensa del paisatge de la comarca del Priorat, així com la integració d'una eina de treball col·laboratiu que suposi una millora en l'organització del dia a dia dels socis. A més, veurem el procés d'incorporació d'un framework JavaScript modern per a certs components d'un lloc web que ha estat construït amb tecnologies web tradicionals com PHP.

[Resumen] El objetivo de este trabajo de fin de grado es el desarrollo de una aplicación web de consulta detallada, dirigida a profesionales con intereses específicos en el estudio de pandemias, que permita realizar búsquedas y acceder a datos que no son necesariamente útiles o relevantes para el público en general, pero que sí lo pueden ser para llevar a cabo análisis finos por parte de expertos. Para alcanzar el objetivo de este trabajo fue necesaria su división en diferentes fases. En la primera de ellas, se definió el alcance del mismo y sus objetivos principales, seguida de una búsqueda y estudio de aplicaciones y tecnologías que pudiesen facilitar el desarrollo del proyecto. A ello le continuó un estudio preliminar de fuentes y datos a utilizar y la realización de un análisis de requisitos mediante la definición de historias de usuario y prototipos de pantalla. Finalmente se comenzó con el desarrollo iterativo del mismo, aplicando en cada iteración las fases de análisis, diseño, implementación y pruebas. Para su desarrollo se ha creado un almacén de datos espacial haciendo uso de PostgreSQL con la extensión PostGIS, un servidor web usando el lenguaje Java y las librerías y frameworks típicos de este entorno, como son Gradle, JPA-Hibernate y Spring, y un cliente web desarrollado con el framework JavaScript Vue.js, haciendo uso también de librerías como son Leaflet, para el desarrollo de mapas interactivos y vue-chartjs, para el desarrollo de gráficas interactivas. El trabajo de fin de grado se realizó siguiendo una metodología basada en iteraciones con algunos elementos de otras metodologías, como pueden ser las historias de usuario y alguno de los pasos de la metodología de Kimball, llevando a cabo reuniones semanales de seguimiento. [Abstract] The aim of this final degree project is to develop a web application for detailed consultation, aimed at professionals with specific interests in the study of pandemics, which allows searches and access to data that are not necessarily useful or relevant to the general public, but which can be useful for carrying out fine-grained analysis by experts. In order to achieve the objective of this work, it was necessary to divide it into different phases. In the first phase, the scope of the project and its main objectives were defined, followed by a search and study of applications and technologies that could facilitate the development of the project. This was followed by a preliminary study of sources and data to be used and the performance of a requirement analysis by defining user stories and screen prototypes. Finally, the iterative development of the project began, applying the phases of analysis, design, implementation and testing in each iteration. For its development, a spatial data warehouse has been created using PostgreSQL with the PostGIS extension, a web server using the Java language and the libraries and frameworks typical of this environment, such as Gradle, JPA-Hibernate and Spring, and a web client developed with the Java framework. JavaScript Vue.js, also making use of libraries such as Leaflet, for the development of interactive maps and vue-chartjs for the development of interactive graphics. The final degree project was carried out following a methodology based on iterations with some elements of other methodologies, such as user stories and some of the steps of the Kimball methodology, with weekly follow-up meetings. Traballo fin de grao. Enxeñaría Informática. Curso 2021/2022

En el presente Trabajo Final de Grado (TFG) se pretende desarrollar una plataforma web de cálculos geotécnicos para el Área de Ingeniería del Terreno del Departamento de Ingeniería Civil de la Universidad de Alicante. La idea es permitir que los estudiantes del Grado de Ingeniería Civil puedan crear proyectos y realizar cálculos específicos relacionados con el terreno. Concretamente, se busca diseñar una plataforma ampliable que incorpore de inicio un cálculo de la presión admisible usada para cimentaciones superficiales en roca según la Guía de Cimentaciones en Obras de Carretera y otro cálculo del potencial de licuefacción de suelos según el Eurocódigo 8 (EC-8) y la Norma de Construcción Sismorresistente (NCSE-02). Para el desarrollo de la aplicación backend se utilizará Java 8 como lenguaje principal junto con el framework Spring Boot y el ORM Hibernate. Para la parte frontend se emplearán las tecnologías HTML, CSS y Javascript a partir de los frameworks Vue.js y Bootstrap. This Final Degree Project (TFG) aims to develop a web platform for geotechnical calculations for the Geotechnical Engineering Area of the Civil Engineering Department of the University of Alicante. The idea is to allow students of the Civil Engineering Degree to create projects and perform specific calculations related to the ground. Specifically, the aim is to design an extendable platform that incorporates from the start a calculation of the allowable bearing pressure used for surface foundations in rock according to the Guide to Foundations in Road Works and another calculation of the potential for soil liquefaction according to Eurocode 8 (EC-8) and the Earthquake Resistant Construction Standard (NCSE-02). For the development of the backend application, Java 8 will be used as the main language together with the Spring Boot framework and the Hibernate ORM. For the frontend part, HTML, CSS and Javascript technologies will be used from the Vue.js and Bootstrap frameworks. En el present Treball Final de Grau (TFG) es pretén desenvolupar una plataforma web de càlculs geotècnics per a l'Àrea d'Enginyeria de l'Terreny de el Departament d'Enginyeria Civil de la Universitat d'Alacant. La idea és permetre que els estudiants de l'Grau d'Enginyeria Civil puguin crear projectes i realitzar càlculs específics relacionats amb el terreny. Concretament, es busca dissenyar una plataforma ampliable que incorpori d'inici un càlcul de la pressió admissible usada per a fonaments superficials en roca segons la Guia de Fonamentacions en Obres de Carretera i un altre càlcul de l'potencial de liqüefacció de sòls segons l'Eurocodi 8 (EC-8 ) i la Norma de construcció sismoresistent (NCSE-02). Per al desenvolupament de l'aplicació backend s'utilitzarà Java 8 com a llenguatge principal juntament amb el framework Spring Boot i el ORM Hibernate. Per a la part frontal es faran servir les tecnologies HTML, CSS i Javascript a partir dels frameworks Vue.js i Bootstrap.

TFG realizado en colaboración con José Matías Fernández Velasco Modalidad: Trabajo en equipo El objetivo por el cual nace este trabajo fin de grado es dotar a los trabajadores, de países en vía de desarrollo, de una herramienta de protección laboral mediante la cual puedan hacer públicas todas las incidencias, carencias, negligencias e injusticias laborales a las que se enfrentan, es decir, los incumplimientos de los derechos humanos, de los convenios de la Organización Internacional del Trabajo, de los Principios de la ONU, el no seguimiento de la Guía de la OCDE, etc…, buscando ejercer una presión sobre las empresas responsables para conseguir que éstas aporten soluciones a dichos problemas. Se trata de una colaboración entre el TFM denominado “Responsabilidad Social Empresarial y herramientas de protección laboral para proyectos en países en desarrollo” realizado por el alumno José Matías Fernández Velasco, donde se abordan los problemas planteados y que actúa como cliente, bajo la supervisión del tutor, y este TFG, donde se ha creado la primera versión de esta herramienta, denominada Labor Rights, para dar soluciones a dichos problemas, y que será seguido y completado en futuros TFGs. Para lograr los objetivos propuestos para este TFG, se ha creado como primera versión un sistema dividido en dos partes: un cliente web y una API, ya que uno de los objetivos para líneas futuras es la creación de una app móvil, por lo que el desarrollo de una API para la gestión de la base de datos ha sido la solución que se ha considerado más idónea. Mediante este sistema, los trabajadores pueden denunciar las incidencias que sufren en su entorno laboral de manera pública, facilitando, entre otros datos, el nombre de la empresa que los contrató y de la empresa principal que está detrás, de manera que cualquier usuario pueda verlas.

En el presente Trabajo Final de Grado (TFG) se pretende desarrollar una plataforma web de cálculos geotécnicos para el Área de Ingeniería del Terreno del Departamento de Ingeniería Civil de la Universidad de Alicante. La idea es permitir que los estudiantes del Grado de Ingeniería Civil puedan crear proyectos y realizar cálculos específicos relacionados con el terreno. Concretamente, se busca diseñar una plataforma ampliable que incorpore de inicio un cálculo de la presión admisible usada para cimentaciones superficiales en roca según la Guía de Cimentaciones en Obras de Carretera y otro cálculo del potencial de licuefacción de suelos según el Eurocódigo 8 (EC-8) y la Norma de Construcción Sismorresistente (NCSE-02). Para el desarrollo de la aplicación backend se utilizará Java 8 como lenguaje principal junto con el framework Spring Boot y el ORM Hibernate. Para la parte frontend se emplearán las tecnologías HTML, CSS y Javascript a partir de los frameworks Vue.js y Bootstrap. This Final Degree Project (TFG) aims to develop a web platform for geotechnical calculations for the Geotechnical Engineering Area of the Civil Engineering Department of the University of Alicante. The idea is to allow students of the Civil Engineering Degree to create projects and perform specific calculations related to the ground. Specifically, the aim is to design an extendable platform that incorporates from the start a calculation of the allowable bearing pressure used for surface foundations in rock according to the Guide to Foundations in Road Works and another calculation of the potential for soil liquefaction according to Eurocode 8 (EC-8) and the Earthquake Resistant Construction Standard (NCSE-02). For the development of the backend application, Java 8 will be used as the main language together with the Spring Boot framework and the Hibernate ORM. For the frontend part, HTML, CSS and Javascript technologies will be used from the Vue.js and Bootstrap frameworks. En el present Treball Final de Grau (TFG) es pretén desenvolupar una plataforma web de càlculs geotècnics per a l'Àrea d'Enginyeria de l'Terreny de el Departament d'Enginyeria Civil de la Universitat d'Alacant. La idea és permetre que els estudiants de l'Grau d'Enginyeria Civil puguin crear projectes i realitzar càlculs específics relacionats amb el terreny. Concretament, es busca dissenyar una plataforma ampliable que incorpori d'inici un càlcul de la pressió admissible usada per a fonaments superficials en roca segons la Guia de Fonamentacions en Obres de Carretera i un altre càlcul de l'potencial de liqüefacció de sòls segons l'Eurocodi 8 (EC-8 ) i la Norma de construcció sismoresistent (NCSE-02). Per al desenvolupament de l'aplicació backend s'utilitzarà Java 8 com a llenguatge principal juntament amb el framework Spring Boot i el ORM Hibernate. Per a la part frontal es faran servir les tecnologies HTML, CSS i Javascript a partir dels frameworks Vue.js i Bootstrap.

[Resumen] El objetivo de este trabajo de fin de grado ha sido el de desarrollar una aplicación que ofrezca una gran variedad de información sobre los sitios culturales naturales e históricos más importantes de Galicia, y la posibilidad de una interacción entre usuarios para fomentar su continuo crecimiento y desarrollo. Para alcanzar este objetivo ha sido necesario realizar un análisis sobre la importancia del patrimonio histórico y cultural de Galicia. En ese análisis, se ha descubierto que se podría fomentar en gran parte el turismo con una aplicación que mostrase las características, detalles y localizaciones de los lugares con un importante rasgo histórico-cultural. En el desarrollo de esta aplicación web se han utilizado las tecnologías de código abierto como Java, Spring e Hibernate para la creación de un servidor donde desarrollar la parte lógica de la aplicación. Este servidor cuenta con un mapeo a un sistema gestor de base de datos (SGBD) relacional creado con PostgreSQL para el almacenamiento de la información. Además de esto, implementa un servicio REST para la comunicación con un cliente web basado en Vue.js el cual ofrecerá una interfaz amigable con la que interactuar para llevar a cabo las funcionalidades disponibles. Este trabajo de fin de grado se ha gestionado siguiendo una metodología iterativa e incremental para el desarrollo de software que permite acortar significativamente los ciclos de desarrollo y asegurando que al final de cada ciclo se dispondrá de un software funcional. [Abstract] The objective of this final degree project is to develop an application that manages the location of the most important cultural and historical sites in Galicia, as well as the interaction between users for their continuous growth and development. To achieve this objective it was necessary to carry out an analysis on the importance of the historical and cultural heritage of Galicia. It was discovered that tourism could be largely promoted with an application that promotes and shows the characteristics, details and locations of places with an important historical-cultural trait. In the development of this web application, open source technologies such as Java, Spring and Hibernate have been used to create a server where to develop the logical part of the application. This server has a mapping to a relational database management system (DBMS) created with PostgreSQL for information storage. In addition to this, it implements a REST service for communication with a web client based on Vue.js which will offer a friendly interface with which to interact to carry out the available functionalities. This final degree project has been managed following an iterative and incremental methodology for software development that allows to significantly shorten development cycles and ensure that functional software will be available at the end of each cycle. Traballo fin de grao (UDC.FIC). Enxeñaría informática. Curso 2020/2021

La present Memòria de Projecte Final de Màster planteja el desenvolupament d'una Aplicació Web Progessiva (PWA) que facilitarà la gestió de les Associacions de Mares i Pares d'Alumnes (AMPA) a més a més de fomentar la participació dels propis pares, propiciar la sol·licitud de serveis de manera online, així com facilitar la comunicació al sí de l'associació. Per a això usarem Quasar framework (VueJS) per al frontend i Hasura (GraphQL) per al backend. This Final Master's Thesis proposes the development of a Progessive Web App (PWA) that will facilitate the management of Parents Associations in addition to encouraging the participation of parents themselves, promote the request for services online, as well as facilitate communication within the association. To accomplish that we are going to use Quasar framework (VueJS) for the frontend and Hasura (GraphQL) for the backend. La presente Memoria de Proyecto Fin de Master plantea el desarrollo de una Aplicación Web Progesiva (PWA) que facilitará la gestión de las Asociaciones de Madres y Padres de Alumnos (AMPA) además de fomentar la participación de los propios padres, propiciar la solicitud de servicios de manera online, así como facilitar la comunicación en el seno de la asociación. Para ello usaremos Quasar framework (VueJS) para el frontend y Hasura (GraphQL) para el backend.

L'objectiu del projecte Ultimate Manager és la creació d'una aplicació web que permet gestionar un club de futbol fictici. Aquesta gestió consisteix en l'administració de totes les seccions d'un equip que van des de funcions pròpies d'un entrenador com l'entrenament, tàctiques i administració dels jugadors fins a tasques més pròpies dels directius com manteniment de l'estadi, control de les finances, fitxatges o gestió dels contractes. Després, disputaran un competició en format de lliga contra altres usuaris reals, on la meta és aconseguir les primeres posicions per ascendir de divisió. D'altra banda, la tecnologia necessària per dur a terme el projecte han estat el framework backend Parse Server, un innovador programari que permet crear una base de dades d'objectes, i, també, s'ha utilitzat VueJS, un framework frontend que permet crear web components per desenvolupar la lògica i maquetar les pàgines HTML5 molt fàcilment. El objetivo del proyecto Ultimate Manager es la creación de una aplicación web que permita gestionar un club de fútbol ficticio. Esta gestión consiste en la administración de todas las secciones de un equipo que van desde funciones propias de un entrenador como el entrenamiento, tácticas y administración de los jugadores hasta tareas más propias de los directivos como mantenimiento del estadio, control de las finanzas, fichajes o gestión de los contratos. Después, disputarán una competición en formato de liga contra otros usuarios reales, donde la meta es conseguir las primeras posiciones para ascender de división. Por otro lado, la tecnología necesaria para llevar a cabo el proyecto ha sido el framework backend Parse Server, un innovador software que permite crear una base de datos de objetos, y, también, se ha utilizado VueJS, un framework frontend que permite crear web components para desarrollar la lógica y maquetar las páginas HTML5 muy fácilmente. The objective of the Ultimate Manager project is the creation of a web application that allows the management of a fictional football club. This management consists in the administration of all sections of a team, ranging from functions of a coach such as training, tactics and administration of the players until tasks more own of the directors like maintenance of the stadium, control of the finances, signings or management of contracts. Then, a competition in league format will be played against other real users, where the goal is to get the first positions to ascend to a higher division. On the other hand, the technology necessary to develop the project has been the backend framework, Parse Server, an innovative software that allows you to create an object database, and, also, VueJS has been used, a frontend framework which allows create web components to develop logic and layout HTML5 pages very easily.

La idea en la que se basa la aplicación desarrollada en este trabajo es la de mejorar las comunicaciones entre los organismos gubernamentales a nivel local y la ciudadanía, ofreciendo información relevante que afecte directamente a ambas partes de forma bidireccional. Para ello se divide en un apartado Avisos, donde el ayuntamiento se encarga de aportar información al ciudadano recogida en distintas categorías (Eventos, Información, Avisos y Emergencias); y un apartado Comunica, donde son los ciudadanos quienes informan sobre el estado de la localidad en forma de Incidencias y Sugerencias. Dado que se ha dispuesto de un tiempo limitado para desarrollar una aplicación completa, especialmente teniendo en cuenta la inexperiencia del alumno, este trabajo se ha planteado como un pet project en el que se prima el ejercitar el uso de buenas prácticas en el desarrollo software sobre la implementación rápida y descuidada de todas las funcionalidades. La aplicación está basada en el stack MEVN (MongoDB - Express - Vue.js - Node). En lugar de usar una instancia local de MongoDB como base de datos, se ha optado por usar Atlas, su equivalente en la nube, por la flexibilidad que supone. El back end se ha estructurado con una arquitectura básica de tres capas sobre un servidor Express, y se ha hecho uso del framework Quasar para el desarrollo del front end, que provee la estructura básica para implementar una Single Page Application (SPA) basada en Vue.js y facilita el prototipado de la interfaz de usuario con su propia librería de componentes. Se ha tratado de respetar en la medida de lo posible el ciclo de Desarrollo Guiado por Pruebas (TDD - Test-Driven Development), así como la aplicación de principios y patrones de diseño para un código limpio que resulte mantenible e intuitivo, destacando la refactorización constante del código. The idea on which the application developed for this project is based is to improve communications between local government entities and citizens, offering relevant information that directly affects both sides in a bidirectional way. To achieve this, the application is divided into a Notices section, where the city council is responsible for providing information to the citizen collected in different categories (Events, Information, Notices and Emergencies); and a Communicate section, where it is the citizens who report on the state of the town in form of Incidents and Suggestions. Given that time has not been enough to develop a complete application, especially taking into account the inexperience of the student, this project has been considered a pet project where the use of good practices in software development is more important than a fast and careless implementation of all features. The application is based on the MEVN Stack (MongoDB - Express - Vue.js - Node). Instead of using a local instance of MongoDB as the database, Atlas, its cloud equivalent, has been used due to the flexibility it offers. The back end has been structured with a basic three-layer architecture on an Express server, and the Quasar framework has been used for the development of the front end, which provides the basic structure to implement a Single Page Application (SPA) based on Vue.js and makes it easy to prototype the user interface with its own component library. The Test-Driven Development (TDD) cycle has been applied as much as possible, as well as the application of design principles and patterns for a clean code that is maintainable and intuitive, with a continuous refactoring of the code.

[Abstract] The objective of this end-of-degree work is to develop a web application that allows a group of philologists to carry out a study on the publication of gazettes during the 17th century, which they were newspapers that disseminated official, political, literary news… These gazettes could be published and edited in different cities and at the same time, they contained news that narrated events, which have happened in a specific place and could be reported in another different place. Therefore, it is difficult to see the historical evolution of news publishing. To facilitate the search and visualization of the information, a web application has been designed to manage the information about the newspapers, their news, the publishers and the places they refer to. It also allows to visualize an interactive map that shows the places where a gazette was published or edited and where the news item occurred or was notified. For each location it will show information about the number of events that have occurred for each one of the activities(Edition, publication, event, notice). At the beginning of this project, a previous analysis was made to obtain information about the objectives and thus establish the set of requirements necessary for the functioning of the application. Subsequently, the design and development of the application was carried out. The application is composed of a back-end that takes care of the application logic, and is formed by a server that has been implemented with Java and Spring, and a DBMS, and a front-end that is a Web client that has been implemented with Vue.js. In order to develop the application, it was decided to use an agile methodology. At the beginning of the project in the planning meeting the number and duration of the iterations that would divide the development process were defined. [Resumo] El objetivo de este trabajo de fin de grado consiste en desarrollar una aplicación web que permita a un grupo de filólogos realizar un estudio sobre la publicación de gacetas durante el siglo XVII, las cuales son periódicos donde se difundían noticias oficiales, políticas, literarias… Estas gacetas han podido ser publicadas y editadas en distintas ciudades y a su vez, contienen noticias que narran sucesos, los cuales han sucedido en un lugar concreto y pueden ser notificados en otro lugar distinto, esto provoca que resulte difícil ver la evolución histórica en la publicación de noticias. Para poder facilitar la búsqueda y visualización de la información se ha diseñado una aplicación web que permite gestionar la información sobre los periódicos, sus noticias, sobre los editores y los lugares a los que hacen referencia. También permite visualizar un mapa interactivo que muestra los lugares donde se publicó o se editó una gaceta y en los que ocurrió o se notificó el suceso de una noticia. Para cada lugar mostrará información sobre el número de sucesos que han ocurrido para cada una de las actividades. Al comienzo de este proyecto se realizó un análisis previo para así obtener información sobre los objetivos y así establecer el conjunto de requisitos necesarios para el funcionamiento de la aplicación. Posteriormente se realizó el diseño y el desarrollo de la aplicación. La aplicación consta de un backend que se encarga de la lógica de la aplicación, y está formado por un servidor que se ha implementado con Java y Spring, y de un SGBD, y de un frontend que es cliente Web que se ha implementado con Vue.js. Para desarrollar la aplicación se decidió usar una metodología ágil para ello al inicio del proyecto en la reunión de planificación se marcó el número y duración de las iteraciones que dividirían el proceso de desarrollo.

Este proyecto surge de la necesidad de corregir partituras musicales en formato MusicXML creadas a partir de Optical Music Recognition (OMR). El usuario sube a la aplicación un archivo MusicXML junto con una o varias imágenes de la partitura que usará como ground truth para revisar la pieza musical. A continuación, se muestra el grupo de imágenes que se hayan subido junto con un conjunto de compases establecidos por el archivo MusicXML. Se puede puede navegar libremente entre las diferentes imágenes que haya subido y los diferentes grupos de compases existentes. Usando una barra de herramientas, el usuario puede añadir, cambiar o eliminar: notas, accidentes, silencios... y cambiar características del compás: armadura, clave y signatura de tiempo. Finalmente, cuando se haya terminado de corregir la partitura, el usuario puede descargarse un nuevo archivo MusicXML con todos los cambios que haya hecho previamente. Aquest projecte sorgeix de la necessitat de corregir partitures musicals en format MusicXML creades a partir d'Optical Music Recognition (OMR). L'usuari puja a l'aplicació un arxiu MusicXML amb una o diverses imatges de la partitura que utilitzarà com ground truth per revisar la peça musical. A continuació, es mostra el grup d'imatges que s'han pujat juntament amb un conjunt de compassos establerts per l'arxiu MusicXML. Es pot navegar lliurement entre les diferents imatges que s'hagin pujat i els diferents grups de compassos existents. Utilitzant una barra d'eines, l'usuari pot afegir, canviar o eliminar: notes, accidents, silencis... i canviar característiques del compàs: armadura, clau i signatura de temps. Finalment, quan s'hagi terminat de corregir la partitura, l'usuari pot descarregar-se un nou arxiu MusicXML amb tots els canvis que hagi fet prèviament. This project comes up from the necessity of correcting musical scores in MusicXML format that were created from OMR, Optical Music Recognition. The user uploads to the application a MusicXML file along with one or more images of the score that will be used as a ground truth to review the musical piece. Then, the group of images that have been uploaded are shown along with a set of measures that are established by the MusicXML file.You can freely navigate between the different images that were uploaded and the set of measures that exist. Using a toolbar, the user can add, modify or remove: notes, accidentals, rests... and change characteristics of the measure: key signature, clef and time signature. Finally, when the score is corrected, the user can download a new MusicXML file with all the changes that were made.

[Resumen] El objetivo de este trabajo es desarrollar una herramienta de generación del código fuente de una aplicación móvil para gestionar la movilidad de los empleados. Para alcanzar este objetivo fue necesario, en primer lugar, desarrollar una aplicación móvil que permitiese a los empleados en movilidad la gestión de los eventos que se le asignaban, incluyendo todas las funcionalidades que pudieran ser necesarias en este contexto. En segundo lugar, se realizó un proceso de anotación del código fuente creado, que posteriormente se utilizará para generar productos diferentes. Por último, se llevó a cabo el desarrollo de la herramienta de generación del código fuente de dicha aplicación móvil. En el desarrollo de la aplicación móvil se empleó el sistema de gestión de bases de datos PostgreSQL para el almacenamiento de información; el framework React Native para la implementación de la interfaz; y para el servidor web se integró Spring Boot con JPA, utilizando Hibernate para implementarlo. Por otro lado, para la implementación de la herramienta de generación se empleó el framework VueJS y el motor de derivación spl-js-engine para la generación del código fuente de los productos. El trabajo de fin de grado se desarrolló siguiendo una metodología iterativa e incremental para el desarrollo del software. [Abstract] The objective of this end-of-degree project is to develop a tool for generating the source code of a mobile application to manage the employees’ mobility. In order to achieve this goal, it was necessary, first of all, to develope mobile application that allows employees in mobility to manage the tasks that they have to do, including all the functionalities that could be necessary in this context. Secondly, the necessary anotations were made in the code to then generate products. Finally, the tool for generating source code of the application was developed. In the mobile application development, as database management system to information storage PostgreSQL was used; React Native framework to implement de interface and for the web server Spring Boot with JPA was integrated, using Hibernate for the implementation. On the other hand, Vue.js framework was used to implement the generating tool and spl-jsengine was used to generate the products’ source code. The end-of-degree work was managed following an iterative and incremental methodology for software development. Traballo fin de grao (UDC.FIC). Enxeñaría informática. Curso 2019/2020

[Abstract] The objective of this end-of-degree thesis is to develop a tool that allows generating source code for different applications with features from the domain of Digital Libraries. In order to achieve this goal, it was decided to perform the development of a Software Product Line (SPL) to implement the variability of Digital Libraries applications. To accomplish that, it was necessary, first of all, to perform an exhaustive analysis of the domain in order to define the requirements of the product and the generation tool, and to determine the variance of the SPL. The project began with the aforementioned analysis, which was employed as a basis to decide the most relevant features to our prototype. Thenceforth, the design, development and testing of a complete and functional application including the selected features. Finally, the corresponding variation was added to the code from the application so, among the SPL workframe, different applications can be generated. The last step was to create the application to manage the app generation tool. In the development, PostgreSQL was used for the storage of information, as well as Java, Spring and Hibernate for the implementation of the web server, and Vue.js for the web client. In the case of the software product line, spl-js-engine was used as a derivation engine for product generation, and Vue.js for the web interface designated for the generation tool. The end-of-degree thesis was managed following an iterative and incremental methodology for software development, therefore we split the development process into weekly iterations in each of which a different set of functionalities was carried out. [Resumo] El objetivo de este trabajo de fin de grado es desarrollar una herramienta que permita generar código fuente para diferentes aplicaciones con funcionalidades del dominio de las Bibliotecas Digitales. Para lograr este objetivo, se decidió realizar el desarrollo de una línea de productos de software (LPS) para implementar la variabilidad de las aplicaciones para Bibliotecas Digitales. Para lograr eso, primero fue necesario realizar un análisis exhaustivo del dominio para definir los requisitos del producto y la herramienta de generación, y para determinar la varianza del SPL. El proyecto comenzó con el análisis mencionado previamente, que sirvió de base para decidir las características más relevantes de nuestro prototipo. A continuación, el diseño, desarrollo y prueba de una aplicación completa y funcional que incluye las características seleccionadas. Finalmente, se agregó la variabilidad correspondiente al código desde la aplicación para que, en el marco de la LPS, se puedan generar diferentes aplicaciones. El último paso fue crear la aplicación para administrar la herramienta de generación de aplicaciones. En el desarrollo se empleó PostgreSQL para el almacenamiento de información, así como Java, Spring e Hibernate para la implementación del servidor web y Vue.js para el cliente web. En el caso de la línea de productos de software, se utilizó spl-js-engine como motor de derivación para la generación de productos, y Vue.js para la interfaz web designada a la herramienta de generación. El trabajo de fin de grado se gestionó siguiendo una metodología iterativa e incremental para el desarrollo de software, por lo tanto, dividimos el proceso de desarrollo en iteraciones semanales en cada una de las cuales se llevó a cabo un conjunto diferente de funcionalidades. Traballo fin de grao (UDC.FIC). Enxeñaría informática. Curso 2019/2020

[Abstract] The objective of this end-of-degree thesis is to develop a tool that allows generating source code for different applications with features from the domain of Digital Libraries. In order to achieve this goal, it was decided to perform the development of a Software Product Line (SPL) to implement the variability of Digital Libraries applications. To accomplish that, it was necessary, first of all, to perform an exhaustive analysis of the domain in order to define the requirements of the product and the generation tool, and to determine the variance of the SPL. The project began with the aforementioned analysis, which was employed as a basis to decide the most relevant features to our prototype. Thenceforth, the design, development and testing of a complete and functional application including the selected features. Finally, the corresponding variation was added to the code from the application so, among the SPL workframe, different applications can be generated. The last step was to create the application to manage the app generation tool. In the development, PostgreSQL was used for the storage of information, as well as Java, Spring and Hibernate for the implementation of the web server, and Vue.js for the web client. In the case of the software product line, spl-js-engine was used as a derivation engine for product generation, and Vue.js for the web interface designated for the generation tool. The end-of-degree thesis was managed following an iterative and incremental methodology for software development, therefore we split the development process into weekly iterations in each of which a different set of functionalities was carried out. [Resumo] El objetivo de este trabajo de fin de grado es desarrollar una herramienta que permita generar código fuente para diferentes aplicaciones con funcionalidades del dominio de las Bibliotecas Digitales. Para lograr este objetivo, se decidió realizar el desarrollo de una línea de productos de software (LPS) para implementar la variabilidad de las aplicaciones para Bibliotecas Digitales. Para lograr eso, primero fue necesario realizar un análisis exhaustivo del dominio para definir los requisitos del producto y la herramienta de generación, y para determinar la varianza del SPL. El proyecto comenzó con el análisis mencionado previamente, que sirvió de base para decidir las características más relevantes de nuestro prototipo. A continuación, el diseño, desarrollo y prueba de una aplicación completa y funcional que incluye las características seleccionadas. Finalmente, se agregó la variabilidad correspondiente al código desde la aplicación para que, en el marco de la LPS, se puedan generar diferentes aplicaciones. El último paso fue crear la aplicación para administrar la herramienta de generación de aplicaciones. En el desarrollo se empleó PostgreSQL para el almacenamiento de información, así como Java, Spring e Hibernate para la implementación del servidor web y Vue.js para el cliente web. En el caso de la línea de productos de software, se utilizó spl-js-engine como motor de derivación para la generación de productos, y Vue.js para la interfaz web designada a la herramienta de generación. El trabajo de fin de grado se gestionó siguiendo una metodología iterativa e incremental para el desarrollo de software, por lo tanto, dividimos el proceso de desarrollo en iteraciones semanales en cada una de las cuales se llevó a cabo un conjunto diferente de funcionalidades. Traballo fin de grao (UDC.FIC). Enxeñaría informática. Curso 2019/2020

Los pacientes y los familiares con enfermedades raras necesitan estar conectados con otras personas en su misma situación. El problema es que este tipo de enfermedades tiene una incidencia muy baja (cientos o miles de personas en el mundo), lo que hace que no exista un sistema para unir a estas personas entre sí. El objetivo de este proyecto es desarrollar una red social que permita conectar pacientes, facultativos y asociaciones y así proporcionar un sitio donde compartir apoyo y acceso a tratamientos.

A single abstract from the DHd-2019 Book of Abstracts., Sofern eine editorische Arbeit an dieser Publikation stattgefunden hat, dann bestand diese aus der Eliminierung von Bindestrichen in Überschriften, die aufgrund fehlerhafter Silbentrennung entstanden sind, der Vereinheitlichung von Namen der Autor*innen in das Schema "Nachname, Vorname" und/oder der Trennung von Überschrift und Unterüberschrift durch die Setzung eines Punktes, sofern notwendig., {"references":["https://doi.org/10.5281/zenodo.2600812","https://github.com/DHd-Verband/DHd-Abstracts-2019"]}

El objetivo principal de este proyecto es la implementación de una aplicación de control de cuentas bancarias multi entidad, a la que se le ha denominado GlobalBank. Se trata de una aplicación web, con la que se pueden consultar los saldos y movimientos de los productos bancarios de diferentes entidades desde el mismo lugar. Al inicio del proyecto se han hecho una serie de análisis sobre la nueva normativa PSD2 de regulación bancaria de la Unión Europea y cuáles son las maneras de poder obtener dicha información, para después centrarme en elegir las tecnologías apropiadas con la finalidad de que mi aplicación se adapte a todo tipo de dispositivos y que sea sencilla de utilizar por parte de cualquier persona, aún sin muchos conocimientos de navegación web. Los frameworks utilizados para casi la totalidad del proyecto han sido Vue.js y Bootstrap.La base de datos utilizada en mi caso ha sido MySQL, pero también es plenamente compatible con PostgreSQL. Durante las fases finales del proyecto se han solicitado y recibido comentarios por parte de una serie de usuarios ajenos al desarrollo del proyecto y una vez implementada la funcionalidad completa, se han realizado una serie de pruebas para verificar la calidad y el buen funcionamiento del producto final.

[Resumen] El objetivo de este trabajo de fin de grado es desarrollar una herramienta que permita generar el código fuente de una aplicación web para publicar y gestionar un blog a partir de una serie de características seleccionadas. Para alcanzar este objetivo se decidió llevar a cabo el desarrollo de una línea de producto software (LPS). Para ello, se realizó un análisis del proyecto con el fin de definir los requisitos del producto y de la herramienta de generación, y para determinar la variabilidad de la LPS. Posteriormente se llevó a cabo el análisis, el diseño, la implementación y las pruebas de las funcionalidades definidas para el producto y para la herramienta de generación. En el desarrollo del producto se empleó PostgreSQL para el almacenamiento de la información; Java, Spring e Hibernate en la implementación del servidor web; y Vue.js para la elaboración del cliente web. En el desarrollo de la línea de producto software se empleó spl-js-engine como motor de derivación para la generación de productos, y Vue.js para la implementación de la interfaz web de la herramienta. El trabajo de fin de grado se gestionó siguiendo una metodología iterativa e incremental, por lo que el proyecto se dividió en varias iteraciones en cada una de las cuales se llevó a cabo el desarrollo de un conjunto de funcionalidades. [Abstract] The objective of this end-of-degree project is to develop a tool that allows generating the source code of a web application to publish and manage a blog based on a group of selected features. In order to achieve this goal, it was decided to perform the development of a software product line (SPL). For that, an analysis of the project was performed in order to define the requirements of the product and the generation tool, and to determine the variability of the SPL. Subsequently, the analysis, design, implementation and testing of the functionalities defined for the product and for the generation tool was carried out. In the development process of the product, PostgreSQL was used for the storage of information; Java, Spring and Hibernate were used in the implementation of the web server; and Vue.js was used for the development of the web client. In the development process of the software product line, spl-js-engine was used as a derivation engine for product generation, and Vue.js was used for the implementation of the tool’s web interface. The project was managed following an iterative and incremental methodology, so the development process was divided into several iterations in which was performed the development of a set of functionalities. Traballo fin de grao (UDC.FIC). Enxeñaría informática. Curso 2018/2019

[Resumen] Actualmente la información geográfica está presente en el día a día de nuestra rutina, ya sea cuando usamos el GPS, al consultar el tiempo atmosférico, al consultar el censo de nuestro ayuntamiento, etc. Tal es la importancia de la información geográfica, que se estima que un 70% de los datos corporativos que existen en el mundo incluyen algún componente geográfico. Esta aplicación nace con el objetivo de simplificar el acceso y aumentar los tipos de visualización que se pueden aplicar sobre esta información geográfica, por ello además de mapas la aplicación permitirá visualizar los datos como tablas o gráficos variados. La aplicación la puede usar cualquier usuario que no esté registrado, pero solo los usuarios administradores podrán almacenar información geográfica en la base de datos, crear indicadores a partir de esta información o crear a otros administradores. Para llevar a cabo el proyecto, fue necesario en primer lugar realizar un estudio de las tecnologías que se iban a emplear en el trabajo, ya que la gran mayoría eran novedosas. A continuación se realizó un estudio de necesidades que debía satisfacer la aplicación y se obtuvo una lista de historias de usuario así como un modelo de datos. Después se realizaron unos prototipos de pantallas y se implementaron todas las historias de usuario. Y finalmente se terminó haciendo las pruebas de unidad para comprobar que todo funcionaba adecuadamente. La aplicación web está compuesta por un cliente web creado con Vue.js, un servidor REST construido con Java y Geotools y un SGBD implementado sobre PostreSQL. El trabajo de fin de grado se gestionó aplicando conceptos de Scrum pero sin implementar todas las características de Scrum. En concreto se emplearon historias de usuario para gestionar los requisitos y se usaron sprints para llevar a cabo la planificación y seguimiento del proyecto. [Abstract] Today the geographic information is present in our daily life, whether when we use the GPS, when checking the weather, when consulting the municipal census, etc. Such is the importance of geographic information, that an estimated 70 % of the corporate data that exists in the world include some geographical component. This application was born with the aim of simplifying access and increasing the types of visualization that can be applied to this geographic information, so in addition to maps, the application will allow the visualization of data as tables or varied graphs. The application can be used by any user who is not registered, but only administrator users can store geographic information in the database, create indicators from this information or create other administrators. To build the project, it was first necessary to conduct a study of the technologies that were to be used at work, since the vast majority were new technologies. Next, a needs assessment that the application had to satisfy was carry out and a list of user stories was obtained, as well a data model. Then some prototype screens were made and all user stories were implemented. And finally the unit tests were finished to verify that everything was working properly. The web application is composed of a web client created with Vue.js, a REST server built with Java and Geotools and a DBMS implemented on PostreSQL. The final degree project was managed by applying Scrum concepts but without implementing all the Scrum features. Specifically, user stories were used to manage the requirements and sprints were used to carry out the planning and monitoring of the project.

Creació d'una pàgina web de fotografia utilitzant Vue per tal de donar una bona experiència d'usabilitat a l'usuari. Creación de una página web de fotografía utilizando Vue para dar una buena experiencia de usabilidad al usuario. The purpose of this TFG is the creation of a photography website, we follow the criteria of the DCU (User-centric Design), through the language Vue.js, offers an extraordinary user experience.

Per tant en aquest projecte es tracta d'utilitzar les tecnologies més actuals per tal de crear un joc online on persones ubicades a diferents llocs puguin jugar d'una forma coordinada. En concret agafant el joc de taula de Joc de Trons (JdT) es tracta de transformar aquest joc de taula a la seva versió online similar a d'altres plataformes existents. A nivell tècnic el projecte es basa en tecnologies 100% internet i per tant s'utilitzarà servidors LAMP que hauran de fer funcionar la aplicació feta amb HTML, CSS, Javascript i PHP. A part aprofitant que aquestes tecnologies avui en dia estan força madures la idea es poder utilitzar els Frameworks i elements per facilitar el seu desenvolupament, motiu pel cual la idea és utilitzar Laravel, Bootstrap, VueJS o Angular, PhaserJS, SASS i altres elements que facilitin les bones pràctiques en un model MVC i facilitin el creixement de la plataforma. Therefore in this project it is about using the most current technologies to create an online game where people located in different places can play in a coordinated way. Specifically, I want to take the Game of Thrones board game (GoT) and I will transform this board game into its online version like other existing platforms. At a technical level, the project is based on internet technologies and for this reason LAMP servers will be used to run the application made with HTML, CSS, Javascript and PHP. Aside from the fact that today's technologies are quite mature, the idea is to be able to use frameworks and elements to facilitate their development, which is why the idea is to use Laravel, Bootstrap, VueJS or Angular, PhaserJS, SASS and other elements that facilitate good practices in an MVC model and facilitate the growth of the platform. Por lo tanto en este proyecto se trata de utilizar las tecnologías más actuales para crear un juego online donde personas ubicadas a diferentes lugares puedan jugar de una forma coordinada. En concreto cogiendo el juego de tabla de Juego de Truenos (JdT) se trata de transformar este juego de mesa a su versión online similar a otros plataformas existentes. A nivel técnico el proyecto se basa en tecnologías 100% internet y por tanto se utilizará servidores LAMP que tendrán que hacer funcionar la aplicación hecha con HTML, CSS, Javascript y PHP. Aparte aprovechando que estas tecnologías hoy en día están bastante maduras la idea se poder utilizar los Frameworks y elementos para facilitar su desarrollo, motivo por el cual la idea es utilizar Laravel, Bootstrap, VueJS o Angular, PhaserJS, SASS y otros elementos que faciliten las buenas prácticas en un modelo MVC y faciliten el crecimiento de la plataforma.