Das mobile Bordbuch Aleš Chyba, ŠKODA AUTO a.s. Robert Erfle, DOSCO GmbH tekom-jahrestagung 2012
Agenda Motivation Anforderungen Ausgangsdaten Datenkonvertierung Ausblick 2 2
ŠKODA ŠKODA gehört zum Volkswagen-Konzern Standort ist Mladá Boleslav, Tschechische Republik Weitere Produktionsstandorte in Russland, Indien, China, Ukraine, Kazachstan Im Jahr 2012 werden knapp 1 Mio. Fahrzeuge in 107 Ländern verkauft 3 3
Strategie von ŠKODA Motivation für das Projekt ist die ständige Verfügbarkeit der Betriebsanleitung für die Kunden Steigerung der Attraktivität der Betriebsanleitung Mehrwert zu der Druckversion mehrere Einstiegsmöglichkeiten: Inhaltsverzeichnis Bilder Volltextsuche Ergänzung um App Skoda Service ( Händlernetz mit Karten, Öffnungszeiten, Rufnummern usw. ) 4 4
Smartphones auf dem Vormarsch 2012 werden ca. 23 Mio. Smartphones in Deutschland verkauft *) Ca. 70% aller derzeit in Deutschland verkauften Mobiltelefone sind Smartphones *) Vor kurzem: 5 Millionen iphone 5 in drei Tagen verkauft *) Quelle: BITKOM Presseinformation, 21.08.2012 5 5
Agenda Motivation Anforderungen Ausgangsdaten Datenkonvertierung Ausblick 6 6
Anforderungen Daten müssen geeignet sein für Smartphones Tablet-Computer Plattform ios Plattform Android Alle Sprachen der gedruckten Betriebsanleitung außer Arabisch und Hebräisch (insgesamt ca. 30 Sprachen) Mindestens zwei Einstiege wie gedruckte Betriebsanleitung 7 7
Agenda Motivation Anforderungen Ausgangsdaten Datenkonvertierung Ausblick 8 8
Redaktionssystem Livas 3 TM-System XML-Editor XML K3- DTD Druck- Prozessor... HTML- Konverter 9 9
Grobstruktur der XML- Dokumente 10 10
Modulaufbau (1) XML (Editor) DTD 11
Modulaufbau (2) Gedruckte Betriebsanleitung DTD 12
Einige Eigenschaften der Inhalte Abbildungen max. 2 pro Modul drei Größen: schmal, breit, Übersicht Tabellen zwei Breiten: schmal, breit Querverweise auf Abschnitte, Abbildungen, Tabellen, Sicherheitshinweise, Fußnoten Fahrzeugsymbole: Stichworteinträge für zweistufigen Index 13 13
Agenda Motivation Ausgangsdaten Anforderungen Datenkonvertierung Ausblick 14 14
Datenkonvertierung XSLT- Stylesheet Generierte Texte (de) CSS-Stylesheet Betriebsanleitung (XML) XSLT-Prozessor (Saxon) Modul (XHTML) Gliederung (JSON) 15 15
Daten für App CSS-Stylesheet Navigation Modul (XHTML) App Gliederung (JSON) Inhalt 16 16
Oberfläche Smartphones Inhalt (WebView) Navigation Android ios Navigation Inhalt (Browser- Engine WebView) Navigation 17 17
Neutrales HTML + CSS (1) Darstellung App XHTML 18
Neutrales HTML + CSS (2) CSS Darstellung App XHTML 19 19
Datenkonvertierung XSLT- Stylesheet Generierte Texte (de) CSS-Stylesheet Betriebsanleitung (XML) XSLT-Prozessor (Saxon) Modul (XHTML) Gliederung (JSON) 20 20
Daten für App CSS-Stylesheet Navigation Modul (XHTML) App Gliederung (JSON) Inhalt 21 21
Gliederung (JSON) JSON = JavaScript Object Notation Kompaktes Datenaustauschformat Gliederung enthält hierarchische Dokumentstruktur mit Titel der Grobstrukturelemente (teil, h-kap, kap, modul) Stichworteinträge Gliederung ist Informationsquelle für Navigation und Stichwortsuche 22 22
Gliederung Ausschnitt aus JSON-Datei Inhaltsverz. gedruckte BA JSON 23 23
Abbildungen Ausgangssituation (1) Es gibt drei Größen von Abbildungen: schmal breit Übersicht 24 24
Abbildungen Ausgangssituation (2) Es gibt drei Größen von Abbildungen: schmal breit Übersicht 25 25
Abbildungen Behandlung auf Smartphones schmal: passen auf das Display breit: werden nicht skaliert können horizontal gescrollt werden Übersicht: werden zunächst auf Displaybreite skaliert können durch Antippen in Originalgröße dargestellt werden können dann horizontal und vertikal gescrollt werden werden durch erneutes Antippen wieder skaliert 26 26
Übersichtsbild skaliert unskaliert 27
Querverweise - Ausgangssituation Es gibt Querverweise auf: Abschnitte Abbildungen Tabellen Sicherheitshinweise Fußnoten Quelle und Ziel sind: im gleichen Modul in unterschiedlichen Modulen Quelle und Ziel über IDs verbunden 28 28
Querverweise - Behandlung Querverweise auf Abschnitte, Tabellen, Sicherheitshinweise, Fußnoten: Sprung ans Ziel Querverweise auf Abbildungen: Bild wird geholt und als Pop-Up dargestellt 29 29
Querverweise auf Abbildungen Warum kein Sprung ans Ziel, sondern Pop-Up? Intention des Lesers: Bild ansehen, aber an aktueller Stelle weiterlesen 30 30
Querverweise auf Abbildungen Illustration Pop-Up 31 31
Unterschiedliche Darstellung Smartphone Tablet (1) Smartphone Bild und Text untereinander Tablet-Computer Text umfließt Bild Breite Bilder müssen nicht gescrollt werden Deutliche Unterschiede bei der Navigation 32 32
Unterschiedliche Darstellung Smartphone Tablet (2) Tablet Smartphone 33 33
Herausforderungen Möglichst wenige Varianten an HTML-Daten und CSS- Stylesheets Ergebnis: Jeweils ein Satz HTML-Daten für Smartphone und Tablet Ein gemeinsames CSS-Stylesheet Keine Unterschiede für ios und Android Ältere Versionen der Browser-Engine (WebView) unterstützen das horizontale Scrollen der Bilder nicht. Abhilfe: Jeweils ein extra Satz HTML-Daten für Smartphone und Tablet Ein extra CSS-Stylesheet 34 34
Impressionen Smartphone (1) Kurzes Modul Inhaltsverzeichnis im Modul Menüstruktur 35
Impressionen Smartphone (2) Fahrzeugsymbole Breite Tabelle 36
Agenda Motivation Anforderungen Ausgangsdaten Datenkonvertierung Ausblick 37 37
Ausblick Skoda Service Digitalstrategie bei Bordliteratur : Zusätzliche und weiterführende Inhalte Videos und Animationen für bessere Darstellung verschiedener Situationen Anhängerkupplung, Schneeketten usw. Publikation der teilindividualisierten Bordliteratur im Anschluss an Fahrzeugkonfiguration im Car Configurator Individualisierung des Bordbuchs auf konkretes Fahrzeug 38 38
Kontakt Robert Erfle +49 6221 148613 erfle@dosco.de