Struktogramm online erstellen: Editor für Nassi-Shneiderman-Diagramme

Ein Struktogramm stellt den Ablauf eines Programms oder Algorithmus grafisch dar, ohne sich auf eine Programmiersprache festzulegen. Jeder Verarbeitungsschritt ist ein Rechteck, Verzweigungen und Schleifen sind ineinander geschachtelte Blöcke. Weil es keine Sprünge gibt, zwingt es zu einem sauber strukturierten Ablauf. Isaac Nassi und Ben Shneiderman haben die Darstellung 1973 veröffentlicht, deshalb heißt sie auch Nassi-Shneiderman-Diagramm, N-S-Diagramm oder Chapin-Diagramm.

Direkt hier im Editor: Er ist kostenlos, braucht kein Konto und läuft komplett in deinem Browser. Der aktuelle Stand liegt nur im lokalen Speicher deines Browsers, Exporte entstehen direkt auf deinem Gerät. Beim Teilen-Link steckt das Diagramm im Teil der Adresse hinter dem #, der nicht an den Server übertragen wird.

Anweisung, Folge, Eingabe, Ausgabe, Verzweigung, Fallauswahl, kopf- und fußgesteuerte Schleife, Zählschleife, Endlosschleife, Aussprung (Abbruch) und Unterprogrammaufruf. Die Sinnbilder folgen DIN 66261 (Sinnbilder für Struktogramme nach Nassi-Shneiderman, 1985). Nur die Parallelverarbeitung aus der Norm bietet der Editor nicht an.

Beide beschreiben denselben Ablauf. Das Struktogramm schachtelt Blöcke ineinander und kennt keine freien Sprünge. Der Programmablaufplan (PAP, DIN 66001), oft auch Flussdiagramm genannt, verbindet Symbole mit Pfeilen; Schleifen entstehen über Rücksprunglinien. In diesem Editor schaltest du mit einem Klick zwischen beiden Ansichten um, weil beide aus demselben Ablauf gezeichnet werden. Zum Programmablaufplan-Editor

Die kopfgesteuerte Schleife (while, „solange …“) hat die Bedingung oben und prüft sie vor jedem Durchlauf, der Rumpf läuft also eventuell gar nicht. Die fußgesteuerte Schleife („wiederhole … bis …“) prüft unten, der Rumpf läuft mindestens einmal. Die Zählschleife (for) ist eine kopfgesteuerte Schleife mit Zählvariable, Start- und Endwert und optionaler Schrittweite. Eine Endlosschleife hat keine Bedingung und wird nur durch einen Aussprung (Abbruch) verlassen.

Eine Zeile pro Schritt. Blöcke öffnest und schließt du mit festen Schlüsselwörtern, auf Deutsch (WENN, FALLS, SOLANGE, WIEDERHOLE … BIS, FÜR … VON … BIS) oder auf Englisch (IF, SWITCH, WHILE, REPEAT … UNTIL, FOR … FROM … TO); die Sprache wählst du am Pseudocode-Feld. Schlüsselwörter in anderen Sprachen erkennt der Editor nicht, die Texte in den Blöcken schreibst du aber in jeder Sprache. Programmcode in Java oder Python wandelt der Editor nicht um, und er erzeugt auch keinen Programmcode. Bei einem Tippfehler zeigt er die Zeile mit einem Hinweis und behält das letzte gültige Diagramm.

Als PNG in hoher Auflösung, als SVG für die Weiterbearbeitung und als PDF auf einer A4-Seite für den Druck. Die PNG-Datei fügst du in Word oder LibreOffice Writer als Bild ein. Mit der Projektdatei (JSON) speicherst du den Ablauf und öffnest ihn später wieder; sie enthält eine Versionsnummer, damit ältere Dateien auch in neueren Versionen des Editors funktionieren.

Ja, neun Vorlagen mit typischen Übungsaufgaben: Fakultät, Notenberechnung, Login mit 3 Versuchen, Schaltjahr, Maximum einer Liste, Bubblesort, Getränkeautomat, Primzahltest und Zahlenraten. Du lädst sie über „Beispielvorlage laden“ und veränderst sie frei. Zeichnest du in der Prüfung von Hand, hilft dir der Editor beim Üben und Kontrollieren.