SlideShare una empresa de Scribd logo
1 de 46
Building good EPUB and smart reading systems ,[object Object],[object Object]
A good EPUB file has: The simplest possible formatting. A design that reflects the meaning of the text.
Why should an ebook be “simple”?
Because there are so many ereaders!
? Ereaders come  in different sizes
Guillaume Apollinaire Some books cannot be formatted in EPUB. Example: “Concrete Poetry”.
...but most poetry can look quite nice in EPUB.
and soon EPUB will support text that runs vertically.
Guidelines for  good EPUB
Simple formatting <h1> Main header </h1> <h2> Subsection </h2> <div class=” section ”> <p> First sentence. Second sentence. </p> <p> Next paragraph. </p> </div> <div class=” section ”> <p> Another scene. </p> </div>
This is readable even without styles Main header Subsection First sentence. Second sentence. Next paragraph. Another scene.
...however there is a problem Main header Subsection First sentence. Second sentence. Next paragraph. Another scene.
The author wants to show a scene change Main header Subsection First sentence. Second sentence. Next paragraph. Another scene.
Styling <h1> Main header </h1> <h2> Subsection </h2> <div class=” section ”> <p> First sentence. Second sentence. </p> <p> Next paragraph. </p> </div> <div class=” section ”> <p> Another scene. </p> </div> Indent first line of paragraphs
Styling <h1> Main header </h1> <h2> Subsection </h2> <div class=” section ”> <p> First sentence. Second sentence. </p> <p> Next paragraph. </p> </div> <div class=” section ”> <p> Another scene. </p> </div> # Indent 1st line p:first-line { text-indent: 2em; }
Styling <h1> Main header </h1> <h2> Subsection </h2> <div class=” section ”> <p> First sentence. Second sentence. </p> <p> Next paragraph. </p> </div> <div class=” section ”> <p> Another scene. </p> </div> Minimize space between paragraphs.
Styling <h1> Main header </h1> <h2> Subsection </h2> <div class=” section ”> <p> First sentence. Second sentence. </p> <p> Next paragraph. </p> </div> <div class=” section ”> <p> Another scene. </p> </div> # Indent 1st line p:first-line { text-indent: 2em; } # Minimize p space p { margin:0; }
Styling <h1> Main header </h1> <h2> Subsection </h2> <div class=” section ”> <p> First sentence. Second sentence. </p> <p> Next paragraph. </p> </div> <div class=” section ”> <p> Another scene. </p> </div> Add spacing between scene changes.
Styling <h1> Main header </h1> <h2> Subsection </h2> <div class=” section ”> <p> First sentence. Second sentence. </p> <p> Next paragraph. </p> </div> <div class=” section ”> <p> Another scene. </p> </div> # Indent 1st line p:first-line { text-indent: 2em; } # Minimize p space p { margin:0; } # Section spacing div.section { margin: 1em 0 1em 0; }
Much better! Main header Subsection First sentence. Second sentence. Next paragraph. Another scene.
Why are good EPUBs hard? EPUB authoring Proofing Validation Testing This cycle can be expensive when done manually.
Creation from other XML formats helps XML source Transformation Some transformations (e.g. DocBook to EPUB) have free, public automation tools and produce already-tested output.
Non-XML transformations  may not work well Microsoft Word Possible but not easy PDF Almost impossible to automate Quark Some vendors provide conversion
Non-XML transformations  may not work well When converting large backlists from paper or old formats, it is best to work with an experienced digitization firm.
Good methods to produce EPUB XML workflows Web development tools InDesign CS4+
Smart reading systems
Ebook acquisition Discovery and purchase or acquisition Rendering engine Displays text on the screen Pagination and navigation Allows users to turn pages or jump into the book User customizations Allow users to change fonts, colors User annotations Allow users to bookmark, add notes
Acquisition Users should be able to find books, buy them, download them or add books from their own personal libraries.
Importing ebooks Users want to be able to move their books between ereaders as they buy new hardware or software. A good ereader makes it easy to import other books. It is easy to add personal books to iBooks but the user must be connected via USB. It is better to let users add books  wirelessly .
Finding ebooks Ereaders may include their own custom ebook store. It is often easy for users to purchase but hard to import their own personal books.
Finding ebooks One method of finding books across different ebook stores is  OPDS , or the Open Publication Distribution System.
Finding ebooks With OPDS users can  search ,  find  and  acquire  books from many stores and many reading systems. A good EPUB reading system supports  OPDS !
Rendering engines
Adobe Reader Mobile SDK Software that is licensed to  device-makers and software partners to provide Adobe’s EPUB support and DRM.
Readers using the RMSDK: ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
WebKit
Ereaders using WebKit
Test and preview in: RMSDK WebKit on large device WebKit on mobile device
Pagination and navigation EPUB <spine> Users must be able to move from page to page  (EPUB needs to allow the page direction to be modified to be left to right or right to left!)
Pagination and navigation EPUB <ncx> Users must be able to jump into any place in the book.
Pagination and navigation Good Ereaders also: Remember the last page you read. Sync reading position across devices. Paginate quickly and accurately.
User customizations ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
User annotations ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
A smart reading system: Lets users pick their preferred way to read. Honors the intent of the author and book designer. Is optimized for the hardware that it runs on.
Good EPUB + smart reading system ,[object Object],[object Object],[object Object],[object Object]
Thank you! Liza Daly Threepress Consulting Inc. [email_address] Twitter: @liza http://threepress.o rg

