Détails du projet
L'Ecole des Formations Maritimes est une étabilissement scolaire rattachée au Ministère de la Mer. Sur ses deux sites de l'île d'Yeux et des Sables d'Olonne, elle forme les professionels de la pêche, du matelot au chef de quart et capitaine. Dans le cadre des formations, les élèves doivent s'exercer à la pratique du Système Mondial de Détresse et de Sécurité en Mer (SMDSM) sur des simulateurs aggrés. Or, le nombre de simulateurs étant trop faible pour l'effectif des classes, les enseignants organisent des sessions d'entrainement à l'aide d'un DVD interactif pour permettre aux élèves de d'écouter les versions françaises et anglaises des pharses au préalable. Cette solution posait deux problèmes majeurs :
- Le DVD était basé sur une technologie obsolète (Flash) dont la compatibilité navigateurs a cessé en janvier 2021.
- Les pistes audio étaient figées. Les équipes ne pouvaient les faire évoluer lors des mises à jour du SMDSM.
Il m'a donc été demandé de trouver une solution pragmatique pour résoudre ces deux problèmes clefs. C'est pourquoi j'ai conçu une application web, basée sur un back-office headless. Le contenu est ainsi éditable à la volée, sans développement supplémentaire. De plus, en m'appuyant sur les standards HTML5 et JavaScript, je me suis assuré de la compatibilité long terme de l'application pour ne pas être dépendant d'une technologie propriétaire.
Concernant le design de l'interface, il a été important de moderniser celle présente sur le DVD, tout en restant très simple et accessible pour des personnes qui ne sont pas nécessairement habituées aux outils web.
Les points clefs
- UX Design
- Standards HTML5
- React / TypeScript
Année
2021
Screenshots
