Drucker-Management Plattform
Challenge
Ein europäischer Multichannel-Händler benötigte eine Weboberfläche zur Verwaltung physischer Drucker an allen Standorten – inklusive Geräteübersicht, Einstellungen, Standortzuordnung und Metadaten. Das Projekt diente gleichzeitig als erster Einstieg des Unternehmens in Vue.
Solution
Wir entwickelten die Webanwendung mit Vue 3 und einer internen, auf StencilJS basierenden UI-Komponentenbibliothek, verbunden mit einer REST-API nach OpenAPI Spec 3 mit OIDC-Authentifizierung. Wir implementierten den vollständigen OAuth-Flow inklusive Audience- und Berechtigungsprüfung, überbrückten Abweichungen zwischen Design und Komponentenbibliothek und hielten Deadlines durch Mock-Daten und Mock-Services ein, während die API noch in Entwicklung war. Zudem onboardeten wir das Entwicklungsteam in Vue und vermittelten Best Practices in Komponentendesign und Vue-Ökosystem.
Impact
Die Anwendung wurde erfolgreich ausgeliefert und dient als Basis für künftige Erweiterungen. Das Team wurde vollständig in Vue eingearbeitet. Bugfixes, die an die Komponentenbibliothek zurückgespielt wurden, kamen allen Framework-Konsumenten zugute.
Technology Stack
Projektübersicht
Dieses Projekt, umgesetzt bei CAMAO Tec (später umbenannt in mmmake), umfasste den Aufbau einer Drucker-Management-Webanwendung für einen europäischen Multichannel-Händler. Ziel war es, Betriebsteams eine klare Übersicht über alle physischen Drucker im europäischen Filialnetz zu geben – inklusive Einstellungen, Standorten und zugehöriger Metadaten.
Funktionen
- Geräteübersichts-Dashboard für alle Filialstandorte
- CRUD-Operationen für Drucker, Einstellungen und Metadaten
- OIDC/OAuth-Authentifizierung mit Audience-Validierung und berechtigungsbasierter Zugriffskontrolle
- Integration einer internen StencilJS UI-Komponentenbibliothek
- Mock-Datenschicht zur Einhaltung von Lieferterminen während der API-Entwicklung
Technische Highlights
Die Anwendung wurde auf Basis von Vue 3 entwickelt – dem ersten Einsatz des Frameworks im Unternehmen. Die REST-API folgte OpenAPI Spec 3 und erforderte die Implementierung eines vollständigen OIDC-Authentifizierungsflows gegen einen internen Identity Provider. Wo das Produktdesign von der Komponentenbibliothek abwich, arbeiteten wir direkt mit den Bibliothekseigentümern zusammen, um Probleme zu identifizieren und zu beheben.
Bereit, etwas Außergewöhnliches zu schaffen?
Lassen Sie uns besprechen, wie wir Ihre Herausforderungen lösen und etwas schaffen können, das echten geschäftlichen Mehrwert liefert.
Kontakt aufnehmen