Search

This final degree work consists of the contribution to the maintenance and development of the Classpip project, which is an application developed at EETAC with the aim of implementing gamification in the academic environment. The contributions made have been carried out working in a group way using the SCRUM methodology for the correct organization of tasks. The Classpip project is formed by many components with different responsibilities, the most important ones are: for the frontend part of the application we have Classpip-Dashboard which is made in Angular, Classpip-Express which is another frontend component where a quick participation in games created by the teacher is sought and also Classpip-Mobile-Student which would be the interface used by the students. On the other hand, we have the components that would form the backend of the application that are developed with Nodejs and would be: Classpip-Server that would be in charge of the notifications using sockets from the Sockets.io library, Classpip-API that manages the database requests. The main purpose of this TFG is to improve the application based on individual and collective contributions, always in a SCRUM development environment. The contributions developed in this project are the following: Planning and implementation of the SCRUM methodology for correct functioning when developing as a group, migration of the versioning of the Classpip-Dashboard component to a newer version, contribution to the new API, called ApiV2 and finally implementation of Docker to implement a CI/CD workflow more in line with new technologies. This report describes the whole process of the contributions, from the organization of the team, including the different management tools, the steps taken for the development, and the technologies used to carry it out. Objectius de Desenvolupament Sostenible::4 - Educació de Qualitat

The project described below is based on the implementation of five games for a gamification application called Classpip, aimed at the educational sector. Its use encourages and increases dynamism and performance in classes, since the objective is to motivate students with competitive games to participate and learn. In this case, the project that has been worked on is entirely aimed at the teacher's user experience. Since work has been done on the implementation of five games for the teacher's mobile application. The objective of this project was to facilitate the use of Classpip for teachers in classes. Since Classpip has implemented a Dashboard where the teacher has control of the creation, modification and use of the games from this web page. But taking into account the limitations that the dashboard has in terms of mobility or the use of Classpip in classes, a mobile application for the teacher was an option to consider. To cover this need, we have worked on the migration of five games that previously existed in the Dashboard. Thus, reusing some existing functionalities, applying several aesthetic improvements and adding other new and necessary functionalities in several games, to improve the user experience of the teacher. The team to carry out this project consists of two people. Both team members have worked on the implementation of all the games described below in this document. For the management, organization of times and the distribution of tasks, the SCRUM methodology has been used. And the distribution of tasks was carried out based on the different functionalities that each of the games requires. In this document it will be possible to follow in detail the objectives, the work strategy and the previous analysis of each of the games to be implemented with their corresponding description. Also, the implementation process with the corresponding code explanation, the decisions made and challenges overcome, and the tests carried out to demonstrate correct operation.

This project has focused on the improvement and expansion of Classpip, a gamification tool oriented to teaching. Classpip is the result of the joint work of several EETAC students, who, like us, decided to expand and improve this tool. Gamification is a learning technique that transfers the mechanics of games to the world of education with the aim of achieving better results, better absorbing some knowledge, improving some skills or rewarding specific actions through different activities and content that each user customises according to the needs of each student, in order to attract their attention to achieve these objectives. This project has been carried out as a team, together with three other people. In order to manage the group and the tasks well, the Scrum methodology was used. The work of the team has been very extensive and different contributions have been made to the project: several improvements have been implemented in the versions, styles, formats and authentication mechanisms of the different modules that are part of Classpip. In addition, translation mechanisms have been introduced, and a new Escape Room type game has been developed, a "lite" version of the mobile application for the student called Classpip Express with which quick games can be played and finally a web page with its own independent server that serves as a tool for the expansion of the project. In this document an explanation is given of the developments carried out for the Classpip Express application, the website, the authentication mechanisms and other small improvements.

This project has focused on the improvement and expansion of Classpip, a gamification tool oriented to teaching. Classpip is the result of the joint work of several EETAC students, who, like us, decided to expand and improve this tool. Gamification is a learning technique that transfers the mechanics of games to the world of education in order to achieve better results, better absorb some knowledge, improve some skills or reward specific actions through different activities and content that each user customizes according to the needs of each student, in order to attract the attention of these to achieve these objectives. In this project we have participated 4 people: Jordi Salvador, Ivan Requena, Carlos Vázquez and me, Mario Sánchez. The objective of this work is none other than to contribute to the improvement of Classpip, and for this we have introduced new features and contributed with small improvements, which make the use of Classpip much more comfortable and easier to understand. As a group, we have worked following the scrum methodology, which we will explain in detail in later chapters. My contribution to Classpip has been the following one: the development of a digital escape room game, to offer another type of tool that, at the moment, is a style of game that is having a great growth, and as I mentioned before, to introduce different improvements in the code of the project as well as in the visual part of the tools. In this document we will see in detail what has been the process to reach the objectives we set ourselves, which have been our difficulties and also, all the explanation and planning that we have had to do to go ahead in the correct way to finish the project.

The project described in this document is focused on adding a new functionality within Classpip, a gamification tool created by the union of projects carried out by EETAC students. Such functionality refers to the implementation of a geocaching module, giving students the ability to play geocaching games, which objective is to discover unknown locations by means of a mobile phone with GPS in it. In addition, giving the teachers, full access to the management of the characteristics that define a geocaching game. The aim of this project, is to show each and every single step that has been needed in order to host these types of games in Classpip. To achieve that, it has been necessary to modify the already existing repositories as well as the usage of various tools such as GitHub, which are described throughout the document. Lastly, emphasize that the project has been carried out in conjunction with Carlos Domínguez, however, due to the actual regulations, it has had to be submitted individually, resulting in two reports but with a large amount of shared content.

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. 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.

Gamification is the introduction of game mechanics in environments that are not considered playful, creating a motivation to do activities by setting goals and awarding prizes to achieve them. Classpip is a tool that applies gamification to the educational environment. Classpip consists of three parts, a web application, a mobile application for iOS/Android and an application that guarantees the communication of both platforms and the persistence of the data. This work has been based on the improvement and expansion of the Classpip project, adding some new features such as ranges and levels or the Rewards one, and making several changes in the code that improves the usability of the application and its subsequent maintenance. In order to encourage adaptation to the future students in the project, a new web application has also been developed. This web collects all the teaching material about the project, and it also serves as an external projection for the project. The latest additions to work have been a manual to facilitate teamwork through Git, and a manual to develop changes and improvements to the new website. The final objective was to have a functional version that can be used at schools.

This final project has focused on the improvement of an existing application called Classpip, which has been developed by several students of this faculty (EETAC). This application has as its main objective the gamification, which consists of using the techniques and elements of the games (points, objectives ...) to promote and increase the learning of the students using technology.For this, some predefined languages were chosenand an architecturewas created,which consists of a mobile application for the student to play, with anadministrationpanel for the teacher, in which theycan configure the differentmodules of the application. These two blocks are fed from a database based on REST-API.The main objectives of this project can be defined as:Modify and improve a current first version of a questionnaire module,which does not have great functionality or playability for students. That is why I have the freewayto develop, implement or modify any functionality.Provide help to the future developers. These aids consist of, from helping them understand my code by providing them with a video tutorial where I talk about it, to help them to be productive as soon as possible, making an example of how a functionality couldbe implemented inthe application.Finally, a much more improved version has been achieved than the current one, which has many open lines because there are configured parameters that are not used. Therefore, the open lines can be considered to be started and marked.