Más contenido relacionado

Más de Taiwan Digital Publishing Forum

Global Adoption of Digital Publishing, EPUB 3, and the Open Web Platform
Global Adoption of Digital Publishing, EPUB 3,  and the Open Web Platform Global Adoption of Digital Publishing, EPUB 3,  and the Open Web Platform
Global Adoption of Digital Publishing, EPUB 3, and the Open Web Platform Taiwan Digital Publishing Forum
 
最佳語文學習類電子書獎 「On the Go台灣走透透」iPad版
最佳語文學習類電子書獎 「On the Go台灣走透透」iPad版最佳語文學習類電子書獎 「On the Go台灣走透透」iPad版
最佳語文學習類電子書獎 「On the Go台灣走透透」iPad版Taiwan Digital Publishing Forum
 
最佳公益數位媒體獎 行動綠生活.台灣不碳氣
最佳公益數位媒體獎 行動綠生活.台灣不碳氣最佳公益數位媒體獎 行動綠生活.台灣不碳氣
最佳公益數位媒體獎 行動綠生活.台灣不碳氣Taiwan Digital Publishing Forum
 
最佳科學類電子書獎 台灣郊山地圖〔北部篇〕
最佳科學類電子書獎 台灣郊山地圖〔北部篇〕最佳科學類電子書獎 台灣郊山地圖〔北部篇〕
最佳科學類電子書獎 台灣郊山地圖〔北部篇〕Taiwan Digital Publishing Forum
 

Más de Taiwan Digital Publishing Forum (20)

數位著作應注意的授權議題[1]
數位著作應注意的授權議題[1]數位著作應注意的授權議題[1]
數位著作應注意的授權議題[1]
 
中文化EPUB Validator
中文化EPUB Validator中文化EPUB Validator
中文化EPUB Validator
 
英業達書包雲成功推廣大高雄地區介紹
英業達書包雲成功推廣大高雄地區介紹英業達書包雲成功推廣大高雄地區介紹
英業達書包雲成功推廣大高雄地區介紹
 
迎接新挑戰:與EPUB3接軌
迎接新挑戰:與EPUB3接軌迎接新挑戰:與EPUB3接軌
迎接新挑戰:與EPUB3接軌
 
從傳統出版邁入數位內容趨勢感受
從傳統出版邁入數位內容趨勢感受從傳統出版邁入數位內容趨勢感受
從傳統出版邁入數位內容趨勢感受
 
Global Adoption of Digital Publishing, EPUB 3, and the Open Web Platform
Global Adoption of Digital Publishing, EPUB 3,  and the Open Web Platform Global Adoption of Digital Publishing, EPUB 3,  and the Open Web Platform
Global Adoption of Digital Publishing, EPUB 3, and the Open Web Platform
 
Transition to Digital Book Publishing-Leslie Hulse
Transition to Digital Book Publishing-Leslie HulseTransition to Digital Book Publishing-Leslie Hulse
Transition to Digital Book Publishing-Leslie Hulse
 
第三季發表會簡報V.1
第三季發表會簡報V.1第三季發表會簡報V.1
第三季發表會簡報V.1
 
政策建議書及當日論壇總結整理20121220
政策建議書及當日論壇總結整理20121220政策建議書及當日論壇總結整理20121220
政策建議書及當日論壇總結整理20121220
 
2
22
2
 
1
11
1
 
