M-Sites - Mes sites de suivi¶
Type : vue principale (atteinte depuis la carte « Mes sites » de l'accueil). Persona principal : Marie, partagée avec Karim. Samuel bascule sur M-MultiSite pour sa volumétrie. Parcours couverts : P1 - Déclarer un site de suivi, P12 - Récupérer une nuit déposée sur VigieChiro.
L'écran liste tous les sites de suivi déclarés sous forme de cartes, avec pour chacun : le n° de carré, le nom convivial (et la commune), le nombre de points d'écoute, le nombre de passages enregistrés cette saison, et un badge de fraîcheur (date du dernier passage). Un bouton + Nouveau site est toujours visible en haut à droite. Le clic sur une carte ouvre M-Site-detail. L'écran est atteint depuis l'accueil ; le fil d'Ariane du chrome (Accueil › Mes sites) et la recherche globale sont posés dans le bandeau.
Maquette principale - utilisateur avec plusieurs sites déclarés¶
Annotations¶
- Bandeau (chrome) : le titre, le fil d'Ariane (
Accueil › Mes sites) et la recherche globale (champ « 🔍 Rechercher », raccourci Ctrl+F, cf. P8) sont communs à tous les écrans. - Carte 1 (Carré 640380, Ahetze) : le site en cours d'utilisation, en surbrillance (survol). Le badge vert « il y a 2 j » et « 1 à vérifier ⚠ » incitent à enchaîner sur la vérification.
- Carte 2 (Carré 131165, Marseille) : site secondaire, dernier passage il y a quelques jours (badge orange).
- Carte 3 (Carré 131275, Calanques) : site déclaré mais jamais utilisé (badge gris). Montre qu'on prépare un site avant la première nuit. Le carré et les coordonnées de chaque site sont cohérents (le préfixe du carré correspond au département des points, cf. R26).
Interactions clés¶
| Élément | Action |
|---|---|
| Clic sur une carte | Ouvre M-Site-detail avec le site sélectionné |
| Bouton + Nouveau site | Ouvre le formulaire de création d'un site (n° de carré, points) |
| Champ 🔍 Rechercher (ou Ctrl+F) | Recherche globale : saute à un site, un point ou un passage (P8) |
| Fil d'Ariane Accueil | Revient à l'accueil (cartes d'activités) |
Variante - état vide (premier lancement)¶
À la première ouverture, aucun site n'est encore déclaré. Plutôt qu'une vue vide, l'écran guide explicitement l'utilisateur vers la création de son premier site.
Notes sur l'état vide¶
- Le bouton + Ajouter mon premier site est dimensionné plus grand que le bouton normal pour le marquer comme l'unique action disponible.
- Le rappel pédagogique dans l'encart jaune est volontaire : Marie (persona débutante) peut ne pas savoir que les sites se créent d'abord sur le portail web. Mieux vaut le dire ici qu'attendre un message d'erreur.
- Dès le premier site créé, la vue bascule vers la maquette principale (une carte présente).
Notes pour l'implémentation¶
- L'agrégation par carte (compteurs de points et de passages, date du dernier passage) est fournie par le service du modèle ; la vue ne fait que l'afficher.
- Le survol d'une carte est un effet visuel (pseudo-classe CSS / JavaFX), pas une carte différente.
- Les badges de fraîcheur sont calculés depuis la date du dernier passage :
- vert si dernier passage < 7 jours,
- orange si entre 7 et 30 jours,
- gris si > 30 jours ou aucun passage.
- Le fil d'Ariane et la recherche globale appartiennent au chrome (socle
commun), partagés par tous les écrans. - Points rapatriés (récupération d'une nuit, P12) : la synchronisation « mes sites » ramène tous les points du carré Vigie-Chiro (la grille STOC peut en compter des dizaines). Le bandeau des points d'une carte résume ceux qui sont rapatriés mais sans passage (« A1 · B2 · C3 (+ N rapatrié(s)) ») plutôt que de les lister un à un, pour ne pas noyer les points réellement utilisés. Un point rapatrié réapparaît nommément dès qu'un passage l'y rattache.