Text till diagram

Indata

Beskriv processen, kommunikationen eller ämnet

En kund lägger en beställning i webbutiken. Vi kontrollerar om alla varor finns i lager. Om ja, packar vi paketet, lämnar det till budet samma dag och mejlar spårningsnumret. Om inte, mejlar vi kunden och erbjuder antingen återbetalning eller leverans när varan är åter i lager; en återbetalning betalas ut inom 3 dagar.

Diagramtyp

Flödesschema (steg och beslut)

Riktning för flödesschema

Uppifrån och ner

Utdata (utdrag)

```mermaid
flowchart TD
  A(["Order lagd"]) --> B{"Finns alla varor i lager?"}
  B -->|"ja"| C["Packa paketet"]
  C --> D["Lämna till bud samma dag"]
  D --> E["Mejla spårningsnummer"]
  B -->|"nej"| F["Mejla kunden"]
  F --> G{"Återbetalning eller vänta?"}
  G -->|"återbetalning"| H["Betala tillbaka inom 3 dagar"]
  G -->|"vänta"| I["Leverera när varan åter finns i lager"]
```
…

Indata

Beskriv processen, kommunikationen eller ämnet

Kunden trycker på Betala i butiksappen. Appen ber butiksservern att skapa en betalning. Servern anropar betalningsleverantören, som ber kundens bank att auktorisera kortet. Banken svarar med godkänd eller nekad; leverantören vidarebefordrar svaret till servern, och servern instruerar appen att visa en bekräftelse eller ett felmeddelande.

Diagramtyp

Sekvensdiagram (vem kommunicerar med vem)

Riktning för flödesschema

Uppifrån och ner

Utdata (utdrag)

```mermaid
sequenceDiagram
  participant A as Butiksapp
  participant S as Butiksserver
  participant P as Betalningsleverantör
  participant B as Bank
  A->>S: Skapa betalning
  S->>P: Debitera kortet
  P->>B: Auktorisera
  alt godkänd
    B-->>P: Godkänd
    P-->>S: Betalning lyckades
    S-->>A: Visa bekräftelse
  else nekad
…