# data[].attributes.body
- Création de compte gratuite pour créer des augmentations (appelées AURAS) en ligne
- Pour voir les auras : il faut s'abonner à une chaîne, par exemple cdilpolm pour voir les réalisations du CDI !

# data[].attributes.body
1) Création de codes possible SANS se créer de compte
2) Avec création de compte : tous les codes créés sont enregistrés

# data[].attributes.body
cf. message Pronote du mois de septembre
ou la fiche mémo distribuée pendant le stage !

# data[].attributes.body
chaton de motivation ;-)

# data[].attributes.body
https://www.unitag.io/fr/qrcode

# data[].attributes.body
1) Studio de création en ligne (création de compte nécessaire) :
https://studio.hpreveal.com/landing
VOCABULAIRE spécifique :
- "aura" : l'élément numérique qui vient s'ajouter par-dessus votre feuille
- "trigger element" : l'image qui sert de déclencheur
2) applications pour lire les "auras"
Androïd (Playstore)
Apple (AppStore)
Attention, la lecture d'auras nécessite la création d'un compte, puis l'abonnement à la chaîne qui a créé les auras.

# data[].attributes.body
1) Studio de création en ligne : http://mirage.ticedu.fr/
Attention, choisir "se connecter" puis "version établissement" et rentrer les codes diffusés via Pronote.
2) lecture des codes via une application  :
Androïd (Playstore)
Apple (Appstore)
Windows 10

# data[].attributes.body
Qr-Code contenant :
- un lien hypertexte
- du texte (lisible sans connexion)
- action simple : envoi de sms, appel, ajout d'un événement au calendrier, connexion au réseau Wifi, géolocalisation

+++
Personnalisation (couleur, logo)
Rapidité

# data[].attributes.body
Augmentations possibles :
- image(s)
- son
-vidéo (format   seulement)
- Bouton/image cliquable générant une action : ouverture d'un lien internet, affichage d'une autre image, etc.

# data[].attributes.body
Augmentations possibles :
- image
- son
-vidéo (format .mp4  seulement)
-quiz (QCM)

+++ Modules originaux :
- banque images 3D (molécules)
- Lecture pr dyslexiques
- coffre-fort virtuel à déverrouiller (par un chiffre ou un mot)
- Musée virtuel en 3D : galerie 3d à "meubler" : tableaux, panneaux explicatif, quiz...

# data[].attributes.body
- Les codes trop complexes ne sont pas toujours lisibles, si les élèves veulent ajouter couleur, dégradé, ombre... Il faut toujours TESTER.
- Basique : pas d'effet de superposition/ surimpression d'éléments qui viennent animer un polycopié.

# data[].attributes.body
- pas de QR-code : les auras sont soumises à la reconnaissance d'une image, qui ne doit pas être trop banale ni trop complexe. Les élèves doivent penser à scanner telle image (pas de logo, mais cela peut être un atout pour un jeu de type escape game)
- les élèves doivent être abonnés à la chaîne créatrice des auras pour pouvoir les visualiser

