retour à la caisse à outils
ref. mtb-06.5 · marteau projet de groupe

poste 06 — marteau · rendez-vous médicaux en équipe

m1-medecin

une application de rendez-vous médicaux en trois parties : une api, un espace pour le médecin et sa secrétaire, un portail pour les patients. projet de groupe à trois, accessible au clavier et aux lecteurs d’écran.

fig. 06.5 — marteau · m1-medecin
glisser pour tourner · survoler une pièce

plaques rivetées — rapport d'atelier

sur l'établi

01 · à l'arrivée contrôlé

trois portes d’entrée

le médecin et sa secrétaire gèrent agenda, patients et statistiques. le patient prend rendez-vous en trois étapes. une secrétaire peut suivre plusieurs médecins.

02 · sur le pont assemblé

la part de melvyn

il a créé l’espace médecin, écrit la première version de l’api, harmonisé les deux interfaces et branché les fronts sur l’api. annam a ensuite restructuré le serveur et ajouté les tests.

03 · à la sortie homologué

accessible pour de vrai

lecteurs d’écran et voiceover, navigation au clavier, piège à focus dans les fenêtres, contrastes revus, un seul titre h1 par page et affichage stable jusqu’à 500 % de zoom.

polaroids d'atelier — captures

l’espace médecin et le portail patient

lancé en local : cinq médecins, deux secrétaires et dix-huit patients inventés.

m1-medecin — espace médecin — tableau de bord du jour
01 · espace médecin — tableau de bord du jour web · données fictives
m1-medecin — portail patient — accueil
07 · portail patient — accueil web sur mobile · données fictives

côté web

m1-medecin — calendrier mensuel par statut
02 · calendrier mensuel par statut web · données fictives
m1-medecin — statistiques d’activité
03 · statistiques d’activité web · données fictives
m1-medecin — nouveau rendez-vous sur un créneau libre
04 · nouveau rendez-vous sur un créneau libre web · données fictives
m1-medecin — portail patient — choix du créneau
05 · portail patient — choix du créneau web · données fictives
m1-medecin — liste des patients
06 · liste des patients web · données fictives

côté mobile

m1-medecin — prise de rendez-vous
08 · prise de rendez-vous web sur mobile · données fictives
m1-medecin — mes rendez-vous
09 · mes rendez-vous web sur mobile · données fictives

au banc d’essai — ce que fait le code

six fonctions, de l’agenda au patient

fonction 01

rendez-vous

statuts en attente, confirmé, annulé, terminé. le médecin confirme ou refuse les demandes depuis son tableau de bord.

fonction 02

créneaux

créneaux générés à partir des horaires et de la durée de consultation de chaque médecin, marqués dès qu’ils sont pris.

fonction 03

calendrier

fullcalendar en vue mois, semaine ou jour, coloré par statut, avec création et modification des rendez-vous.

fonction 04

statistiques

taux d’occupation, absences, rendez-vous par jour, motifs les plus fréquents et taux de présence avec recharts.

fonction 05

api express

auth jwt par rôle, validation zod, prisma et postgresql, e-mails de rappel et de récapitulatif.

fonction 06

accessibilité

liens d’évitement, libellés aria, dates lisibles par les lecteurs d’écran, thème clair et sombre, menu repliable sur mobile.