Outils pour utilisateurs

Outils du site


icn:t_app

Tutoriel AppInventor - Première App

Maintenant que tu es connecté au site AppInventor avec le compte de ton équipe, et tu peux créer ta première App.

Commencer un nouveau projet

  • Clique sur le bouton Commencer un nouveau projet

  • Donne un nom au projet et clique sur le bouton OK

Crée le premier écran

Tu vas dessiner le premier écran de ton App.

  • à gauche tu as la palette qui propose les composants que tu peux utiliser.
  • tu vas choisir un bouton et une zone de texte et les mettre sur l'écran qui s'appelle Screen1.

  • voila ce que tu dois obtenir :

Tu peux modifier les propriétés de tes composants: le texte, la couleur, etc. Pour cela :

  • sélectionne le composant dans l'arborescence des composants en cliquant sur le composant Bouton

  • modifie le contenu du champ Texte

  • tu peux alors voir le résultat de ta modification sur le texte du bouton

Ajoute des actions

Maintenant tu vas indiquer ce que l'App doit faire quand on clique sur le bouton. Pour cela tu vas maintenant utiliser les fonctions de création de blocs d'action.

  • dans la barre de menu du projet choisis le bouton Blocs :

  • choisis à gauche, dans la partie blocs le composant Bouton :

Dans l'interface apparaît une liste de ce que tu peux demander à l'App de faire.

  • Choisis ce bloc et dépose le dans la zone de création des actions

Voila ce que tu dois obtenir :

* choisis à gauche, dans la partie blocs le composant ZoneDeTexte1 et essaie d'obtenir le résultat suivant :

Pour terminer tu vas indiquer à l'App d'afficher la phrase Bonjour !.

Astuce :

Teste ton application sur l'émulateur

Dans le menu Connecte choisis Emulateur

Soit patient, le temps que l'émulateur soit lancé et prêt :

  • Tu auras ce message te proposant une mise à jour. Choisis OK.

  • Attend la fin du téléchargement de la mise à jour.

  • Dans l'émulateur accepte de remplacer l'application par la nouvelle version :

  • Et lance l'installation

  • à la fin de l'installation ne lance pas l'application

  • Réinitialise la connexion

  • et reconnecte-toi à l'émulateur

  • Utilise ton App

Quand tu as fini le tutoriel

icn/t_app.txt · Dernière modification: 2015/09/24 12:21 (modification externe)