Die öffentliche Verwaltung will sich digitalisieren - und ist spät dran. Geprägt von einer

komplexen Systemlandschaft werden in diesem Projekt Dienstleistungen, die Bürger vom Bund in Anspruch nehmen können, digital zur Verfügung gestellt. Dabei gelten die höchsten Anforderungen an den Datenschutz und die Barrierefreiheit.

• Nach Spotify Scrum organisiert, wurden wir mehrere Micro Apps betreut und ein neues CMS eingeführt
• Das headless CMS (Strapi) wurde zusätzlich an S3 Storage angebunden und individualisiert, um RedakteurInnen bspw. eine Vorschau auf Änderungen zu ermöglichen
• Darüber hinaus wurden das Logging erweitert und eine Kategorisierung für den verarbeitenden ELK Stack integriert
• Diese Erweiterungen wurden nach der empfohlenen Best Practice durch verschiedene Custom Plugins umgesetzt
• Parallel wurde der Wechsel von einem veralteten, wenig verbreiteten Frontend Framework, hin zu Vue.js vollzogen
• Der Integrationspunkt zwischen Frontend und Backend wurde durch die Nutzung von Web Components geschaffen, die auf der Frontend-Seite verwendet wurden
• Diese wurden nach dem Atomic Design-Prinzip entwickelt
• Diese modulare Struktur ermöglichte eine klare Organisation und Wiederverwendbarkeit von Komponenten
• Diese Komponenten kommunizierten über definierte Schnittstellen mit den entsprechenden Microservices auf der Backend-Seite, indem sie Events auslösten oder auf Events reagierten
• Diese Integration ermöglichte eine klare Trennung der Verantwortlichkeiten und förderte die Skalierbarkeit und Wartbarkeit des Gesamtsystems

Als zentrale Herausforderung lag hier das Update der Angular Applikation von Version 9 auf Version 15 vor. 

• Dabei mussten Abhängigkeiten zu externen UI Libraries (DevExpress, Primefaces) beachtet und Breaking Changes migriert werden
• Da die Komponenten der Libraries in weiten Teilen der Applikation verwendet worden waren, stand nach dem Update die Migration der Primeface Komponenten zu DevExpress Komponenten an, um in Zukunft weniger Abhängigkeiten und weniger komplexe Updates zu ermöglichen

Das Projekt begann als ursprüngliche Initiative zum Redesign des Frontends, entwickelte sich jedoch schnell zu einer umfassenden Überarbeitung, die nicht nur die Benutzeroberfläche, sondern auch tiefgreifende Veränderungen auf der Backend-Seite erforderte. 

• Der geänderte User Flow wurde sorgfältig gestaltet und in ein innovatives gestalterisches Konzept umgesetzt, welches wiederum in einer hochmodernen Komponentenbibliothek seinen Ausdruck fand
• Die technologische Landschaft des Projekts wurde durch die Integration von AWS S3 und DynamoDB erweitert
• AWS S3 ermöglicht die effiziente Verwaltung und Speicherung von statischen Ressourcen, während DynamoDB als NoSQL-Datenbank für die Speicherung strukturierter Daten genutzt wird
• Zusätzlich wurde AWS Lambda implementiert, um serverlose Funktionen zu ermöglichen, die aufgrund von Ereignissen oder Anforderungen automatisch ausgelöst werden
• Die Versionskontrolle und der Code-Workflow des Projekts wurden durch den Einsatz von GIT und Github + Actions optimiert
• Die Integration von Github Actions erlaubte uns die Automatisierung von Workflows, insbesondere im Rahmen von Continuous Integration und Continuous Deployment (CI/CD), was zu einer effizienten Entwicklung und Bereitstellung des Codes führte
• Besonders herausfordernd war die Integration dieser fortschrittlichen Technologien in eine Legacy Java-Anwendung, die während des laufenden Betriebs schrittweise durch den Ansatz des Progressive Enhancement verbessert wurde
• Dies erforderte eine präzise Anpassung an die bestehende Infrastruktur und stellte sicher, dass das Projekt nicht nur technologisch fortschrittlich, sondern auch nahtlos in die bestehende Systemarchitektur integriert ist
• Insgesamt ist das Projekt nicht nur eine spannende technologische Herausforderung, sondern auch ein Beispiel für eine ganzheitliche Herangehensweise an die Modernisierung von Anwendungen

