Tekst naar Diagram

Invoer

Beschrijf het proces, de interactie of het onderwerp

Een klant plaatst een bestelling in de webshop. We controleren of elk artikel op voorraad is. Zo ja, dan pakken we het pakket in, dragen het dezelfde dag over aan de koerier en mailen het trackingnummer. Zo niet, dan mailen we de klant met de keuze tussen een terugbetaling of levering zodra het artikel weer voorradig is; een terugbetaling wordt binnen 3 dagen voldaan.

Diagramtype

Stroomdiagram (stappen en beslissingen)

Richting van stroomdiagram

Van boven naar beneden

Uitvoer (fragment)

```mermaid
flowchart TD
  A(["Bestelling geplaatst"]) --> B{"Alle artikelen op voorraad?"}
  B -->|"ja"| C["Pakket inpakken"]
  C --> D["Dezelfde dag overdragen aan koerier"]
  D --> E["Track & trace-nummer mailen"]
  B -->|"nee"| F["Klant mailen"]
  F --> G{"Terugbetalen of wachten?"}
  G -->|"terugbetalen"| H["Binnen 3 dagen terugbetalen"]
  G -->|"wachten"| I["Leveren zodra weer op voorraad"]
```
…

Invoer

Beschrijf het proces, de interactie of het onderwerp

De klant tikt op Betalen in de winkel-app. De app vraagt de winkelserver om een betaling aan te maken. De server benadert de betaalprovider, die de bank van de klant om autorisatie van de kaart vraagt. De bank reageert met goedgekeurd of geweigerd; de betaalprovider geeft dit door aan de server, waarna de server de app opdracht geeft om een bevestiging of een foutmelding te tonen.

Diagramtype

Sequentiediagram (wie communiceert met wie)

Richting van stroomdiagram

Van boven naar beneden

Uitvoer (fragment)

```mermaid
sequenceDiagram
  participant A as Winkel-app
  participant S as Winkelserver
  participant P as Betaalprovider
  participant B as Bank
  A->>S: Betaling aanmaken
  S->>P: Kaart belasten
  P->>B: Autoriseren
  alt goedgekeurd
    B-->>P: Goedgekeurd
    P-->>S: Betaling geslaagd
    S-->>A: Bevestiging tonen
  else geweigerd
…