Text zu Diagramm

Eingabe

Beschreiben Sie den Prozess, die Interaktion oder das Thema

Ein Kunde gibt eine Bestellung im Online-Shop auf. Wir prüfen, ob alle Artikel auf Lager sind. Wenn ja, verpacken wir das Paket, übergeben es am selben Tag an den Versanddienstleister und senden die Sendungsnummer per E-Mail. Wenn nicht, informieren wir den Kunden per E-Mail und bieten entweder eine Erstattung oder die spätere Lieferung an; Erstattungen erfolgen innerhalb von 3 Tagen.

Diagrammtyp

Flussdiagramm (Schritte und Entscheidungen)

Ausrichtung des Flussdiagramms

Von oben nach unten

Ausgabe (Auszug)

```mermaid
flowchart TD
  A(["Bestellung eingegangen"]) --> B{"Alle Artikel vorrätig?"}
  B -->|"Ja"| C["Paket packen"]
  C --> D["Am selben Tag an Kurier übergeben"]
  D --> E["Sendungsnummer per E-Mail senden"]
  B -->|"Nein"| F["Kunden per E-Mail informieren"]
  F --> G{"Erstattung oder warten?"}
  G -->|"Erstattung"| H["Erstattung innerhalb von 3 Tagen auszahlen"]
  G -->|"Warten"| I["Liefern, sobald wieder vorrätig"]
```
…

Eingabe

Beschreiben Sie den Prozess, die Interaktion oder das Thema

Der Kunde tippt in der Shop-App auf „Bezahlen“. Die App bittet den Shop-Server, eine Zahlung anzulegen. Der Server kontaktiert den Zahlungsanbieter, der bei der Bank des Kunden die Autorisierung der Karte anfragt. Die Bank antwortet mit „genehmigt“ oder „abgelehnt“; der Anbieter leitet das Ergebnis an den Server weiter, und der Server veranlasst die App, eine Bestätigung oder eine Fehlermeldung anzuzeigen.

Diagrammtyp

Sequenzdiagramm (Wer spricht mit wem)

Ausrichtung des Flussdiagramms

Von oben nach unten

Ausgabe (Auszug)

```mermaid
sequenceDiagram
  participant A as Shop-App
  participant S as Shop-Server
  participant P as Zahlungsanbieter
  participant B as Bank
  A->>S: Zahlung anlegen
  S->>P: Karte belasten
  P->>B: Autorisieren
  alt Freigegeben
    B-->>P: Freigegeben
    P-->>S: Zahlung erfolgreich
    S-->>A: Bestätigung anzeigen
  else Abgelehnt
…