HTML5 & Firefox OS

張凱迪 (KD.Chang)

Slide Link

Outline

What is Mozilla ？

HTML5 Rock

What is Firefox OS ？

Demo

Conclusion

Q & A

What is Mozilla ?

Mozilla是一個全球化的非營利組織，Mozilla 同時也是全球性的社群，由來自世界各地的軟體開發工程師、測試人員、廣告創意人員共同組成

願景：打造一個更開放自由的網路未來，提升人們的網路經驗，並支持開放源碼的資源共享精神

What is Mozilla ?

參考文件：Mozilla 是全球化非營利組織

記得那年第一次瀏覽器大戰...

http://thecssninja.com/

IE開外掛獲得了勝利後解散研發團隊...

http://fc01.deviantart.net/

浴火重生的Mozilla決定挺身而出

http://technology.lilithezine.com/

第二次瀏覽器大戰

http://cdn0.techbang.com.tw/

HTML5 Rock

HTML 發展簡史

HTML由Tim Berners-Lee所建立

W3C（全球資訊網協會）為制定標準的組織

1991年發佈HTML tags，發展初期十分鬆散

歷經多次版本更迭，發展成HTML4.01和XHTML雙軌

HTML5 目標取代HTML 4.01和XHTML 1.0標準（XHTML 過嚴格，且不符實際發展需求）

HTML5主要目標

減少瀏覽器對於需要外掛程式，

使網路標準達到符合當代的網路應用需求

http://www.atizo.com/docs/

What is Firefox OS ?

不同時空，類似的競爭場景

http://cdn1.techbang.com.tw/

What is Firefox OS ?

Firefox OS 是由HTML5, CSS, JavaScript 等 Web 技術所打造

搭配WebAPI 網路標準可操作硬體，打破現有封閉的行動平台架構

Mozilla首席技術傳教士Chris Heilmann指出：

住在美國或英國的人或許每半年就會換一支新手機，但這不是所有人都負擔得的起，這現象不僅存在精英主義式的公平性，也與Web的理念背道而馳，Firefox OS手機符合多數人的消費能力

Firefox OS App?

App分為：

Hosted apps (放在網路空間的Web App加上App manifest)

Packaged apps (將HTML5/CSS/JS用zip檔壓縮，提供離線操作等功能)

https://hacks.mozilla.org

App manifest

只要加上manifest.webapp這個檔案，你的Web檔案就變成可以在Firefox OS 運行的App囉！

 { "name": "My App",    "description": "My elevator pitch goes here",   "launch_path": "/",    "icons": { "128": "/img/icon-128.png" },    "developer": { "name": "Your name or organization",    "url": "http://your-homepage-here.org" },    "default_locale": "en"  }

參考文件：MDN App manifest