Mehrsprachiges Messe-CMS und PWAs für MAN
| Kunde: | MAN Truck & Bus |
| Agentur: | Capturemedia |
| Branche: | Nutzfahrzeuge |
| Leistungen: | Technische Konzeption, Systemarchitektur, Backend, REST-API, Frontend |
| Technologien: | TYPO3 REST/JSON Vue.js PWA |
Ausgangslage
Zur Weltpremiere der neuen MAN Truck Generation in Bilbao entstand eine interaktive Marken- und Produkterlebniswelt. An verschiedenen Exponaten konnten Besucher die Eigenschaften, Services und Innovationen der neuen Fahrzeuge selbst erkunden.
Als technischer Partner im Gesamtprojekt wurden wir mit einem zentralen Content- und Übersetzungssystem, mehreren webbasierten Touch-Anwendungen sowie einem Portal für die weltweite Weiternutzung der Anwendungen beauftragt. Die Konzeption der Gesamtinszenierung und weitere Exponate waren nicht Teil unserer Leistungen.
Herausforderung
Die Inhalte zahlreicher Messeanwendungen mussten zentral gepflegt, in vielen Sprachen bereitgestellt und zuverlässig an unterschiedliche technische Systeme ausgeliefert werden. Neben unseren webbasierten Anwendungen waren auch in Unity3D entwickelte Installationen anzubinden. Dabei unterschieden sich nicht nur die Datenstrukturen der Anwendungen – auch die Textformatierung von Unity3D war nicht mit dem im CMS verwendeten HTML-Markup kompatibel.
Lösung
Auf Basis von TYPO3 entwickelten wir ein eigenes Content- und Übersetzungssystem. Texte, Medien und Konfigurationen wurden darin an zentraler Stelle verwaltet und über eine geschützte REST-Schnittstelle als JSON an die jeweiligen Anwendungen ausgeliefert.
Ergänzend programmierten wir vier Progressive Web Apps für große Touchscreens. Für spätere lokale Veranstaltungen entstand außerdem ein Toolbox-Portal, über das verfügbare Anwendungsvarianten und Sprachen heruntergeladen sowie weitere Übersetzungen angefragt werden konnten.
Content- und Übersetzungssystem
Die eigens entwickelte TYPO3-Extension q3i_mantranslation bildete Anwendungen, Inhaltsbereiche, Texte und Medien in einer übersetzbaren Struktur ab. Ein Rollen- und Rechtesystem trennte die Aufgaben von Administration, Entwicklung, Redaktion und Freigabe.
Mit den Workspaces DRAFT und LIVE konnten Inhalte zunächst redaktionell vorbereitet und geprüft werden. Erst nach der Freigabe wurden sie an die Installationen im Messebetrieb ausgeliefert. Für die Zusammenarbeit mit externen Übersetzern ließen sich Inhalte strukturiert exportieren und nach der Bearbeitung wieder in das CMS importieren. Das System war für bis zu 20 Sprachen vorbereitet.
REST-API für Unity3D und Webanwendungen
Jede Anwendung erhielt über einen geschützten Zugang nur die für sie vorgesehenen Inhalte, Sprachen und Laufzeitkonfigurationen. Für die Unity3D-Installationen entwickelten wir eine individuelle Aufbereitung der JSON-Daten: HTML-Formatierungen, Farben, Listen und Zeilenumbrüche wurden automatisiert in ein mit Unity beziehungsweise TextMeshPro kompatibles Format übersetzt.
Interaktive Touch-Anwendungen
Mit Vue.js realisierten wir vier mehrsprachige PWAs für die Themenbereiche „Branchen“, „Solution Space“, „Strong Partner“ und „Great Efficiency“. Die Besucher navigierten per Swipe, Menüs und interaktiven Hotspots durch Kapitel, Produktinformationen sowie Bild- und Videoinhalte.
Die Apps bezogen Texte und Medien dynamisch aus dem CMS, boten eine Sprachauswahl und wechselten bei längerer Inaktivität automatisch in einen aufmerksamkeitsstarken Screensaver. Service-Worker-Caching und hinterlegte Notfallinhalte stellten sicher, dass die Anwendungen auch bei Verbindungsproblemen einsatzfähig blieben.
Event Toolbox
Damit die Anwendungen nach der Premiere für regionale Launch-Events weiterverwendet werden konnten, entwickelten wir ein ergänzendes Toolbox-Portal. Dort erhielten die Verantwortlichen einen Überblick über Softwarevarianten für Touchscreens und Tablets sowie über physische Exponate.
Bereits verfügbare Sprachfassungen wurden über das MAN Brandportal zum Download bereitgestellt. Fehlende Übersetzungen ließen sich im Toolbox-Portal über einen strukturierten Warenkorb- und Anfrageprozess bestellen.
10
zentrales Content- und Übersetzungssystem
0
interaktive Progressive Web Apps
0
im CMS bereitgestellte Sprachen
Fazit
Mit dem zentralen CMS konnten Inhalte und Übersetzungen für technisch unterschiedliche Messeanwendungen an einer Stelle gepflegt und kontrolliert veröffentlicht werden. Die individuell aufbereiteten Schnittstellen verbanden TYPO3 mit Unity3D und unseren webbasierten Touch-Anwendungen. Durch die offlinefähigen PWAs und die Event Toolbox blieb die Lösung nicht auf die Weltpremiere in Bilbao beschränkt: Inhalte und Anwendungen wurden anschließend für internationale Folgeveranstaltungen angepasst und wiederverwendet.
Sie brauchen ein mehrsprachiges Messe-CMS für Ihre Installationen?
Lassen Sie uns kennenlernen. Wir nehmen uns gerne Zeit, um über Ihr Projekt zu sprechen. Natürlich unverbindlich und kostenlos.
