Activités d’apprentissage

à distance pour assurer la

continuité des cours

Niveau : 3e Collège
Semestre 2
2019-2020

Exercice d’application :

 Lancer MitApp inventor en tapant l’adresse suivante : https://appinventor.mit.edu/

 Traduire la page en français, puis cliquer sur le bouton orange «créer des
applications»

 Partie l’interface :

 Réalisez l’interface suivante. Elle contient :

 Une boîte de texte (TextBox) nommée « Saisie » et affichant le
texte d’aide (champ « Hint ») « Saisissez votre nom ».
 Un bouton nommé « Validation » et affichant le texte « Valider »,
 Une étiquette (« Label ») nommée « Rep » et affichant le texte de
départ « Réponse »
 L’écran « Screen1 » de notre application ne peut être renommé,
mais doit afficher le nom « Accueil ».

-1-
Lorsque votre interface est conforme à ce qui précède, veuillez aller dans le menu
« Projects ». La section de sauvegarde du menu contient ceci :

a) « Save project » : permet de simplement enregistrer votre travail dans le projet

courant.

b) « Save project as … » : permet d’enregistrer votre travail dans un nouveau projet.

c) « Checkpoint » : est très pratique, il permet de créer une copie de votre projet avec
un nouveau nom (de préférence une extension du nom de projet en cours), mais de
continuer à travailler dans le projet actuel. Ainsi, si à un moment vous voulez
revenir à une étape du développement de votre projet pour laquelle existe un
checkpoint, alors vous allez dans la liste de vos projets et ouvrez ce checkpoint.

-2-
 Partie Code :

Maintenant, nous allons placer le code nécessaire à notre application.

Dans l’interface d’AppInventor 2, cliquez sur « Blocks » :

Vous arrivez dans l’écran de programmation de type « Scratch ». Dans ce dernier,

vous pouvez associer un programme à chaque évènement de l’interface (le «
Screen1 » pour nous), par exemple au clic sur le bouton « Valider ».

Vous pouvez aussi manipuler de manière générale l’ensemble des composants de

votre application, et développer tous les algorithmes qui lui sont nécessaires.

-3-
Lorsque le bouton « Valider » est cliqué avec le bouton gauche de la souris, l’application affiche dans
l’étiquette « Réponse » le texte : « Bonjour » + le contenu de la case « Saisie ».

• Pour cela, il nous faut :

• Un bloc évènementiel qui détecte le clic gauche sur le bouton « Valider » :

• Un bloc permettant de modifier le contenu de l’étiquette « Reponse » :

• Un bloc permettant de joindre deux chaines de texte (ou plus) :

• Un bloc permettant de créer la chaîne de texte « Bonjour » (avec un espace à la fin) :

• Un bloc permettant de récupérer la chaîne texte saisie dans le composant « Saisie » :

Et assemblez le tout afin d’obtenir le programme suivant :

 Tester un programme
Pour tester le programme en direct durant son développement, il est possible
d’utiliser :
 Solution 1 : Un dispositif Android sur lequel on a installé l’« AI Companion »
:
 Solution 2 : Un émulateur de dispositif Android installé sur l’ordinateur où
se fait le développement,
 Solution 3 : Un dispositif Android connecté à l’aide d’un câble USB.
La page : http://appinventor.mit.edu/explore/ai2/setup donne les indications pour
ces trois solutions.
Le menu « Connect » permet de choisir parmi ces trois solutions.
Lorsque l’on veut changer de solution, il faut aller dans le menu « Connect » et
choisir : « Reset Connection »

-4-