Compare commits
10 Commits
69d898bc86
...
doc-0.0.0-
| Author | SHA1 | Date | |
|---|---|---|---|
| 15eb9d9d5e | |||
| f11fcb68fe | |||
| 8da8374a1b | |||
| d397f0cd60 | |||
| b450fd6475 | |||
| 6789fa6f9d | |||
| 2061cdc218 | |||
| 6b0c4f7884 | |||
| ad47997aab | |||
| b337833410 |
31
.gitea/workflows/create-presentation.yml
Normal file
31
.gitea/workflows/create-presentation.yml
Normal file
@@ -0,0 +1,31 @@
|
||||
name: build-debian-package
|
||||
on:
|
||||
push:
|
||||
tags:
|
||||
- "doc-*"
|
||||
|
||||
jobs:
|
||||
build:
|
||||
name: Build the debian package
|
||||
runs-on: ubuntu-latest
|
||||
steps:
|
||||
- name: "Git clone"
|
||||
run: git clone ${{ gitea.server_url }}/${{ gitea.repository }}.git .
|
||||
- name: "Git checkout"
|
||||
run: git checkout "${{ gitea.sha }}"
|
||||
- name: "Submodules auschecken"
|
||||
run: git submodule update --init
|
||||
|
||||
- name: "Install dependencies"
|
||||
run: sudo apt-get update && sudo apt-get install pandoc nodejs texlive-full -y
|
||||
|
||||
- name: "Install mermaid"
|
||||
run: npm i -g @mermaid-js/mermaid-cli
|
||||
|
||||
- name: "Build .deb"
|
||||
run: cd ./Defensio && ./pandoc.sh
|
||||
- name: "Create release"
|
||||
uses: akkuman/gitea-release-action@v1
|
||||
with:
|
||||
files: |-
|
||||
./Defensio/defensio.pdf
|
||||
2
.gitmodules
vendored
2
.gitmodules
vendored
@@ -1,6 +1,6 @@
|
||||
[submodule "Defensio/libs/awesome-beamer"]
|
||||
path = Defensio/libs/awesome-beamer
|
||||
url = https://codeberg.org/LukasPietzschmann/awesome-beamer
|
||||
url = https://git.kocoder.xyz/kocoded/awesome-beamer
|
||||
[submodule "Defensio/libs/smile"]
|
||||
path = Defensio/libs/smile
|
||||
url = https://codeberg.org/LukasPietzschmann/smile
|
||||
|
||||
@@ -9,6 +9,7 @@ Aufgabenbereiche:
|
||||
|
||||
- Infrastruktur & CI/CD
|
||||
- Product Owner
|
||||
- Kundenschnittstelle
|
||||
- Softwareentwicklung:
|
||||
- Event Registration
|
||||
- Black Board
|
||||
@@ -18,13 +19,20 @@ Aufgabenbereiche:
|
||||
|
||||
:::: column
|
||||
|
||||
{width=4em}
|
||||
\begin{tikzpicture}
|
||||
\clip (0,0) circle (3em);
|
||||
\node at (0,0) {\includegraphics[width=6em]{./Images/images/konstantin/profile.jpg}};
|
||||
\draw[accent, line width=3pt] (0,0) circle (3em);
|
||||
\end{tikzpicture}
|
||||
|
||||
::::
|
||||
|
||||
:::
|
||||
|
||||
## Infrastruktur & CI/CD
|
||||
## Infrastruktur
|
||||
|
||||
::: columns
|
||||
:::: column
|
||||
|
||||
Systemaufbau:
|
||||
|
||||
@@ -33,18 +41,47 @@ Systemaufbau:
|
||||
- NginX
|
||||
- Asp.Net Core
|
||||
|
||||
::::
|
||||
:::: column
|
||||
|
||||
Entwicklungsumgebung:
|
||||
|
||||
- Gitea Server
|
||||
- Wireguard
|
||||
- Docker
|
||||
- Transfer: GitHub
|
||||
- Gitea Actions
|
||||
|
||||
::::
|
||||
:::
|
||||
|
||||
|
||||
## CI/CD
|
||||
|
||||
CI:
|
||||
|
||||
- Gitea Actions
|
||||
- Debian Packages (.deb)
|
||||
- Code-Reviewing:
|
||||
- KI
|
||||
- Git-Flow
|
||||
|
||||
## Softwarearchitektur
|
||||
|
||||
- Open-Closed Principle
|
||||
- Strategy Pattern
|
||||
- Dependency Injection
|
||||
|
||||
## Technischer Vergleich
|
||||
|
||||
Bisherige Erfahrungen:
|
||||
|
||||
- Go
|
||||
- Typescript
|
||||
- GRPC (interprozess Kommunikation)
|
||||
|
||||
Untersuchungsgebiete:
|
||||
|
||||
- Typisierung
|
||||
- Konsistenz
|
||||
|
||||
@@ -61,3 +98,5 @@ right
|
||||
::::
|
||||
|
||||
:::
|
||||
|
||||
## Fazit
|
||||
@@ -1,92 +1,65 @@
|
||||
# Adam Gaiswinkler
|
||||
|
||||
## Individueller Teil: Adam Gaiswinkler
|
||||
**Entwicklung von CMS-Modulen & Frontend-Design**
|
||||
**CMS‑Modul & Frontend**
|
||||
|
||||
---
|
||||
|
||||
## Ausgangslage & Motivation
|
||||
- **Ausgangssituation**: Bedarf an einer modernen Plattform für den Absolventenverein der HTL Ungargasse.
|
||||
- **Ausgangssituation**: Moderne Frontend‑Plattform für den Absolventenverein (responsive, neue 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.
|
||||
- Team‑Verkleinerung (6 → 3) → mehr Verantwortung.
|
||||
- Projektidentifikation & Praxis‑Blazor/ASP.NET.
|
||||
- **Ziele**:
|
||||
- Oqtane‑Module (Anmeldetool, Hall‑of‑Fame).
|
||||
- Responsives UI/UX.
|
||||
|
||||
---
|
||||
|
||||
## Eingesetzte Technologien
|
||||
|
||||
- **Styling**: Bootstrap & Custom CSS
|
||||
- **Spezielle Tools**: QuestPDF (PDF-Generierung), Gitea (Versionskontrolle)
|
||||
- **Entwicklungsumgebung**: Visual Studio 2022 & Visual Studio Code (macOS)
|
||||
- **Tech‑Stack**: Bootstrap + Custom‑CSS, QuestPDF, Gitea, VS 2022 wechsel zu VS 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.
|
||||
- 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 (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
|
||||
- **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: 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.
|
||||
## Umsetzung: Anmeldetool
|
||||
- Klar getrennte Ja/Nein‑Buttons.
|
||||
- Live‑Status‑Updates via Blazor.
|
||||
- UI‑Overlay, mobile‑freundlich.
|
||||
|
||||
---
|
||||
|
||||
## Herausforderungen & Lösungen
|
||||
- **Plattformwechsel (Windows zu macOS)**: Oqtane ist stark an Windows gekoppelt; gelöst durch Einsatz von JetBrains Rider.
|
||||
- **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.
|
||||
|
||||
- **Plattformwechsel**: Windows → macOS → JetBrains Rider.
|
||||
- **Hosting‑Probleme**: Node.js/HTML‑Übergangslösung 2025.
|
||||
|
||||
---
|
||||
|
||||
## 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.
|
||||
- **Technisch**: Git, CSS‑Flexbox, Blazor.
|
||||
- **Methodisch**: Aufgabenverteilung, regelmäßige Meetings.
|
||||
- **Persönlich**: Eigeninitiative & Verantwortung.
|
||||
|
||||
---
|
||||
|
||||
## 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.
|
||||
## Fazit & Ausblick
|
||||
- Theme final, mobil, Hall of Fame & Anmeldetool funktionsfähig.
|
||||
- **Erweiterungen**: Teilnehmer‑Auswertung, Anmelde‑Limit, automatische E‑Mail‑Erinnerungen.
|
||||
|
||||
|
||||
|
||||
Reference in New Issue
Block a user