Ein Interaktives Wimmelbild zu Internet of Things

Zusammen mit intolight und neongrau setzten wir ein interaktives Wimmelbild über das Internet der Dinge als Webanwendung um

Projektpartner: Barkhausen Institut Dresden
Zeitraum: 2021
Leistungen: Frontend Entwicklung, Testing
Ergebnis: Website

Aus analog wird digital

Im Zuge der fortschreitenden Digitalisierung rückt das Internet of Things (kurz IoT, Internet der Dinge) immer mehr in den Fokus. IoT-Systeme bringen großen Nutzen mit sich und können unseren Alltag in vielerlei Hinsicht erleichtern und optimieren, stellen dabei aber auch Datenschutz und -sicherheit vor neue Herausforderungen. Damit beschäftigt sich auch das Barkhausen Institut in Dresden. Über das Zusammenspiel von IoT-Systemen in der Zukunft entwickelte das Institut mit intolight und neongrau ein interaktives Exponat. Das Artwork stammt vom Künstler Robert Ric h ter.

Vom Exponat zur Webanwendung

Um das Wimmelbild auch online zur Verfügung zu stellen, gab das Barkhausen Institut die Umsetzung des Exponates als Webanwendung in Auftrag. Hier kamen wir ins Spiel. Anhand des Konzeptes von intolight und neongrau entwickelten wir eine interaktive Anwendung, in der man (ähnlich wie bei Google Maps) frei navigieren und zoomen kann.

Verschiedene animierte Aktionspunkte (Szenarien) auf dem Bild bieten Informationen zu bestimmten Aspekten von IoT-Systemen in Form von Texten und kurzen animierten Videos. Dabei sind die Inhalte sowohl auf Deutsch als auch auf Englisch verfügbar.

Die gesamte Anwendung ist zudem für sämtliche Bildschirmgrößen optimiert und lässt sich daher auch auf Smartphones und Tablets problemlos bedienen.

Die IoT-Welt kann online über die Seite des Barkhausen Instituts eingesehen werden.

Technische Umsetzung

Bei der technischen Umsetzung fiel die Wahl auf unser Lieblingsframework Vue.js. Hier setzten wir erstmalig die neue Version Vue 3 ein, die zum damaligen Zeitpunkt frisch veröffentlicht wurde. So erstellten wir eine performante serverlose Single Page Application (SPA), in dem die Daten über die API des Barkhausen Instituts abgerufen werden. Das Design von neongrau setzten wir mit TailwindCSS um.

Projekte

Weitere Projekte, die wir für unsere Kunden umgesetzt haben.

Relaunch eines Support-Portals

Wir setzten das Redesign von BuildingMinds' Support-Portal um und halfen bei der Migration des Contents zu Contentful.

Website mit Nuxt und Contentful

Wir übernahmen die Instandhaltung und Weiterentwicklung der Website von BuildingMinds. Neben SEO- und Performance-Optimierungen setzten wir eine Reihe neue Features und Landingpages um.

eCommerce Lösung für Konsum Genusswelt

Neben 35 Märkten im Lebensmitteleinzelhandel geht Konsum Dresden eG mit uns den nächsten Schritt und erweitert sein Angebot in einem Online Angebot. Unsere eCommerce Lösung reduziert erheblich den Verwaltungsaufwand und Personaleinsatz und sorgt für steigende Umsätze deutschlandweit.

SEO Websites mit Headless CMS

Durch die Integration eines Headless CMS haben wir die Grenzen traditioneller Content-Management-Systeme aufgehoben. Für die Staffbase GmbH haben wir mehrere umfangreiche statische Websites mit SEO-Optimierung umgesetzt.

Digitaler Mitgliederbereich für Konsum Leipzig

In Partnerschaft mit Konsum Leipzig realisierten wir einen digitalen Mitgliederbereich für über 28.000 Mitglieder, welcher neben aktuellen Umsatz- und Guthabenbewegungen, auch die gehaltenen Geschäftsanteile und noch zur Zeichnung verfügbare Anteile anzeigt.