App Inventor au collège

I-Introduction
Développé par Google et MiT (Massachusetts Institute of Technology), App Inventor 2 est un
service gratuit qui vous permet de créer des applications pour téléphones mobiles/tablettes
Android sans avoir à programmer.

1. Configuration

Outils matériels et logiciels:

 un ordinateur : Windows, Linux

 un navigateur : Google Chrome, Firefox, Safari ,..

 une connexion à Internet

 Un compte Google (créé automatiquement dès lors que vous utilisez déjà un
service de Google tel que Gmail)

 Un smartphone ou une tablette avec un système d'exploitation Android version

2.3 ou supérieur (pour vérifier la version Android : Paramètres puis À propos
du téléphone )

2. Installations necessaries

 Installer jre-8u221-windows 32 bits ou bien 64 bits

 Installer AI2 Starter 4.6
 Installer AI2U v4.6

II-Lancement de App Inventor

1. Travailler en ligne
 Se connecter à App Inventor sur le site web de MI
http://ai2.appinventor.mit.edu/
 S'identifier seulement par votre adresse Gmail (Pas
besoin de créer un compte)

1
 2. Travailler sur PC (Offline)

 Lancer ai2Starter et App Inventor Ultimate

 Lancer votre navigateur et saisir l'adresse locale localhost:8888

Cliquez ici

 Saisir une adresse Gmail valide. (la connexion Internet n’est pas nécéssaire)

II-Quelques Application avec App Inventor

Application n° 1: Fond d’écran

Label

2
Arrangement horizontale Arrangement vertical

Boutons

Designer

★ 3 arrangements horizontaux

★ un Label (label1)

★ 5 boutons( Agrandir, Réduire, pluie, neige, désert)

★ 4 images

Blocs :

3
 Application n° 2: Calculatrice

Arrangement Vertical
Label : Calculatrice

Label : Res (Resultat) Arrangement Vertical

Zone de texte de type nombre: nb1 Bouton Plus +

Zone de texte de type nombre: nb2

Bouton Egal

Bouton AC

Notificateur

Designer :

4
 ★ Deux arrangements verticaux

★ Quatre Label (label1, res, Label3, Label4)

★ Deux zones de textes de type nombre (nb1, nb2)

★ Trois boutons (Plus, Div, Moins, Somme, Egal, AC)

★ Un notificateur (msg)

Solution du problème :
Je vérifie :

Si le champ nb1 est vide alors afficher le message « Veuillez saisir le

nombre 1 »

Sinon si le champ nb2 est vide alors afficher le message « Veuillez

saisir le nombre 2 »

Sinon

res=nb1+nb2

Blocs :
Tester si le champ nb1 est vide

Tester si le champ nb2 est vide

Res=nb1+nb2

Application n° 2: Message Vocale

5
 Lire un texte écrit dans une zone de texte.

Designer : Zone de texte : txt

Bouton : BtnGo

Arrangement Vertical

★ Un arrangement vertical ★ Texte à parole : texte_à_parole1

★ Un Bouton BtnGo ★ Une zone de texte : txt

Solution du problème :
Si je cliquer sur le bouton Play « BtnGo » lire le texte écrit dans le champ texte « txt »

Blocs :
Contenu du champ zone de texte
« txt »

Application n° 3: Piloter une Lampe

Piloter une lampe en prononçant les ordres "allumer" et "éteindre". Cette application simule l'état de
la lampe en interchangeant l'image correspondante.

Designer :

6
 Arrangement Horizontal
qui contient deux images

Lampe éteint (lampe 1) Lampe allumé (lampe 2)

Bouton OnOff Bouton Parler

Arrangement Horizontal qui

contient deux boutons

★ Deux arrangements horizontaux

★ Deux images (lampe1, lampe2)
★ Deux Boutons
★ Reconnaissance Vocale

Solution du problème : image1 : lampe éteint Image2 : lampe allumé

Lampe est éteint Allumer la lampe :

 image lampe1 est invisible
 image lampe2 est visible
Lampe est allumé Eteindre la lampe :
 image lampe1 est visible
 image lampe2 est invisible