最佳語文學習類電子書獎 「On the Go台灣走透透」iPad版
最佳語文學習類電子書獎 「On the Go台灣走透透」iPad版最佳語文學習類電子書獎 「On the Go台灣走透透」iPad版
最佳語文學習類電子書獎 「On the Go台灣走透透」iPad版
 
最佳公益數位媒體獎 行動綠生活.台灣不碳氣
最佳公益數位媒體獎 行動綠生活.台灣不碳氣最佳公益數位媒體獎 行動綠生活.台灣不碳氣
最佳公益數位媒體獎 行動綠生活.台灣不碳氣
 
最佳科學類電子書獎 台灣郊山地圖〔北部篇〕
最佳科學類電子書獎 台灣郊山地圖〔北部篇〕最佳科學類電子書獎 台灣郊山地圖〔北部篇〕
最佳科學類電子書獎 台灣郊山地圖〔北部篇〕
 
最佳加值服務獎 bella 儂儂 App
最佳加值服務獎 bella 儂儂 App最佳加值服務獎 bella 儂儂 App
最佳加值服務獎 bella 儂儂 App
 
最佳電子資料庫獎 HyRead台灣全文資料庫
最佳電子資料庫獎 HyRead台灣全文資料庫最佳電子資料庫獎 HyRead台灣全文資料庫
最佳電子資料庫獎 HyRead台灣全文資料庫
 
最佳電子期刊獎 天下雜誌iPad版電子雜誌
最佳電子期刊獎 天下雜誌iPad版電子雜誌最佳電子期刊獎 天下雜誌iPad版電子雜誌
最佳電子期刊獎 天下雜誌iPad版電子雜誌
 
年度數位出版創新獎 漫畫之星COMIC STAR
年度數位出版創新獎 漫畫之星COMIC STAR年度數位出版創新獎 漫畫之星COMIC STAR
年度數位出版創新獎 漫畫之星COMIC STAR
 
最佳人文藝術類電子書獎 阿公的大腳丫
最佳人文藝術類電子書獎 阿公的大腳丫最佳人文藝術類電子書獎 阿公的大腳丫
最佳人文藝術類電子書獎 阿公的大腳丫
 
最佳動漫及繪本類電子書獎 小蜥蜴的回憶
最佳動漫及繪本類電子書獎 小蜥蜴的回憶最佳動漫及繪本類電子書獎 小蜥蜴的回憶
最佳動漫及繪本類電子書獎 小蜥蜴的回憶
 

Último

A305_A2_file_Batkhuu progress report.pdf
A305_A2_file_Batkhuu progress report.pdfA305_A2_file_Batkhuu progress report.pdf
A305_A2_file_Batkhuu progress report.pdftbatkhuu1
 
MONA 98765-12871 CALL GIRLS IN LUDHIANA LUDHIANA CALL GIRL
MONA 98765-12871 CALL GIRLS IN LUDHIANA LUDHIANA CALL GIRLMONA 98765-12871 CALL GIRLS IN LUDHIANA LUDHIANA CALL GIRL
MONA 98765-12871 CALL GIRLS IN LUDHIANA LUDHIANA CALL GIRLSeo
 
Mondelez State of Snacking and Future Trends 2023
Mondelez State of Snacking and Future Trends 2023Mondelez State of Snacking and Future Trends 2023
Mondelez State of Snacking and Future Trends 2023Neil Kimberley
 
Pharma Works Profile of Karan Communications
Pharma Works Profile of Karan CommunicationsPharma Works Profile of Karan Communications
Pharma Works Profile of Karan Communicationskarancommunications
 
Yaroslav Rozhankivskyy: Три складові і три передумови максимальної продуктивн...
Yaroslav Rozhankivskyy: Три складові і три передумови максимальної продуктивн...Yaroslav Rozhankivskyy: Три складові і три передумови максимальної продуктивн...
Yaroslav Rozhankivskyy: Три складові і три передумови максимальної продуктивн...Lviv Startup Club
 
Lucknow 💋 Escorts in Lucknow - 450+ Call Girl Cash Payment 8923113531 Neha Th...
Lucknow 💋 Escorts in Lucknow - 450+ Call Girl Cash Payment 8923113531 Neha Th...Lucknow 💋 Escorts in Lucknow - 450+ Call Girl Cash Payment 8923113531 Neha Th...
Lucknow 💋 Escorts in Lucknow - 450+ Call Girl Cash Payment 8923113531 Neha Th...anilsa9823
 
