Search

This project involves the development of an administration interface that continuously scans the company's websites. The scanning focuses on three main areas. Firstly, it checks if URLs return HTTP 200 responses for all links on the site to ensure link availability. Secondly, it monitors DNS traffic by checking Name Servers and DNS A-records to ensure correct traffic routing. Thirdly, it oversees the validity and expiration dates of SSL certificates to ensure they are current and valid. All errors are documented and notified via email and Slack for quick resolution. The project was conducted in collaboration with The Generation AB, with Martin Werner serving as the supervisor. The primary goal is to optimize and make the websites more user-friendly. The development utilizes Laravel and Inertia for the back-end, along with Vue.js and Tailwind for the front-end. The project includes a detailed methodology, construction, and reflections on the execution. The report discusses encountered challenges and lessons learned, incorporating planning, technical solutions and theory. In summary, the project has succeeded, and all parts of the application functioned as expected and required, Detta projekt omfattar framställningen av ett administrationsgränssnitt som kontinuerligt skannar företagets webbplatser. Skanningen består framför allt av tre olika delar. Den första kontrollerar webbplatsens tillgänglighet genom att skanna alla länkar på webbplatsen för att säkerställa att de returnerar ett HTTP 200-svar. Den andra delen kontrollerar av DNS-trafik genom att kolla Name Servers samt DNS A-record för att säkerställa korrekt dirigering av trafik. Den tredje delen kontrollerar SSL-certifikatets giltighet samt utgångsdatum för att säkerställa att certifikaten är aktuella och giltiga. Eventuella fel ska dokumenteras samt notifieras via E-post samt Slack för enkel och snabb felhantering. Detta projekt är utfört i samarbete med The Generation AB med Martin Werner som handledare. Huvudmålet är att effektivisera och göra mer användarvänliga webbplatser. Utvecklingen sker med hjälp av Laravel och Inertia för back-end samt Vue.js och Tailwind för front-end. Projektet omfattar en detaljerad metodbeskrivning, konstruktion samt reflektioner över arbetets genomförande. Rapporten diskuterar utmaningar som uppstått samt lärdomar att ta med sig. Den inkluderar även planering, tekniska lösningar samt teori. Sammanfattningsvis har projektet lyckats och samtliga delar av applikationen fungerat som förväntat och efterfrågat.

The following degree report includes the theoretical information needed to understand the retelling of a project where this report's author had the goal of building a CMS-system in the form of a block editor using the framework Laravel. This was done on-site for the company Mina Bästa Polare AB, who found a need for a CMS-system to use within their Laravel projects. This need was found through their customers' administrators needing to contact the developers for changes that otherwise could be made by the administrators if they had a CMSsystem available. The work done that is retold in this report was done in the framework Laravel, a block editor was built to be used as a CMS-system for the developers at Mina Bästa Polare to implement within their Laravel-projects. Before the development of the block editor could start the work needed to be planned, with a Gantt scheme-alike document a time estimate was made for every step in the process. The block editor was visually designed with wireframes and the database architecture was designed with an ER-diagram. The development of this block editor was done within the frameworks Laravel, Inertia, Vue and Tailwind. These techniques were used to create a full stack website that can be shown as a first example of how this CMS-system can be used within Laravel-projects. With this system available to them both the developers and customers of Mina Bästa Polare will experience a smoother running workday, Föreliggande rapport presenterar den teoretiska information som behövs för att förstå efterkommande återberättande av ett projektarbete där målet var att rapportens författare skulle bygga ett CMS-system i form av en blockeditor inom ramverket Laravel. Projektarbetet utfördes på plats hos företaget Mina Bästa Polare AB, en webbyrå baserad i Östersund som upptäckt ett behov av ett CMS-system i form av en blockeditor till sina Laravel-projekt. tillgång till ett sådant CMS-system. Ett mål är att editorn skall bli så “decoupled“ som möjligt, vilket betyder att i högsta möjliga mån skall kunna implementeras i vilket Laravel-projekt som helst. Innan utvecklingen av blockeditorn påbörjades så strukturerades arbetet upp genom att det tidsplanerades med hjälp av en tidplan som liknar ett Gantt-schema vilket estimerar en tidsaspekt för varje steg i processen. Sedan påbörjades blockeditorns visuella design vilket gjordes med wireframes följt av att databasen arkitektur designades genom ett ER-diagram. Utvecklingen utfördes i ramverken Laravel, Inertia, Vue och Tailwind. Dessa tekniker användes för att i slutändan resultera i en fullstack webbplats som kan visas upp som ett första exempel på hur denna CMS-system kan användas inom Laravel-projekt. Med detta system tillgängligt kan nu inte bara Mina Bästa Polares utvecklare utan även deras kunder få en smidigare vardag när de använder detta system.

