Programmablaufplan online erstellen: kostenloser PAP-Editor
Mit diesem Editor erstellst du Programmablaufpläne (PAP) nach DIN 66001 aus Bausteinen oder Pseudocode, die Symbole ordnet er automatisch an: Du schreibst z. B. „WHILE x < 10“ und erhältst Raute, Schleifenrumpf und Rücksprung. Auf Knopfdruck wird derselbe Ablauf zum Struktogramm, Export als PNG, SVG oder PDF.
Gebaut von Justin Schuessler
Kostenlos, ohne Anmeldung und ohne Installation: Der Editor läuft komplett in deinem Browser, deine Diagramme werden nicht an uns gesendet.
Ablauf fertig? Probier den Code dazu direkt auf einem eigenen vServer oder Webspace aus.
Baukasten
Tastatur im Diagramm: ↑/↓ Block wählen, Enter Text bearbeiten, Alt+↑/↓ verschieben, Entf löschen, Einfg Baustein einfügen, Strg+Z/Strg+Y rückgängig/wiederholen, Strg+X/C/V ausschneiden/kopieren/einfügen.
Pseudocode-Syntax
PROGRAMM Name EINGABE x / AUSGABE x AUFRUF prozedur(x) WENN bedingung DANN … SONST WENN … SONST … ENDE WENN FALLS x FALL 1: … SONST: … ENDE FALLS SOLANGE bedingung … ENDE SOLANGE WIEDERHOLE … BIS bedingung FÜR i VON 1 BIS n SCHRITT 1 … ENDE FÜR ENDLOSSCHLEIFE Name … ABBRUCH Name … ENDE ENDLOSSCHLEIFE
Jede andere Zeile ist eine Anweisung; mit \ am Zeilenanfang ist eine Zeile immer eine Anweisung, auch wenn sie mit einem Schlüsselwort beginnt.
Einrückung ist egal, Groß- und Kleinschreibung auch, und deutsche und englische Schlüsselwörter dürfen gemischt werden. Es wird kein echter Programmcode erzeugt oder ausgeführt.
Klicke im Diagramm auf einen Block, um ihn hier zu bearbeiten. Ein Doppelklick bearbeitet den Text direkt im Diagramm.
Speichern und exportieren
Alles läuft in deinem Browser: Der aktuelle Stand wird nur lokal gespeichert, der Teilen-Link enthält das Diagramm selbst. Es werden keine Daten an uns gesendet.
Funktionen
Programmablaufpläne ohne Kästchenschieben
Du beschreibst den Ablauf, der Editor setzt die Symbole nach DIN 66001, zieht die Linien und hält beide Ansichten aktuell.
Symbole nach DIN 66001
Grenzstelle, Operation, Verzweigung, Ein-/Ausgabe und Unterprogramm, verbunden mit Ablauflinien und Rücksprüngen bei Schleifen.
Umschalten zum Struktogramm
Derselbe Ablauf als Struktogramm nach DIN 66261 (Nassi-Shneiderman), ohne dass du etwas neu zeichnen musst.
Klick-Baukasten
Bausteine vor, nach oder in einen Block setzen, Texte direkt im Diagramm bearbeiten, verschieben, löschen, rückgängig machen.
Pseudocode in beide Richtungen
Text und Diagramm bleiben synchron. Tippfehler zeigt der Editor mit Zeile und Hinweis, das Diagramm bleibt stehen.
Export und Projektdatei
PNG und SVG für Dokumente, PDF auf A4 zum Drucken, Projektdatei (JSON) zum Speichern und wieder Öffnen.
Teilen ohne Konto
Der Teilen-Link trägt das Diagramm in der Adresse. Es wird nichts auf unseren Servern gespeichert.
So funktioniert's
So erstellst du einen Programmablaufplan
Starte mit einer Vorlage oder einem leeren Ablauf und arbeite so, wie es dir lieber ist.
Schritt 1
Vorlage laden oder leer starten
Wähle eine der neun Beispielvorlagen wie Fakultät, Schaltjahr oder Bubblesort, oder beginne mit „Neu“ einen leeren Ablauf.
Schritt 2
Ablauf per Klick aufbauen
Wähle im Baukasten einen Baustein und setze ihn davor, danach oder in einen Block. Per Doppelklick bearbeitest du den Text direkt im Diagramm.
Schritt 3
Oder Pseudocode schreiben
Schreibe den Ablauf mit deutschen oder englischen Schlüsselwörtern ins Pseudocode-Feld. Das Diagramm ordnet sich automatisch an, Tippfehler zeigt der Editor mit Zeilennummer.
Schritt 4
Exportieren oder teilen
Lade den Programmablaufplan als PNG, SVG oder PDF (A4) herunter, speichere die Projektdatei (JSON) oder kopiere einen Teilen-Link.
DIN 66001
Die wichtigsten Symbole im Programmablaufplan
Die Sinnbilder aus DIN 66001, die der Editor für Programmablaufpläne verwendet. Der Ablauf wird automatisch angeordnet, du musst nichts verschieben.
Grenzstelle (Start/Ende)
Das Oval markiert Anfang und Ende des Programmablaufplans.
Operation
Ein Rechteck steht für einen Verarbeitungsschritt, z. B. eine Zuweisung oder Berechnung.
Ein-/Ausgabe
Das Parallelogramm zeigt, wo Daten eingelesen oder ausgegeben werden.
Verzweigung
Die Raute enthält eine Bedingung. Je nach Ergebnis geht es über den Ja- oder den Nein-Ausgang weiter.
Unterprogramm
Ein Rechteck mit doppelten Seitenlinien ruft ein Unterprogramm auf, das einen eigenen Ablaufplan hat.
Ablauflinie
Linien mit Pfeilspitze verbinden die Symbole und zeigen die Reihenfolge. Der Normalfall läuft von oben nach unten.
Verzweigung mit Zusammenführung
Nach einer Verzweigung laufen beide Wege an einem Punkt wieder zusammen, bevor der Ablauf weitergeht.
Schleifenbegrenzung (Endlosschleife)
Ein Sechseck mit abgeschrägten oberen Ecken markiert den Schleifenanfang, eines mit abgeschrägten unteren Ecken das Ende. Der Editor nutzt das Paar für die Endlosschleife.
Übergangsstelle (Aussprung)
Ein Kreis mit Buchstabe verbindet zwei Stellen ohne lange Linie. Ein Aussprung endet im Kreis A, der Ablauf geht beim Kreis A nach der Schleife weiter.
Schleife mit Rücksprung
Eine Schleife entsteht durch eine Verzweigung und eine Rücksprunglinie zurück vor die Bedingung.
Kontrollstrukturen
Schleifen und Verzweigungen im Programmablaufplan
So zeichnet der Editor die typischen Kontrollstrukturen, und so schreibst du sie im Pseudocode, mit deutschen oder englischen Schlüsselwörtern.
Verzweigung
Die Raute enthält die Bedingung, die Zweige teilen sich nach links und rechts und laufen danach wieder zusammen. Pseudocode: WENN … DANN … SONST … ENDE WENN oder IF … THEN … ELSE … END IF.
Mehrfachverzweigung (switch case)
Eine Raute mit dem Ausdruck und einem Zweig pro Fall, optional mit Sonst-Zweig. Pseudocode: FALLS x … FALL 1: … SONST: … ENDE FALLS oder SWITCH x … CASE 1: … DEFAULT: … END SWITCH.
Kopfgesteuerte Schleife
Die Raute steht vor dem Rumpf, die Rücksprunglinie führt links zurück vor die Bedingung, der Nein-Ausgang rechts weiter. Pseudocode: SOLANGE … ENDE SOLANGE oder WHILE … END WHILE.
Fußgesteuerte Schleife
Der Rumpf läuft mindestens einmal, die Raute mit der Bedingung steht danach. Pseudocode: WIEDERHOLE … BIS … oder REPEAT … UNTIL ….
Zählschleife
Gezeichnet als Startzuweisung, Bedingung, Rumpf und Erhöhung der Zählvariable. Pseudocode: FÜR i VON 1 BIS 10 … ENDE FÜR oder FOR i FROM 1 TO 10 … END FOR, optional mit SCHRITT bzw. STEP.
Endlosschleife mit Abbruch
Das Symbolpaar Schleifenbegrenzung umschließt den Rumpf, ein Aussprung führt über eine Übergangsstelle hinter die Schleife. Pseudocode: ENDLOSSCHLEIFE … ABBRUCH … ENDE ENDLOSSCHLEIFE oder LOOP … BREAK … END LOOP.
Beispiele
Programmablaufplan-Beispiele zum Üben
Neun typische Übungsaufgaben aus Schule, Ausbildung und Studium sind als Vorlage eingebaut. Lade eine über „Beispielvorlage laden“, sieh dir den fertigen Programmablaufplan samt Pseudocode an und verändere ihn.
- Fakultät
- Notenberechnung
- Login mit 3 Versuchen
- Schaltjahr
- Maximum einer Liste
- Bubblesort
- Getränkeautomat
- Primzahltest
- Zahlenraten
DIN 66261
Die wichtigsten Symbole im Struktogramm
Die Strukturblöcke nach Nassi-Shneiderman, die der Editor zeichnen kann. Jeder Block hat genau einen Eingang oben und einen Ausgang unten. Die Parallelverarbeitung aus DIN 66261 bietet der Editor nicht an.
Anweisung (Strukturblock)
Ein Rechteck für einen einzelnen Verarbeitungsschritt, z. B. eine Zuweisung oder Berechnung.
Folge (Sequenz)
Blöcke untereinander werden von oben nach unten nacheinander ausgeführt. Ein- und Ausgaben sind normale Anweisungsblöcke.
Verzweigung (Auswahl)
Ein Dreieck mit der Bedingung teilt den Ablauf in einen Ja- und einen Nein-Zweig. Ein leerer Zweig wird mit ∅ markiert.
Fallauswahl (Mehrfachauswahl)
Je nach Wert eines Ausdrucks läuft genau einer der Fälle. Die Fallwerte stehen direkt unter der Diagonale, der letzte Fall (oft „sonst“ für alle übrigen Werte) im rechten Dreieck.
Kopfgesteuerte Schleife
Die Bedingung steht oben und wird vor jedem Durchlauf geprüft. Ist sie gleich zu Beginn falsch, läuft der Rumpf kein einziges Mal.
Fußgesteuerte Schleife
Die Bedingung steht unten: Der Rumpf läuft mindestens einmal und wird wiederholt, bis die Bedingung erfüllt ist.
Zählschleife
Eine kopfgesteuerte Schleife mit Zählvariable, Start- und Endwert und optionaler Schrittweite.
Unterprogrammaufruf
Ein Block mit doppelten Seitenlinien ruft ein eigenes Unterprogramm auf, das an anderer Stelle beschrieben ist.
Endlosschleife
Eine Wiederholung ohne Bedingung: Kopfband (optional mit Bezeichner), Balken links und Fußband. Sie wird nur durch einen Aussprung verlassen.
Aussprung (Abbruch)
Der Keil links verlässt die innerste umgebende Schleife; der Bezeichner nennt den verlassenen Block. Danach geht es mit dem Block nach dieser Schleife weiter.
Mehr entdecken
Weitere Tools
Regex Tester
Reguläre Ausdrücke live gegen die native JavaScript-Engine testen - mit Treffer-Hervorhebung, Capture-Groups und Ersetzen-Modus, komplett im Browser.
Gebaut von Jakub Martyniak
Struktogramm-Editor
NeuStruktogramme nach Nassi-Shneiderman (DIN 66261) online erstellen: per Baukasten oder Pseudocode, umschaltbar zum Programmablaufplan, mit 9 Prüfungsvorlagen und Export als PNG, SVG und PDF.
Gebaut von Justin Schuessler
Hex in Dezimal umrechnen (Binär, Hex, Dezimal, Oktal)
NeuZahlensystem-Umrechner: Hex in Dezimal, Binär in Dezimal und zurück, dazu Oktal und jede Basis bis 36. Mit Rechenweg, Zweierkomplement und Bits zum Anklicken.
Gebaut von Luca Stanek
FAQ
Häufig gestellte Fragen
Kurze Antworten rund um Programmablaufpläne, DIN 66001 und diesen Editor.
Ein Programmablaufplan, kurz PAP, stellt den Ablauf eines Programms oder Algorithmus als Folge genormter Symbole dar, die mit Pfeilen verbunden sind. Er zeigt, in welcher Reihenfolge Anweisungen, Eingaben, Ausgaben und Entscheidungen ablaufen, und funktioniert unabhängig von einer Programmiersprache. Andere Namen sind Flussdiagramm, Ablaufdiagramm oder Flowchart.
Lade im Editor eine Beispielvorlage oder starte mit „Neu“ einen leeren Ablauf. Füge Bausteine per Klick ein oder schreibe den Ablauf als Pseudocode, beides bleibt synchron. Die Symbole ordnet der Editor automatisch an: Verzweigungen teilen sich nach links und rechts und laufen danach wieder zusammen, Rücksprünge von Schleifen laufen links am Rumpf vorbei. Zum Schluss exportierst du als PNG, SVG oder PDF. Das ist kostenlos und ohne Anmeldung.
Die Sinnbilder sind in DIN 66001 festgelegt, international in ISO 5807. Der Editor verwendet die Grenzstelle (Oval) für Start und Ende, die Operation (Rechteck), die Verzweigung (Raute), die Ein-/Ausgabe (Parallelogramm), das Unterprogramm (Rechteck mit doppelten Seitenlinien), Ablauflinien mit Pfeilspitzen, die Übergangsstelle (Kreis mit Buchstabe) und das Symbolpaar Schleifenbegrenzung für die Endlosschleife.
Eine Schleife entsteht aus einer Verzweigung und einer Rücksprunglinie. Bei der kopfgesteuerten Schleife steht die Raute vor dem Rumpf: Ist die Bedingung erfüllt, läuft der Rumpf und die Linie führt zurück vor die Raute, sonst geht es rechts weiter. Bei der fußgesteuerten Schleife steht die Raute nach dem Rumpf. Eine Zählschleife wird als Startzuweisung, Bedingung, Rumpf und Erhöhung der Zählvariable gezeichnet. Eine Endlosschleife zeichnet der Editor mit dem Symbolpaar Schleifenbegrenzung, ein Aussprung führt über eine Übergangsstelle hinter die Schleife. Eine Mehrfachverzweigung (switch case) wird zu einer Raute mit einem Zweig pro Fall und optional einem Sonst-Zweig.
Eine Zeile pro Schritt, Blöcke mit Schlüsselwörtern: WENN … DANN … SONST … ENDE WENN, FALLS x mit FALL 1: und SONST: bis ENDE FALLS, SOLANGE … ENDE SOLANGE, WIEDERHOLE … BIS …, FÜR i VON 1 BIS 10 … ENDE FÜR, ENDLOSSCHLEIFE … ENDE ENDLOSSCHLEIFE mit ABBRUCH, dazu EINGABE, AUSGABE und AUFRUF. Englische Schlüsselwörter (IF, SWITCH, WHILE, REPEAT, FOR, LOOP, BREAK, INPUT, OUTPUT, CALL) gehen genauso, am Pseudocode-Feld schaltest du zwischen beiden um. Schlüsselwörter in anderen Sprachen erkennt der Editor nicht, solche Zeilen werden zu einfachen Anweisungen. Pseudocode, den du anderswo geschrieben hast, fügst du einfach in das Feld ein. Bei einem Tippfehler zeigt der Editor die Zeile mit einem Hinweis und behält das letzte gültige Diagramm.
Beide beschreiben denselben Ablauf. Der Programmablaufplan verbindet Symbole mit Pfeilen, Schleifen entstehen über Rücksprunglinien. Das Struktogramm (DIN 66261, Nassi-Shneiderman-Diagramm) schachtelt Blöcke ineinander und kennt keine Sprünge, dadurch ist es kompakter und zwingt zu einer strukturierten Lösung. In diesem Editor schaltest du zwischen beiden Ansichten um, weil beide aus demselben Ablauf gezeichnet werden.
Ja. Exportiere ihn als PNG in hoher Auflösung oder als SVG und füge die Datei in Word, PowerPoint oder ein anderes Dokument ein. Für den Druck gibt es das PDF auf einer A4-Seite. Mit der Projektdatei (JSON) speicherst du den Ablauf und öffnest ihn später im Editor wieder.
Der Editor ist kostenlos und ohne Anmeldung nutzbar. Er 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.
Noch weitere Fragen?
Support kontaktierenProbier den Code zu deinem Programmablaufplan auf einem eigenen Server aus
Auf einem ZAP-Hosting vServer hast du vollen Root-Zugriff für jede Sprache, auf einem Webspace laufen PHP und MySQL sofort.
Kein Setup. Kein Risiko. In Sekunden online.
Auf der Suche nach weiteren Tools? Alle Entwickler-Tools ansehen