Call Girls in Gomti Nagar - 7388211116 - With room Service
Call Girls in Gomti Nagar - 7388211116  - With room ServiceCall Girls in Gomti Nagar - 7388211116  - With room Service
Call Girls in Gomti Nagar - 7388211116 - With room Servicediscovermytutordmt
 
Insurers' journeys to build a mastery in the IoT usage
Insurers' journeys to build a mastery in the IoT usageInsurers' journeys to build a mastery in the IoT usage
Insurers' journeys to build a mastery in the IoT usageMatteo Carbone
 
A DAY IN THE LIFE OF A SALESMAN / WOMAN
A DAY IN THE LIFE OF A  SALESMAN / WOMANA DAY IN THE LIFE OF A  SALESMAN / WOMAN
A DAY IN THE LIFE OF A SALESMAN / WOMANIlamathiKannappan
 
Understanding the Pakistan Budgeting Process: Basics and Key Insights
Understanding the Pakistan Budgeting Process: Basics and Key InsightsUnderstanding the Pakistan Budgeting Process: Basics and Key Insights
Understanding the Pakistan Budgeting Process: Basics and Key Insightsseri bangash
 
KYC-Verified Accounts: Helping Companies Handle Challenging Regulatory Enviro...
KYC-Verified Accounts: Helping Companies Handle Challenging Regulatory Enviro...KYC-Verified Accounts: Helping Companies Handle Challenging Regulatory Enviro...
KYC-Verified Accounts: Helping Companies Handle Challenging Regulatory Enviro...Any kyc Account
 
7.pdf This presentation captures many uses and the significance of the number...
7.pdf This presentation captures many uses and the significance of the number...7.pdf This presentation captures many uses and the significance of the number...
7.pdf This presentation captures many uses and the significance of the number...Paul Menig
 
Event mailer assignment progress report .pdf
Event mailer assignment progress report .pdfEvent mailer assignment progress report .pdf
Event mailer assignment progress report .pdftbatkhuu1
 
Value Proposition canvas- Customer needs and pains
Value Proposition canvas- Customer needs and painsValue Proposition canvas- Customer needs and pains
Value Proposition canvas- Customer needs and painsP&CO
 
The Path to Product Excellence: Avoiding Common Pitfalls and Enhancing Commun...
The Path to Product Excellence: Avoiding Common Pitfalls and Enhancing Commun...The Path to Product Excellence: Avoiding Common Pitfalls and Enhancing Commun...
The Path to Product Excellence: Avoiding Common Pitfalls and Enhancing Commun...Aggregage
 
Grateful 7 speech thanking everyone that has helped.pdf
Grateful 7 speech thanking everyone that has helped.pdfGrateful 7 speech thanking everyone that has helped.pdf
Grateful 7 speech thanking everyone that has helped.pdfPaul Menig
 
Mysore Call Girls 8617370543 WhatsApp Number 24x7 Best Services
Mysore Call Girls 8617370543 WhatsApp Number 24x7 Best ServicesMysore Call Girls 8617370543 WhatsApp Number 24x7 Best Services
Mysore Call Girls 8617370543 WhatsApp Number 24x7 Best ServicesDipal Arora
 
Cracking the Cultural Competence Code.pptx
Cracking the Cultural Competence Code.pptxCracking the Cultural Competence Code.pptx
Cracking the Cultural Competence Code.pptxWorkforce Group
 
It will be International Nurses' Day on 12 May
It will be International Nurses' Day on 12 MayIt will be International Nurses' Day on 12 May
It will be International Nurses' Day on 12 MayNZSG
 

Último (20)

A305_A2_file_Batkhuu progress report.pdf
A305_A2_file_Batkhuu progress report.pdfA305_A2_file_Batkhuu progress report.pdf
A305_A2_file_Batkhuu progress report.pdf
 
MONA 98765-12871 CALL GIRLS IN LUDHIANA LUDHIANA CALL GIRL
MONA 98765-12871 CALL GIRLS IN LUDHIANA LUDHIANA CALL GIRLMONA 98765-12871 CALL GIRLS IN LUDHIANA LUDHIANA CALL GIRL
MONA 98765-12871 CALL GIRLS IN LUDHIANA LUDHIANA CALL GIRL
 
Mondelez State of Snacking and Future Trends 2023
Mondelez State of Snacking and Future Trends 2023Mondelez State of Snacking and Future Trends 2023
Mondelez State of Snacking and Future Trends 2023
 
