Travaux en cours
- 1. Documenter la navigation 33 (swipe double-joystick + coins triple-tap) pour caler lUX.
- 2. Finaliser le contenu des tuiles (Dashboard centre, MyCityHall, Discover, Mini-desktop, Map).
- 3. Définir le bandeau supérieur (signal, alertes, notifications) + raccord avec lEmergency Panel.
- 4. Esquisser lAPI firmware correspondante (assets/station_s/ui/tiles/).
1. Navigation standard Station?S
- Grille 33 (tuiles 19) : la tuile 5 est toujours le dashboard central.
- Gestuelle swipe : chaque glissement jusquau bord = commande double joystick dans cette direction (haut, bas, gauche, droite, et diagonales quand lutilisateur tire vers un coin).
- Coins signature : une triple pression simultanée près des coins affiche des écrans critiques (coin?1?=?Profil, coin?2?=?Settings, coin?3?=?Storage, coin?4?=?Comms). Ces raccourcis ne bloquent pas la navigation 33.
- Feedback visuel : bord vert quand le déplacement est valide, rouge si on frappe une limite ; vibrations courtes côté joystick pour rappeler la direction.
2. Répartition des tuiles
Nous reprenons le pavé numérique (paysage) pour que les maires mémorisent facilement les zones :
- 1?/?4?/?7 Ma Mairie : agenda municipal, files citoyennes, signatures en attente. Les tuiles haut/bas déclinent sous-menus (services, finances, présence terrain).
- 2 Discover : moteur de recherche transversal (documents, modules, contacts). Swipe haut/bas fait défiler les filtres (tags, communes, priorités).
- 3?/?6?/?9 Mini-desktop : carnet dadresses, favoris, notes, modules installés. Chaque module peut ajouter sa propre grille 33 interne.
- 8 Map : cartographie basse résolution pour GeoMANET (dépose de marqueurs, suivi de LuckyBlocks bloqués, points de rendez-vous, squads colorées).
- 5 Dashboard : tuile principale décrite plus bas ; lutilisateur y revient via double tap ou bouton central.
3. Bandeau supérieur vital
- Largeur écran, hauteur minimale : polices compactes façon status bar.
- Indicateurs fixes : Signal GeoLink (db/Loss), Sync blockchain, Notifications, Boîte messages, Alertes actives.
- Bouton Emergency Panel (icône triangle) qui déroule les quatre boutons XXL décrits ci-dessous.
Panneau durgence (boutons 1-2-3 / 4-5-6 / 7-8-9)
- 1-2-3 SOS services : envoi automatique de la position GPS (si dispo), SSID proches, groupe sanguin, plus capture audio + snapshots + log clavier.
- 4-5-6 Macro personnelle : actions configurées (ex. verrouiller, envoyer message codé, lancer enregistrement).
- 7-8-9 XCOM / Vie : accès direct aux trustees (voix, texte, mode silencieux converti en Morse lumineux/sonore), aide-memo urgence médicale, et Life Saving Mode (enregistrements périodiques SOS?photo?audio?sommeil).
- Disposition paysage : chaque bouton occupe 1/4 de largeur, texte énorme pour être pressé en stress.
4. Contenu de la tuile Dashboard (n°5)
- NETWORK : Station?K la plus proche + région/sous-région actuelle.
- Last doc : bouton tactile pour faire défiler les derniers documents consultés (tap = suivant, long press = ouvrir).
- Last message : même principe que Last doc mais pour les conversations prioritaires.
- GPS position : affichée seulement si le capteur est installé et activé.
- Heure & date : synchronisées sur la chaîne quand possible.
- Nom utilisateur : masqué (*******). Tap pour révéler quelques secondes.
- ID QR : bouton Scan / Montrer pour voter, acheter, jumeler un appareil.
- Lien Files : bouton discret menant au futur explorateur `/Home` (hors tuile). Il ouvrira une page dédiée avec les dossiers
Home/Proxy/Unsortedet servira dentrée unique pour gérer/exporter les pièces jointes volumineuses.
5. Map & stockage contextuel
- Cartes offline : pré-chargement systématique de la zone courante pour navigation sans réseau.
- Marqueurs GeoMANET : favoris, proxies, boîtes aux lettres, lieux de rendez-vous, stockage des messages laissés.
- Etat LuckyBlocks : visualisation des bundles coincés (dernier point vu).
- Mode survie : scope pour déclencher alertes locales (périmètre, squads colorées pour équipes terrain).
6. Tuiles feuilletées & grille « snap »
- Une tuile = une page défilante : on reste dans la même tuile en glissant rangée par rangée (vertical) ou colonne par colonne (horizontal). Pas de changement décran LVGL complet, ce qui garde la conso mémoire constante.
- Grille fixe : 12 colonnes 8 rangées virtuelles (unité 32 px). Les icônes occupent 3 colonnes 2 rangées (96 64 px) avec exactement 2 lignes de texte (titre + statut). Les séparateurs utilisent 1 rangée (une ligne pleine) pour créer des encarts sans gaspiller despace.
- Défilement « snap » : un scroll se cale toujours sur une rangée complète (effet « glissement » sans animation lourde). On utilise
lv_obj_scroll_snap_yetlv_obj_scroll_snap_xpour rester aligné. - Icônes dinbox (tuile 4) : la colonne gauche (3 colonnes fixes) est réservée aux boîtes aux lettres Mairie / Home / Proxy1 / Proxy2. Chaque bouton affiche badge et état (local, en transit, bloqué). Le reste de la tuile présente la timeline GeoMail ou les mails groupés.
- Tuiles forum (7) : même grille mais avec bandes « thread » qui sétendent sur 9 colonnes et laissent une colonne latérale pour les filtres (citoyens vs maires).
- Pas de SquareLine : tout est décrit comme si lécran était un BIOS (grille ASCII). Les bordures sont dessinées avec nos « tokens » LVGL (1 px) et, si besoin, des caractères spéciaux pour rappeler les tableaux.
Cette approche garantit que lutilisateur sent un simple glissement dans la tuile, même si on ajoute des icônes supplémentaires : on pousse la grille, pas des écrans entiers.
7. Tuile?4 : Message Center (flux)
- tape 1 Sélection de boîte : la vue par défaut affiche uniquement la colonne dicônes (Mairie / Home / Proxy1 / Proxy2). Un tap sur une boîte ouvre immédiatement la vue « Liste » plein écran ; la colonne disparaît pour libérer lespace.
- tape 2 Liste/list/search : on présente les sujets GeoMail par date décroissante. Chaque entrée comporte : pseudo expéditeur, ID (masqué mais accessible via bouton « fiche »), priorité (P0P3), horodatage, et un sujet long (champ signé côté blockchain, pas seulement un hash). Barre de recherche = filtre sur pseudo, ID, mot-clé.
- tape 3 Lecture : quand on touche une ligne, elle « docke » en haut de lécran (2 lignes : pseudo + sujet complet). Toute la zone restante devient le panneau de lecture (texte plein écran). Bouton
R/Wen haut à droite alterne entre lecture et éditeur. - Rédaction : léditeur occupe la même surface (écran bande sujet). Il offre un « simple rich text » : Bold / Italic / Souligné, listes, indentation, couleur de fond, plus nos caractères spéciaux (bordures, coins) pour pseudo-tableaux ASCII. Pas de wrap automatique : lutilisateur compose volontairement.
- Contacts & reply/forward : la fenêtre « Choisir destinataires » reprend la liste / recherche de contacts. On coche plusieurs pseudos, chaque fiche affichant lID complet. Les pseudo libres sont autorisés, mais les IDs impairs officiels apparaissent avec un badge (norme Blockchain Security).
- Pièces jointes : depuis la vue liste, un bouton « Dossiers PJ » ouvre un navigateur trié par email, contact, type ou #tag. Cliquer « Copier vers device » envoie le fichier dans lespace de stockage prédéfini (pas de choix manuel).
- Navigation retour : glissement depuis la gauche (ou bouton « Boîtes ») ramène à la colonne initiale. On reste dans la même tuile, en exploitant uniquement les états de pages feuilletées.