Merge branch 'main' of https://git.kocoder.xyz/Diplomarbeit-Absolventenverein/pm

Defensio/01_Praesentation_Allgemein.md

@@ -4,8 +4,10 @@
 
 ##  {.plain}
 
+\setbeamertemplate{sidebar left}{}
+
 \begin{tikzpicture}[remember picture,overlay]
-    \node[anchor=center] at (current page.center) {
-        \movie[width=\paperwidth, height=\paperheight, poster, showcontrols=false, autostart]{}{\imagepath/video/introduction/sample-10s.mp4}
+    \node[anchor=center, inner sep=0pt, outer sep=0pt] at (current page.center) {
+        \movie[width=\paperwidth, height=\paperheight, poster, showcontrols=false, autostart]{}{\imagepath/video/introduction/introduction.mp4}
     };
 \end{tikzpicture}

Defensio/02_Praesentation_Konstantin_Hintermayer.md

@@ -76,8 +76,6 @@
 
 ---
 
-**Produktions-Infrastruktur:**
-
 ```mermaid
 sequenceDiagram
     participant browser as Client
@@ -97,7 +95,6 @@ sequenceDiagram
 
 ## Von Commit zu Paket
 
-    
 \begin{tikzpicture}[
     node distance=1cm,
     stepnode/.style={circle, minimum size=1.2cm, draw, line width=1.5pt, fill=white, inner sep=0pt},
@@ -108,18 +105,18 @@ sequenceDiagram
     % Central Track
     \draw[track] (-1,0) -- (12,0);
 
-    \node[stepnode, draw=gray] (n1) at (0,0) {\color{gray}\small\faCodeBranch};
+    \node[stepnode, draw=gray!60!black] (n1) at (0,0) {\color{gray!60!black}\small\faCodeBranch};
     \node[stepnode, draw=green!60!black, right=of n1] (n2) {\color{green!60!black}\small\faCheckCircle};
     \node[stepnode, draw=blue!60!black, right=of n2] (n3) {\color{blue!60!black}\small\faCogs};
-    \node[stepnode, draw=orange, right=of n3] (n4) {\color{orange}\small\faBoxOpen};
-    \node[stepnode, draw=orange!70!black, right=of n4] (n5) {\color{orange!70!black}\small\faDatabase};
+    \node[stepnode, draw=green!60!black, right=of n3] (n4) {\color{green!60!black}\small\faBoxOpen};
+    \node[stepnode, draw=blue!60!black, right=of n4] (n5) {\color{blue!60!black}\small\faDatabase};
 
     % Labels Above
-    \node[labelnode, below=0.2cm of n1, color=gray] {Commit};
+    \node[labelnode, below=0.2cm of n1, color=gray!60!black] {Commit};
     \node[labelnode, below=0.2cm of n2, color=green!60!black] {Tag};
     \node[labelnode, below=0.2cm of n3, color=blue!60!black] {CI/CD};
-    \node[labelnode, below=0.2cm of n4, color=orange] {.deb Paket};
-    \node[labelnode, below=0.2cm of n5, color=orange!70!black] {Registry};
+    \node[labelnode, below=0.2cm of n4, color=green!60!black] {.deb Paket};
+    \node[labelnode, below=0.2cm of n5, color=blue!60!black] {Registry};
 \end{tikzpicture}
 
 \vspace{1em}
@@ -136,6 +133,8 @@ sequenceDiagram
   
 **Design Patterns:**
 
+\vspace{1em}
+
 \begin{tikzpicture}[
     node distance=0.15cm,
     stepnode/.style={rectangle, draw, line width=1.5pt, minimum width=1.5cm, minimum height=1.5cm, fill=white, inner sep=0pt},
@@ -202,10 +201,10 @@ sequenceDiagram
 \vfill
 
 ::: columns
-:::: column
+:::: column{.column width=33%}
 "It works on my Machine"
 ::::
-:::: column
+:::: column{.column width=66%}
 **Deploymentprobleme bei Hetzner**
 Problem: schlechte Dokumentation.
 Lösung: Debugging mithilfe von Wireshark und lesen des Source Codes um das Framework zu verstehen und den Fehler zu finden.
@@ -224,8 +223,6 @@ Lösung: Debugging mithilfe von Wireshark und lesen des Source Codes um das Fram
 - Definition of Done (DoD)
 ::::
 :::: column
-**YouTrack**
-
 **Gitea Issues / Board:**
 
 - Integrierter Workflow
@@ -236,9 +233,39 @@ Lösung: Debugging mithilfe von Wireshark und lesen des Source Codes um das Fram
 
 ![Gitea Board](./Images/images/konstantin/GiteaIssues-TaskBoard.png){ width=60% }
 
-## Fazit
+## Was bleibt
 
-- **.NET Stack:** Massive Konsistenz-Vorteile durch statische Typisierung im Vergleich zu Node.js/React.
-- **Modul-Architektur:** Oqtane bietet perfekte Abstraktion für Team-Zusammenarbeit.
-- **Automatisierung:** CI/CD mit `.deb` Paketen reduziert Deployment-Fehler auf ein Minimum.
-- **Ergebnis:** Wartbare und skalierbare Web-Architektur.
+\vspace{0.5em}
+
+\begin{tikzpicture}[x=\linewidth/10, y=1cm, every node/.style={font=\sffamily}]
+    % Rule: 90/90
+    \fill[black!5] (0, 2.8) rectangle (10, 3.4);
+    \fill[green!60!black] (0, 2.8) rectangle (9, 3.4);
+    \node[anchor=north west, inner sep=3pt] at (0, 2.8) {\scriptsize Erste \textbf{90\,\%} des Codes $\rightarrow$ \textbf{90\,\%} der Zeit};
+
+    \fill[black!5] (0, 1.2) rectangle (10, 1.8);
+    \fill[accent] (0, 1.2) rectangle (1, 1.8);
+    \node[anchor=north west, inner sep=3pt, text=accent] at (0, 1.2) {\scriptsize \textbf{Letzte 10\,\% des Codes $\rightarrow$ weitere 90\,\% der Zeit}};
+\end{tikzpicture}
+
+\vspace{0.5em}
+
+::: columns
+:::: { .column width=33% }
+\begin{block}{Lean beats Perfect}
+\scriptsize Weniger bauen, dafür fertig stellen.
+\end{block}
+::::
+
+:::: { .column width=33% }
+\begin{block}{Environment First}
+\scriptsize Zielumgebung testen, nicht nur lokal.
+\end{block}
+::::
+
+:::: { .column width=33% }
+\begin{block}{Fragen ist Architektur}
+\scriptsize Wer früh fragt, spart später Monate.
+\end{block}
+::::
+:::

Defensio/03_Praesentation_Florian_Edlmayer.md

@@ -79,11 +79,18 @@
 
 \begin{center}
 \begin{tikzpicture}[
+<<<<<<< HEAD
     node distance=0.5cm,
     stepnode/.style={rectangle, rounded corners=3pt, minimum width=4.2cm, minimum height=2.2cm, draw, line width=1pt, fill=white, inner sep=2pt},
     iconnode/.style={circle, minimum size=0.8cm, fill=gray!5},
     titlenode/.style={align=center, font=\scriptsize\bfseries},
     arrow/.style={-latex, line width=1.5pt, color=accent!60}
+=======
+    node distance=0cm,
+    stepnode/.style={rectangle, rounded corners=3pt, minimum width=2.7cm, minimum height=2.6cm, draw, line width=1pt, fill=white, inner sep=2pt},
+    iconnode/.style={circle, minimum size=0.8cm, fill=gray!5},
+    titlenode/.style={align=center, font=\scriptsize\bfseries},
+>>>>>>> 803bdb234a8828ce66f183a23b58191a2c208a40
 ]
     % Obere Reihe
     \node[stepnode, draw=gray]           (n1) at (0,0) {};
@@ -93,6 +100,7 @@
     \node[stepnode, draw=blue!60!black,  below=of n1] (n3) {};
     \node[stepnode, draw=orange,         below=of n2] (n4) {};
 
+<<<<<<< HEAD
     % Icons – obere Reihe
     \node[iconnode] at (n1.north) [yshift=-0.7cm] {\color{gray}\small\faFileAlt};
     \node[iconnode] at (n2.north) [yshift=-0.7cm] {\color{green!60!black}\small\faFilter};
@@ -111,6 +119,13 @@
     \draw[arrow] (n1) -- (n2);
     \draw[arrow] (n2) -- (n4);
     \draw[arrow] (n3) -- (n4);
+=======
+    % Titles and Subtext
+    \node[titlenode] at (n1.center) [yshift=-0.1cm] {Datenschutzerklärung};
+    \node[titlenode] at (n2.center) [yshift=-0.1cm] {Datenminimierung};
+    \node[titlenode] at (n3.center) [yshift=-0.1cm] {Vertraulichkeit};
+    \node[titlenode] at (n4.center) [yshift=-0.1cm] {Betroffenenrechte};
+>>>>>>> 803bdb234a8828ce66f183a23b58191a2c208a40
 \end{tikzpicture}
 \end{center}
 
@@ -120,8 +135,10 @@
 - **Problem**: Datenverlust (Hardware, Software, Cyberangriffe).
 - **Lösung**: Vollautomatisiertes Backup-Skript.
 
+\vspace{2em}
+
 ![](image.png)
----
+
 
 ## Backup- & Restore-Systeme (2)
 - **Speichermanagement (Retention)**:
@@ -154,7 +171,7 @@
 ---
 
 ## Der Premium-Bereich (2)
-![](image-3.png)
+![](./Images/images/florian/image-3.png)
 **Datensparsame Mitgliedersuche & Kontaktfunktion:**
 ![Mitgliedersuche und Kontaktfunktion für Premium-Mitglieder](../Diplomarbeitsbuch/images/04-Florian/premium-mitglieder-suche.png)
 

Defensio/04_Praesentation_Adam_Gaiswinkler.md

@@ -7,7 +7,8 @@
   - Oqtane-Theme
   - Hall-of-Fame-Modul
   - Anmeldetool
-- **Ziel**: Moderne, responsive Website für den HTL-Absolventenverein
+- **Ziel**: 
+  - Moderne, responsive Website für den SZU Absolventenverein
 
 ---
 
@@ -50,10 +51,10 @@
 ::: columns
 
 :::: column
-- Eigen‑Navigation (bootstrap Komponenten haben nicht gepasst ).
+- Eigen‑Navigation (Bootstrap-Komponenten haben nicht gepasst).
 - Systemseiten per LINQ ausblenden.
 - Responsive CSS‑Media‑Queries + reines CSS‑Burger‑Menu.
-- Cookie‑Consent (erforderlich für dsgvo konformität und gesamtheit der website ).
+- Cookie‑Consent (erforderlich für DSGVO-Konformität und Gesamtheit der Website).
 ::::
 
 :::: column
@@ -77,7 +78,7 @@
 
 :::: column
 \begin{tikzpicture}
-\node[inner sep=0pt, rounded corners=5pt, clip] {\includegraphics[width=0.55\columnwidth]{Images/HallOfFameBeispiel.png}};
+\node[inner sep=0pt, rounded corners=5pt, clip] {\includegraphics[width=0.55\columnwidth]{Images/HallOfFamePdfNeuBesser.png}};
 \end{tikzpicture}
 ::::
 
@@ -121,19 +122,19 @@
 \begin{tikzpicture}[remember picture, overlay]
 \node at (current page.center) {
 \begin{tabular}{@{}c@{\hspace{4mm}}c@{}}
-\begin{tcolorbox}[colback=accent!5, colframe=accent, arc=3pt, title=\textbf{UI}, width=6cm]
+\begin{tcolorbox}[colback=accent!5, colframe=accent, arc=3pt, title=\textbf{UI}, width=6.5cm, height=2cm, valign=center]
 \centering Ja/Nein-Buttons (grün/rot)
 \end{tcolorbox}
 &
-\begin{tcolorbox}[colback=accent!5, colframe=accent, arc=3pt, title=\textbf{Live-Feedback}, width=6cm]
+\begin{tcolorbox}[colback=accent!5, colframe=accent, arc=3pt, title=\textbf{Live-Feedback}, width=6.5cm, height=2cm, valign=center]
 \centering Sofort via Blazor
 \end{tcolorbox}
 \\[3mm]
-\begin{tcolorbox}[colback=accent!5, colframe=accent, arc=3pt, title=\textbf{Mobile}, width=6cm]
+\begin{tcolorbox}[colback=accent!5, colframe=accent, arc=3pt, title=\textbf{Mobile}, width=6.5cm, height=2cm, valign=center]
 \centering Sauberes Touch-Handling
 \end{tcolorbox}
 &
-\begin{tcolorbox}[colback=accent!5, colframe=accent, arc=3pt, title=\textbf{Architektur}, width=6cm]
+\begin{tcolorbox}[colback=accent!5, colframe=accent, arc=3pt, title=\textbf{Architektur}, width=6.5cm, height=2cm, valign=center]
 \centering UI \& Backend-API getrennt
 \end{tcolorbox}
 \end{tabular}
@@ -158,12 +159,13 @@
 \node[problem] at ([xshift=-2.5cm, yshift=0.9cm]current page.center) (p1) {$\triangle$\;\textbf{Plattformwechsel}\\[-1mm]{\scriptsize Windows $\rightarrow$ macOS}};
 \node[solution] at ([xshift=2.5cm, yshift=0.9cm]current page.center) (s1) {\checkmark\;\textbf{Visual Studio Code}\\[-1mm]{\scriptsize Plattformübergreifend}};
 
-% Trennlinie
-\draw[gray!30, dashed] ([xshift=-4.5cm]current page.center) -- ([xshift=4.5cm]current page.center);
-
 % Reihe 2
 \node[problem] at ([xshift=-2.5cm, yshift=-1.1cm]current page.center) (p2) {$\triangle$\;\textbf{Kein CMS verfügbar}\\[-1mm]{\scriptsize Sommer 2025, Event steht an}};
 \node[solution] at ([xshift=2.5cm, yshift=-1.1cm]current page.center) (s2) {\checkmark\;\textbf{Node.js/HTML}\\[-1mm]{\scriptsize Übergangslösung}};
+
+% Reihe 3
+\node[problem] at ([xshift=-2.5cm, yshift=-3.1cm]current page.center) (p3) {$\triangle$\;\textbf{UI-Fehler am Handy}\\[-1mm]{\scriptsize Clipping-Probleme}};
+\node[solution] at ([xshift=2.5cm, yshift=-3.1cm]current page.center) (s3) {\checkmark\;\textbf{Testen und Anpassen}\\[-1mm]{\scriptsize Debuggen und Verbessern der UI}};
 \end{tikzpicture}
 
 ---