Get started
Work

Framework for the design and development of the frontend of e-Health applications in educational environments

Year: 2025
Type: dissertation
Abstract: Resumen Este Trabajo Fin de Grado (TFG), titulado "Framework for the design and development of the frontend of e-Health applications in educational environments", se enmarca en la mejora de una plataforma de e-salud denominada Gades, cuyas versiones anteriores son del año 2014 y 2022 [1]–[3]. Esta plataforma fue concebida como una herramienta digital para facilitar la detección precoz de Developmental Language Disorder (DLD) en niños de entre 0 y 6 años en entornos educativos. El sistema original ofrecía una solución funcional, pero con limitaciones tecnológicas propias de su contexto temporal, especialmente en lo relativo a User Interface (UI), la User Experience (UX) y la accesibilidad. Para la mejora de funcionalidades y de aspecto de Gades, se ha decidido mantener el uso de Spring Boot en el backend y Neo4j como base de datos orientada a grafos. Estas herramientas permiten gestionar relaciones complejas entre datos y escalar de manera eficiente. Para el frontend, se optó por Next.js, un framework moderno basado en React que facilita la creación de interfaces reactivas, eficientes y accesibles. El desacoplamiento entre el cliente y el servidor ha permitido una mayor flexibilidad tecnológica y una mejora sustancial en la experiencia de desarrollo. La solución propuesta parte de un rediseño completo de la interfaz gráfica con un enfoque centrado en el usuario final, es decir, los educadores. Se definieron nuevos requisitos funcionales y requisitos no funcionales relacionados con el rendimiento y la UX. Para validar las decisiones de diseño, se contó con el asesoramiento de una especialista en accesibilidad cognitiva, garantizando así que la plataforma sea comprensible y usable para todos los perfiles de educadores. Una vez con el diseño finalizado, se desarrolló la UI con código tanto para dispositivos anchos como para dispositivos móviles o tablets. El desarrollo se hizo en contenedores para que este sistema se pueda replicar en cualquier sitio. Además del rediseño, una parte clave del TFG ha sido el despliegue completo del sistema en producción, utilizando Docker y Docker Compose para contenerizar el frontend, backend y la base de datos. Esta infraestructura permite que el sistema esté disponible desde los servidores de la universidad. Finalmente, con el sistema ya desplegado, un grupo de diez educadores de un centro educativo colaborador utilizó la plataforma en un entorno real de trabajo. Su uso permitió verificar que la plataforma era funcional, estable y adecuada para realizar evaluaciones en contexto escolar, datos que se utilizarán para futuros proyectos de investigación. Las educadoras pudieron llevar a cabo las evaluaciones de forma satisfactoria, y además ofrecieron sugerencias para futuras mejoras, muchas de las cuales han sido recogidas como posibles líneas de trabajo. Por tanto, este TFG sienta las bases para la creación de plataformas clínicas que deban integrarse en otros entornos, como pueden ser las escuelas infantiles y los colegios. Abstract: This project, titled "Framework for the design and development of the frontend of e-Health applications in educational environments", is part of the enhancement of an e-health platform called Gades, with previous versions dating back to 2014 and 2022 [1]–[3]. This platform was conceived as a digital tool to facilitate the early detection of specific language impairments in children aged 0 to 6 years in educational settings. The original system provided a functional solution but was limited by the technological constraints of its time, particularly in terms of UI, UX, and accessibility. To improve the features and appearance of Gades, it has been decided to continue using Spring Boot for the backend and Neo4j as a graph-oriented database. These tools enable the management of complex relationships between data and efficient scaling. For the frontend, Next.js was chosen, a modern framework based on React that facilitates the creation of reactive, efficient, and accessible interfaces. The decoupling between the client and server has allowed for greater technological flexibility and a substantial improvement in the development experience. The proposed solution involves a complete redesign of the graphical interface with a user-centred approach, specifically targeting educators. New functional requirements and non-functional requirements related to performance and UX were defined. To validate the design decisions, the expertise of a cognitive accessibility specialist was sought, ensuring that the platform is comprehensible and usable for all types of educators. Once the design was finalised, the UI was developed with code for both wide devices and mobile devices or tablets. The development was conducted in containers to ensure that this system can be replicated anywhere. In addition to the redesign, a key aspect of this project has been the full deployment of the system into production, utilising Docker and Docker Compose to containerise the frontend, backend, and database. This infrastructure allows the system to be available from the university’s servers. Finally, with the system deployed, a group of ten educators from a collaborating educational institution used the platform in a real work environment. Their use allowed for verification that the platform was functional, stable, and suitable for conducting assessments in a school context, data which will be used for future research projects. The educators were able to carry out the assessments satisfactorily and also provided suggestions for future improvements, many of which have been noted as potential lines of work. Therefore, this project lays the groundwork for the creation of clinical platforms that should be integrated into other settings, such as nursery schools and primary schools.
Source: Hispana
Language: English
Open Access status: green
OpenAlex ID: W7124228672
Cites:
Cited by:
Related to: