Intégrer une simulation dans Moodle : guide pas à pas

Pour intégrer une simulation dans Moodle, vous collez un court morceau de code dans la vue HTML de l'éditeur, et les élèves peuvent lancer l'expérience sans quitter votre cours. Ce guide vous montre comment faire avec Simulic, dans une Page ou dans une zone Texte et média de la page du cours. Il couvre aussi ce qui piège la plupart des enseignants : que demander à votre administrateur Moodle quand la simulation disparaît après l'enregistrement. Enfin, vous verrez comment placer une simulation dans une question de quiz et comment régler la hauteur du cadre.

Ce dont vous avez besoin

• Un compte enseignant Simulic gratuit. Les élèves n'en ont jamais besoin.
• Les droits de modification dans le cours Moodle.
• Une simulation. Ce guide utilise la loi d'Ohm, où les élèves modifient la tension et la résistance et observent l'intensité.
• Peut-être un petit message à votre administrateur, si votre site n'autorise pas les iframes dans l'éditeur. Un message tout prêt se trouve plus bas.

Étape 1 : copier le code d'intégration depuis Simulic

1. Ouvrez la page de la simulation et cliquez sur Partager.
2. Dans l'onglet Simulation, réglez les valeurs de départ. Pour la loi d'Ohm, la valeur par défaut est une tension de 4,5 V et une résistance de 500 Ω ; gardez-la ou choisissez les vôtres. Ces réglages sont enregistrés dans le nouveau lien.
3. Passez à l'onglet Liens de partage. Sous Nouveau lien, nommez le lien d'après le cours ou le groupe, par exemple « Physique 2de · Groupe A », choisissez la Langue et cliquez sur Créer le lien.
4. Dans la fiche du lien, ouvrez Code d'intégration et cliquez sur Copier le code d'intégration.

Créez un lien par groupe. Chaque lien garde ses propres lectures et réponses, et Dupliquer copie un lien avec les mêmes réglages et le même jeu de questions, mais sans les réponses.

Étape 2 : coller le code dans Moodle

Vous avez deux endroits où placer la simulation. Utilisez une Page quand la simulation a besoin de son propre écran avec des consignes, comme un laboratoire virtuel. Utilisez une zone Texte et média quand vous voulez la voir directement sur la page du cours, entre d'autres activités.

Dans une Page

1. Activez le mode édition dans votre cours et ajoutez une Page à la section voulue.
2. Donnez un nom à la page et rédigez vos consignes dans son contenu.
3. Placez le curseur à l'endroit où la simulation doit apparaître et passez l'éditeur en vue HTML (code source).
4. Collez le code d'intégration.
5. Revenez à la vue normale si vous le souhaitez, puis enregistrez.

Dans une zone Texte et média

1. Activez le mode édition et ajoutez une zone Texte et média à la section.
2. Passez l'éditeur en vue HTML (code source).
3. Collez le code d'intégration et enregistrez.

La façon d'accéder à la vue HTML dépend de votre version de Moodle et de l'éditeur utilisé par votre site : c'est en général un bouton avec une icône de code ou une option du menu de l'éditeur. Les noms de menus peuvent différer légèrement d'une version à l'autre. La page d'aide sur l'intégration de l'application garde une version courte de ces étapes pour Moodle et huit autres plateformes.

Coller le code dans la vue normale ne fonctionne pas : Moodle affiche le code sous forme de texte au lieu de l'exécuter. Utilisez toujours la vue HTML.

Essayez ce que verront vos élèves

Voici la simulation de la loi d'Ohm intégrée comme elle apparaîtra dans votre cours. Avec les valeurs par défaut de 4,5 V et 500 Ω, l'intensité est I = U/R = 4,5 / 500 = 0,009 A, soit 9 mA. Doublez la tension à 9 V et l'intensité double, à 18 mA. Remettez la tension à 4,5 V et passez la résistance à 1000 Ω : l'intensité est divisée par deux, à 4,5 mA.

Si la simulation n'apparaît pas : demandez à votre administrateur

Moodle nettoie le HTML enregistré par les utilisateurs pour protéger le site. Sur de nombreux sites, ce nettoyage supprime les iframes : vous enregistrez la page et obtenez un espace vide, ou la ligne iframe a disparu quand vous rouvrez la vue HTML. Les enseignants ne peuvent pas changer cela ; c'est à un administrateur d'autoriser les iframes dans l'éditeur.

Ce qu'il doit modifier exactement dépend du site. Dans Moodle, cela tient en général à la façon dont le site nettoie le HTML et à l'activation ou non du « contenu de confiance » pour les enseignants. Votre administrateur saura ce qui s'applique. Vous pouvez lui envoyer un message de ce genre :

