From 897a0bb6e0f4aeef6f494e5fd8f0aefe88f2ef57 Mon Sep 17 00:00:00 2001 From: ISA Date: Mon, 31 Mar 2025 13:41:30 +0200 Subject: [PATCH] UML Dagramme Beispiele --- config/webVersion.ts | 2 +- docs/Diagramme/classDiagram.md | 17 +++++++++++++++++ docs/Diagramme/erdiagramm.md | 21 +++++++++++++++++++++ docs/Diagramme/flowchart-lr.md | 9 +++++++++ docs/Diagramme/flowchart-td.md | 9 +++++++++ docs/Diagramme/ganttdiagramm.md | 12 ++++++++++++ docs/Diagramme/journeydiagramm.md | 16 ++++++++++++++++ docs/Diagramme/redux-prozessdiagramm.md | 2 -- docs/Diagramme/sequenzdiagramm.md | 16 ++++++++++++++++ docs/Diagramme/tdr-redux-struktur.md | 11 ----------- docs/Diagramme/zustandsdiagramm.md | 11 +++++++++++ 11 files changed, 112 insertions(+), 14 deletions(-) create mode 100644 docs/Diagramme/classDiagram.md create mode 100644 docs/Diagramme/erdiagramm.md create mode 100644 docs/Diagramme/flowchart-lr.md create mode 100644 docs/Diagramme/flowchart-td.md create mode 100644 docs/Diagramme/ganttdiagramm.md create mode 100644 docs/Diagramme/journeydiagramm.md create mode 100644 docs/Diagramme/sequenzdiagramm.md delete mode 100644 docs/Diagramme/tdr-redux-struktur.md create mode 100644 docs/Diagramme/zustandsdiagramm.md diff --git a/config/webVersion.ts b/config/webVersion.ts index 38e8e8a..5b2160b 100644 --- a/config/webVersion.ts +++ b/config/webVersion.ts @@ -6,5 +6,5 @@ 2: Patch oder Hotfix (Bugfixes oder kleine Änderungen). */ -const webVersion = "1.6.192"; +const webVersion = "1.6.193"; export default webVersion; diff --git a/docs/Diagramme/classDiagram.md b/docs/Diagramme/classDiagram.md new file mode 100644 index 0000000..9bd6854 --- /dev/null +++ b/docs/Diagramme/classDiagram.md @@ -0,0 +1,17 @@ +### 🟩 Datei: `classDiagram.md` + +```mermaid +classDiagram + class User { + +String name + +int id + +login() + } + + class Admin { + +String role + } + + User <|-- Admin + +``` diff --git a/docs/Diagramme/erdiagramm.md b/docs/Diagramme/erdiagramm.md new file mode 100644 index 0000000..d478098 --- /dev/null +++ b/docs/Diagramme/erdiagramm.md @@ -0,0 +1,21 @@ +### 🟩 Datei: `erdiagramm.md` + +```mermaid +erDiagram + Kunden ||--o{ Bestellungen : hat + Bestellungen ||--|{ Artikel : enthält + Kunden { + string name + string adresse + } + Bestellungen { + int id + date datum + } + Artikel { + int artikel_id + string bezeichnung + float preis + } + +``` diff --git a/docs/Diagramme/flowchart-lr.md b/docs/Diagramme/flowchart-lr.md new file mode 100644 index 0000000..564765e --- /dev/null +++ b/docs/Diagramme/flowchart-lr.md @@ -0,0 +1,9 @@ +### 🟩 Datei: `flowchart-lr.md` + +```mermaid +graph LR + A[Start] --> B[Bearbeiten] + B --> C[Speichern] + C --> D[Fertig] + +``` diff --git a/docs/Diagramme/flowchart-td.md b/docs/Diagramme/flowchart-td.md new file mode 100644 index 0000000..6dd6e42 --- /dev/null +++ b/docs/Diagramme/flowchart-td.md @@ -0,0 +1,9 @@ +### 🟩 Datei: `flowchart-td.md` + +```mermaid +graph TD + Start --> Schritt1["Modul auswählen"] + Schritt1 --> Schritt2["Daten abrufen"] + Schritt2 --> Schritt3["Ergebnis anzeigen"] + +``` diff --git a/docs/Diagramme/ganttdiagramm.md b/docs/Diagramme/ganttdiagramm.md new file mode 100644 index 0000000..c56af90 --- /dev/null +++ b/docs/Diagramme/ganttdiagramm.md @@ -0,0 +1,12 @@ +### 🟩 Datei: `ganttdiagramm.md` + +```mermaid +gantt + title Projektzeitplan CPLv4.0 + dateFormat YYYY-MM-DD + section Entwicklung + Planung :done, des1, 2024-09-01, 5d + Umsetzung :active, dev1, 2024-09-06, 10d + Tests : test, 2024-09-18, 7d + +``` diff --git a/docs/Diagramme/journeydiagramm.md b/docs/Diagramme/journeydiagramm.md new file mode 100644 index 0000000..60e04cf --- /dev/null +++ b/docs/Diagramme/journeydiagramm.md @@ -0,0 +1,16 @@ +### 🟩 Datei: `ganttdiagramm.md` + +```mermaid +journey + title CPLv4.0 Benutzererlebnis + section Start + Öffnet Dashboard: 5: User + Erkennt Status: 4: User + section Konfiguration + Stellt Slot ein: 3: User + Speichert Referenzkurve: 4: User + section Analyse + Vergleicht Kurven: 4: User + Exportiert Ergebnisse: 2: User + +``` diff --git a/docs/Diagramme/redux-prozessdiagramm.md b/docs/Diagramme/redux-prozessdiagramm.md index 9b94679..ac692bc 100644 --- a/docs/Diagramme/redux-prozessdiagramm.md +++ b/docs/Diagramme/redux-prozessdiagramm.md @@ -1,5 +1,3 @@ ---- - ### 🟩 Datei: `redux-prozessdiagramm.md` ```mermaid diff --git a/docs/Diagramme/sequenzdiagramm.md b/docs/Diagramme/sequenzdiagramm.md new file mode 100644 index 0000000..dcdab0e --- /dev/null +++ b/docs/Diagramme/sequenzdiagramm.md @@ -0,0 +1,16 @@ +### 🟩 Datei: `sequenzdiagramm.md` + +```mermaid +sequenceDiagram + participant User + participant UI + participant Redux + participant API + + User->>UI: Klick auf Modul + UI->>Redux: Dispatch Action + Redux->>API: API Request + API-->>Redux: Antwort + Redux->>UI: Update View + +``` diff --git a/docs/Diagramme/tdr-redux-struktur.md b/docs/Diagramme/tdr-redux-struktur.md deleted file mode 100644 index 92374f1..0000000 --- a/docs/Diagramme/tdr-redux-struktur.md +++ /dev/null @@ -1,11 +0,0 @@ -# 🧠 Redux-Datenstruktur für TDR und TDM - -```mermaid -graph TD - SlotData["SlotData\n+ slotIndex\n+ tdrList[]"] --> TDRMeasurement["TDRMeasurement\n+ id\n+ t\n+ d\n+ p\n+ s\n+ a"] - fetchAllTDMData["fetchAllTDMData.ts"] --> TDMChartSlice["tdmChartSlice (Redux)\n+ data: SlotData[]"] - fetchTDRChartThunk["fetchTDRChartDataByIdThunk.ts"] --> TDRChartSlice["tdrChartDataByIdSlice (Redux)\n+ data: Record"] - fetchTDRChartThunk --> fetchTDRChartService["fetchTDRChartDataById.ts"] - kabelueberwachung["kabelueberwachung.tsx"] --> fetchAllTDMData - kabelueberwachung --> fetchTDRChartThunk -``` diff --git a/docs/Diagramme/zustandsdiagramm.md b/docs/Diagramme/zustandsdiagramm.md new file mode 100644 index 0000000..6c5d385 --- /dev/null +++ b/docs/Diagramme/zustandsdiagramm.md @@ -0,0 +1,11 @@ +### 🟩 Datei: `zustanddiagramm.md` + +```mermaid +stateDiagram + [*] --> Offline + Offline --> Verbinde + Verbinde --> Online + Online --> Trennen + Trennen --> Offline + +```