Tags -

Niveau(x) scolaire(s)
Fiche activité (ou fiche de travail)

Mit App Inventor et les feux tricolores (version virtuelle)

Un exercice simple pour apprendre

Dans cet exercice, nous allons aller un peu plus loin dans la programmation et programmer des événements à l’aide de trois boutons. Cet exercice qui permet d’allumer virtuellement des Lumières sera notre base de travail pour, plus tard mais très bientôt allumer ou éteindre de vraies lumières à l’aide d’Arduino en connectant un smartphone au montage électronique à base d’Arduino.

Objectif et présentation de l’activité

Objectif et présentation de l'activité

JPEGJPEGIci l’objectif est d’aller un peu plus loin dans l’apprentissage de la programmation Android et de préparer le terrain pour une application "connectée" ou vous pourrez allumer ou éteindre des DELS connectées à une carte Arduino. Nous verrons cela dans un prochain exercice.

Ci-contre vous trouverez les captures d’écran sur le smarphone de l’application à réaliser. Rien de bien extraordinaire mais nous ne sommes qu’au début de votre formation … Pour voir ce que cela donne, vous pouvez aussi télécharger les fichiers APK de cette application en version normale ou améliorée que vous retrouverez dans un des onglets de cet article.

Vous allez apprendre à :
- utiliser l’application MIT App Inventor
- mettre une image comme fond d’un bouton
- programmer le changement de cette image en fonction d’un clic
- regrouper des boutons pour qu’il apparaissent sur la même ligne sur l’écran du smartphone
- programmer des événements (agir en fonction de certaines actions de l’utilisateur)
- dupliquer des blocs de programmation
- améliorer le programme pour être plus réaliste (impossible dans la réalité d’allumer le vert en même temps que le rouge sur le même feu !)
- réaliser une copie de votre programme sur le serveur de l’application MIT App Inventor.

Voici les programmes que vous pouvez réaliser (après avoir bien sûr créer les composants pour l’affichage …)

Fichiers nécessaires

Fichiers nécessaires

Pour réaliser cette activité, vous aurez besoin de quelques fichiers images à télécharger ici.

attention Vous devez récupérer les fichiers et non les images affichées qui sont plus petites que les originales ! Utilisez le bouton droit de la souris pour récupérer les fichiers. Vous pouvez aussi récupérer l’ensemble des fichiers nécessaires en une seule fois en récupérant le fichier compressé (.ZIP) fournit en fichier joint à cet article (bas de page).

4 images de boutons colorés

PNGPNGPNGPNG

2 images de taille différente pour le fond de l’écran (utile dans l’amélioration de l’application numéro 2 …

JPEG - 55.2 ko
Image d’une manga à la bonne taille de l’écran dans MIT App Inventor 2
JPEG - 320 × 480 pixels - 55.2 ko

JPEG - 164.4 ko
Haute définition à ne pas prendre pour l’application …
PEG - 640 × 960 pixels - 164.4 ko

Le fichier contenant tous le images nécessaires à la réalisation de cette application

Zip - 352.8 ko
Tous les fichiers compressés de l’article.

Apprendre avec la Vidéo

Fichiers APK pour Android - 1.4 Mo
Application android "lg3bh1_feuxtricolores"

Apprendre avec la Vidéo

Voici une vidéo ou je vous montre comment je fais pour réaliser cette application.

Pour voir ce que vous devez obtenir sur le smartphone ou la tablette, vous pouvez télécharger le programme APK.

Voici le programme réalisé à la fin de cette activité.

Première amélioration

Fichiers APK pour Android - 1.4 Mo
Application android "lg3bh1_feuxtricolores2"
L’application android, première amélioration.

Première amélioration

Voici une vidéo ou je vous montre comment améliorer l’application précédente et coller un peu plus à la réalité : en effet, les feux vert et rouge par exemple ne peuvent pas être allumés en même temps sur le même feu tricolore !

Pour voir ce que vous devez obtenir sur le smartphone ou la tablette, vous pouvez télécharger le programme APK.

Voici le programme réalisé à la fin de cette activité.

Seconde amélioration

JPEG - 55.2 ko
Image d’une manga à la bonne taille de l’écran dans MIT App Inventor 2
JPEG - 320 × 480 pixels - 55.2 ko

Fichiers APK pour Android - 1.4 Mo
Application android "lg3bh1_feuxtricolores2"
L’application android, première amélioration.

Seconde amélioration

Je vous propose maintenant d’améliorer de Design de votre application avec une image de fond …

Pour voir ce que vous devez obtenir sur le smartphone ou la tablette, vous pouvez télécharger le programme APK.

Le programme est le même que dans l’onglet précédent, j’ai surtout travailler sur le design, l’affichage …

Je ne donne pas ici de recette, on va voir si vous avez la "Geek Attitude" pour modifier correctement votre programme …