Il reste deux façons propres de mettre une grille jouable devant une classe : une pièce jointe de type lien que les élèves ouvrent en un clic, ou une page Google Sites avec le jeu intégré, liée depuis tes Travaux et devoirs.
Publier le jeu dans tes Travaux et devoirs
Choisis entre un simple lien et un site Google Sites
Google Classroom n’a aucun champ qui exécute du HTML : le jeu peut donc atteindre les élèves de deux façons, sous forme de lien qu’ils ouvrent dans un nouvel onglet, ou intégré dans une page Google Sites que tu lies ensuite depuis Classroom. Le lien prend une minute. Le site Google prend cinq minutes, mais les élèves jouent sur une page que tu maîtrises, avec tes consignes à côté de la grille.
Ouvre la classe et va dans Travaux et devoirs > Créer
Connecte-toi sur classroom.google.com, ouvre la classe et clique sur l’onglet Travaux et devoirs. Clique sur Créer en haut et choisis Support pour une activité facultative, ou Devoir si tu veux qu’elle figure dans la liste de tâches des élèves avec une date limite.
Écris un titre et des consignes courtes
Donne à la publication un titre comme « Échauffement logique : Démineur » et une ligne de consignes, par exemple : « Termine la grille sans deviner. Note une règle que tu as utilisée. » La zone de consignes n’accepte que du texte et une mise en forme simple ; n’y colle pas le code iframe, car les élèves le verraient comme une ligne de code.
Joins le jeu avec Lien
Dans les options de pièce jointe, choisis Lien (sur un devoir, il se trouve sous Ajouter ; sur un support, clique sur Ajouter puis sur Lien). Colle https://play-minesweeper.games/fr/sans-hasard/ pour le jeu sans hasard complet, ou l’adresse de ton site Google Sites si tu y as intégré la grille, et ajoute-le. Classroom affiche le lien sous forme de carte avec le titre de la page.
Choisis un thème et des élèves, puis publie ou programme
Si tu veux, choisis un thème et limite la publication à certains élèves. Clique sur Publier pour publier tout de suite, ou utilise la flèche à côté pour programmer la publication au début du cours. Ouvre une fois la publication en vue élève pour vérifier que le lien ouvre bien la grille.
Pourquoi il n’y a pas d’option d’intégration
Toutes les autres plateformes de cette série ont un endroit qui accepte du HTML : un bloc HTML personnalisé, un onglet Code d’intégration, une vue du code source. Classroom, non. La zone de consignes accepte du texte avec gras, italique, souligné et listes à puces ; tout le reste arrive sous forme de carte de pièce jointe. Les types de pièces jointes sont les fichiers Google Drive, les vidéos YouTube, les liens, les fichiers importés, et les éléments que tu crées dans Docs, Slides, Sheets, Drawings ou Forms.
La question n’est donc pas de savoir où coller le code, mais quel type de pièce jointe utiliser :
- Lien : la voie la plus rapide. Les élèves cliquent sur la carte et le jeu s’ouvre dans un nouvel onglet. Rien à entretenir.
- Un site Google Sites, joint sous forme de lien : la grille est intégrée à une page que tu construis, avec tes consignes, un minuteur ou un lien vers une fiche autour. Les élèves quittent quand même Classroom, mais ils arrivent sur ta page plutôt que sur la nôtre.
Les modules complémentaires Classroom peuvent afficher du contenu tiers dans Classroom, mais ils exigent Google Workspace for Education Plus ou la mise à niveau Teaching and Learning, un module complémentaire approuvé par ton administrateur, et un développeur qui l’a créé. Ce jeu n’est pas un module complémentaire Classroom : le lien est donc la voie prévue.
La voie Google Sites : intégrer une fois, lier depuis Classroom
Si tu veux que la grille se trouve dans ta propre page, construis cette page dans Google Sites. Il dispose d’un vrai champ pour le code d’intégration, et notre guide d’intégration dans Google Sites détaille le chemin exact (Insérer > Intégrer > Code d’intégration) et la façon de dimensionner la boîte. Pour une classe, colle cette version, qui active le mode sans hasard :
<iframe
src="https://play-minesweeper.games/embed/?size=beginner&noguess=1"
width="344"
height="472"
frameborder="0"
style="border:0;max-width:100%"
loading="lazy"
title="Minesweeper Game"
referrerpolicy="no-referrer-when-downgrade"
allow="clipboard-write"
></iframe>
<p style="font:12px/1.5 Tahoma,'MS Sans Serif',Geneva,sans-serif;color:#555555;margin:6px 0 0;max-width:344px">
<a href="https://play-minesweeper.games/" style="color:#555555">play-minesweeper.games</a> — free Minesweeper, no download
</p>Le cadre fait 344 × 472 pixels, assez petit pour n’importe quelle colonne Google Sites et un écran de Chromebook. Ensuite :
- Clique sur Publier dans Google Sites. Réserver le site au domaine de ton établissement ne pose pas de problème, car les élèves sont connectés avec leur compte scolaire.
- Copie l’adresse du site publié.
- De retour dans Classroom, joins cette adresse avec Lien, exactement comme dans les étapes ci-dessus.
Un site se réutilise : publie le même lien dans chaque classe à chaque période, et change la taille de grille ou les consignes à un seul endroit.
Si quelque chose ne marche pas
- Le code iframe apparaît en texte dans la publication. C’est normal : Classroom n’exécute pas de HTML. Modifie la publication, supprime le code et joins un lien à la place.
- Le lien ouvre une page « bloquée ». C’est le filtre web de l’établissement. Il s’applique aussi bien au lien qu’à une intégration Google Sites. Demande au service informatique d’autoriser
play-minesweeper.games, et consulte nos notes sur le Démineur à l’école. - Le site Google Sites affiche une boîte vide à la place du jeu. L’intégration elle-même est bloquée (encore le filtre), ou l’adresse dans le code commence par
http://au lieu dehttps://. Fais le test sur le réseau de l’établissement, pas à la maison. - La grille est coupée sur le site Google Sites. La boîte d’intégration est plus petite que le cadre. Agrandis-la jusqu’à au moins 344 × 482 pixels ; le guide Google Sites explique pourquoi la boîte ne se redimensionne pas.
- Les élèves ne peuvent pas ouvrir le site Google Sites. Vérifie les paramètres de publication. Un site limité à ton domaine est invisible pour les comptes extérieurs, par exemple un élève connecté avec un compte Gmail personnel.
L’utiliser en classe
Notre séance de Démineur pour les enseignants est une activité de logique de 15 minutes construite autour de cette grille précise : un échauffement, un travail en binôme et une courte discussion sur les règles que les élèves découvrent. Imprime les fiches de Démineur à imprimer qui vont avec, ou enregistre-les en PDF depuis la boîte de dialogue d’impression et joins le fichier à la même publication Classroom, pour que les élèves qui finissent en avance, ou qui n’ont pas d’appareil, résolvent le même genre de grille sur papier. Chaque fiche a son corrigé.