Intégrer une simulation dans Notion : guide rapide

Notion est devenu un lieu prisé pour les wikis de classe, les fiches de révision et les pages de classe inversée. Vous pouvez intégrer une simulation dans Notion pour que les élèves lancent une expérience en direct au cœur de la page, à côté de vos notes et de vos tâches, sans compte. Ce guide vous montre comment faire avec Simulic : créer un lien de partage, le coller dans Notion, choisir Create embed (Créer une intégration) et donner au bloc une hauteur suffisante. Vous verrez aussi comment recueillir des réponses depuis une page Notion, comment partager la page pour que les élèves puissent l'ouvrir, et que faire quand le lien reste un simple lien au lieu de se transformer en simulation.

Ce dont vous avez besoin

• Un compte enseignant Simulic gratuit. Les élèves n'en ont jamais besoin.
• Une page Notion que vous pouvez modifier.
• Une simulation sur votre sujet. Ce guide construit une page de révision sur les lois des gaz avec la simulation de la loi de Boyle-Mariotte.
• Quelques minutes pour ouvrir la page terminée comme le ferait un élève, sur ordinateur et sur téléphone.

Pourquoi Notion diffère d'un LMS

Dans Canvas, Moodle ou Google Sites, vous collez un code d'intégration. Dans Notion, vous collez en général le lien de lecture. Simulic prend en charge oEmbed, un standard qui permet à des outils comme Notion de demander « à quoi doit ressembler ce lien dans une page ? ». Simulic répond avec le cadre de la simulation, et Notion l'affiche comme un bloc en direct.

Deux conséquences comptent pour les enseignants :

• Vous ne touchez jamais au HTML. Un seul lien à coller.
• Le petit script de redimensionnement fourni avec le code d'intégration n'en fait pas partie. Le cadre garde la taille que Notion lui donne : c'est donc à vous de régler la hauteur (plus de détails ci-dessous).

Étape 1 : créer un lien de partage

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 la page sur la loi de Boyle-Mariotte, gardez le volume initial à 3 L et la pression initiale à 1 atm. Ces valeurs sont enregistrées dans le nouveau lien.
3. Passez à l'onglet Liens de partage. Sous Nouveau lien, nommez le lien d'après la page, par exemple « Notion · Révision lois des gaz », choisissez la Langue et cliquez sur Créer le lien.
4. Dans la fiche du lien, cliquez sur Copier le lien. Le lien ressemble à https://simulic.com/p/….

Créez un lien par page Notion. Chaque lien compte ses propres lectures et garde ses propres réponses : vous pourrez donc savoir plus tard quelle page les élèves ont réellement utilisée.

Étape 2 : coller le lien et choisir Create embed

1. Dans votre page Notion, cliquez sur une ligne vide à l'endroit où la simulation doit apparaître.
2. Collez le lien de lecture.
3. Notion propose plusieurs façons d'afficher le lien. Choisissez Create embed (Créer une intégration).
4. La simulation apparaît sous forme de bloc. Cliquez dedans et essayez une commande pour vérifier qu'elle fonctionne.

Si vous préférez partir du bloc, tapez /embed sur une ligne vide, choisissez le bloc d'intégration, collez le lien de lecture et validez.

Au moment de la rédaction, ce sont les noms d'options de Notion. Notion met souvent son éditeur à jour : si un libellé est différent, cherchez l'option qui intègre le lien plutôt que de l'afficher comme un lien ou une carte.

Étape 3 : donner au bloc une hauteur suffisante

Le bloc d'intégration démarre à une taille choisie par Notion. Une simulation a besoin de place pour son canevas, ses boutons et le panneau des valeurs de départ en dessous : vérifiez donc la hauteur avant de partager la page.

1. Survolez le bloc d'intégration.
2. Faites glisser son bord inférieur vers le bas jusqu'à ce que toute la simulation s'affiche sans défilement dans le bloc.
3. Si la mise en page de votre page le permet, mettez le bloc en pleine largeur. Les simulations sont bien plus faciles à utiliser en large.

Quelques points de départ approximatifs :

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

Faites ensuite défiler la page dans une fenêtre de navigateur étroite pour voir à peu près ce que verront les utilisateurs sur téléphone.

À essayer : un bloc de révision sur les lois des gaz

Voici la simulation de la loi de Boyle-Mariotte intégrée comme elle apparaît sur la page Notion. Faites glisser le piston ou déplacez le curseur Volume V, puis appuyez sur Relever la mesure pour quelques volumes.

Avec les valeurs de départ par défaut (3 L à 1 atm), le panneau affiche p·V = 3,00 atm·L à chaque volume. Comprimez le gaz à 1,5 L et la pression double, à 2,00 atm. À 1 L, elle atteint 3,00 atm et, au plus petit volume, 0,5 L, 6,00 atm. Tirez le piston jusqu'à 6 L et elle tombe à 0,50 atm. Le tableau ajoute une colonne 1/V, et le second graphique trace p en fonction de 1/V sous la forme d'une droite passant par l'origine.

Une bonne consigne de révision à taper au-dessus du bloc : « Relevez cinq points. Montrez que p·V reste constant, puis expliquez pourquoi le graphique de p en fonction de 1/V est une droite. »

Recueillir des réponses depuis une page Notion

