Les applications mobiles innovantes

Création d’applications Android avec MIT App Inventor

invp

 

 

 

MIT App Inventor ! Que-ce que c’est ?

App Inventor est un logiciel de création d’applications Android (système d’exploitation pour smartphones et tablettes). C’est un environnement de développement intégré qui permet la création d’applications destinées à des systèmes équipés de plates-formes Android. Les informations sont stockées sur des serveurs distants, ce qui nécessite une connexion Internet pendant tout le développement de l’application.

C’est un moyen simplifié pour présenter la programmation aux publics jeunes (collégiens, lycéens…) afin qu’ils puissent démontrer leur créativité aux autres.

La réalisation d’un programme se fait en deux parties :

1- La création de l’interface utilisateur et le choix des ressources qui seront utilisées dans l’application.

2- La programmation par blocs qui utilise les composants (évènements, propriétés, procédures) associées aux composants définis dans la première partie.

Image de prévisualisation YouTube

Créer une application prototype ensemble :

Préparation du matériel :

Un ordinateur, une connexion wifi, et un navigateur internet (Chrome, Firefox ou Safari).

Un téléphone ou une tablette sous Android, connecté au même réseau wifi que l’ordinateur.

Une adresse Gmail.

Une application gratuite à télécharger sur le Google Play Store de votre téléphone ou de votre tablette « MIT AI2 Companion » apm

Depuis un navigateur internet, allez sur le site : http://appinventor.mit.edu/

Première étape :  utilisez votre compte Gmail pour se connecter

Deuxième étape : changez la langue

inter

Troisième étape : commencez à créer un nouveau projet et nommez-le, dans notre cas l’application s’appelle « Go English ».ecacc

Quatrième étape : Placez les objets suivants sur la zone de travail :

• Boutons

• label

• Images

Créez le contenu de chaque écran…

Vous pouvez placer plusieurs éléments sur votre interface en les faisant glisser sur l’écran de votre terminal.

Cinquième étape :

Définir le fonctionnement ou le comportement de votre application,

Pour ce faire, cliquez sur le bouton « Blocks » en haut à droite de la page :    blc

Vous obtiendrez cet écran :

Blq

Pour décrire le comportement de chaque élément, il faut réaliser une suite d’opérations « Un algorithme » à l’aide des blocks que vous devez activer à partir des onglets situés à gauche de votre écran.

algo

◊ Positionnez vos blocks à votre guise, n’oubliez pas de nommer vos écrans !

◊ Déplacez-vous d’un écran à l’autre ou ajouter un nouvel écran en passant par ce bouton en haut de votre plan de travail: chg ec

◊ Réalisez entièrement votre algorithme et sauvegardez votre programme.

Dernière étape :conn

Testez votre application sur votre terminal (tablette, téléphone) via ce bouton

Allez sur l’application Al Companion, un Code de 6 caractères est généré ainsi qu’un QR Code.

Il suffit de saisir le code ou de scanner le QR Code pour que l’application soit visible sur le smartphone et vous pouvez finalement la tester

cd

conn3

conn2

Dans notre cas, ça donne ce résultat :

ecacc

ec1

ec2

ec3

ec4

C’est à la fois intuitif, ludique et valorisant !

À vos cliques…

 

Laisser un commentaire

ITBAD-NEWS |
Failleandroid |
FLEUTETIC |
Unblog.fr | Créer un blog | Annuaire | Signaler un abus | FOFANA DÉPANNAGE & ASS...
| Maxsupportinformatique
| DevBlog