Jeu de piste avec QR Code

Initialement publié et documenté sur le wiki Movilab - Complété ici.

image geocachingQRCode.png (0.2MB)

Concept

Une chasse au trésor est une épreuve ludique où les participants, généralement regroupés en équipes, doivent trouver un cadeau (le "trésor") dissimulé par les organisateurs. Des indices sont généralement fournis pour permettre d'arriver au but. (Wikipedia)

Dans cette version numérique, les indices sont transmis par des Codes QR disposés sur le terrain (dans le monde "réel", matériel). Les codes QR doivent être lus avec des smartphones connectés à un réseau (en général Internet, via une connexion sans fil).

image 360pxMonmouthpedia_2012_finger.jpg (35.5kB)
Photo par Victuallers, Licence CC By-SA, via WIkimedia Commons - https://commons.wikimedia.org/wiki/File:Monmouthpedia_2012_finger.jpg

Un code QR, aussi appelé QR code (de l'anglais : quick response code, « code à réponse rapide ») est un type de code-barres en deux dimensions (ou code matriciel) constitué de modules noirs disposés dans un carré à fond blanc. L'agencement de ces points définit l'information que contient le code. (Wikipedia)
Le contenu du code peut être décodé rapidement après avoir été lu par un smartphone, permettant ainsi de déclencher facilement des actions comme:
  • naviguer vers un site internet, visiter un site web ou mettre l'adresse d'un site en marque-page pour, par exemple, montrer un point géographique sur une carte, telle que Openstreetmap, Google Maps ou Bing Maps ;
  • regarder une vidéo en ligne ou un contenu multimédia
  • afficher un texte ou rédiger un texte libre (sa version la plus grande permet d'inclure un texte d'environ 500 mots) ;
  • etc.

Réalisation

Attention: Une animation Jeu de piste ça se fait en deux temps:
  • Préparation / création du jeu (énigmes, QR Code, placer les étapes sur le terrain)
  • Jeu de piste en lui-même (par des personnes qui n'ont pas participé à la création/réalisation du jeu)
Ce qui suit ne concerne que la phase de création du jeu.
Qui peut
  • constituer une animation, de médiation numérique, en elle-même.
  • ou être un travail préparatoire effectué par un·e professionnel·le de l'animation en vue d'une activité Jeu de Piste proposée à son public.

À noter avant d'animer: les animateurs doivent adapter le contenu de l'animation à leur public et à leurs intentions pédagogiques: quels sont les éléments les plus techniques de la phase de préparation sont intéressants et faisables par les participants.
Attention 2: il existe des services (web, applications...) plus ou moins gratuites, spécialisées dans ce genre de jeu. Ici nous décrirons une façonde faire qui ne dépende pas de ces services.

Méthode générale

  • Créez le jeu de piste, réfléchir sur le thème et le tracé général du parcours.
! Créez votre jeu SUR PAPIER pour commencer. Attaquer directement sur un support numérique aboutira à des problèmes non anticipés et aux recherches, résolutions de problème, créations d'un autre problème etc. et à une perte de temps et d'énergie.
  • Suggestion La question, l'énigme est écrite en toutes lettres, la réponse est donnée par un indice multimedia.
  • Rassemblez les médias dont vous aurez besoins (images, vidéos...) les textes, etc.
  • Créez les pages web dont vous avez besoin pour héberger vos contenus
  • Publiez-les / rendez-les accessibles en ligne
  • Copiez leur adresse web (URL)
  • Générez un QR Code correspondant à chaque URL
  • Testez les QR Codes
  • Imprimez les QR Codes

image ScrShtJdPQR.png (22.1kB)
Exemple de mise en page pour impression
(le fichier vierge au format SVG)
  • (éventuellement: protégez, plastifiez les QR Codes destinés à être placés en extérieur)
  • Fixez les QR Codes sur le terrain par des moyens adaptés au contexte.

Créer le jeu
  • Questions
  • Idées d'illustration
  • Localisation des étapes sur le terrain
Réaliser le jeu numérique
  • Créer une page récapitulative (Gabarit- Exemple)
  • Créer et organiser des Répertoires, sous-répertoires de travail pour stocker les fichiers nécessaires
  • Rassembler
    • Texte de la question
    • illustrations
    • Texte de localisation de l'étape suivante
  • Créer les pages Étape
    • Créer un gabarit de page
    • Créer chaque page individuelle
  • Créer les cartes QR
    • Créer un gabarit d'impression des cartes QR
    • Dupliquer et modifier le numéro des cartes individuelles
    • Générer un QR Code par page Étape
    • Coller les QR Codes sur les cartes correspondantes
Réaliser le jeu physique
  • Cartes
    • Imprimer
    • Découper
    • Plastifier
    • Mettre en place sur le terrain
  • Mettre en place le Départ
  • Mettre en place l'Arrivée
Animer le jeu physique
  • Animer le départ
    • Matériel = 1 appareil mobile par groupe, avec
      • connexion internet
      • lecteur de QR Code
    • Faire scanner la Carte Départ
  • Animer le jeu de piste, 1 adulte par groupe
  • Animer l'arrivée
    • Accueil
    • Vérification des réponses
    • Récompense, goûter...


Héberger du contenu en ligne


Le flashage (lecture) du code avec un smartphone/tablette peut déclencher un certain nombre d'événements.
Ici il s'agit d'accéder à du contenu se trouvant "en ligne", SUR INTERNET: le flashage du QR Code déclenche l'accès à un lien/une adresse web (URL, sous la forme http:/... etc.) dans le navigateur internet, ou l'application adaptée au contenu hébergé en ligne.

Il peut s'agir de l'adresse d'une page web, de celle d'une video hébergée sur YouTube, etc.

Selon l'âge du public et la difficulté souhaitée pour le jeu, les indices peuvent être directement affichés (image, vidéo) ou contenus dans des pages web qui accompagnent les joueurs avec des explications. Ce qui impose de créer ces pages et de les héberger en ligne.

Voir Gabarit pour créer rapidement un jeu de piste

Sur un hébergement (serveur) en ligne

Si vous disposez des ressources et des compétences, vous pouvez héberger ces contenus sur un serveur. Qui peut-être celui de votre propre site internet.

Dans un service de Cloud

De préférence un service dont l'interface reste discrète pour ne pas polluer votre contenu avec des logos, de la publicité...

S'assurer que les contenus sont bien affichables en mode "Public" à partir du lien de partage (et qu'ils ne nécessitent pas d'avoir un compte utilisateur).

Protection par mot de passe? Certains services vous proposent de limiter l'ouverture du fichier de destination par un mot de passe. Dans le cadre d'une chasse au trésor on pourrait imaginer, par exemple, que le mot de passe pour accéder à l'indice 2 a été donné par l'indice 1.

Sur ce wiki

Dans le cadre d'un partenariat avec le centre ressource Zoomacom, il est envisageable de pouvoir discuter de la possibilité d'héberger du contenu via le présent wiki MedNum42...

Dans un site Wordpress.com

La solution la plus simple est d'utiliser une plateforme de sites/blogs clés en main. Notre préférence, toute personnelle, va ici à Wordpress.com. Voir la page Wordpress ou Wordpress.com?

On ne va pas ici détailler l'utilisation de Wordpress mais fournir les grandes lignes de la méthode, appliquée au contexte qui nous intéresse.

À garder à l'esprit
  • Le site sera probablement temporaire
  • il peut avoir une adresse peu parlante, elle ne s'adresse pas à des humains, du genre jeu_de_piste_20_mai.wordpress.com ou même jdp42000SE.wordpress.com.
  • on ne créé pas un site internet. On a juste besoin d'un outil pour créer et disposer de pages web.
  • on créera des PAGES, plutôt que des ARTICLES (quoi que...)

Apparence
Assurez-vous que la page web vers laquelle vous envoyez vos visiteurs est optimisée pour une lecture sur smartphone et pas sur ordinateur!

Selon les moyens dont vous disposez vous pouvez consacrer tout le temps nécessaire à personnaliser à loisir l'aspect de vos pages... mais c'est sans doute assez peu utile:
  • le thème par défaut de Wordpress devrait faire l'affaire
  • l'idéal serait même encore de le simplifier au maximum,
    • qu'il ne contienne que le contenu utile au jeu de piste
    • de supprimer les éléments de navigation (Menus, champ de recherche...). On doit arriver directement sur les pages par le QR Code. On ne devrait pas pouvoir naviguer dans le contenu du "site".

Les QR Code

Création d'un QR Code

En local avec le logiciel de dessin vectoriel Inkscape: Menu Extensions > Rendu > Code-barres > QR code.
Tutoriel: Créer son propre QR code avec Inkscape sous Linux (jetesteLinux.com)

Nous vous proposons un gabarit format SVG, ouvrable directement sous Inkscape, comportant 5 cartes sur une page format A4 (téléchargez-le, "Enregistrer sous"...):
image CartesQRCodeParcoursGABARIT.svg (15.3kB)

Les services en ligne permettant de générer des Code QR évoluent dans le temps,sont créés, disparaissent... Faites donc une recherche au moment où vous en aurez besoin. Dans vos critères de sélection d'un service, pensez "fiabilité, modèle économique, respect de la vie privée..."

Un service, par exemple, testé: https://www.qrcode-monkey.com/fr/

Quel lecteur de code ?

Comme pour les services en ligne permetttant de générer des Code QR, les lecteurs évoluent dans le temps, et sont de plus liés aux différentes versions des systèmes d'exploitation des smartphones... Là aussi, faites donc une recherche au moment où vous en aurez besoin et installez l'application qui vous convient.

Exemple: Lecteur de codes à barres pour Android, APK téléchargeable sur FDroid.

Ressources / veille


Services et applications dédiées

Animation Catalogue Wordpress