Module d’enseignement en ligne

Chapitre Grain
Outils en ligne : Ressources numériques pour la création d'Escape Rooms
60 minutes
Dqns notre époque, les outils numériques prennent de plus en plus d'importance dans tous les domaines, y compris l'éducation et les jeux. Les ressources numériques peuvent être à la fois gratuites et faciles à utiliser et permettent une certaine flexibilité dans une escape game numérique. Ce grain fournira aux enseignants et aux autres personnes souhaitant créer des escape rooms pédagogiques les connaissances nécessaires pour utiliser des outils numériques simples et gratuits. Dans cette leçon, nous nous concentrerons principalement sur la création d'éléments visuels, en utilisant des outils numériques. Nous donnerons également des liens vers de nombreux outils utiles et certains d'entre eux, tels que Google Forms (Grain 16), Genially (Grain 17), et les outils de création de puzzles (Grain 18) seront couverts plus intensément dans leurs fiches spécialement dédiées.
À la fin de ce grain, les participants devraient être en mesure de:
  • Comprendre l'importance d'utiliser différents outils en ligne pour créer du contenu pour les escape rooms pédagogiques
  • Être capable d'utiliser tous les outils donnés dans cette leçon pour créer du contenu.
  • Être conscient de la nécessité et du fonctionnement des droits d'auteur.

De nombreux éléments sont à prendre en compte lors de la création d’une Escape Room en tant qu’expérience immersive. Le créateur utilisera toutes sortes d’outils pour mettre en place une atmosphère mais aussi pour créer des énigmes et des indices pour les élèves.

Ces éléments sont principalement visuels, tels que:

  1. Images décoratives
  2. Puzzles
  3. Cartes
  4. Indices visuels
  5. Vidéos

De nombreux outils sont disponibles pour créer des illustrations gratuitement en ligne.

Source 1 -Vectorjuice. (2020, October). Freepik.com.

Bases de données pour visuels:

Source 2: [Screenshot of Freepik.com homepage]. (2020, December 11).

Pour créer des visuels, vous pouvez avoir besoin d’une image existante comme base. Vous avez peut-être ce dont vous avez besoin dans votre bibliothèque ou dans vos livres scolaires, mais si vous devez rechercher une image illustrative, il sera plus facile de la trouver gratuitement en ligne. Voici une liste de bases de données d’images, de vecteurs ou d’icônes par exemple, qui sont sous licence Creative Commons et libres d’utilisation, avec mention de la source:

Montage des visuels

Source 3 [Screenshot of Freepik.com homepage]. (2020, December 11).

Afin d’utiliser les images de ces sites web à vos propres fins, vous devrez peut-être les modifier ou supprimer leur fond. Vous pouvez parfois trouver des images sans arrière-plan, comme sur le site web « Stick PNG » ou sur d’autres sites web, utiles à cette fin:

Création de visuels

Source 4: pch.vector. (2020, November). Woman creating sculpture from stone Free Vector. www.freepik.com.

Certaines ressources en ligne vous permettront de créer vos propres visuels et mettront à votre disposition des modèles, des icônes, des fonds, des images et des polices de caractères gratuits. Pour une escape room numérique, les visuels peuvent également être constitués de fonds ou de vidéos, qui ajoutent de l’interactivité et du réalisme à l’expérience.

Voici quelques-unes des ressources en ligne les plus utiles:

Remarque : Google Drawings est une application Google gratuite. Comme Google Sheets ou Google Slides, elle doit être ajoutée à un compte Google.

Création de polices

Pour vous en tenir au scénario décrit dans les grains précédents et créer l’atmosphère appropriée, vous devrez faire attention aux détails. Comme il y a généralement beaucoup d’informations écrites dans une escape room, choisir une police adaptée pour écrire les informations peut être très efficace dans la création de l’ambiance.

Pour les thèmes de mystère ou d’horreur, des polices manuscrites tremblantes ou dentelées fonctionnent très bien. Pour les périodes anciennes, vous pouvez utiliser des polices qui sont visuellement associées, comme le style calligraphique de l’époque médiévale, l’écriture édouardienne du XVIIIe siècle, etc.

Par exemple:

Edwardian Script ITC
(attention, cette police n’est pas inclusive)

Chiller
(attention, cette police n’est pas inclusive)

Cependant, nous tenons à rappeler qu’il faut veiller tout particulièrement à conserver des polices adaptées dans le cas où le groupe compte des élèves atteints de troubles spécifiques de l’apprentissage (OpenDyslexic, Arial, Century Gothic, par exemple) et à se concentrer sur d’autres détails afin de planter le décor (musique, images, vidéos, objets, etc.).

Les écritures précédemment mentionnées pour l’atmosphère, comme l’écriture édouardienne, ne sont généralement pas adaptées aux élèves souffrant de troubles, alors veillez à concevoir l’escape room en fonction de votre groupe cible, y compris les éventuels SLD. Si votre escape room est destinée à être réutilisée sans être modifiée pendant plusieurs années, la dyslexie étant le trouble le plus fréquent, nous vous recommandons d’utiliser directement des polices d’écriture inclusives.

Voici quelques bases de données de polices de caractères;

Créer des vidéos

Source 5: Katemangostar. (2019). People creating film Free Vector. www.freepik.com.

Les vidéos sont un support très utile pour enrichir votre Ecape Room, que ce soit comme une introduction à l’ Escape Room, une façon de donner un indice, une énigme ou une piste, ou même une façon de justifier la limite de temps de l’Escape Room en ajoutant un contexte. La réalisation de vidéos étant traitée dans le Grain 22, nous n’explorerons pas le sujet de manière approfondie ici. Nous nous contenterons de donner un outil de référence pour vous aider dans votre montage vidéo, mais d’autres contenus et outils seront disponibles dans le Grain 22. Clideo est une plateforme en ligne qui vous permet d’éditer gratuitement vos fichiers vidéo, vos gifs et vos images.

