Visuelles Glossar

Blockly hat viele Begriffe für die verschiedenen visuellen Komponenten. In diesem Dokument werden einige der wichtigsten Aspekte beschrieben, die Sie für den Einstieg in Blockly wissen müssen.

Arbeitsbereich

Der Arbeitsbereich ist die Komponente der obersten Ebene in Blockly. Es enthält alle anderen Komponenten. Hier wird programmiert.

Ein Arbeitsbereich mit einer Kategorie-Toolbox, Scrollleisten, einem Papierkorb und Zoom-Steuerelementen.

Toolbox

Die Toolbox enthält die Blöcke, die Sie zum Programmieren verwenden. Die Blöcke können in den Arbeitsbereich gezogen werden.

Es gibt zwei Haupttypen von Toolboxes: Flyout-Toolboxes und Kategorie-Toolboxes. Sie können sowohl vertikal als auch horizontal angezeigt werden.

Flyout-Toolbox

Flyout-Toolboxes (auch einfache Toolboxes genannt) haben einen Satz von Blöcken, der immer angezeigt wird.

Ein Arbeitsbereich mit einer Flyout-Toolbox, die vier Blöcke enthält.

Kategorie-Toolbox

Kategorie-Toolboxen enthalten mehrere Gruppen von Blöcken.

Ein Arbeitsbereich mit einer Kategorie-Toolbox mit acht Kategorien (Logik, Schleifen, Mathematik usw.). Es sind keine Blöcke zu sehen, da keine Kategorien geöffnet wurden.

Wenn Sie auf ein Kategorieelement klicken, wird ein Flyout mit den Blöcken in der Kategorie geöffnet.

Dasselbe Arbeitsbereichs- und Kategorie-Toolbox wie im vorherigen Bild, mit der Ausnahme, dass die Kategorie „Logik“ geöffnet ist und sieben Logikblöcke (if-do, comparison, and-or usw.) angezeigt werden.

Papierkorb

Mit dem Papierkorb können Sie Blöcke löschen, indem Sie sie per Drag-and-drop dorthin ziehen. Sie können auch auf den Papierkorb klicken, um ein Flyout mit den gelöschten Blöcken zu öffnen und sie wiederherzustellen.

Ein Arbeitsbereich mit einem Papierkorb unten rechts.

Zoomsteuerelemente

Mit den Zoomsteuerelementen können Sie den Arbeitsbereich heran- und herauszoomen, indem Sie darauf klicken.

Ein Arbeitsbereich mit Zoom-Steuerelementen über dem Papierkorb.

Kontextmenü

Das Kontextmenü wird angezeigt, wenn Sie mit der rechten Maustaste auf bestimmte Elemente des Arbeitsbereichs klicken oder lange darauf tippen, z. B. auf den Arbeitsbereichshintergrund oder auf Blöcke. Es wird eine Liste der Aktionen angezeigt, die Sie für dieses Element ausführen können.

Über einem „Wenn-Dann“-Block ist ein Kontextmenü geöffnet. Das Menü enthält die Elemente „Duplizieren“, „Kommentare hinzufügen“, „Inline-Eingaben“, „Block minimieren“, „Block deaktivieren“, „Block löschen“ und „Hilfe“.

Blocks

Blöcke sind das, was Sie zum Programmieren verwenden. Sie stellen Ausdrücke und Anweisungen in textbasierten Programmiersprachen dar.

Ein „if-do“-Block, ein Zahlenblock und ein Block zum Erstellen einer Liste.

Blockstapel

Ein Blockstapel ist eine beliebige Sammlung verbundener Blöcke. Sie können horizontal oder vertikal verbunden sein.

Ein „Wenn-Dann“-Block mit zwei verbundenen Blöcken. Ein numerischer Vergleichsblock ist mit dem „if“-Eingang und ein Wiederholungsblock mit dem „do“-Eingang verbunden.

Schattenblock

Ein Schattenblock ist ein bearbeitbarer, aber nicht verschiebbarer Block, der mit einem anderen Block verbunden ist. Sie können Blöcke ohne Schatten auf Blöcke mit Schatten ziehen, um sie zu überschreiben.

Ein Block zum Runden von Zahlen, der mit einem Schattenzahlenblock verbunden ist, und ein Druckblock, der mit einem Schattentextblock verbunden ist. Die Schattenblöcke sind ausgegraut, um zu zeigen, dass es sich um Standardblöcke handelt und dass Sie andere Blöcke darauf ziehen können.

Einfügemarkierung

Eine Einfügemarkierung ist eine Vorschau darauf, wo ein Stapel von Blöcken verbunden wird, wenn er fallen gelassen wird. Sie sieht aus wie eine graue Version eines Blocks.

Ein „if-do“-Block mit einer Markierung, die angibt, wo ein anderer Block eingefügt wird.

Teile blockieren

Blöcke bestehen aus mehreren Teilen, die Sie bearbeiten und mit denen Sie interagieren können, um zu programmieren.

Felder

Ein Feld ist ein visuelles Element, das sich in einem Block befindet. Sie kann bearbeitbar sein (z. B. als Texteingabe) oder nur Informationen enthalten (z. B. als Label). Ein Feld ist immer in einem input enthalten.

Ein Block mit drei Feldern: dem Label „repeat“, einem Drop-down-Menü mit der Option „while“ und dem Label „do“.

Verbindungen

Eine Verbindung ist ein Ort auf einem Block, an dem andere Blöcke angeschlossen werden können.

Verbindung Bild
Ausgabe eine Ausgabeverbindung
Eingabe eine Eingabeverbindung
Zurück eine vorherige Verbindung
Weiter eine nächste Verbindung

Eingaben

Eine Eingabe ist ein Container für Felder und Verbindungen. Ein Block wird erstellt, indem seine Eingaben in einer oder mehreren Zeilen wie Ziegelsteine gerendert werden.

Block, der aus einer Werteingabe, einer Eingabe für das Zeilenende und einer Anweisungseingabe besteht.

Alle Eingaben können Felder enthalten. Nur Wert- und Anweisungseingaben können eine Verbindung enthalten.

Eingabetyp Verbindungstyp Hinweise
Dummy Keine
Ende der Zeile Keine Erzwingt, dass mit der nächsten Eingabe eine neue Zeile begonnen wird.
Wert Eingabe
Aussage Weiter

Symbole

Ein Symbol ist ein visuelles Element, das sich in einem Block befindet. Sie befinden sich immer in der oberen linken Ecke des Blocks und bilden oft Blasen.

Ein „if-do“-Block mit einem Mutatorsymbol und einem Kommentarsymbol.

Derselbe Block mit geöffneten Mutator- und Kommentarblasen. Mit der Mutator-Blase können Sie dem Block „else“-Anweisungen hinzufügen und mit der Kommentarblase können Sie einen Kommentar zum Block eingeben.