Block Code Editor: Python-Programme per Klick aufbauen

Python-IDE

Logikplatine für Verzweigungen und Schaltlogik

Wie steige ich mit meiner Klasse in Python ein, ohne dass die ersten Stunden an Tippfehlern und fehlender Einrückung scheitern?

Wer mit einer Klasse ein Python-Programm per Klick bauen lassen will, statt sie direkt in einen leeren Texteditor zu setzen, kennt das typische Bild der ersten Programmier-Stunden: Die eigentliche Logik ist verstanden, aber ein vergessener Doppelpunkt, eine falsche Einrückung oder ein Tippfehler im Variablennamen bringt den Code zum Absturz – und die Motivation gleich mit. Der Block Code Editor trennt genau diese beiden Hürden: Die Programmstruktur (Reihenfolge, Verzweigungen, Schleifen) wird aus fertigen Bausteinen zusammengeklickt, während nur die eigentlichen Ausdrücke – ein Variablenname, eine Bedingung, ein Text – in einzelne Felder eingetippt werden. Einrückung, Doppelpunkte und Klammern erzeugt das Tool selbst, sodass sich die Klasse ausschließlich auf die Logik des Programms konzentrieren kann.

Wie erkläre ich Wenn-Sonst-Verzweigungen und Schleifen, bevor die Syntax überhaupt eine Rolle spielt?

Bausteine wie „❓ Wenn / Sonst“, „🔁 Wiederhole n-mal“ und „⏳ Solange“ lassen sich per Klick in das Programm einfügen und öffnen dabei sichtbar einen eigenen inneren Bereich für die dazugehörigen Schritte – markiert durch eine gestrichelte Linie und die Beschriftung „Innerer Ablauf“. Über den Button „+ hier einfügen“ wird genau dieser innere Bereich zum aktuellen Ziel für den nächsten Baustein, was direkt sichtbar macht, was Verschachtelung bedeutet: Ein Baustein liegt „in“ einem anderen, nicht nur „danach“. Bei der Wenn-Verzweigung lässt sich zusätzlich per „+ Sonst“ ein zweiter, ebenso gekennzeichneter Bereich für den Alternativfall öffnen – die Klasse sieht damit auf einen Blick, welcher Programmteil ausgeführt wird, wenn eine Bedingung zutrifft, und welcher, wenn nicht.

Was passiert, wenn ein Wenn- oder Schleifen-Baustein leer bleibt – bricht der Code dann ab?

Nein. Bleibt der innere Bereich eines Wenn-, Wiederhole- oder Solange-Bausteins leer – etwa weil noch nicht klar ist, was dort stehen soll –, erzeugt der Block CodeEditor automatisch die Python-Anweisung pass an dieser Stelle. Das ist in der Live-Vorschau rechts direkt nachvollziehbar und sorgt dafür, dass der erzeugte Code jederzeit ausführbar bleibt, auch mitten im Aufbau eines Programms. Für den Unterricht bedeutet das: Eine Klasse kann zunächst das Gerüst eines Programms bauen (etwa eine leere Wenn-Sonst-Struktur) und die eigentlichen Anweisungen erst im zweiten Schritt ergänzen, ohne dass zwischendurch ein Fehler entsteht.

Wie geht es weiter, wenn die Klasse bereit für „echtes“ Python ist?

Der Block Code Editor ist bewusst als Vorstufe zum Python-IDE-Tool von klassenkram.de angelegt, nicht als eigenständige Ausführungsumgebung. Über den Button „🐍 An Python-IDE übergeben“ wird der aktuell zusammengeklickte Code direkt an das Python-IDE-Tool weitergereicht und erscheint dort automatisch im Editor, sobald es geöffnet wird – inklusive eines Links, der sofort dorthin führt. Damit lässt sich der Übergang von der Bausteinstruktur zum tatsächlich getippten Python-Code gezielt steuern: Eine Klasse kann die Logik zunächst gefahrlos per Klick entwerfen und anschließend im Python-IDE-Tool weiterschreiben, ergänzen und mit echtem Python-Code (etwa Pyodide-Ausgaben oder eigenen Dateien) tatsächlich ausführen. Alternativ lässt sich der Code über „📋 Code kopieren“ auch manuell in ein beliebiges anderes Programm einfügen.

Einsatzideen und Best Practice

Für den Einstieg in eine Unterrichtsreihe zu Python eignet sich ein Ablauf in drei Schritten: Zunächst ein einfaches, lineares Programm nur aus „Zeige“- und „Variable setzen“-Bausteinen bauen lassen, danach eine erste Verzweigung mit „Wenn / Sonst“ ergänzen (das Beispielprogramm über „🧩 Beispiel laden“ eignet sich dafür als Ausgangspunkt und lässt sich anschließend gezielt verändern), und erst zuletzt eine Schleife einbauen. Wer die Klasse in Kleingruppen arbeiten lässt, kann jede Gruppe ihr Programm getrennt entwerfen und erst am Ende gemeinsam per Beamer die unterschiedlichen Lösungswege in der Code-Vorschau vergleichen – da der erzeugte Python-Code immer korrekt eingerückt ist, lässt er sich auch ohne Vorwissen der Klasse lesen und diskutieren. Für den Übergang zum Python-IDE-Tool bietet es sich an, die Übergabe bewusst als eigenen Unterrichtsschritt zu markieren („Jetzt wird aus unserem Bauplan echter Code“), statt sie beiläufig geschehen zu lassen.

Werden die von der Klasse gebauten Programme irgendwo gespeichert?

Nein. Der Block Code Editor speichert und überträgt die zusammengeklickten Programme zu keinem Zeitpunkt an einen Server – sie existieren ausschließlich im Arbeitsspeicher des geöffneten Browser-Tabs und sind nach dem Schließen oder Neuladen der Seite vollständig verschwunden. Einzige Ausnahme ist die Übergabe an das Python-IDE-Tool: Dabei wird der erzeugte Code – nur der Programmtext selbst, keine Namen oder sonstigen personenbezogenen Daten – kurzzeitig lokal im Browser abgelegt, vom Python-IDE-Tool beim Öffnen automatisch abgeholt und danach sofort wieder gelöscht. Das Tool läuft ohne Anmeldung, kostenlos und werbefrei.

Anleitung

1. Links im Bausteinkasten auf einen Baustein klicken (z. B. „🖨️ Zeige (print)“ oder „❓ Wenn / Sonst“) – er wird an der aktuellen Zielposition eingefügt.
2. Die Zielposition wird oben rechts in der Toolbar angezeigt („Ziel: …“) und lässt sich ändern, indem bei einem Wenn-, Wiederhole- oder Solange-Baustein auf „+ hier einfügen“ (innerer Ablauf oder Sonst-Zweig) geklickt wird.
3. In den Textfeldern jedes Bausteins die passenden Werte eintragen (z. B. den anzuzeigenden Text, eine Bedingung oder einen Variablennamen) – die Code-Vorschau rechts aktualisiert sich sofort.
4. Bausteine lassen sich über die Pfeile ↑/↓ innerhalb ihrer Ebene verschieben, über ✕ löschen und bei „Wenn“ über „+ Sonst“ um einen Alternativzweig erweitern.
5. Mit „🧩 Beispiel laden“ ein fertiges Beispielprogramm zum Ausprobieren und Verändern laden, mit „🗑 Leeren“ das gesamte Programm zurücksetzen.
6. Über „📋 Code kopieren“ den erzeugten Python-Code in die Zwischenablage kopieren oder über „🐍 An Python-IDE übergeben“ direkt an das Python-IDE-Tool weiterreichen.