Project Management has expanded during the last decades in multiple industries around the world that, driven by the possibility of organizing the activities and deliverables of each of their developed projects, have had initiatives to promote technological tools; this has generated the need to seek mechanisms to ensure the alignment of these with the strategies of the organization. The purpose of this article is to present the methodology applied in the development that can be used for web development projects. Since previous years, projects have been developed from the System of Research, Innovation and Technological Development (SENNOVA) and in turn, in the different thematic areas of each of the training centers of the National Learning Service (SENA) of Colombia. In the search for continuous improvement through the Agrotourism Center, the subdirectorate identified the lack of updated information on projects with information such as the number of projects by area, type of projects developed and number of projects underway, allocated budget, executed budget and project evidence (photos, documents, videos). With the development of this tool, we seek to follow up according to the management practices suggested in the PMBOK guide of the PMI (2017), specifically, the five process groups (initiation, planning, execution, monitoring and closure). For this reason, the virtual technologies line of Tecnoparque Socorro node starts the development of a project web application to be applied in the Agrotourism Center San Gil - Santander. This document is made in order to expose the lessons learned in the development of the application according to the methodology applied., La Gestión de Proyectos, se ha expandido durante las últimas décadas en múltiples industrias en el mundo que, impulsadas por la posibilidad de organizar las actividades y entregables de cada uno de sus proyectos desarrollados, han tenido iniciativas para fomentar herramientas tecnológicas; esto ha generado la necesidad de buscar mecanismos que permitan asegurar la alineación de estas con las estrategias de la organización. Este artículo tiene la finalidad de dar a conocer la metodología aplicada en el desarrollo que puede ser utilizada para proyectos de desarrollo web. Desde años anteriores se han desarrollado proyectos desde el Sistema de Investigación, Innovación y Desarrollo Tecnológico (SENNOVA) y a su vez, en las diferentes áreas temáticas y vigencias de cada uno de los centros de formación del Servicio Nacional De Aprendizaje (SENA) de Colombia. En búsqueda del proceso de mejora continua por medio del Centro Agroturístico, se identificó desde su subdirección, la falta de información actualizada de los proyectos con información como cantidad de proyectos por áreas, tipo de proyectos desarrollados y cantidad de proyectos en ejecución, presupuesto asignado, presupuesto ejecutado y evidencias del proyecto (fotos, documentos, videos). Con el desarrollo de esta herramienta, se busca realizar seguimiento según las prácticas de gestión sugeridas en la guía PMBOK del PMI (2017), en específico, los cinco grupos de proceso (inicio, planeación, ejecución, monitoreo y cierre). Por este motivo, la línea de tecnologías virtuales de Tecnoparque nodo Socorro inicia el desarrollo de un aplicativo web de proyectos para aplicar en el Centro Agroturístico San Gil - Santander. Este documento se realiza con el fin de exponer las lecciones aprendidas en el desarrollo del aplicativo según metodología aplicada.

