Von HTML5 zu EPUB3 - das e Book-Upgrade

Von HTML5 zu EPUB3 Das eBook-Upgrade Fabian Kern

Ein Blick zurück: ePub 2.0.1 ePub 2.0.1 – eBook nach dem Website-Modell des Web 1.0:  Dokument-Einbindung mit XHTML und CSS2  Ergänzung durch TOC als Inhaltsverzeichnis  Sammlung in ZIP-Datei mit anderem Dateityp  eBook-Reader ist ein HTML-Browser Quelle/Copyright: Adobe, Verwendung von Content der Haufe Gruppe

Die neuen TechnologienHTML5: Die Web-Technologien von 2012

HTML5: der Web 3.0 technology stackDie Features der neuen Webstandards: HTML5: Dokument- Sprache Local Storage: CSS3: Datenbank im Gestaltungs- Browser Sprache GeoAPI: Javascript: Schnittstelle Funktions- für Geodaten Sprache Audio/Video: Canvas: Eine Standards für Leinwand für Multimedia Scripting

Die neuen MöglichkeitenEinsatz von HTML5 in Verlagsprodukten:Fallbeispiele

HTML5 – Audio Glossar mit Sprachausgabe:  Produkt mit Glossar wichtiger Begriffe  Verlinkung mit dem Content des Produktes  Ergänzung durch Aussprache der Begriffe

HTML5 – Video Video-Einbindung:  Eine Figur erzählt ihre eigene Geschichte  Der Auftritt ersetzt die Beschreibung  Bewegtes Bild ersetzt statischen Text Quelle/Copyright: Apple, „Life on Earth“

HTML5 – Canvas I Lehrbuch mit interaktiver Visualisierung des Stoffs:  Formeln werden in Echtzeit gezeichnet  Der Leser schafft sich seine eigene Visualisierung  Wirkung vom Eingriff ins Abstrakte wird direkt ins Konkrete übersetzt

HTML5 – Canvas II Ein Malbereich im Text:  Canvas-Element wird zur Fingerfarben-Leinwand  Raum zur freien Gestaltung in festgelegtem Text  Ergebnisse des kreativen Prozesses werden Teil des Produktes

HTML5 – GeolokationEine geolokalisierte Geschichte: Textergänzung durch Leerstellen/Variablen mit Ortsangaben etc. Füllung der Variablen mit Positionsdaten des Lesers in Echtzeit Geschichte wird „an den Ort des Leser verlegt“

HTML5 – Javascript-Widgets für ein neues LernenWerkzeuge für Lehrbücher: Vermittlung von komplexem Wissendurch Visualisierung und InteraktivitätBeispiel iBooks Author: Anhand eines Zeitstrahls zur Steuerungder Anzeige wird ein System in seiner Veränderung visualisiertQuelle/Copyright: Apple, „Life on Earth“

HTML5 – eine Einführung für Publisher Literaturempfehlung und Quelle der hier gezeigten Beispiele – als kostenloses eBook erhältlich bei: http://shop.oreilly.com/ Copyright: Sanders Kleinfeld, O‘Reilly Publishing

Das neue EPUB-FormatEPUB3: Bleibt alles anders,und was gibt es neues?

HTML5 als Dokumentsprache in EPUB3HTML5 <article> <header> <figure> Einführung neuer Struktur-Elemente für Dokumente Identifikation von Textteilen durch Anwendungen Adaptive Layouts für verschiedene <section> Endgeräte Verbesserte Nutzerführung für <figcaption> den Kunden

CSS 3.0 als neue Gestaltungssprache für EPUB3 Anspruchsvolle Layouts und Web-Typographie werden Standard Quelle/Copyright: Apple, „Life on Earth“

CSS 3.0 als neue Gestaltungssprache für EPUB3 Media Queries Unterschiedliche Layouts je nach Gerät und seinen Eigenschaften Quelle/Copyright: Apple, „Life on Earth“

Audio/Video: Einbettung und Media Overlays Audio/Video: Ergänzung von Text durch Multimedia- Elemente Media Overlays: Synchronisation von Audio mit Text-Lesefluss Quelle/Copyright: Randy Nargi, „Shadow of the lizard“, enhanced edition

Javascript: Möglichkeiten und Grenzen Einfach <-> Komplex Trigger für visuelle Effekte Visualisierung von InformationsmodellenBesonderheiten gegenüber Einsatz im Web-Browser: Performance-Themen Möglichst kleine Inhaltselemente als Ziel Reader-spezifische Implementierungen Quelle/Copyright: Apple, iBookstore Asset Guide, „Life on Earth“

SVG: Ungeahnter Content im EPUB-Browser Skalierbare Vektorgraphiken, mit Javascript auch dynamisch Quelle/Copyright: IDPF EPUB3 example files project, http://code.google.com/p/epub-samples/

