Von HTML5 zu EPUB3 - das e Book-Upgrade
-
Upload
fabian-kern -
Category
Technology
-
view
1.799 -
download
0
description
Transcript of 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
www.dpc-consulting.de
partners & friends:
www.smart-digits.com www.paux.de