This document sets out the report of the final degree thesis which aims to expand and improve the Drone Engineering Ecosystem, a drone control and monitoring platform through desktop applications and/or web applications. The main purpose of the platform, apart from the aforementioned, is that the students of the school can expand and improve this platform in the future, providing tools for learning and contributing. Due to this, some tutorials have been made in video format so that students can understand how to make contributions to the ecosystem, as well as understand how the existing applications work. The ecosystem had all its modules together in a GitHub repository. It was decided to separate it, so that each module had its own repository and can therefore monitor the best future contributions to the ecosystem. It was also decided that it would be interesting to make other user interfaces for the ecosystem, programmed with different programming languages. This was due to 2 important factors: the student learning to use new frameworks and other languages, and to have different options to use the ecosystem. It was decided to create a web-app desktop application, programmed with the Vue.js framework, based on the programming language JavaScript. It was also decided to create a mobile application using the Ionic framework with Vue.js, to be able to use the ecosystem on a device other than a computer, either a mobile phone or a tablet. Next, it was decided to integrate a new platform into the ecosystem that allows the drone to be controlled through a user interface created by Professor Miguel Valero, called the Drone Circus. It is named so because it is an interface that simulates a circus, where you can control the drone with different configurations chosen by the user (control the drone with your fingers, with facial expressions, with body shapes, etc.) Finally, it was decided to standardize the contributions of the different students on the GitHub platform. This

Långa laddningstider eller bristfällig prestanda kan ha en negativ effekt på användarupplevelsen av en webbsida. Utvecklare kan ta hänsyn till detta vid skapande av ett system genom valet av ramverk, men eftersom det finns ett brett utbud av JavaScript ramverk, som är ett av de mest populära programmeringsspråken, kan det bli en utmaning. Syftet med arbetet är att med hjälp av olika tester och testermetoder jämföra prestandan mellan JavaScript ramverken Angular, React och Vue för att hjälpa utvecklare att välja ramverk. Testerna som ramverken genomförde var rendering av bilder och videor samt skapande, uppdaterande och borttagande av 1 000/50 000 DOM element i webbläsarna Google Chrome, Microsoft Edge och Mozilla Firefox för att samla in kvantitativa data. Verktyget WebPageTest användes för att mäta prestandan vid rendering av bilder och videor. Tidsstämplarna performance.now() och Date.now() användes för att mäta tiden det tog att utföra DOM manipulationer i millisekunder. Resultatet för ramverken lades in i tabeller och en poängskala skapades för att räkna ut vilket ramverk som var mest effektivt. React presterade bäst vid rendering av bilder och videor med 53 poäng, Vue resulterade i 37 poäng och Angular 5 poäng. Vid DOM manipulering var Vue mest effektiv och tilldelades 42 poäng, Angular fick 32 poäng och React 14 poäng. För att ta reda på vilket av ramverken som generellt var effektivast summerades poängen för båda testerna och resulterade i att Vue totalt presterade bäst med 79 poäng, React hamnade på andra plats med 67 poäng och Angular sist med 37 poäng. React och Vue hade små marginaler mellan varandra i resultatet vid rendering av bilder och videor vilket gör till ett passande ramverk för webbsidor som kräver regelbunden DOM manipulering och som innefattar bilder och videor. Angular presterade bäst vid skapande och uppdatering av 50 000 element i alla webbläsare samt uppdatering av 1 000 element i Google Chrome och Mozilla Firefox. React var minst effekt

Vid utveckling av webbapplikationer är användning av ramverk och bibliotek vanligt förekommande. Ramverk och bibliotek förenklar och snabbar upp utvecklingen men påverkar bl.a. renderingshastigheten på webbapplikationerna. Studien undersöker om det existerar en skillnad i renderingstider mellan wrappers med jQuery jämfört mot en virtuell-DOM med Vue. Hypotesen är att jQuery ger kortare renderingstider än Vue. Hypotesen baseras på att en virtuell-DOM medför större extrakostnader än wrappers. Till hypotestestningen byggdes ett mätprogram, två fiktiva webbshoppar och en databyggare. De fiktiva webbshopparna skapades med jQuery och Vue och byggdes så lika varandra som möjligt med respektive tekniks möjligheter. Till mätningarna skapades tre olika stora dataset med fiktiva artiklar med databyggaren. Hypotesen i studien bekräftades, jQuery var snabbare än Vue men skillnaden är liten relativt mänsklig uppfattningsförmåga. I ett framtida arbete vore det intressant att se om skillnaden ökar om datorn utsätts för en samtidig kontrollerad belastning eftersom fynd i studien talar för det.

