Intégrer une simulation dans Canvas LMS

Si vous voulez intégrer une simulation dans Canvas pour que les élèves réalisent une expérience virtuelle directement dans une page ou un devoir, cela prend environ deux minutes. Ce guide vous accompagne avec Simulic : copier le code d'intégration, le coller avec Insert → Embed (Insérer → Intégrer), placer la page dans un module, et choisir entre des questions sur la simulation elle-même et un quiz Canvas. Vous apprendrez aussi à régler la hauteur du cadre pour que rien ne soit coupé, et quoi vérifier quand le cadre s'affiche vide.

Ce dont vous avez besoin

• Un compte enseignant Simulic gratuit. Les élèves n'en ont jamais besoin.
• Des droits de modification sur le cours Canvas (rôle d'enseignant ou de concepteur).
• Une simulation. Ce guide utilise la simulation sur la masse volumique, où les élèves déposent des blocs dans une cuve d'eau pour voir s'ils coulent ou flottent.
• Deux minutes pour tester la page en tant qu'élève avant de la publier.

É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 voulues. Pour la simulation sur la masse volumique, choisissez l'écran Intro et un matériau comme le bois. Ces réglages sont épinglés au nouveau lien.
3. Allez dans l'onglet Liens de partage. Sous Nouveau lien, nommez le lien d'après la section Canvas, par exemple « Sciences 5e · Groupe B », choisissez la Langue, et cliquez sur Créer le lien.
4. Dans la carte du lien, ouvrez Code d'intégration et cliquez sur Copier le code d'intégration.

Créez un lien par section. Chaque lien garde son propre nombre de lancements et ses propres réponses, et Dupliquer vous donne une copie pour la section suivante avec les mêmes réglages et la même série de questions, mais sans réponses.

Étape 2 : le coller dans une page ou un devoir Canvas

1. Dans Canvas, ouvrez la page ou le devoir et cliquez sur Edit (Modifier) pour ouvrir l'éditeur.
2. Tapez d'abord vos consignes, puis placez le curseur là où la simulation doit apparaître.
3. Choisissez Insert → Embed (Insérer → Intégrer).
4. Collez le code d'intégration et confirmez.
5. Enregistrez la page ou le devoir.

Au moment de la rédaction, ce sont les noms de menu dans Canvas. Votre établissement peut utiliser une version légèrement différente : si les libellés diffèrent, cherchez l'option qui insère du code d'intégration. La page d'aide à l'intégration de l'application donne la version courte pour Canvas et huit autres plateformes.

Après l'enregistrement, prévisualisez la page en tant qu'élève (Canvas propose pour cela une vue élève). Lancez la simulation une fois et vérifiez que le cadre est assez haut pour les éventuelles questions en dessous.

Essayez ce que verront vos élèves

Voici la simulation sur la masse volumique intégrée de la même façon que dans votre page Canvas. Choisissez un matériau, déposez le bloc et observez le niveau d'eau. Passez ensuite à l'écran Comparer, choisissez des blocs de même masse et repérez ceux qui flottent : la même masse répartie sur un plus grand volume signifie une masse volumique plus faible.

Placer la simulation dans un module

La plupart des cours Canvas sont organisés en modules, donc la page avec la simulation doit y figurer aussi.

1. Enregistrez la page avec la simulation intégrée.
2. Ouvrez les modules de votre cours et ajoutez la page au bon module, comme vous le feriez pour n'importe quelle page.
3. Publiez la page et l'élément du module quand vous êtes prêt pour les élèves.

Si vous préférez que les élèves ouvrent la simulation en plein écran, par exemple sur téléphone, ajoutez le lien de lecture (Copier le lien sur la page Partager) au module sous forme de lien plutôt que d'intégration. Beaucoup d'enseignants font les deux : l'intégration sur la page de TP, et le lien simple en secours pour les petits écrans.

Des questions sur la simulation ou un quiz Canvas ?

Vous avez deux façons de recueillir des réponses. Choisissez selon l'usage que vous en faites.

	Questions sur le lien Simulic	Quiz Canvas
Où les élèves répondent	Sous la simulation, dans l'intégration	Dans Canvas
Identité de l'élève	Un pseudo qu'il saisit	Son compte Canvas
Notes	Tableau de résultats et CSV sur la page Partager	Carnet de notes Canvas
Idéal pour	Vérifications rapides, prédictions, données de TP	Évaluations notées

Questions sur le lien. Dans l'onglet Questions de la page Partager, construisez une série de questions : jusqu'à 5 questions (texte court, choix multiple ou nombre) et jusqu'à 3 questions de prédiction qui gardent la simulation verrouillée tant que les élèves ne se sont pas engagés. Choisissez la série pour le lien et les questions apparaissent dans l'intégration. Les questions numériques sont vérifiées automatiquement avec une marge d'erreur. Par exemple :

• Nombre : « Un bloc a une masse de 3,0 kg et un volume de 6,0 L. Quelle est sa masse volumique en kg/L ? » Réponse 0,5, marge d'erreur ± 0,02.
• Choix multiple : « Ce bloc va-t-il couler ou flotter dans l'eau ? » Correct : flotter, car 0,5 kg/L est inférieur au 1 kg/L de l'eau.
• Prédiction : « Deux blocs ont la même masse. L'un a un volume double. Lequel a la masse volumique la plus faible ? » Correct : le plus gros, avec la moitié de la masse volumique.

Demandez aux élèves un pseudo ou un prénom uniquement, jamais de nom complet ni d'e-mail. Vous voyez les résultats sur la carte du lien, et Télécharger le CSV vous donne un tableur. L'offre gratuite recueille 100 réponses d'élèves par mois ; Pro supprime la limite (voir les tarifs). Simulic n'envoie pas les notes au carnet de notes de Canvas.

Un quiz Canvas. Si les réponses doivent être notées dans Canvas, rédigez les questions dans un quiz Canvas et orientez les élèves vers la simulation depuis le quiz ou depuis la page qui le précède. La façon de placer une simulation à côté des questions d'un quiz est traitée dans comment ajouter des simulations aux questions d'un quiz.

Régler la bonne hauteur

Le code d'intégration démarre à 640 px de haut. Il se termine par un petit script qui fait grandir le cadre avec son contenu, ce qui compte quand des questions se trouvent sous la simulation. Canvas supprime en général les balises script du contenu des pages : prévoyez donc la hauteur fixe :

• Simulation seule : 640 px conviennent.
• Avec 2 à 3 questions : remplacez height="640" par environ 850 avant de coller.
• Avec 5 questions et des prédictions : essayez 1000 à 1100.

Si la page est déjà enregistrée, ouvrez la vue HTML de l'éditeur, trouvez height="640" dans l'iframe et changez le nombre. Un cadre un peu trop haut gaspille un peu de place ; un cadre trop court oblige les élèves à faire défiler dans une boîte, ce qui passe facilement inaperçu sur un ordinateur portable.

Dépannage

Le cadre est vide après l'enregistrement

Ouvrez la page dans la vue HTML de l'éditeur. Si l'iframe manque, votre instance Canvas ne l'a pas conservée ; demandez à votre administrateur Canvas si le contenu intégré depuis simulic.com est autorisé. Si l'iframe est là mais vide seulement sur les appareils de l'établissement, un filtre web bloque peut-être simulic.com.

Le cadre indique que le lien n'est pas disponible ou a expiré

« Ce lien Simulic n'est plus disponible » signifie que le lien est désactivé : cliquez sur Activer le lien sur la page Partager. « Ce lien Simulic a expiré » signifie qu'un dernier jour a été défini dans les Options Pro ; modifiez-le ou effacez-le.

Les élèves ne voient pas les questions

Vérifiez qu'une série de questions est choisie pour ce lien sous Série de questions sur la carte du lien. Si c'est le cas, le cadre est probablement trop court ; augmentez la hauteur.

Les réponses de deux groupes sont mélangées

Les deux groupes utilisent le même code d'intégration. Dupliquez le lien, collez le nouveau code dans la page du second groupe, et les réponses seront séparées à partir de là.

Pour les autres plateformes et la vue d'ensemble, consultez le guide pour intégrer une simulation dans votre LMS.

Questions fréquentes

Les élèves doivent-ils se connecter pour voir la simulation intégrée ?

Ils se connectent à Canvas comme d'habitude, mais pas à Simulic. L'intégration ne dépose aucun cookie, elle continue donc de fonctionner quand les navigateurs bloquent les cookies tiers.

Simulic synchronise-t-il les notes avec le carnet de notes de Canvas ?

Non. Simulic affiche les réponses sur la page Partager et les exporte en CSV. Utilisez un quiz Canvas si la note doit se trouver dans Canvas.

Pourquoi la simulation intégrée est-elle coupée ?

Canvas a supprimé le script de redimensionnement, donc le cadre reste à 640 px de haut. Augmentez height="640" dans le code d'intégration.

Puis-je intégrer la même simulation dans plusieurs cours ?

Oui. Créez un lien par cours ou par section pour que les réponses et les nombres de lancements restent séparés.

Puis-je mettre la simulation dans une question de quiz Canvas ?

Si l'éditeur de votre quiz propose la même option Insert → Embed, le même code y fonctionne. Le guide sur les quiz explique quand c'est utile et quand une page séparée vaut mieux.