DOKU-FORUM 2013 Titel: APPetithappen aus der Praxis: Contentaufbereitung für Mobile Doku Referent: Ralph Muhsau, TANNER AG, Projekmanager Worauf muss ich achten, wenn ich für die Vermittlung technischer Informationen eine App anbieten will? Diese Frage beantwortet Ralph Muhsau in seinem Vortrag. Dazu vergleicht er Möglichkeiten der Content-Aufbereitung und Formate für verschiedene Geräte und Endanwendungen. Als Entwicklungs- und Anschauungsbeispiel dient die App des Caravan- und Motorcaravan-Herstellers Dethleffs, die dazu genutzt wurde, nicht fahrzeugbezogene Informationen aus der Papieranleitung auszulagern. www.tanner.de

1. DOKU
FORUM
2013
APPetithappen aus der Praxis:
Contentaufbereitung für mobile Doku
Ralph Musau
TANNER AG, Projektmanager
DOKU-FORUM 2013

2. TANNER AG ▪ Kemptener Straße 99 ▪ D-88131 Lindau (B) ▪ Telefon +49 8382 272-0 ▪ Fax +49 8382 272-900 ▪ www.tanner.de ▪ info@tanner.deTANNER AG © 2013
Appetithappen aus der Praxis
Content-Aufbereitung für mobile Doku
Ralph Muhsau, 01.05.2013

3. Content-Aufbereitung für mobile Geräte
Content in Standard-Apps
PDF, ePUB, iBooks
Content in Drittanbieter-Apps
Adobe .folio, CHM
Website
HTML5, Javascript, CSS
App
iOS/Android SDK, Flash Packager

4. Content-Formate
PDF ePUB iBooks .folio HTML
Plattform-
übergreifend + (+) 1 − + +
Look & Feel + − ++ ++ +
Flexibles Layout
(Reflow) − + − − +
Links, Inhalts-
verzeichnis + + + + +
Audio, Video (−)2 + + + +
Interaktive
Widgets − (−)3 + + (+)3

5. Widget-Vergleich ePUB, iBooks, .folio, HTML
ePUB iBooks .folio HTML
Bild-Galerie + + + +
Interaktives Bild − + Pan & Zoom +
Webview − − + +
Präsentationen
(Keynote) − + − +
3D − 3D-Modell
Bildsequenz
Panorama +
Verschachtelte
Widgets − − + +
Eigene Widgets
Theoretisch
(Javascript) + Theoretisch
(Webview) (+)3

6. Was ist ePUB?
‣ePUB ist ein offener Standard,
basierend auf folgenden Web-Standards:
‣XHTML
‣CSS
‣JPEG, GIF, PNG, SVG
‣XML (für Metadaten und Struktur-/Navigationsinfo)
‣Reader-Software ist für viele Plattformen verfügbar:
‣Adobe Digital Editions (Mac, PC)
‣EPUBReader (Firefox-Add-on: Mac, PC, Linux)
‣iBooks, Stanza (iOS)
‣Moon+ Reader, NeoSoar eBooks reader (Android)
‣Aber:
Ein ePUB kann je nach Reader unterschiedlich aussehen.

7. vs.
‣Beide Formate sind E-Book-Formate.
‣E-Book-Reader unterstützen beide Formate.
‣Ausnahme: Amazon Kindle unterstützt kein ePUB,
sondern proprietäres Format (azw, MOBI/KF8).
‣PDF bietet originalgetreues Layout auf allen Zielplattformen.
‣ePUB 2 bietet nur eingeschränkte Layoutmöglichkeiten:
‣Keine fixe Grafikpositionierung, kein Weißraum
‣Keine Fußnoten, keine Marginalien, eingeschränkte
Tabellenlayouts
‣Keine festen Seitenzahlen
‣Vorteil von ePUB: Alle Bildschirmgrößen dank Reflow
‣Dynamischer Umbruch abhängig von variabler Schriftgröße

