Besoin client

Fédération EMA est une association religieuse enregistrée en France. Leur objectif est de fournir un soutien et des ressources aux Églises membres, à travers des séminaires et des formations. La durée des formations est comprise entre 1 et 2 ans avec une trentaine d’élèves inscrits.

Tout d’abord, l’association a besoin d’un site Internet contenant des informations sur la nouvelle formation, sa vision et ses modalités. Deuxièmement, l’objectif est d’avoir une plateforme simple et efficace pour faire des actions telles que :

En tant qu’administrateur	En tant qu’étudiant
Gérer le calendrier des sessions de formation en direct (sur site et à distance), créer des devoirs sous forme de questionnaires avec des ressources multimédias et consulter l’activité des élèves.	Trouvez toutes les informations importantes pour les sessions de formation, soumettre des devoirs et accéder à toutes les ressources de formation et aux enregistrements des sessions en direct précédentes.

Méthodologie:

Le design du site web a été réalisé en collaboration avec Eliseo Murillo.

Chaque fonctionnalité a été développée en fonction du calendrier et des priorités de formation, en ajoutant progressivement différentes fonctionnalités (suivant la méthodologie agile). Les fonctionalités ont été ajoutés dans l’ordre suivant :

• Site web vitrine avant le démarrage de la formationn durant la période d’inscriptions
• Modélisation des données de la formation stockés dans un fichier json dans le code dans un premier temps : ressources, archives de séances passées, calendrier, devoirs.
• Accès étudiant sécurisé avec mot de passe, avec les premières ressources de formation et le calendrier des séances
• Basculer la gestion des données d’un json plat vers une base de données MongoDb
• Pages de soumission du formulaire de devoirs pour les étudiants
• Accès backoffice administrateur restreint en mode lecture des données de la formations, les élèves, les devoirs. Les sessions sont sécurisés avec un token JWT généré par le serveur backend et envoyé par email.
• Accès backoffice administrateur en mode édition pour gérer les informations de la formation, le calendrier, les devoirs, avec téléchargement de fichiers sur AWS S3

La flexibilité de Astro a été un vrai atout pour ce projet, car d’un côté il y avait le besoin d’un site statique, où on a principalement utilisé les composants Astro. Et de l’autre côté, il y avait des fonctionnalités plus complexes où Vuejs a facilité le développement.

Producto final

Site web static avec accès étudiant et administrateur bien différencié. Le projet a été structuré de la façon suivante :

• Site web en mode Server Side Rendering avec le framework Astro et base de données MongoDb.
• Côté front-end les composants ont été développés avec Tailwind CSS ainsi que Astro components et Vuejs pour quelques fonctionnalités plus complexes.
• Déployé sur AWS Lightsail

Le site est actuellement en ligne, visité par les 30 élèves et complètement géré par les administrateurs de la formation en autonomie.