Marcel Durchholz

Im Rahmen dieses Projekts wurde eine vollständig eigenständige KI-gestützte Webanwendung für den öffentlichen Sektor konzipiert und entwickelt. Die technische Basis bildet Angular 20, wobei konsequent auf die Nutzung der framework-eigenen Bordmittel gesetzt wurde. Der bewusste Verzicht auf externe Third-Party-Packages verfolgt das Ziel, eine schlanke, wartbare und hochperformante Anwendung zu realisieren.

Technische Umsetzung und Architektur

Die Anwendung nutzt intensiv das reaktive Programmiermodell von Angular, insbesondere die mit Angular 16 eingeführten Signals. Diese ermöglichen eine granulare Reaktivität ohne den Overhead traditioneller Change-Detection-Mechanismen. Durch den Einsatz von Computed Signals und Effects wurde ein durchgängig reaktives Datenflussmodell implementiert, das Zustandsänderungen effizient propagiert.

Für das State Management wurde eine maßgeschneiderte Lösung auf Basis von Signal Stores entwickelt, die exakt auf die Anforderungen der Anwendung zugeschnitten ist und externe Bibliotheken überflüssig macht.

Performance-Optimierung

Die Performance-Optimierung stand während des gesamten Entwicklungsprozesses im Fokus. OnPush Change Detection in Kombination mit Signals steigert die Rendering-Performance signifikant. Lazy Loading auf Routen- und Komponentenebene sorgt für minimale initiale Ladezeiten. Virtuelle Scrolling-Mechanismen gewährleisten auch bei umfangreichen Datenmengen eine flüssige Benutzererfahrung.

KI-Integration und Compliance

Die Anwendung integriert KI-Funktionalitäten zur intelligenten Datenverarbeitung und Entscheidungsunterstützung. Streaming-Responses werden mittels Server-Sent Events verarbeitet, um Echtzeit-Feedback der KI-Modelle darzustellen.

Als Anwendung für den öffentlichen Sektor wurden höchste Anforderungen an Datenschutz und Sicherheit erfüllt: DSGVO-konforme Datenverarbeitung, rollenbasierte Zugriffssteuerung sowie vollständige Barrierefreiheit nach WCAG 2.1 AA-Standard.

Im Zeitraum von 2021 bis 2024 wurde ein bestehendes, individuell entwickeltes ERP-System kontinuierlich weiterentwickelt und modernisiert. Das Projekt umfasste sowohl die Implementierung neuer Funktionalitäten als auch die technische Aktualisierung der gesamten Systemarchitektur.

Technologie-Stack

Angular 8 – 16+, Angular Material, PHP, MySQL, CSS, Git/GitLab/GitHub, GitHub Actions, npm/yarn, API/REST, Google Cloud Run, Jira, Confluence, Docker, Ansible, RxJS

Technische Modernisierung

Ein zentraler Aspekt war die schrittweise Migration von Angular 8 auf Angular 16+. Dabei wurden veraltete Patterns durch moderne Konzepte ersetzt und die Reaktivität der Anwendung durch konsequenten Einsatz von RxJS optimiert. Die Benutzeroberfläche wurde mit Angular Material überarbeitet, um eine konsistente User Experience zu gewährleisten.

Funktionale Erweiterungen

Es wurden zahlreiche neue Funktionalitäten in das ERP implementiert, die sich aus veränderten Geschäftsanforderungen ergaben. Neu entstandene Arbeitsprozesse wurden systematisch analysiert und konkrete Optimierungsvorschläge erarbeitet. Die enge Zusammenarbeit mit den Fachabteilungen stellte sicher, dass die Lösungen praxisnah und effizient umgesetzt wurden.

Schnittstellenmanagement

Bestehende Schnittstellen zu proprietären Softwaresystemen wurden angepasst, erweitert und vollständig dokumentiert. Die REST-API-Architektur ermöglichte eine flexible Integration externer Systeme bei gleichzeitiger Wahrung der Datenintegrität.

DevOps und Infrastruktur

Die Deployment-Prozesse wurden mittels GitHub Actions automatisiert. Docker-Container gewährleisten eine reproduzierbare Infrastruktur.

Weiterentwicklung einer bestehenden Frontend-Anwendung für ein weltweit tätiges Unternehmen der Energiebranche. Der Fokus lag auf der nachhaltigen Optimierung der Codebasis sowie der Verbesserung von Strukturen zur signifikanten Reduzierung des Entwicklungs- und Wartungsaufwands.

Technologie-Stack

Angular 12 – 14, Angular Material, CSS/SCSS, Git/GitHub, npm/yarn, API/REST, MongoDB, Jasmine/Karma, RxJS

Code-Optimierung

Im Rahmen der Weiterentwicklung wurden bestehende Codestrukturen systematisch analysiert und refaktoriert. Redundante Implementierungen wurden identifiziert und in wiederverwendbare Komponenten und Services überführt. Durch die konsequente Anwendung von Angular Best Practices und Design Patterns konnte die Wartbarkeit der Anwendung erheblich gesteigert werden.

Strukturelle Verbesserungen

Die Anwendungsarchitektur wurde überarbeitet, um eine klarere Trennung von Verantwortlichkeiten zu erreichen. Reaktive Datenflüsse mittels RxJS wurden optimiert und Memory Leaks durch korrektes Subscription-Management eliminiert. Die Modularisierung der Codebasis ermöglicht nun eine effizientere Zusammenarbeit im Entwicklerteam.

Qualitätssicherung und Testing

Ein wesentlicher Bestandteil des Projekts war das Schreiben und Anpassen von Unit- und Integrationstests mit Jasmine/Karma. Die Testabdeckung wurde erweitert, um kritische Geschäftslogik zuverlässig abzusichern. Bestehende Tests wurden an die refaktorierten Strukturen angepasst und dokumentiert.