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

