Passer au contenu principal

Option 2 : Intégration dans une question

Lorsque l'on utilise la procédure de l'Option 1, un message d'erreur s'affiche lors de l'aperçu de l'activité.

Capture d’écran 2024-02-01 à 09.09.52.png

Il faut donc procéder autrement.

1. Dans la page du Cour, créez une nouvelle activité avec Capture d’écran 2024-02-01 à 09.12.29.png

2. Sélectionnez par exemple l'activité Page, donnez un nom puis cliquez sur l'icône d'intégration H5P dans le Contenu.

Capture d’écran 2024-02-01 à 09.51.26.png

3. Dans la boîte de dialogue qui s'ouvre, cliquez sur "Parcourir les dépôts" et recherchez votre activité dans la Banque de contenus.

4. dans Options H5P, cochez "Bouton intégration".

Capture d’écran 2024-02-01 à 09.41.43.png

5. Cliquez sur le bouton "Insérer H5P".

Capture d’écran 2024-02-01 à 09.19.22.png

Le logo H5P s’affiche dans l’éditeur de texte.

(Pour modifier les paramètres du contenu H5P, double-cliquez sur le logo.)

6. Dans Réglages courants, sous Disponibilité, choisissez "Rendre disponible, mais invisible sur la page du cours"

Capture d’écran 2024-02-01 à 09.45.21.png

7. Cliquez sur "Enregistrer et afficher".

8. Cliquez sur "Intégrer" pour afficher le code du contenu. Copiez le code.

Capture d’écran 2024-02-01 à 09.54.53.png

9. Retournez sur votre Banque de questions (page du Cours, Plus, Banque de questions) puis cliquez sur "Modifier la question", à côté de la question à laquelle vous souhaitez ajouter le contenu H5P (ou "Créer une question...")

10. Dans l'icône de la flèche Capture d’écran 2024-02-01 à 10.00.18.png, sélectionner l'icône HTML Capture d’écran 2024-02-01 à 10.02.38.png. Collez le code copié à la suite de la ligne qui apparaît.

Capture d’écran 2024-02-01 à 10.04.02.png

11. Enregistrez.

12. Finalement, vous pouvez contrôler en sélectionnant "Aperçu". L'activité devrait apparaître correctement avec le logo.

Capture d’écran 2024-02-01 à 10.10.49.png