INITIALISATION



Pour commencer, tu vas récupérer l'image et le son [1] en faisant un clic droit sur les liens ci-dessous, puis enregistrer sous :

Ouvre ensuite App Inventor à l'adresse suivante : http://ai2.appinventor.mit.edu

Enfin, en haut à gauche, vas dans Projets, puis Commencer un nouveau projet. Appelle le simplement Minion.


DESIGN



Placement des composants :

  • prends un bouton dans la palette (Interface utilisateur) pour le tirer et le déposer dans l'interface
  • prends une image dans la palette (Interface utilisateur) pour la tirer et la déposer dans l'interface
  • prends un son dans la palette (Média) pour le tirer et le déposer dans l'interface

Chargement des médias :

Dans le menu média en bas à droite charge les deux fichier fournis avec ce billet (minion.jpg et minion_rire.mp3)

Association des médias :

On a nos composant dans l'interfaces, on, a nos images et nos sons, il faut associer l'ensemble.

  • dans l'interface, sélectionne son1, puis dans Propriétés / Source choisis le son minion_rire.mp3
  • sélectionne image1, puis dans Propriétés / Image choisi l'image minion.jpg

Centrage et dimensionnement des composants de l'interface :

Dans le menu Composants, sélectionne Screen1, puis dans Propriétés / Alignement horizontal, sélectionne Centrer.

Maintenant, tu vas réduire la taille de l'image, après avoir sélectionné Image1, dans Propriétés donne la valeur Remplir parent à la hauteur et à la largeur.

Pour finir, tu vas changer le texte affiché dans le bouton Bouton1 en changeant Propriétés / Texte. Ecrit "Go !" par exemple.


ENREGISTRER LE PROJET



Il est temps de sauver ton travail en allant dans le menu général, au dessus du bandeau vert : Projets / Enregistrer le projet


PROGRAMMATION DES BLOCS



Il faut maintenant passer dans le mode Blocs disponible à droite du bandeau vert.

Dans le menu Blocs à gauche, on trouve les blocs incorporés, les blocs placé dans DEsigner (Screen1, Bouton1, Image1, Son1) et pour finir, n'importe quel composant. Tu vas te contenter de programmer tes composant placés.

Quand tu cliques sur un de tes trois composants placés, tu peux voir les blocs associés.
Il suffit de prendre le bloc qui t'intéresse et de le tirer vers la zone blanche au centre.

Bouton1

Tire le bloc Quand Bouton1.Clic pour le déposer dans la zone Interface.

Son1

Sélectionne Son1 puis tire appeler Son1.Jouer pour le placer dans le bloc précédent.

Tu obtiens le puzzle ci-dessous :
exo_minion_1.png


TEST DE L'APPLICATION



Ton application est terminée, tu vas pouvoir la tester directement sur ton smartphone.
Avant, n'oublie pas que tu dois sauvegarder ton travail : Projets / Enregistrer le projet

Ensuite démarre AI Companion sur ton smartphone, sur app inventor, dans le menu général, choisi Connect / AI Companion.

Tu peux scanner le QR Code avec ton smartphone. L'application se charge et tu peux enfin la tester en appuyant sur le bouton Go !


MODIFICATION EN DIRECT



Ton application est presque parfaite. Nous allons simplement changer le titre et décaler le bouton vers le bas.

Sur MIT App Inventor, repasse en mode Designer (à droite du bandeau vert). Choisi Screen1 dans le menu Composants, puis dans Propriétés / Titre, change le titre pour mettre "Rions avec les minions".

Tu peux vérifier que le changement a été fait en direct sur ton smartphone.

Dans Palette / Disposition, tire et dépose un Arrangement horizontal juste au dessus du bouton.

Va dans les propriétés de Arrangement_horizontal1 et règle sa hauteur sur 30 pixels.


ICÔNE DE LANCEMENT



Pour finir, tu vas attribuer une image au raccourci de lancement de ton application.

Tu vas utiliser cette image [2]: minion-logo.jpg

Toujours en mode Designer, dans la propriété Icône de Screen1, charge l'image minion-logo.jpg.

Bravo ! Ton application est terminée.


INSTALLATION DE L'APPLICATION SUR LE SMARTPHONE



Tu vas maintenant installer l'application sur ton téléphone pour pouvoir l'utiliser comme toute autre application.

Dans le menu général (au-dessus du bandeau vert), choisi Construire / App ( Donnez le code QR pour fichier .apk ).

Attention, là tu vas obtenir un QR code qui te donne le lien vers ton application. Il faut cette fois scanner le QR code directement avec QR Droid et ouvrir le lien dans un navigateur (opéra, firefox...). Accepte l'enregistrement sur ton téléphone en repérant le dossier de téléchargement (probablement Download).

Tu es presque au bout de tes peines !

Pour installer l'application, il suffit de cliquer sur le fichier minion.apk que tu as téléchargé.

Par sécurité, l'installation est certainement bloquée. L'application est inconnue de Googleplay. Va dans les paramètre de ton Smartphone, dans Sécurité puis Sources inconnues : autorise l'installation d'applications issues de sources inconnues.

Tu peux retenter l'installation en cliquant sur minion.apk.

N'oublie surtout pas de retourner dans Sécurité / Sources inconnues pour interdire l'installation d'applications issues de sources inconnues.



Tu peux télécharger l'application au format apk ici : minion.apk

Notes

[1] non-libres de droits

[2] non-libre de droits