Glossaire visuel

Blockly possède un vocabulaire étendu pour ses différents composants visuels. Ce document décrit certaines des plus importantes que vous devez connaître pour commencer à utiliser Blockly.

Espace de travail

L'espace de travail est le composant de niveau le plus élevé dans Blockly. Il contient tous les autres composants. C'est ici que vous allez programmer !

Un espace de travail avec une boîte à outils de catégorie, des barres de défilement, une corbeille et des commandes de zoom.

Boîte à outils

La boîte à outils contient les blocs que vous utilisez pour programmer. Les blocs peuvent être déplacés vers l'espace de travail.

Il existe deux principaux types de boîtes à outils : les boîtes à outils avec menu déroulant et les boîtes à outils par catégorie. Ces deux types de vidéos peuvent être affichés verticalement et horizontalement.

Boîte à outils déroulante

Les boîtes à outils déroulantes (également appelées boîtes à outils simples) comportent un ensemble de blocs qui sont affichés en permanence.

Un espace de travail avec une boîte à outils contenant quatre blocs.

Boîte à outils des catégories

Les boîtes à outils de catégorie comportent plusieurs ensembles de blocs.

Un espace de travail avec une boîte à outils de catégories contenant huit catégories (logique, boucles, mathématiques, etc.). Aucun bloc n'est visible, car aucune catégorie n'a été ouverte.

Si vous cliquez sur un élément de catégorie, un menu volant s'ouvre et affiche les blocs de la catégorie.

La même boîte à outils d'espace de travail et de catégorie que dans l'image précédente, sauf que la catégorie "Logique" est ouverte et affiche sept blocs logiques (if-do, comparaison, and-or, etc.).

Corbeille

La corbeille vous permet de supprimer des blocs par glisser-déposer. Vous pouvez également cliquer sur l'icône en forme de corbeille pour ouvrir un menu volant contenant les blocs que vous avez supprimés et les récupérer.

Espace de travail avec une corbeille en bas à droite.

Commandes de zoom

Les commandes de zoom permettent de faire un zoom avant ou arrière sur l'espace de travail lorsque vous cliquez dessus.

Espace de travail avec des commandes de zoom au-dessus de la corbeille.

Menu contextuel

Le menu contextuel s'affiche lorsque vous effectuez un clic droit ou un appui prolongé sur certains éléments de l'espace de travail (par exemple, l'arrière-plan de l'espace de travail ou les blocs). Une liste d'actions que vous pouvez effectuer sur cet élément s'affiche.

Un menu contextuel est ouvert au-dessus d'un bloc "si-faire". Le menu comporte les éléments "Dupliquer", "Ajouter des commentaires", "Entrées intégrées", "Réduire le bloc", "Désactiver le bloc",
"Supprimer le bloc" et "Aide".

Blocs

Les blocs sont ce que vous utilisez pour programmer. Ils représentent des expressions et des instructions dans des langages de programmation textuels.

Bloc "si-faire", bloc de nombre et bloc de création de liste.

Pile de blocs

Une pile de blocs est un ensemble de blocs connectés. Elles peuvent être connectées horizontalement ou verticalement.

Bloc "si-faire" avec deux blocs connectés. Un bloc de comparaison numérique est connecté à l'entrée "if" et un bloc de répétition est connecté à l'entrée "do".

Blocage de vidéos

Un bloc fantôme est un bloc modifiable, mais non déplaçable, connecté à un autre bloc. Vous pouvez faire glisser des blocs non fantômes sur des blocs fantômes pour les remplacer.

Bloc permettant d'arrondir les nombres, connecté à un bloc de nombre fantôme, et bloc d'impression connecté à un bloc de texte fantôme. Les blocs fantômes sont grisés pour indiquer qu'il s'agit de blocs par défaut et que vous pouvez faire glisser d'autres blocs par-dessus.

Marqueur d'insertion

Un marqueur d'insertion est un aperçu de l'endroit où une pile de blocs sera connectée si elle est déposée. Il ressemble à un bloc gris.

Bloc "si-faire" avec un repère indiquant où un autre bloc sera inséré.

Bloquer des composants

Les blocs comportent plusieurs parties que vous pouvez modifier et avec lesquelles vous pouvez interagir pour programmer.

Champs

Un champ est un élément visuel qui se trouve dans un bloc. Il peut être modifiable (comme une entrée de texte) ou uniquement informatif (comme un libellé). Un champ est toujours contenu dans une entrée.

Bloc avec trois champs : le libellé "repeat" (répéter), un menu déroulant avec l'option "while" (tant que) sélectionnée et le libellé "do" (faire).

Connexions

Une connexion est un emplacement sur un bloc auquel d'autres blocs peuvent se connecter.

Connexion Image
Sortie une connexion de sortie.
Entrée une connexion d'entrée
Précédent une connexion précédente.
Suivant une prochaine connexion.

Entrées

Une entrée est un conteneur pour les champs et les connexions. Un bloc est créé en affichant ses entrées sur une ou plusieurs lignes, comme des briques.

Bloc créé à partir d'une entrée de valeur, d'une entrée de fin de ligne et d'une entrée d'instruction.

Toutes les entrées peuvent contenir des champs. Seules les entrées de valeur et d'instruction peuvent contenir une connexion.

Type d'entrée Type de connexion Remarques
Exemple Aucun
Fin de ligne Aucun Force l'entrée suivante à commencer une nouvelle ligne.
Valeur Entrée
Affirmation Suivant

Icônes

Une icône est un élément visuel qui se trouve dans un bloc. Ils se trouvent toujours dans l'angle supérieur gauche du bloc et créent souvent des bulles.

Bloc "if-do" avec une icône de mutateur et une icône de commentaire.

Le même bloc avec les bulles de mutateur et de commentaire ouvertes. La bulle de mutation vous permet d'ajouter des clauses "else" au bloc, et la bulle de commentaire vous permet de saisir un commentaire sur le bloc.