Aplicación web para recursos de formación

Aplicación web para recursos de formación

por Rebeca Murillo • 14 noviembre 2023


Necesidad del cliente

Federation EMA is a religious association registered in France. Their aim is to provide support and resources to member churches, through seminars and trainings. The duration of the training courses is last between 1 and 2 years with around 30 students registered.

En primer lugar, la asociación necesita un sitio web con información sobre la nueva capacitación, su visión y modalidades. En segundo lugar, el objetivo es tener una plataforma sencilla y eficaz para realizar acciones :

Como administradorComo estudiante
Gestionar el calendario de sesiones de capacitación en vivo (presenciales y remotas), crear tareas en forma de cuestionarios con recursos multimedia y ver la actividad de los estudiantes.Encuentrar toda la información importante para las sesiones de capacitación, enviar las tareas y acceder a todos los recursos de capacitación y las grabaciones de sesiones en vivo pasadas.

Metodología

El diseño del sitio web se realizó en colaboración con Eliseo Murillo.

Cada funcionalidad fue desarrollada según el calendario y prioridades de la capacitación, agregando diferentes funcionalidades de manera progresiva (siguiendo la metodología ágil). Las funcionalidades se agregaron en el siguiente orden:

  • Sitio web estatico, antes del inicio de la capacitación durante el período de registro.
  • Modélisation de datos, inicialmente almacenados en un archivo json en el código: recursos, archivos de sesiones pasadas, calendario, tareas.
  • Acceso seguro de los estudiantes con contraseña, con los primeros recursos de capacitación y calendario de sesiones.
  • Cambiar el manejo de datos de un json plano a una base de datos MongoDb
  • Páginas de envío de formularios de tareas para estudiantes
  • Acceso restringido del administrador al backoffice en modo de lectura de datos de la informacion de la capacitación, de los estudiantes y de las tareas. Las sesiones de usuarion son protegidas con un token JWT generado por el servidor backend y enviado por correo electrónico.
  • Acceso de administrador de backoffice en modo de edición para administrar la información de la capacitación, el calendario, las tareas, con carga de archivos a un bucket AWS S3

Producto final

Sitio web estático con acceso estudiantes y administradores diferenciados. El proyecto se estructuró de la siguiente manera:

  • Sitio web en modo Server Side Rendering con el framework Astro y base de datos MongoDb.
  • Para el front-end, los componentes se desarrollaron con Tailwind CSS, así como componentes Astro y Vuejs para algunas características más complejas.
  • Implementado en AWS Lightsail

El sitio está actualmente en línea, lo visitan los 30 estudiantes regularmente y es administrado completamente por los administradores de la capacitación de forma autonoma.