This project's goal is to further develop the company's GoBrave intranet Goto. The intranet is for the company's employees, where they can find information about customers, login details for various programs and more. Requests about what further development is needed have been collected by the company themselves and then compiled into a list. The list is thus the basis for the project, but other requests have arisen during the course of the project and these have then been implemented. The intranet has been tested based on the Web Content Accessibility Guidelines (WCAG), which are guidelines developed for accessibility on the web., Det här projektets mål är att vidareutveckla företagets GoBraves intranät Goto. Intranätet är till för företagets anställda där de till exempel kan hitta information om kunder, inloggningsuppgifter till olika program med mera. Önskemål om vilken vidareutveckling som behövs har samlats in av företaget själva och sammanställts i en lista. Listan är således grunden för arbetet men andra önskemål har uppkommit under arbetets gång och dessa har då implementerats. Intranätet har slutligen testats utifrån Web Content Accessibility Guidelines(WCAG) som är riktlinjer framtagna för tillgänglighet på webben.

JavaScript has become the dominant programming language for web application development during the last few decades, being used by 98.5% of the websites worldwide. This prominence has led to the emergence of several frameworks for this language, with React and Vue being among the popular choices. However, there is no research specifically comparing these frameworks from a beginner’s perspective when creating simple web applications. The purpose of this thesis is to map out similarities and differences between React and Vue in terms of performance and ease of use for beginners. To accomplish this, two identical web applications were developed using React and Vue, respectively. These applications were designed to require only a general understanding of programming concepts and no prior experience with the mentioned frameworks, while having a target build size ranging from 40-60 KB. The development process for each framework was documented, capturing the time invested and challenges encountered. A qualitative approach was adopted to assess performance, leveraging quantifiable data gathered from the developed applications, while ease of use was evaluated through the lens of a beginner. The findings indicate that while React exhibited 12% faster overall execution time and 4% faster memory allocation, the performance gap was narrower than previous research suggested due to the smaller size of the applications. On the other hand, Vue was found to be more beginner-friendly, requiring 21.3% less development time to achieve the same application functionality. These findings aid beginners in selecting the most suitable framework based on their priorities and contribute to the understanding of React and Vue in the context of simple web application development., JavaScript har under de senaste decennierna vuxit till att bli det dominerande programmeringsspråket för webbutveckling och används idag av 98,5% av webbplatserna världen över. Denna utveckling har lett till skapandet av flera ramverk för JavaScript, där React och Vue är bland de populära valen. Det finns dock ingen forskning som specifikt jämför dessa ramverk från ett nybörjarperspektiv när det kommer till att skapa enkla webbapplikationer. Syftet med denna studie är att kartlägga likheter och skillnader mellan React och Vue när det gäller prestanda och användarvänlighet för nybörjare. För att åstadkomma detta utvecklades två identiska webbapplikationer med hjälp av React respektive Vue. Dessa applikationer designades för att endast kräva en allmän förståelse av programmeringskoncept och ingen tidigare erfarenhet av de nämnda ramverken, samtidigt som de hade en storlek som sträcker sig från 40-60 KB. Utvecklingsprocessen för varje ramverk dokumenterades, bland annat med fokus på tid som investerats och de utmaningar som stöttes på. Ett kvalitativt tillvägagångssätt antogs för att bedöma prestanda, med hjälp av kvantifierbar data som samlats in från de utvecklade applikationerna, medan användarvänligheten utvärderades genom att analyseras ur en nybörjares perspektiv. Resultaten indikerade att trots att React överlag uppvisade 12% snabbare exekveringstid och 4% snabbare minnesallokering, var prestandagapet mindre än tidigare forskning har visat främst på grund av den mindre storleken på applikationerna. Å andra sidan visade sig Vue vara mer nybörjarvänlig och krävde 21.3% mindre tid för att skapa samma funktionalitet. Dessa resultat kan hjälpa nybörjare att välja det mest lämpliga ramverket baserat på deras prioriteringar och bidrar till förståelsen av React och Vue när det kommer till att skapa enkla webbapplikationer.

