Variables et listes dans App Inventor

  • Apprendre à utiliser des variables pour stocker des données dans une application
  • Apprendre à organiser les données en listes
  • Utiliser des variables et des listes dans une application

Voici les activités de cette leçon :

STOCKAGE DES DONNÉES

Lorsque vous codez une application, il y a généralement des informations ou des données que vous devez stocker, mettre à jour et auxquelles vous devez accéder dans l'application.

Il existe trois types de données dont vous pouvez avoir besoin pour faire fonctionner une application :

Variables

Stocker des informations pendant que l'application fonctionne.

Par exemple, un nom d'utilisateur ou un score de jeu.

Stockage local

Stocker des informations sur l'appareil mobile pour les récupérer à chaque fois que l'application est exécutée.

Par exemple, une adresse d'utilisateur ou un score de jeu élevé.

Stockage en nuage

Stocker les informations sur le web (nuage) afin que tous les utilisateurs de l'application puissent y accéder.

Par exemple, le classement des jeux ou les messages de chat.

Dans cette leçon, nous nous concentrerons sur le stockage des données dans l'application, à l'aide de variables.

VARIABLES

L'un des concepts les plus importants du codage est la variable. A variable est le nom d'une donnée qui peut changer. Pour s'en souvenir, il suffit de dire qu'une variable peut varierou changer de valeur.

Chaque jour, de nombreuses informations importantes pour vous changent de valeur. En voici quelques exemples :

gâteau d'anniversaire avec bougies
votre âge
nuages avec gouttes de pluie
le temps
calendrier mensuel
date du jour

A variable est comme une boîte dans laquelle vous pouvez stocker des informations.

  1. Vous étiqueter ou nommer la boîte pour vous souvenir de ce qu'elle contient.
  2. Lorsque vous avez besoin d'informations, vous pouvez ouvrir la boîte et obtenir ce qu'il y a à l'intérieur
  3. Vous pouvez également changer ce qui se trouve à l'intérieur l'intérieur de la boîte tout en conservant le même nom à l'extérieur.

 

animation d'une variable stockée dans une boîte

VARIABLES DE L'INVENTEUR DE L'APPLICATION

Les variables sont utilisées pour stocker des informations pendant l'exécution de l'application.

Tous les blocs de variables se trouvent dans le tiroir Variables. 

tiroir des variables de l'app inventor

Il existe trois blocs de base pour les variables. Découvrez-les dans les onglets ci-dessous.

Le bloc d'initialisation réserve un espace de stockage dans votre application pour votre variable. Donnez-lui un nom utile.

 

bloc d'initialisation des variables App Inventor

Ici, une variable numberOfLessons est initialisée à 0, peut-être pour savoir combien de leçons ont été suivies dans une application éducative.

Le bloc set vous permet de fixer ou de mettre à jour la valeur de la variable.

 

Ici, la valeur actuelle est obtenue et la variable est fixée à la valeur actuelle + 1. Ainsi, si le nombre de leçons était de 2, la nouvelle valeur serait de 3.

Le bloc get vous permet d'obtenir la valeur actuelle de la variable.

Ici, le bloc get est utilisé pour insérer le nombre de leçons dans une phrase à afficher dans Label1.
Obtenir le bloc de variables utilisé dans le bloc de jointure
 
Ici, il est utilisé pour obtenir le nombre actuel de leçons et tester s'il est égal à zéro, dans un bloc conditionnel.
si bloc App inventor
 
 
 

LISTES

Au fur et à mesure que vous construisez votre application, vous vous apercevrez peut-être que vous avez plusieurs données auxquelles il faut accéder dans l'application.

Par exemple, au lieu d'un seul nom d'utilisateur, votre application pourrait avoir besoin d'accéder à tous les noms d'utilisateur de l'application. Ou encore, votre application est consacrée aux animaux, et il y a donc plusieurs noms et images d'animaux qui doivent être stockés.

Dans App Inventor, vous utilisez ce que l'on appelle une liste pour organiser plusieurs éléments de données dans vos programmes. D'autres langages de programmation les appellent tableauxmais il s'agit essentiellement de la même chose.

Vous avez peut-être déjà fait une liste de choses à faire ou une liste de courses, et les listes en programmation sont très similaires.

liste de courses sur papier avec stylo dessus
liste des palettes dans app inventor

Les listes sont accessibles via la palette Blocs intégrés de l'éditeur de blocs. Plusieurs blocs permettent de créer, de stocker, d'extraire et de mettre à jour les éléments d'une liste.

Vous stockez une liste dans une variable, ce qui vous permet de donner un nom à votre liste.

initialisation d'une liste dans app inventor

Vous devez utiliser des listes chaque fois que vous avez plusieurs éléments d'information liés entre eux.

