Das mobile Bordbuch. Aleš Chyba, ŠKODA AUTO a.s. Robert Erfle, DOSCO GmbH. tekom-jahrestagung 2012

Transkript

1 Das mobile Bordbuch Aleš Chyba, ŠKODA AUTO a.s. Robert Erfle, DOSCO GmbH tekom-jahrestagung 2012

2 Agenda Motivation Anforderungen Ausgangsdaten Datenkonvertierung Ausblick 2 2

3 Š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

4 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

5 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,

6 Agenda Motivation Anforderungen Ausgangsdaten Datenkonvertierung Ausblick 6 6

7 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

8 Agenda Motivation Anforderungen Ausgangsdaten Datenkonvertierung Ausblick 8 8

9 Redaktionssystem Livas 3 TM-System XML-Editor XML K3- DTD Druck- Prozessor... HTML- Konverter 9 9

10 Grobstruktur der XML- Dokumente 10 10

11 Modulaufbau (1) XML (Editor) DTD 11

12 Modulaufbau (2) Gedruckte Betriebsanleitung DTD 12

13 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

14 Agenda Motivation Ausgangsdaten Anforderungen Datenkonvertierung Ausblick 14 14

15 Datenkonvertierung XSLT- Stylesheet Generierte Texte (de) CSS-Stylesheet Betriebsanleitung (XML) XSLT-Prozessor (Saxon) Modul (XHTML) Gliederung (JSON) 15 15

16 Daten für App CSS-Stylesheet Navigation Modul (XHTML) App Gliederung (JSON) Inhalt 16 16

17 Oberfläche Smartphones Inhalt (WebView) Navigation Android ios Navigation Inhalt (Browser- Engine WebView) Navigation 17 17

18 Neutrales HTML + CSS (1) Darstellung App XHTML 18

19 Neutrales HTML + CSS (2) CSS Darstellung App XHTML 19 19

20 Datenkonvertierung XSLT- Stylesheet Generierte Texte (de) CSS-Stylesheet Betriebsanleitung (XML) XSLT-Prozessor (Saxon) Modul (XHTML) Gliederung (JSON) 20 20

21 Daten für App CSS-Stylesheet Navigation Modul (XHTML) App Gliederung (JSON) Inhalt 21 21

22 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

23 Gliederung Ausschnitt aus JSON-Datei Inhaltsverz. gedruckte BA JSON 23 23

24 Abbildungen Ausgangssituation (1) Es gibt drei Größen von Abbildungen: schmal breit Übersicht 24 24

25 Abbildungen Ausgangssituation (2) Es gibt drei Größen von Abbildungen: schmal breit Übersicht 25 25

26 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

27 Übersichtsbild skaliert unskaliert 27

28 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

29 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

30 Querverweise auf Abbildungen Warum kein Sprung ans Ziel, sondern Pop-Up? Intention des Lesers: Bild ansehen, aber an aktueller Stelle weiterlesen 30 30

31 Querverweise auf Abbildungen Illustration Pop-Up 31 31

32 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

33 Unterschiedliche Darstellung Smartphone Tablet (2) Tablet Smartphone 33 33

34 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

35 Impressionen Smartphone (1) Kurzes Modul Inhaltsverzeichnis im Modul Menüstruktur 35

36 Impressionen Smartphone (2) Fahrzeugsymbole Breite Tabelle 36

37 Agenda Motivation Anforderungen Ausgangsdaten Datenkonvertierung Ausblick 37 37

38 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

39 Kontakt Robert Erfle