84 lines
2.6 KiB
Markdown
84 lines
2.6 KiB
Markdown
# Adam Gaiswinkler
|
||
|
||
## Individueller Teil: Adam Gaiswinkler
|
||
**CMS‑Modul & Frontend**
|
||
|
||
<!-- 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.
|
||
- **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.
|
||
|
||
<!-- 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.
|
||
- Live‑Status‑Updates via Blazor.
|
||
- UI‑Overlay, mobile‑freundlich.
|
||
|
||
<!-- BILD: Screenshot Anmeldetool mit gruenem Ja- und rotem Nein-Button -->
|
||
<!-- BILD: Screenshot auf Mobile (Overlay-Ansicht) -->
|
||
|
||
---
|
||
|
||
## Herausforderungen & Lösungen
|
||
- **Plattformwechsel**: Windows → macOS → JetBrains Rider.
|
||
- **Hosting‑Probleme**: Node.js/HTML‑Übergangslösung 2025.
|
||
|
||
<!-- BILD: Screenshot von JetBrains Rider 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 -->
|
||
|
||
|