Étude de cas LSF-CFB : application e-learning en langue des signes, Flutter et WordPress

Cette étude de cas d’application e-learning raconte la création de LSF-CFB, une application mobile pour apprendre la langue des signes française (LSF). Je l’ai conçue et développée de janvier à avril 2026 pour CFB Lyon, un centre de formation certifié Qualiopi installé dans le 8ᵉ arrondissement de Lyon. L’application est écrite en Flutter et s’appuie sur un back-office WordPress construit sur mesure : un seul back-office pour toutes les plateformes. Elle est publiée sur l’App Store depuis mai 2026.

Si vous préparez un projet comparable, la page création d’application e-learning détaille ma démarche et les budgets à prévoir.

Contexte et objectifs : une application de LSF qui n’existait pas

CFB Lyon propose déjà des formations en langue des signes française. Le centre voulait les prolonger sur téléphone : des vidéos de signes accessibles partout, une progression motivante, une communauté d’apprenants et une offre dédiée aux entreprises. Le tout sur iPhone et sur Android, avec des cours que le centre publie lui-même.

Pascal, mon interlocuteur chez CFB Lyon, m’a rencontré à Lyon pour un projet en deux volets : la refonte du site du centre et une application pour apprendre à communiquer avec les personnes sourdes et malentendantes, à son rythme. Dans son avis, il la décrit comme « une application qui n’existait pas à ce jour ».

Les objectifs fixés au cadrage étaient concrets :

• une seule base de code pour l’iPhone, Android et le web, avec la même expérience partout ;
• laisser le centre gérer cours, vidéos et prix sans dépendre d’un développeur ;
• vendre l’accès de plusieurs façons : abonnement Basic, Premium ou Pro, ou location d’un cours ;
• motiver les apprenants dans la durée avec des quiz et une part de jeu ;
• proposer aux entreprises un espace pour inscrire leurs salariés et demander un devis.

Les défis : vidéo, accessibilité, paiements, iOS et Android

Quatre contraintes ont guidé l’architecture : une vidéo qui doit se lire sans accroc sur des téléphones très différents, une interface utilisable sans le son, des règles de paiement imposées par Apple, et un budget qui excluait de développer puis de maintenir deux applications natives séparées.

• La vidéo est le cours. En LSF, une vidéo qui saccade ou refuse de démarrer rend la leçon inutilisable.
• L’accessibilité n’est pas une option. Tout doit rester utilisable sans le son.
• Les paiements sont encadrés. Sur iPhone, Apple impose son achat intégré pour les contenus numériques.
• Plusieurs plateformes, un seul budget. Deux applications natives auraient doublé chaque évolution.

La solution : Flutter et une API REST WordPress sur mesure

J’ai retenu Flutter pour l’application, un seul code pour iOS, Android et le web, et WordPress comme back-office. Les deux communiquent par une API REST que j’ai écrite pour le projet, sans plugin LMS : chaque écran de l’application appelle des routes conçues exactement pour lui.

Un seul code Flutter pour iOS, Android et le web

Flutter produit une application native pour chaque store à partir d’une base de code unique, écrite en Dart : une fonctionnalité développée une fois fonctionne sur iPhone et sur Android. La même base produit aussi une version web installable, branchée sur la même API : un apprenant retrouve ses cours et ses favoris d’un appareil à l’autre. Je détaille ces avantages sur la page développeur Flutter freelance.

WordPress comme back-office unique

C’est dans WordPress que le centre crée les cours, envoie les vidéos, fixe les prix et consulte les inscrits. WordPress centralise aussi les droits d’accès et l’historique des paiements. C’est le principe d’une application mobile WordPress bien faite : le site reste l’outil de gestion, l’application reste rapide et native.

Une API REST sur mesure plutôt qu’un plugin LMS

