• Save
認識EPUB
Upcoming SlideShare
Loading in...5
×
 

Like this? Share it with your network

Share

認識EPUB

on

  • 2,710 views

2013年,城邦主辦「數位出版八堂課 從數位做出版 一次就懂」

2013年,城邦主辦「數位出版八堂課 從數位做出版 一次就懂」

Statistics

Views

Total Views
2,710
Views on SlideShare
2,099
Embed Views
611

Actions

Likes
14
Downloads
0
Comments
1

7 Embeds 611

http://cite-learning-2013.blogspot.tw 574
http://cite-learning-2013.blogspot.hk 14
http://cite-learning-2013.blogspot.com 9
http://www.box-color.com.tw 9
https://twitter.com 3
http://cite-learning-2013.blogspot.jp 1
http://cite-learning-2013.blogspot.ca 1
More...

Accessibility

Upload Details

Uploaded via as Adobe PDF

Usage Rights

CC Attribution-NonCommercial-NoDerivs LicenseCC Attribution-NonCommercial-NoDerivs LicenseCC Attribution-NonCommercial-NoDerivs License

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

認識EPUB Presentation Transcript

  • 1. WANDERER Digital Publishing Inc. 董福興 認識
  • 2. ブラックジャックによろしくby佐藤秀峰@Manga on Web
  • 3. 2013下半年的變化 • iBookstore再次傳出開店:年內預定 • 樂天Kobo決定來台發展:11⽉月預定 • Google Play Book軟體⽀支援到位 • 某台灣K書店⽀支援EPUB 3 Fixed Layout →僅⽀支援EPUB 3、成為不得不使⽤用的格式。
  • 4. 提案 • 現在與其談論「What」,不如多談點 「How to」。 • 數位出版=技術 + 出版,單⽅方向說明 不容易全⾯面了解。 • 90分鐘很⻑⾧長,⼀一直聽容易睡著。 →請隨時舉⼿手發表意⾒見,討論。
  • 5. Why?
  • 6. 多螢幕對應
  • 7. 1024 x 768 90’~00’
  • 8. 1024 x 768 90’~00’1920x1080 2010~now
  • 9. 1024 x 768 90’~00’1920x1080 2010~now 2560x1440 27” iMac
  • 10. 1024 x 768 90’~00’1920x1080 2010~now 2560x1440 27” iMac 4K Near Future
  • 11. 1024 x 768 90’~00’ 1920x1080 2010~now 2560x1440 27” iMac 4K Near Future
  • 12. 1024 x 768 90’~00’ 1920x1080 2010~now 2560x1440 27” iMac 4K Near Future iPhone 320 x 480 640 x 960
  • 13. 1024 x 768 90’~00’ 1920x1080 2010~now 2560x1440 27” iMac 4K Near Future iPhone 320 x 480 640 x 960 iPhone 5 640 x 1136
  • 14. 1024 x 768 90’~00’ 1920x1080 2010~now 2560x1440 27” iMac 4K Near Future iPhone 320 x 480 640 x 960 iPhone 5 640 x 1136 iPad 1024 x 768 2048 x 1536
  • 15. 1024 x 768 90’~00’ 1920x1080 2010~now 2560x1440 27” iMac 4K Near Future iPhone 320 x 480 640 x 960 iPhone 5 640 x 1136 iPad 1024 x 768 2048 x 1536 Nexus 10 2560 x 1600
  • 16. 1024 x 768 90’~00’ 1920x1080 2010~now 2560x1440 27” iMac 4K Near Future iPhone 320 x 480 640 x 960 iPhone 5 640 x 1136 iPad 1024 x 768 2048 x 1536 Nexus 7 1280 x 720 HTC One 1080 x 1920 Nexus 10 2560 x 1600
  • 17. 1024 x 768 90’~00’ 1920x1080 2010~now 2560x1440 27” iMac 4K Near Future iPhone 320 x 480 640 x 960 iPhone 5 640 x 1136 iPad 1024 x 768 2048 x 1536 Nexus 7 1280 x 720 HTC One 1080 x 1920 Nexus 10 2560 x 1600 族繁不及備載
  • 18. • 這是現象,也是問題。 • ⼀一版→多螢幕=X ⼀一內容→多螢幕=⃝ • 除特定內容外,讀者已經無法接受固定 版⾯面的呈現,需符合其期待。 • EPUB是針對這問題的解決⽅方案,並持續 調整更適合的呈現⽅方式。
  • 19. 結構
  • 20. For Function
  • 21. 功能 • 重點(Highlight) • 筆記(Note) • 搜尋(Search) • 注釋(Annotation) • 字典(Dictionary) • 事典(Wikipedia) • 機讀(TTS) • 朗讀(Media Overlay) • 分享(Sharing) • 統計(Analytics) • 功能是閱讀程式(Reading System)的 事,但EPUB更便於功能開發與使⽤用。
  • 22. For Discoverability
  • 23. Google Books(接Google Play Books)
  • 24. Amazon Full Text Search
  • 25. Amazon Kindle X-Ray
  • 26. 可尋性 • 電⼦子書無實體,如何被讀者所發現? • 書籍資料、全⽂文內容、分析、關鍵字都 是能供電⼦子書被找到的重要依據。 • 搜尋⼀一句名⾔言→找到出處的書→購買。 →EPUB的結構使其成為可⾏行。
  • 27. ⻑⾧長存
  • 28. 書可⻑⾧長久保存,電⼦子書亦應如此。
  • 29. 過去30年來的電⼦子書 • 依附於特定技術、軟硬體 • 現在多數已無法閱讀 • 從互動光碟到App皆如此 →如何才能讓電⼦子書  ⻑⾧長久保存?
  • 30. Web=HTML+CSS+α
  • 31. • 除純⽂文字外,迄今能不斷向下相容、不 依附軟硬體與程式的技術,僅有網⾴頁。 • 1990年的網⾴頁雖不好看,但於2013年的 瀏覽器上依然能閱讀。 →EPUB=具結構、包裝化的HTML+CSS, 並且⺫⽬目標除了現在的⽣生意外,也兼顧保存。
  • 32. • 版⾯面呈現的豐富性 Typographic Richness • 對多載具的適應性 Adaptability • 提供無障礙閱讀 Accessibility • 適⽤用各種語⾔言⽂文字 International • 相容於XML XML Compatibility • 可加上DRM DRM Capability • 真正的開放標準 Truly Open Standard Requirements for a Universal Consumer eBook Format Jon Noring, OEBPS WG Chair http://book.binb.tw/14a2ZKD
  • 33. 歷史與未來
  • 34. 1999 2005 2007 2011 2012 2013 OEBPS 1.0公布 IDPF成⽴立 EPUB 2.0公布 EPUB 3.0公布 EPUB 3.0 Fixed Layout公布 EPUB申請ISO編號 EPUB AHL制定中
  • 35. 種類
  • 36. • EPUB 3.0 Reflow • EPUB 3.0 Fixed Layout(Simple) • EPUB 3.0 Fixed Layout(Complex) • EPUB 3.0 Advance/Hybrid Layout
  • 37. • 如其名,主要應⽤用於⽂文字書。 ✴ ⽀支援CSS 3與嵌⼊入字型 ✴ CSS Responsive Design ✴ HTML Audio/Video功能 EPUB 3 Reflow
  • 38. 直排、右翻⾴頁 ⿑齊頭尾、避頭尾點 嵌⼊入字型
  • 39. ⼀一⾏行嵌⼊入影⽚片、聲⾳音 可配合閱讀程式⽀支援 做到FallBack,也就是 不⽀支援時,不呈現。
  • 40. 使⽤用Javascript製作 動態效果
  • 41. 透過Responsive Design 令複雜版⾯面對應多載具
  • 42. • 如其名,為版⾯面⼤大⼩小固定的格式。 ✴ 基本型:⼀一⾴頁⼀一圖 ✴ 使⽤用SVG Wrapping供縮放 ✴ 主要⽤用於漫畫、圖⽂文複雜的書 ✴ 可快速製作,但與PDF差不了多少 EPUB 3 Fixed Layout (Simple)
  • 43. • 如其名,為版⾯面⼤大⼩小固定的格式。 ✴ 進階型:⼀一⾴頁⼀一網⾴頁 ✴ 圖⽂文分離、重新排版 ✴ 可加⼊入影⽚片、⾳音樂、動態效果、朗讀 ✴ 製作相當⿇麻煩,需要⼯工具協助 EPUB 3 Fixed Layout (Complex)
  • 44. 影⽚片 動態
  • 45. 互動 圖⽂文分離,可供搜尋
  • 46. Media Overlay逐字句朗讀
  • 47. • 結合Reflow與FXL的進階、混合版⾯面 ✴ 現在制定中 ✴ 內容+版⾯面=多種呈現⽅方式 ✴ 固定版⾯面、⽂文字順⾛走可供切換 EPUB 3 Advance/Hybrid Layout
  • 48. 樣式、內容分離 內容套⽤用樣式為Reflow呈現 套⽤用版⾯面為FXL呈現
  • 49. ←⽇日本國會圖書館公開  之羅⽣生⾨門初版掃瞄檔 於同本書中隨附的 ⻘青空⽂文庫⽂文字檔案↓ EPUB AHL能夠提供讓 兩者合⼀一、交互閱讀的 可能,但需要時間。
  • 50. 結構
  • 51. book.epub book.zip 基本上⋯⋯
  • 52. mimetype META-INF OEBPS 解開來以後⋯⋯ 共通檔 共通檔 內容
  • 53. nav.xhtml OEBPS xhtml content.opf
  • 54. nav.xhtml OEBPS xhtml content.opf .書籍資訊 .書裡有什麼素材 .書的結構 .書如何呈現
  • 55. nav.xhtml OEBPS xhtml content.opf .書籍資訊 .書裡有什麼素材 .書的結構 .書如何呈現 ⺫⽬目錄
  • 56. nav.xhtml OEBPS xhtml content.opf .書籍資訊 .書裡有什麼素材 .書的結構 .書如何呈現 ⺫⽬目錄 內容
  • 57. nav.xhtml OEBPS xhtml content.opf .書籍資訊 .書裡有什麼素材 .書的結構 .書如何呈現 ⺫⽬目錄 內容 外觀
  • 58. nav.xhtml OEBPS xhtml content.opf .書籍資訊 .書裡有什麼素材 .書的結構 .書如何呈現 ⺫⽬目錄 內容 外觀 動態
  • 59. 解析OPF檔案 OPF Package Metadata Manifest Spine 書名、作者、版權等 書中⽤用到哪些檔案 書的裝訂⽅方式:左翻、 右翻、⾴頁⾯面順序等
  • 60. Metadata ←可以⿑齊全如此,檔案 保有所有書籍資料。 也能簡單到符合    最低需求↓ →⼤大多數的賣店不會直接從EPUB帶⼊入。
  • 61. Manifest ←告訴閱讀程式,本書⽤用到了  哪些檔案,⼜又是哪種類型,  缺⼀一不可。 →⽤用⼯工具⽣生成,⼿手⼯工也不會太複雜。
  • 62. Spine ←告訴閱讀程式,書是左翻  還右翻,由前到後的排列  順序,以及各⾴頁為左起右   起。 →Spine完全是編輯功。
  • 63. 內⽂文XHTML 樣式與內容分離 樣式名稱標準化 標籤⼀一定要關閉 標題、段落語意 分明
  • 64. CSS與HTML <h1>壹 銀⾏行襄理之死</h1> <p class="kai">  他們把不想要的⼈人故意調到消⾦金部,業績做不 到的⼈人全部殺頭⋯,我說⼀一句坦⽩白的,就算這次我幸運能留下來, 下次再重演戲碼,也沒有⼈人受得了⋯。</p> <p class="kai down">–華泰銀⾏行⼆二重分⾏行襄理⺩王俊雄  </p> p { line-height: 1.8em; text-align: justify; text-justify: inter-ideograph; margin: 0; } .kai { font-family: "@標楷體","標楷體",cursive; } .down { text-align: right; } HTML CSS 所有段落(<p>) ⾏行寬1.8倍 ⽂文字對⿑齊頭尾 中⽂文字對⿑齊 段落邊界為0 Class為”Kai” 字體使⽤用標楷體 Class為”down” ⽂文字靠右(下)對⿑齊
  • 65. CSS、JavaScript • 對⼀一般編輯來說,能訓練到製作出正確 的OPF檔案與XHTML標記就已經⾜足夠。 • 樣式設計與互動需求交給專業⼈人員。 • 書籍的排版⼤大多外包,那電⼦子書的排版 不妨也這麼作。
  • 66. Tools EPUB Packager NT$ 120
  • 67. Tools EPUB Metadata Editor NT$ 120
  • 68. Tools
  • 69. 製作
  • 70. 拆成兩部分來談 舊書電⼦子化 新書同步製作
  • 71. InDesign轉EPUB • 不是辦不到, • 但就像是⋯⋯
  • 72. 蘿蔔=內容 關東煮=印刷⽤用內容 蘿蔔絲=電⼦子⽤用內容
  • 73. 蘿蔔=內容 關東煮=印刷⽤用內容 蘿蔔絲=電⼦子⽤用內容
  • 74. 有結構的⽂文件 怎麼轉都容易
  • 75. EPUB 3 Maker —由docs轉EPUB 開發中
  • 76. —由Markdown轉EPUB 高瀬拓史 Public Beta
  • 77. DRM
  • 78. DRM保護⽅方式 • 依店保護: 如Apple iBookstore、Kobo、Amazon提供 的保護⽅方式。 • Light Weight DRM: 討論中 • Social DRM: 於內容加上帳號標⽰示 • DRM-Free。
  • 79. 標準DRM 以iBookstore為例 內⽂文 樣式 圖⽚片對EPUB內OPF以外 所有檔案加密保護
  • 80. Light Weight DRM • 保護⽅方式與標準DRM相同; • 檔案內有帳號密碼配對,以密碼解鎖; • 該DRM可適⽤用多種閱讀程式。 →去年5⽉月於IDPF提出,擱置。  概念近似於Adobe DRM。
  • 81. Social DRM • 於書中標⽰示帳號,外流 時也能找得出來源。 • 書籍不做特別保護,能 於不同閱讀器開啟。 • 資訊可⾃自由刪除,防君 ⼦子不妨⼩小⼈人。 • O’reilly、達⼈人出版會、 PUBU等採⽤用。
  • 82. DRM-Free • 不做任何保護。 • 不適⽤用於翻譯書。 (O’reilly除外) • 可透過如Gumroad等機 制⾃自⾏行販賣(⼿手續費約 10~15%)。 • 意外地沒什麼⼈人會把⾃自 ⼰己買下的書恣意放到網 路上分享。
  • 83. 販賣管道
  • 84. •EPUB 3 Reflow •EPUB 3 FXL •Media Overlay
  • 85. •EPUB 3 Reflow •EPUB 3 FXL •PDF
  • 86. •EPUB 3 Reflow •EPUB 3 FXL •Media Overlay(FXL) iBookstore
  • 87. EPUB作為轉換格式 •EPUB 3 Reflow •EPUB 3 FXL
  • 88. 問題點
  • 89. 1. 過度制定標準: FallBack機制:當閱讀系統不⽀支援JS時, 改以圖⽚片呈現。 →⽤用意良善,但作兩個版本更穩當。 2. ⾮非實⽤用標準: Adaptive Layout:Adobe強⾏行制定,但除 InDesign外無法製作。 →死亡,期待與W3C合作 3. 過於複雜: HPUB也許更為簡單。 →但內容呈現相同,只是結構不同。
  • 90. 台灣所需要的
  • 91. 1. 字型: 無論iOS或Android,都無內建明體字, 讓讀者看⿊黑體,好嗎? 2. 內容製作的共通範本: 讓出版者能夠依循製作最底限的EPUB, 同時希望販賣⽅方能夠做到基礎⽀支援。 3. 注⾳音符號⽀支援: ⺫⽬目前正為此努⼒力中。
  • 92. WANDERER EPUB 3製作、⼯工具代理、 出版流程顧問服務 Member Contributor