Le smartphone en classe

LYCEE E FRANCOIS BAZIN

Utilliser lee sm marttpho onee daans un cad dre péédaagoggiqu ue

MACRA Sab bine – HOUPEERT Nicolas – MECHINEA AU Stéphanee 30/04/2015 5

Charleville‐M Mézières – A Ardennes (08)

Sommaire

1.

L’audio guide : travail collaboratif avec la collègue de langue ........................................................ 3 a.

Présentation globale ................................................................................................................... 3

b. L’activité élève ............................................................................................................................. 4 c.

2.

Exemple de production ............................................................................................................... 5 Commander un robot en bluetooth : travail collaboratif avec le collègue de technologie ............ 6

a.

Présentation générale ................................................................................................................. 6

b. L’activité élève ............................................................................................................................. 7 c.

3.

Exemple de production ............................................................................................................... 9 La cryptographie en réalité augmentée ........................................................................................ 10

a.

Présentation générale ............................................................................................................... 10

b. L’activité élève ........................................................................................................................... 11 c.

Exemple de production : L’aura de Camille pour un code ATBASH ......................................... 12

d. Exemple de production : L’aura de Louise pour un code CESAR............................................... 13

Utiliser le smartphone dans un cadre pédagogique 30 avril 2015

1. L’audio guide : travail collaboratif avec la collègue de langue

a. Présentation globale

Thème général :

Les élèves créent une application « audio guide » sur smartphone androïd. Les élèves doivent permettre le téléchargement de cette application à un tiers par le biais d’un QR code par exemple.

Cet audio guide doit permettre à un utilisateur, un touriste par exemple, de s’informer sur les points d’intérêts de la ville de Charleville‐Mézières en langue anglaise.

Classe :

Première européenne 14 élèves Organisation :

Les élèves travaillent sur : ¾ ¾ ¾ ¾ ¾

Les descriptions des lieux et points d’intérêts en anglais Les enregistrements oraux des différentes descriptions en anglais Le design de l’application « audio guide » La programmation de l’application « audio guide » La possibilité de télécharger gratuitement l’application « audio guide » à l’aide d’un QR code

Objectifs : ¾ ¾ ¾ ¾ ¾

S’exprimer en langue anglaise à l’oral sur un sujet précis (production orale en continu) Travailler la programmation d’une application avec un logiciel online en anglais (réception) Partager une application gratuitement Collaborer sur un projet innovant (professeur d’anglais Mme MACRA /professeur de mathématiques euro Mr HOUPERT) Utiliser le smartphone à des fins pédagogiques

3 MACRA S. HOUPERT N. MECHINEAU S.

Utiliser le smartphone dans un cadre pédagogique 30 avril 2015

b. L’activité élève

1.

2.

3.

Créez un compte sur http://appinventor.mit.edu/explore/ à l’aide de votre compte gmail.

En effet, AppInventor est un outil Google.

Cliquez sur “start new project”, et nommer votre projet sans accent ni espaces.

Prenez en main l’interface :

Outils (boutons, lecteur audio,..)

Affichage (WYSYWIG) glisser et déposer les outils de la colonne de gauche dans cet écran

Liste des outils utilisés

Paramètres de l’outil sélectionné

4.

5.

6.

Pour “designer” votre audio guide, vous aurez besoin de 4 outils principaux : a. L’image : format .PNG (ratio 1.6 en vue paysage) b. Le bouton button1 : cliquer dessus pour déterminer l’action à effectuer c. Le lecteur audio player1 : joue un son au format .mp3 d. L’arrangement horizontal : permet de créer une zone horizontale fixe pour y insérer des objets Pour programmer votre audio guide, vous devrez accéder à Blocks editor : a. Un clic sur button1 vous permettra d’accéder à l’ensemble des actions possibles de ce bouton(clic, clic long, …) b. Un clic sur player1 vous permettra d’accéder à l’ensemble des actions possibles de ce lecteur (start, stop, pause,…) c. Utilisez cette interface pour créer cette action : L’utilisateur clique sur button1 et player1 lance le son.

Pour simuler votre programme sur votre smartphone androïd, a. Téléchargez MIT AI2 Companion (free app) depuis le playstore.

4 MACRA S. HOUPERT N. MECHINEAU S.

Utiliser le smartphone dans un cadre pédagogique 30 avril 2015

b. c.

Cliquez sur “connect” and select “AI Companion” Un QR code sera généré. Il suffira alors de le scanner avec l’application MIT AI2 Companion sur votre smartphone (une connexion WiFi est nécessaire).

7. Pour finaliser votre application, cliquez sur “build” et “provide QR code for .apk”, puis acceptez l’ensemble des autorisations pour permettre le téléchargement de l’application finale sur votre smartphone androïd.

