89 lines
3.4 KiB
Markdown
89 lines
3.4 KiB
Markdown
# Adam Gaiswinkler
|
||
|
||
## Individueller Teil: Adam Gaiswinkler
|
||
**Entwicklung von CMS‑Modulen & Frontend-Design**
|
||
|
||
- Schwerpunkt: Oqtane-Theme, Hall-of-Fame-Modul & Anmeldetool
|
||
- Ziel: Moderne, responsive Website für den HTL-Absolventenverein
|
||
|
||
<!-- BILD: Logo HTL Ungargasse + Vereinslogo nebeneinander -->
|
||
|
||
---
|
||
|
||
## 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).
|
||
|
||
<!-- BILD: Logos der verwendeten Tools (Bootstrap, QuestPDF, Gitea, VS Code) nebeneinander -->
|
||
|
||
---
|
||
|
||
## 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.
|
||
|
||
<!-- BILD: Screenshot der Website-Navigation auf Desktop (volle Menüleiste) -->
|
||
<!-- BILD: Screenshot des Burger-Menüs auf Mobile (aufgeklappt) -->
|
||
|
||
---
|
||
|
||
## Umsetzung: Hall of Fame
|
||
- **Karten‑Grid**: Responsive Übersicht, Live‑Suche & Sortierung **in Echtzeit – kein Seitenreload** (Blazor).
|
||
- **Detail‑Seite**: Glasmorphismus‑Design (halbtransparente Karten mit Blur-Effekt).
|
||
- **Workflow**: Rich‑Text‑Editor, Bild‑Upload mit **Live-Vorschau** (max 5 MB), Status (Entwurf/Veröffentlicht) inkl. Eigentümer‑Check.
|
||
- **PDF‑Export**: Professionelle Profil-PDFs server-seitig mit QuestPDF.
|
||
- **Moderation**: Meldesystem über separates Interfaces‑Paket → saubere Logik-Trennung.
|
||
|
||
|
||
<!-- BILD: Screenshot des Karten-Grids mit mehreren Alumni-Einträgen -->
|
||
<!-- BILD: Screenshot der Detailseite (Glasmorphismus-Design) -->
|
||
<!-- BILD: Screenshot eines generierten PDFs -->
|
||
|
||
---
|
||
|
||
## Umsetzung: Anmeldetool
|
||
- Klar getrennte Ja/Nein‑Buttons (grün/rot).
|
||
- **Live‑Feedback via Blazor**: Statusänderungen sofort sichtbar – andere Teilnehmer sehen Updates direkt.
|
||
- Mobile-optimiert: kein Overlay-Clipping, sauberes Touch-Handling.
|
||
- Saubere Trennung: UI-Komponente & Backend-API getrennt.
|
||
|
||
<!-- BILD: Screenshot Anmeldetool mit gruenem Ja- und rotem Nein-Button -->
|
||
<!-- BILD: Screenshot auf Mobile (Overlay-Ansicht) -->
|
||
|
||
---
|
||
|
||
## Herausforderungen & Lösungen
|
||
- **Plattformwechsel** Windows → macOS: Oqtane stark an Windows gebunden → **Visual Studio Code** als plattformübergreifende Lösung.
|
||
- **Hosting-Ausfall** (Hetzner, Sommer 2025): kurz vor einem Event → schnelle **Node.js/HTML-Übergangslösung** sicherte Event-Anmeldung.
|
||
|
||
<!-- BILD: Screenshot von Visual Studio Code auf macOS -->
|
||
|
||
---
|
||
|
||
## 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.
|
||
|
||
<!-- BILD: Gesamtansicht der fertigen Website (Desktop) als Abschluss-Screenshot -->
|
||
|
||
|