En el camp de les simulacions virtuals de xarxes basades en grafs, s'utilitzen els que es diu GNN (Graph Neural Networks) en conjunt amb NDT (Network Digital Twin), que serveixen per replicar xarxes reals. El gran problema de la digitalització d'aquestes xarxes és el cost en temps i recursos, i la poca flexibilitat que té la rèplica digital per modificar-se a temps real. Recentment, solucions basades en Aprenentatge Autònom han anat guanyant rellevància degut a la seva rapidesa. El departament del BNN (Barcelona Neural Networking Center) ha creat una eina anomenada RouteNet-Fermi que es nodreix d'aquesta digitalització per analitzar xarxes virtuals i treure informació sobre el seu rendiment. RouteNet-Fermi és, a hores d'ara, una de les eines més avançades d'aquest àmbit. Tot i això, la interacció amb l'eina és complicada i per un usuari no familiaritzat amb aquests formats pot ser complicat. Es proposa el desenvolupament d'una eina que es relacioni amb RouteNet-Fermi, pero que a diferència d'altres ja existents, faciliti la configuració a temps real. Per dur a terme aquest projecte s'optarà per implementar un model web basat en un apartat Front-end i un altre Back-end, que mitjançant la interacció de l'usuari a través de la web, s'anirà modificant una xarxa virtual, per posteriorment interaccionar amb una API que processarà les dades fent ús de RouteNet-Fermi. S'ha demostrat que aquest projecte redueix de forma molt significativa el temps necessari per simular i replicar xarxes reals com a virtuals, ademés de facilitar la visualització de les dades resultants. El projecte té un potencial de creixement per futures necessitats elevat i permet la personalització adequada per cada usuari de l'eina., In the field of virtual simulations of graph-based networks, the so-called GNN (Graph Neural Networks) are used together with NDT (Network Digital Twin), which serve to replicate real networks. The big problem with the digitization of these networks is the cost in time and resources, and the little flexibility that the digital replica has to modify itself in real time. Recently, solutions based on Autonomous Learning have been gaining relevance due to their speed. The BNN (Barcelona Neural Networking Center) department has created a tool called RouteNet-Fermi that feeds on this digitization to analyze virtual networks and extract information about their performance. RouteNet-Fermi is, by now, one of the most advanced tools in this area. However, the interaction with the tool is complicated and for a user not familiar with these formats it can be complicated to use. It is proposed to develop a tool that is related to RouteNet-Fermi, but that, unlike others that already exist, facilitates real-time configuration. To carry out this project, it will be decided to implement a web model based on a Front-end section and another Back-end section, which through user interaction through the web, a virtual network will be modified, to later interact with an API that will process the data using RouteNet-Fermi. This project has been shown to significantly reduce the time needed to simulate and replicate real and virtual networks, in addition to facilitating the visualization of the resulting data. The project has a high growth potential for future needs and allows the appropriate customization for each user of the tool.

El conocimiento de los nuevos perfiles de turista es necesario para optimizar la gestión responsable y sostenible de los destinos turísticos, especialmente aquellos que velan por la preservación de la identidad cultural: las ciudades patrimoniales. El objetivo de este trabajo es aprovechar el marketing digital en la promoción de la identidad cultural y del Valor Universal Excepcional de las ciudades patrimonio de la humanidad, para destacar su diferenciación, y lograr su revaloración y preservación. La metodología cualitativa incluye netnografía interpretativa a través del análisis de contenido en sitios web de instancias gubernamentales y asociaciones civiles que velan por la conservación del patrimonio cultural. Los resultados presentan el análisis de 23 sitios web, los formatos y herramientas utilizados, sus argumentos publicitarios y relacionados a la preservación, pero no destacan las características diferenciadoras que promuevan la identidad cultural, ni la promoción del valor universal excepcional de las ciudades. Se sugiere ampliar el uso del marketing digital, y replantear los argumentos en la promoción de las ciudades patrimonio de la humanidad para destacar el VUE ante las exigencias de los nuevos turistas, y así, reposicionar la identidad cultural de los destinos.