Les plugins LMS du marché sont pensés pour un site web, pas pour une application mobile. Ils auraient imposé leur logique, leurs pages et leurs mises à jour. J’ai préféré un espace de routes dédié (authentification, cours, abonnements, paiements, favoris, forum, espace entreprise) qui renvoie uniquement les données utiles à chaque écran. Cette approche découplée est celle que je décris sur la page WordPress headless et API REST. Les détails techniques pour relier l’application Flutter à WordPress (routes sur mesure, authentification par jeton, cache) sont dans un guide dédié.

Les fonctionnalités clés de l’application

LSF-CFB réunit un catalogue de cours vidéo en streaming protégé, des favoris, des abonnements Basic, Premium et Pro, la location d’un cours pour 7, 30 ou 90 jours sur Android et sur le web, des quiz, un forum, un espace entreprise, une part de jeu (points, badges, séries de jours, défis quotidiens) et un mode sombre.

Fonctionnalité	Dans l’application	Côté WordPress
Catalogue et lecteur vidéo	Cours par catégorie, lecture en streaming et en plein écran, favoris	Création des cours et envoi des vidéos
Abonnements et locations	Basic, Premium ou Pro, au mois ou à l’année ; location d’un cours pour 7, 30 ou 90 jours sur Android et sur le web	Prix, durées, droits d’accès et historique des paiements
Quiz	Proposés à la fin d’une leçon : score, seuil de réussite, explication de chaque réponse	Intégrés à l’application
Communauté	Forum : sujets, réponses, mentions « j’aime », recherche	Sujets et réponses stockés dans WordPress
Espace entreprise	Tableau de bord, ajout et retrait des salariés, présentation de l’offre entreprise, demande de devis, rubrique documents, formulaire de contact du formateur	Comptes entreprises, rattachement des salariés, devis et messages reçus
Engagement	Points, badges, séries de jours, défis quotidiens	Calculé dans l’application
Confort	Mode sombre, historique des locations et des paiements	Données de compte

La gamification mérite un mot. Apprendre une langue demande de la régularité : des séries de jours consécutifs, des défis quotidiens et des badges à débloquer donnent une raison de rouvrir l’application chaque jour. Chaque vidéo regardée jusqu’au bout rapporte des points et, quand la leçon en comporte un, ouvre la porte à son quiz. L’espace entreprise, lui, répond à une demande précise du centre : une société rattache ses salariés à son compte, les retire quand ils partent, et demande un devis ou écrit au formateur sans quitter l’application.

Les choix techniques, expliqués simplement

Les décisions les plus importantes concernaient la vidéo, le paiement et la protection des contenus. Chacune répond à un problème réel rencontré pendant le projet ou imposé par les stores, et chacune a été réglée côté serveur quand c’était possible, pour que l’application reste légère et simple à mettre à jour.

Une vidéo lisible sur la grande majorité des téléphones

Fin avril 2026, après la mise en service, une vidéo refusait de démarrer sur un téléphone Samsung : sa définition dépassait les capacités du décodeur matériel de l’appareil. Plutôt que de demander au centre de maîtriser l’encodage, j’ai ajouté côté WordPress un module qui réencode automatiquement chaque vidéo envoyée : 720p en H.264, avec une lecture progressive qui démarre avant la fin du téléchargement. L’original est conservé et l’adresse de la vidéo ne change pas : l’application récupère la nouvelle version sans mise à jour, et la lecture fonctionne sur la grande majorité des téléphones Android et des iPhone.

Des paiements conformes aux règles d’Apple

Sur iPhone, les abonnements passent par l’achat intégré d’Apple ; la location d’un cours à l’unité n’y est pas proposée, pour rester dans les règles de l’App Store. Une extension WordPress écrite pour le projet vérifie chaque reçu auprès d’Apple avant d’enregistrer l’accès, et l’application permet de restaurer ses achats. Sur Android et sur la version web, abonnements et locations passent par une page de paiement Stripe sécurisée. Dans tous les cas, les droits d’accès sont enregistrés par le serveur ; si la vérification échoue sur le moment, l’application la relance automatiquement.

Des comptes et des contenus protégés

