Blockly

Programmierumgebung "Ein- und Ausgabe"

Ansicht der Programmierumgebung "Ein- und Ausgabe" im Blockly-Modus
Die Umgebung im Blockly-Modus [Klicken zum Vergrößern].
Die Umgebung zeigt den generierten Javascript-Quelltext an
Die Umgebung zeigt den generierten Javascript-Quelltext an [Klicken zum Vergrößern].

Für die zweite Runde des Jugendwettbewerbs Informatik 2017 wurden zwei Blockly-basierte Programmierumgebungen erstellt, die auch außerhalb des Wettbewerbs verwendet werden können. Dies ist eine allgemeine Text-Ein- und Ausgabe-Umgebung.

Die Umgebung kann entweder online aufgerufen werden:

https://blockly.bwinf.de/eingabe_ausgabe/

oder heruntergeladen werden:

eingabe_ausgabe-1.2.zip 

Git Repository: 

https://git.bwinf.de/bwinf/eingabe_ausgabe

Eine Kurzdokumentation zur Programmierumgebung steht ebenfalls zur Verfügung.

Programmierumgebung "Feldermaler"

Ansicht der Programmierumgebung "Feldermaler" im Blockly-Modus
Die Umgebung im Blockly-Modus [Klicken zum Vergrößern].
Die Umgebung im Javascript-Modus
Die Umgebung im Javascript-Modus [Klicken zum Vergrößern].

Die Programmierumgebung "Feldermaler" ist eine rasterbasierte Umgebung, bei der auf die Felder des Rasters Werte geschrieben und gelesen werden können. Außerdem lassen sich die Felder einfärben. Dadurch sind auch einfache graphische Ausgaben möglich.

Die Umgebung wurde für die zweite Runde des Jugendwettbewerbs Informatik 2017 entwickelt,  kann aber auch außerhalb des Wettbewerbs sinnvoll verwendet werden.

Die Dokumentation kann entweder online aufgerufen werden:

https://blockly.bwinf.de/feldermaler/

oder heruntergeladen werden:

feldermaler-1.2.zip

Git-Repository: 

https://git.bwinf.de/bwinf/feldermaler

Eine Kurzdokumentation zur Programmierumgebung steht ebenfalls zur Verfügung

Blockly-HTML-Editor

Ansicht des Blocky-HTML-Editors
Der Blocky-HTML-Editor [Klicken zum Vergrößern].

Für die ersten Schritte in HTML in einer vertrauten Umgebung entwickeln wir zurzeit einen Blockly-basierten HTML-Editor. Damit können HTML-Dokumente erstellt werden, in dem Blockly-Bausteine in bekannter Weise aneinandergeschoben werden.

Die Verwendung von Blockly-Bausteinen anstelle von reinem Text verhindert das versehentliche Einfügen von Syntaxfehlern. Durch die Live-Darstellung der Webseite kann das Ergebnis jeder Änderung direkt beobachtet werden. Die Anzeige des HTML-Quelltextes erlaubt gleichzeitig ein Verständnis der HTML-Syntax.

Ausprobieren

Der Blockly-HTML-Editor kann unter htmlbausteine.zgtm.de online ausprobiert werden.

Verwendung

Der HTML-Editor kann selbstständig zum Lernen von HTML eingesetzt werden, bietet sich aber auch für den Einsatz im Unterricht an. Insbesondere im Unterricht kann es sich anbieten, den zur Verfügung gestellten Satz von Bausteinen zu reduzieren oder zu erweitern. Dies kann problemlos angepasst werden. (Auf Wunsch kann dafür auch eine Dokumentation zur Verfügung gestellt werden – wenden Sie sich bitte an die Geschäftsstelle: bwinf@bwinf.de.)

Entwicklung

Der HTML-Editor befindet sich zurzeit noch in der Entwicklung. Das Git-Reposity ist als bwinf/blockly-html auf GitHub verfügbar - Pull-Request werden gerne entgegengenommen!