EduWordle: una herramienta web para la gamificación de contenidos educativos

Bookmark (0)
Please login to bookmark Close

Este Trabajo de Fin de Grado ha consistido en la concepción, diseño e implementación de EduWordle, una aplicación web educativa interactiva. Su fin primordial es fomentar y reforzar el aprendizaje de temáticas especificadas por el profesorado a través de la gamificación, utilizando una dinámica similar al popular juego Wordle e incorporando un componente de evaluación formativa mediante preguntas asociadas.
En el desarrollo se ha tenido en cuenta el tipo de usuarios que trabajarán con la herramienta por lo que se ha priorizado una interfaz de usuario intuitiva y fácil de manejar para los profesores ya que éstos no han de requerir de conocimiento técnico para usarla. Los principales objetivos del sistema giran en torno a la simplificación de creación de contenido educativo personalizado, la gestión eficiente de grupos de alumnos y el seguimiento detallado de su progreso.
Respecto al alumnado, se ha aprovechado su familiaridad con las tecnologías digitales para ofrecerles un enfoque atractivo y dinámico para el estudio dando como resultado una transformación del aprendizaje en una actividad lúdica. Por ello EduWordle presenta una estrategia efectiva para mejorar la retención de conocimientos y la motivación.
El desarrollo ha consistido en la implementación de una arquitectura en tres capas favoreciendo la modularidad, escalabilidad y mantenibilidad del código. El sistema se ha construido usando HTML, JavaScript y CSS en el frontend para proporcionar una experiencia de usuario fl uida y reactiva. El backend se ha desarrollado con Node.js y Express.js garantizando un procesamiento eficiente de las peticiones. La persistencia de datos se gestiona mediante MySQL y ORM Sequelize mientras que la seguridad se ha abordado con autenticación JWT y cifrado de contraseñas con Bcrypt. Finalmente se ha optado por una contenerización en Docker para asegurar la portabilidad y facilidad de despliegue del sistema en diversos entornos.
Abstract:
This Final Degree Project has involved the conception, design and implementation of EduWordle, an interactive educational web application. Its primary aim is to encourage and reinforce the learning of a specifi c topic defi ned by educators through gamification. EduWordle uses a similar dynamic to the popular game Wordle and incorporates a formative assessment component via associated questions.
During development, the tool’s target users, teachers and students, were carefully considered. For example, an intuitive and easy-to-use user interface was developed, to ensure all teachers, including those without technical knowledge, could easily operate the application. The system’s main objectives revolve around simplifying the creation of personalized educational content, effi cient management of student groups and detailed tracking of their progress.
Students’ familiarity with digital technologies has been leveraged to offer an attractive and dynamic approach to study, resulting in the transformation of learning into a recreational activity. Therefore, EduWordle offers teachers and students an effective strategy for improving knowledge retention and motivation.
EduWordle’s development consisted of the implementation of a three layered architecture which supports code modularity, scalability and maintainability. The system’s frontend was built using HTML, JavaScript and CSS to provide a fl uid and reactive user experience. The backend was developed with Node.js and Express.js, resulting in an effi cient request processing. Data persistence is managed using MySQL and Sequelize ORM, while security has been addressed with JWT authentication and Bcrypt password encryption. Finally, Docker containerization was chosen to ensure the system’s portability and ease of deployment across various environments.

​Este Trabajo de Fin de Grado ha consistido en la concepción, diseño e implementación de EduWordle, una aplicación web educativa interactiva. Su fin primordial es fomentar y reforzar el aprendizaje de temáticas especificadas por el profesorado a través de la gamificación, utilizando una dinámica similar al popular juego Wordle e incorporando un componente de evaluación formativa mediante preguntas asociadas.
En el desarrollo se ha tenido en cuenta el tipo de usuarios que trabajarán con la herramienta por lo que se ha priorizado una interfaz de usuario intuitiva y fácil de manejar para los profesores ya que éstos no han de requerir de conocimiento técnico para usarla. Los principales objetivos del sistema giran en torno a la simplificación de creación de contenido educativo personalizado, la gestión eficiente de grupos de alumnos y el seguimiento detallado de su progreso.
Respecto al alumnado, se ha aprovechado su familiaridad con las tecnologías digitales para ofrecerles un enfoque atractivo y dinámico para el estudio dando como resultado una transformación del aprendizaje en una actividad lúdica. Por ello EduWordle presenta una estrategia efectiva para mejorar la retención de conocimientos y la motivación.
El desarrollo ha consistido en la implementación de una arquitectura en tres capas favoreciendo la modularidad, escalabilidad y mantenibilidad del código. El sistema se ha construido usando HTML, JavaScript y CSS en el frontend para proporcionar una experiencia de usuario fl uida y reactiva. El backend se ha desarrollado con Node.js y Express.js garantizando un procesamiento eficiente de las peticiones. La persistencia de datos se gestiona mediante MySQL y ORM Sequelize mientras que la seguridad se ha abordado con autenticación JWT y cifrado de contraseñas con Bcrypt. Finalmente se ha optado por una contenerización en Docker para asegurar la portabilidad y facilidad de despliegue del sistema en diversos entornos.
Abstract:
This Final Degree Project has involved the conception, design and implementation of EduWordle, an interactive educational web application. Its primary aim is to encourage and reinforce the learning of a specifi c topic defi ned by educators through gamification. EduWordle uses a similar dynamic to the popular game Wordle and incorporates a formative assessment component via associated questions.
During development, the tool’s target users, teachers and students, were carefully considered. For example, an intuitive and easy-to-use user interface was developed, to ensure all teachers, including those without technical knowledge, could easily operate the application. The system’s main objectives revolve around simplifying the creation of personalized educational content, effi cient management of student groups and detailed tracking of their progress.
Students’ familiarity with digital technologies has been leveraged to offer an attractive and dynamic approach to study, resulting in the transformation of learning into a recreational activity. Therefore, EduWordle offers teachers and students an effective strategy for improving knowledge retention and motivation.
EduWordle’s development consisted of the implementation of a three layered architecture which supports code modularity, scalability and maintainability. The system’s frontend was built using HTML, JavaScript and CSS to provide a fl uid and reactive user experience. The backend was developed with Node.js and Express.js, resulting in an effi cient request processing. Data persistence is managed using MySQL and Sequelize ORM, while security has been addressed with JWT authentication and Bcrypt password encryption. Finally, Docker containerization was chosen to ensure the system’s portability and ease of deployment across various environments. Read More