pm/lib/03_Praesentation_Adam_Gaiswinkler.md

Adam Gaiswinkler

Individueller Teil: Adam Gaiswinkler

CMS‑Modul & Frontend

---

Ausgangslage & Motivation

• Ausgangssituation: Moderne Frontend‑Plattform für den Absolventenverein (responsive, neue Features).
• Persönliche Motivation:
  • Team‑Verkleinerung (6 → 3) → mehr Verantwortung.
  • Projektidentifikation & Praxis‑Blazor/ASP.NET.
• Ziele:
  • Oqtane‑Module (Anmeldetool, Hall‑of‑Fame).
  • Responsives UI/UX.

---

Eingesetzte Technologien

• Tech‑Stack: Bootstrap + Custom‑CSS, QuestPDF, Gitea, VS 2022 wechsel zu  VS Code (macOS).

---

Umsetzung: Oqtane Theme

• Eigen‑Navigation (bootstrap Komponenten haben nicht gepasst).
• Systemseiten per LINQ ausblenden.
• Responsive CSS‑Media‑Queries + reines CSS‑Burger‑Menu.
• ControlPanel & Cookie‑Consent.

---

Umsetzung: Hall of Fame

• Karten‑Grid: Responsive Übersicht, Live‑Suche & Sortierung.
• Detail‑Seite: Glasmorphismus‑Design.
• Workflow: Rich‑Text‑Editor, Bild‑Upload (max 5 MB), Status (Entwurf/Veröffentlicht) inkl. Eigentümer‑Check.
• PDF‑Export: QuestPDF.
• Moderation: Meldesystem über Interfaces‑Paket.

---

Umsetzung: Anmeldetool

• Klar getrennte Ja/Nein‑Buttons.
• Live‑Status‑Updates via Blazor.
• UI‑Overlay, mobile‑freundlich.

---

Herausforderungen & Lösungen

• Plattformwechsel: Windows → macOS → JetBrains Rider.
• Hosting‑Probleme: Node.js/HTML‑Übergangslösung 2025.

---

Learnings

• Technisch: Git, CSS‑Flexbox, Blazor.
• Methodisch: Aufgabenverteilung, regelmäßige Meetings.
• Persönlich: Eigeninitiative & Verantwortung.

---

Fazit & Ausblick

• Theme final, mobil, Hall of Fame & Anmeldetool funktionsfähig.
• Erweiterungen: Teilnehmer‑Auswertung, Anmelde‑Limit, automatische E‑Mail‑Erinnerungen.

Individueller Teil: Adam Gaiswinkler

Entwicklung von CMS-Modulen & Frontend-Design

---

Ausgangslage & Motivation

• Ausgangssituation: Bedarf an einer modernen Frontend Plattform für den Absolventenverein mit Responsiv design und neuen Features.
• Persönliche Motivation:
  • Steigende Verantwortung durch Teamverkleinerung (von 6 auf 3 Personen).
  • Identifikation mit dem Projekt wuchs deutlich.
  • Praktische Anwendung von Blazor & ASP.NET in einem realen Umfeld.
• Individuelle Ziele:
  • Entwicklung von Oqtane-Modulen (Anmeldetool & Hall of Fame).
  • Web-Entwicklung mit Fokus auf responsives und nutzerfreundliches UI/UX.

---

Eingesetzte Technologien

• Styling: Bootstrap & Custom CSS
• Spezielle Tools: QuestPDF (PDF-Generierung), Gitea (Versionskontrolle)
• Entwicklungsumgebung: Visual Studio 2022 & Visual Studio Code (macOS)

---

Umsetzung: Oqtane Theme

• Ziel: Modernes, schlichtes Design im Stil der HTL Ungargasse (szu.at).
• Technische Highlights:
  • Vollständige Eigenentwicklung der Navigationslogik (über PageState.Pages).
  • Dynamisches Ausblenden von Systemseiten via LINQ.
  • Responsive Design: Einsatz von CSS Media Queries und einer komplett CSS-basierten Burger-Menü-Lösung.
  • Integration eines ControlPanels und Cookie-Consent.

---

Umsetzung: Hall of Fame (1)

• Zweck: Sichtbarmachung von erfolgreichen Absolventinnen und Absolventen.
• UI & UX:
  • Responsive Kartenübersicht der Personen mit Such- und Sortierfunktion (Echtzeit).
  • Detailseite im modernen "Glasmorphismus"-Design.
• Datenerfassung & Workflow:
  • Rich-Text-Editor zur Eingabe des Werdegangs.
  • Bild-Upload-System (Live-Vorschau, max. 5 MB) statt manueller URLs.
  • Statusverwaltung ("Entwurf" vs. "Veröffentlicht") inkl. Eigentümerprüfung.

---

Umsetzung: Hall of Fame (2)

• PDF-Export: Dynamische Generierung eines ansprechenden Profil-PDFs mittels QuestPDF.
• Moderation:
  • Integriertes Meldesystem (Reporting) direkt über ein separates Interfaces-Paket angesteuert.

---

Umsetzung: Anmeldetool für Treffen

• Zweck: Vereinfachung der Planung und Teilnehmerverwaltung.
• Funktion:
  • Klare, farblich getrennte Zusage- und Absage-Buttons.
  • Live-Rückmeldung bei Statusänderung dank Blazor.
  • Saubere Trennung von UI-Komponente und Backend-API.
• UX-Optimierung:
  • Fokus auf Overlay-Darstellung und Mobile-Clipping-Vermeidung.

---

Herausforderungen & Lösungen

• Plattformwechsel (Windows zu macOS): Oqtane ist stark an Windows gekoppelt; gelöst durch Einsatz von Visual Studio Code.
• Zeitdruck & Infrastruktur-Ausfälle:
  • Probleme mit Hosting (Hetzner).
  • Lösung: Entwicklung einer schlanken "Übergangslösung" (Node.js/HTML) im Sommer 2025 zur zeitgerechten Event-Abwicklung.

---

Learnings

• Technisch: Tieferes Verständnis von Version Control (Git), CSS/Flexbox (Responsiveness) und C#/Blazor-Tiefen.
• Methodisch: Eine klare Aufgabenaufteilung sowie regelmäßige Team-Meetings sind unerlässlich für den Projekterfolg.
• Persönlich: Bedeutsamkeit von Eigeninitiative und Verantwortungsübernahme, gerade in schwierigen Projektphasen.

---

Fazit & Mögliche Erweiterungen

• Erreichtes:
  • Theme ist final in Oqtane integriert und mobil optimiert.
  • Hall of Fame und Anmeldetool sind voll funktionstüchtig.
• Mögliche Erweiterungen:
  • Integration einer umfassenden Teilnehmerlisten-Auswertung (Datenbank).
  • Limit-Funktion für maximale Anmeldungen bei Veranstaltungen.
  • Automatische E-Mail-Erinnerungen für Events.