17
Introduce Baker Ebook Framework OOBE & Evadne

introduce baker ebook framework

Embed Size (px)

Citation preview

Page 1: introduce baker ebook framework

Introduce Baker Ebook Framework

OOBE & Evadne

Page 2: introduce baker ebook framework

Content(結構化的文本)、Presentation(CSS 排版)、Client-side scripting(閱讀系統)

在 Baker Framework 的框架下,都可以回到創作者、出版者手中,這是最重要的。

@wastemobile via

{

}

Page 3: introduce baker ebook framework

Baker一句話簡介

採用開放網頁標準 HTML 5 為電子書格式的 iPad 電子書框架

““

*

Page 4: introduce baker ebook framework

Baker設計哲學

我們認為,如果要讓電子書普及的話,

良好設計、方便發行、採用開放標準這三件事是最基本的。

{

Page 5: introduce baker ebook framework

Baker設計哲學

HPub Format

Page 6: introduce baker ebook framework

Baker設計哲學

core: HTML 5 > CSS 3 > JavaScript

HPub Format

Page 7: introduce baker ebook framework

Baker設計哲學

core: HTML 5 > CSS 3 > JavaScript

HPub Format

media: text, pictures, animation, 3D, video, audio, internet resources...

Page 8: introduce baker ebook framework

Baker設計哲學

core: HTML 5 > CSS 3 > JavaScript

HPub Format

media: text, pictures, animation, 3D, video, audio, internet resources...render: webkit on iPad

Page 9: introduce baker ebook framework

Baker開發步驟

1. Designtargeting a single sizeTo design for the Baker Framework you just have to build HTML5 pages with a fixed width of 768px and you can unleash the power of WebKit.

That's all. Use your favorite tools, test it on the iPad from Safari, refine as much as you want, include all the HTML5 goodness: video, audio, animations.

Page 10: introduce baker ebook framework

Baker開發步驟

1. Designtargeting a single sizeTo design for the Baker Framework you just have to build HTML5 pages with a fixed width of 768px and you can unleash the power of WebKit.

That's all. Use your favorite tools, test it on the iPad from Safari, refine as much as you want, include all the HTML5 goodness: video, audio, animations.

Page 11: introduce baker ebook framework

Baker開發步驟

1. Designtargeting a single sizeTo design for the Baker Framework you just have to build HTML5 pages with a fixed width of 768px and you can unleash the power of WebKit.

That's all. Use your favorite tools, test it on the iPad from Safari, refine as much as you want, include all the HTML5 goodness: video, audio, animations.

2. Packagein the HPub formatThe format accepted by Baker is simple: one folder, "book/", containing all your HTML files.

Until we finalize the HPub format, the files must be named 1.html, 2.html, etc to the number of pages you require (this is just temporary, the final HPub format will not have this limitation).

Include all the assets you require in the same folder.

Page 12: introduce baker ebook framework

Baker開發步驟

1. Designtargeting a single sizeTo design for the Baker Framework you just have to build HTML5 pages with a fixed width of 768px and you can unleash the power of WebKit.

That's all. Use your favorite tools, test it on the iPad from Safari, refine as much as you want, include all the HTML5 goodness: video, audio, animations.

2. Packagein the HPub formatThe format accepted by Baker is simple: one folder, "book/", containing all your HTML files.

Until we finalize the HPub format, the files must be named 1.html, 2.html, etc to the number of pages you require (this is just temporary, the final HPub format will not have this limitation).

Include all the assets you require in the same folder.

Page 13: introduce baker ebook framework

Baker開發步驟

1. Designtargeting a single sizeTo design for the Baker Framework you just have to build HTML5 pages with a fixed width of 768px and you can unleash the power of WebKit.

That's all. Use your favorite tools, test it on the iPad from Safari, refine as much as you want, include all the HTML5 goodness: video, audio, animations.

2. Packagein the HPub formatThe format accepted by Baker is simple: one folder, "book/", containing all your HTML files.

Until we finalize the HPub format, the files must be named 1.html, 2.html, etc to the number of pages you require (this is just temporary, the final HPub format will not have this limitation).

Include all the assets you require in the same folder.

3. Publishusing Baker FrameworkDownload the Baker Framework and follow the simple instructions contained in the readme.txt file:

• Rename the Xcode project

• Include your book• Include your icon• Follow the App Store

submission instructions

Page 14: introduce baker ebook framework

Baker上架作品

Page 15: introduce baker ebook framework

Baker如何取得

http://bakerframework.com/official web-site

http://iridia.tw/baker-demo/Demo files

Page 16: introduce baker ebook framework

{live demo}

Page 17: introduce baker ebook framework

Thank you!http://iridia.tw