VLC

Blocs Interactifs
Blocs Interactifs

Blocs Interactifs

6 types de blocs interactifs pour engager l'apprenant avec du contenu manipulable.

← Retour à la documentation
accordion
alias: accordeon
alias: collapsible
alias: faq
Sections repliables pour organiser du contenu dense. Idéal pour les FAQ ou les approfondissements optionnels.

Propriétés

PropriétéTypeDescription
type'accordion'Type du bloc
ordrenumberPosition dans la leçon
titrestringTitre de l'accordéon
itemsAccordionItem[]Sections (id, title, icon, content)
allowMultiplebooleanAutoriser plusieurs sections ouvertes
trackProgressbooleanAfficher 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

0/3

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.

tabs
alias: onglets
alias: tabulation
Contenu organisé en onglets pour présenter des alternatives, comparaisons ou méthodes différentes.

Propriétés

PropriétéTypeDescription
type'tabs'Type du bloc
ordrenumberPosition dans la leçon
titlestringTitre des onglets
tabsTabItem[]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

Explorer

Friture classique : Plongez les arancini dans l'huile à 180°C pendant 3-4 minutes. C'est la méthode authentique qui donne le meilleur croustillant.

  • Avantage : Texture parfaite
  • Inconvénient : Plus calorique
flashcard
alias: carte_memoire
alias: flashcards
alias: memory_card
Cartes mémoire interactives recto/verso pour la révision. À placer en fin de leçon (ordre 98).

Propriétés

PropriétéTypeDescription
type'flashcard'Type du bloc
ordrenumberPosition (98 recommandé, avant ressources)
titlestringTitre descriptif
cardsFlashcardItem[]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

1/3

🃏 Testez vos connaissances : Les arancini

1 carte vue

#1
Quel type de riz utiliser pour les arancini ?
Réponse
Le riz arborio, grâce à sa haute teneur en amidon qui donne une texture crémeuse.

📍 Position des flashcards

Les flashcards de révision doivent avoir ordre: 98

Les ressources utiles ont ordre: 99 (dernier bloc de la leçon)

fill_blanks / texte_a_trous
alias: texte_a_trous
alias: cloze
alias: gap_fill
alias: completion
Texte à compléter avec des trous à remplir. Exercice interactif de type QCM textuel.

Propriétés

PropriétéTypeDescription
type'fill_blanks' | 'texte_a_trous'Type du bloc
ordrenumberPosition dans la leçon
titlestringTitre de l'exercice
instructionstringConsigne pour l'apprenant
segmentsSegment[]Segments (text ou blank avec correctAnswer)
propositionsstring[]Liste des mots proposés
showHintsbooleanAfficher 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

TEXTE À TROUS

✍️ Complétez le texte : La recette des arancini

4 trous à compléter

Remplissez les trous avec les mots proposés pour reconstituer la recette.

Glissez les mots dans les trous :

arborio
boulettes
mozzarella
180°C
parmesan
cubes
Pour préparer des arancini, commencez par cuire du riz ... dans un bouillon de légumes. Une fois refroidi, formez des ... et garnissez-les de .... Passez-les dans la chapelure et faites-les frire à ....
sorting
alias: ordonnancement
alias: drag_and_drop
alias: reorder
alias: sequence
Éléments à remettre dans le bon ordre par glisser-déposer. Idéal pour les processus séquentiels.

Propriétés

PropriétéTypeDescription
type'sorting'Type du bloc
ordrenumberPosition dans la leçon
titlestringTitre de l'exercice
instructionstringConsigne
itemsSortItem[]Éléments (id, content, image)
correctOrderstring[]Ordre correct des IDs
showNumbersbooleanAfficher les numéros
feedbackstringMessage 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

Glissez-déposez les étapes dans le bon ordre de réalisation.
1
Cuire le riz dans le bouillon
2
Laisser refroidir le riz
3
Former les boulettes avec la mozzarella
4
Passer dans l'œuf battu
5
Enrober de chapelure
6
Frire à 180°C
checklist
alias: liste_verification
alias: todo
alias: verification
Liste de vérification cochable pour les procédures pas à pas ou les pré-requis.

Propriétés

PropriétéTypeDescription
type'checklist'Type du bloc
ordrenumberPosition dans la leçon
titrestringTitre de la checklist
itemsChecklistItem[]Éléments (texte, description, checked)
style'default' | 'compact' | 'detailed'Style d'affichage
allowCheckbooleanAutoriser 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é

0%
  • 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

    Vibe Learning Club