a digital first authoring environment for enriched e-books using epub 3
DESCRIPTION
Presentation that was given during ELPUB 2014 about shifting the current print-first publishing workflow into a digital-first publishing workflow with a clear distinction between content, structure, and layout. The developped authoring environment is a web application using current Open Web Standards to showcase the advantages of this digital-first workflow. The full paper can be found at http://www.ebooks.iospress.nl/publication/36551.TRANSCRIPT
![Page 1: A digital first authoring environment for enriched e-books using EPUB 3](https://reader033.vdocuments.us/reader033/viewer/2022050815/53f4b6f38d7f72c80e8b4b3d/html5/thumbnails/1.jpg)
ELIS - Multimedia Lab
A Digital-First Authoring Environment for Enriched e-Books using EPUB 3
Ben De Meester, Tom De Nies, Hajar Ghaem Sigarchian, Miel Vander Sande
Jelle Van Campen, Bram Van Impe,Wesley De Neve, Erik Mannens, Rik Van De Walle
University Ghent – iMinds – Multimedia Lab
![Page 2: A digital first authoring environment for enriched e-books using EPUB 3](https://reader033.vdocuments.us/reader033/viewer/2022050815/53f4b6f38d7f72c80e8b4b3d/html5/thumbnails/2.jpg)
ELIS - Multimedia Lab
On the menu:
❖ Core problems in today’s publishing workflow
❖ Tomorrow’s publishing workflow…
❖ … and the authoring environment to make that happen
❖ What is next?
![Page 3: A digital first authoring environment for enriched e-books using EPUB 3](https://reader033.vdocuments.us/reader033/viewer/2022050815/53f4b6f38d7f72c80e8b4b3d/html5/thumbnails/3.jpg)
ELIS - Multimedia Lab
Core problems in today’s publishing workflow
(in Flanders)
![Page 4: A digital first authoring environment for enriched e-books using EPUB 3](https://reader033.vdocuments.us/reader033/viewer/2022050815/53f4b6f38d7f72c80e8b4b3d/html5/thumbnails/4.jpg)
ELIS - Multimedia Lab
Yesterday’s publishing workflow
Layout
Adobe Indesign ©
Content* Printed bookContent
Microsoft Word ©
Author
![Page 5: A digital first authoring environment for enriched e-books using EPUB 3](https://reader033.vdocuments.us/reader033/viewer/2022050815/53f4b6f38d7f72c80e8b4b3d/html5/thumbnails/5.jpg)
ELIS - Multimedia Lab
Today’s publishing workflow
Layout
Adobe Indesign ©
Layout
Content*
Content*
Azardi © / iBooks Author © / …
Printed book
E-book
Content
Microsoft Word ©
Author
![Page 6: A digital first authoring environment for enriched e-books using EPUB 3](https://reader033.vdocuments.us/reader033/viewer/2022050815/53f4b6f38d7f72c80e8b4b3d/html5/thumbnails/6.jpg)
ELIS - Multimedia Lab
Problems we’ve observed
Print is still first
Vendor Lock-in
Corrections and updates
![Page 7: A digital first authoring environment for enriched e-books using EPUB 3](https://reader033.vdocuments.us/reader033/viewer/2022050815/53f4b6f38d7f72c80e8b4b3d/html5/thumbnails/7.jpg)
ELIS - Multimedia Lab
Print is still first
Printed books…
have static contenthave a page-based layoutare single-platform (book)
Whilst digital books…
are dynamichave a responsive layout
need multi-platform publishing (EPUB, PDF, HTML)
![Page 8: A digital first authoring environment for enriched e-books using EPUB 3](https://reader033.vdocuments.us/reader033/viewer/2022050815/53f4b6f38d7f72c80e8b4b3d/html5/thumbnails/8.jpg)
ELIS - Multimedia Lab
Corrections and Updates
Corrections are hard, especially after certain stages in the workflow (e.g., layout)
Updates (after publication) are even harder!
![Page 9: A digital first authoring environment for enriched e-books using EPUB 3](https://reader033.vdocuments.us/reader033/viewer/2022050815/53f4b6f38d7f72c80e8b4b3d/html5/thumbnails/9.jpg)
ELIS - Multimedia Lab
Results of an enquiry at Flemish publishers:
100% of authors delivers content in Word format
>90% of publishers has a workflow centered around Adobe Indesign
![Page 10: A digital first authoring environment for enriched e-books using EPUB 3](https://reader033.vdocuments.us/reader033/viewer/2022050815/53f4b6f38d7f72c80e8b4b3d/html5/thumbnails/10.jpg)
ELIS - Multimedia Lab
Vendor Lock-in
All steps of book lifecycle are controlled by same vendor (e.g., iBooks, Kindle, …)
➔ Use of vendor-specific formats limits innovation
e.g.: limited possibilities for dynamic content in Apple products
![Page 11: A digital first authoring environment for enriched e-books using EPUB 3](https://reader033.vdocuments.us/reader033/viewer/2022050815/53f4b6f38d7f72c80e8b4b3d/html5/thumbnails/11.jpg)
ELIS - Multimedia Lab
It is hard to make cost-effective e-books
Hard to makeVendor lock-in, print-first
Hard to maintainCorrections and updates
More expensive to make a digital book…but the consumer expects it to be cheaper!
![Page 12: A digital first authoring environment for enriched e-books using EPUB 3](https://reader033.vdocuments.us/reader033/viewer/2022050815/53f4b6f38d7f72c80e8b4b3d/html5/thumbnails/12.jpg)
ELIS - Multimedia Lab
How do we get out of here?(according to us)
![Page 13: A digital first authoring environment for enriched e-books using EPUB 3](https://reader033.vdocuments.us/reader033/viewer/2022050815/53f4b6f38d7f72c80e8b4b3d/html5/thumbnails/13.jpg)
ELIS - Multimedia Lab
Today’s publishing workflow
Layout
Adobe Indesign©
Layout
Content*
Content*
Azardi© / iBooks Author© / …
Printed book
E-book
Content
Microsoft Word©
Author
![Page 14: A digital first authoring environment for enriched e-books using EPUB 3](https://reader033.vdocuments.us/reader033/viewer/2022050815/53f4b6f38d7f72c80e8b4b3d/html5/thumbnails/14.jpg)
ELIS - Multimedia Lab
Tomorrow’s publishing workflowHTML5, CSS3, Javascript
Printed book
SmartphoneContent
Structure
Layout
Author
Phablet
Desktop
Tablet
CSS print profile
CSS e-book smartphone profile
CSS e-book tablet profile
CSS e-book desktop profile
CSS e-book phablet profile
Editor
Designer
![Page 15: A digital first authoring environment for enriched e-books using EPUB 3](https://reader033.vdocuments.us/reader033/viewer/2022050815/53f4b6f38d7f72c80e8b4b3d/html5/thumbnails/15.jpg)
ELIS - Multimedia Lab
Our Proposed Changes
Focus on digital
Division between content, structure and layout
Open Web Standards
![Page 16: A digital first authoring environment for enriched e-books using EPUB 3](https://reader033.vdocuments.us/reader033/viewer/2022050815/53f4b6f38d7f72c80e8b4b3d/html5/thumbnails/16.jpg)
ELIS - Multimedia Lab
Separate the Powers
CONTENT STRUCTURE LAYOUT
![Page 17: A digital first authoring environment for enriched e-books using EPUB 3](https://reader033.vdocuments.us/reader033/viewer/2022050815/53f4b6f38d7f72c80e8b4b3d/html5/thumbnails/17.jpg)
ELIS - Multimedia Lab
Separate the Powers (1/3)
CONTENT
modular book content
CONTENT
Generic “content blocks”
text, images, videos, interactive scripts, ...
With fall-backs for printed media
CONTENT
User Roles:- author- editor
- illustrator- ...
![Page 18: A digital first authoring environment for enriched e-books using EPUB 3](https://reader033.vdocuments.us/reader033/viewer/2022050815/53f4b6f38d7f72c80e8b4b3d/html5/thumbnails/18.jpg)
ELIS - Multimedia Lab
Separate the Powers (2/3)
STRUCTURE
Complex navigational structures
sequential,hierarchical,networks, ...
STRUCTURE
content selection and
navigation
STRUCTURE
User Roles:- author- editor
- ...
![Page 19: A digital first authoring environment for enriched e-books using EPUB 3](https://reader033.vdocuments.us/reader033/viewer/2022050815/53f4b6f38d7f72c80e8b4b3d/html5/thumbnails/19.jpg)
ELIS - Multimedia Lab
Separate the Powers (3/3)
LAYOUT
User Roles:- illustrator- designer
- editor- ...
LAYOUT
content presentation
and adaptation
LAYOUT
Generic “layout
containers”
CSS-based, adaptive, ...
![Page 20: A digital first authoring environment for enriched e-books using EPUB 3](https://reader033.vdocuments.us/reader033/viewer/2022050815/53f4b6f38d7f72c80e8b4b3d/html5/thumbnails/20.jpg)
ELIS - Multimedia Lab
Tomorrow’s publishing workflowHTML5, CSS3, Javascript
Printed book
SmartphoneContent
Structure
Layout
Author
Phablet
Desktop
Tablet
CSS print profile
CSS e-book smartphone profile
CSS e-book tablet profile
CSS e-book desktop profile
CSS e-book phablet profile
Editor
Designer
![Page 21: A digital first authoring environment for enriched e-books using EPUB 3](https://reader033.vdocuments.us/reader033/viewer/2022050815/53f4b6f38d7f72c80e8b4b3d/html5/thumbnails/21.jpg)
ELIS - Multimedia Lab
A Digital-First Authoring Environment for Enriched e-Books using EPUB 3
![Page 22: A digital first authoring environment for enriched e-books using EPUB 3](https://reader033.vdocuments.us/reader033/viewer/2022050815/53f4b6f38d7f72c80e8b4b3d/html5/thumbnails/22.jpg)
ELIS - Multimedia Lab
What is it?
A web application that
Imports legacy content (EPUB2, Word)
Can easily add content, structure, and layout
Exports valid EPUB3
![Page 23: A digital first authoring environment for enriched e-books using EPUB 3](https://reader033.vdocuments.us/reader033/viewer/2022050815/53f4b6f38d7f72c80e8b4b3d/html5/thumbnails/23.jpg)
ELIS - Multimedia Lab
Content view
![Page 24: A digital first authoring environment for enriched e-books using EPUB 3](https://reader033.vdocuments.us/reader033/viewer/2022050815/53f4b6f38d7f72c80e8b4b3d/html5/thumbnails/24.jpg)
ELIS - Multimedia Lab
Content
Content Block
Book
Content view
Homogeneous handling of heterogeneous contenttext, audio, video, interactive widgets, …
![Page 25: A digital first authoring environment for enriched e-books using EPUB 3](https://reader033.vdocuments.us/reader033/viewer/2022050815/53f4b6f38d7f72c80e8b4b3d/html5/thumbnails/25.jpg)
ELIS - Multimedia Lab
Structure view
![Page 26: A digital first authoring environment for enriched e-books using EPUB 3](https://reader033.vdocuments.us/reader033/viewer/2022050815/53f4b6f38d7f72c80e8b4b3d/html5/thumbnails/26.jpg)
ELIS - Multimedia Lab
Arbitrary linking patterns between Chaptershierarchical, by subject, …
Referencing content blocks in multiple chapters.
Chapter
Link
Book
Structure view
Content Block
![Page 27: A digital first authoring environment for enriched e-books using EPUB 3](https://reader033.vdocuments.us/reader033/viewer/2022050815/53f4b6f38d7f72c80e8b4b3d/html5/thumbnails/27.jpg)
ELIS - Multimedia Lab
Layout view
![Page 28: A digital first authoring environment for enriched e-books using EPUB 3](https://reader033.vdocuments.us/reader033/viewer/2022050815/53f4b6f38d7f72c80e8b4b3d/html5/thumbnails/28.jpg)
ELIS - Multimedia Lab
Layout Container
DecoratorContent Block
Content Container
Layout view
Decouple layout from content
Responsive design
![Page 29: A digital first authoring environment for enriched e-books using EPUB 3](https://reader033.vdocuments.us/reader033/viewer/2022050815/53f4b6f38d7f72c80e8b4b3d/html5/thumbnails/29.jpg)
ELIS - Multimedia Lab
Why is this better?
Changes can be made at any stage in the workflow,and propagate to other stages
Digital-first workflow ensures smooth multi-channel publication
Use of open formats avoids vendor lock-inand raises potential for innovation
![Page 30: A digital first authoring environment for enriched e-books using EPUB 3](https://reader033.vdocuments.us/reader033/viewer/2022050815/53f4b6f38d7f72c80e8b4b3d/html5/thumbnails/30.jpg)
ELIS - Multimedia Lab
Content
Layout Container
Decorator
Chapter
Content Block
Link
Book Content Container
![Page 31: A digital first authoring environment for enriched e-books using EPUB 3](https://reader033.vdocuments.us/reader033/viewer/2022050815/53f4b6f38d7f72c80e8b4b3d/html5/thumbnails/31.jpg)
ELIS - Multimedia Lab
Tomorrow’s authoring environment
Generic and flexible datamodel
(semi-)automatic annotations
![Page 32: A digital first authoring environment for enriched e-books using EPUB 3](https://reader033.vdocuments.us/reader033/viewer/2022050815/53f4b6f38d7f72c80e8b4b3d/html5/thumbnails/32.jpg)
ELIS - Multimedia Lab
ThanksOur project
Our pilot project partners:
Link to the paper: http://www.ebooks.iospress.nl/publication/36551