Pharma Works Profile of Karan Communications
Pharma Works Profile of Karan CommunicationsPharma Works Profile of Karan Communications
Pharma Works Profile of Karan Communications
 
Yaroslav Rozhankivskyy: Три складові і три передумови максимальної продуктивн...
Yaroslav Rozhankivskyy: Три складові і три передумови максимальної продуктивн...Yaroslav Rozhankivskyy: Три складові і три передумови максимальної продуктивн...
Yaroslav Rozhankivskyy: Три складові і три передумови максимальної продуктивн...
 
Lucknow 💋 Escorts in Lucknow - 450+ Call Girl Cash Payment 8923113531 Neha Th...
Lucknow 💋 Escorts in Lucknow - 450+ Call Girl Cash Payment 8923113531 Neha Th...Lucknow 💋 Escorts in Lucknow - 450+ Call Girl Cash Payment 8923113531 Neha Th...
Lucknow 💋 Escorts in Lucknow - 450+ Call Girl Cash Payment 8923113531 Neha Th...
 
Call Girls in Gomti Nagar - 7388211116 - With room Service
Call Girls in Gomti Nagar - 7388211116  - With room ServiceCall Girls in Gomti Nagar - 7388211116  - With room Service
Call Girls in Gomti Nagar - 7388211116 - With room Service
 
Insurers' journeys to build a mastery in the IoT usage
Insurers' journeys to build a mastery in the IoT usageInsurers' journeys to build a mastery in the IoT usage
Insurers' journeys to build a mastery in the IoT usage
 
A DAY IN THE LIFE OF A SALESMAN / WOMAN
A DAY IN THE LIFE OF A  SALESMAN / WOMANA DAY IN THE LIFE OF A  SALESMAN / WOMAN
A DAY IN THE LIFE OF A SALESMAN / WOMAN
 
Understanding the Pakistan Budgeting Process: Basics and Key Insights
Understanding the Pakistan Budgeting Process: Basics and Key InsightsUnderstanding the Pakistan Budgeting Process: Basics and Key Insights
Understanding the Pakistan Budgeting Process: Basics and Key Insights
 
KYC-Verified Accounts: Helping Companies Handle Challenging Regulatory Enviro...
KYC-Verified Accounts: Helping Companies Handle Challenging Regulatory Enviro...KYC-Verified Accounts: Helping Companies Handle Challenging Regulatory Enviro...
KYC-Verified Accounts: Helping Companies Handle Challenging Regulatory Enviro...
 
7.pdf This presentation captures many uses and the significance of the number...
7.pdf This presentation captures many uses and the significance of the number...7.pdf This presentation captures many uses and the significance of the number...
7.pdf This presentation captures many uses and the significance of the number...
 
VVVIP Call Girls In Greater Kailash ➡️ Delhi ➡️ 9999965857 🚀 No Advance 24HRS...
VVVIP Call Girls In Greater Kailash ➡️ Delhi ➡️ 9999965857 🚀 No Advance 24HRS...VVVIP Call Girls In Greater Kailash ➡️ Delhi ➡️ 9999965857 🚀 No Advance 24HRS...
VVVIP Call Girls In Greater Kailash ➡️ Delhi ➡️ 9999965857 🚀 No Advance 24HRS...
 
Event mailer assignment progress report .pdf
Event mailer assignment progress report .pdfEvent mailer assignment progress report .pdf
Event mailer assignment progress report .pdf
 
Value Proposition canvas- Customer needs and pains
Value Proposition canvas- Customer needs and painsValue Proposition canvas- Customer needs and pains
Value Proposition canvas- Customer needs and pains
 
The Path to Product Excellence: Avoiding Common Pitfalls and Enhancing Commun...
The Path to Product Excellence: Avoiding Common Pitfalls and Enhancing Commun...The Path to Product Excellence: Avoiding Common Pitfalls and Enhancing Commun...
The Path to Product Excellence: Avoiding Common Pitfalls and Enhancing Commun...
 
Grateful 7 speech thanking everyone that has helped.pdf
Grateful 7 speech thanking everyone that has helped.pdfGrateful 7 speech thanking everyone that has helped.pdf
Grateful 7 speech thanking everyone that has helped.pdf
 
