[en] The project described below is based on the creation of new functionalities to complement the Classpip tool, an application designed to create gamification scenarios in educational environments. This application was created two years ago by some students and teachers of the EETAC. Since then, many improvements have been made and new functionalities have been added to this tool. Gamification, which is the basis of this tool, is a learning technique that incorporates the mechanics of games into the educational-professional environment in order to achieve better results, either to learn new things, improve some skills or reward specific actions. The term gamification has acquired enormous popularity during the last years, especially in educational and digital environments due to its great potential. Classpip currently consists of three projects, an API developed with Loopback, a web application called Dashboard developed with Angular, and a mobile application called Mobile-Profe developed with Ionic. Also, a colleague is developing the Mobile-Profe project, so soon Classpip will be formed by four projects. The aim of this project is to develop a competition module that will be part of the Dashboard and the Mobile-Profe. This module must contain at least two different competition games, one with a League structure and the other one with a Formula One structure. Both applications have been designed with the objective of being intuitive and user friendly, maintaining a uniform style and a structured code . In the Dashboard project we will find all the functionalities implemented in the tool, for example, we will be able to create the different games and edit the different parameters. On the other hand, the Mobile-Profe is a much simpler application in which not all the functionalities available in the Dashboard are implemented. Another tool used while developing this project was Git. In order to be able to work in different versions of the project in parallel and then put them together, as this project was done in pairs, this tool has been especially useful. In this report, we can find an explanation of the entire design process of the application and all the aspects that were taken into account when determining the functionalities that needed to be implemented. It also explains the internal structure of the code and the technologies used. Finally, a balance of what has meant for us the development of this project is made.

[es] El proyecto descrito a continuación está basado en la creación de nuevas funcionalidades para complementar la herramienta Classpip, una aplicación diseñada para crear escenarios de gamificación en entornos educativos. Esta aplicación fue creada hace un par de años por varios alumnos y profesores de la EETAC, desde entonces, se han realizado numerosas mejoras y se han ido añadiendo nuevas funcionalidades a esta herramienta. La gamificación, qué es la base de esta herramienta, es una técnica de aprendizaje que incorpora la mecánica de los juegos al ámbito educativo-profesional con el fin de conseguir mejores resultados, ya sea para absorber mejor algunos conocimientos, mejorar alguna habilidad, o bien recompensar acciones concretas. El término gamificación ha adquirido una enorme popularidad en los últimos años, especialmente en entornos educativos y digitales debido a su gran potencial. Actualmente Classpip está compuesto por tres proyectos entrelazados: una API desarrollada con Loopback , una aplicación web llamada Dashboard desarrollada con Angular , y una aplicación móvil llamada Mobile-Profe desarrollada con Ionic . Además, a la par que nosotros, una compañera está desarrollando el proyecto Mobile-Alumno, por lo que dentro de poco Classpip estará formado por cuatro proyectos. El objetivo de este proyecto es desarrollar un módulo de competiciones que formará parte tanto del Dashboard como del Mobile-Profe. Este módulo de ampliación debe contener como mínimo dos juegos de competición distintos, uno de tipo Liga y otro de tipo Fórmula Uno. Ambas aplicaciones se han diseñado con el objetivo de ser intuitivas y manejables para el usuario final, manteniendo en todo momento un estilo uniforme y el código lo más ordenado posible. En el proyecto Dashboard encontraremos todas las funcionalidades implementadas en la herramienta, por ejemplo, podremos crear los diferentes juegos y posteriormente editar los parámetros. En cambio, el Mobile-Profe es una aplicación más simple en la que no se encuentran implementadas todas las funcionalidades disponibles en el Dashboard ya que no todas son adecuadas para un dispositivo móvil, principalmente debido al tamaño de la pantalla. Otra de las herramientas utilizadas a la hora de desarrollar este proyecto ha sido Git . Con el fin de poder trabajar en diferentes versiones del proyecto de forma paralela y posteriormente juntarlas, al realizar este proyecto en pareja esta herramienta ha sido especialmente útil a la hora de desarrollar el código. En esta memoria podemos encontrar la explicación de cómo ha sido todo el proceso de diseño de la aplicación y todos los aspectos que se han tenido en cuenta a la hora de determinar las funcionalidades que era necesario implementar. También se explica la estructura interna del código así como las tecnologías utilizadas. Finalmente se hace un balance de lo que ha significado para nosotros el desarrollo de este proyecto.