Aller au contenu
Damien Morattel, accueil
Retour au portfolio

Projet d'école, HEIA-FR

Une application web pour attribuer les projets d'étudiants

Un projet d'école : l'application qui devait remplacer l'ancien système de l'école pour proposer, valider, choisir et attribuer les projets d'étudiants.

L'application affichée sur un écran, une tablette et un téléphone

Un projet d’école : j’ai conçu et développé une application web pour mon école. Elle devait remplacer l’ancien système avec lequel professeurs et étudiants géraient, consultaient et s’attribuaient les projets d’étudiants.

Le processus d’abord

Avant d’écrire une ligne de code, j’ai modélisé tout le processus en BPMN. Quatre rôles y prennent part :

  • Le professeur ajoute ses projets et les envoie en validation.
  • Le responsable de filière valide les projets, les met « au concours », puis lance l’attribution une fois le concours terminé. Il exporte les listes en PDF, vérifie les rendus et passe chaque projet en « Terminé ».
  • L’étudiant consulte les projets au concours, met ses préférés en favoris, fait ses choix, puis découvre l’attribution.
  • Le visiteur, sans compte, parcourt les projets terminés.

Les cas d’utilisation, en UML, précisent ensuite qui peut faire quoi : un professeur ne gère que ses propres projets, seuls les étudiants choisissent, et tout passe par une authentification, sauf la consultation des projets terminés.

Les technologies

React pour l’interface, Node.js pour le serveur. L’interface s’adapte à l’écran, de l’ordinateur au téléphone.

L'application sur un écran d'ordinateur
Diagramme BPMN du processus de gestion des projets d'étudiants
Première étape : tout le processus, modélisé en BPMN avant d'écrire une ligne de code.
Diagramme UML des cas d'utilisation
Les cas d'utilisation (UML) : qui fait quoi dans l'application.