Mysore Call Girls 8617370543 WhatsApp Number 24x7 Best Services
Mysore Call Girls 8617370543 WhatsApp Number 24x7 Best ServicesMysore Call Girls 8617370543 WhatsApp Number 24x7 Best Services
Mysore Call Girls 8617370543 WhatsApp Number 24x7 Best Services
 
Cracking the Cultural Competence Code.pptx
Cracking the Cultural Competence Code.pptxCracking the Cultural Competence Code.pptx
Cracking the Cultural Competence Code.pptx
 
It will be International Nurses' Day on 12 May
It will be International Nurses' Day on 12 MayIt will be International Nurses' Day on 12 May
It will be International Nurses' Day on 12 May
 

Building Good EPUB And Smart Reading Systems - Liza Daly

  • 1.
  • 2. A good EPUB file has: The simplest possible formatting. A design that reflects the meaning of the text.
  • 3. Why should an ebook be “simple”?
  • 4. Because there are so many ereaders!
  • 5. ? Ereaders come in different sizes
  • 6. Guillaume Apollinaire Some books cannot be formatted in EPUB. Example: “Concrete Poetry”.
  • 7. ...but most poetry can look quite nice in EPUB.
  • 8. and soon EPUB will support text that runs vertically.
  • 9. Guidelines for good EPUB
  • 10. Simple formatting <h1> Main header </h1> <h2> Subsection </h2> <div class=” section ”> <p> First sentence. Second sentence. </p> <p> Next paragraph. </p> </div> <div class=” section ”> <p> Another scene. </p> </div>
  • 11. This is readable even without styles Main header Subsection First sentence. Second sentence. Next paragraph. Another scene.
  • 12. ...however there is a problem Main header Subsection First sentence. Second sentence. Next paragraph. Another scene.
  • 13. The author wants to show a scene change Main header Subsection First sentence. Second sentence. Next paragraph. Another scene.
  • 14. Styling <h1> Main header </h1> <h2> Subsection </h2> <div class=” section ”> <p> First sentence. Second sentence. </p> <p> Next paragraph. </p> </div> <div class=” section ”> <p> Another scene. </p> </div> Indent first line of paragraphs
  • 15. Styling <h1> Main header </h1> <h2> Subsection </h2> <div class=” section ”> <p> First sentence. Second sentence. </p> <p> Next paragraph. </p> </div> <div class=” section ”> <p> Another scene. </p> </div> # Indent 1st line p:first-line { text-indent: 2em; }
  • 16. Styling <h1> Main header </h1> <h2> Subsection </h2> <div class=” section ”> <p> First sentence. Second sentence. </p> <p> Next paragraph. </p> </div> <div class=” section ”> <p> Another scene. </p> </div> Minimize space between paragraphs.
  • 17. Styling <h1> Main header </h1> <h2> Subsection </h2> <div class=” section ”> <p> First sentence. Second sentence. </p> <p> Next paragraph. </p> </div> <div class=” section ”> <p> Another scene. </p> </div> # Indent 1st line p:first-line { text-indent: 2em; } # Minimize p space p { margin:0; }
  • 18. Styling <h1> Main header </h1> <h2> Subsection </h2> <div class=” section ”> <p> First sentence. Second sentence. </p> <p> Next paragraph. </p> </div> <div class=” section ”> <p> Another scene. </p> </div> Add spacing between scene changes.
  • 19. Styling <h1> Main header </h1> <h2> Subsection </h2> <div class=” section ”> <p> First sentence. Second sentence. </p> <p> Next paragraph. </p> </div> <div class=” section ”> <p> Another scene. </p> </div> # Indent 1st line p:first-line { text-indent: 2em; } # Minimize p space p { margin:0; } # Section spacing div.section { margin: 1em 0 1em 0; }
  • 20. Much better! Main header Subsection First sentence. Second sentence. Next paragraph. Another scene.
  • 21. Why are good EPUBs hard? EPUB authoring Proofing Validation Testing This cycle can be expensive when done manually.
  • 22. Creation from other XML formats helps XML source Transformation Some transformations (e.g. DocBook to EPUB) have free, public automation tools and produce already-tested output.
  • 23. Non-XML transformations may not work well Microsoft Word Possible but not easy PDF Almost impossible to automate Quark Some vendors provide conversion
  • 24. Non-XML transformations may not work well When converting large backlists from paper or old formats, it is best to work with an experienced digitization firm.
  • 25. Good methods to produce EPUB XML workflows Web development tools InDesign CS4+
  • 27. Ebook acquisition Discovery and purchase or acquisition Rendering engine Displays text on the screen Pagination and navigation Allows users to turn pages or jump into the book User customizations Allow users to change fonts, colors User annotations Allow users to bookmark, add notes
  • 28. Acquisition Users should be able to find books, buy them, download them or add books from their own personal libraries.
  • 29. Importing ebooks Users want to be able to move their books between ereaders as they buy new hardware or software. A good ereader makes it easy to import other books. It is easy to add personal books to iBooks but the user must be connected via USB. It is better to let users add books wirelessly .
  • 30. Finding ebooks Ereaders may include their own custom ebook store. It is often easy for users to purchase but hard to import their own personal books.
  • 31. Finding ebooks One method of finding books across different ebook stores is OPDS , or the Open Publication Distribution System.
  • 32. Finding ebooks With OPDS users can search , find and acquire books from many stores and many reading systems. A good EPUB reading system supports OPDS !
  • 34. Adobe Reader Mobile SDK Software that is licensed to device-makers and software partners to provide Adobe’s EPUB support and DRM.
  • 35.
  • 38. Test and preview in: RMSDK WebKit on large device WebKit on mobile device
  • 39. Pagination and navigation EPUB <spine> Users must be able to move from page to page (EPUB needs to allow the page direction to be modified to be left to right or right to left!)
  • 40. Pagination and navigation EPUB <ncx> Users must be able to jump into any place in the book.
  • 41. Pagination and navigation Good Ereaders also: Remember the last page you read. Sync reading position across devices. Paginate quickly and accurately.
  • 42.
  • 43.
  • 44. A smart reading system: Lets users pick their preferred way to read. Honors the intent of the author and book designer. Is optimized for the hardware that it runs on.
  • 45.
  • 46. Thank you! Liza Daly Threepress Consulting Inc. [email_address] Twitter: @liza http://threepress.o rg

