Les éléments de programmation
Les éléments qui peuvent être manipulés avec AlgoTouch sont : les variables, les constantes, les tableaux, les variables index, les index.
- Les variables
- Les variables sont représentées par une boîte avec un et un contenu. Le type de la variable est entier ou caractère.
- Les constantes
- Les constantes sont similaires aux variables mais le système ne permet pas leur modification. Pour les différencier des variables, elles ont une couleur différente (rouge par défaut). On distingue deux types de constantes: les constantes nommées (par exemple Max valant 25) et les valeurs (par exemple -1).
- Les tableaux
- Les tableaux sont représentés par une zone rectangulaire avec un et contenant les éléments du tableau de type entier ou caractère. Des tableaux de taille et de contenu différents peuvent être créés. Lors de la création d’un tableau, une constante représentant la longueur du tableau est créée automatiquement. Elle porte le même nom que le tableau avec l’extension .length.
- Les variables index
- Les variables index sont des variables dédiées. Une variable d’index est une variable entière attachée à un tableau spécifique. AlgoTouch montre graphiquement quel élément du tableau est effectivement pointé par chaque variable d’index.
- Les index
- Un index désigne la variable t[i] si t est un tableau et i est une variable d’index attachée au tableau t. Il peut être manipulé comme une variable standard.
- Les macros
- Une macro est une suite d’instruction (macro simple) ou une boucle unique (macro boucle) avec un et un rôle.
Gadgets
Trois autres éléments ont un rôle important pour faciliter les interactions : la poubelle, l’écran et le clavier.
- Poubelle
- Pour supprimer un élément, il suffit de le déposer sur la poubelle.
- Ecran
- Pour afficher le contenu d’une variable, il suffit de la déposer sur l’écran. Cette manipulation produit l’instruction d’affichage du contenu de la variable.
- Clavier
- Pour demander à l’utilisateur de saisir une valeur pour la placer dans une variable, il suffit de déplacer le clavier sur la variable. Cette manipulation produit l’instruction de saisie d’une valeur.
Opérations communes aux éléments
Règle de nommage
Le nom d'un élément, donné par l'utilisateur, est composé de lettres (minuscules ou majuscules) et/ou de chiffres et/ou du caractère "_" mais il doit commencer par une lettre.
Le nom ne doit pas être un mot clé du langage AlgoTouch.
Pour créer un nouvel élément, utiliser le menu Élément ou la barre d’outils
Variable : création avec un bouton d’icône ou par le menu Élément → Variable : une variable est créée avec un et un rôle fourni par l’utilisateur. Elle est de type entier ou caractère. La variable est initialisée avec 0 ou le caractère espace en fonction de son type.- Constante : création par le menu Elément → Constante : une constante nommée est créée avec un , un rôle, un type et une valeur fournie par l’utilisateur. Une constante simple est créée en donnant uniquement sa valeur.
Tableau : création rapide d’un tableau standard. Le , le rôle et le type sont fournis par l’utilisateur. Un tableau de 10 éléments est créé avec des valeurs aléatoires entre 0 et 100 ou entre ‘a’ et ‘z’ suivant le type. A noter qu’une constante contenant la taille du tableau est créée automatiquement.
Variable index : un tableau doit d’abord être sélectionné car une variable index est une variable associée à un tableau. Création avec l’icône ou par le menu Elément → Index. Trois éléments sont créés : une variable utilisée comme une variable index, l’index avec une icône qui désigne
a[index] et une flèche (verte par défaut) dessinée en face de la variable du tableau associée a[index] ; lorsque la valeur de la variable index est modifiée, la position de la flèche est mise à jour. Si la valeur de la variable index est hors des limites du tableau, la flèche change de couleur (rouge par défaut).- Création d’un tableau personnalisé : utiliser le menu Elément → Tableau général : une fenêtre de dialogue permet à l’utilisateur de créer un tableau personnalisé. Outre le tableau, une constante contenant la taille de celui-ci est créée automatiquement.
Sélection d’un élément et dé-sélection
Certains éléments peuvent être sélectionnés pour engager une action les concernant. Clic gauche pour sélectionner : l’élément est surligné (entouré de rouge par défaut). En fonction de l’élément certains éléments des menus ou de la barre d’outils sont actifs. Clic gauche sur un autre élément ou sur l’arrière-plan pour désélectionner.Déplacement d’un élément
Presser avec le bouton gauche de la souris, sur l’élément à déplacer, puis le faire glisser vers un emplacement vide et enfin relâcher la souris. L’élément est déplacé à l’endroit final.
Dans le cas de déplacement d’une variable (de tout type), si l’emplacement final est aussi une variable, l’opération est transformée en affectation.
Attention
Le système interdit le déplacement des éléments en dehors de la zone de conception (coordonnées x ou y négatives).
Dans le cas du déplacement d'un tableau, la constante de longueur du tableau et les index attachés se déplacent également.
Renommage d’un élément
Les variables, les constantes nommées, les variables index, les tableaux et les macros peuvent être renommés pour définir des identificateurs plus explicites. Le rôle de l’élément peut également être redéfini.
- Sélectionner l’élément
- Menu Élément → Renommer
- Taper un nouveau et modifier le rôle si nécessaire.
Suppression impossible
Deux cas: on ne peut supprimer un élément s'il est utilisé dans une macro et on ne peut supprimer une macro si c'est la dernière. En effet, un programme AlgoTouch doit toujours contenir au moins une macro (simple ou boucle). Dans ces cas, un message d'erreur est affiché.
Actions sur les variables
Affectation
Une affectation est une opération qui consiste à déposer une valeur dans tout type de variable. La valeur d’origine est soit une variable, soit une constante, soit une variable index (exemple i), soit une variable de tableau (exemple a[3]) ou soit un index (exemple a[i]).
- Appuyer avec le bouton gauche sur l’élément d’origine, une boite contenant la valeur de l’objet est affichée.
- Faire glisser la valeur sur l’élément de destination qui est alors surligné : variable, variable index, variable d’un tableau ou index d’un tableau.
- Déposer la valeur en relâchant le bouton de la souris. L’instruction associée apparaît sur la zone de la console.
A noter
Une constante ne peut être modifiée (elle n'est pas surlignée si la valeur passe au dessus!).
Si la destination est vide, l'opération effectuée est un déplacement de l'élément d'origine
Modification du contenu d’une variable
- Sélectionner une variable
- Menu Opération → Saisir valeur
- Une boîte de dialogue apparaît demandant une nouvelle valeur.
- Une autre zone de saisie attend la question qui doit être posée à l’utilisateur dans le cas d’une opération de saisie lors de l’exécution d’un programme. Ceci est utile seulement pendant l’enregistrement d’une instruction d’entrée, voir opération de lecture.
Raccourcis :
- effectuer un clic droit sur la variable
- ou déplacer le clavier sur la variable
Affichage du contenu d’une variable
- Sélectionner une variable
- Menu Opération → Afficher valeur
- Une boîte de dialogue apparaît affichant la valeur de la variable sélectionnée.
- Une zone de saisie attend le message qui sera affiché avec la valeur dans le cas d’une opération d’affichage de valeur dans un programme. Ceci est seulement utile pendant l’enregistrement d’une instruction d’affichage, voir opération d’écriture.
Raccourci:
- Déplacer la variable sur l’icône représentant un écran
Opérations arithmétiques
Il est possible d’exécuter une opération telle que :
p = x op y ;
- Dans le menu Opération, choisir l’opération (+, -, *, /, %). Un opérateur apparaît avec 2 places pour les opérandes et une pour le résultat. Une icône représentant l’opération est affichée : elle est grisée signifiant que l’opération n’est pas encore définie.
- Déplacez la valeur x sur l’opérande de gauche.
- Déplacez la valeur y sur l’opérande de droite. Le résultat apparaît et l’icône de l’opérateur (X par exemple) apparaît en vert (prêt pour validation).
- Déplacer la valeur du résultat sur la variable p. L’opération a été effectuée et l’opérateur disparaît.
Annulation de l'opération
A chaque étape, il est possible d'annuler l'opération en déplaçant l'opérateur sur l'icône de la corbeille.
Incrément ou décrément d’une variable
Ces opérations étant très souvent utilisées, pour augmenter ou pour diminuer une variable dans une boucle par exemple, des raccourcis ont été introduits :
- pour incrémenter une variable simple ou d’index,
- effectuer un appui sur le bouton gauche de la souris à gauche de la variable
- déplacer la souris à l’intérieur de la variable
- relâcher la souris.
- pour décrémenter une variable simple ou d’index,
- effectuer un appui sur le bouton gauche de la souris à droite de la variable
- déplacer la souris à l’intérieur de la variable
- relâcher la souris.
Actions sur les tableaux
Modification du contenu de tableau
Effectuer un clic droit sur le tableau. Une fenêtre de dialogue proposera différentes configurations comme dans le cas de la création d’un tableau personnalisé :
- Modifier la taille du tableau.
- Mettre toutes les variables à la même valeur.
- Placer des valeurs croissantes à partir d’une certaine valeur.
- Placer des valeurs décroissantes à partir d’une certaine valeur.
- Définir une étendue de valeur et choisir de remplir le tableau soit avec des valeurs aléatoires, soit avec des valeurs aléatoires croissantes, soit avec des valeurs aléatoires décroissantes.
- Définir la liste des valeurs du tableau. Dans le cas des entiers, les valeurs sont séparées par des espaces ou des virgules. Dans le cas des caractères, les caractères sont listés à la suite car l’espace est un caractère. Si le nombre de valeurs est inférieur à la taille, le tableau est complété par des 0 ou des espaces suivant le cas.
- Mélanger les valeurs actuelles.
Comparaison
L’objectif est de comparer le contenu de deux variables (variable, constante, variable index, index).Comparons par exemple x avec y. La procédure est la suivante :
- Cliquer sur
pour faire apparaître une balance avec deux plateaux. - Glisser la valeur x sur le plateau de gauche.
- Glisser la valeur y sur le plateau de droite. L’icône de la balance est modifié
indiquant que la comparaison peut être effectuée. A ce stade, il est encore possible de modifier l’une ou l’autre valeur sur l’un des plateaux - Cliquer sur pour activer la balance. Les plateaux bougent si les deux valeurs sont différentes. La plus grande valeur est la plus lourde. Le résultat de la comparaison est affiché sur la fenêtre de la balance (par exemple x>y).
- L’utilisateur est invité à modifier (étendre) éventuellement la condition.
- Par exemple, x>y peut être changé par x>=y ou par x!=y.
- Autre exemple, x==y peut être changé par x>=y ou par x<=y.
- Après validation, l’instruction de la condition associée est affichée sur la console. Par exemple
if (x>y){
Annulation de la comparaison
Quand l'icône 
est affichée , la comparaison peut être annulée. Par ailleurs, à tout moment l'utilisateur peut annuler la comparaison en plaçant le comparateur sur la corbeille. La balance disparaît.
est affichée , la comparaison peut être annulée. Par ailleurs, à tout moment l'utilisateur peut annuler la comparaison en plaçant le comparateur sur la corbeille. La balance disparaît.
Comparaison en mode enregistrement
En mode enregistrement, l’utilisateur doit enregistrer les opérations associées à la condition courante. Toutes les instructions sont autorisées y compris les comparaisons. Lorsqu’il a terminé, il clique sur . La console affiche le bloc else associé au test. Ce bloc ne contient pas de code effectif puisque ce cas n’a pas encore été traité. Par exemple :
} else { // TODO
// x >= y
}
Opérations de saisie et d’affichage
- sélectionner la variable à affecter
- puis le menu Opération → Saisir valeur.
- une fenêtre de dialogue apparaît demandant de saisir la nouvelle valeur et la question qui doit être demandée à l’utilisateur lors de la ré-exécution de cette opération. Quand le programme est exécuté, une fenêtre de dialogue affichera la question et attendra la valeur à affecter à x.
Raccourci
- effectuer un clic droit sur la variable.
- ou déposer le clavier sur la variable
Note
Si cette action est effectuée pendant un enregistrement, une instruction dite d'entrée est produite. Par exemple :
Read "Question " x
- sélectionner la variable à afficher
- puis le menu Opération → Afficher valeur
- une fenêtre de dialogue apparaît avec la valeur de la variable et le message qui doit être affiché lors de la ré-exécution de cette opération. Quand le programme est exécuté, une fenêtre de dialogue affichera le message et la valeur de x.
Raccourci :
- déplacer la variable sur l'écran
Note :
Si cette action est effectuée pendant un enregistrement, une instruction dite de sortie est produite. Par exemple :
Write "Message " x