Abbildungsverzeichnis befüllen

05-Diplomarbeitsbuch-individueller-teil-Konstantin-Hintermayer.md

@@ -219,6 +219,8 @@ Oqtane selbst läuft als Systemd-Service im Kestrel-Backend. Kestrel ist ein kle
 
 ```mermaid
 sequenceDiagram
+    %%| filename: sequence-diagram-system-architecture
+    %%| fig-cap: Schematische Darstellung der Systemarchitektur
     participant browser as Client
     participant nginx as NginX
     participant oqtane as Oqtane
@@ -310,7 +312,8 @@ Der folgende Ablauf zeigt die Kommunikation bei einer typischen Datenabfrage in
 
 ```mermaid
 sequenceDiagram
-    % 
+    %%| filename: sequence-diagram-data-query
+    %%| fig-cap: Schematische Darstellung der Systemarchitektur
     participant C as Blazor Client (Razor)
     participant S as Oqtane Server (Controller)
     participant R as Repository (EntityFramework)
@@ -349,6 +352,8 @@ Ausgangslage ist eine Softwarearchitektur im Direct-Dependency-Graph-Modell.
 
 ```mermaid
 architecture-beta
+    %%| filename: architecture-beta
+    %%| fig-cap: DIP: Direct Dependency Graph 
     service a(mdi:package-variant-closed)[Klasse A]
     service b(mdi:package-variant-closed)[Klasse B]
 
@@ -360,6 +365,8 @@ Das Problem dabei: Die einzelnen Klassen sind eng gekoppelt, was das Austauschen
 
 ```mermaid
 architecture-beta
+    %%| filename: architecture-beta
+    %%| fig-cap: DIP: Dependency Inversion Principle 
     service a(mdi:package-variant-closed)[Klasse A]
     service b(mdi:package-variant-closed)[Klasse B]
     service ib(mdi:car-clutch)[Interface B]
@@ -427,6 +434,7 @@ Mit dem Aufruf von `builder.Build()` wird intern ein Dependency Graph erstellt u
 So sieht der Abhängigkeitsgraph bei diesem Beispiel aus.
 
 ```mermaid
+%%| fig-cap: DIP: Dependency Inversion Principle Beispiel
 architecture-beta
     service a(mdi:package-variant-closed)[Worker]
     service b(mdi:package-variant-closed)[MessageWriter]
@@ -655,6 +663,7 @@ Eine weitere Anforderung der Diplomarbeit war es Einträge in Modulen wie der `H
 Angestrebt wurde folgender Ablauf für das Melden eines Eintrags:
 
 ```mermaid
+%%| fig-cap: Reporting System: Ablaufdiagramm
 sequenceDiagram
     participant Module
     actor User
@@ -714,10 +723,10 @@ Die Kommunikation zwischen dem Client und dem Server erfolgt über einen REST-AP
 \
 
 ``` {.mermaid width=50%}
-%%| filename: erd-event-registration
-%%| fig-cap: ER Diagramm des Event Registration Moduls
 erDiagram
     direction LR
+    %%| filename: erd-event-registration
+    %%| fig-cap: ER Diagramm des Event Registration Moduls
     EVENT ||--o{ RESPONSE : "has"
     EVENT {
         int EventId PK