Digital Publishing Digital Publishing Techniques
• eBooks • PDF vs eBook • EPUB, wat is het? • EPUB (2) zelf maken
Digitaal lezen
PDF vs eBook
PDF vs eBook
eBook formaten • • • • • • •
Daisy Text Book Mobipocket (DRM) Nook (B&N DRM) Kindle (Amazon) eReader (Palm) ePub (idpf.org) iBook (Apple)
ePub • InternaNonal Digital Publishing Forum – > 350 leden – hSp://idpf.org/membership/members
• • • • •
1999 “ePub 1” 2007 EPUB 2 2010 EPUB 2.0.1 2011 EPUB 3 2013 (08/11) EPUB 3.0.1 dra\
EPUB 2 SpecificaNes • OPF: Open Packaging Format • OCF: Open Container Format • OPS: Open Publishing Format
EPUB 2 SpecificaNes • OPF: Open Packaging Format – Naamgeving en navigaNe
• OCF: Open Container Format – Mappenstructuur en compressie
• OPS: Open Publishing Format – Content en opmaak
Wat is het ? • ZIP bestand • PlaSe website volgens XHTML/CSS normen • Structuur volgens specificaNes – Hoofdstukken – TOC – Cover – Fonts – DRM
Inhoud en PresentaNe Scheiding structuur en opmaak • XHTML; semanNek, elementen • CSS; opmaak voor alles
DPT – HTML/XML
Wat is XML?
DPT – HTML/XML XML staat voor:
eXtensible Markup Language • Lijkt op HTML • Is bedoeld om structuur aan te brengen
Wat is XML • • • •
eXtensible Markup Language Uitwisselformaat voor data Gebaseerd op tekst Syntax: • elementen
• aSributen
• Naam en element keuze is vrij
Bekende XML toepassingen • • • •
XHTML 1.0 OpenDocument Format (ODF) RSS & Atom (feeds) WSDL / SOAP (webservices)
Bekende XML toepassingen Maar dus ook: • ePub • ePub3 • iBook • .mobi
XML Syntax • Bij reguliere HTML liggen elementen vast • Bij XML zijn naam en element keuze vrij • Syntax opbouw: • elementen
• aSributen
XML Syntax voorbeeldxml1.xml
Wat kunnen we ermee ? Binnen Digital Publishing: • Structuur van data (bijv. hoofdstukken) • Metadata definiëren • Uitwisselen informaNe • Modulair uitbreidbaar
Waarom belangrijk? • Basis digitale publishing formaten • ePub standaard formaat • Minimale kennis gewenst
Waarom belangrijk?
Beperkingen • • • •
Inhoud is chronologisch Vormgeving komt op de 2e plaats Formaat eindgebruiker is onbekend Typografie en styling wordt niet alNjd ondersteund.
Ondersteuning Hardware • • • • • • • • • • • •
Amazon Kindle Sony Readers BeBook Readers Hanvon N-‐serie iRiver Story Cybook Opus Barnes & Noble iRex iLiad (NL) Smartphones iPhone, iPod en iPad Google Android etc…
So\ware • • • • • • • •
Amazon Kindle Lexcycle Stanza Apple iBooks Adone Digital EdiNons Calibre O’Reilly Bookworm Readium etc…
Before the next technical bit….
HTML5 Mogelijkheden En nog meer HTML5 mogelijkheden: • hSp://www.soundstep.com/blog/experiments/ jsdetecNon/ • hSp://www.html5rocks.com/en/tutorials/webgl/ jsartoolkit_webrtc/AR_mediaStream.html • hSp://neave.com/webcam/html5/ • hSp://webcamtest.davidhunterdesign.com/ moNon_detecNon_04.html • goo.gl/B3y9ym • hSp://www.chromeexperiments.com/
Structuur • Mimetype • META-‐INF • OEBPS
Structuur • Mimetype; Wat voor formaat is het? • META-‐INF; Hier staan de minimale verwijzingen • OEBPS; Standaard locaNe voor content (Open E-‐Book PublicaNon Structure)
Structuur • OEBPS – Content.opf; xml structuur van de ePub/Zip – Toc.ncx; inhoudsopgave – Images map; PNG is standaard – XHTML / HTML pagina’s – Opmaakbestanden (stylesheets)
Structuur
Stappenplan ePub creëren 1. Content maken 2. Structuur definiëren 3. Container maken 4. Valideren 5. Publiceren
Content maken • XHTML 1.1 (HTML4); inhoud/structuur • CSS 2.1 stylesheets; opmaak • Plaatjes; PNG of JPEG Tips: • HoofdleSergevoelig • Code moet conform specificaNe zijn
Structuur definiëren 2 XML bestanden inrichten • Content.opf – Lijst van alle aanwezige bestanden – Volgorde van bestanden – Metadata (Ntle, auteur, datum, etc.)
• Toc.ncx – NavigaNe voor de e-‐reader
Container maken 1. De complete bestandstructuur “zippen”. 2. .zip extensie hernoemen naar .epub Tip: mimetype moet als eerste “gezipped” zijn.
Valideren • Upload je ePub naar hSp://validator.idpf.org/ • Corrigeer fouten. • Voor grotere bestanden kun je EpubCheck downloaden.
Publiceren • ePub kopiëren naar de E-‐reader(s) Op3oneel: • Online publiceren via website • Online publiceren via eBook stores • Online publiceren via publishers
Opdracht Maak een eigen EPUB(2) volgens het stappenplan. • Download “lege_epub.zip” van bit.ly/epubdp • Maak 2 pagina’s met inhoud (tekst/plaatjes) • Ontwerp een cover voor je EPUB en voeg deze toe. • Valideer je EPUB • Installeer Readium for Chrome en/of Adobe Digital EdiNons.
Nadelen? • • • •
Kost veel Njd Inregelen volledige structuur Alles moet kloppen …
EPUB ZELF MAKEN (2) Handmade: • HTML-‐Editors • Dreamweaver (Semi-‐) Automa3sch • Sigil • Calibre • Indesign
SIGIL • MulNplavorm • OpenSource • Epub editor hSp://code.google.com/p/sigil/
Opdracht Maak een eigen EPUB(2) volgens het stappenplan. • Download en installeer Sigil: hSp://code.google.com/p/sigil/ • Maak een nieuwe ePub, gebruik hiervoor bijv. de vorige opdracht of nieuwe content • Zorg voor een goede structuur en opmaak • Voeg media (plaatjes, video, audio etc.) toe • Valideer je EPUB (built-‐in)
Links hSp://idpf.org/epub hSp://validator.idpf.org/ hSp://validator.w3.org/ hSp://readium.org/ hSp://www.adobe.com/nl/products/digital-‐ ediNons.html • hSp://code.google.com/p/sigil/ • • • • •
