Lire, compter et s’amuser !
Des jeux pour apprendre à lire, à compter et à parler anglais, de la petite section au CM2.
- Sur téléphone, tablette et ordinateur : iPhone, iPad, Android, Windows, Mac.
- Sans compte ni publicité, et sans Internet une fois installée.
- Un profil par enfant (jusqu'à 6), avec son prénom, son personnage et sa photo.
- Toutes les données restent sur l'appareil. Rien n'est envoyé ailleurs.
👉 Adresse de l'application : https://fun.ermdx.app
L'ancienne adresse (mdurieux2.github.io/lire-compter-samuser) n'est plus publiée : ouvrir la
nouvelle adresse et y remettre l'icône sur l'écran d'accueil. Les profils sont enregistrés sur
l'appareil pour chaque adresse : ils sont à recréer à la nouvelle adresse.
Installer l'application
L'application s'ouvre dans le navigateur. Une fois ajoutée à l'écran d'accueil, elle s'ouvre
en plein écran, comme une application classique, avec son icône.
iPhone et iPad
- Ouvrir l'adresse dans Safari.
- Toucher Partager (le carré avec une flèche vers le haut).
- Faire défiler la liste, puis toucher Sur l'écran d'accueil, puis Ajouter.
Dans un autre navigateur (Chrome, Brave…), l'option Sur l'écran d'accueil se trouve aussi
dans le menu Partager, tout en bas. Si elle n'y est pas : Modifier les actions… puis l'ajouter.
Android
- Ouvrir l'adresse dans Chrome.
- Toucher le menu ⋮ (en haut à droite).
- Toucher Ajouter à l'écran d'accueil (ou Installer l'application), puis Installer.
Ordinateur (Windows, Mac, Linux)
- Chrome ou Edge : ouvrir l'adresse, puis cliquer sur l'icône Installer à droite de
la barre d'adresse (ou menu ⋮ → Installer Lire, compter et s’amuser !).
- Safari (Mac) : menu Fichier → Ajouter au Dock.
- Firefox : l'application fonctionne directement dans un onglet.
Sur ordinateur, tout se fait à la souris : cliquer, glisser (labyrinthes, étiquettes à placer),
tracer (relier, entourer). L'écran fonctionne en portrait comme en paysage, sur téléphone
aussi : en paysage, le dessin est à gauche, la consigne et les réponses à droite.
Premiers pas
- Au premier lancement, l'adulte crée le profil de chaque enfant : prénom, personnage
(fille ou garçon) et classe. Le prénom est écrit sur le tee-shirt du personnage et sert à
féliciter l'enfant (« Bravo Léa ! »). On peut ajouter une photo ensuite.
- « Qui joue ? » : l'enfant touche son portrait. Tout en bas : les boutons du son et de la
voix, le numéro de version, le contact et le journal des modifications (les nouveautés).
- Il choisit le Défi du jour (5 questions variées, une série de jours 🔥), Je révise
(les jeux ratés qui reviennent), un des jeux ⭐ Conseillé pour toi par ses parents, ou une
rubrique : Lire et écrire, Histoires, Nombres et calcul, Jeux et logique,
Temps et mesures, Le monde, Sciences, Anglais. Ses autocollants sont dans Mon album.
- Chaque jeu montre le niveau atteint (les points). En touchant Niveaux ▾, on choisit
directement un niveau.
- 👫 Jouer à deux, ou Jouer ensemble dès trois enfants (sur « Qui joue ? ») : de deux à six
enfants jouent à tour de rôle sur le même appareil, chacun à son niveau, dans l'ordre où l'on a
touché leurs portraits. Une dizaine de questions en tout (10 à deux, 9 à trois, 12 à quatre, 10 à
cinq, 12 à six) ; le tableau des points montre à qui c'est le tour, et chacun gagne ses étoiles.
Tant que l'application n'est pas installée, « Qui joue ? » rappelle comment ajouter l'icône sur
l'écran d'accueil (les étapes dépendent de l'appareil) ; « Plus tard » masque ce rappel.
Ce qu'on apprend
Les jeux et les niveaux s'adaptent à la classe choisie pour chaque enfant : seuls les jeux et les
niveaux de l'année sont proposés, d'après les programmes officiels en vigueur en 2026-2027. Les sources
et les repères sont dans docs/programmes.md, la liste jeu par jeu dans app/js/programs.js.
| Classe | Français | Maths | Anglais | Le monde | Sciences |
|---|
| Petite section | Frapper les syllabes, les rimes en images, les mots du quotidien, les premiers traits au doigt, une histoire écoutée (rien à lire) | Compter les tout petits nombres, le panier, comparer, ranger par taille ; gros puzzles, memory, formes, motifs, l'intrus, les ombres, le premier labyrinthe | Écouter et toucher, compter, « Where is the cat? », comptines | Les animaux, les saisons, vivre ensemble, se repérer | Le corps, les objets, la météo, trier ses déchets |
| Moyenne section | Syllabes, rimes, lettres capitales, chemin de A à E, écrire au doigt (traits, chiffres, capitales) | Compter jusqu'à 10, le panier, relier les quantités, ranger par taille, formes, motifs, l'intrus, les ombres, sudoku en images, cubes, labyrinthes, puzzle, memory, coloriage magique, points à relier | Écouter et toucher, compter en anglais, « Where is the cat? » | Où vivent les animaux, les saisons, les émotions et la politesse | Le corps et les sens, les objets de la maison, le temps qu'il fait, trier ses déchets |
| Grande section | Syllabes, rimes, lettres (nom et son), premier son, alphabet, écrire au doigt (jusqu'aux lettres attachées et son prénom), première dictée | Compter jusqu'à 20, faire des paquets, petits problèmes, doubles, calcul ±5 et ±10, logique, symétrie, labyrinthes, puzzle, memory | Écouter et toucher, compter, in/on/under, les nombres, mélanger les couleurs, l'intrus, les contraires | Les bébés des animaux, les moments de la journée, les drapeaux, devant, derrière, sur, sous | Le squelette, les milieux, solide ou liquide, l'aimant, l'électricité qui peut être dangereuse, le jour et la nuit, la météo |
| CP | Premier son, syllabes, lire des mots, mots-outils, petits textes, épeler, dictée de mots, écrire au doigt | Dénombrement, dizaines, calcul en 36 paliers, calculs à trous, relier les calculs, problèmes, ranger, l'heure, régler l'horloge, la monnaie, sudoku, symétrie, cubes, coloriage magique avec des calculs | Écouter (10 thèmes), lire, relier, compter, les nombres jusqu'à 20, calculer en anglais, colorier, memory, petites phrases | Ce que mangent les animaux, les jours, les pays, les drapeaux, traverser la rue, les numéros d'urgence | Les organes, qui mange qui, l'eau dans tous ses états, dissoudre et filtrer, le circuit électrique, la roue et le levier, la Lune, économiser l'eau |
Chaque jeu a de 7 à 10 niveaux de difficulté croissante (le calcul en a 36 paliers) ; le niveau s'adapte à
l'enfant, et on peut aussi le choisir directement.
Les jeux
Français
- Écouter les sons : frappe les syllabes, les rimes.
- Lettres et sons : les lettres, le premier son, les syllabes.
- Lire : le bon mot, les petits mots, la bonne phrase, petits textes avec des questions
de compréhension (dont des textes de saison, plus fréquents pendant leur saison) ; au cours moyen,
lire et comprendre (récits, documentaires, poèmes, scènes de théâtre, lettres : l'implicite, le genre du
texte, le sens d'un mot, qui parle, l'ordre des événements).
- Pour le cours moyen : la conjugaison du CM (jusqu'au passé simple et au plus-que-parfait),
la phrase et ses fonctions (sujet, COD, COI, compléments circonstanciels, attribut, épithète),
accords et homophones et les mots du CM (synonymes, préfixes, suffixes, homonymes).
- Histoires : lues en karaoké, par la voix d'Estelle ou par la voix d'un parent ;
des histoires d'Halloween, de Noël, d'hiver, de printemps, d'été et d'automne reviennent pendant leur saison.
Dans l'ordre : remettre de 3 à 5 images d'une histoire dans l'ordre (le début, la fin, avant, après).
- Grammaire : le bon petit mot (a/à, et/est, son/sont, on/ont), le, la, les, un, une ;
la conjugaison (être, avoir, aller, faire et les verbes en -er au présent, au futur et au passé
composé), les accords (pluriel en s ou x, féminin, l'adjectif et le verbe, la lettre ajoutée
soulignée), ponctuation et majuscules (choisir . ? ou ! d'après l'intonation d'Estelle).
- Vocabulaire : les mots (catégories, contraires, synonymes, familles de mots).
- Lire à voix haute (du CP au CM2) : l'enfant lit le plus de syllabes, de mots ou de texte possible
en une minute, comme aux évaluations nationales ; un adulte écoute et touche les mots ratés (barrés en
rouge), puis le dernier mot lu. Le score (mots correctement lus par minute) et son évolution sont dans le Suivi.
- Textes déchiffrables (CP) : si les parents ont coché les sons déjà vus en classe, les jeux de
lecture n'utilisent que des mots lisibles avec ces sons et les mots-outils choisis.
- Labyrinthes : le chemin des lettres (alphabet, épeler un mot).
- Écrire : écris au doigt (suivre le modèle dans le bon sens : traits et boucles,
chiffres, capitales, minuscules attachées, puis son prénom) et la dictée de mots (on entend le mot, on touche les lettres dans
l'ordre ; puis sans l'image, puis avec des lettres pièges b/d, m/n, é/è…).
Maths
- Dénombrement : Combien ? (on touche chaque objet, la voix compte), Vite vu ! (dé,
boîtes de 10, dizaines en vue éclair), Le panier (listes de courses : « 6 bananes,
3 pommes et 2 fraises »), Fais des patates (entourer au doigt des paquets de 2, 5 ou 10,
puis compter le tout), Relie les quantités, Dizaines et unités.
- Nombres et calcul : comparer, la suite des nombres, le calcul en 36 paliers (+5, −5,
±5, +10 … ±100, avec pavé numérique, « Relie » et « Complète »), les calculs à trous
(glisser les nombres dans les cases, chaque calcul juste devient vert), relie les calculs
(tracer un trait jusqu'au résultat), faire 10, ranger dans l'ordre, petits problèmes
racontés avec le prénom de l'enfant, doubles et moitiés, les tables.
- Pour aller plus loin : les problèmes en schémas (choisir le schéma en barres, puis calculer),
tableaux et graphiques (pictogrammes, barres), la droite numérique (placer et lire un nombre),
les fractions (moitié, tiers, quart d'une pizza ou d'une quantité), le partage (distribuer
au doigt, le reste, faire des paquets) et l'addition posée (en colonnes, avec la retenue).
- Pour le CE2 : les grands nombres (lire, décomposer, comparer, encadrer jusqu'à 10 000),
la multiplication (par 10 et 100, décomposer, puis posée avec retenue), la division (partage,
groupements, quotient et reste) et périmètres et longueurs (unités, conversions, périmètre d'un polygone).
- Pour le cours moyen (CM1 et CM2, dix niveaux chacun) : les très grands nombres (jusqu'aux
centaines de millions, multiples et diviseurs), les nombres décimaux (fractions décimales, droite
graduée, comparer, ranger, × et ÷ par 10, 100, 1 000), les fractions du CM, le calcul mental du CM,
les opérations du CM (virgule sous la virgule, multiplier par un nombre à deux chiffres, quotient et
reste, division décimale), les problèmes du CM (proportionnalité, fractions, durées, programmes de
calcul), données et hasard (tableaux, diagrammes, courbes, diagramme circulaire, probabilités),
les mesures du CM (conversions, durées, aires) et la géométrie du CM (angles, droites, figures
codées, cercle, solides, patron du cube).
- Formes et logique : les formes, les suites de motifs, l'intrus, cherche et trouve (retrouver une image parmi
6 à 27 autres, de plus en plus petites, tournées et ressemblantes ; un visage ; celle qui n'est pas comme les autres),
les ombres, le
(4 × 4 en images, puis en chiffres, 6 × 6, jusqu'au avec de moins en moins d'indices), la sur quadrillage,
(empilements en 3D, avec des cubes cachés).
Jeux et logique
- Puzzles, memory et coloriages : le puzzle (de 4 à 25 pièces, toucher deux pièces pour les
échanger, 💡 pour placer une pièce), le memory (de 2 à 10 paires, et « chiffre et quantité »),
le coloriage magique (chaque zone a un nombre ou un calcul, sa couleur est dans la palette),
les points à relier au doigt (de 1 en 1, de 2 en 2, de 5 en 5, de 10 en 10, à rebours : un
dessin apparaît).
Anglais (10 thèmes : couleurs, nombres, animaux, nourriture, corps, vêtements, école,
météo, émotions, famille)
- Écouter et lire : écoute et touche, lis et touche, le mot anglais, relie en anglais, épelle.
- Nombres et couleurs : compte en anglais, les nombres jusqu'à 100 (écouter, lire, écrire),
calcule en anglais (« two plus three »), mélange les couleurs (« red and yellow make
orange »), colorie en anglais (lire « 1 red, 2 blue… »).
- Mots et phrases : le memory anglais (image et mot), l'intrus, les contraires
(big / small, hot / cold…), « Where is the cat? », les petites phrases à remettre dans
l'ordre, parler anglais (saluer, comptines), et l'anglais du CM (l'alphabet, la date, l'heure,
la famille, I like / I don't like, se décrire, la ville, who/what/where/when, le présent simple).
Le monde
- Les animaux : où ils vivent, leurs bébés, ce qu'ils mangent, qui pond des œufs.
- Le temps qui passe : les saisons, les moments de la journée, les jours, les mois.
- Les pays du monde : des pays d'Europe et du monde, les continents.
- Les drapeaux : 46 drapeaux dessinés ; reconnaître un pays, trouver le drapeau, les
drapeaux qui se ressemblent, le continent, la couleur qui manque.
- La carte du monde : toucher sur la carte les continents, les océans, la France et ses voisins,
les pays, le pays d'un drapeau ou d'un animal, les capitales, et voyager d'un pays à son voisin.
- Sécurité et vivre ensemble : les émotions, la politesse, les règles de la classe, traverser la
rue, les dangers de la maison, les numéros d'urgence (15, 17, 18, 112).
- Les émotions : reconnaître six émotions sur un visage (joie, tristesse, colère, peur, surprise, dégoût), les
nommer, les relier à une situation et à ce que l'on sent dans son corps, dire si elles sont petites ou grandes
(agacé, en colère, furieux), découvrir des émotions plus fines (fier, jaloux, déçu, timide, soulagé…), savoir se
calmer et aider un copain.
- Se repérer : sur, sous, devant, derrière, gauche, droite, puis quadrillages, plans et flèches.
- Gauche ou droite ? : l'image de gauche ou de droite, lire de gauche à droite, ma main gauche,
les flèches, le robot qui tourne, la voiture au carrefour, la gauche d'une personne de face.
- Pour le cours moyen : l'histoire de France (du Moyen Âge à la construction européenne, et la
frise du temps), la géographie (se nourrir, se déplacer, Internet, mieux habiter, les paysages et
les villes de France et d'Europe) et vivre en République (civisme, numéros d'urgence, démocratie,
égalité, fraternité, symboles, droits et devoirs, libertés, laïcité, l'Union européenne).
Sciences (de la petite section au CM2 ; au cours moyen, les sciences du CM : mélanges, lumière
et ombres, la Lune, classer le vivant, naître et grandir, écosystèmes, le cerveau, le système solaire,
l'énergie, volcans et séismes)
- Le vivant : le vivant (le corps, les cinq sens, les cycles de vie, l'hygiène, le sommeil, bien
manger), le corps humain (toucher sur le dessin un os, une articulation, un organe, suivre le
trajet des aliments), les animaux et leur milieu (classer, qui mange qui, l'hiver des animaux).
- La matière et les objets : la matière (solide, liquide, glace, vapeur, flotter ou couler,
l'aimant), les mélanges (dissoudre, filtrer, décanter, évaporer, mener une expérience),
l'électricité (les dangers, le circuit, l'interrupteur, conducteurs et isolants), objets et
machines (la roue, le levier, la poulie, les engrenages, les matériaux).
- Le ciel et la Terre : le ciel et la Terre (le jour et la nuit, le Soleil, la Lune, les
planètes, les saisons) et la météo (les symboles, s'habiller, le thermomètre, le vent, l'orage).
- La planète : prendre soin de la planète (trier ses déchets, économiser l'eau et l'énergie,
protéger la nature).
Défi du jour : chaque jour, 5 questions tirées des jeux de l'enfant, à son niveau. Une étoile
bonus et un jour de plus dans la série 🔥.
La boîte à outils 🧰
Inspirée des « Teacher Tools » de Toy Theater : des
outils de classe à manipuler librement, pour chercher, montrer, expliquer. Chaque enfant voit ceux de sa
classe. Un bouton 🎯 Un défi propose une consigne courte, dite par Estelle et adaptée à la classe
(« Pose 7 jetons dans le cadre. », « Mets l’horloge à 3 heures et quart. ») ; Vérifier répond sans
note ni étoiles, avec un indice qui ne donne pas la réponse. Pendant un défi, ce qui la donnerait (le
nombre, l'heure écrite) est caché. Les parents peuvent masquer la rubrique dans Ses jeux.
| Famille | Outils (classes) |
|---|
| Compter | le cadre de dix (PS–CE1), les jetons bicolores (MS–CE1), le tableau de cent (GS–CE2), les dés et la roue (PS–CM2) |
| Les nombres | les blocs de base dix (CP–CM2), la droite numérique (GS–CM2), la balance des nombres (GS–CE1) |
| Le temps et la monnaie | l'horloge (GS–CM1), les pièces et les billets (GS–CM2), le minuteur (PS–CM2, sans défi) |
| Formes et fractions | le géoplan (GS–CM2), les blocs de formes (PS–CE2), les réglettes de fractions (CE1–CM2), l'ardoise (PS–CM2, défis libres) |
Pour les développeurs : le catalogue et le contrat d'un outil sont dans app/js/outils.js, l'écran dans
app/js/outils-ecran.js, chaque famille dans app/js/outils/ (et app/css/outils-*.css).
Pédagogie
- Tout est lu à voix haute, par une seule voix naturelle enregistrée à l'avance (Estelle, en
français comme en anglais), qui marche aussi sans Internet. Chaque phrase est dite d'un seul tenant,
sans changer de voix. On réécoute en touchant le personnage ou la bulle.
- Son 🎵 et voix 🗣️ se coupent d'un geste sur chaque écran, même pendant un jeu : deux boutons
en haut à droite (en bas sur « Qui joue ? », avec la version, le contact et le journal). Coupé, le bouton est
barré. Le son regroupe la musique et les petits sons. Voix coupée, plus rien n'est lu, même les
histoires enregistrées par un parent ; remise pendant un jeu, la consigne est redite.
- Consigne complète à la première question, puis une consigne courte pour ne pas lasser.
- Niveau adaptatif pour viser environ 80 % de réussite : 5 bonnes réponses d'affilée font
monter d'un niveau, 3 erreurs sur 5 font redescendre, dans la fourchette de la classe.
- Pas d'échec : après une erreur, « Essaie encore ! » ; après deux, la bonne réponse brille.
- Corriger en expliquant : après une première erreur (calcul, tables, doubles, comparer, dizaines,
monnaie, homophones, accords, conjugaison), une courte explication dessinée et dite aide à comprendre
avant de réessayer, par exemple « 7 + 5 : 7 + 3 = 10, puis 10 + 2 = 12 » avec des boîtes de 10.
- Une main montre le geste la première fois qu'un enfant ouvre un jeu qui ne s'explique pas tout
seul (tracer, relier, entourer, glisser…) ; le bouton « ? » la remontre.
- Récompenses : étoiles, autocollants à collectionner, étoiles de maîtrise des paliers.
- Des parties courtes (5, 10 ou 15 questions) : 10 à 15 minutes par jour suffisent.
Accessibilité
Chaque enfant a son profil d'accessibilité, réglé par ses parents (Parents → Réglages →
Accessibilité, ou Enfants → Modifier → Accessibilité) et gardé sur l'appareil. Des réglages tout
prêts (Dyslexie, Vue basse, Daltonisme, Motricité, Surdité, Attention) allument d'un toucher ceux
qui vont ensemble ; chacun se règle aussi un par un :
| Réglage | Pour qui | Ce qui change |
|---|
| Taille du texte, texte espacé | dyslexie, basse vision | texte grand ou très grand ; lettres, mots et lignes plus espacés |
| Syllabes colorées | dyslexie, lecteur débutant | les syllabes des textes à lire alternent deux couleurs (et un soulignement) |
| Couleurs nommées | daltonisme | chaque couleur à choisir porte son nom et un motif |
| Fort contraste | basse vision | texte noir sur fond blanc, contours épais (aussi avec le réglage du système « augmenter le contraste ») |
| Grandes cibles | dyspraxie, motricité fine | boutons et cases plus grands |
| Toucher plutôt que glisser | dyspraxie, motricité | chaque geste glissé ou tracé se fait par touchers successifs (relier, patates, labyrinthes, écrire au doigt, points à relier…) |
| Mode calme | attention, sensibilité sensorielle | sans musique ni décor de saison, animations réduites, petits sons plus doux |
| Sans chrono | anxiété, lenteur | les défis chronométrés se jouent sans le temps |
| Sous-titres | surdité, malentendance | tout ce que dit Estelle est aussi écrit en bas de l'écran |
| Niveaux d'écoute facultatifs | surdité | les questions qui ne se jouent qu'à l'oreille sont remplacées ; un jeu entièrement à l'oreille est masqué |
Pour tous : les jeux se jouent aussi au clavier (Tab, Entrée, Espace, flèches), avec un contour de
focus bien visible ; les dessins sont décrits aux lecteurs d'écran (VoiceOver, TalkBack) ; aucune
information n'est portée par la couleur seule ; les contrastes et les règles WCAG 2.1 AA (axe-core) sont
contrôlés automatiquement à chaque modification. La déclaration d'accessibilité (RGAA) est dans
docs/accessibilite.md.
Espace parents
Le bouton Parents de l'écran « Qui joue ? » est protégé par un code parental à 4 chiffres,
demandé à chaque entrée (et pour donner 10 minutes de jeu en plus). Il est choisi la première fois,
après un calcul d'adulte (« 17 × 6 − 28 »), pour qu'un enfant ne puisse pas le choisir à la place
des parents ; un code trop facile (1234, 0000…) est refusé. Code oublié : un calcul plus dur
(« 37 × 16 − 248 »), puis 5 minutes d'attente avant de choisir le nouveau code (un enfant qui aurait
trouvé le calcul se lasse). Après trois erreurs de suite, il faut attendre, de plus en plus longtemps :
30 secondes, 2 minutes, 10 minutes, puis 30 minutes. Le code se change dans Réglages → Cet appareil.
Il ouvre trois onglets, qui restent en haut de l'écran. Chaque écran montre l'essentiel ; le détail
s'ouvre d'un toucher (un chevron le signale), pour ne pas faire défiler longtemps :
- Suivi : pour chaque enfant, la semaine en quatre chiffres (parties, minutes, réussite, jours
d'affilée) et son graphique ; ce qui est à retravailler et les erreurs fréquentes, quand il y en a ;
une ligne par matière (jeux commencés et acquis, avec une barre), qui se déplie en une ligne par jeu
(son état et son niveau) ; le choix du niveau s'ouvre en touchant le jeu. Puis les scores de lecture
à voix haute semaine par semaine, et les attendus de fin d'année de sa classe. Fiches à imprimer :
pour les jours sans écran, on coche un ou plusieurs jeux (rangés par matière), chacun au niveau de
l'enfant ou au niveau choisi. Un seul document : une feuille A4 d'exercices par jeu, puis les corrigés,
à la suite, sur le moins de pages possible. « Imprimer ou PDF » ouvre la fenêtre d'impression, d'où
l'on peut aussi enregistrer un PDF (sur iPhone et iPad : le bouton de partage, puis « Enregistrer dans
Fichiers »). Seuls les exercices qui se font sans le son s'impriment : pas de premier son, de rimes ni
de syllabes à entendre, pas de question anglaise à écouter.
- Enfants : la liste des enfants, Ajouter un enfant et Partager le lien. Modifier ouvre la
fiche de l'enfant : son profil (prénom jusqu'à 30 caractères, personnage, classe, photo de la
photothèque ou de l'appareil photo, enregistrée tout de suite), avec « Enregistrer » toujours visible
en bas de l'écran ; puis des sections repliées, chacune avec son état en une ligne :
Temps de jeu (objectif du jour, temps maximum), Accessibilité (voir plus haut),
Sons vus en classe (CP : les sons et les mots-outils déjà étudiés, pour des textes déchiffrables),
Ses jeux (masquer une rubrique ou un jeu, conseiller jusqu'à 3 jeux, en haut de son accueil) et
Effacer ou supprimer (sa progression, ou tout son profil).
- Réglages : une ligne par rubrique, avec son état ; chacune ouvre son écran, comme les Réglages de
l'iPhone. Dessous, le nombre de questions par partie et les décors de saison.
- Son et voix : consignes lues ou non, voix naturelle (et état du téléchargement des sons), choix
de la voix de l'appareil avec un bouton d'essai, petits sons, musique douce. Vos voix pour les
histoires : enregistrez-vous en lisant une histoire (le texte s'affiche en gros, 3 minutes au
plus) ; dans « Histoires », l'enfant entend votre voix pendant que les phrases s'allument, puis la
question est posée. On peut réécouter, recommencer ou supprimer. Les enregistrements restent sur
l'appareil (jamais envoyés).
- Accessibilité : une ligne par enfant, avec ses réglages en bref, qui ouvre sa section Accessibilité.
- Fiches à imprimer (voir le Suivi).
- : les prénoms, photos, étoiles, niveaux, réglages et histoires enregistrées dans un
fichier (sur iPhone et iPad : « Enregistrer dans Fichiers », par e-mail…), à restaurer dans un autre
navigateur, sur un autre appareil ou dans l'app installée sur l'écran d'accueil. Au premier
lancement, « Déjà une sauvegarde ? » évite de recréer les enfants.
La voix naturelle
Les consignes, les histoires, les nombres, les félicitations et environ 300 prénoms courants sont
dits par une voix enregistrée à l'avance avec Pocket TTS (Kyutai), bien plus naturelle que les
voix de synthèse : une seule voix, Estelle, en français comme en anglais. Chaque phrase est dite d'un
seul tenant, avec une petite pause entre les phrases ; les phrases rares sont dites par morceaux, mais
toujours par Estelle. Les sons se téléchargent en arrière-plan après la première ouverture ;
Réglages → Son et voix montre où en est le téléchargement. Ensuite, la voix marche aussi en mode avion. Un prénom
peu courant, ou un son pas encore téléchargé, est dit par la voix de l'appareil, comme quand on coupe
Réglages → Son et voix → Voix naturelle.
Pour que la voix de l'appareil soit, elle aussi, plus naturelle :
- iPhone, iPad, Mac : Réglages → Accessibilité → Contenu énoncé → Voix → Français, puis
télécharger une voix « Premium » ou « améliorée » (et une voix anglaise pour l'anglais).
- Android : Paramètres → Accessibilité → Synthèse vocale : moteur Google, langue
française, et télécharger la voix de meilleure qualité.
- Windows : avec Edge, les voix « Natural » de Microsoft sont proposées.
Partager avec d'autres familles
Il suffit d'envoyer l'adresse (ou Espace parents → Enfants → Partager le lien). Chaque
famille crée ses propres profils sur son appareil : rien n'est partagé entre les familles.
Sans Internet (mode avion)
Après une première ouverture avec Internet, tout fonctionne sans réseau : les jeux, les
images, les sons et les progrès sont sur l'appareil (le test automatique ouvre chaque jeu en
mode avion). Les mises à jour arrivent toutes seules : à chaque retour dans l'application (avec
Internet), elle demande au serveur s'il y a une nouvelle version, puis se recharge sur « Qui joue ? »
ou sur l'accueil d'un enfant, jamais pendant une partie (le test automatique publie une nouvelle
version pendant qu'elle est ouverte). Elle redemande chaque fichier au serveur, sans reprendre une
copie gardée par le téléphone.
La voix naturelle marche hors connexion une fois ses sons téléchargés (automatiquement, après la
première ouverture). La voix de l'appareil, pour les phrases rares, marche aussi hors connexion sur
iPhone, iPad et Android (si la voix française est téléchargée) ; sur ordinateur, l'app choisit alors
une voix installée.
Confidentialité et sécurité
- Aucune inscription, aucune publicité, aucun traceur ; l'application n'envoie rien sur Internet.
- Les prénoms, photos, progrès et voix enregistrées restent dans le navigateur de l'appareil (stockage local).
- Effacer les données du site dans le navigateur supprime les profils : gardez une sauvegarde
(Espace parents → Réglages → Sauvegarde), qui reste chez vous.
- Aucune bibliothèque extérieure ; la page n'accepte que ses propres fichiers (règle CSP, dans
index.html). Le site ne s'affiche dans le cadre d'aucun autre site, et seul le micro peut servir
(en-têtes de sécurité, app/_headers, appliqués par Cloudflare Pages et par npm start).
- Les workflows GitHub lisent le dépôt sans pouvoir l'écrire (sauf l'étiquette des sons de la voix),
leurs actions sont épinglées par leur empreinte et tenues à jour par Dependabot.
Pour les développeurs
Aucune étape de compilation : HTML, CSS et JavaScript (modules ES) dans app/, publiés sur
Cloudflare Pages (projet lire-compter-samuser, adresse fun.ermdx.app) à chaque fusion sur master.
Réglages du projet : branche master, aucune commande de construction, dossier de sortie app.
Chaque pull request reçoit aussi une adresse d'aperçu ….lire-compter-samuser.pages.dev.
npm install # Playwright, pour le test de bout en bout et les icônes
npm start # http://localhost:8080
npm test # tests unitaires (node --test)
npm run test:e2e # parcours complet + mise en page sur 14 iPhone (dont 3 en paysage), 12 iPad et 8 Android
npm run icons # régénère les icônes
Options du test de bout en bout : ONLY=memory,points (mise en page de quelques jeux),
ONLY=hors-ligne (mode avion), ONLY=ecrans (mise en page des écrans fixes),
PLAY=memory,points (une partie de quelques jeux), PARTS=scenario ou PARTS=layout (le
parcours complet ou la mise en page seulement), SHARD=2/4 (un quart de la mise en page),
PORT=8124 (plusieurs tests en même temps), CHROMIUM_PATH=… (un Chromium déjà installé).
Sur GitHub, le test tourne en 5 morceaux en même temps : le parcours complet et 4 quarts de la
mise en page.
Ces tests utilisent Chromium à la taille de chaque appareil. Pour voir l'app dans le vrai Safari
d'iOS, npm run test:ios (sur un Mac avec Xcode, après sudo safaridriver --enable) l'ouvre dans
un simulateur iOS, parcourt une vingtaine d'écrans et enregistre des captures avec un rapport
(ios-sortie/index.html) : IOS_APPAREIL="iPad mini (A17 Pro)" IOS_VERSION=26.2 IOS_PAYSAGE=1
pour choisir l'appareil. Sans Mac : le workflow « Simulateur iOS » (onglet Actions, « Run
workflow ») le fait sur les Mac de GitHub, sur iPhone SE (iOS 18.5), iPhone 17 et iPad mini
(iOS 26.2) ; les captures sont dans les artefacts de l'exécution. iOS 27 n'y est pas encore :
sur la machine Xcode 27 de GitHub, Safari ne se laisse pas piloter dans le simulateur (octobre 2026).
| Fichier | Rôle |
|---|
app/js/games/*.js | Les jeux : chacun génère des questions décrites par des données |
app/js/programs.js | Programme par classe (jeux et niveaux) |
app/js/main.js | Écrans, profils et déroulement d'une partie |
app/js/render.js | Dessin des questions (objets, horloge, scènes…) |
app/js/dashboard.js | Tableau de bord des parents |
app/js/characters.js | Personnages fille et garçon (SVG), prénom sur le tee-shirt |
app/js/storage.js | Profils et progression, enregistrés sur l'appareil |
app/js/sauvegarde.js | Sauvegarde de la progression dans un fichier, et sa restauration |
app/js/verif-affichage.js | « Vérifier l'affichage sur cet appareil » : écrans à faire défiler, mesures, rapport |
app/js/config.js | Version, journal des modifications, crédits |
app/sw.js | Mode hors ligne : tout nouveau fichier doit être ajouté à PRECACHE |
app/js/speech.js, app/js/voix-cles.js | Voix naturelle (sons de app/voix/), sinon voix de l'appareil |
scripts/voix/ | Fabrication des sons de la voix naturelle (voir ci-dessous) |
scripts/smoke.mjs, scripts/ios.mjs | Test de bout en bout (Chromium), parcours dans Safari sur simulateur iOS |
Voix naturelle. node scripts/voix/phrases.mjs choisit les sons à enregistrer, d'après ce que
disent les jeux à tous les niveaux et ce que dit l'app pendant le parcours complet
(scripts/voix/parole-e2e.json, mis à jour avec SPEECH_LOG=scripts/voix/parole-e2e.json PARTS=scenario npm run test:e2e) :
d'abord les phrases entières les plus entendues, puis les propositions et morceaux des autres, et
toujours chaque mot, les nombres de 0 à 1000 et les prénoms de scripts/voix/prenoms.txt (rien
n'est donc jamais dit par une autre voix). En poussant la liste (scripts/voix/a-generer.json), le
workflow GitHub « Voix naturelle » fabrique les sons manquants avec Pocket TTS (gratuit, sur
16 machines en même temps) : chaque son est contrôlé (hauteur de la voix, débit, diction vérifiée par
la reconnaissance vocale Whisper, prononciation vérifiée phonème par phonème par scripts/voix/phonemes.py,
volume égalisé) et refait s'il le faut ; un mot seul est aussi essayé dit après « Écoute bien. », puis coupé
à la pause. bash scripts/voix/recuperer.sh les ajoute à app/voix/ avec le manifeste (un son refait
change de nom, pour que les appareils le téléchargent), et node scripts/voix/rapport.mjs dit, jeu par jeu et
écran par écran, comment chaque phrase est dite (scripts/voix/rapport-voix.md).
Crédits
Conçue par Michaël Durieux. Police : Andika
(SIL Open Font License), conçue pour l'apprentissage de la lecture. Voix naturelle :
Pocket TTS © Kyutai, voix « Estelle » (corpus CML-TTS),
licence CC-BY 4.0.