8. Was bringt ePUB 3?
‣Verabschiedet im Oktober 2011
‣Unterstützung für
‣mehr Layout-Funktionen (HTML5 und CSS3)
‣Audio (mp3)
‣Video (MPEG-4)
‣Interaktivität (Javascript)
‣Eingebettete Fonts (OpenType und WOFF)
‣Fazit:
Mit ePUB 3 sind multimediale und interaktive E-Books
mit mehr Layout-Funktionen möglich.

9. Erstellung von ePUB
‣Layout-/Textverarbeitungs-Programme
‣Adobe InDesign
‣Apple Pages
‣Plug-ins für Microsoft Word
‣Konvertiertools (Input z. B. Word)
‣Calibre
‣Sigil
‣„Manuell“ mit HTML- und XML-Editor (und dann zippen)
‣Publikationsstrecken

10. Apple iBooks Author
‣Gratis im Mac App Store
‣Quer-/Hochformat
‣Proprietäres Format, daher nur auf iPad
‣Widgets
‣Audio, Video, Galerie, 3D-Modell, interaktives Bild
‣Keynote-Präsentationen
‣Eigene HTML5-Widgets
‣Distribution
‣Kostenlose iBooks dürfen beliebig verteilt werden.
‣Kostenpflichtige iBooks müssen über den iTunes Store
vertrieben werden.

11. Adobe Digital Publishing Suite (.folio)
‣Bestandteil von InDesign CS6
‣Widgets – hier „Overlay Creator“
‣z. B.: Video, Galerie, Pan & Zoom, Web View usw.
‣Adobe Content Viewer: Eine App, die .folio darstellt
‣iPad
‣Android
‣Zielgruppe: Verlage
‣Zusatzlizenzen für Vertrieb über App Store, Amazon Kindle
Newsstand, Google Play
‣Gebrandete Apps mit Abonnements und In-App-Purchase
‣Adobe SiteCatalyst zur Analyse des Nutzerverhaltens

12. HTML5
‣Entwicklung noch nicht abgeschlossen
‣Browser-Unterstützung variiert
‣Erstellung
‣Manuell
‣HTML-Editoren (z. B. Adobe Dreamweaver)
‣Spezielle Konverter (z. B. MadCap Flare)
‣Publikationsstrecken

13. Unterschiede Website − App
Website App
Plattformübergreifend
(Desktop, iOS, Android usw.)
Look & Feel des Geräts
Daten immer aktuell
Funktioniert offline (Roaming!),
Mischformen möglich
Hardware-Features:
GPS, Kamera, Multitouch,
Kompass, Accelerometer ...
Web-Funktionalität:
Verlinkung von anderen
Websites und Suchmaschinen
Spezielle Funktionen:
Push-Benachrichtigungen,
Adressbuch ...
Icon auf HomescreenIcon auf Homescreen

14. Hintergrund der App für Dethleffs
‣Handbuch liegt über Jahre im Fahrzeug,
Verkehrsregeln und Adressen aber ändern sich.
‣Datenhaltung als XML
‣Dethleffs kann die Daten selbst aktualisieren.
‣Update der Daten per neuer Version der App im App Store
‣Re-use für Android und als Microsite im Web

15. Ausgangssituation: Reiseinfo auf ca. 30 Seiten

16. Warum eine App?
‣Schneller und einfacher Zugriff auf die Daten
‣Mit 2 Filter-Einstellungen zur gewünschten Information
‣Keine Roaming-Gebühren für den Benutzer
‣Alle Daten sind in der App gespeichert.
‣Umkreissuche
‣Per eigener GPS-Position
‣Berechnung der Entfernung per Luftlinie,
somit kein Roaming nötig
‣Weiterführende Funktionen
‣ Telefonanruf, E-Mail schreiben, Website öffnen
‣ In der App „Karten“ öffnen > Navigation

17. TANNER AG ▪ Kemptener Straße 99 ▪ D-88131 Lindau (B) ▪ Telefon +49 8382 272-0 ▪ Fax +49 8382 272-900 ▪ www.tanner.de ▪ info@tanner.deTANNER AG © 2013
Vielen Dank für Ihr Interesse
Ralph.Muhsau@TANNER.de