Intégrer une simulation dans Google Sites

Beaucoup d'enseignants tiennent un site de classe dans Google Sites : un seul endroit pour les cours, les liens et les tâches, qui fonctionne sur n'importe quel appareil. Vous pouvez intégrer une simulation dans Google Sites pour que les élèves réalisent une expérience virtuelle directement sur la page de l'unité, sans quitter le site et sans compte. Ce guide vous montre comment faire avec Simulic : copier le code d'intégration, l'ajouter avec Insert → Embed → Embed code (Insérer → Intégrer → Code d'intégration), faire glisser la boîte à la bonne hauteur et organiser plusieurs simulations en une page par unité. Il se termine par les solutions aux problèmes que les enseignants rencontrent le plus souvent : une boîte vide, une simulation coupée et des réponses de classes différentes qui se mélangent.

Ce dont vous avez besoin

• Un compte enseignant Simulic gratuit. Les élèves n'en ont jamais besoin.
• Un accès en modification au site Google (vous en êtes propriétaire ou quelqu'un l'a partagé avec vous en tant qu'éditeur).
• Les simulations de votre unité. Ce guide construit une page pour une unité sur la lumière.
• Dix minutes pour tester la page publiée sur un téléphone et sur un ordinateur portable de l'établissement.

Planifier le site : une page par unité

Avant d'intégrer quoi que ce soit, décidez où chaque simulation va se trouver. Une structure qui fonctionne bien pour la plupart des classes :

• Page d'accueil : à quoi sert le site, le nom de la classe et l'unité en cours en haut.
• Une page par unité : « Lumière », « Électricité », « Forces ». Chaque page d'unité contient de deux à quatre simulations, chacune avec une courte tâche au-dessus.
• Pas de simulation sur la page d'accueil. Les élèves y arrivent en premier, et une page lourde sur un réseau scolaire lent est un mauvais début.

Une page par unité se charge plus vite, car chaque simulation intégrée charge son propre cadre, et les élèves trouvent le travail de la semaine sans faire défiler celui du mois dernier.

Pour l'unité sur la lumière, un bon ensemble est :

1. Rayons lumineux – réfraction, réflexion totale et prismes, le TP principal.
2. Réflexion sur un miroir plan, pour une mise en route.
3. Lentilles et miroirs sphériques – construction de rayons, pour la deuxième leçon.

Étape 1 : créer un lien par simulation

Chaque code d'intégration appartient à un lien de partage. Créez d'abord les liens dans Simulic.

1. Ouvrez la page de la simulation et cliquez sur Partager.
2. Dans l'onglet Simulation, réglez les valeurs de départ avec lesquelles les élèves doivent commencer. Pour le TP de réfraction, choisissez l'écran Intro avec l'air en haut et l'eau en bas. Ces réglages sont épinglés au nouveau lien.
3. Allez dans l'onglet Liens de partage. Sous Nouveau lien, donnez au lien un nom comme « Lumière · Réfraction · 4e », 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.

Nommez les liens d'après l'unité et le site, pour savoir plus tard où se trouve chaque intégration.

Étape 2 : ajouter le code d'intégration avec Insert → Embed

1. Ouvrez votre site Google en mode modification et allez sur la page de l'unité.
2. Ajoutez d'abord une zone de texte avec la tâche, par exemple : « Trouvez l'angle de réfraction quand la lumière passe de l'air à l'eau sous 45°. »
3. Choisissez Insert → Embed (Insérer → Intégrer).
4. Choisissez Embed code (Code d'intégration), et non une adresse web, collez le code de Simulic et confirmez.
5. La simulation apparaît dans une boîte sur la page. Déplacez-la sous le texte de la tâche.

Au moment de la rédaction, ce sont les noms de menu dans Google Sites. Google met à jour son éditeur de temps en temps : si un libellé paraît différent, cherchez l'option qui insère du code d'intégration. La page d'aide à l'intégration de l'application garde la version courte pour Google Sites et les autres plateformes.

Le code d'intégration se termine par une ligne « Simulation de Simulic ». Elle se trouve dans la boîte, sous la simulation.

Étape 3 : faire glisser la boîte à la bonne hauteur

Google Sites affiche le code intégré dans sa propre boîte, et la boîte garde la taille que vous lui donnez. Le script à la fin du code d'intégration ne peut pas faire grandir cette boîte : si le contenu est plus haut, les élèves doivent donc faire défiler dans la boîte, ce qui passe facilement inaperçu. Réglez la hauteur vous-même :

1. Cliquez sur la boîte pour la sélectionner.
2. Faites glisser le bord inférieur vers le bas jusqu'à ce que toute la simulation et tout ce qui est en dessous soient visibles.
3. Faites glisser les poignées latérales pour que la boîte occupe toute la largeur de la section. Les simulations sont bien plus faciles à utiliser en largeur.

Comme point de départ :

• Simulation seule : environ la hauteur d'un écran d'ordinateur portable.
• Avec 2 à 3 questions en dessous : un tiers de plus.
• Avec 5 questions et des prédictions : environ deux fois la hauteur de la simulation seule.

Prévisualisez ensuite la page. Google Sites propose un aperçu qui bascule entre les largeurs téléphone, tablette et ordinateur. Vérifiez la vue téléphone : la boîte doit toujours montrer les boutons de la simulation.

Essayez ce que verront vos élèves

Voici le TP de réfraction intégré de la même façon que sur votre page d'unité. Faites glisser le laser et lisez les angles.

Avec l'air en haut et l'eau en bas (n = 1,33), un angle d'incidence de 45° donne un angle de réfraction d'environ 32°. Passez le milieu du bas au verre (n = 1,50) et les mêmes 45° se courbent à environ 28°. Échangez maintenant les milieux pour que la lumière aille du verre à l'air et augmentez l'angle : au-delà d'environ 41,8°, le rayon réfracté disparaît et vous obtenez la réflexion totale. Pour l'eau vers l'air, l'angle critique est d'environ 48,8°.

Ces nombres font une bonne tâche pour la page d'unité : « Trouvez l'angle critique pour le verre et pour l'eau. Quel matériau piège le plus facilement la lumière ? »

Recueillir les réponses sur la page

Google Sites n'a pas de moyen intégré de recueillir des réponses, mais le lien Simulic le peut. Dans l'onglet Questions de la page Partager, construisez une série de questions et choisissez-la pour le lien. Les questions apparaissent dans la boîte, sous la simulation, et les élèves répondent avec un pseudo. Deux exemples pour la page sur la lumière :

• Nombre : « La lumière passe de l'air à l'eau sous 45°. Quel est l'angle de réfraction ? » Réponse 32°, marge d'erreur ± 1.
• Choix multiple : « La réflexion totale peut se produire quand la lumière passe… » Correct : du verre à l'air (du milieu le plus dense vers le moins dense).

Vous voyez les réponses sur la carte du lien, et Télécharger le CSV vous donne un tableur. Demandez aux élèves un pseudo ou un prénom uniquement. L'offre gratuite recueille 100 réponses d'élèves par mois. Le pas à pas complet se trouve dans recueillir les réponses des élèves sans comptes élèves.

Pensez à agrandir la boîte une fois les questions associées.

Publier et partager le site

Publiez le site comme d'habitude, puis ouvrez-le comme le ferait un élève. Vérifiez qui peut le consulter : si le site est limité au domaine Google de votre établissement, les élèves doivent être connectés à leur compte d'établissement pour ouvrir la page. Simulic lui-même n'a toujours besoin d'aucun compte et ne dépose aucun cookie.

Si vous utilisez aussi Google Classroom, publiez-y une seule fois l'adresse du site, plutôt que chaque simulation. Pour publier une seule simulation dans une classe, consultez comment ajouter une simulation à Google Classroom.

Dépannage

La boîte est vide

Ouvrez directement le lien de lecture de la simulation dans le même navigateur. Si cela échoue aussi seulement sur les appareils de l'établissement, un filtre web bloque probablement simulic.com ; demandez à votre équipe informatique de l'autoriser. Si le lien de lecture fonctionne mais que la boîte reste vide, supprimez la boîte et collez de nouveau le code d'intégration, en veillant à avoir choisi Embed code et copié le code en entier.

La simulation est coupée

La boîte est trop courte. Sélectionnez-la et faites glisser le bord inférieur vers le bas. C'est le problème le plus courant sur Google Sites, surtout après avoir associé des questions.

La boîte 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 réponses de classes différentes sont mélangées

Un code d'intégration signifie un lien, et un lien recueille toutes ses réponses ensemble. Si plusieurs classes partagent un site, faites soit une copie de la page d'unité pour chaque classe avec son propre lien (Dupliquer sur la carte du lien vous donne une copie avec les mêmes réglages et la même série de questions), soit demandez aux élèves de commencer leur pseudo par leur classe, comme « 4B-Sam ».

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

Questions fréquentes

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

Pas pour Simulic. Les élèves ont besoin de ce qu'exigent les paramètres de partage de votre site : rien pour un site public, un compte d'établissement pour un site limité à votre domaine.

Puis-je mettre plusieurs simulations sur une même page Google Sites ?

Oui. Chacune a sa propre boîte d'intégration. Limitez-vous à deux à quatre par page pour que la page se charge vite sur les réseaux scolaires et les téléphones.

Pourquoi la boîte ne grandit-elle pas quand j'ajoute des questions ?

Google Sites garde sa boîte à la taille que vous avez définie. Faites glisser le bord inférieur vers le bas après avoir ajouté des questions.

L'intégration fonctionne-t-elle quand les navigateurs bloquent les cookies tiers ?

Oui. L'intégration ne dépose aucun cookie, elle continue donc de fonctionner dans Google Sites avec n'importe quel navigateur.