# data[].attributes.body
- Pas de lien URL (par contre l'application MirageMake LIT les qrcodes standard dont ceux créés avec Unitag)
- Les formats acceptés (vidéo, sons...) sont assez limités, il faut donc parfois faire des conversions de fichiers.

# data[].attributes.body
Différentes applications :
- Unitag
- LightningQR (Android) : très légère, rapide à installer et très performante
- MirageMake lit aussi les QRCodes

# data[].attributes.body
le hastag #MirageMake sur twitter permet de voir des réalisations d'enseignants ou de connaître les nouvelles fonctionnalités .

# data[].attributes.body
L'élève prend une fiche avec un scénario : un personnage a été kidnappé, et il doit interroger des témoins (cachés dans des livres du cdi)pour éliminer certains suspects.Dans chaque livre, un portrait lui "parle" : succession de bulles de texte, couvertures de livres à trouver, bouton ouvrant le catalogue du CDI...

# data[].attributes.headline
Exemple : mémento de sites utiles pour les TPE (poly élèves)

# data[].attributes.subject
Exemple : mémento de sites utiles pour les TPE (poly élèves)

# data[].attributes.body
(cliquez sur l'image pour afficher et scanner)

# data[].attributes.headline
Tuto Unitag n°1 : créer un Code vers une page web

# data[].attributes.subject
Tuto Unitag n°1 : créer un Code vers une page web

# data[].attributes.body
le + simple ;-) Je vous propose de créer un code comportant le logo d e-sidoc, et ouvrant le catalogue du CDI !

# data[].attributes.headline
Tutoriel Unitag n°2 : créer un code de GEOLOCALISATION

# data[].attributes.subject
Tutoriel Unitag n°2 : créer un code de GEOLOCALISATION

# data[].attributes.body
Créez un code qui ouvre une carte vers une adresse précise ! Un peu plus long que pour le tuto n°1, mais les étapes sont quasi les mêmes !

# data[].attributes.headline
Exemple : livres augmentés par des élèves

# data[].attributes.subject
Exemple : livres augmentés par des élèves

# data[].attributes.body
Livres du CDI augmentés par les élèves : affichage d'avis de lecteurs. Le Qr-Code de texte est lisible hors connexion MAIS la longueur du texte est limitée

# data[].attributes.body
Pour les classiques souvent demandés au CDI...
Les QR-Codes ont été réalisés avec Unitag, ensuite ils ont été intégrés dans une affiche (logiciel en ligne Canva)

# data[].attributes.body
Exemple d'affiche RATEE ! La couleur blanche sur fond non uni + effet d'ombre = code illisible !

# data[].attributes.body
Scannez le code, choisissez ensuite "mail" et votre application de mail : un nouveau mail se crée. Il est ici pré-rempli au niveau de l'adresse, de l'objet et du texte (à modifier) afin d'envoi une demande de réservation pour le CDI !

# data[].attributes.body
Suivez le tutoriel ci-dessous (diaporama) pas à pas  pour reproduire un polycopié modèle ! Une des diapos contient ce lien pour télécharger les ressources (images + trame de polycopié) qui vous feront gagner du temps.

# data[].attributes.body
Par exemple :
- l'élève scanne un code qui fait apparaître un texte (Unitag, ou lecture via Miragemake)
- le code fait apparaître une image (schéma, carte, texte à trous corrigés)
-quiz (qcm) : l'élève sait tout de suite s'il a bien répondu

# data[].attributes.body
Code pour écouter, puis code proposant des indices pour l'orthographe de certains mots, ou affichage du texte corrigé.

# data[].attributes.body
les photocopies couleur coûtent cher...pourquoi ne pas augmenter numériquement une photo N&B (poly élève) avec sa version en couleurs ?

# data[].attributes.body
Au fil d'un polycopié, possibilité d'avoir un code pour écouter un enregistrement MP3, puis code vers un QCm (questions de compréhension), texte à trous avec correction...

# data[].attributes.body
Explicitation d'une notion associant texte, image et son

# data[].attributes.body
Création d'affiches pour la classe permettant de télécharger des e-books ou autres ressources libres de droits

# data[].attributes.body
Pour changer de l'affiche papier avec traces de colle  ;-)
Les élèves peuvent intégrer des archives sonores ou vidéo, des quizz...

# data[].attributes.body
Possibilité, sur le même polycopié, d'intégrer des "coups de pouce" pour les élèves en difficulté, et des énigmes/liens d'approfondissement pour ceux qui veulent aller plus loin.

# data[].attributes.body
Les élèves doivent chercher des images sur un thème/une période et créer une exposition : rédaction du texte des panneaux explicatifs, légendes des images, quiz... On peut ensuite intégrer le code généré dans un polycopié, le manuel, un groupement de textes pour l'oral...
Exemple : en français, création d'une exposition sur le romantisme mettant côte à côte extraits littéraires et tableaux ayant un registre ou un thème commun.

# data[].attributes.body
écrivez librement ici pendant le stage pour faire remonter les problèmes rencontrés !

# data[].attributes.body
Vérifiez toujours le type de licence !

-Dans Google images :  lancez votre recherche puis affinez les résultats en cliquant sur Outils de recherche> Droits d'usage > réutilisation autorisée sans but commercial
- Wikimedia Commons (nombreuses photos ou tableaux tombés dans le domaine public)
- Pixabay :  La licence CC0 ne requiert pas d'attribution.
- Pour des cliparts : CLIPTO ou recherche Google Images > par type : clipart, puis filtre par taille> icônes, puis filtre par droits d'usage > réutilisation autorisée.

# data[].attributes.body
1)Article sur BFMTV
2)Application pour augmenter gratuitement son C.V. Exemple en VIDEO !
--> Malheureusement les augmentations ne sont valables que 30 jours, mais pourquoi ne pas les créer manuellement en passant par Unitag ?

