La création d'une application avec App Inventor se fait en deux temps. D'abord, vous concevez l'apparence de votre application, puis vous dites à l'application ce qu'elle doit faire en la codant.
PREMIÈRES ÉTAPES
- Esquissez-le d'abord sur le papier
- Utilisez votre prototype papier
- L'avoir à côté de soi
- Ouvrir MIT App Inventor
- ai2.appinventor.mit.edu
- Sélectionner "Démarrer un nouveau projet" dans le menu Projets
PARTIES DU CONCEPTEUR
Cliquez sur le i orange pour en savoir plus sur les parties en surbrillance. Cliquez sur les flèches à gauche et à droite pour en savoir plus sur d'autres parties du Designer.
La Palette répertorie TOUS les composants possibles (parties) que vous pouvez ajouter à votre application.
Ils sont regroupés par tiroirs ou onglets. Il suffit de cliquer sur un tiroir pour l'ouvrir.
La visionneuse montre à quoi ressemble l'application une fois que vous avez fait glisser les composants de la palette.
Les composants non visibles n'apparaissent pas sur l'écran de l'application, mais sont néanmoins des éléments importants de l'application.
Le panneau des composants répertorie tous les composants qui ont été ajoutés à l'application.
Ils sont précédés d'un espace supplémentaire s'ils sont contenus dans un autre composant.
Le panneau Panneau des propriétés est l'endroit où vous pouvez voir ou modifier les différentes caractéristiques de chaque composant.
Le panneau média est l'endroit où vous téléchargez des fichiers tels que des images et des sons à utiliser dans votre application. Vous pouvez simplement glisser-déposer des fichiers dans le panneau média.
IL EST TEMPS DE L'ESSAYER !
ACTIVITÉ 1 : CONCEVOIR UNE APPLICATION
Maintenant que vous avez ajouté tous les composants de l'application, vous allez passer à l'éditeur de blocs pour commencer à coder l'application !
VARIABLES
Avant de commencer à coder, nous allons apprendre ce que sont les les variables. Vous devrez les utiliser lorsque vous coderez le jeu du recyclage.
Si vous créez une application mobile, il vous faudra parfois garder trace de différentes informations à l'intérieur de votre application. C'est à cela que servent les variables.
L'ÉDITEUR DE BLOCS
- Ouvrez votre projet Recycle Game dans App Inventor
- Vous avez ajouté tous vos composants
- Passez maintenant à l'éditeur de blocs
PARTIES DE L'ÉDITEUR DE BLOCS
Cliquez sur le i orange pour en savoir plus sur les parties en surbrillance. Cliquez sur les flèches à gauche et à droite pour découvrir d'autres parties de l'éditeur de blocs.
Les Blocs répertorie tous les blocs disponibles pour être utilisés.
Les blocs intégrés font partie de chaque application.
Chaque composant possède également son propre ensemble de blocs de code.
Le visionneuse est votre espace de travail de codage, où vous placez tous vos blocs de code.
Cliquez sur un composant, puis faites glisser le bloc que vous souhaitez sur le visionneuse.
Le sac à dos sac à dos vous permet de sauvegarder vos blocs de code pour les réutiliser dans d'autres projets.
Faites glisser les blocs que vous créez dans le sac à dos. Vous pouvez ouvrir un autre projet et les faire glisser pour les réutiliser.
Vérifiez les avertissements en jaune et les erreurs en rouge avant d'exécuter votre application.
Vous pouvez effectuer un zoom avant ou arrière et réinitialiser le zoom de la visionneuse.
Vous pouvez supprimer les blocs inutilisés en les faisant glisser vers la corbeille pour les supprimer.
