Zum Inhalt springen
Kostenloses Tool

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

100 %
Programmablaufplan: FakultätFakultätStartEingabe: nergebnis := 1i := 1i <= njaergebnis := ergebnis * ii := i + 1neinAusgabe: ergebnisEnde

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)Start

Grenzstelle (Start/Ende)

Das Oval markiert Anfang und Ende des Programmablaufplans.

Operationsumme := summe + zahl

Operation

Ein Rechteck steht für einen Verarbeitungsschritt, z. B. eine Zuweisung oder Berechnung.

Ein-/AusgabeEingabe: zahl

Ein-/Ausgabe

Das Parallelogramm zeigt, wo Daten eingelesen oder ausgegeben werden.

Verzweigungzahl > 0

Verzweigung

Die Raute enthält eine Bedingung. Je nach Ergebnis geht es über den Ja- oder den Nein-Ausgang weiter.

Unterprogrammsortiere(liste)

Unterprogramm

Ein Rechteck mit doppelten Seitenlinien ruft ein Unterprogramm auf, das einen eigenen Ablaufplan hat.

AblauflinieEingabe: zahlAusgabe: zahl

Ablauflinie

Linien mit Pfeilspitze verbinden die Symbole und zeigen die Reihenfolge. Der Normalfall läuft von oben nach unten.

Verzweigung mit Zusammenführungzahl > 0janeins := 1s := -1

Verzweigung mit Zusammenführung

Nach einer Verzweigung laufen beide Wege an einem Punkt wieder zusammen, bevor der Ablauf weitergeht.

Schleifenbegrenzung (Endlosschleife)MenüEingabe: wahlMenü

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)EndlosschleifefertigjaneinAweiter()EndlosschleifeA

Ü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ücksprungi <= 10jai := i + 1nein

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)summe := summe + zahl

Anweisung (Strukturblock)

Ein Rechteck für einen einzelnen Verarbeitungsschritt, z. B. eine Zuweisung oder Berechnung.

Folge (Sequenz)Eingabe: zahlquadrat := zahl * zahlAusgabe: quadrat

Folge (Sequenz)

Blöcke untereinander werden von oben nach unten nacheinander ausgeführt. Ein- und Ausgaben sind normale Anweisungsblöcke.

Verzweigung (Auswahl)zahl > 0janeinAusgabe: „positiv“∅

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)x1a := 102a := 20sonsta := 0

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 Schleifesolange i <= 10i := i + 1

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 SchleifeEingabe: zahlbis zahl > 0

Fußgesteuerte Schleife

Die Bedingung steht unten: Der Rumpf läuft mindestens einmal und wird wiederholt, bis die Bedingung erfüllt ist.

Zählschleifefür i von 1 bis 10Ausgabe: i

Zählschleife

Eine kopfgesteuerte Schleife mit Zählvariable, Start- und Endwert und optionaler Schrittweite.

Unterprogrammaufrufsortiere(liste)

Unterprogrammaufruf

Ein Block mit doppelten Seitenlinien ruft ein eigenes Unterprogramm auf, das an anderer Stelle beschrieben ist.

EndlosschleifeMenüEingabe: wahlausführen(wahl)

Endlosschleife

Eine Wiederholung ohne Bedingung: Kopfband (optional mit Bezeichner), Balken links und Fußband. Sie wird nur durch einen Aussprung verlassen.

Aussprung (Abbruch)Menü

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

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 kontaktieren
Vom Ablauf zum Programm

Probier 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.

4,4/5 Trustpilot32.000+ Aktive ServerSeit 2010

Kein Setup. Kein Risiko. In Sekunden online.

Flexible LaufzeitJederzeit kündbarIn 60 Sekunden online

Auf der Suche nach weiteren Tools? Alle Entwickler-Tools ansehen