Vibe coding

L'Observatoire des 4 Maisons

Une application web pour suivre en direct la course à la Coupe des 4 Maisons, au cœur du projet Cercle Magus de mon collège.

Page publique de L'Observatoire des 4 Maisons : les cadrans des Maisons Kamo, Dralignis, Heptacrocs et Sans-Visage avec leurs scores, la couronne sur la Maison en tête

Présentation du projet

Un nouveau chapitre pour le Cercle Magus. Notre projet emblématique fait peau neuve, avec quatre nouvelles Maisons et une toute nouvelle histoire. Pour accompagner cette renaissance, j'ai imaginé L'Observatoire des 4 Maisons : une application web qui permet aux élèves de suivre, tout au long de l'année, l'évolution du classement et la course à la Coupe des 4 Maisons. Les enseignants du projet disposent quant à eux d'un espace réservé pour gérer les élèves de leur Maison et attribuer ou retirer des points.

La démarche

Un Observatoire pour les élèves

Développé avec Claude Code

La page publique prend la forme d'un observatoire céleste : chaque Maison y est représentée par un cadran d'astrolabe qui progresse au fil des points gagnés. Les scores se mettent à jour en direct, et une couronne vient coiffer la Maison en tête du classement.

Chaque Maison possède sa propre identité : un nom, une couleur et une créature totem, dont j'ai conçu les blasons avec ChatGPT. Les élèves peuvent aussi consulter le registre de leur Maison pour retrouver le détail des points gagnés et perdus, accompagnés des commentaires de leurs enseignants.

  • Blason de la Maison Kamo : un loup-cerf turquoise Kamo
  • Blason de la Maison Dralignis : un dragon à tête de lion violet Dralignis
  • Blason de la Maison Heptacrocs : un sphinx doré Heptacrocs
  • Blason de la Maison Sans-Visage : une Faucheuse encapuchonnée turquoise Sans-Visage
Les blasons des quatre Maisons, générés avec ChatGPT
Formulaire d'attribution des points de l'espace enseignants : choix de la Maison, de l'élève, du motif, du nombre de points et d'un commentaire
L'attribution des points depuis l'espace enseignants (prénoms fictifs)

Un espace réservé aux enseignants

Un compte protégé par mot de passe pour chaque enseignant

Chaque Maison est encadrée par un enseignant, son Maître de Maison. Depuis son tableau de bord, il attribue ou retire des points à un élève ou à toute la Maison, à partir d'un barème de motifs, et peut ajouter un commentaire que les élèves liront dans le registre.

Chacun tient également la liste de sa Maison : ajouter ou retirer un élève, désigner son Préfet ou sa Préfète, choisir la devise de la Maison. L'équipe garde une vue d'ensemble sur les quatre Maisons, mais chaque enseignant n'agit que sur la sienne.

Un outil respectueux des données

Hébergé en France chez o2switch

Nos élèves étant mineurs, la protection de leurs données a guidé chaque choix de conception :

  • Seuls le prénom de l'élève et sa Maison sont enregistrés,
  • Aucun cookie, aucune mesure d'audience ni aucun service extérieur sur les pages publiques,
  • Des données conservées le temps de l'année scolaire,
  • Un code sobre, en PHP et MySQL, sans framework ni dépendance extérieure.

Une page dédiée explique en toute transparence aux familles quelles données sont traitées et comment exercer leurs droits.

Gestion de la Maison Sans-Visage dans l'espace enseignants : Maître de Maison, devise et liste des élèves avec leur Préfet
La gestion d'une Maison et de sa liste d'élèves (prénoms fictifs)

Découvrir l'application

L'Observatoire des 4 Maisons est accessible en ligne.
Découvrez quelle Maison mène actuellement la course à la Coupe !

Découvrir l'Observatoire