Unsere Entscheidung, Svelte als Hauptframework für die Umsetzung mehrerer Landing Pages zu wählen, basiert auf seiner steigenden Beliebtheit in Entwicklerumfragen und seinem innovativen Ansatz in Bezug auf Reaktivität und State Management. Die Verwendung von TypeScript in Kombination mit Svelte ermöglicht uns die Nutzung statischer Typisierung, was die Codequalität und -sicherheit verbessert.

• Für die Entwicklung und Wartung unserer Komponenten entwickelten wir Rockability UI, ein Framework, um barrierefreie Formulare zu erstellen
• Die Integration von Swiper ermöglichte eine ansprechende und benutzerfreundliche Navigation auch auf mobilen Endgeräten
• Die Umsetzung umfangreicher Filterlogik erfolgte mithilfe von verschiedenen Tools, darunter Jest für effizientes Testing, SASS und CSS3 für die Gestaltung der Benutzeroberfläche
• Um eine effiziente Build- und Entwicklungsumgebung sicherzustellen, setzen wir ESBuild als schnellen JavaScript-Bundler ein
• Unser Entwicklungsprozess wurde durch die Verwendung von Git unterstützt, um eine effektive Versionskontrolle und Zusammenarbeit im Team zu gewährleisten
• Die gesamte Anwendung wurde gemäß den aktuellen Webstandards mit HTML5 entwickelt

In Anbetracht der anspruchsvollen Projektanforderungen haben wir in kürzester Zeit eine robuste Grundlage für eine Applikation geschaffen, die später zu einem umfassenden Portal für Studierende ausgebaut werden sollte. Der geplante Funktionsumfang umfasste komplexePrüfungslogik, die Möglichkeit zur individuellen Konfiguration von Studienverläufen sowie die Bereitstellung von multimedialen Studienmaterialien.

• Unser interdisziplinäres SCRUM-Team realisierte eine leistungsfähige REST API, die sich nahtlos mit dem Vue.js-basierten Frontend verzahnte
• Die Integration von Axios ermöglichte eine effiziente Kommunikation zwischen Frontend und der REST API, während Vite als Build-Tool für schnelle Entwicklung und effektive Bereitstellung sorgte
• Die Integration des Build Prozesses in Azure Pipelines ermöglichte eine automatisierte Bereitstellung des Produktes und garantierte kurze Reaktionszeiten und Flexibilität für unsere CI/CD Prozesse
• Frontend-Komponenten wurden gemäß dem Atomic Design-Prinzip entwickelt, um eine strukturierte und wiederverwendbare Designphilosophie Realität werden zu lassen
• Die Nutzung von TypeScript für eine robuste Codebasis und die PrimeVue Komponentenbibliothek ermöglichten eine effiziente und skalierbare Frontend-Entwicklung
• Die umfassende Testabdeckung wurde durch Vitest und Open API sichergestellt, um höchste Qualitätsstandards zu gewährleisten

In einer bestehende Applikation sollte ein Formular ergänzt werden, das eine Prognose des Nettolohns bei schweizer Arbeitgeber und deutschem Wohnsitz berechnet. 

• In kurzer Zeit in ein bestehendes Projekt einzutauchen, die vorliegenden Strukturen zu erkennen und zu erweitern, machte das Projekt zu einer willkommenen Herausforderung
• Dabei war der Einsatz eines Static Site Generators wie Gatsby nötig, um die LandingPage für Suchmaschinen zu optimieren

Dieses Projekt war geprägt von der Zusammenarbeit mit Kollegen, die für Gestaltung und Videographie verantwortlich waren. 

• Die Entwicklung und Abnahme der Seite auf einer Staging Umgebung vor dem Livegang ermöglichte einen reibungslosen Wechsel zwischen alter und neuer Webseite