Palermo and Sicily today represent a pole of tourist attraction for tourists from all over the world, especially Europeans, for their monuments, culture and landscapes, which come from actions and stories from centuries ago. The present work aims to characterize the genesis of cultural tourism in Sicily in the XVIII-XIX century, from a European perspective and to identify the most relevant sources of information of the time for the promotion of tourism. The applied methodology was a documentary analysis based mainly on newspaper records, books, historical heritage records, agency records associated with tourism and reports from European travelers between the centuries analyzed. The results show the importance of the odeporic literature on Sicily in the development of tourist offers and destinations, providing information on elements and stories that are the basis of local tourism and allows the identification of key actors of cultural knowledge such as abbot Labat and Goethe. The research provides a better understanding of the beginnings of Sicilian cultural tourism, providing relevant information on the consolidation and diversification of the local tourist offer.

Aquest treball presenta el disseny i implementació de ReChess, una plataforma web que permet als usuaris crear i publicar variants personalitzades del joc d'escacs. Els usuaris poden definir l'aparença i comportament de totes les peces, així com modificar les normes globals del joc. Les variants creades es poden jugar en línia contra altres usuaris o localment contra un motor d'escacs propi, el qual ha estat dissenyat per ser capaç de jugar a variants personalitzades arbitràriament complexes. La memòria del treball inclou un estudi de mercat de les plataformes existents, que es divideixen en dos grups: plataformes madures i conegudes amb opcions de personalització molt limitades, i noves plataformes enfocades a la creació de variants, però amb una user experience (UX) menys professional. ReChess busca situar-se a la intersecció dels dos grups i combinar funcionalitats avançades amb una presentació professional i intuïtiva. La plataforma està dissenyada amb èmfasi en la usabilitat i UX, amb l'objectiu de crear un sistema sostenible a llarg termini. En conclusió, ReChess és una contribució positiva a la comunitat d'entusiastes dels escacs, i proposa una forma nova i creativa d'experimentar amb les possibilitats que ofereix aquest joc., This thesis presents the design and implementation of ReChess, a web platform that allows users to create and publish customized chess variants. Users can define the appearance and behavior of all pieces, and also modify the global rules of the game. Created variants can be played online against other users or locally against a first-party chess engine, which has been designed to be able to play arbitrarily complex custom variants. This document includes a market analysis of existing platforms, which can be divided into two groups: mature and well-known platforms with very limited customization options, and new platforms focusing on variant creation, but with a less professional user experience (UX). ReChess seeks to be at the intersection of the two groups by combining advanced features with a professional and intuitive presentation. The platform has been designed with focus on usability and UX, with the aim of creating a long-term sustainable system. In conclusion, ReChess is a positive contribution to the chess enthusiast community, and it proposes a new and creative way to experiment with the possibilities offered by this game.

[Resumen]: El propósito principal de este proyecto es diseñar y desarrollar una aplicación web destinada a gestionar las incidencias reportadas en una empresa de grúas. El objetivo principal es proporcionar a los usuarios una forma sencilla y centralizada de acceder a toda la información relevante relacionada con estas incidencias. Esto plantea la oportunidad de ofrecer una alternativa a los informes de grúa que actualmente se elaboran. Para alcanzar este objetivo, fue necesario en primer lugar realizar un análisis exhaustivo sobre las funcionalidades y objetivos que abarcaría el proyecto. A continuación, se procedió a la evaluación de los requisitos funcionales que el producto final debía cumplir, considerando su viabilidad. Finalmente, se llevó a cabo el diseño, la implementación y las pruebas, involucrando activamente a los jefes de proyecto. Estas pruebas permitieron obtener retroalimentación valiosa en cada etapa del proceso, lo que contribuyó a ajustes y mejoras continuas en el diseño, implementación y funcionalidad del proyecto. En el desarrollo se empleó el lenguaje Java junto con el marco de trabajo Spring para producir un servicio REST que alberga la lógica de negocio necesaria para el funcionamiento de la aplicación, el marco de trabajo ORM Hibernate sobre un Sistema de Gestión de Bases de Datos (SGBD) PostgreSQL para el almacenamiento de información, así como un cliente web implementado con el marco de trabajo JavaScript Vue.js para la visualización. El trabajo de fin de grado se gestionó siguiendo una metodología iterativa e incremental para el desarrollo de software., [Abstract]: The main purpose of this project is to design and develop a web application aimed at managing incidents reported in a crane company. The primary goal is to provide users with a simple and centralized way to access all relevant information related to these incidents. This presents an opportunity to offer an alternative to the crane reports currently being produced. To achieve this objective, it was necessary to first conduct a comprehensive analysis of the functionalities and objectives that the project would encompass. Next, an evaluation of the functional requirements that the final product must meet was carried out, considering its feasibility. Finally, design, implementation, and testing were performed, actively involving project managers. These tests allowed for valuable feedback at each stage of the process, contributing to continuous adjustments and improvements in the project’s design, implementation, and functionality. In development, the Java language was used in conjunction with the Spring framework to create a REST service housing the necessary business logic for the application’s operation. The Hibernate ORM framework was used on a PostgreSQL Database Management System (DBMS) for data storage, and a web client was implemented using the Vue.js JavaScript framework for visualization. The final degree project was managed using an iterative and incremental methodology for software development.