Le jeton de connexion est conservé dans le stockage sécurisé du téléphone (trousseau iOS, keystore Android). Les vidéos ne sont pas téléchargeables : elles sont lues en streaming pendant la durée de la location ou de l’abonnement. Pendant la lecture d’un cours, l’application active aussi, sur iPhone et sur Android, une protection contre les captures d’écran, pour limiter la copie des vidéos produites par le centre.

Accessibilité et performance

Une application de langue des signes doit pouvoir s’utiliser sans le son, par des personnes sourdes ou malentendantes comme par des apprenants entendants dans les transports. J’ai aussi travaillé les contrastes, la taille des zones tactiles et la rapidité d’affichage, car une leçon se suit souvent en quelques minutes, pendant une pause.

• consignes, retours de quiz et messages toujours écrits, jamais seulement sonores ;
• mode sombre et contrastes travaillés pour un usage prolongé ;
• messages d’erreur explicites : si une vidéo ne peut pas être lue, l’apprenant sait pourquoi ;
• vidéos réencodées pour démarrer vite, même sur un réseau mobile moyen ;
• données légères : l’API ne renvoie que ce que l’écran affiche.

Où trouver l’application

LSF-CFB est publiée sur l’App Store depuis mai 2026, sous le nom « LSF-CFB ». Une version web, issue du même code Flutter, permet aussi de suivre les cours depuis un navigateur avec le même compte. La version Android partage ce code ; sa fiche Google Play n’est pas encore en ligne.

La fiche de l’application est consultable sur l’App Store d’Apple.

Résultats et avis client

L’application est en ligne avec son back-office WordPress. Je ne publie pas de chiffres de téléchargement sans données vérifiées : le retour le plus parlant reste celui du client, laissé sur Codeur.com le 3 avril 2026 avec la note de 5 sur 5, pour l’application et le site.

Il l’a fait avec beaucoup de fonctionnalités et d’options d’apprentissage. J’ai reçu déjà beaucoup d’appel et de lead.

Pascal, CFB Lyon — avis Codeur.com du 3 avril 2026

Dans le même avis, Pascal écrit que je vais « devenir un partenaire dans l’entreprise » : une application vit après sa sortie et demande un suivi. L’avis complet et les autres évaluations sont réunis sur la page avis clients Codeur.com.

Stack technique

Couche	Technologie	Rôle
Application	Flutter (Dart)	iOS, Android et version web depuis un seul code
Back-office	WordPress	Cours, vidéos, utilisateurs, forum, espace entreprise
Paiement	Achat intégré Apple (StoreKit), Stripe Checkout	Abonnements, locations, historique des paiements
Sécurité	Stockage sécurisé, protection d’écran	Jeton de connexion chiffré sur le téléphone, captures bloquées pendant la lecture
API	API REST WordPress sur mesure (PHP)	Échanges sécurisés entre l’application et WordPress
Vidéo	Module de réencodage WordPress (H.264, 720p)	Lecture fiable sur les téléphones Android et iPhone

Ce que j’en retiens

Une application e-learning réussie tient moins au nombre de fonctionnalités qu’à la solidité de trois briques : la vidéo, le paiement et l’autonomie du client. Si l’une cède, l’apprenant abandonne ou le client redevient dépendant de son développeur. C’est sur ces trois points que j’ai concentré l’effort.

Certaines fonctions ont été laissées hors de cette première version : notifications push, mode hors ligne, reprise de lecture à la seconde près ou messagerie entre apprenants. Elles se greffent sur le même socle Flutter et WordPress le jour où le besoin est confirmé par les usages, plutôt que d’alourdir le lancement.

Je retiens aussi qu’un back-office sur mesure n’est pas un luxe : il demande plus de travail au départ qu’un plugin LMS, mais chaque évolution est ensuite simple. C’est la même méthode que j’applique pour une plateforme e-learning WordPress sans application.

Vous avez un projet de formation en ligne, en LSF ou dans un autre domaine ? Décrivez-le en quelques lignes : je vous réponds personnellement, et le cadrage est gratuit.