Contexte & Enjeux Métier
L'accueil physique des citoyens en mairie est une étape clé du service public territorial. Des files d'attente mal régulées créent de l'inconfort chez les usagers et perturbent le travail des agents au guichet.
Pour moderniser cette gestion sans imposer de matériel propriétaire coûteux, Logitud Solutions a créé PopQueue, une solution web modulaire temps réel. Ma mission a consisté à concevoir et développer l'intégralité de l'interface usager sur borne tactile ainsi que de larges pans du back-office d'administration, en synergie avec les composants de MG_UI.
Architecture Front-End & Écosystème Temps Réel
L'écosystème synchronise instantanément trois applications front-end distinctes via des flux WebSockets :
- L'application Borne Tactile (Usager) : Développée intégralement pour un usage autonome sur tablette (choix de démarches, scan de convocation, distribution de tickets et check-in express).
- La console Agent & les écrans Back-Office : Écrans d'appel et de supervision conçus avec nos composants réutilisables MG_UI, permettant aux agents de traiter les tickets et aux coordinateurs de superviser les flux en temps réel.
- L'affichage dynamique en salle d'attente : Diffusion instantanée des appels avec rappel visuel du numéro et orientation vers le bon guichet.
Côté front-end, un composable dédié (usePopQueueSocket) écoute les événements diffusés par le serveur WebSocket (TicketCreated, TicketCalled), assurant une réactivité sous les 100 ms avec reconnexion automatique en cas d'aléa réseau.
Défis Techniques & Solutions
Conception intégrale de la borne & Clavier virtuel autonome
Pour garantir la robustesse de la borne en mode kiosque, il était indispensable de maîtriser entièrement le comportement tactile :
- Parcours usager épuré : Arborescence de démarches claire, boutons surdimensionnés et contrastés pour une navigation sans friction.
- Clavier virtuel sur-mesure : L'usage du clavier virtuel natif des OS mobiles provoquant des décalages d'écran inesthétiques et l'apparition de barres d'outils parasites, j'ai développé un composant de clavier tactile virtuel autonome. Directement intégré au DOM, il est restreint aux caractères utiles (chiffres, lettres) et découplé du système sous-jacent.
Synergie avec MG_UI & Back-Office d'Administration
Le développement du back-office de PopQueue s'est appuyé sur les composants de notre bibliothèque MG_UI conçue en parallèle :
- Console agent réactive : Gestion des actions en un clic (appel suivant, mise en attente, réorientation vers un autre guichet).
- Supervision multi-guichets : Vues de synthèse en temps réel affichant les files d'attente actives et le statut de chaque agent présent.
- Synthèse vocale (RGAA 4.1.2) : Intégration de la Web Speech API pour vocaliser dynamiquement les appels en salle d'attente (« Ticket numéro A42 au guichet 3 »), offrant une accessibilité totale aux personnes malvoyantes.
Impact & Résultats
- < 100 ms de latence de synchronisation entre l'action d'appel de l'agent et la notification visuelle/sonore en salle.
- Déploiement universel : Fonctionnement direct sur tablettes et écrans du commerce sans investissement matériel lourd.
- Accessibilité exemplaire : Respect rigoureux des critères du RGAA 4.1.2 (zones tactiles larges, contrastes, vocalisation).
- Gain de productivité : Réduction des temps d'attente ressentis et confort d'organisation pour les agents d'accueil.
Documentation & Ressources
Pour consulter les flux d'échanges et les spécifications ergonomiques :