Un total de 3 pages a été trouvé avec le mot clé QR Code.
[Fiche projet] Concevoir une visite touristique numérique
Structure Jeunesse et Éduc Pop: ✅
Conseillers Numériques France Services CNFS: ✅
Fablab: ✅
Promeneurs du Net: ✅
Ça se passe comme ça la médiation numérique en réseau dans le Département de la Loire :)
Contexte
La base nautique de Cordelle (Roannais, Loire) sur le territoire a été sélectionnée et labélisée Terre de Jeux 2024.
À l’occasion des Jeux Olympiques et Paralympiques de Paris, celle-ci accueillera un camp d’entraÎnement pour les athlètes. Plusieurs sports seront pratiqués à la base nautique, notamment le paddle, l’aviron, le triathlon, et autres.
Cette base nautiques est vouée à évoluer et nous voulions y contribuer. Alors nous (Cybercentre de la CoPLER et ASAJ) avons décidé de créer un parcours autour de la base nautique sous forme de balise QR Code (afin d'avoir une démarche un peu écolo et pas faire une pancarte de 1m50 par 75 XD), via ce QR Code, un descriptif d'un sport qui sera susceptible d'être pratiqué sur la base, ou une information sur le fleuves, ou les JO:
Le premier jour nous avons réalisé le traitement de texte, ensuite la mise en page sur Canva.
Le deuxième, nous les avons importés sur le site de l'ASAJ (Association Sport Activité Jeunesse), nous avons alors pu générer les QR Codes par la suite, et nous avions finit plus tôt, alors pour compléter je suis parti sur cette anim' qui me paraissait géniale, qui a bien fonctionné, et qui a été bien apprécié et par les jeunes et pas les parents, qui ont pu découvrir qu'il était possible de développer plusieurs compétences par le jeu vidéo (créativité, etc).
Le lendemain nous avions rdv au FabLab Chantier Libre de l'Hopital sur Rhins avec Matthieu pour une visite, réalisation de porte clef personnalisé mais surtout pour réaliser nos QR Codes a la découpeuse laser afin de les installer lors de prochaines vacances.
Projet
Les participants devront réaliser une balade pédestre sur la base nautique de Cordelle. Celle-ci sera munie de QR codes qui pourront être directement scannés par les futurs touristes de la base.
Ces QR Codes renverront sur le site de l’ASAJ (Association de jeunesse), plus précisément sur une page qui sera composé d’un court résumé des différents sports qui seront susceptible d’être pratiqué à l’occasion des Jeux Olympique et Paralympique de Paris.
Objectifs
À l’issue de l’atelier, le participant
aura mené à bien un projet
sera en mesure de définir l’utilité d’un QR Code
sera en mesure de créer un QR Code
aura connaissances des différents sport pratiqués
sera en mesure de créer un document pdf
aura réalisé un porte clef via la graveuse laser
aura mis un pdf sur le site internet de l’ASAJ
aura lancé une impression 3D
Nombre de place
6
Public concerné
Les adhérents de l’ASAJ (A partir de 10 ans)
Prérequis
Savoir utiliser les fonctionnalités de bases d’un ordinateur.
Lieu
44 Rue de la Tête Noire à St Symphorien de Lay, salle informatique du dernier étage.
Les participants vont dans un premier temps réaliser des recherches sur les différents sports pratiqués dans le but de concevoir un résumé de chaque discipline via Canva.com au format PDF. Le conseiller numérique ainsi que le Promeneur du Net encadreront cette étape.
Remarques : Les participants ont aisément réussi la phase de recherche d’informations en groupe de 2. (environ 1h - 1h30)
Certains des participants connaissaient déjà Canva, ce qui a permit de faciliter l’adaptation sur la plateforme en ligne des autres individus.
Nous avons dû les accompagner dans la rédaction afin d’éviter les formes répétitives et les fautes d’orthographes. Les participants ont également imagé les textes pour rendre les contenus plus complets. (Environ 1h30)
Une simple démonstration aura suffi pour qu’ils apprennent à créer un format PDF depuis Canva. (Environs 30min)
Par la suite, les participants vont importer le document PDF sur le site internet de l’ASAJ afin de le mettre en ligne et de récupérer le lien de la page qui permettra par la suite de créer le QR Code. Le conseiller numérique ainsi que le Promeneur du Net encadreront cette étape.
Remarques : Cette partie demande beaucoup de vigilance car les participants vont devoir intervenir sur le site web de l’ASAJ. Une fausse manipulation pourrait avoir des conséquences importantes.
Les participants ont compris facilement le mécanisme de publication et de mise en ligne d’une page sur le site internet. Une démonstration aura été nécessaire, ainsi qu’un appel a la vigilance (Nous avons précisé aux participants qu’ils ne devaient pas hésiter à nous interpeller s’ils sont perdu ou qu’ils rencontrent des difficultés, et en aucun cas essayer par leurs propres moyens).
Les participants ont étés sérieux, et personne n’a rencontré de difficultés. Ils étaient d’ailleurs très contents de pouvoir alimenter le site web en contenu, une grande première pour la totalité du groupe. (Environs 1h30)
Les participants vont ensuite se rendre sur le site unitag.io, qui permet de transformer les liens en QR Codes et de les personnaliser. Le conseiller numérique ainsi que le Promeneur du Net encadreront cette étape.
Remarques : Le groupe d’apprenant a été surpris de découvrir qu’il était possible de réaliser des QR Codes facilement (et gratuitement). Nous avons ensuite étudié de plus près l’histoire et le fonctionnement du QR Code grâce a une superbe vidéo du média Kombini (On vous explique comment marche vraiment un QR Code | Konbini - YouTube)
Les participants ont apprécié de pouvoir personnalisés leurs QR Codes en changeant la couleur et en introduisant un logo. (environ 1h30) Astuce : Comparer un QR Code au lien hypertexte (au lieu de cliquer, on scanne)
Les participants importeront par la suite le QR Code sur Canva afin de le convertir au format SVG.
Remarques : Les participants ne connaissaient pas le format SVG, nous avons donc expliqué en quoi il consistait, beaucoup étaient content de connaitre ce type de format qui permet de garder une image nette peut importe la taille de son impression, l’image de sera pas pixelisée.
Nous avons donc pu observer la différence sur un zoom de deux images.
Les participants se rendront au FabLab Chantier Libre de l’Hopital-Sur-Rhins
Les participants vont ainsi découvrir le fonctionnement du FabLab et de ses différents outils.
Remarques : Les participants ont pu visiter le FabLab dans son entièreté, avec des explications et précisions sur l’ensemble des machines à commande numérique.
Un moment de découverte pour la plupart.
Les participants testeront les logiciels Cura et Tinkercad pour la réalisation des QR Codes et de leurs portes clefs.
Remarques : La totalité des participants découvraient ces logiciels. Quelques difficultés ont étés rencontrés au début, le temps de la prise en main, mais dans la globalité tout le monde aura réussi a manipuler.
Les participants lanceront une impression en 3D ; une graveuse laser. Remarques : Une étape appréciée par les participants qui a renforcé leurs sentiments de participation et d’investissement dans le projet.
Les participants auront réalisé des portes clefs personnalisés, et des QR Codes pour chaque discipline sportive. Remarques : Les participants sont repartis avec un objet qu’ils ont eux-mêmes conçu de A à Z.
Autres
Si le projet avance de manière trop rapide, nous avons prévu une activité parallèle sur tablette, proposé sur le wiki de la Médiation Numérique de la Loire, qui s’intitule "Dessine ton jeu", une application disponible sur AppStore et PlayStore qui consiste à créer son jeu vidéo sur une feuille de dessin, avec un code couleur précis. Remarques : Cette activité a été très apprécié des participants (et des intervenants).
Ce jeu développe la créativité des participants.
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).
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çon de 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
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.
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".
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"...):
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..."
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.
Le format QR code permet de renvoyer vers une adresse web, ou vers une suite de caractères pour le cas d'une lecture par une application tierce. Il existe des plateformes (sites web) de génération de QR code, mais cela implique souvent un hébergement d'un lien intermédiaire, qui peut être soumis à création de compte, abonnement, ou qui peut se périmer.
Ce tutoriel permet de contourner ça en créant soi-même un QR code, en local, avec une fonction intégrée à un logiciel d'infographie open-source (Inkscape).
Etape 1 (navigateur web) : Copier l'adresse web cible
Dans votre navigateur copiez l'URL (le lien, l'adresse) de la page web (ex: "https://exemple.org").
image page_exemple.png (8.5kB)
Etape 2 (Inkscape) : Ouvrir la fenêtre de dialogue
Sur le bandeau cliquer sur : Extensions > Rendu > Code barre/QRcode > QRcode...
Une boîte de dialogue devrait appraitre. Elle comporte différent éléments :
Texte : C'est ici qu'on va coller le lien copié à l'étape précedente.
Taille, en nombre de carré : Ce paramètre définit la complexité d'un QR code, plus un lien est long, plus de caractère il aura à encoder dans son dessin donc plus compelxe sera le QR code.
Niveau de correction d'erreur : C'est le niveau de redondance d'information présent au sein du QR code, c'est ce qui permet de continuer à pouvoir scanner un QR code même si celui ci est en partie caché ou endommagé
Mode du QR code et encodage des caractères : C'est la méthode d'encodage des caractères
Inverser le QRcode : pour en inverser les couleurs (fond et couleur de l'objet)
Taille du carré : Taille de chaque carré qui compose le QR code
Une zone de paramètrage de l'aspect du QRcode (à jouer avec pour avoir le résultat souhaité)
La valeur d'arrondi des carrés (en indice de 0 (0%) à 1 (100%))
ID du groupe : C'est le nom que va porter le groupe d'objet dans l'arbre
Aperçu en direct : conseillé pour avoir une vision en temps réel des changements appliqués
image Fenetre_qrcode.png (39.5kB)
Etape 3 : Créer le QR code
Lorsque vous avez paramétré (ou appliqué les paramètres par défaut ce qui suffit à 90% des cas) votre QR code, vous pouvez cliquer sur Appliquer
