{"id":239,"date":"2013-04-03T22:35:25","date_gmt":"2013-04-04T02:35:25","guid":{"rendered":"http:\/\/zepad.absolutenglish.org\/?p=239"},"modified":"2017-04-19T14:06:25","modified_gmt":"2017-04-19T18:06:25","slug":"creer-un-jeu-integrant-la-geolocalisation-et-les-qr-codes","status":"publish","type":"post","link":"https:\/\/zepad.absolutenglish.org\/?p=239","title":{"rendered":"Cr\u00e9er un jeu int\u00e9grant la g\u00e9olocalisation et les QR Codes"},"content":{"rendered":"

Dans le cadre du projet iTEC que j’ai d\u00e9j\u00e0 pr\u00e9sent\u00e9 dans un pr\u00e9c\u00e9dent article, je suis en pleine exploration pour l’\u00e9laboration du sc\u00e9nario pour mes 1ere S \u00ab\u00a0cr\u00e9er un jeu\u00a0\u00bb.<\/p>\n

Afin de mieux guider mes \u00e9l\u00e8ves dans ce projet, j’ai entrepris aujourd’hui\u00a0 de bidouiller les QR codes et la g\u00e9olocalisation. J’ai d\u00e9couvert un site qui permet de g\u00e9n\u00e9rer des QR codes avec un fond image. De l\u00e0, j’ai imagin\u00e9 un plateau autour d’un jeu sur les iles anglophones de la Caraibe \u00e0 partir de l’image des drapeaux et en utilisant Google Maps.<\/p>\n

 <\/p>\n

\"\"<\/a>Je n’ai pas encore con\u00e7u ni r\u00e9dig\u00e9 de r\u00e8gles pr\u00e9cises mais je trouve le plateau joli et le concept innovant. Les joueurs doivent disposer d’un t\u00e9l\u00e9phone portable ou autre appareil mobile (tablette) connect\u00e9 \u00e0 internet et \u00e9quip\u00e9 d’une application de lecture de QR code. J’ai utilis\u00e9 QR Droid pour Android.<\/a>pour mes tests.<\/p>\n

En susbtance l’id\u00e9e est la suivante: le joueurs doivent trouver \u00e0 quelle \u00eele chaque drapeau correspond. Ils scannent les drapeaux et explorent les lieux pour valider ou corriger leur r\u00e9ponse, …<\/p>\n

Ce jeu pourrait \u00eatre un jeu de piste, de questions\/r\u00e9ponses, une chasse au tr\u00e9sor, ou encore un jeu de vocabulaire sous forme de flashcards. Je souhaite surtout vous montrer comment j’ai techniquement cr\u00e9\u00e9 ces images.<\/p>\n

Le site visualead.com<\/a> propose de g\u00e9n\u00e9rer gratuitement des QR codes avec un fond image. Le site n\u00e9cessite la cr\u00e9ation d’un compte, en utilisant un de ses comptes existant, (compte Facebook, compte Google) ou en cr\u00e9ant un nouveau compte directement sur le site.<\/p>\n

Une fois votre compte cr\u00e9\u00e9, cliquer sur \u00ab\u00a0Create More\u00a0\u00bb<\/p>\n

\"\"<\/a> Puis, choisir le type de donn\u00e9e \u00e0 cacher derri\u00e8re le QR code.<\/p>\n

Pour notre exemple, nous allons choisir un QR code de type \u00ab\u00a0url\u00a0\u00bb et y copierons un lien issu de Google Maps.<\/p>\n

NB: Il est possible de coder d’autre type de donn\u00e9e qu’un lien\/url (lien vers un site en ligne, une image en ligne, une vid\u00e9o en ligne, etc). On peut par exemple coder un texte (une question, une r\u00e9ponse…), ou une fiche contact (identit\u00e9), un fichier multim\u00e9dia (video , audio, etc.).<\/p>\n

Cliquer sur \u00ab\u00a0Next\u00a0\u00bb pour passer \u00e0 l’\u00e9tape suivante<\/p>\n

\"\"<\/a><\/p>\n

Cliquer ensuite sur \u00ab\u00a0Browse your files and folders\u00a0\u00bb, puis pointer sur l’image \u00e0 ins\u00e9rer (ou choisir une image de la librairie).<\/p>\n

\"\"<\/a><\/p>\n

\"\"<\/a><\/p>\n

Laisser l’outil faire son travail…<\/p>\n

\"\"<\/a><\/p>\n

Recadrer le QR Code sur l’image<\/p>\n

\"\"<\/a><\/p>\n

Cliquer sur \u00ab\u00a0Generate Silver\u00a0\u00bb puis sur \u00ab\u00a0Next\u00a0\u00bb<\/p>\n

\"\"<\/a>Cliquer ensuite sur \u00ab\u00a0Free\u00a0\u00bb<\/p>\n

\"\"<\/a><\/p>\n

Puis cliquer sur \u00ab\u00a0Download\u00a0\u00bb<\/p>\n

\"\"<\/a>Vous pouvez modifier la taille de l’image, cliquer \u00e0 nouveau sur \u00ab\u00a0Download\u00a0\u00bb pour confirmer vos choix.<\/p>\n

\"\"<\/a><\/p>\n

C’est termin\u00e9!<\/p>\n

\"\"<\/a><\/p>\n

NB: vous pouvez t\u00e9l\u00e9charger ce tutoriel visualead.com en anglais ici<\/a><\/p>\n

 <\/p>\n

Au sujet de la g\u00e9olocalisation sur Google Maps<\/strong><\/p>\n

Pour r\u00e9cup\u00e9rer les donn\u00e9es de g\u00e9olocalisation d’un lieu pr\u00e9cis, avec Google Maps. https:\/\/maps.google.com\/<\/a><\/p>\n

Saisir le nom du lieu recherch\u00e9 dans le champ de recherche<\/p>\n

\"\"<\/a>Zoomer jusqu’\u00e0 l’endroit d\u00e9sir\u00e9<\/p>\n

\"\"<\/a><\/p>\n

Modifier les informations \u00e0 afficher en d\u00e9cochant certaines donn\u00e9es, comme ici par exemple le nom de l’\u00eele.<\/p>\n

\"\"<\/a><\/p>\n

Obtenir le lien du zoom en cliquant sur l’ic\u00f4ne \u00ab\u00a0Lien\u00a0\u00bb puis copier le lien.<\/p>\n

\"\"<\/a>\"\"<\/a>Il ne vous reste plus qu’\u00e0 coller ce lien dans le champ url du g\u00e9n\u00e9rateur de votre QR code<\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n","protected":false},"excerpt":{"rendered":"

Dans le cadre du projet iTEC que j’ai d\u00e9j\u00e0 pr\u00e9sent\u00e9 dans un pr\u00e9c\u00e9dent article, je suis en pleine exploration pour l’\u00e9laboration du sc\u00e9nario pour mes 1ere S \u00ab\u00a0cr\u00e9er un jeu\u00a0\u00bb. Afin de mieux guider mes \u00e9l\u00e8ves dans ce projet, j’ai … Lire la suite →<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6,8,7],"tags":[],"class_list":["post-239","post","type-post","status-publish","format-standard","hentry","category-applications","category-itec","category-usages"],"_links":{"self":[{"href":"https:\/\/zepad.absolutenglish.org\/index.php?rest_route=\/wp\/v2\/posts\/239","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/zepad.absolutenglish.org\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/zepad.absolutenglish.org\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/zepad.absolutenglish.org\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/zepad.absolutenglish.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=239"}],"version-history":[{"count":12,"href":"https:\/\/zepad.absolutenglish.org\/index.php?rest_route=\/wp\/v2\/posts\/239\/revisions"}],"predecessor-version":[{"id":347,"href":"https:\/\/zepad.absolutenglish.org\/index.php?rest_route=\/wp\/v2\/posts\/239\/revisions\/347"}],"wp:attachment":[{"href":"https:\/\/zepad.absolutenglish.org\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=239"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/zepad.absolutenglish.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=239"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/zepad.absolutenglish.org\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=239"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}