Übersicht
- Beratung und technisches Konzept für die Überarbeitung des bestehenden Technologiestacks der Adminoberfläche
- Entwicklung eines Prototypen
- Gemeinsame Überarbeitung der bestehenden Admin-Oberfläche
- Entwicklung eines Baukastensystems mit wiederverwendbaren Komponenten
Informationen
Swisscom Event & Media Solutions
Egal ob Sportveranstaltung, Generalversammlung oder Kundenevent Die Swisscom Event & Media Solutions unterstützt ihre Kunden umfassend mit Telekommunikations-, IT-, Streaming Media, Content Delivery und Eventmanagement-Dienstleistungen.
Zoon unterstützt Unternehmen bei der Organisation Ihrer virtuellen, physischen und hybriden Events über eine Plattform.
Herausforderung
Zoon stellt mit dem Events-Frontend eine Oberfläche für alle Teilnehmenden eines Events bereit und eine Adminoberfläche zum Erstellen und Verwalten dieser Events. Dabei bietet die Plattform sehr viele Funktionen und ein hohe Flexibilität was zu einer hohen Komplexität in der Adminoberfläche führt.
Ziel unseres Kunden war es, die User Experience der Adminoberfläche zu verbessern und mittelfristig den Entwicklungsaufwand für die Implementierung neuer Funktionen zu reduzieren.
Für eine bessere User Experience sollten vor allem interaktive Komponenten implementiert werden.
Unsere Aufgabe bestand in der Erstellung eines Konzeptes zur Überarbeitung des Technologiestacks und der Implementierung eines Prototypen in der Adminoberfläche.
Auf Grundlage des neuen Technologiestacks sollte die Adminoberfläche umgebaut werden. Außerdem sollte ein Baukasten entwickelt werden, der es erlaubt, neue Funktionen schneller und damit kostengünstiger in der Adminoberfläche bereitzustellen.
Lösung
Das Backend von Zoon basiert auf dem PHP Framework Neos Flow und verwendet ein Model-View-Controller Pattern. Dieses Pattern hat im Kontext einer Adminoberfläche bereits sehr viele Vorteile hinsichtlich der Entwicklungsgeschwindigkeit, vor allem weil Neos Flow bereits viele Funktionen wie Security und Routing bereitstellt und sehr einfach statische gerenderte Seiten verwendet werden können.
Die Lösung bestand in der Überarbeitung des Technologiestacks bezogen auf die View-Schicht.
Die Templating Sprache Fluid wurde durch Neos Fusion und die Templating Sprache AFX ersetzt. Diese Kombination ermöglicht einen komponentenbasierten Ansatz beim Aufbau des Markups für die statisch gerenderten Seiten.
Eine hohe Interaktivität einzelner Komponenten erreichten wir durch den Einsatz von Stimulus.js, React und Redux im Browser.
Während des Umbaus der Admin-Oberfläche entstand so ein flexibler Baukasten mit wiederverwendbaren interaktiven Komponenten. Diese ermöglichen die Bereitstellung einer großartigen User Experience und eine höhere Entwicklungsgeschwindigkeit bei der Umsetzung neuer Funktionen in der Adminoberfläche.