
Interaktive Schulungen für BMW
| Kunde: | BMW |
| Agentur: | Capturemedia |
| Branche: | Automobilbau |
| Leistungen: | Beratung, Systemarchitektur, UI-Design, Frontend, Backend, Hosting |
| Technologien: | Vue.js Node.js Socket.io Docker |

Ausgangslage
BMW wollte eine Schulung für interne und externe Teilnehmer, die als Werksbegehung stattfindet und zu einem interaktiven Erlebnis werden sollte. Als Subunternehmer definierten wir die Systemarchitektur und programmierten einen Teil der Anwendungen: die Trainer-App, den Realtime-Server, die Datenbank und die Fernsteuerungen. Weitere Dienstleister und Agenturen steuerten das didaktische Konzept, die Inhalte, die Medientechnik und die Spiele bei.
Herausforderung
Anspruchsvoll war die Konzeption und Umsetzung der Fernsteuerungen für die unterschiedlichen Akteure und Komponenten. Der Trainer sollte, mit einem Tablet ausgestattet, seine Teams durch die Tour begleiten, Lerninhalte vermitteln und auf die Tablets der Teilnehmer ausspielen.
Darüber hinaus sollte er an den verschiedenen Stationen der Tour Medienzuspieler, Licht und Spiele fernsteuern und so das Gesamterlebnis flexibel orchestrieren können.
Lösung
Der Trainer sendet Steuerbefehle an den zentralen Server. Von dort werden sie über das jeweils passende Protokoll an die Hardware weitergeleitet: Unsere eigenen PWAs und die Teilnehmer-Tablets banden wir über eine Socket-Verbindung an, die Installationen über OSC, Licht und Medienplayer über UDP.
Emulatoren
Die Programmierung des komplexen Zusammenspiels war nicht nur eine technische, sondern auch eine organisatorische Herausforderung. Um unabhängig vom Projektfortschritt der einzelnen Dienstleister entwickeln zu können, erstellten wir für jede Komponente einen Emulator. So konnten wir den kompletten Ablauf der Tour in einer virtuellen Umgebung testen und feinjustieren. Sobald ein Spiel oder eine App fertiggestellt war, tauschten wir nur den entsprechenden Emulator gegen den echten Akteur aus.

Trainer-App
Die Trainer-App programmierten wir mit Vue.js als PWA. Der Vorteil gegenüber einer nativen App: Kleinere Anpassungen konnten wir in der Launchphase im Hintergrund deployen. Die App aktualisierte sich beim Start automatisch, und der Trainer konnte sich voll auf die Teilnehmer konzentrieren.

Lobby, Wordcloud, Scoreboard
Über die Trainer-App hinaus programmierten wir drei weitere PWAs, die auf großen LED-Flächen ausgespielt wurden:
- In der Lobby wurde das Ergebnis beider Gruppen mit einem Konfetti-Feuerwerk gefeiert.
- In einer Wordcloud liefen die Ergebnisse der Teilnehmer-Abstimmungen zusammen.
- Auf dem dem All-Time Scoreboard wurde die Platzierung der Gruppen angezeigt.
Alle drei Apps wurden vom Trainer ferngesteuert und im passenden Moment aktiviert.
0
Slides mit Lerninhalten
0
Devices (Tablets, Mediaplayer...)
0
Teilnehmende im Projektverlauf
Fazit
Trainer-App, Realtime-Server und Fernsteuerungen verbanden Tablets, Medientechnik, Licht und Spiele zu einem zentral orchestrierten Erlebnis. Das Feedback der Teilnehmer ist durchgehend positiv – die abwechslungsreiche Vermittlung der Inhalte trägt spürbar zum Lerneffekt bei.
Sie möchten eine interaktive Schulung oder Guided Tour umsetzen?
Lassen Sie uns kennenlernen. Wir nehmen uns gerne Zeit, um über Ihr Projekt zu sprechen. Natürlich unverbindlich und kostenlos.







