\begin{titlepage}
\begin{minipage}[c]{0.25\textwidth}
    \includegraphics[width=\textwidth]{images/preamble/szu.png}
\end{minipage}
\hfill
\begin{minipage}[c]{0.7\textwidth}
    \raggedleft
    \textbf{Schulzentrum HTL HAK Ungargasse} \\
    Höhere Lehranstalt für Informationstechnologie \\
    Ausbildungsschwerpunkt Netzwerktechnik
\end{minipage}
\rule{\textwidth}{0.4pt}

    \vspace{1cm}
    
    \begin{center}
        \includegraphics[width=0.6\textwidth]{images/preamble/logo.png} \\
        \vspace{1.5cm}
        
        \textbf{\Huge DIPLOMARBEIT} \\
        \vspace{1cm}
        \textbf{\huge AlumniHub} \\
        \vspace{0.5cm}
        \textit{\Large Plattform für den Absolventenverein des SZ HTL HAK Ungargasse}
    \end{center}

    \vspace{1.75cm}

    \begin{minipage}[t]{0.5\textwidth}
        \textbf{Verfasser:} \\
        Adam Gaiswinkler \\
        Florian Edlmayer \\
        Konstantin Hintermayer
    \end{minipage}
    \begin{minipage}[t]{0.4\textwidth}
        \textbf{Betreuer:} \\
        Prof. Thomas Gürth 
    \end{minipage}

    \vspace{0.5cm}

    \begin{minipage}[t]{0.5\textwidth}
        \textbf{Klasse:} \\
        5BHITN
    \end{minipage}
    \begin{minipage}[t]{0.4\textwidth}
        \textbf{Schuljahr:} \\
        2025/26
    \end{minipage}

    \vspace{0.75cm}

    \begin{minipage}[t]{0.5\textwidth}
        \textbf{Abgabevermerk:} \\
        Wien, am 26.03.2026
    \end{minipage}
    \begin{minipage}[t]{0.4\textwidth}
        \textbf{Projektnummer:} \\
        3U\_HI\_2026\_04 \\
        \hrulefill 
    \end{minipage}

    \vspace{0.25cm}

    \textbf{übernommen von:} \\
    \hrulefill
\end{titlepage}

\newpage
\pagenumbering{Roman}
\cleardoublepage
\section*{Eidesstattliche Erklärung}
Ich erkläre, dass ich die vorliegende Diplomarbeit selbstständig und ohne fremde Hilfe verfasst, andere als die angegebenen Quellen und Hilfsmittel nicht benutzt, sowie die aus anderen Werken übernommene Inhalte durch Quellenangaben erkenntlich gemacht habe.

\vspace{1.5cm}

\begin{tabular}{@{}p{5cm}p{1cm}p{7cm}@{}}
Wien, am 26.03.2026 & & \hrulefill \\
& & Adam Gaiswinkler
\end{tabular}

\vspace{1.2cm}

\begin{tabular}{@{}p{5cm}p{1cm}p{7cm}@{}}
Wien, am 26.03.2026 & & \hrulefill \\
& & Florian Edlmayer
\end{tabular}

\vspace{1.2cm}

\begin{tabular}{@{}p{5cm}p{1cm}p{7cm}@{}}
Wien, am 26.03.2026 & & \hrulefill \\
& & Konstantin Hintermayer
\end{tabular}

\newpage
\section*{Kurzfassung}
Die vorliegende Diplomarbeit dokumentiert die Konzeption, Planung und Entwicklung der Webanwendung „AlumniHub“, einer zentralen Plattform für den Absolventenverein der Höheren Technischen Bundeslehr- und Versuchsanstalt (HTL) Schulzentrum Ungargasse (SZU). Die Ausgangslage des Projekts war die dezentrale und stark manuelle Verwaltung von rund 300 Alumni mittels CSV-Dateien sowie das Auslaufen einer bestehenden Lizenz für Event-Anmeldungen. Der Fokus des Projekts lag darauf, ein modernes, barrierefreies, skalierbares und zukunftssicheres System zu schaffen. Es sollte nicht nur ein reines Verwaltungstool sein, sondern eine interaktive Plattform, die die Kommunikation, die Veranstaltungsorganisation und vor allem das professionelle Networking nachhaltig vereint.

Die technische Realisierung der Software erfolgte unter Anwendung agiler Projektmanagement-Methoden (Scrum) auf Basis moderner Webtechnologien aus dem Microsoft-Ökosystem. Hauptsächlich kam das auf ASP.NET Core und Blazor aufbauende Content-Management-System (CMS) Oqtane zum Einsatz. Durch dessen modulare Architektur wurden die spezifischen Anforderungen des Absolventenvereins in Form von individuell entwickelten Modulen von Grund auf neu programmiert und nahtlos in ein Gesamtsystem integriert. 