Notion n'a aucun moyen intégré de recueillir les réponses des élèves, mais le lien Simulic le peut. Les questions apparaissent dans l'intégration, sous la simulation.

1. Dans la page de partage, ouvrez l'onglet Questions et composez un jeu de questions : jusqu'à 5 questions plus des consignes pour les élèves.
2. Choisissez ce jeu pour votre lien.
3. Agrandissez le bloc Notion, car les questions se trouvent désormais à l'intérieur.

Trois questions pour la page sur les lois des gaz :

• Prédiction (posée avant que la simulation ne se débloque) : « Vous comprimez le gaz à la moitié de son volume. Que devient la pression ? » Réponse attendue : elle double.
• Nombre : « Réglez le volume à 1 L. Quelle est la pression ? » Réponse 3,00, marge d'erreur ± 0,05, unité atm.
• Texte court : « Pourquoi le graphique de p en fonction de 1/V est-il une droite passant par l'origine ? » Exemple de réponse : p = 3/V, donc p est proportionnelle à 1/V, avec un coefficient directeur égal à p·V = 3 atm·L.

Les élèves saisissent un pseudo et répondent. Vous voyez les résultats sur la fiche du lien dans la page de partage et pouvez les télécharger en CSV. Demandez aux élèves un pseudo ou un prénom seulement. Pour un pas à pas complet, lisez recueillir les réponses des élèves sans comptes élèves.

Si une seconde classe utilise la même page un autre trimestre, enregistrez une autre valeur de départ dans un nouveau lien. Avec la pression initiale réglée à 2 atm, le même volume de 1,5 L donne 4,00 atm : les réponses de l'an dernier ne sont donc pas réutilisables.

Partager la page Notion avec les élèves

Simulic n'exige aucun compte, mais les élèves doivent tout de même pouvoir ouvrir la page Notion elle-même. Vérifiez les paramètres de partage de votre page avant de publier l'adresse :

• Page publique : toute personne qui a l'adresse peut l'ouvrir, et la simulation se lance. Vérifiez la politique de votre établissement avant de rendre une page publique.
• Partagée avec les comptes de vos élèves : seuls les élèves que vous invitez peuvent l'ouvrir. La simulation à l'intérieur n'exige toujours aucun compte Simulic.

Deux autres points à connaître :

• Les pages dupliquées gardent votre lien. Si les élèves copient votre page dans leur propre espace de travail, l'intégration pointe toujours vers votre lien de partage : leurs réponses arrivent donc toujours dans votre page de partage.
• Ajoutez aussi le lien simple. Placez le lien de lecture sur une ligne de texte sous l'intégration : « Ouvrir en plein écran ». Sur un téléphone, un simple lien de lecture ouvre la simulation en plein écran, ce qui vaut mieux qu'un petit cadre.

Mises en page Notion qui fonctionnent

• Pôle de révision par unité. Une page par unité, avec trois ou quatre simulations, chacune sous une tâche d'une ligne. Gardez les pages lourdes courtes pour qu'elles se chargent sur les réseaux scolaires.
• Classe inversée. Une courte explication, une simulation avec des questions de prédiction, puis « apportez votre réponse en classe ». Le guide de la classe inversée traite de la conception de la séance.
• Page de devoirs. Une simulation et un jeu de questions par semaine. Voir utiliser les simulations pour les devoirs pour savoir comment donner des tâches que les élèves ne peuvent pas esquiver.

Dépannage

Le lien reste un simple lien ou une carte

Notion n'a pas créé l'intégration. Supprimez-la, tapez /embed, choisissez le bloc d'intégration et collez à nouveau le lien. Vérifiez aussi que le lien est activé : un lien désactivé ne peut pas être intégré.

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

« This Simulic link is no longer available » signifie que le lien est désactivé : cliquez sur Activer le lien dans la page de partage. « This Simulic link has expired » signifie qu'une date limite a été fixée dans les Options Pro ; modifiez-la ou effacez-la.

La simulation est coupée ou des questions sont masquées

Le bloc est trop court. Faites glisser son bord inférieur vers le bas. Cela arrive surtout après l'ajout de questions.

Le bloc est vide uniquement sur les appareils de l'école

Un filtre web bloque probablement simulic.com. Ouvrez directement le lien de lecture pour le confirmer, puis demandez au service informatique de l'autoriser.

Pour les autres plateformes, voir le guide pour intégrer une simulation dans votre LMS et la page d'aide sur l'intégration de l'application. Vous débutez avec les simulations en classe ? Commencez par utiliser les simulations interactives en classe.

Questions fréquentes

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

Pas pour Simulic. Il leur faut ce qu'exigent les paramètres de partage de votre page : rien pour une page publique, un compte Notion pour une page partagée uniquement avec des personnes invitées.

Puis-je coller le code d'intégration dans Notion au lieu du lien ?

Collez le lien de lecture. Notion intègre les liens, et Simulic indique à Notion comment afficher la simulation.

Pourquoi le bloc Notion ne s'agrandit-il pas quand les élèves répondent aux questions ?

Le cadre garde la taille que Notion lui donne. Agrandissez le bloc après avoir associé des questions.

L'intégration dépose-t-elle des cookies ?

Non. L'intégration ne dépose aucun cookie et continue de fonctionner quand les navigateurs bloquent les cookies tiers.