Ablaufdiagramme

---

Was ist ein Ablaufdiagramm?

Ein Ablaufdiagramm zeigt Schritt für Schritt, was ein Programm macht. Man zeichnet den Ablauf, bevor man ihn programmiert.

So kannst du zuerst über die Idee nachdenken – ohne dich um die genaue Schreibweise im Code zu kümmern.

Man liest ein Ablaufdiagramm immer von oben nach unten und folgt den Pfeilen.

---

<!-- slide style="font-size: 16pt" -->

Die Symbole

Symbol	Name	Bedeutung	Beispiel
Oval (abgerundet)	Start / Ende	Hier beginnt oder endet das Programm	Start, Ende
Rechteck	Anweisung	Das Programm macht etwas	summe = a + b
Parallelogramm (schräg)	Ausgabe	Etwas wird in der Konsole angezeigt	Ausgabe: Hallo!
Raute	Verzweigung	Eine Frage mit ja oder nein	alter >= 14?
Pfeil	Ablauf	Zeigt, wie es weitergeht	↓

---

flowchart TD
    A([Start / Ende])
    B[Anweisung]
    C[/Ausgabe/]
    D{Frage?}

---

1. Die Sequenz – Schritt für Schritt

Die Befehle werden der Reihe nach ausgeführt. Einer nach dem anderen.

flowchart TB
    A([Start]) --> B[name = Lena]
    B --> C[/Ausgabe: Hallo name!/]
    C --> D([Ende])

---

let name = "Lena";
console.log("Hallo " + name + "!");

Ausgabe: Hallo Lena!

---

2. Die Verzweigung – if / else

Das Programm stellt eine Frage. Je nach Antwort geht es einen anderen Weg.

• Antwort ja → der eine Weg
• Antwort nein → der andere Weg
• Danach treffen sich beide Wege wieder.

flowchart TD
    A([Start]) --> B[alter = 15]
    B --> C{alter >= 14?}
    C -- ja --> D[/Ausgabe: Du darfst mitmachen!/]
    C -- nein --> E[/Ausgabe: Leider noch zu jung./]
    D --> F([Ende])
    E --> F

---

let alter = 15;
 
if (alter >= 14) {
  console.log("Du darfst mitmachen!");
} else {
  console.log("Leider noch zu jung.");
}

Ausgabe: Du darfst mitmachen! Ändere alter auf 12 – was wird jetzt ausgegeben?

Merke: Eine Raute hat einen Pfeil hinein und zwei Pfeile hinaus (ja / nein).

---

3. Die Schleife – while

Etwas wird wiederholt, solange eine Bedingung wahr ist.

Man erkennt eine Schleife daran, dass ein Pfeil zurück nach oben zur Frage führt.

flowchart TD
    A([Start]) --> B[zahl = 1]
    B --> C{zahl <= 3?}
    C -- ja --> D[/Ausgabe: zahl/]
    D --> E[zahl = zahl + 1]
    E --> C
    C -- nein --> F([Ende])

---

let zahl = 1;
 
while (zahl <= 3) {
  console.log(zahl);
  zahl = zahl + 1;
}

Ausgabe: 1, 2, 3

Achtung: Vergisst du zahl = zahl + 1, ist die Frage immer „ja“. Die Schleife hört nie auf – das nennt man eine Endlosschleife.

---

if oder while? – So erkennst du den Unterschied

	if (Verzweigung)	while (Schleife)
Frage	wird einmal gestellt	wird immer wieder gestellt
Pfeile	gehen nach unten weiter	ein Pfeil geht zurück zur Frage
Typischer Satz	„Wenn …, dann …“	„Solange …, mache …“

---

Tipps zum Zeichnen

1. Beginne immer mit Start und höre mit Ende auf.
2. Schreibe in jedes Symbol nur einen Schritt.
3. Beschrifte die Pfeile aus einer Raute mit ja und nein.
4. Teste dein Diagramm: Geh es mit dem Finger durch und denk dir Werte aus.