VSHN AG

Herausforderung

Das VSHN-Kundenportal ist seit dem ersten Commit 2016 stetig gewachsen, blieb aber über lange Zeit im Betastadium. Ziel war es, das Portal mit einem Facelifting aus dieser Phase zu heben und gleichzeitig die Benutzerführung spürbar zu verbessern.

Viele Funktionen hängen von Umsystemen wie Jira, Odoo und OpenShift-Instanzen ab. Für eine effiziente Weiterentwicklung (auch ausserhalb der VSHN-Umgebung) mussten diese Abhängigkeiten entkoppelt bzw. mockbar gemacht werden.

Lösung

nxt unterstützte VSHN beim Relaunch des Kundenportals: Redesign, Konsolidierung von Funktionalitäten und gezielte UX-Verbesserungen in Masken, Tabellen und Formularen (u. a. vereinheitlichte UI, Suche/Export).

Um unabhängig von Umsystemen entwickeln zu können, wurden diese zuerst gemockt. Dafür wurden Mock-Daten pragmatisch als YAML-Dateien erfasst und in die Applikation integriert (Portal basiert auf Play Framework mit Guice).

Zusätzlich wurden wiederverwendbare UI-Komponenten für Formulare gebaut, duplizierter Code reduziert und die Anmeldeseite als erster Touchpoint verbessert. Durch agile, iterative Zusammenarbeit konnten Verbesserungen und neue Funktionen in kurzen Zyklen ausgerollt werden.

Herausforderung

VSHN betreibt und wartet für Kund:innen dedizierte Kubernetes-Cluster und setzt dafür auf eigene Automatisierungswerkzeuge – zentral ist das Open-Source-Projekt K8up für automatisierte Backups und Restores.

Anfang 2021 fehlten einem neu gegründeten internen Team kurzfristig Kapazität und spezifisches Know-how (Go und Kubernetes), um K8up stabil weiterzuentwickeln und die Qualität bei häufigen Änderungen zuverlässig abzusichern.

Zusätzlich war die Projektstruktur (eng gekoppelte, aber getrennt verwaltete Applikationsteile) für Anwender:innen verwirrend und erschwerte die Ursachenanalyse bei Fehlern.

Lösung

nxt unterstützte das VSHN-Team interimistisch im Engineering-Alltag (u. a. Dailies, Umsetzung, Reviews, Priorisierung) und brachte Know-how in Go und Kubernetes ein.

Zur Qualitätsabsicherung wurden die Tests ausgebaut: Integrationstests gegen eine reduzierte Kubernetes-API sowie End-to-End-Tests mit einem vollständigen Cluster via KIND inkl. Minio und realistischem Backup/Restore-Flow. Diese Tests laufen automatisiert vor jeder Änderung und decken Fehler früh auf.

Zudem wurde K8up in eine eigene GitHub-Organisation überführt und die zuvor getrennten, eng abhängigen Applikationsteile zusammengeführt. Das Ergebnis ist K8up v2 mit den Verbesserungen aus der Zusammenarbeit.

Herausforderung

Erfahrene User können ihre APPUiO-Cloud-Instanz direkt über die Kubernetes API bzw. die Kommandozeile verwalten. Für technisch weniger versierte Benutzer:innen ist das jedoch oft eine grosse Hürde.

Es wird daher eine zugängliche Weboberfläche benötigt, mit der sich zentrale Funktionen wie das Verwalten von Organisationen und Teams sowie das Vergeben und Entziehen von Berechtigungen einfach bedienen lassen.

Zusätzlich müssen detaillierte, aktuelle Informationen zu den verfügbaren Zonen (z. B. Gateways, Kubernetes-/OpenShift-Versionen, relevante URLs) sowie der Betriebsstatus der APPUiO Cloud verständlich abrufbar sein.

Lösung

nxt entwickelt im Auftrag von VSHN das APPUiO Cloud Portal als Webapplikation, die auch weniger technischen Usern ermöglicht, ihre Cloud-Projekte einfach zu managen (Organisationen, Teams, Berechtigungen, Zoneninformationen, Status und Hilfe-Menü).

Das Front-End kommuniziert direkt mit der APPUiO Cloud über die Kubernetes API, um Informationen abzurufen und Aktionen auszuführen. Alles, was über die grafische Oberfläche möglich ist, ist damit auch via Kubernetes API (z. B. mit kubectl oder Terraform) möglich.

Für die Umsetzung werden bewährte Technologien eingesetzt: Angular als Framework, PrimeNG für UI-Komponenten, Jest und Cypress für automatisierte Tests sowie Keycloak für Identitäts- und Zugriffsverwaltung. Das Portal wird zudem selbst auf der APPUiO Cloud betrieben (dedizierte Management-Instanz).