Créer des puzzles

Source 6: Freepik license. (2020, January). Teamwork people creating a puzzle Free Vector. www.freepik.com.

Les puzzles font partie intégrante des escape rooms, il peut donc être très utile de pouvoir créer ses propres puzzles. Voici quelques ressources en ligne qui peuvent être utilisées. D’autres conseils sur la conception des puzzles seront donnés dans le Grain 18.

Vous pouvez trouver un exemple here, as well as a video.

Créer des contenus enrichissants

Source 7: Pikisuperstar. (2020, November). Des personnes utilisant la réalité aumentée sur des smartphones Free Vector. www.freepik.com.

Il existe plusieurs façons d’améliorer le contenu de votre escape room. Il est possible d’enrichir des documents papier avec de la réalité augmentée (RA) par exemple. Vous pouvez également explorer certaines images ou informations avec un code QR, utiliser des Widgets ou insérer un Gif dans votre Google Form pour ajouter une dimension interactive au contenu de votre ER. Ces techniques de réalité augmentée et de QRcode sont développées dans le Grain 23, nous vous invitons à les explorer davantage. Les liens suivants seront également expliqués plus précisément dans le Grain susmentionné.

Application Aurasma

Aurasma est une application de réalité augmentée qui permet de superposer n’importe quelle vidéo ou image sur tout ce que votre tablette, téléphone portable ou tout autre appareil mobile peut numériser avec son appareil photo.

Utilisation des codes QR

Un QR code vous permettra de donner accès à plus d’informations aux élèves en scannant un QR code imprimé.

QR Code Generator

Créer des widgets

  • Widgits Online
  • BookWidgets permet aux enseignants de créer des leçons amusantes et interactives pour tablettes, smartphones et ordinateurs. Elle offre une variété de modèles différents à utiliser librement.

Créer des Gifs

Droit d’auteur

Comme pour tout contenu provenant d’une source secondaire ou d’un auteur, qu’il s’agisse d’images, d’icônes, de dessins ou de vidéos, il est primordial de faire attention au statut des droits d’auteur et de donner crédit lorsque vous utilisez quelque chose qui n’est pas votre propre création. La meilleure chose à regarder est le contenu qui tombe sous le cadre des licences Creative Commons. Cette licence signifie essentiellement que l’auteur ou le créateur de ce contenu a donné son autorisation pour l’utiliser et le distribuer, à condition que vous suiviez les règles et les directives décrites dans les licences Creative Commons.

Vous trouverez de plus amples informations sur les différents types de licences Creative Commons ici.

Instructions (Processus étape par étape)

Concevez la feuille de route de votre ER

La première étape à franchir avant d’explorer tous ces outils est de définir vos besoins. Quels types de matériaux aurez-vous sous la main? Un seul ordinateur? Plusieurs smartphones? Pas d’ordinateur du tout mais vous avez besoin de créer beaucoup de visuels et de puzzles qui seront imprimés? Quel est votre budget? Cet ER sera-t-il répété? Et si oui, dans quelle mesure sera-t-il facile à remettre en place?

Avoir le plan général de la structure de votre escape room, les principales énigmes et leur ordre vous aideront à définir les outils et techniques que vous utilisera pour les créer tous.

Afin de définir correctement les besoins, vous devez choisir le format de votre escape room en fonction des matériaux disponibles:

  • Contient surtout des contenus imprimés,
  • Contenu imprimé avec amélioration électronique (VR sur une image, QR codes, etc….),
  • Des contenus mi-en ligne mi-imprimés (des contenus imprimés avec une série de Google Forms afin d’entrer les différents codes et réponses que les élèves trouvent et de recevoir la prochaine énigme par exemple),
  • Principalement en ligne (peut-être avec Genially par exemple).

Faites une liste des différents matériaux dont vous auriez besoin.

Par exemple:

  • Un puzzle
  • Une carte
  • Une photo d’un homme avec une moustache
  • Une fausse liste de courses
  • Une lettre manuscrite
  • Etc…

Trouvez les outils les plus appropriés pour créer vos matériaux.

Soyez créatif et produisez vos matériaux.

Quoi que vous créez, essayez-le toujours pour voir si cela fonctionne.

Matériels et ressources
Images: • Vectorjuice. (2020, October). Freepik.com. https://fr.freepik.com/vecteurs-libre/equipe-commerciale-icones-megaphone-medias-travaille-optimisation-moteurs-recherche-marketing-ligne-concept-outils-referencement_10780320.htm#page=1&query=online%20tools&position=5 • [Screenshot of www.freepik.com homepage]. (2020, December 11). • [Screenshot of www.gimp.org homepage]. (2020, December 11). • Pch.vector. (2020, November). Woman creating sculpture from stone Free Vector. www.freepik.com. https://www.freepik.com/free-vector/woman-creating-sculpture-from-stone_11236039.htm#page=1&query=creating%20visuals&position=5 • Katemangostar. (2019). People creating film Free Vector. www.freepik.com. https://www.freepik.com/free-vector/people-creating-film_5259918.htm#page=1&query=creating%20videos&position=3 • Freepik license. (2020, January). Teamwork people creating a puzzle Free Vector. www.freepik.com. https://www.freepik.com/free-vector/teamwork-people-creating-puzzle_6660728.htm#page=1&query=creating+puzzles&position=4 • Pikisuperstar. (2020, November). People using aumented reality on smartphones Free Vector. www.freepik.com. https://www.freepik.com/free-vector/people-using-aumented-reality-smartphones_11376161.htm#page=1&query=AR&position=8 Infographic icons: • [Free image Creative Commons]. (n.d.). Bing.com.