Notas del editor

  1. Some ereaders are software that runs on a computer. Some run on mobile phones. They use different languages fonts and screen technologies.
  2. Ereaders come in different sizes. The best part of EPUB is that books can be “flowed” into different size screens.
  3. Not all books are appropriate for reflowable text. Examples include some poetry or other texts where the exact layout of the lettering is critical.
  4. But most books can be adapted to reflowable text quite nicely, even most poetry.
  5. Here is a very simple English document. I will use it to show how to keep the HTML very clean (for all ereaders) and then improve the display for ereaders that support good styling.
  6. This is what the book would look like without any styles. You can tell where the paragraphs are and how important the various headers are by their size and whether they are bold.
  7. Some ideas from the author are missing. The reader cannot tell that “Next paragraph” is part of the same scene as “First sentence.” Everything seems to run together. Also it is hard to tell where a paragraph starts.
  8. I will show how to make these changes that will look nice in ereaders and convey what the author wanted to show.
  9. This is the CSS code to indent only the first line of a paragraph. This helps with readability. Some ereaders will do this automatically, some will not.
  10. The author also wants to minimize space between paragraphs to look more like a traditional book.
  11. The most important change is to add spacing between scenes. This is how many authors indicate that time has passed, or the location of the scene has changed.
  12. We use the “section” class to indicate that the next set of paragraphs should have spacing above and below.
  13. Amazon lets users browse and search books very easily. But they do not use EPUB so it is impossible for users to add books from other ebook stores.
  14. The second major part of any reading system is the rendering engine. I’m going to talk about two major commercial rendering engines.
  15. Adobe Reader Mobile SDK is found on most of the hardware e-ink devices.
  16. My next reading system is not really a reading system, but a web browser engine. WebKit powers a number of different web browsers and mobile browsers. If you’ve used Chrome, Safari, iOS or Android, you’ve used WebKit.
  17. Because EPUB is so similar to web technologies, WebKit makes an excellent tool for building an ereader. Most mobile ereaders use WebKit including Apple iBooks.
  18. Because these two rendering engines are so common, I recommend testing your EPUB in just 3 system: test in one RMSDK device/software (usually Adobe Digital Editions), one “big WebKit” like a web browser or iPad, and one “small WebKit”, or mobile device or browser.
  19. After letting people get books and then read them, the next thing a reading system must do is let users move throughout the book. Pagination is one method, that lets users move between the spine of the EPUB book.
  20. The NCX table of content is provided in an EPUB to let users understand how to jump directly into just one chapter or section of interest. A reading system must display the NCX table of contents in a clear way.