Intégrer une simulation dans votre LMS : mode d'emploi

Mis à jour le 2026-10-02

Quand vous intégrez une simulation dans votre LMS, les élèves ouvrent la page du cours et l'expérience est déjà là : pas de nouvel onglet, pas de connexion, pas de lien à chercher. Ce guide vous montre comment intégrer une simulation dans votre LMS ou sur le site de votre classe avec Simulic, quand un simple lien ou un QR code est préférable, ce que fait chaque ligne du code d'intégration, et comment régler les trois problèmes que les enseignants rencontrent le plus souvent. À la fin, vous trouverez de courtes notes pour neuf plateformes, avec des liens vers les guides pas à pas.

Lien, intégration ou QR code : lequel choisir

Chaque lien de partage Simulic vous offre les trois, vous n'avez donc jamais à décider à l'avance. Choisissez celui qui convient au moment.

Option	Idéal pour	Ce que voient les élèves
Lien de lecture (`simulic.com/p/…`)	Google Classroom, messages Teams, e-mail, devoirs	La simulation en plein écran sur n'importe quel appareil
Code d'intégration (`simulic.com/e/…`)	Canvas, Moodle, Schoology, Brightspace, Google Sites, WordPress	La simulation dans la page de votre cours, à côté de vos consignes
QR code	Cours en direct, fiches imprimées, postes de travaux pratiques	Un scan, et le lien de lecture s'ouvre sur téléphone ou tablette

Quelques règles pratiques tirées de mes propres classes :

Intégrez quand la simulation fait partie d'une page que vous avez rédigée : fiche de TP, lecture, aperçu d'une unité. Les élèves gardent vos consignes sous les yeux pendant qu'ils expérimentent.
Partagez un lien quand la plateforme n'offre pas d'option d'intégration, ou quand les élèves travaillent sur de petits écrans. Un simple lien de lecture s'ouvre en plein écran sur n'importe quel appareil, ce qui vaut mieux qu'un cadre étriqué sur un téléphone.
Utilisez le QR code quand vous enseignez en direct. Projetez la simulation, affichez le code, et les élèves suivent sur leur propre appareil.

Les trois pointent vers le même lien de partage : les lectures et les réponses des élèves sont donc réunies au même endroit.

Ce dont vous avez besoin