Par exemple, si vous souhaitez afficher les 10 meilleurs scores d'un jeu, vous pouvez créer dix variables portant des noms tels que HighScore1,HighScore2, HighScore3 et ainsi de suite jusqu'à HighScore10.

L'action préférée est de créer une liste appelée HighScores qui contiendra les 10 meilleurs scores. Il est beaucoup plus facile d'ordonner, de mettre à jour et d'ajouter les meilleurs scores dans une seule liste.

variables et listes dans app inventor

Chaque élément d'une liste possède un indexqui correspond à sa place dans la liste, pour vous permettre d'extraire l'élément de la liste.

Par exemple, dans les blocs ci-dessous, l'indice 2 indique le deuxième élément de la liste Fruits. Ainsi, Label1 affichera "Bananes".

initialisation d'une liste dans app inventor
sélection dans une liste

Vous pouvez également ajouter, supprimer et remplacer des éléments dans les listes. 

Si vous prenez votre liste de fruits initiale [pommes, bananes, oranges], pouvez-vous deviner ce qu'elle contiendra après avoir exécuté les blocs ci-dessous, dans l'ordre où ils se trouvent ?

initialisation d'une liste dans app inventor

Meilleures pratiques : Le mot "variable" est l'un des sujets les plus difficiles à apprendre pour les élèves. L'analogie de la boîte est très utile, donc si vous devez étiqueter des boîtes dans la vie réelle pour illustrer les choses, cela peut être une bonne idée !

Questions directrices à poser aux élèves :

Pensez-vous qu'il existe d'autres moyens de stocker des données que les listes ou les variables ? Qu'en est-il si vous souhaitez conserver deux valeurs ensemble ? Par exemple, je veux une liste du nombre d'oranges et du nombre de pommes que j'ai, quelque chose comme ça :
Oranges : 3
Pommes : 5

Je veux les stocker d'une manière ou d'une autre. C'est une liste plus compliquée. Il s'agit presque d'une liste où les valeurs sont reliées entre elles de la manière suivante :
Oranges -> 3
Pommes -> 5

Les flèches ont en quelque sorte une direction, nous pourrions donc appeler cela une carte ! Il existe de nombreuses autres structures de données ! Peux-tu en trouver d'autres ?

Connaissances avancées pour les élèves qui excellent : Si l'un de vos élèves souhaite continuer à coder autrement qu'en bloc (par exemple, continuer à coder en Python ou en Javascript), vous pouvez lui expliquer que les langages de codage s'intéressent davantage à ce qui se trouve dans la boîte. Par exemple, les nombres sont traités différemment des caractères d'un mot. Les langages comme Python et Javascript sont très pointilleux sur la façon dont vous stockez les nombres par rapport aux caractères parce qu'il s'agit de différents "types" de choses que vous pouvez stocker dans votre variable. On pourrait faire l'analogie avec l'utilisation de différents types de boîtes pour stocker des choses : Vos restes doivent aller dans une boîte spéciale pour les restes (tupperware) et lorsque vous déménagez, vos affaires doivent aller dans une boîte de déménagement (carton). Il en va de même pour Python. Les nombres vont dans des boîtes à nombres et les caractères dans des boîtes à caractères.

Les conseils des mentors sont fournis grâce au soutien de l'AmeriCorps.

A stylisé, logo AmeriCorps en bleu marine

ACTIVITÉ : COMPLÉTER L'APPLICATION QUIZ

Durée estimée : 45 minutes

Compléter le code en utilisant des variables et des listes

Suivez les instructions de la feuille de travail pour créer une application de quiz qui teste les connaissances de l'utilisateur sur un sujet de votre choix.
Ouvrir la feuille de travail

RÉFLEXION

 

Dans cette leçon, vous avez appris à stocker des informations dans votre application et à utiliser de nombreuses informations avec des listes. Réfléchissez aux questions suivantes :

réflexion avec des bits de données
Quelles données devrez-vous stocker dans votre application ?
Comment pouvez-vous inclure des listes dans votre application ?

RÉVISION DES TERMES CLÉS

Variable- un moyen de nommer et d'accéder à des informations au sein d'une application

Listes - une façon d'organiser plusieurs éléments de données dans App Inventor

Index - un nombre qui indique l'emplacement d'une donnée dans une liste

Tableau - nom commun des listes dans les langages de programmation autres que App Inventor et Thunkable

RESSOURCES SUPPLÉMENTAIRES

Le composant ListView permet :

  • l'affichage d'éléments de liste dans votre application
  • sélection par l'utilisateur d'un élément de la liste.
  • codage d'une action à entreprendre lorsque l'utilisateur sélectionne un élément

Regardez cette vidéo pour une démonstration rapide de son utilisation :