Bonjour, je voudrais intégrer des simulations interactives de simulic.com dans mon cours (Page et zone Texte et média). Quand je colle le code iframe dans la vue HTML de l'éditeur et que j'enregistre, l'iframe est supprimée. Pourriez-vous autoriser les iframes depuis https://simulic.com pour les enseignants ? L'intégration n'exige aucune connexion des élèves et ne dépose aucun cookie. Merci !

Si la réponse est non, ou si vous en avez besoin aujourd'hui, publiez plutôt le lien de lecture : cliquez sur Copier le lien dans la page de partage et ajoutez-le au cours comme lien. Il ouvre la simulation en plein écran dans un nouvel onglet, avec les questions que vous y avez associées.

Placer une simulation dans une question de quiz Moodle

Le texte des questions Moodle utilise le même éditeur : vous pouvez donc coller le code d'intégration dans le texte d'une question en vue HTML, exactement comme ci-dessus, et la même autorisation d'iframe s'applique. Les élèves répondent alors à la question Moodle pendant que la simulation tourne au-dessus, et Moodle la note comme d'habitude.

Par exemple, une question numérique pourrait être : « Réglez la tension à 6,0 V et la résistance à 300 Ω. Quelle intensité traverse le circuit, en mA ? » Réponse : 20 mA.

Vous pouvez aussi vous passer du quiz Moodle et associer les questions au lien Simulic lui-même. Dans l'onglet Questions de la page de partage, composez un jeu de jusqu'à 5 questions (texte court, choix multiple ou nombre, vérifié avec une marge d'erreur comme 20 mA ± 0,5) et jusqu'à 3 questions de prédiction qui gardent la simulation verrouillée tant que les élèves ne se sont pas engagés. Les élèves saisissent un pseudo et répondent dans l'intégration ; vous voyez les résultats sur la fiche du lien et pouvez télécharger un CSV. Ces réponses ne vont pas dans le carnet de notes de Moodle. Le plan gratuit recueille 100 réponses d'élèves par mois, et Pro supprime la limite (tarifs).

Le choix de la méthode selon la séance est traité dans ajouter des simulations aux questions de quiz. Pour des vérifications rapides qui orientent votre prochain cours, voir utiliser les simulations pour l'évaluation formative.

Régler la hauteur du cadre

Le code d'intégration démarre à 640 px de haut et se termine par un petit script qui agrandit le cadre avec son contenu. Moodle supprime souvent les scripts même quand il garde l'iframe : prévoyez donc une hauteur fixe :

• Simulation seule : gardez 640.
• Avec quelques questions sur le lien : remplacez height="640" par environ 850.
• Avec 5 questions et des prédictions : essayez 1000 ou plus.

Modifiez le nombre dans le code avant de le coller, ou plus tard en vue HTML. Dans une question de quiz, un cadre de 640 px laisse en général assez de place à la question en dessous.

Dépannage

L'iframe disparaît quand j'enregistre

Le nettoyage HTML du site l'a supprimée. Envoyez à votre administrateur le message ci-dessus. En attendant, utilisez le lien de lecture.

La page affiche le code sous forme de texte

Vous avez collé dans la vue normale de l'éditeur. Supprimez le texte, passez en vue HTML (code source) et collez à nouveau.

Le cadre indique que le lien n'est pas disponible

Le lien est désactivé. Cliquez sur Activer le lien dans la page de partage. S'il indique que le lien a expiré, une date limite a été fixée dans les Options Pro ; modifiez-la ou effacez-la.

Les élèves doivent faire défiler à l'intérieur du cadre

Le script de redimensionnement a été supprimé et le cadre fait 640 px de haut. Augmentez la hauteur en vue HTML.

Pour les autres plateformes, lisez le guide pour intégrer une simulation dans votre LMS.

Questions fréquentes

Les élèves ont-ils besoin d'un compte Simulic pour utiliser la simulation dans Moodle ?

Non. Ils se connectent à Moodle comme d'habitude et la simulation se lance. L'intégration ne dépose aucun cookie et n'exige pas de seconde connexion.

Pourquoi Moodle supprime-t-il mon iframe ?

Moodle nettoie le HTML enregistré, et sur de nombreux sites cela supprime les iframes. Seul un administrateur peut les autoriser.

Dois-je utiliser une Page ou une zone Texte et média ?

Utilisez une Page pour un TP avec des consignes sur son propre écran. Utilisez une zone Texte et média pour afficher la simulation directement sur la page du cours.

Puis-je intégrer une simulation dans une question de quiz Moodle ?

Oui, si votre site autorise les iframes : collez le code d'intégration dans le texte de la question en vue HTML. Moodle note la question comme d'habitude.

Que faire si mon administrateur refuse les iframes ?

Ajoutez plutôt le lien de lecture à votre cours. Il ouvre la simulation en plein écran, avec les questions que vous avez associées.