[Resumen]: El objetivo de este trabajo es el desarrollo de una aplicación web para la gestión de torneos de baloncesto de carácter amateur, así como la visualización de estadísticas y consecución de logros individuales y colectivos en estos. Para alcanzar este objetivo se realizó un análisis previo sobre el estado de arte del proyecto y para determinar el alcance y los requisitos funcionales que cubrirá esta aplicación. A continuación, se realizó la modelización de datos y el diseño de los prototipos de pantalla de la aplicación. Finalmente, se realizó la implementación de los requisitos y se llevaron a cabo las pruebas necesarias. La arquitectura utilizada para la implementación de la aplicación fue una arquitectura cliente-servidor dividida en capas. La parte servidor se desarrolló con el lenguaje Java, utilizando el framework Spring. En la parte cliente, se utilizó el framework Vue.js incluyendo los correspondientes lenguajes como son JavaScript, HTML y CSS. Por último, para el almacenamiento de la información se utilizó PostgreSQL. Este trabajo de fin de grado se gestionó siguiendo una metodología iterativa e incremental para el desarrollo de software, realizando una adaptación del marco de trabajo Scrum., [Abstract]: The aim of this project is the development of a web application for the management of amateur basketball tournaments, as well as the visualization of statistics and individual and collective goals achievement in these tournaments. In order to achieve this goal, a preliminary analysis of the state of the art of the project was made to determine the scope and functional requirements to be covered by this application. Then, the data modeling and the design of the application screen prototypes were carried out. Finally, the implementation of the requirements was carried out and the necessary tests were performed. The architecture used for the implementation of the application was a client-server architecture divided into layers. The server side was developed with the Java language, using the Spring framework. On the client side, the Vue.js framework was used, including the corresponding languages such as JavaScript, HTML and CSS. Finally, PostgreSQL was used for data storage. This final degree work was managed following an iterative and incremental methodology for software development, making an adaptation of the Scrum framework.

La Universitat Politècnica de Catalunya tuvo que adaptarse a los nuevos requisitos de trabajo telemático durante el confinamiento. En los primeros meses, fue necesario ofrecer un servicio de Office online, y para gestionarlo se desarrolló la herramienta Gestió d'Office 365. Esta herramienta constaba únicamente de un servidor sin interfaz de usuario gráfica, y sólo lo podían administrar usuarios técnicos. Ahora, el proyecto del presente Trabajo de fin de grado aporta una interfaz gráfica para que los usuarios no técnicos puedan administrar la herramienta., The Universitat Politècnica de Catalunya had to adapt to the new requirements of remote working during the lockdown. In the first months, it was necessary to offer an online Office service, and to manage it the tool Gestió d'Office 365 was developed. This tool consisted of just a server without a graphical interface, and it could only be handled by technical users. Now, the project of the present Final degree project provides a graphical interface so that non-technical users can handle the tool.