# data[].attributes.body
L'application SnapPress permet de visualiser du contenu augmenté sur certains magazines comme par exemple Science et vie Junior.
Démo en vidéo ci-dessous.

# data[].attributes.attachment_link.title
Science Et Vie Junior en Réalité Augmentée

# data[].attributes.body
Académie de Versailles. Notamment :
* portrait de Frida Khalo augmenté avec Aurasma et Blabberize (pour faire bouger ses lèvres avec audio enregistré par des élèves)

# data[].attributes.attachment_link.readable_text
Un musée intéractif réalisé par les élèves qui dépasse le caractère monomatière de l'audioguide

Introduction : Teaser de l'évènement

I Présentation du projet et objectifs

Compte-tenu de la particularité de notre établissement (EREA Jean Isoard à Montgeron) qui réunit à la fois des collégiens et des lycéens, ainsi que des enseignants du premier degré, secondaire et du professionnel, nous avons voulu " créer un musée interactif " interdisciplinaire au sein de notre établissement afin de fédérer l'équipe et permettre à tous les élèves de découvrir les œuvres et commentaires des autres classes (grâce à leur smartphone ou aux tablettes s'ils n'en avaient pas).

Le projet a été coordonné par le référent numérique pour les usages pédagogiques et le référent culture de l'établissement.

Au niveau du socle commun, nos objectifs étaient de développer chez nos élèves : l'autonomie, l'initiative, la créativité et l'expression orale en français et en espagnol.
Nous avons également souhaité faire découvrir aux élèves et leur faire produire quelque chose d'encore nouveau pour eux : la réalité augmentée, les images interactives, et leur faire comprendre la différence entre un audioguide monomatière (son) et un support multimédia avec l'application Aurasma (son + image en réalité augmentée) .

II Mise en œuvre au sein de la classe

Au niveau interdisciplinaires les élèves ont réalisé une image active de l'Autoportrait avec collier d'épine et colibri avec l'application image active XIA : http://blog.crdp-versailles.fr/hispanica/public/2.html

Au sein de la classe, en espagnol, nous avons sélectionné 2 thèmes : Frida Kahlo, peintre mexicaine, et les détectives dans la bande dessinée espagnole : Mortadelo y Filemón et Blacksad.
Les élèves ont effectué des recherches, ont rédigé, et nous avons produit les audioguides en nous enregistrant avec un téléphone portable en français et en espagnol (Usage des Byod). Ensuite, nous avons hébergé les audios et généré les flash codes.

Comment générer des audioguides que l'on peut écouter avec les flash codes ?
Héberger les audios sur scolawebTV et générer les flash codes. Pour savoir comment les générer, référez-vous aux articles suivants publiés sur le portail langues :
Utiliser des QR codes pour une exposition numérique
Nous avons participé à " La Grande Lessive® " !

III Focus sur la réalité augmentée avec Aurasma

Nous avons également réalisé des supports en réalité augmentée en espagnol (la réalité augmentée désigne une superpostion d'un modèle enrichie ou 3D sur un modele réel).
Exemple réalisé par les élèves en vidéo !
Etapes :
1) Pour réaliser ceci, tout d'abord les élèves se sont enregistré avec un téléphone.
2) Sur le site en ligne http://blabberize.com/ nous avons chargé le portrait de Frida Kahlo, sélectionné la bouche et avons rajouté le son enregistré par les élèves.
3) Nous avons cliqué sur générer la vidéo animation afin d' enregistrer Frida qui parle.
4) Nous nous sommes rendu sur l'application Aurasma, avons chargé le portrait de Frida Kahlo et superposé la vidéo blabberize.