Un compte enseignant Simulic gratuit. Les élèves n'en ont jamais besoin.
Une simulation de la bibliothèque, ou une simulation que vous avez créée vous-même (voir créer une simulation pour votre cours avec l'IA).
Les droits de modification sur la page du cours où la simulation sera placée.
Pour certaines plateformes, un éditeur qui accepte le HTML. Si le vôtre supprime les iframes, votre administrateur doit les autoriser (plus de détails ci-dessous).

Les liens de partage, les QR codes et les intégrations sont gratuits, sans limite du nombre d'élèves.

Récupérer le lien de lecture ou le code d'intégration

Ouvrez la page de la simulation et cliquez sur Partager. La page de partage de cette simulation s'ouvre.
Dans l'onglet Simulation, réglez les valeurs de départ que les élèves verront, par exemple un angle de lancer de 45° et une vitesse initiale de 20 m/s. Les réglages actuels sont enregistrés dans le nouveau lien.
Passez à l'onglet Liens de partage. Sous Nouveau lien, donnez un nom au lien, par exemple « 3e · Groupe 3 », choisissez la Langue et cliquez sur Créer le lien.
Dans la fiche du lien, cliquez sur Copier le lien pour le lien de lecture, ou ouvrez Code d'intégration et cliquez sur Copier le code d'intégration.

Créez un lien par classe. Chaque lien compte ses propres lectures et garde ses propres réponses, et vous pouvez désactiver le lien d'une classe sans toucher aux autres. Dupliquer copie un lien avec la même langue et les mêmes réglages, sans les réponses.

Que contient le code d'intégration

Voici ce que vous collez, CODE représentant le code de votre lien :

<iframe src="https://simulic.com/e/CODE" width="100%" height="640" allow="fullscreen" style="border:0" title="Projectile motion – trajectory and air resistance"></iframe>
<script src="https://simulic.com/static/js/embed.js" async></script>
<p>Simulation by <a href="https://simulic.com">Simulic</a></p>

Ligne par ligne :

L'iframe est le cadre qui affiche la simulation. width="100%" occupe toute la largeur de la colonne de votre page. height="640" est la hauteur de départ en pixels. allow="fullscreen" permet aux élèves de passer en plein écran depuis le cadre. title nomme le cadre pour les lecteurs d'écran.
Le script est facultatif. Si vous avez associé des questions au lien, le contenu sous la simulation s'allonge à mesure que les élèves répondent, et le script agrandit le cadre en conséquence : les élèves n'ont jamais à faire défiler l'intérieur d'une boîte. Il ne modifie que la hauteur du cadre. Il ne lit ni n'envoie rien d'autre.
La ligne de crédit est un paragraphe ordinaire. Gardez-la ou supprimez-la.

De nombreuses plateformes d'apprentissage suppriment les balises script pour des raisons de sécurité. Ce n'est pas grave : la simulation fonctionne toujours, et le cadre reste simplement à 640 px de haut. Si vous avez associé des questions et que les élèves doivent faire défiler à l'intérieur du cadre, remplacez height="640" par une valeur comme 900 avant de coller.

L'intégration ne dépose aucun cookie et les élèves ne se connectent pas à l'intérieur. De nombreux outils intégrés cessent de fonctionner quand Safari ou Chrome bloque les cookies tiers, car ils ont besoin d'une session de connexion dans le cadre. Une intégration Simulic continue de fonctionner en navigation privée et sur les appareils scolaires verrouillés.

Essayez ce que verront vos élèves

Voici la même simulation de mouvement de projectile, intégrée comme elle apparaîtrait sur la page de votre cours. Sur l'écran Intro, réglez l'angle de lancer à 45°, la vitesse initiale à 20 m/s et la hauteur de lancer à 0, puis lancez. La portée devrait être d'environ 40,8 m, la hauteur maximale d'environ 10,2 m et la durée du vol d'environ 2,9 s. Passez à l'écran Résistance de l'air, activez la traînée, et le même tir retombe plus court.

Mouvement d'un projectile – trajectoire et résistance de l'air

Des valeurs comme celles-ci font de bonnes questions. « Quelle est la portée ? » avec la réponse 40,8 m ± 0,5 est une question numérique que Simulic peut corriger automatiquement.

Notes par plateforme

Les noms de menus ci-dessous étaient exacts au moment de la rédaction. Les plateformes renomment leurs menus d'une version à l'autre : si un libellé est légèrement différent sur votre écran, cherchez le plus proche. La page d'aide sur l'intégration de l'application garde la version courte à jour pour chacune.

Google Classroom

Classroom n'accepte pas les codes d'intégration. Utilisez le bouton Google Classroom de la page de partage, ou ajoutez le lien de lecture comme document ou à un devoir. Pas à pas complet : ajouter une simulation interactive à Google Classroom.

Canvas

Dans une page ou un devoir, ouvrez l'éditeur, choisissez Insert → Embed (Insérer → Intégrer), collez le code d'intégration et enregistrez. Pas à pas complet : intégrer une simulation dans Canvas LMS.

Moodle

Ajoutez une Page ou une zone Texte et médias, passez l'éditeur en vue HTML (code source), collez le code d'intégration et enregistrez. Si rien n'apparaît, votre administrateur doit autoriser les iframes dans l'éditeur. Pas à pas complet : intégrer une simulation dans Moodle.

Microsoft Teams

Utilisez le bouton Microsoft Teams de la page de partage, ou ajoutez le lien de lecture à un devoir ou comme onglet Site web dans l'équipe de votre classe.

Google Sites

Choisissez Insert → Embed → Embed code (Insérer → Intégrer → Code d'intégration) et collez le code. Google Sites l'affiche dans sa propre boîte : faites glisser la boîte pour régler la hauteur, car Sites n'exécute pas le script de redimensionnement.

Schoology

Ajoutez une Page, choisissez Insert Content → Embed (Insérer du contenu → Intégrer), collez le code d'intégration et enregistrez.

Brightspace (D2L)

Créez un fichier ou une page HTML, choisissez Insert Stuff → Enter Embed Code (Insérer du contenu → Saisir le code d'intégration), collez le code et enregistrez. Brightspace redimensionne le cadre tout seul.

WordPress

Collez le code d'intégration dans un bloc Custom HTML (HTML personnalisé). Ou collez le lien de lecture seul sur une ligne : Simulic prend en charge oEmbed, et WordPress peut donc transformer le lien en intégration pour vous.

Notion

Collez le lien de lecture et choisissez Create embed (Créer une intégration), ou tapez /embed et collez le lien.

Ajouter des questions à la simulation intégrée

Une intégration affiche ce qu'affiche le lien de partage, questions comprises. Dans l'onglet Questions de la page de partage, vous composez un jeu de questions : jusqu'à 5 questions (texte court, choix multiple ou nombre), plus jusqu'à 3 questions de prédiction auxquelles les élèves répondent avant que la simulation ne se débloque. Choisissez le jeu pour le lien et il apparaît sous la simulation, à l'intérieur du cadre. Les élèves saisissent un pseudo et répondent ; vous voyez les résultats sur la fiche du lien et pouvez télécharger un CSV.

Simulic n'envoie pas les notes au carnet de notes de votre LMS. Si vous préférez noter dans l'outil de quiz de votre plateforme, voir ajouter des simulations aux questions de quiz. Pour des idées de questions, lisez utiliser les simulations pour l'évaluation formative.

Dépannage

Le cadre est vide ou affiche un message

« This Simulic link is no longer available » signifie que le lien est désactivé. Ouvrez la page de partage et cliquez sur Activer le lien.
« This Simulic link has expired » signifie que le lien avait une date limite (une option Pro). Modifiez ou effacez la date dans Options.
Une boîte entièrement vide signifie généralement que la plateforme a supprimé l'iframe à l'enregistrement. Ouvrez la page dans la vue HTML de l'éditeur : si la ligne iframe a disparu, voir le point suivant.
Si le cadre n'est vide que sur les appareils de l'école, un filtre web bloque peut-être simulic.com. Demandez au service informatique de l'autoriser.

L'éditeur supprime l'iframe à l'enregistrement

Certaines plateformes n'autorisent les iframes que pour les utilisateurs de confiance ou les sites approuvés. Demandez à votre administrateur d'autoriser les iframes de simulic.com dans l'éditeur. En attendant, publiez le lien de lecture : il remplit le même rôle dans un nouvel onglet.

La simulation est coupée en bas

Votre plateforme a supprimé le script de redimensionnement, donc le cadre reste à 640 px. Modifiez le code et augmentez height="640" à 800–1000, selon le nombre de questions associées. Sur Google Sites, agrandissez plutôt la boîte d'intégration en la faisant glisser.

Questions fréquentes

Les élèves ont-ils besoin d'un compte pour utiliser une simulation intégrée ?

Non. Les élèves ouvrent la page de votre cours et la simulation se lance. Si vous avez associé des questions, ils saisissent un pseudo et répondent. Pas d'inscription, pas d'e-mail.

L'intégration fonctionne-t-elle si le navigateur bloque les cookies tiers ?

Oui. L'intégration ne dépose aucun cookie et n'exige aucune connexion dans le cadre : le blocage des cookies tiers n'a donc aucun effet.

Puis-je utiliser un même code d'intégration pour plusieurs classes ?

Vous le pouvez, mais un lien par classe est préférable : chaque lien garde ses propres réponses et son compteur de lectures, et plusieurs liens peuvent partager le même jeu de questions.

Pourquoi ma simulation intégrée ne fait-elle que 640 pixels de haut ?

Votre plateforme a supprimé le script de redimensionnement facultatif. Remplacez height="640" dans le code d'intégration par un nombre plus grand, ou faites glisser la boîte sur Google Sites.

Puis-je intégrer une simulation créée avec l'IA ?

Oui. Les simulations que vous créez ou remixez ont la même page de partage, les mêmes liens, QR codes et codes d'intégration que les simulations de la bibliothèque.