Weitere ähnliche Inhalte Mehr von Digicomp Academy AG (20) HTML5-Erstellung für mobile Endgeräte mit der Technical Communication Suite2. Vorstellung Computrain
Marcus Bollenbach
Jahrgang 1967
Schriftsetzer, Druckereitechnik-Ingenieur (FH)
Seit 1998 freiberuflich tätig als Trainer und Consultant, u.a.
für Adobe Systems, itl, i-training, Tanner
Kontaktdaten:
info@bollenbach.de
www.bollenbach.de
+49 (7633) 405143
© Computrain M. Bollenbach www.bollenbach.de 2
3. Das Tool – Adobe RoboHelp
Seit 1998 auf dem Markt
Bis zur Übernahme durch Adobe ein Produkt von Macromedia
Tool zur Erstellung von Online-Hilfen direkt aus XHTML, Word-,
FrameMaker- oder XML-Dateien
Ausgabe der Hilfen in verschiedensten Formaten:
Adobe PDF
FlashHelp
WebHelp
Adobe AIR
XHTML
Microsoft Compiled HTML Help
Microsoft WinHelp
Microsoft Word
Oracle Help for Java
Sun JavaHelp
XML
ePub
KF8
Mobi
© Computrain M. Bollenbach www.bollenbach.de 3
4. Die Aufgabe
Ausgabe von Online-Inhalten und -Hilfen für verschiedene
mobile Endgeräte mit
Verschiedenen Auflösungen
Bedienkonzepten
Unterschiedlicher Medienunterstützung
© Computrain M. Bollenbach www.bollenbach.de 4
5. Der Ansatz – Single Source Publishing
mit HTML5-Ausgabe
© Computrain M. Bollenbach www.bollenbach.de 5
6. RoboHelp 10: Multiscreen-HTML5
Basierend auf einer Quelle werden verschiedene
Ausgaben für verschiedene Endgeräte erzeugt
und mittels Media-Query aufgerufen
Ausgabe nutzt:
Bildschirmprofile
Bildschirmlayouts
Optimierungen für Endgeräte
© Computrain M. Bollenbach www.bollenbach.de 6
7. Bildschirmprofile
Definieren die Größe der Bildschirme der jeweiligen
Endgeräte
Mitgeliefert werden Profile für:
Android Galaxy Tablet
Android Phone
iPhone
iPad
Desktop
Kindle/Fire
© Computrain M. Bollenbach www.bollenbach.de 7
8. Bildschirmlayouts
Definieren die Gestaltungskriterien für
alle benötigten Seitentypen wie
Startseite
Index
Inhaltsverzeichnis
Topic
Ermöglichen Realisierung verschiedener
Design-Anforderungen für die jeweiligen
Endgeräte
© Computrain M. Bollenbach www.bollenbach.de 8
9. Bildschirmlayouts
Beispiel für unterschiedliches Layout der Startseiten:
Android-Phone (links), iPhone (rechts)
© Computrain M. Bollenbach www.bollenbach.de 9
11. Optimierung für spezielle Endgeräte
Für jedes Bildschirmprofil und somit Endgerät lassen sich
darüber hinaus noch spezielle Optimierungen festlegen, z.B.
Zoom-Funktion für iOS-Geräte
automatische Umwandlung von Popups in Hyperlinks
© Computrain M. Bollenbach www.bollenbach.de 11