A vous de tester ! :
Avant de scanner l'image sur votre tablette ou smartphone :
a) Installez l'application Aurasma sur votre tablette ou smartphone.
b) Scannez le flash code avec une application flashcode et cliquez sur " retrieve your share.. "
c) Aurasma apparait, vous pouvez désormais scanner l'image et profiter de la réalité augmentée.

Bilan et conclusions :

Les élèves ont fait des efforts en termes de recherches et expression orale en continu pour enregistrer leurs audioguides. Ils ont pris plaisir à effectuer cette activité et cela était valorisant pour eux de pouvoir les diffuser.
Aussi, lors de la visite du musée ils ont pu avoir acès à un contenu culturel et didactique élaboré par leurs pairs, donc, à " un enseignement horizontal ".
Ils ont été très intéressés par la réalité augmentée, ce qui accroit l'interactivité lors de la visite du " musée ".
Nous pouvons envisager une multitude de nouvelles choses avec l'application Aurasma dans le cadre d'EPI par exemple. En effet, les élèves peuvent (re)construire les savoirs, faire parler les oeuvres, les personnages de l'histoire, produire des vidéos, des animations qui se déclencheront en scannant l'image.
Pourquoi pas ne pas s'associer avec un musée, le temps d'une exposition ? et faire produire les supports transmédias par les élèves à destination du public.

Catalogue complet de l'exposition :

# data[].attributes.attachment_link.description
Un musée intéractif réalisé par les élèves qui dépasse le caractère monomatière de l'audioguide Compte-tenu de la particularité de notre établissement (EREA Jean Isoard à Montgeron) qui réunit à la fois des collégiens et des lycéens, ainsi que des enseignants du premier degré, secondaire et du professionnel, nous avons voulu " créer un musée interactif " interdisciplinaire au sein de notre établissement afin de fédérer l'équipe et permettre à tous les élèves de découvrir les œuvres et commentaires des autres classes (grâce à leur smartphone ou aux tablettes s'ils n'en avaient pas).

# data[].attributes.body
* QR-Codes vers des enregistrements audio faits par les élèves = AUDIOGUIDE gratuit !
* Catalogue d'exposition augmenté : commentaires audio, bandes annonces de film, vidéo de démonstration, etc. L'exemple ci-dessous a été réalisé par des élèves de l'académie de Versailles.

# data[].attributes.attachment_link.description
Plateforme de publications en ligne. Publiez des magazines numériques, des publications interactives et des documents en ligne. Convertissez vos PDF en HTML5. Title: Catalogue Exposition, Author: Laura Navarro, Length: 34 pages, Published: 2015-12-09

# data[].attributes.body
Pour une course d'orientation, un jeu de pistes dans une ville, ou tout simplement sur une invitation pour faciliter la programmation du GPS !

# data[].attributes.attachment_link.title
poly course orientation exemple de géolocalisation

# data[].attributes.body
Vous pouvez poster ci-dessous vos réalisations de la journée !

# data[].attributes.body
voici le faux cours que vous aurez à reproduire pour tester 3 modules !

# data[].attributes.attachment_link.title
Acro Mirage Make DUOS TRIOS QUATUORS - Version Poster.pdf

# data[].attributes.body
Synthèse sur une page des possibilités et limites actuelles des 3 applications.

# data[].attributes.body
Quand l'URL est trop longue, le code généré par Unitag peut devenir très complexe... Un raccourcisseur permet de générer un lien de redirection qui est très court, donc permet un QR-COde plus lisible.
-Bit.Ly
-TinyURL
-Vu (en français) : génère en 1 clic une URL raccourcie et le QR-Code qui y correspond + statistiques sur le nombre de clics.