1. Working with EPUB 3.0:
How EPUB 3.0 Will Affect Your Workflow
Webcast 2 of 4 in a special series on Understanding Produced by:
EPUB 3.0, co-presented by the Book Industry Study
Group and Digital Book World.
Today’s program will begin at 1:00 p.m. Eastern.
All participant phone lines are muted.
We’ll welcome your questions/comments at the end.
Sponsored by:
12. about metrodigi
• Conversion house around for about 2 years in the
San Francisco Bay Area, member of the IDPF
• Clientele: Time, Salesforce.com, Apple, Triumph,
etc.
13. about metrodigi
• Conversion house around for about 2 years in the
San Francisco Bay Area, member of the IDPF
• Clientele: Time, Salesforce.com, Apple, Triumph,
etc.
• Focused on highly-designed and über-interactive
eBooks
14. about metrodigi
• Conversion house around for about 2 years in the
San Francisco Bay Area, member of the IDPF
• Clientele: Time, Salesforce.com, Apple, Triumph,
etc.
• Focused on highly-designed and über-interactive
eBooks
• Fanatical about books in every way and love
“resurrecting” old books in digital form
25. timing is everything
Harmonic convergence for
ePub3:
• HTML5 is all but ratified
and Flash is going away for
mobile devices
26. timing is everything
Harmonic convergence for
ePub3:
• HTML5 is all but ratified
and Flash is going away for
mobile devices
• CSS3 is well underway with
a decent amount of
browser support
27. timing is everything
Harmonic convergence for
ePub3:
• HTML5 is all but ratified
and Flash is going away for
mobile devices
• CSS3 is well underway with
a decent amount of
browser support
• JavaScript frameworks are
31. YES!
• XHTML5 (and semantic markup) and CSS3
• Audio & video (local AND remote, also media
overlays)
32. YES!
• XHTML5 (and semantic markup) and CSS3
• Audio & video (local AND remote, also media
overlays)
• JavaScript
33. YES!
• XHTML5 (and semantic markup) and CSS3
• Audio & video (local AND remote, also media
overlays)
• JavaScript
• MathML (just a subset)
34. YES!
• XHTML5 (and semantic markup) and CSS3
• Audio & video (local AND remote, also media
overlays)
• JavaScript
• MathML (just a subset)
• Global language support (LTR, RTL, vertical
writing)
38. deprecated
• Buh bye, DTbook
• Tours
• Guide (though Apple will continue to
use it — you should use the NCX file
instead)
39. deprecated
• Buh bye, DTbook
• Tours
• Guide (though Apple will continue to
use it — you should use the NCX file
instead)
40. deprecated
• Buh bye, DTbook
• Tours
• Guide (though Apple will continue to
use it — you should use the NCX file
instead)
So long...we hardly knew ya!
43. terminology/structure
• Open Publication Structure 2.0.1 becomes
ePub Content Documents 3.0 (BIG change)
• Open Package Format 2.0.1 becomes
ePub Publications 3.0 (little change)
44. terminology/structure
• Open Publication Structure 2.0.1 becomes
ePub Content Documents 3.0 (BIG change)
• Open Package Format 2.0.1 becomes
ePub Publications 3.0 (little change)
• Open Container Format 2.0.1 updated to 3.0
45. terminology/structure
• Open Publication Structure 2.0.1 becomes
ePub Content Documents 3.0 (BIG change)
• Open Package Format 2.0.1 becomes
ePub Publications 3.0 (little change)
• Open Container Format 2.0.1 updated to 3.0
• New spec for NCX file: ePub Publications 3.0
46. terminology/structure
• Open Publication Structure 2.0.1 becomes
ePub Content Documents 3.0 (BIG change)
• Open Package Format 2.0.1 becomes
ePub Publications 3.0 (little change)
• Open Container Format 2.0.1 updated to 3.0
• New spec for NCX file: ePub Publications 3.0
Overall, much more unified from a structure
and code standpoint.
55. audio & video
• Nothing new, but now an official standard
• MP3 at minimum
56. audio & video
• Nothing new, but now an official standard
• MP3 at minimum
• MP4/AAC optional
57. audio & video
• Nothing new, but now an official standard
• MP3 at minimum
• MP4/AAC optional
• Media overlays to do Read Aloud and TTS (via
SMIL, PLS, or SSML)
58. audio & video
• Nothing new, but now an official standard
• MP3 at minimum
• MP4/AAC optional
• Media overlays to do Read Aloud and TTS (via
SMIL, PLS, or SSML)
• No specific video format (depends on the device)
63. gravy
• Accessibility
• Content switching
• SVG (now in the spine too)
• Readium: an open source project by the IDPF to
promote the ePub 3 standard
65. gone soft
For many items in the specifications, reader system
support is not mandatory:
66. gone soft
For many items in the specifications, reader system
support is not mandatory:
• Video (especially on eInk devices)
67. gone soft
For many items in the specifications, reader system
support is not mandatory:
• Video (especially on eInk devices)
• Audio
68. gone soft
For many items in the specifications, reader system
support is not mandatory:
• Video (especially on eInk devices)
• Audio
• JavaScript
69. gone soft
For many items in the specifications, reader system
support is not mandatory:
• Video (especially on eInk devices)
• Audio
• JavaScript
• Media overlays
70. gone soft
For many items in the specifications, reader system
support is not mandatory:
• Video (especially on eInk devices)
• Audio
• JavaScript
• Media overlays
• Canonical Fragment Identifier (not quite ready for
74. device support
• In short: all over the map
• Most devices support what I call “ePub 2.5”
75. device support
• In short: all over the map
• Most devices support what I call “ePub 2.5”
• Backwards compatibility with ePub 2.0.1
remains to be seen
76. device support
• In short: all over the map
• Most devices support what I call “ePub 2.5”
• Backwards compatibility with ePub 2.0.1
remains to be seen
• We focus on the “fab four”: iPad, Kindle Fire,
Nook Color/Tablet, and Kobo Vox.
77. device support
• In short: all over the map
• Most devices support what I call “ePub 2.5”
• Backwards compatibility with ePub 2.0.1
remains to be seen
• We focus on the “fab four”: iPad, Kindle Fire,
Nook Color/Tablet, and Kobo Vox.
• Still “wet cement”
78. device support
Today Future
Bits ‘n’ bobs Likely in 2012
No* No*
Bits ‘n’ bobs
Mid-2012
(with DRP)
Bits ‘n’ bobs Likely in 2012
83. workflow: planning
• Make ePub part of
your print publishing
workflow, not an
afterthought
• Font and media
licensing
84. workflow: planning
• Make ePub part of
your print publishing
workflow, not an
afterthought
• Font and media
licensing
• Media production,
plan your
enhancements (don’t
go overboard—serve
88. workflow: planning
• Marketing plan—
“piggyback” your
efforts on the print
release
• Fixed-layout or
reflowable
• Horizontal or vertical
89. workflow: planning
• Marketing plan—
“piggyback” your
efforts on the print
release
• Fixed-layout or
reflowable
• Horizontal or vertical
• Metadata gathering—
determine the most
95. planning: reality bites
• Cross device user
experience can’t
currently be
consistent
• Amazon is only
halfway embracing
ePub and not likely
to change course
96. planning: reality bites
• Cross device user
experience can’t
currently be
consistent
• Amazon is only
halfway embracing
ePub and not likely
to change course
• Reader system
support varied
100. workflow: design
• Overall sizing of page
elements (especially on
7” screens) when
viewed vertical vs.
horizontal and single
page vs. spreads
101. workflow: design
• Overall sizing of page
elements (especially on
7” screens) when
viewed vertical vs.
horizontal and single
page vs. spreads
• Final aspect ratio(s)
102. workflow: design
• Overall sizing of page
elements (especially on
7” screens) when
viewed vertical vs.
horizontal and single
page vs. spreads
• Final aspect ratio(s)
• Relative font sizes
(especially on 7”
104. workflow: design
• Create templates for
individual devices or a
“shared” template for
multiple devices,
including “hot zones”
105. workflow: design
• Create templates for
individual devices or a
“shared” template for
multiple devices,
including “hot zones”
• Create stock
interactive page
elements to reuse in
layouts as
placeholders, e.g.
buttons, videos
108. workflow: design
• Different layouts for
different screen
sizes, but same look
& feel
• Orientation and
format
109. workflow: design
• Different layouts for
different screen
sizes, but same look
& feel
• Orientation and
format
• White space can be
valuable real estate
110. workflow: design
• Different layouts for
different screen
sizes, but same look
& feel
• Orientation and
format
• White space can be
valuable real estate
• Use InDesign object,
112. workflow: design
• Break up large
pieces of content
into bite-sized
bits. You don’t
have to always
replicate the
printed page! (but
sometimes it’s
nice)
113. workflow: design
• Break up large
pieces of content
into bite-sized
bits. You don’t
have to always
replicate the
printed page! (but
sometimes it’s
nice)
• To show larger
items, use pop-
118. workflow: preflight
Common gotchas:
• Fonts not the right format
or missing
• Low res or missing images
• Double-check InDesign
package exports!
119. workflow: preflight
Common gotchas:
• Fonts not the right format
or missing
• Low res or missing images
• Double-check InDesign
package exports!
• Easier when everything is
all in one design file, not
separate chapter files
120. workflow: preflight
Common gotchas:
• Fonts not the right format
or missing
• Low res or missing images
• Double-check InDesign
package exports!
• Easier when everything is
all in one design file, not
separate chapter files
• Don’t “flatten” PDFs
123. workflow: production
• Prototype in PDF — faster, more flexible,
multiple iterations in a short time
• If hiring a conversion house for the first time,
ask for a sample (you should feel very
comfortable before committing)
124. workflow: production
• Prototype in PDF — faster, more flexible,
multiple iterations in a short time
• If hiring a conversion house for the first time,
ask for a sample (you should feel very
comfortable before committing)
• Build in extra QA time
125. workflow: production
• Prototype in PDF — faster, more flexible,
multiple iterations in a short time
• If hiring a conversion house for the first time,
ask for a sample (you should feel very
comfortable before committing)
• Build in extra QA time
126. workflow: production
• Prototype in PDF — faster, more flexible,
multiple iterations in a short time
• If hiring a conversion house for the first time,
ask for a sample (you should feel very
comfortable before committing)
• Build in extra QA time
Look into courses/books to train your in-house
129. down & dirty: create
A few tools to do ePub2 “guerrilla bookmaking”:
130. down & dirty: create
A few tools to do ePub2 “guerrilla bookmaking”:
• Sigil: http://code.google.com/p/sigil/
131. down & dirty: create
A few tools to do ePub2 “guerrilla bookmaking”:
• Sigil: http://code.google.com/p/sigil/
• Calibre (from the manual: “If you need a tool that
always produces valid EPUBs, calibre is not for
you.”): http://calibre-ebook.com/ DO NOT USE
FOR CREATION
132. down & dirty: create
A few tools to do ePub2 “guerrilla bookmaking”:
• Sigil: http://code.google.com/p/sigil/
• Calibre (from the manual: “If you need a tool that
always produces valid EPUBs, calibre is not for
you.”): http://calibre-ebook.com/ DO NOT USE
FOR CREATION
• Online services
133. down & dirty: create
A few tools to do ePub2 “guerrilla bookmaking”:
• Sigil: http://code.google.com/p/sigil/
• Calibre (from the manual: “If you need a tool that
always produces valid EPUBs, calibre is not for
you.”): http://calibre-ebook.com/ DO NOT USE
FOR CREATION
• Online services
• Web development tools such as BBedit, etc.
135. down & dirty: validate
A few free tools to do ePub validating:
136. down & dirty: validate
A few free tools to do ePub validating:
• ePub Check: http://code.google.com/p/
epubcheck/
137. down & dirty: validate
A few free tools to do ePub validating:
• ePub Check: http://code.google.com/p/
epubcheck/
• IDPF Online Validator (less than 10mb):
http://validator.idpf.org/
138. down & dirty: validate
A few free tools to do ePub validating:
• ePub Check: http://code.google.com/p/
epubcheck/
• IDPF Online Validator (less than 10mb):
http://validator.idpf.org/
• FlightCrew: http://code.google.com/p/
flightcrew/
140. down & dirty: readers
A few free tools to do ePub reading:
141. down & dirty: readers
A few free tools to do ePub reading:
• Readium (ePub 3): http://readium.org
142. down & dirty: readers
A few free tools to do ePub reading:
• Readium (ePub 3): http://readium.org
• Azardi (ePub 3): http://
azardi.infogridpacific.com/
143. down & dirty: readers
A few free tools to do ePub reading:
• Readium (ePub 3): http://readium.org
• Azardi (ePub 3): http://
azardi.infogridpacific.com/
• Calibre (ePub 2.5): http://calibre-ebook.com
144. down & dirty: readers
A few free tools to do ePub reading:
• Readium (ePub 3): http://readium.org
• Azardi (ePub 3): http://
azardi.infogridpacific.com/
• Calibre (ePub 2.5): http://calibre-ebook.com
• Kitabu (ePub 2): http://www.64.ee/
150. golden rule: KISS
• Design: both design
& code are both
grid-based so for
best optimization,
stick
to the grid.
151. golden rule: KISS
• Design: both design
& code are both
grid-based so for
best optimization,
stick
to the grid.
• Code Structure: limit
the tricks used in
average web markup,
simple page
structure
153. golden rule: KISS
• User Experience:
keep
a natural connection
between
enhancements and
the main story—
don’t overdo it
154. golden rule: KISS
• User Experience:
keep
a natural connection
between
enhancements and
the main story—
don’t overdo it
• Usability: make sure
it’s intuitive and not
to difficult to use the
enhancements