Projet | Mini Projet - App Inventor | QR code et Webviewer
Contexte
La lecture de QR codes - Quick Response codes - est supportée par App Inventor. Il est plutôt rapide d'intégrer cette fonctionnalité à nos projets. Le site Wikipedia nous éclaire sur ce code.
Un tel motif est facile à construire avec un site tel que http://goqr.me/. Texte, URL, adresse email, sms, latitude et longitude figurent parmi les informations qu'on peut y cacher.
Acquisition d'un texte
Nous recopions l'application.Voir les encadrés Designer de Blocks ci-contre.
- Reproduire l'application ci-contre sur les pages du site App Inventor.
- Essayer l'application sur la tablette avec le QR code ci-contre. Quel texte s'affiche ? Rappel : comment essayer l'application.
Acquisition d'une adresse web
Nous modifions notre application afin de lire une URL.
- Remplacer l'objet Label1 par l'objet WebViewer dans la fenêtre Designer.
- Dans la fenêtre Blocks, placer la méthode WebViewer1.GoToUrl dans le segment BarcodeScanner1.AfterScan et ajouter l'élément manquant.
- Tester l'application avec le QR code présenté dans le dispositif ci-contre ou en scanner un autre que l'on pourra élaborer.
Transmission d'une donnée sur l'espace web
Associées à l'URL, nous remontons une ou plusieurs données sur l'espace web.
- Construire un QR code à partir de cette URL : http://sti6.zz.mu/site/test1.php?DATA=123456 et s'assurer que la donnée 123456 est effectivement transmise et donc contenue dans le QR code.
- Recommencer avec http://sti6.zz.mu/site/test1.php?DATA=123&DATA2=azerty
- Nous disposons également de ces URL où les données transmises sont interprétées par le serveur distant :
Dispositif
Smarphone ou tablette & ordinateur.
Designer
Trois objets dont un invisible. BarcodeScanner1 traduit le QR code en texte ou URL.
Blocks
L'application à recopier. La couleur des éléments du puzzle indique où les trouver dans le menu Blocks à gauche.