Former les soignants par la vidéo interactive
Plateforme de formation médicale interactive développée sur mesure via l'agence web Apperture pour un groupe pharmaceutique spécialisé dans le soin des plaies. Elle propose des scénarios vidéo à embranchements dans lesquels le soignant prend des décisions de prise en charge et en voit les conséquences.
Je suis intervenu en freelance, de 2018 à 2020, sur la conception et le développement complet de la plateforme.
Contexte
Le groupe souhaitait former des professionnels de santé au soin des plaies avec un format plus actif qu'un support à lire : regarder une situation clinique, choisir une conduite à tenir, sélectionner un produit, puis voir la suite du cas évoluer selon ce choix.
Les formations devaient être diffusées dans plusieurs langues et pouvoir être multipliées sans repasser par le développement à chaque nouveau scénario.
Le problème à résoudre
- Simuler une prise en charge — enchaîner vidéos, questions et embranchements selon les réponses.
- Décrire un scénario sans coder — permettre de créer et modifier un parcours en éditant sa description.
- Diffuser simplement — publier chaque formation, dans chaque langue, sans infrastructure lourde.
Contraintes
- Trois langues — français, anglais et néerlandais, avec des vidéos et contenus propres à chaque langue.
- Tous les écrans — consultation sur ordinateur, tablette et smartphone.
- Hébergement neutre — les formations doivent pouvoir être servies par n'importe quel serveur web, sans serveur applicatif.
Choix techniques et pourquoi
- Scénarios décrits en YAML — chaque formation est un fichier structuré : séquences vidéo, slides, questions, embranchements et chronomètres. Ajouter un parcours revient à écrire sa description, pas à modifier le moteur.
- Symfony comme moteur de génération — l'application interprète les scénarios et produit les pages ; elle sert à fabriquer les formations, pas à les héberger.
- Génération de sites statiques — une commande Symfony produit, pour chaque formation et chaque langue, un site HTML, CSS et JavaScript autonome. Sans base de données ni code serveur en production, le déploiement est simple et la surface d'attaque réduite au minimum.
- Bootstrap pour l'interface — une mise en page responsive commune à toutes les formations.
Ce qui a été livré
- Moteur de scénarios — orchestration des vidéos, des slides, des embranchements conditionnels et du score.
- Slides interactifs — informations complémentaires, images de produits et questions de validation entre les séquences vidéo.
- Chronomètre de décision — temps de réponse limité sur certaines questions.
- Choix visuel de produits — sélection du pansement ou du traitement adapté dans une galerie illustrée.
- Générateur statique multilingue — un site autonome par formation et par langue (FR, EN, NL).
Résultats
Les formations ont été produites et déployées en trois langues à partir d'un seul moteur. Le format statique permet de les publier sur n'importe quel hébergement, sans dépendance applicative à maintenir après livraison.
Stack
- Génération — PHP, Symfony (commande de génération), scénarios en YAML
- Front-end — HTML, CSS et JavaScript statiques, Bootstrap, lecteur vidéo intégré
Pour aller plus loin
Ce projet relève de mon offre de développement web sur mesure.
PHP
Symfony
Bootstrap