MathML: Dynamische Formeln im Reflow-Layout Formeln werden mit MathML  Dynamisch skalierbar  Per CSS gestaltbar  Per Javascript „bedienbar“Quelle/Copyright: O‘Reilly, http://bit.ly/mathml

Änderungen in den Details Metadatenmodell: Objektmodell für Autoren- Infos, ONIX kann eingebettet oder verlinkt werden. Vom TOC zum NAV: Logisches und sichtbares Inhaltsverzeichnis werden zu einer (HTML)-Datei Text-To-Speech: Vorlese-Funktionen können mit Aussprachehilfen und Glossaren ergänzt werden Barrierefreiheit: Für jedes visuelle Element werden Schnittstellen zur barrierefreien Version angeboten Media Fallbacks: Anzeige-Varianten für Geräte, die bestimmte Visualisierungen nicht beherrschen

So viele Möglichkeiten – ist auch so viel zu tun? Keine Panik.  Die notwendigen Anpassungen für eine formal korrekte EPUB3-Datei betreffen gegenüber ePub 2.0.1 nur sehr wenige Stellen  Die meisten beschriebenen Features sind optional einsetzbare Möglichkeiten, die nur verwendet werden sollten, wenn sie einen Mehrwert bringen

Die neuen PlayerEPUB3 und die eBook-Marktplätze:Stand der Dinge Mitte 2012

Amazon und EPUB3  Seit Februar 2012: Aktualisierung der Reader- und Shop-Umgebung auf KF8  Eigenes Proprietär- Format, Importschnittstelle für EPUB3  Audio/Video und Layoutfeatures werden durchgängig unterstützt  Zur Zeit keine Javascript- Unterstützung, nur Quelle/Copyright: Amazon mittelfristig geplant

Apple und EPUB3  Seit Mai 2012: Volle Unterstützung von EPUB3 in iBooks/iTunes angekündigt  Verwendung Layout- Features, Audio/Video, J avascript bereits jetzt möglich  Funktionsumfang von iBooks / iBooks Author für EPUB3 zu erwarten Quelle/Copyright: Apple

Google und EPUB3  Seit Juni 2012: Google Play Books in Deutschland live  Besonderheit: Rein browserbasiert und plattformunabhängig  EPUB3-Unterstützung bisher nicht explizit kommuniziert, aber durch Readium- Projekt sicher und, und, und… Quelle/Copyright: Google

E-Ink-Reader und EPUB3  E-Ink-Reader sind in fast allen Fällen untaugliche Geräte für EPUB3  Gründe: Performance, E-Ink- Eigenschaften, Gerätesof tware und Update- Möglichkeit  E-Ink wird mit EPUB3 zum Auslaufmodell

Die neuen StrategienEin neues EPUB: Welche Strategienbrauchen die Verlage?

Content-Modularisierung Mehrfach-Verwendung für verschiedene Online- Produktformen:  Atomisierung und modulare Speicherung  Regelbasierte, adapti ve Layouts  Dynamisierung der Content-Darstellung Quelle: Brian O‘Leary, Copyright: O‘Reilly

Semantisierung, Verknüpfung, Metadaten-Anreicherung Anreicherung von Texten für die Generierung von Mehrwert-Diensten:  Strukturierung zu modularem Text  Typisierte Links zur Content-Vernetzung  Kontext-Auswertung ersetzt Metadaten  Interaktion von Text mit dem Leser Quelle/Copyright: PAUX Technologies GmbH

Offene Standards und Adaption der Netz-Paradigmen Wertschöpfung durch passendes Angebot für den Kundenbedarf: HTML5 + CSS3 + Javascript  Investitions-Sicherung durch offene Standards  Flexibles, agiles Reagieren auf Bedarf des Marktes Paradigmen des Web 3.0  Nutzung von Netzwerk- Dynamik für Erlösmodelle  An jedem Ort verfügbar  Zu jeder Zeit verfügbar  Auf jedem Gerät verfügbar  Mit jedem sozialen Netzwerk verknüpfbar und teilbar Quelle/Copyright: w3c.org

Ein Schichten-Modell für das digitale Portfolio CMS Export eBook App Enhanced eBook Webanwendung Channels Datenbank Augmented Reality Blog Microsite Ökosysteme Zielgruppen Quelle/Copyright: digital publishing competence; Logos: Copyright der jeweiligen Plattformen

In eigener Sache Ab 01.07.2012: Fabian Kern digital publishing competence fabian.kern@dpc-consulting.de www.dpc-consulting.de partners & friends: www.smart-digits.com www.paux.de

http://www.dpc-consulting.org	251
http://storify.com	45
http://eventifier.co	8

Von HTML5 zu EPUB3 - das e Book-Upgrade

by Fabian Kern on Jun 18, 2012

Accessibility

Categories

Upload Details

Usage Rights

3 Embeds 304

Statistics

Von HTML5 zu EPUB3 - das e Book-Upgrade Presentation Transcript