Comment Dín a été fabriqué

Le concept

Dín signifie « enfant » en duun. C'est un imagier sonore : l'enfant touche une photo, il entend le mot prononcé par un locuteur duun. Un petit jeu d'écoute (« Trouve l'image ! ») fait gagner des étoiles — la pédagogie s'inspire des jeux d'alphabétisation AlphaTiles du SIL (association image-son, encouragement, répétition).

Les données — rien d'inventé

• Les 73 photos sont les illustrations réelles du dictionnaire duun (base FieldWorks, champ « pictures » des entrées) — redimensionnées à 900 px.
• Chaque mot est lu par sa vraie piste audio du corpus (mp3).
• Le script _tools/precompute.py extrait les entrées illustrées et les classe par thème (animaux, plantes, objets…) à partir des gloses françaises.

Le design

• Palette « coton et soleil » : écru du coton non blanchi, ocres, rouge latérite, indigo — les couleurs du quotidien malien, en version jouet.
• Polices : Andika (SIL) pour le duun — dessinée spécialement pour les lecteurs débutants ; Baloo 2 pour l'interface.
• Photos en « autocollants » légèrement inclinés ; ressorts et rebonds CSS (courbe cubic-bezier(.34,1.56,.64,1)) ; confettis en canvas ; petits sons de tape générés en WebAudio (aucun fichier).
• Icônes de catégories : SVG dessinés à la main, aucun emoji, aucune image scrapée.

La technique

• PWA hors ligne : les 73 photos (~5,5 Mo) sont pré-mises en cache à l'installation, l'audio au premier toucher.
• Zéro framework ; le socle partagé _shared/ fournit lecture audio, polices et service worker communs aux 5 applications.
• Pour votre langue : ajoutez des photos aux entrées de votre base FLEx, relancez l'export et precompute.py — l'imagier se reconstruit tout seul.

Fabriqué avec Claude (Anthropic).