[en] The project described in this document has focused on the restructuring and improvement of ClassPip, which is an application for creating gamification scenarios in educational environments. ClassPip is the result of the collaborative work of several students of the EETAC since two years ago and our TFG represents, therefore, one more contribution to this project. Gamification is a learning resource used in non-ludic fields, which allows to transfer the mechanics, dynamics and aesthetics of the games in order to optimize the academic-professional results, internalize knowledge with more entertaining methods and generate positive experiences to the users managing to arouse the motivation, commitment and spirit of overcoming. The aim of this project is to remake the previous version by improving the functionalities and the navigability of the graphical interface. That included the creation of a new database and web application. This project arose analyzing the previous version, which showed certain shortcomings in the area of organization and making changes easily in new versions. Therefore, one of the most important objectives was to achieve an understandable code and easier to evolve, which has been achieved through a complete reorganization of the code and the use of text files that explain all the functions of the code of each component. In addition, the previous version shows shortcomings in navigability and inconsistencies in graphic style. Therefore, the reorganization carried out has notably improved the navigability and has implemented a strategy to centralize the graphic style, in such a way that the style is coherent and easy to alter. Another objective was to create a mobile application from scratch, which had to be differentiated with the web mode. This has been achieved by reducing the number of functionalities with respect the web application, new functional design have been made for both, in the web application and in the mobile application. The database and the web modality have been developed with Angular, maintaining the tools of previous versions and the mobile application has been developed using Ionic. Git tool has been used to make parallel versions of the project, being able to mix them in a simple way and minimizing errors. This document focuses on explaining how the Classpip project has been restructured. Starting with the development of a new database. In addition, the functionalities of both, the web and the mobile modality, are reorganized, creating new functional designs. Finally, it shows a comparison between the previous version and the current version.

[es] El proyecto descrito en este documento se ha centrado en la reestructuración y mejora de ClassPip, que es una aplicación para crear escenarios de gamificación en entornos educativos. ClassPip es el resultado del trabajo colaborativo de varios alumnos de la EETAC desde hace dos años y nuestro TFG representa, por tanto, una contribución más a este proyecto. La gamificación es un recurso de aprendizaje utilizado en ámbitos no lúdicos, que permite trasladar las mecánicas, dinámicas y estéticas de los juegos con la finalidad de optimizar los resultados académicos-profesionales, interiorizar conocimientos con métodos más entretenidos y generar experiencias positivas a los usuarios consiguiendo despertar la motivación, compromiso y ánimo de superación. El objetivo de este proyecto es rehacer la versión anterior mejorando las funcionalidades, la navegabilidad interfaz gráfica y, añadir nuevas funcionalidades. Esto incluía la realización de una nueva base de datos y aplicación web. Este proyecto surge una vez analizada la versión anterior, la cual mostraba ciertas carencias en el ámbito de organización y la imposibilidad de realizar cambios de forma sencilla al crear nuevas versiones. Por lo tanto, uno de los objetivos principales más importantes era conseguir un código entendible y más fácil de evolucionar, el cual se ha conseguido mediante una reorganización completa del código y el uso de ficheros de texto que explican todas las funciones del código de cada componente. Además, la versión anterior muestra carencias en la navegabilidad e incoherencias en el estilo gráfico. Por tanto, la reorganización realizada a mejorado notablemente la navegabilidad y ha implementado una estrategia para centralizar el estilo grafico de forma que el estilo sea coherente y fácil de alterar. Otro de los objetivos era crear una aplicación móvil desde cero, y que debía diferenciarse con la modalidad web. Esto se ha conseguido reduciendo el número de funcionalidades respecto a la aplicación web, nuevo diseño funcional se han realizado tanto en la aplicación web como en mobile. Tanto la base de datos como la modalidad web se ha desarrollado con Angular, manteniendo las herramientas de las versiones anteriores y la aplicación móvil ha sido desarrollada mediante Ionic. Se ha utilizado la herramienta Git para poder realizar versiones del proyecto de forma paralela, pudiéndolas mezclar de forma sencilla y minimizando los errores. Este documente se centra en explicar cómo se ha restructurado todo el proyecto Classpip. Empezando por el desarrollo de una nueva base de datos. Además, se reorganizan las funcionalidades tanto de la modalidad web como la del móvil creando nuevos diseños funcionales. Por último, se muestra una comparativa entre la versión anterior y la versión actual, donde se aprecian los grandes cambios realizados en este proyecto.