From b450fd64759c2e2d635bf3ac5a42c5b94ffd95e0 Mon Sep 17 00:00:00 2001 From: Adam Gaiswinkler Date: Thu, 16 Apr 2026 21:17:16 +0200 Subject: [PATCH] Add concise presentation to lib folder --- lib/03_Praesentation_Adam_Gaiswinkler.md | 155 +++++++++++++++++++++++ 1 file changed, 155 insertions(+) create mode 100644 lib/03_Praesentation_Adam_Gaiswinkler.md diff --git a/lib/03_Praesentation_Adam_Gaiswinkler.md b/lib/03_Praesentation_Adam_Gaiswinkler.md new file mode 100644 index 0000000..1c343ef --- /dev/null +++ b/lib/03_Praesentation_Adam_Gaiswinkler.md @@ -0,0 +1,155 @@ +# 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.