Nova Workspace
Eine gemeinsame, benutzerfreundliche Plattform für Erstellung, Verwaltung und Planung von Animationen.
Ausgangslage
Die FHNW in Brugg-Windisch betreibt mehrere interaktive Lichtinstallationen, die als Nova-Module bekannt sind. Es sind dreidimensionale Lichtobjekte, die aus regelmässig angeordneten Leuchtpunkten bestehen. Um das Potenzial dieser Technologie auszuschöpfen, wurden in den letzten Jahren zwei verschiedene Systeme entwickelt: der Nova Editor und die Anwendung Open Content. Diese Arbeit knüpft an den beiden bestehende Softwareprojekte an. Beide wurden mit dem Ziel konzipiert, Inhalte für die an der FHNW an verschiedenen Standorten installierten Nova-Module zu erstellen, jedoch mit jeweils unterschiedlichem Fokus und Funktionsumfang. Der Nova Editor entstand im Rahmen eines IP5-Projekts als technisch anspruchsvolles Werkzeug für die Gestaltung komplexer Animationen. Er bietet einen grossen gestalterischen Spielraum und ermöglicht es, Animationen auf Voxel-Ebene im dreidimensionalen Raum zu erstellen und zu animieren. Dabei handelt es sich um eine rein frontendbasierte Anwendung ohne direkte Verbindung zu einem Backend oder zu den physischen Nova-Modulen. Open Content wurde im Rahmen einer Bachelorarbeit entwickelt. Ziel war es, eine Plattform zu schaffen, mit der auch externe Personen, etwa Passant*innen im öffentlichen Raum, auf einfache Weise Textanimationen erzeugen und unmittelbar auf Nova-Modulen anzeigen lassen können. Die Bedienung erfolgt über eine reduzierte Oberfläche, auf der Text, Farbe und Animationstyp gewählt werden können. Eine Verbindung zum Backend ermöglicht dabei die Wiedergabe auf den verschiedenen Modulen. Beide Systeme erfüllen jeweils klare Anforderungen, ohne aufeinander abgestimmt zu sein. Während der Nova Editor maximale Kontrolle über Gestaltung und Struktur bietet, erleichtert Open Content den Zugang zur Technologie, verzichtet dabei aber auf kreative Tiefe und Erweiterbarkeit. Eine gemeinsame Schnittstelle existierte bislang nicht.
Zielsetzung
Ziel dieses Projekts ist die Entwicklung einer zentralen und nutzerfreundlichen Plattform mit dem Namen Nova Workspace, die die bislang getrennten Funktionalitäten des Nova Editors und von Open Content in einer gemeinsamen Umgebung vereint. Die Anwendung ermöglicht es, Animationen unabhängig vom Endgerät zu erstellen, zu verwalten und gezielt auf verschiedene Nova-Module zu bespielen. Im Fokus steht dabei die Vereinbarkeit von gestalterischer Tiefe und einfacher Bedienbarkeit: Nutzer*innen können weiterhin komplexe Inhalte gestalten, während auch technisch weniger erfahrene Personen eine intuitive Oberfläche vorfinden, um einfache Animationen zu erstellen. Der Nova Workspace ist sowohl für Desktop- als auch für mobile Geräte ausgelegt und unterstützt dadurch ortsunabhängige Anwendungsszenarien wie Ausstellungen oder öffentliche Installationen. Die Plattform wird zudem funktional erweitert. Sie erlaubt die Nutzung und Anpassung vordefinierter Animationen, bietet eine zeitgesteuerte Wiedergabe und ermöglicht es, Inhalte gezielt bestimmten Nova-Modulen zuzuweisen. Über die Anbindung an ein Backend, welches gleichzeitig in einem anderen IP5-Projekt überarbeitet wird, können Animationen gespeichert, bearbeitet, wiederverwendet und abgespielt werden. Damit entsteht ein flexibles System, das den bisherigen Funktionsumfang zusammenführt und sinnvoll erweitert.
Textanimation
Die Textanimation ermöglicht es, beliebige Texte als animierte Voxel-Schrift auf einem Nova-Modul darzustellen. Schriftfarbe, Animationsrichtung und anzuzeigende Tiefenebenen können frei gewählt werden. Das Ergebnis bewegt sich als fliessende Animation über die Modulfläche und lässt sich im Workspace bearbeiten oder abspielen.
Animation Manager
Der Animation Manager dient zur Verwaltung aller gespeicherten Animationen im Nova Workspace. Er zeigt eine übersichtliche Liste mit allen Projekten, aus der Animationen abgespielt, bearbeitet, gelöscht oder zeitlich geplant werden können. Damit fungiert er als Zentrale für alle erstellten Inhalte.
Zeitpläne
Das TimeTable Modal zeigt alle geplanten Animationen in einer übersichtlichen Tabelle mit Angaben zu Start- und Endzeiten, Ausführungsart (einmalig oder wiederkehrend), betroffenen Modulen und geplanten Wochentagen. Zusätzlich sind für jede Animation Bearbeitungs- und Löschfunktionen integriert, sodass Zeitpläne flexibel angepasst oder entfernt werden können. Die Ansicht dient als zentrale Verwaltungsoberfläche, um schnell einen Überblick über alle aktiven und zukünftigen Animationen zu erhalten und mögliche Überschneidungen zu erkennen.
Ergebnisse
Die Erweiterungen Textanimation, Animation Manager und TimeTable haben den Nova Workspace um wichtige Funktionen erweitert. Die Textanimation ermöglicht individuell konfigurierbare Voxel-Textanimationen, der Animation Manager vereinfacht Verwaltung und Steuerung, und die Zeitplanung erlaubt eine zeitliche Planung. Dank responsivem Design ist die Bedienung auch auf mobilen Geräten intuitiv möglich, und über die REST-API-Schnittstelle ist eine direkte Anbindung an das Backend gewährleistet. Alle Komponenten sind vollständig in das bestehende Framework integriert und arbeiten nahtlos zusammen.
- Plugin‑FrameworkErweiterbares Kernsystem für Tools (Werkzeuge), Elements (3D‑Objekte) und ViewTypes (Darstellungen)
- REST‑APISpeichern/Laden/Planen über definierte Endpoints; klare Service‑Schicht im Frontend.
- React & TypeScriptUI‑Schicht und Typing; 3D‑Ansicht via Three.js / @react-three/fiber.
- Backend-IntegrationKommunikation über abgestimmte Endpoints mit OpenAPI-Definition
- Responsive DesignReduzierte mobile UI (wesentliche Bedienelemente, kompakte Timeline/Progressbar)
- Undo/RedoKommandobasiertes State‑Management
- Movie ExportExport als Byte‑Array und Base64‑.raw für die Nova‑Module.
- Konfigurierbare ModulgrössenDynamische Anpassung aller Animationen an aktuelle Dimensionen
Kunde
FHNW Hochschule für Informatik
Bahnhofstrasse 6
5210 Windisch
fhnw.ch