Jeu de piste avec QR Code

De Movilab
Aller à :navigation, rechercher
Ampoule.png Cette page est une ébauche.
Vous pouvez partager vos connaissances en l’améliorant | Comment.png Découvrez comment contribuer au wiki Comment.png

Concept[modifier | modifier le wikicode]

AbeillePollen32px.png Cette section est une ébauche.
Le groupe ou la personne active sur cette page/ce projet/cette thématique a prévu de la compléter.
Vous pouvez partager vos connaissances en l’améliorant (comment ?).

Réalisation[modifier | modifier le wikicode]

Méthode générale[modifier | modifier le wikicode]

  • Créez le jeu de piste.
    • ! 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ésolution de problème, création d'un autre problème etc. et à une perte de temps et d'énergie.
  • 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

Héberger du contenu en ligne[modifier | modifier le wikicode]

Le flashage 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 SUR INTERNET. Le flashage du QR Code correspondant à l'accès à un lien/une adresse web (URL, sous la forme http:// etc.)

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 liens peuvent être directs 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.

Dans un site Wordpress.com[modifier | modifier le wikicode]

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.

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[modifier | modifier le wikicode]
  • 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[modifier | modifier le wikicode]

Selon les moyens dont vous disposez vous pouvez y 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 contiennent 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[modifier | modifier le wikicode]

Création d'un QR Code[modifier | modifier le wikicode]

Erreurs à éviter[modifier | modifier le wikicode]
  • Mettre un QR Code sur une page web. Le lien hypertexte est nettement plus facile à utiliser pour le surfeur. Le QR Code s'utilise le plus souvent "hors ligne". Exception éventuelle : le QR Code pour envoyer un SMS.
  • Eviter le QR Code pour donner l'adresse d'un site Internet, cela n'apporte aucune valeur ajoutée à l'utilisateur, qui ira bien plus vite en"tapant" simplement votre URL !
  • S'assurer que la page web vers laquelle vous envoyez vos visiteurs est optimisée pour une lecture sur smartphone !

Source : http://www.amaranthe.be/blog/webdesign-site/nouvelles-utilisations-pour-les-qr-codes

Questions à se poser[modifier | modifier le wikicode]
  • Pourquoi créer un QR Code ? Faire découvrir site web /article, Jeux concours, transmettre un message / un contact, ...
  • Pour quel support ? T-shirt, autocollant, carte de visite, affiche...
  • Vers quoi on veut rediriger les visiteurs ? Page web spécifique, réseaux sociaux, site web, contact (numéro de tel...), texte, vidéo...
  • Comment pourrais-je analyser le résultat (augmentation visites..) ? Google analytic
Quel lecteur de flash code ?[modifier | modifier le wikicode]
Quel générateur de flash code ?[modifier | modifier le wikicode]
Sites générateurs Avantages Inconvénients
QRCode-pro
  • Choix contenu varié : Carte de visite, Partage Twitter/FB/Google +/Pinterest, Vidéo YouTube, Page Produit, Scan to mail, Page entreprise, Scan to call(phone), Page de paiement, Lien par OS
  • Possibilité d’importer un logo
  • Différents choix de forme du QR code
  • Couleur
  • Choix du calibrage (carré autour du code)
  • Le lien vers le site web souhaité est redirigé par une autre plateforme, par conséquent le lien qui apparait lors de la lecture du QR Code n'est pas celui du site vers lequel il revoit, mais celui de la plateforme.
  • Adresse site web du générateur est incrusté dans le QR code
Unitag
  • Choix contenu varié : Web et réseaux sociaux, Carte de visite, Texte, Téléphone, Envoi d'email, Envoi de SMS, Géolocalisation, Calendrier, Réseau Wifi
  • Choix de la couleur pixel et calibrage, dégradé de couleur
  • Modifier « allure » du code, forme pixel et calibrage
  • Possibilité d’importer logo
  • Couleur de fond, ombres
  • Possibilité de créer QR code de la forme d’une image
  • Possibilité de sauvegarder QR code créer ou créant un compte sur le site
  • Lien direct vers site web présent dans QR Code sans redirection
  • Payant pour avoir QR code en haute résolution
Flashcode.fr
  • Utilisation simple --> on entre le lien, on choisit QR Code ou Datamatrix, la taille (petit, moyen ou grand) et on télécharge le QR Code généré !
  • Bonne qualité d'image : QR code téléchargé lisible facilement même en l'agrandissant
  • Aucune possibilité de personnalisé le QR code (couleur, logo ...)
Qrhacker

Site en Anglais

  • Personnalisation du QR Code (couleur, forme arrondie, image de fond, logo...)
  • Assez bonne qualité d'image
  • Payant pour utilisation commercial / éléments analytiques...
Littleidiot

Site en Anglais

  • Utilisation simple
  • Payant pour pouvoir créer un visuel plus original
Kaywa
  • Générateur payant dès la création du 1er QR Code
Monqrcode
  • Création d'un QR Code simple (noir et blanc).

Autres comparateurs :

Différents usages du QR Code[modifier | modifier le wikicode]


Ressources / veille[modifier | modifier le wikicode]

Les QR codes en pédagogie (AC Lyon)

Soutenir Movilab

Vous pensez que nous allons dans le bon sens ? Si vous en avez l'envie nous vous invitons à nous rejoindre ou à faire un don.