Blocs Interactifs
6 types de blocs interactifs pour engager l'apprenant avec du contenu manipulable.
← Retour à la documentationPropriétés
| Propriété | Type | Description |
|---|---|---|
| type | 'accordion' | Type du bloc |
| ordre | number | Position dans la leçon |
| titre | string | Titre de l'accordéon |
| items | AccordionItem[] | Sections (id, title, icon, content) |
| allowMultiple | boolean | Autoriser plusieurs sections ouvertes |
| trackProgress | boolean | Afficher la progression |
{
"type": "accordion",
"ordre": 7,
"titre": "📚 Questions fréquentes",
"items": [
{
"id": "acc-1",
"title": [{ "text": "Quelle quantité de riz utiliser ?" }],
"icon": "🍚",
"content": [{ "text": "<p>300g de riz arborio pour environ 10 arancini.</p>" }]
},
{
"id": "acc-2",
"title": [{ "text": "Peut-on les préparer à l'avance ?" }],
"icon": "⏰",
"content": [{ "text": "<p>Oui, formez et panez la veille.</p>" }]
}
],
"allowMultiple": true,
"trackProgress": true
}Aperçu
Pour environ 10 arancini de taille moyenne, prévoyez 300g de riz arborio. Ce riz à grain court est idéal grâce à sa haute teneur en amidon qui donne cette texture crémeuse caractéristique.
Oui ! Vous pouvez les former et les paner la veille, puis les conserver au réfrigérateur. Sortez-les 30 minutes avant la friture pour qu'ils soient à température ambiante.
Les arancini cuits se conservent 2 jours au réfrigérateur. Réchauffez-les au four à 180°C pendant 10 minutes pour retrouver leur croustillant.
Propriétés
| Propriété | Type | Description |
|---|---|---|
| type | 'tabs' | Type du bloc |
| ordre | number | Position dans la leçon |
| title | string | Titre des onglets |
| tabs | TabItem[] | Onglets (id, label, icon, content) |
| style | 'horizontal' | 'vertical' | 'pills' | Style d'affichage |
{
"type": "tabs",
"ordre": 8,
"title": "Comparer les méthodes de cuisson",
"tabs": [
{
"id": "tab-1",
"label": "Traditionnelle",
"icon": "🍳",
"content": [{ "text": "<p><strong>Friture classique</strong> à 180°C.</p>" }]
},
{
"id": "tab-2",
"label": "Au four",
"icon": "🔥",
"content": [{ "text": "<p><strong>Version allégée</strong> à 200°C.</p>" }]
}
],
"style": "horizontal"
}Aperçu
Comparer les méthodes de cuisson
Propriétés
| Propriété | Type | Description |
|---|---|---|
| type | 'flashcard' | Type du bloc |
| ordre | number | Position (98 recommandé, avant ressources) |
| title | string | Titre descriptif |
| cards | FlashcardItem[] | Cartes (id, question, answer, hint) |
{
"type": "flashcard",
"ordre": 98,
"title": "🃏 Testez vos connaissances : Les arancini",
"cards": [
{
"id": "fc-1",
"question": "Quel type de riz utiliser ?",
"answer": "Le <strong>riz arborio</strong>, riche en amidon.",
"hint": "C'est le même que pour le risotto"
},
{
"id": "fc-2",
"question": "Température de friture idéale ?",
"answer": "<strong>180°C</strong>",
"hint": "Utilisez un thermomètre"
}
]
}Aperçu
🃏 Testez vos connaissances : Les arancini
1 carte vue
📍 Position des flashcards
Les flashcards de révision doivent avoir ordre: 98
Les ressources utiles ont ordre: 99 (dernier bloc de la leçon)
Propriétés
| Propriété | Type | Description |
|---|---|---|
| type | 'fill_blanks' | 'texte_a_trous' | Type du bloc |
| ordre | number | Position dans la leçon |
| title | string | Titre de l'exercice |
| instruction | string | Consigne pour l'apprenant |
| segments | Segment[] | Segments (text ou blank avec correctAnswer) |
| propositions | string[] | Liste des mots proposés |
| showHints | boolean | Afficher des indices |
{
"type": "fill_blanks",
"ordre": 12,
"title": "✍️ Complétez le texte",
"instruction": "Remplissez les trous avec les mots proposés.",
"segments": [
{ "type": "text", "content": "Pour préparer des arancini, utilisez du riz " },
{ "type": "blank", "id": "b1", "correctAnswer": "arborio", "placeholder": "..." },
{ "type": "text", "content": " et faites-les frire à " },
{ "type": "blank", "id": "b2", "correctAnswer": "180°C", "placeholder": "..." },
{ "type": "text", "content": "." }
],
"propositions": ["arborio", "180°C", "basmati", "200°C"],
"showHints": true
}Aperçu
✍️ Complétez le texte : La recette des arancini
4 trous à compléter
Glissez les mots dans les trous :
Propriétés
| Propriété | Type | Description |
|---|---|---|
| type | 'sorting' | Type du bloc |
| ordre | number | Position dans la leçon |
| title | string | Titre de l'exercice |
| instruction | string | Consigne |
| items | SortItem[] | Éléments (id, content, image) |
| correctOrder | string[] | Ordre correct des IDs |
| showNumbers | boolean | Afficher les numéros |
| feedback | string | Message après validation |
{
"type": "sorting",
"ordre": 13,
"title": "🔢 Remettez dans l'ordre",
"instruction": "Glissez les étapes dans le bon ordre.",
"items": [
{ "id": "s1", "content": [{ "text": "Cuire le riz" }] },
{ "id": "s2", "content": [{ "text": "Laisser refroidir" }] },
{ "id": "s3", "content": [{ "text": "Former les boulettes" }] },
{ "id": "s4", "content": [{ "text": "Frire à 180°C" }] }
],
"correctOrder": ["s1", "s2", "s3", "s4"],
"showNumbers": true,
"feedback": [{ "text": "<p>Bravo ! L'ordre est important.</p>" }]
}Aperçu
🔢 Remettez dans l'ordre : Les étapes de préparation
6 éléments
Propriétés
| Propriété | Type | Description |
|---|---|---|
| type | 'checklist' | Type du bloc |
| ordre | number | Position dans la leçon |
| titre | string | Titre de la checklist |
| items | ChecklistItem[] | Éléments (texte, description, checked) |
| style | 'default' | 'compact' | 'detailed' | Style d'affichage |
| allowCheck | boolean | Autoriser le cochage interactif |
{
"type": "checklist",
"ordre": 10,
"titre": "✅ Checklist : Avant de frire",
"style": "detailed",
"allowCheck": true,
"items": [
{ "texte": "Huile à 180°C", "description": "Vérifiez avec un thermomètre" },
{ "texte": "Arancini bien panés", "description": "Aucune zone découverte" },
{ "texte": "Grille de refroidissement prête" },
{ "texte": "Papier absorbant disponible" }
]
}Aperçu
✅ Checklist : Avant de frire vos arancini
0/5 complété
Huile chauffée à 180°C
Vérifiez avec un thermomètre de cuisine
Arancini bien panés
Aucune zone ne doit être découverte
Grille de refroidissement prête
Pour égoutter après cuisson
Papier absorbant disponible
Pour absorber l'excès d'huile
Plat de service préchauffé
Gardez-les au chaud