Komplexe Steuerung von Hardware für Lichtshows
Softwareentwicklung
Hardwareanbindung
Softwarearchitektur
UI / UX Design
Das MADRIX STELLA 8 Webinterface ist ein Modernes, responsives Bedien- und Konfigurationstool für die neue MADRIX STELLA 8 Hardware zur Steuerung komplexer Lichtinstallationen.
Zur Konfiguration des MADRIX STELLA 8 Lichtsteuergeräts haben wir eine moderne responsive Webanwendung entwickelt, die auf Desktop und mobilen Geräten gleichermaßen benutzt werden kann.
Das Besondere: die Hardware liefert diese Software aus. Keine Installation notwendig, sofort für alle Nutzer verfügbar. Fühlt sich trotzdem nach nativer App an.
Dafür haben wir ein Re-Design der in die Jahre gekommenen Webanwendung gemacht, mit dem Ziel, die komplexe Konfiguration sowohl Einsteigern als auch Experten einfach und schnell zugänglich zu machen.
Für Inoage wurde das bestehende Interface vollständig neu entwickelt, um sowohl Einsteigern als auch Experten einen schnellen und intuitiven Zugang zu ermöglichen. Im Fokus standen eine klare Informationsarchitektur, optimierte Workflows und eine plattformübergreifende User Experience – inklusive mobiler Nutzung, Live-Daten-Visualisierung und direkter Echtzeitkommunikation mit der Hardware.
Die Problemstellung
Die folgenden Punkte zeigen die Ausgangslage und die Herausforderungen, die wir im Laufe des Projekts schrittweise gelöst haben.
-
Modernes, responsives UI, das sowohl für Einsteiger als auch für Experten funktioniert
-
Schnellere, fehlerfreie Bedienung durch ein vereinfachtes User Interface
-
Höhere Nutzerzufriedenheit und geringere Einarbeitungszeit
-
Modernes UI/UX-Design zur Stärkung des Marktführeranspruchs
-
Plattform, die zukünftige Ausbaustufen und Produktgenerationen unterstützt
Welche Kern-Features wurden umgesetzt?
Responsives Design
Echtzeit-Kommunikation
Live-Datenvisualisierung
Mehrsprachigkeit
Geräteansteuerung
Dashboard
Login / Registrierung
Alarmsystem / Benachrichtigungen
Unser Know How
Damit komplexe Technologie für Anwender einfach und effizient wird, verbinden wir tiefes technisches Verständnis mit nutzerzentriertem Design. Wir haben unsere Stärken im Zusammenspiel von UI/UX, Echtzeit-Hardwareanbindung und moderner Webentwicklung ausgespielt und so ein Interface geschaffen, das gleichermaßen intuitiv, leistungsfähig und zukunftsfähig ist.
UI/UX-Design für komplexe Systeme
Wir entwickeln Interfaces, die auch bei hoher Funktionsdichte intuitiv bleiben.
Mit Progressive Disclosure und klarer Informationsarchitektur ermöglichen wir einen schnellen Einstieg – ohne Expertenfunktionen einzuschränken.
Hardwareanbindung & Echtzeit-Kommunikation
Durch REST-Schnittstellen und parallele WebSocket-Streams realisieren wir stabile,
latenzarme Verbindungen zur Hardware – für Live-Daten, Monitoring und direkte Steuerung in Echtzeit.
Responsive Web-App für Desktop & Mobile
Ob Studio, Bühne oder mobiles Setup – unsere Web-App ist für alle Endgeräte optimiert. Nutzer profitieren von konsistenter Bedienung, hoher Performance und flexibler Einsatzfähigkeit.
Architektur mit Blick auf Erweiterbarkeit
Unsere Software ist modular aufgebaut und klar strukturiert – die ideale Grundlage für zukünftige Features, neue Gerätegenerationen
und systemübergreifende Plattformen.
Multilingualität & Zugriffskontrollen
Wir berücksichtigen internationale Märkte und unterschiedliche Nutzergruppen
durch Mehrsprachigkeit, Rollenkonzepte und Logging – für sichere und skalierbare Einsatzszenarien.
Realtime-Datenvisualisierung & Monitoring
Komplexe Live-Daten werden verständlich und zuverlässig aufbereitet.
Mit WebSockets und optimierter Visualisierung ermöglichen wir Echtzeit-Überwachung – etwa im Dashboard oder im DMX-Watcher.
Was MADRIX technisch besonders macht
Das neue Webinterface von MADRIX STELLA 8 verbindet moderne Webtechnologie mit direkter Echtzeit-Kommunikation zur Hardware. Die Lösung ist plattformunabhängig, responsiv und von Grund auf für Erweiterbarkeit und Zukunftsfähigkeit entwickelt.
Frontend
-
Angular + TypeScript + Redux
Klare Komponentenstruktur, hohe Entwicklungsgeschwindigkeit und saubere Codebasis für komplexe UIs. -
PrimeNG & SCSS
Reife UI-Bibliotheken und flexible Styles für konsistentes Design und schnelle Anpassungen. -
RxJS
Reaktive Programmierung für performantes Datenhandling und Live-Updates in Echtzeit.
Backend & Hardwareanbindung
-
REST-API & WebSockets
Direkte Kommunikation mit der Hardware, latenzarm und zuverlässig – auch bei mehreren parallelen Streams. -
C/C++
Nahtlose Integration mit dem Gerät für maximale Performance und Stabilität.
Besonderheiten
-
Plattformübergreifend
Ein Interface für Desktop, Tablet und Smartphone. -
Erweiterbar & zukunftssicher
Architektur legt die Basis für neue Features und Produktgenerationen. -
Realtime-Visualisierung
Dashboard und DMX Watcher ermöglichen Live-Datenkontrolle und Monitoring direkt am Gerät.
TECH BLOG
Alles, was du wissen willst
Angular: Was Du über das Framework wissen sollten
Ob Patientenportal, Geräte-Dashboard oder Admin-Tool – Angular liefert, wenn Webanwendungen mehr können müssen. Warum große Unternehmen darauf setzen und wie du das Potenzial für dein Projekt nutzt, liest du hier.
AI Readiness & Integration – Wie onexip Unternehmen erfolgreich auf die KI-Zukunft vorbereitet
Viele reden über Künstliche Intelligenz, wenige nutzen sie wirklich. Warum? Weil der Einstieg oft schwerfällt – und das Potenzial unterschätzt wird. Dabei kann KI schon heute dabei helfen, Kosten zu senken, Prozesse zu beschleunigen und echte Wettbewerbsvorteile zu schaffen.
Was es braucht? Eine klare Strategie.
Hier erfährst du, wie du Schritt für Schritt vom „KI klingt spannend“ zum „KI macht unser Business besser“ kommst.
Augmented Reality – Ein magischer Einblick in unser Spezialgebiet
Augmented Reality -Ein magischer Einblick in unser Spezialgebiet Augmented Reality (AR) bezeichnet Technologie, die die reale Welt mit virtuellen Inhalten verschmelzen lässt, wodurch oftmals neue Formen von interaktiven Erfahrungen entstehen, die die physische...
Revolutionary Vision: Hochperformante Einbindung von Industriekameras in Electron-Apps? Ein Praxisbericht.
Erfahre, wie du leistungsstarke industrielle Kameras nahtlos in Electron-Anwendungen integrierst. Martin Spindler teilt praxisnahe Einblicke, wie er Bildverarbeitung mit der Baumer VLU-02M Kamera effizient in Electron realisiert hat. Von der Nutzung von C++ für schnelle Datenverarbeitung bis zur Implementierung von IPC-Mechanismen für stabile Bildausgabe – dieser Beitrag zeigt, wie du hochperformante Bildverarbeitung mit flexiblen webbasierten Frameworks kombinierst. Entdecke die Potenziale für innovative Anwendungen und Lösungen in der industriellen Bildverarbeitung mit Electron.
Zeitmaschinen in der Software-Entwicklung
Zeitmaschinen in der Software-EntwicklungStell dir vor, du könntest durch die Zeit reisen und die Fehler der Vergangenheit korrigieren - und das ohne eine Zeitmaschine. In der Welt der Softwareentwicklung haben wir genau das: Zeitmaschinen, die uns helfen, die...
The German-Angst aus Sicht eines CEO: Was KI nicht ist!
Der Schock des Jahres 2022: ChatGPT betritt die Bühne und stellt die Frage, ob KI die Softwareentwicklung dominieren wird. Unsere Reise durch die emotionale Achterbahn der psychologischen Phasen, von der Verleugnung bis zur Akzeptanz, wird in diesem Beitrag von CEO Matthias beleuchtet. Erfahre in unserem Blogbeitrag, wie wir mit der Herausforderung umgegangen sind, und entdecke unsere Antwort, die wir auf die entscheidende Frage gefunden haben. Hier erhältst du einen Einblick in unsere Reise, bei der wir uns die Hände schmutzig gemacht und unser eigenes KI-Modell entwickelt haben.
The German-Angst aus Sicht eines CEO: wird KI die Softwareentwicklung übernehmen?
Der Schock des Jahres 2022: ChatGPT tritt auf die Bühne und stellt die Frage, ob KI die Softwareentwicklung dominieren wird. Unsere Reise durch die emotionale Achterbahn der psychologischen Phasen, von der Verleugnung bis zur Akzeptanz, wird in diesem Beitrag des CEO Matthias beleuchtet. Erfahren Sie, wie wir mit der Herausforderung umgegangen sind, und entdecken Sie die Antwort, die wir auf die entscheidende Frage gefunden haben.
Wie startet man KI lokal auf dem Rechner?
Entdecke, wie einfach es ist, Künstliche Intelligenz lokal auf dem Rechner zu starten! Unser kurzer Guide führt dich durch die Schritte, und wir zeigen, wie du Bilder ohne zusätzliche Kosten direkt auf deinem Computer generieren kannst.
Von Null auf IONIC: Code mit Leichtigkeit deine Einkaufslisten-App
Lerne mehr über die Entwicklung einer App mit Ionic und Angular, die mühelos auf iOS und Android erweitert wird. Entdecke die Vorteile von Dependency Injection, Service-Management und Capacitor-API-Integration für native Funktionen. Mit unseren Anleitungen wechselst du leicht von Web- zu mobiler Entwicklung und erstellst eine vielseitige App für verschiedene Plattformen.
Gemeinsam entwickeln wir ein Produkt, das Deine Nutzer wirklich lieben.
Unsere Referenzen
Von der Idee zur Umsetzung
Und, wann dürfen wir Deine Erfolgsgeschichte schreiben?