En classe de langue,

8.

9.

Choisissez un point d’intérêt dans Charleville‐ Mézières.

Imaginez ensuite que vous êtes un touriste, qu’attendez‐vous de cet audio guide ? (Informations à propos du lieu (taille, détails historiques, dates, ..)

L’élève guide doit s’exprimer clairement et pas trop vite !

10. Trouvez des informations sur internet au sujet du point d’intérêt choisi.

11. Organisez vos idées en paragraphe. Ecrivez et imprimez votre travail. Faites le vérifier par votre professeur.

12. Enregistrez votre présentation au format mp3, à l’aide des enregistreurs mp3 du lycée, en prenant en compte l’ensemble des conseils donnés par votre professeur.

c. Exemple de production

5 MACRA S. HOUPERT N. MECHINEAU S.

Utiliser le smartphone dans un cadre pédagogique 30 avril 2015

2. Commander un robot en bluetooth : travail collaboratif avec le collègue de technologie

a. Présentation générale

Thème général :

Les élèves créent une application « robot NXT» sur smartphone androïd. Les élèves doivent permettre le téléchargement de cette application à un tiers par le biais d’un QR code par exemple.

Cette application doit permettre à un utilisateur de détecter le robot NXT avec son smartphone en bluetooth, de se connecter au robot NXT en bluetooth, et de le mouvoir à distance grâce à un appui sur des flèches directionnelles depuis le smartphone.

Classes :

Seconde européenne 19 élèves Première européenne 14 élèves Première STIDD 32 élèves Organisation :

Les élèves travaillent sur : ¾ ¾ ¾ ¾

Le design de l’application « robot NXT » La programmation de l’application « robot NXT » La connexion bluetooth La possibilité de télécharger gratuitement l’application « robot NXT» à l’aide d’un QR code

Objectifs : ¾ ¾ ¾ ¾ ¾ ¾

S’exprimer en langue anglaise à l’oral sur un sujet précis Travailler la programmation d’une application avec un logiciel online en anglais Partager une application gratuitement Collaborer sur un projet innovant (professeur de mathématiques euro Mr HOUPERT /professeur de technologie Mr MECHINEAU) Intégrer l’étude du robot NXT en parallèle de l’étude menée en STIDD sur le robot NAO Utiliser le smartphone à des fins pédagogiques

6 MACRA S. HOUPERT N. MECHINEAU S.

Utiliser le smartphone dans un cadre pédagogique 30 avril 2015

b. L’activité élève

La capture d’écran ci‐dessous vous présente l’étape finale du programme. C’est ce que vous pourrez obtenir à la fin de cette activité !

1.

2.

3.

Créez un compte sur http://appinventor.mit.edu/explore/ à l’aide de votre compte gmail.

En effet, AppInventor est un outil Google.

Cliquez sur “start new project”, et nommer votre projet sans accent ni espaces.

Prenez en main l’interface : Outils (boutons, lecteur audio,..)

Affichage (WYSYWIG) glisser et déposer les outils de la colonne de gauche dans cet écran

Liste des outils utilisés

Paramètres de l’outil sélectionné

4.

Pour “designer” votre télécommande, vous aurez besoin de plusieurs outils : a. L’image : format .PNG b. Le bouton (button) : cliquez dessus pour interagir c. Le curseur (slider) : modifie la vitesse de déplacement du robot (paramétrez les valeurs entre 100 et 200 pour un déplacement optimal) d. L’arrangement horizontal (horizontal arrangement) : permet d’intégrer des boites de texte, de données, d’insérer des boutons dans une zone horizontale fixe. e. L’arrangement tableau (table arrangement) : permet de créer une zone grille pour placer les boutons dans les cases de la grille. f. Les outils spécifiques NXT (NXTDrive tool) : permet d’interagir avec le robot NXT.

7 MACRA S. HOUPERT N. MECHINEAU S.

Utiliser le smartphone dans un cadre pédagogique 30 avril 2015

g.

5.

6.

Le client Bluetooth (BluetoothClient) : permet la connexion sans fil entre le robot et le smartphone h. L’alerte (notifier) : affiche un message d’alerte en cas de dysfonctionnement ou de perte de connexion Glissez et déposez tous les outils nécessaires dans l’écran central de manière à obtenir la même interface que celle présentée précédemment. Le choix de l’image et des couleurs vous est néanmoins confié.

Pour programmer votre télécommande, vous devez entrer dans le Blocks editor : a. Un clic sur Button2 vous donnera l’ensemble des actions réalisables à partir de button 2(click, long click, …) b. Un clic sur Text créera une boite de texte qui permettra d’afficher tout type de texte.. c. Utilisez cette interface pour créer les action ssuivantes : i. Paramétrer la vitesse de rotation du moteur à 80 (il s’agit de la vitesse do robot lors d’un virage à droite ou à gauche). ii. L’utilisateur déplace slider1 pour accélérer ou décélérer le robot en affichant la vitesse du robot à ce même instant.

iii. L’utilisateur clique sur button2 et le robot avance indéfiniment, en afficant le message “Avance”. iv. L’utilisateur clique sur button3 et le robot tourne sur sa gauche avec une vitesse de 80=global Vitess_ROT (variable).

7.

Pour créer une connexion bluetooth entre votre smartphone et le robot NXT, paramétrez le listpicker en suivant les étapes suivantes :

8.

Pour simuler votre programme sur votre smartphone androïd,

8 MACRA S. HOUPERT N. MECHINEAU S.

Utiliserr le smartpho one dans un cadre pédaggogique 30 avril 2015 5

a. b. c.

Télécchargez MIT A AI2 Companion (free app) d depuis le playsstore.

Cliqu uez sur “conneect” and selecct “AI Compan nion” Un Q QR code sera ggénéré. Il suffira alors de le scanner avecc l’application MIT AI2 Companion sur vvotre smartphone (une connexion WiFi e est nécessaire).

9. Pour finaliser votre application, cliquez ssur “build” et “provide QR ccode for .apk””, puis acceptez ns pour permettre le téléch hargement dee l’application finale sur vottre l’ensemble dees autorisation s smartphone a androïd.

c. Exe emple de productio on

9 MACRA S. HOUPERT N. MEECHINEAU S.

Utiliser le smartphone dans un cadre pédagogique 30 avril 2015

3. La cryptographie en réalité augmentée

a. Présentation générale

Thème général :

Les élèves conçoivent chacun une affiche au format A4 contenant une image et un message codé. En utilisant l’outil en ligne Aurasma, ainsi que l’application smartphone associée, les visiteurs pourront scanner les affiches afin de faire apparaitre le message décodé à la place de chaque message codé, en réalité augmentée.

Classes :

Seconde européenne 19 élèves Première européenne 14 élèves Organisation :

Les élèves travaillent sur : ¾ ¾ ¾

La création de deux slides sur powerpoint La création d’une aura à partir du site AurasmaStudio Le partage public de l’aura sous la forme d’un QR code

Objectifs : ¾ ¾ ¾

Travailler les méthodes de cryptage Découvrir la réalité augmentée Utiliser le smartphone à des fins pédagogiques

10 MACRA S. HOUPERT N. MECHINEAU S.

Utiliser le smartphone dans un cadre pédagogique 30 avril 2015

b. L’activité élève

Vous créerez une affiche format A4. Cette affiche sera composée d’une image ainsi que d’un message codé avec le code de votre choix. Vous créerez une aura afin de traduire le message codé en réalité augmentée. Suivez les étapes suivantes pour vous familiariser avec les outils mis en jeu : 1. Découvrir la réalité augmentée : https://www.youtube.com/watch?feature=player_embedded&v=uHIxYpBW7sc 2. Comment créer une aura dans AurasmaStudio : https://www.youtube.com/watch?feature=player_embedded&v=cnI65BfX6ew 3. Partager son aura : https://www.youtube.com/watch?feature=player_embedded&v=KDmppRVeMic Afin de décoder les messages cryptés, vous téléchargerez l’application Aurasma du playstore. Puis vous scannerez le QR code avec un lecteur de QR code depuis votre smartphone. Ainsi vous aurez téléchargé l’aura qui permettra de visualiser la couche virtuelle. Raffraichissez vos auras. Vous pouvez lancer alors l’application Aurasma pour scanner le message codé.

11 MACRA S. HOUPERT N. MECHINEAU S.

Utiliser le smartphone dans un cadre pédagogique 30 avril 2015

c. Exemple de production : L’aura de Camille pour un code ATBASH

L’image déclenchante avec le message codé :

La couche virtuelle avec le message décrypté :

Le code QR à scanner pour télécharger l’aura de Camille :

Le scan virtuel de Camille :

12 MACRA S. HOUPERT N. MECHINEAU S.

Utiliser le smartphone dans un cadre pédagogique 30 avril 2015

d. Exemple de production : L’aura de Louise pour un code CESAR

L’image déclenchante avec le message codé :

La couche virtuelle avec le message décrypté :

Le code QR à scanner pour télécharger l’aura de Louise :

Le scan virtuel de Louise :

13 MACRA S. HOUPERT N. MECHINEAU S.