App Inventor — Fiche de prise en main

Programme de Robotique et Technologies Numériques — Année scolaire 2026-2027

Collège Privé La Vision Future de Grand-Bassam — Équipe pédagogique HV-FABLAB

À quoi sert ce document ?

Cette fiche explique comment créer une application pour téléphone Android, et comment s'en servir pour piloter un robot.

Public : encadreurs et élèves.
Niveaux concernés : 4e → 3e (découverte), lycée (jusqu'en Terminale).
Durée : 3 à 5 séances de 1 h.

1. C'est quoi App Inventor ? (en 5 lignes)

MIT App Inventor est un outil gratuit pour créer des applications Android… par blocs.

• On y fabrique une vraie application installable sur téléphone.
• On programme par blocs, comme dans mBlock (même logique !).
• Il fonctionne dans le navigateur (rien à installer sur le PC).
• Il est gratuit et développé par le MIT.
• C'est le pont parfait entre la programmation et le monde réel : le téléphone devient une télécommande.

Image mentale à donner aux élèves : « Vous allez transformer votre téléphone en télécommande de robot. » — c'est la phrase qui motive toute la classe.

2. Pourquoi on l'utilise dans notre programme

Ce que ça apporte concrètement

🎯 Projet phare du niveau 4e/3e : « Je pilote mon robot avec mon application ». C'est ce projet qui donne du sens à toute l'année.

3. Accéder à App Inventor

Étape 1 — Créer le compte

1. Aller sur http://ai2.appinventor.mit.edu/
2. Se connecter avec un compte Google.
3. Accepter les conditions.

⚠️ Point important pour la salle : App Inventor exige Internet et un compte Google. Sur 50 postes, prévoir :

• soit un compte par élève/binôme (recommandé : chacun garde ses projets) ;
• soit un compte de classe partagé (plus simple mais projets mélangés).

💡 Prévoir un plan B : si Internet tombe, la séance est perdue. Avoir une activité de secours (codage débranché).

Étape 2 — Comment tester l'application

💡 Conseil : utiliser l'application MIT AI2 Companion en salle. L'élève voit instantanément l'effet des modifications — c'est un retour immédiat très formateur.

4. L'interface : les 2 écrans de travail

C'est la particularité d'App Inventor : on travaille sur deux écrans différents.

🎯 Phrase à faire retenir : « Le Designer, c'est ce que tu VOIS. Les Blocs, c'est ce que ça FAIT. »

Le Designer en détail

Les composants les plus utilisés

5. Les 4 notions à maîtriser

1. Composant

Un élément de l'application (bouton, texte, Bluetooth).
→ On le place dans le Designer.

2. Événement

Ce qui déclenche l'action : « quand on clique sur le bouton ».
→ C'est le point de départ du programme, comme le drapeau vert dans mBlock.

3. Propriété

Un réglage du composant : sa couleur, sa taille, son texte.
→ On la modifie par blocs : « mettre le texte à "Avance" ».

4. Connexion (Bluetooth)

La liaison entre le téléphone et le module Bluetooth du robot.
→ Il faut d'abord se connecter, ensuite envoyer des ordres.

🎯 Le squelette de 90 % des applications de robot :

Quand [Bouton Avancer].Clic
   Si [Bluetooth] est connecté
      Envoyer le texte "F" au Bluetooth

6. Premier projet guidé : le message qui parle

Objectif : créer une application avec un bouton qui dit bonjour à voix haute.

Le plus petit projet possible, mais complet.

Dans le Designer

1. Créer un nouveau projet : Bonjour.
2. Ajouter un Bouton → le renommer btnDire.
3. Dans ses propriétés, mettre le texte à Dis bonjour.
4. Ajouter un TextToSpeech (synthèse vocale) depuis la palette.

Dans les Blocs

1. Ouvrir l'onglet Blocs.
2. Prendre le bloc quand btnDire . Clic.
3. Y emboîter le bloc appeler TextToSpeech . Parler avec le texte Bonjour la classe !.
4. Tester avec le MIT AI2 Companion.

Ce que l'élève doit observer

• Le bouton apparaît sur le téléphone.
• En cliquant, le téléphone parle.
• Il vient de créer une application.

🎯 Questions à poser :

1. Que se passe-t-il si on change le texte dans les blocs ? → le téléphone dit autre chose
2. Pourquoi a-t-on besoin d'un événement ? → sinon rien ne se déclenche
3. Où est le Designer, où sont les Blocs ? → vérifier qu'ils savent se repérer

🌟 C'est le moment fort de la séquence. Un élève qui fait parler son téléphone avec son propre programme ne l'oublie jamais.

7. Deuxième projet : la télécommande de robot

Objectif : créer une application avec 4 boutons (Avancer, Reculer, Gauche, Droite) qui pilotent le robot.

Matériel nécessaire

• Un module Bluetooth (HC-05 ou HC-06) relié à la carte Arduino du robot.
• Le robot apparié avec le téléphone (dans les paramètres Bluetooth du téléphone).

Dans le Designer

1. Nouveau projet : TelecommandeRobot.
2. Ajouter une Disposition en tableau (2 lignes × 3 colonnes) pour placer les boutons en croix.
3. Ajouter 4 Boutons : Avancer, Reculer, Gauche, Droite.
4. Ajouter une Étiquette d'état : Non connecté.
5. Ajouter BluetoothClient et ListPicker (pour choisir l'appareil).

Dans les Blocs

Quand Screen1 . Initialisation
   Mettre ListPicker1 . Elements à BluetoothClient1 . Noms des appareils

Quand ListPicker1 . AvantChoix
   Mettre ListPicker1 . Elements à BluetoothClient1 . Noms des appareils

Quand ListPicker1 . AprèsChoix
   Si BluetoothClient1 . Connecter (élément choisi)
      Alors mettre Etiquette1 . Texte à "Connecté"
      Sinon mettre Etiquette1 . Texte à "Échec"

Quand btnAvancer . Clic
   Si BluetoothClient1 . Connecté
      Alors appeler BluetoothClient1 . Envoyer le texte "F"

Quand btnReculer . Clic
   ...  Envoyer le texte "B"
Quand btnGauche . Clic
   ...  Envoyer le texte "L"
Quand btnDroite . Clic
   ...  Envoyer le texte "R"

Côté Arduino (le programme qui reçoit)

char ordre;
void setup() {
  Serial.begin(9600);   // le module Bluetooth est sur RX/TX
}
void loop() {
  if (Serial.available() > 0) {
    ordre = Serial.read();
    if      (ordre == 'F') avancer();
    else if (ordre == 'B') reculer();
    else if (ordre == 'L') tournerGauche();
    else if (ordre == 'R') tournerDroite();
  }
}

🎯 La leçon essentielle : les deux programmes doivent parler le même langage. Ici, la convention est : F = Forward (avancer), B = Backward, L = Left, R = Right.
Si l'application dit A et que la carte attend F, rien ne bouge. C'est le contrat de communication.

8. L'ordre des étapes (à ne jamais inverser)

C'est la source d'erreur nº1 en classe.

⚠️ Le piège classique : l'élève appuie sur les boutons sans avoir apparié le Bluetooth. Rien ne se passe, il croit que son programme est faux. Faire vérifier l'appairage AVANT de chercher le bug.

9. Progression conseillée (5 séances)

🎯 Ne pas sauter la séance 3. Le Bluetooth est la difficulté technique. Prendre une séance complète pour juste se connecter évite trois séances de panique ensuite.

10. Dépannage

🎯 Les 5 questions de dépannage (dans l'ordre) :

1. Le robot est-il allumé ?
2. Le Bluetooth est-il apparié ?
3. L'application dit-elle « Connecté » ?
4. Les lettres envoyées correspondent-elles à celles attendues ?
5. Le débit (9600) est-il le même des deux côtés ?

11. Erreurs pédagogiques à éviter

12. Ressources externes

• Plateforme App Inventor (MIT) : http://ai2.appinventor.mit.edu/
• Tutoriels officiels pour débutants : https://appinventor.mit.edu/explore/ai2/beginner-videos
• Installation et configuration : https://appinventor.mit.edu/explore/ai2/setup
• Tutoriels PDF officiels : https://appinventor.mit.edu/explore/sites/all/files/hourofcode/AppInventorTutorials.pdf

13. L'essentiel à retenir

1. App Inventor crée de vraies applications Android, par blocs, gratuitement.
2. Deux écrans : le Designer (ce qu'on voit) et les Blocs (ce que ça fait).
3. Le squelette : événement → condition → action.
4. L'ordre est sacré : allumer → apparier → ouvrir → se connecter → piloter.
5. Définir la convention de lettres (F/B/L/R) et la même des deux côtés.
6. Le projet phare : piloter le robot avec son propre application.

Équipe pédagogique HV-FABLAB — Collège Privé La Vision Future de Grand-Bassam — Année scolaire 2026-2027