Die Teammitglieder teilten sich die Umsetzung des Projekts in klar abgegrenzte, spezialisierte Verantwortungsbereiche auf:
**Konstantin Hintermayer** (Product Owner) verantwortete als Projektleiter die Konzeption und Bereitstellung der Server-Infrastruktur unter Linux (inklusive Evaluation von Hosting-Anbietern und Migration zu LiveDesign). Er entwickelte die Datenbankarchitektur mit PostgreSQL, implementierte automatisierte Sicherheitsbackups (Disaster Recovery) sowie eine kontinuierliche Bereitstellungspipeline (CI/CD) über Gitea Actions. Inhaltlich programmierte er die Module für das digitale „Schwarze Brett“ als Kommunikationsdrehscheibe und entwickelte automatisierte Modulfunktionen wie grafische Datenauswertungen der Registrierungen sowie tägliche E-Mail-Rundschreiben.
**Adam Gaiswinkler** konzentrierte sich auf das Frontend und die Benutzeroberfläche. Er entwickelte ein spezifisches, komplett responsives Oqtane-Theme, das stark am offiziellen Schuldesign orientiert ist, und legte dabei besonderen Wert auf eine herausragende User Experience (UX), auch auf mobilen Endgeräten. Zudem implementierte er ein interaktives Anmeldetool für Veranstaltungen sowie das Modul „Hall of Fame“, in dem herausragende berufliche Werdegänge von Absolventinnen und Absolventen in Szene gesetzt werden. Dabei integrierte er eine Lösung für dynamische, maßgeschneiderte PDF-Profil-Exporte via QuestPDF.
**Florian Edlmayer** konzipierte und entwickelte das Herzstück für erweiterte Zugriffsrechte: Einen exklusiven Premiumbereich. Dieses Feature beinhaltet neben einer zielgerichteten Mitgliedersuche samt Kontaktfunktion auch einen vollständig nachvollziehbaren, digitalen Freigabeworkflow für Ingenieursanträge der Absolventen. Zusätzlich sorgte er durch die Ausarbeitung einer umfassenden Datenschutzerklärung für die notwendige rechtliche Konformität nach DSGVO-Richtlinien und übernahm die informationelle Sicherheit der Plattform, indem er Single-Sign-On Mechanismen über OAuth 2.0 (LinkedIn-Login) sowie rollenbasierte Rechte logisch integrierte.

Als Gesamtergebnis der Arbeit entstand eine leistungsstarke, sicher gehostete und hochgradig benutzerfreundliche Plattform, die den administrativen Aufwand aufseiten des Vereins signifikant reduziert. Den Absolventen der HTL Ungargasse wird durch „AlumniHub“ ein zentraler, digitaler Ort geboten, um miteinander vernetzt zu bleiben, von einem gegenseitigen Erfahrungsaustausch zu profitieren und ihre Karrieren aktiv in die Schulgemeinschaft einzubinden.
\cleardoublepage
\section*{Abstract}
This diploma thesis documents the design, planning, and development of the web application "AlumniHub," a centralized digital platform created for the alumni association of the HTL Ungargasse (SZU). The project was initiated to replace the decentralized and highly manual management of approximately 300 alumni, previously handled via simple CSV files, and to provide a new solution for event registrations due to the expiration of a critical software license. The primary goal of the project was to establish a modern, accessible, scalable, and future-proof system. It was designed not merely to function as an administrative tool, but to act as an interactive ecosystem that sustainably unifies member communication, event organization, and professional networking.

Technically, the software was realized using agile project management methodologies (Scrum) and advanced web technologies rooted in the Microsoft ecosystem. The core foundation was the Oqtane Content Management System (CMS), built securely on ASP.NET Core and Blazor. Oqtane's modular software architecture enabled the team to code custom features tailored to the exact requirements of the alumni association from scratch and integrate them seamlessly into a cohesive platform.

The project team strategically partitioned the workload into highly specialized areas of responsibility:
**Konstantin Hintermayer** (Product Owner) operated as the project manager, taking charge of the conceptualization and deployment of the server infrastructure on Linux OS (including the evaluation of hosting providers and subsequent migration to LiveDesign). He designed the relational database architecture using PostgreSQL, implemented automated security backups (Disaster Recovery routines), and configured continuous integration and deployment (CI/CD) workflows via Gitea Actions. In terms of software development, he built the digital "Blackboard" (Schwarzes Brett) module acting as a dynamic communication hub, alongside features for graphical data analytics and scheduled automated email digests.
**Adam Gaiswinkler** dedicated his efforts to the frontend and user interface design. He developed a fully responsive, custom Oqtane theme closely aligned with the school's corporate design, placing a strong emphasis on providing an exceptional User Experience (UX) across desktop and mobile devices. Furthermore, he engineered an interactive event registration tool and created the "Hall of Fame" module, an area dedicated to showcasing the outstanding career progressions of former students. For this module, he innovatively integrated an automated, customized PDF profile generation engine based on QuestPDF.
**Florian Edlmayer** was the lead architect and developer for the implementation of advanced access protocols via the creation of an exclusive Premium Area. This expansive module introduces targeted member search functionalities and implements a completely digital, transparent approval workflow for engineering applications submitted by graduates. Recognizing the critical importance of data privacy, he also drafted comprehensive data protection guidelines ensuring strict compliance with the General Data Protection Regulation (GDPR). To robustly secure the application infrastructure, he integrated Role-Based Access Controls alongside Single Sign-On (SSO) authentication mechanisms, leveraging OAuth 2.0 (specifically LinkedIn login).

The resulting product is a high-performing, securely hosted, and remarkably user-friendly platform that considerably minimizes the administrative burden previously borne by the association. Above all, "AlumniHub" serves as a central, digital home for the graduates of HTL Ungargasse, reliably ensuring they stay connected, share valuable professional experiences, and maintain an active relationship with their broader school community.

\newpage
\pagenumbering{arabic}
\
\setcounter{page}{1}

\makeatletter
\renewcommand{\tableofcontents}{%
  \@starttoc{toc}%
}
\renewcommand{\listoffigures}{%
  \@starttoc{lof}%
}
\renewcommand{\listoftables}{%
  \@starttoc{lot}%
}
