MIT_App_Inventor_2.png


PRÉSENTATION DE LA PAGE DE PROGRAMMATION :



La page de programmation comporte plusieurs zones

Le menu général, au dessus du bandeau vert :

Projets Connecte Construire Aide

Il comporte toutes les commandes de création, de chargement et sauvegarde des projets. On trouve aussi les commandes de compilation ou de test en liaison directe avec le smartphone.

La palette, à gauche :

La palette (mode designer) propose plusieurs familles de composants :

  • les composants de l'interface (boutons, les images, les zones de texte...)
  • les composants de placement
  • les médias (images, vidéos, sons...)
  • les animations
  • les capteurs du smartphone (accéléromètre, orientation, gps...)
  • les liens sociaux (sms, twitter...)
  • le stockage (fichiers, base de données...)
  • la connectivité (bluetooth, web...)

...

L'interface, au milieu :

L'interface admet deux modes de création :

  • Designer : pour créer le design de l'application
  • Blocs : la programmation de l'application par assemblage des blocs

On choisit le mode de création dans la partie droite du bandeau vert (Designer ou Blocs). Il faut bien évidemment avoir placé les composants en mode Designer pour pouvoir les programmer en mode Blocs.

Composants - Propriétés, à droite de l'écran :

Ces deux menus sont liés au mode Designer. Ils permettent de paramétrer les composants.


PROGRAMMATION - PRINCIPE :


Création du Design :

On glisse et on dépose les composant de la Palette vers l'Interface. On paramètre les composants en les choisissant dans le menu Composants à gauche et définissant les propriétés dans le menu de droite.

Programmation :

On bascule en mode Blocs. Le menu Blocs à gauche propose tous les blocs disponibles, composant par composant. Un fonction de lecture d'un son ne peut être disponible tant que vous n'avez pas placé un son dans l'interface en mode Designer.

Compilation et test en ligne :

On enregistre le projet et on passe en mode connexion Compagnon AI.

Attention, cette fonction nécessite d'avoir installé MIT AI2 Companion sur le smartphone.

La connexion est facilité par la lecture d'un QR Code sur l'écran de l'ordinateur. Il convient d'installer une application de lecture de QR Code sur le smartphone (QR Droid par exemple).

Avant le transfert, l'application est compilée, c'est à dire que le joli puzzle que vous avez créé à l'écran est transformé en un code compréhensible par votre smartphone.

Chargement de l'application sur le smartphone :

La aussi, l'opération est grandement simplifiée par la lecture d'un QR Code à l'écran.

Je reviendrai en détail sur ces opérations au fil des billets de ce blog.