Blockly
Blockly ist eine JavaScript- Softwarebibliothek zum Erstellen von Entwicklungsumgebungen in einer grafischen Sprache . Es ist ein Open Source- Projekt von Google , das unter der Apache 2.0-Lizenz veröffentlicht wurde . Auf der Maker Faire 2012 vorgestellt, zielt es darauf ab, die Webentwicklung zu demokratisieren.
Konkret geht es darum, Blöcke in einem visuellen Editor direkt auf einer Webseite zusammenzusetzen . Der generierte Code ist frei von Syntaxfehlern und kann nach JavaScript , Python , PHP , Dart oder Lua exportiert werden .
Benutzeroberfläche
Die Benutzeroberfläche von Blockly besteht aus zwei Elementen: einer Toolbox und einem Arbeitsbereich. Die Toolbox enthält alle zum Erstellen des Programms verfügbaren Blöcke. Diese Blöcke werden einzeln oder in Kategorien dargestellt. Die Blöcke der Toolbox können innerhalb des Arbeitsbereichs verschoben werden (per Drag & Drop), um ein Programm zu erstellen.
Die Blöcke werden vom Ersteller der Schnittstelle definiert und können nach vordefinierten Platzierungsregeln gegenüber anderen Blöcken zusammengesetzt werden.
Die vordefinierten Blöcke
Es gibt viele vordefinierte Blöcke, die den Vorteil haben, in JavaScript, Python, PHP, Lua, Dart übersetzt zu werden. Sie sind in verschiedene Kategorien eingeteilt:
- Logik: Enthält Boolesche Definitionen, Gleichheitsprüfung und Bedingungsblöcke
- Schleifen: Enthält Blöcke zum Erstellen von Schleifen
- Mathematik: Enthält die Blöcke zum Erstellen von Zahlen sowie mathematische Operationen, einige Grundfunktionen (sin, cos, Quadratwurzel, ...) sowie Werte (pi)
- Text: Enthält Blöcke, mit denen Text und Standardoperationen erstellt werden können ( Verkettung , Abrufen eines Buchstabens, ...).
- Listen: Enthält Listenerstellungsblöcke sowie Standardoperationen (Länge, Abrufen eines Elements, ...)
- Farbe: Enthält Blöcke, die eine Farbe definieren.
- Variablen: Enthält einen Block zum Erstellen einer neuen Variablen sowie die Operatoren zum Ändern und Abrufen des Werts einer bereits erstellten Variablen.
- Funktionen: Enthält Blöcke zum Erstellen einer neuen Funktion (mit oder ohne Rückgabewert) sowie Blöcke zum Verwenden vorhandener Funktionen (Funktionsaufruf).
Anpassung
Zusätzlich zu den in der Standardbibliothek von Blockly bereitgestellten Blöcken können Blöcke erstellt werden, um Blockly an einen bestimmten Kontext anzupassen. Blockly bietet ein Tool namens Blockly Developer Tools zum Erstellen neuer Blöcke.
Blockeigenschaften
Jeder Block hat eine vordefinierte Form, die es ermöglicht, seine Verwendung auf bestimmte Situationen zu beschränken. Diese Form wird durch die Verbindungen mit anderen Blöcken definiert, wobei diese Verbindungen sowohl extern (die vorhergehenden und folgenden Blöcke) als auch intern (Argumente, intern) sein können Blöcke, ...).
Die Definition eines Blocks muss entweder im JSON-Format oder in JavaScript-Code gespeichert werden, um der Toolbox hinzugefügt zu werden. Die visuelle Definition eines Blocks muss von seiner Übersetzung in eine Sprache (oder mehrere) begleitet sein, damit alle Blöcke, die ein Programm bilden, in eine vorhandene Programmiersprache übersetzt werden können, ohne dass Syntaxfehler auftreten.
Eigenschaften
- Clientseitige JavaScript-Webanwendung (ohne Plugin)
- Unterstützung für alle gängigen Browser: Chrome, Firefox, Safari, Opera, Internet Explorer, Microsoft Edge
- Unterstützung für Android- und iOS-Browser
- Sofortige Übersetzung von Blöcken in eine oder mehrere Programmiersprachen (ohne Syntaxfehler für vordefinierte Blöcke)
- Blockweise Ausführung möglich, wenn alle Blöcke mit einem JavaScript-Interpreter im Browser in JavaScript übersetzbar sind.
- Übersetzung von Blöcken in mehr als 50 Sprachen
- Unterstützung für Schreibsysteme von links nach rechts und von rechts nach links
Anwendungen mit Blockly
Blockly wird in einer Vielzahl von Projekten verwendet:
- Blockly Games, eine Sammlung von Lernspielen zum Unterrichten von Programmierkonzepten wie Schleifen und Bedingungen.
- App Inventor, um Android-Apps zu erstellen.
- Code.org bietet Millionen von Studenten im Rahmen der Hour of Code eine Einführung in das Programmieren.
- Kratzen
Siehe auch
Zum Thema passende Artikel
Externe Links
Viele Projekte verwenden Blockly, um ihre Anwendungen zu entwickeln, zum Beispiel:
-
App Inventor , der die Entwicklung von Anwendungen auf Android ermöglicht,
-
Blockly @ rduino , ermöglicht grafische Programmierung für Arduino,
-
Blockspiele , Spiele zum Programmierlernen,
-
Code.org , das insbesondere die Hour of Code organisiert ,
-
Blockly4Thymio.net , eine Programmierumgebung für den Thymio- Roboter .
-
Mit BlocksCAD können Sie mit Blöcken in 3D modellieren und so Teile entwerfen, die in 3D gedruckt werden sollen.
-
DGPad , eine dynamische Online-Software, deren Skriptsprache (einschließlich Turtle) auf Blockly basiert.
-
Sofus , eine prägnante und natürliche Programmiersprache, verwendet Blockly auch, um die Programmierung weiter zu vereinfachen.
-
Scratch 3.0 basiert ebenfalls auf Blockly.
Verweise
-
" Release Q4 2020 · google / blockly " ,17. Dezember 2020(abgerufen am 11. März 2021 )
-
(in) " Google lässt Sie ohne Tastatur blockweise hacken " auf wired.com (abgerufen am 14. April 2016 ) .
-
Guillaume Belfiore, „ Blockly: Google vereinfacht die Webprogrammierung “ , auf clubic.com ,13. Juni 2012(abgerufen am 14. April 2016 ) .
-
(in) Barbara E. Hernandez, " Googles Blockly lehrt Sie, Apps zu erstellen " in der NBC Bay Area (abgerufen am 15. April 2016 )
-
(in) " Erstellen Sie einen visuellen Programmiereditor mit Blockly " , 4. März 2015(abgerufen am 14. April 2016 ) .