Diseño y desarrollo de una aplicación para la gestión de un equipo de natación

Abstract

[ES] Con este trabajo final de grado se pretende diseñar y desarrollar un sistema que ayude a los entrenadores de equipos de natación a mejorar los resultados obtenidos en las competiciones por puntos. Este sistema pertenece al ámbito de las aplicaciones web, permitiendo su acceso desde cualquier dispositivo con un navegador web integrado. Cada vez hay más actividad en torno a las páginas web y con ello aparecen muchos frameworks que son de gran utilidad para desarrollarlas con facilidad. El objetivo principal es el de implementar una primera versión usable (Minimum Viable Product, MVP) capaz de obtener la lista de los deportistas mejor capacitados para maximizar los puntos obtenidos en la competición. Esta versión permite, además de obtener esta lista, obtener una serie de información importante para los entrenadores de cara a mejorar los entrenamientos grupales de sus nadadores (ritmo ideal de entrenamiento, marcas de competición). Con estas herramientas, un entrenador puede ser capaz de hacer mejorar a su equipo para obtener un mayor rendimiento individual de cada nadador. Para alcanzar dicho objetivo, se ha utilizado un framework de JavaScript, NextJS, junto a TypeScript, conectado a una base de datos no relacional, MongoDB. Este framework ha facilitado el uso de la arquitectura por capas, debido a su sistema de carpetas, junto a una metodología ágil derivada de SCRUM, realizando varios sprints con un objetivo bien definido a desarrollar en cada uno de ellos. Además, para poder realizar una interfaz amigable y fácil de utilizar, se ha utilizado Tailwind CSS para dar estilo a todas las páginas de este sistema web.

[CA] Amb aquest treball final de grau es pretén dissenyar i desenvolupar un sistema que ajude als entrenadors d’equips de natació a millorar els resultats obtinguts per a les competicions per punts. Aquest sistema pertany de l’àmbit de les aplicacions web, permetent el seu accés des de qualsevol dispositiu amb un navegador web integrat. Cada vegada hi ha més activitat al voltant de les pàgines web i amb això apareixen molts frameworks que són de gran utilitat per desenvolupar-les amb facilitat. L’objectiu principal és el d’implementar una primera versió usable (Minimum Viable Product, MVP) capaç d’obtindre la llista dels esportistes més ben capacitats per a maximitzar els punts obtinguts en la competició. Aquesta versió permet, a més d’obtindre aqueta llista, obtindre una sèrie d’informació important per als entrenadors de cara a millorar els entrenaments grupals dels seus nadadors (ritme ideal d’entrenament, marques de competició). Amb aquestes eines, un entrenador pot ser capaç de fer millorar al seu equip per a obtindre un major rendiment individual de cada nadador. Per a aconseguir aquest objectiu, s’ha utilitzat un framework de JavaScript, NextJS, juntament amb TypeScript, connectat a una base de dades no relacional, MongoDB. Aquest framework ha facilitat l’ús de l’arquitectura per capes, a causa del seu sistema de carpetes, al costat d’una metodologia àgil derivada de SCRUM, realitzant diversos sprints amb un objectiu ben definit a desenvolupar en cadascun d’ells. A més, per a poder realitzar una interfície amigable i fàcil d’utilitzar, s’ha emprat Tailwind CSS per a donar estil a totes les pàgines d’aquest sistema web.

[EN] With this final degree project, we intend to design and develop a system to help swimming coaches to improve the results in championships. This system belongs to the area of web-applications, allowing its access from any device with a web browser. There is more and more activity around web pages and with it, a lot of frameworks we appeared to develop them easily. The main objective is to implement a first usable version (Minimum Viable Product, MVP) capable of obtaining the best trained swimmers to maximize the number of points obtained in the competition. This version allows, besides getting this list, to get a series of important information for coaches in order to improve group training (ideal training pace, championship marks). With this tool, a coach may be able to improve their team in order to get a better individual performance from every single swimmer. In order to obtain such objectives, it has been used a JavaScript framework, NextJS, together with TypeScript, connected to a non-relational database, MongoDB. This framework has eased the use of a layered architecture, due to its folder system, besides the agile methodology derived from SCRUM, carrying out several sprints with a well-defined objective to develop in each sprint. Moreover, in order to prepare a friendly and easy-going interface, Tailwind CSS has been used to format every page of this web system.