\newpage

# Kurzfassung {.unnumbered .unlisted}

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

# Abstract {.unnumbered .unlisted}

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

# Danksagung {.unnumbered .unlisted}

Obwohl die Umsetzung dieses Projektes durch das Projektteam selbst erfolgte, gab es eine Reihe an Personen, die uns tatkräftig unterstützt haben.

An erster Stelle möchten wir uns bei Herrn Prof. Thomas Gürth und Herrn Prof. Johannes Kreuzer bedanken. Ohne Ihre umfangreiche Unterstützung, Kreativität und fachliche Kompetenz wäre das Projekt in dieser Form nicht realisierbar gewesen. Sie beide haben uns durch dieses Projekt begleitet, uns mit wertvollen Ideen und Hilfestellungen versorgt und uns gleichzeitig den notwendigen Freiraum für eigenständiges Lernen und Arbeiten gelassen.

Neben einer exzellenten Betreuung bedarf eine Diplomarbeit auch eines engagierten Auftraggebers. Bei Lukas Aigner bedanken wir uns für das Vertrauen in unser Team und die Ermöglichung dieses Projektes. Trotz zeitlicher Verzögerungen im Rahmen der Arbeit, erfuhren wir von seiner Seite großes Verständnis und fanden stets eine konstruktive Basis für Diskussionen vor.

Ein besonders komplexer Aspekt dieser Arbeit war die Infrastruktur, für die im Prozess drei verschiedene Lösungen evaluiert wurden. Wir danken Stefan Reinel und dem Team von LiveDesign für die bereitwillige Unterstützung. Ohne die aktuelle Infrastruktur hätten wir bis heute keine zufriedenstellende Lösung für unsere Homepage gefunden.

Als wir im Oktober kurzfristig eine neue Produktionsumgebung benötigten, wurde uns unbürokratisch durch die Schule geholfen. Herr Prof. Harald Dassler und Herr Prof. Andreas Resch haben uns zur Weiterentwicklung eine virtuelle Maschine zur Verfügung gestellt und den externen Zugriff ermöglicht. Es ist nicht selbstverständlich, dass in einer Institution dieser Größe ein solcher Wunsch so schnell und unkompliziert umgesetzt wird.

Für den „frischen Wind“ und das sorgfältige Korrekturlesen der Arbeit bedanken wir uns herzlich bei Frau Prof. Gertrude Brindlmayer. Ihr geschulter Blick auf Details, die dem Team im Arbeitsprozess entgangen waren, stellte eine große Bereicherung für die finale Qualität dieser Arbeit dar.

\cleardoublepage
\pagestyle{empty}
\pagenumbering{arabic}
\setcounter{page}{1}
