Von HTML5 zu EPUB3 - das e Book-Upgrade

Das eBook-Upgrade

Von HTML5 zu EPUB3

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 Technologien

HTML5: Die Web-Technologien von 2012

HTML5: der Web 3.0 technology stack

Die Features der neuen Webstandards:

HTML5:Dokument-

SpracheCSS3:

Gestaltungs-Sprache

Javascript:Funktions-

Sprache

Canvas: Eine Leinwand für

Scripting

Audio/Video:Standards für Multimedia

GeoAPI:Schnittstelle für Geodaten

Local Storage: Datenbank im

Browser

Die neuen Möglichkeiten

Einsatz 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 – Geolokation

Eine 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 Lernen

Werkzeuge für Lehrbücher: Vermittlung von komplexem Wissen

durch Visualisierung und Interaktivität

Beispiel iBooks Author: Anhand eines Zeitstrahls zur Steuerung

der Anzeige wird ein System in seiner Veränderung visualisiert

Quelle/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-Format

EPUB3: Bleibt alles anders, und was gibt es neues?

HTML5 als Dokumentsprache in EPUB3

HTML5

Einführung neuer Struktur-Elemente für Dokumente

Identifikation von Textteilen durch Anwendungen

Adaptive Layouts für verschiedene Endgeräte

Verbesserte Nutzerführung für den Kunden

<header><article>

<figcaption>

<figure>

<section>

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

Besonderheiten 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“

Trigger für visuelle Effekte Visualisierung von Informationsmodellen

SVG: Ungeahnter Content im EPUB-Browser

Quelle/Copyright: IDPF EPUB3 example files project, http://code.google.com/p/epub-samples/

Skalierbare Vektorgraphiken, mit

Javascript auch dynamisch

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 Player

EPUB3 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 mittelfristig geplant

Quelle/Copyright: Amazon

Apple und EPUB3

Seit Mai 2012: Volle Unterstützung von EPUB3 in iBooks/iTunes angekündigt

Verwendung Layout-Features, Audio/Video, Javascript 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

Quelle/Copyright: Google

und, und, und…

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ätesoftware und Update-Möglichkeit

E-Ink wird mit EPUB3 zum Auslaufmodell

Die neuen Strategien

Ein neues EPUB: Welche Strategien brauchen die Verlage?

Content-Modularisierung

Mehrfach-Verwendung für verschiedene Online-Produktformen:

Atomisierung und modulare Speicherung

Regelbasierte, adaptive 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:

Investitions-Sicherung durch offene Standards

Flexibles, agiles Reagieren auf Bedarf des Marktes

Nutzung von Netzwerk-Dynamik für Erlösmodelle

Quelle/Copyright: w3c.org

HTML5 + CSS3 + Javascript

Paradigmen des Web 3.0

An jedem Ort verfügbar Zu jeder Zeit verfügbar Auf jedem Gerät verfügbar Mit jedem sozialen Netzwerk

verknüpfbar und teilbar

Ein Schichten-Modell für das digitale Portfolio

Quelle/Copyright: digital publishing competence; Logos: Copyright der jeweiligen Plattformen

CMS

Export

Channels

Ökosysteme

Zielgruppen

eBook

Datenbank

Enhanced eBook Webanwendung

Augmented Reality Microsite

App

Blog

In eigener Sache

Ab 01.07.2012:

Fabian Kerndigital publishing competence

fabian.kern@dpc-consulting.de

www.dpc-consulting.de

partners & friends:

www.smart-digits.com www.paux.de