Simulateur
SRRR — Un simulateur routier ludique, simple et accessible
Enseigner, apprendre, sensibiliser aux risques routiers avec un outil pédagogique ludique et facile à utiliser : mettre en scène n'importe quelle situation de circulation pour tous les usagers.
Présentation
Le simulateur SRRR est une application web et mobile de représentation visuelle et interactive de situations de circulation. L'interface permet la création, la manipulation et l'analyse de scénarios par déplacement d'usagers de la route : véhicules, deux-roues, piétons, sur des fonds prédéfinis, une carte réelle ou une image personnalisée.
L'outil permet d'illustrer des situations concrètes, d'analyser des comportements de conduite et de reproduire des scénarios complexes, en s'adaptant à différents contextes : formation initiale, perfectionnement, sensibilisation.
L'application peut s'utiliser sur le terrain en conduite ou en salle, sur mobile, tablette, ordinateur, vidéoprojecteur, etc.
Philosophie
L'application est conçue pour rester la plus simple et la plus accessible possible, aussi bien dans son design que dans les options proposées : des graphismes volontairement sobres et des véhicules au dessin simple et neutre, pour garder l'attention sur la situation de circulation plutôt que sur l'outil.
Public concerné
Le simulateur s'adresse aux enseignants de la conduite, formateurs et animateurs de prévention routière, élèves et stagiaires, ainsi qu'à toute personne intervenant dans le champ de la sécurité routière.
Une pédagogie active
L'enseignant ou l'animateur n'est pas seul à manipuler la scène : l'élève, ou le groupe d'élèves, peut lui-même déplacer les usagers pour construire, tester ou corriger un scénario. Cette souplesse permet de mobiliser trois approches pédagogiques, selon le contexte de la séance.
- Enseignement magistral — l'enseignant met en scène une situation et l'explique à l'élève ou au groupe, en s'appuyant sur une représentation visuelle fidèle du terrain
- Méthode interrogative — l'enseignant pose des questions ouvertes pour faire réfléchir l'élève avant de révéler la réponse.
- Méthode de la découverte — l'élève ou le groupe explore et construit lui-même le scénario, pour en tirer ses propres conclusions sur la situation
Pourquoi c'est innovant
Contrairement aux supports vidéo ou aux planches figées utilisés classiquement en formation à la conduite, SRRR Simulateur est un espace de travail que l'on peut faire basculer d'un usage à l'autre : l'enseignant peut mettre en scène et démontrer, ou laisser l'élève manipuler pour répondre à une question ouverte ou explorer librement une situation, sans matériel ni support supplémentaire.
- Positionnement libre, rotation, clignotants et angle mort activable par véhicule, sur une carte réelle géolocalisée ou une image personnalisée — une combinaison absente des supports pédagogiques figés du marché
- Application web, PWA installable, aussi bien sur un smartphone en entretien individuel que projetée en salle pour un groupe
- La même mécanique de positionnement libre des usagers sur un fond de carte géolocalisé permet aussi de reconstituer et d'illustrer une situation d'accident — un usage qui peut intéresser assureurs et experts, par exemple dans le cadre d'un constat amiable. Ce n'est pas la vocation première de l'outil, qui reste la formation et la sensibilisation, mais cela illustre la souplesse de la brique technique développée
Fonctionnalités et mode d'emploi
Glossaire
- Usagers disponibles
- Voiture auto-école, voitures verte, bleue, rouge et grise, van, moto, camion, bus, livreur à vélo, livreur à scooter, deux groupes de piétons — positionnés et orientés librement sur la scène. Les véhicules sont dessinés dans un style homogène et neutre, à une échelle commune, pour rester lisibles et centrés sur la situation. Voir la vidéo de sélection des véhicules.
- Scénarios prédéfinis
- 14 scènes : giratoire 2 voies, positionnement en giratoire, rond-point, priorités à droite, absence de signalisation, intersection en T, cédez le passage, croisement, croisement à l'indonésienne, insertion, stockage, demi-tour, rangement en bataille, centre-ville. Voir la vidéo des scénarios prédéfinis.
1. Sélection des véhicules et usagers
Le bouton de configuration en haut à gauche ouvre un menu de sélection des véhicules et scènes. La réouverture de ce menu permet la désélection d'éléments. Le véhicule jaune est toujours visible par défaut.
2. Gestion du fond de scénario
Le fond de la scène peut être zoomé et déplacé grâce aux boutons dédiés (+ / − / réinitialiser) ou, sur tablette et mobile, par un geste de pincement à deux doigts.
Images prédéfinies ↑ retour au glossaire
Image importée ↑ retour au glossaire
Carte géolocalisée ↑ retour au glossaire
Bascule satellite / plan ↑ retour au glossaire
3. Déplacement du véhicule ↑ retour au glossaire
Deux méthodes disponibles :
- Glissement via la poignée bleue
- Déplacement manuel par clic sur le toit du véhicule
4. Menu de contrôle ↑ retour au glossaire
Un double-clic ou tap sur le toit du véhicule affiche les options :
- Activation/désactivation des clignotants
- Affichage/masquage des angles morts
- Réinitialisation des clignotants et angles morts, puis fermeture du menu
La fermeture du menu s'effectue également par clic dans une zone vide.
Fiche technique
Architecture
Cœur applicatif en JavaScript vanilla — aucun framework, une quinzaine de modules indépendants — et Tailwind CSS, pour environ 50 Ko au total (JS + CSS). Sous forme de PWA installable sans passer par un store, avec mise à jour automatique. Cartographie via Mapbox (vue plan et satellite), la seule librairie externe du projet, retenue pour sa sobriété en collecte de données et son coût ; données géographiques OpenStreetMap. Décors et véhicules en SVG : légers, rapides à afficher et nets à tous les niveaux de zoom.
Sobriété
Le faible poids du cœur applicatif et l'absence de traitement serveur (pas de base de données, pas de calcul distant) limitent la consommation d'énergie et de bande passante, aussi bien sur l'appareil que côté hébergement.
Compatibilité
Fonctionne sur tous les navigateurs courants ; testée sur iOS et Android, en navigateur comme en application installée.
Contenu
Version 2 (septembre 2026) : 14 scènes routières prédéfinies, 13 usagers disponibles (9 véhicules, 2 livreurs, 2 groupes de piétons), interface entièrement en français.
Hors connexion
L'interface, les décors et les icônes sont mis en cache dès la première visite. Les fonds de carte géolocalisée nécessitent une connexion pour charger les tuiles — une image personnalisée ou une capture d'écran permet de continuer à utiliser le simulateur sans connexion.
Sécurité et confidentialité
Connexion intégralement chiffrée (HTTPS). Aucune base de données. Les statistiques de fréquentation passent par Matomo auto-hébergé, sans cookies.
Accessibilité
Structure sémantique, contrastes conformes au niveau AA du WCAG, états annoncés aux lecteurs d'écran, testé avec VoiceOver. Limites connues : pas d'alternative au glisser-déposer, zones tactiles non vérifiées de façon exhaustive.
Performance
Score Lighthouse : 98 performance, 95 accessibilité, 96 bonnes pratiques.
Qualité et maintenance
Tests automatisés (unitaires et bout en bout) exécutés avant chaque mise en production. Projet actif depuis environ 18 mois, mises à jour et améliorations régulières.