HTML5 & Firefox OS
張凱迪 (KD.Chang)
Slide Link
What is Mozilla ?
Mozilla是一個全球化的非營利組織,Mozilla 同時也是全球性的社群,由來自世界各地的軟體開發工程師、測試人員、 廣告創意人員共同組成
願景:打造一個更開放自由的網路未來,提升人們的網路經驗,並支持開放源碼的資源共享精神
記得那年第一次瀏覽器大戰...
http://thecssninja.com/
IE開外掛獲得了勝利後解散研發團隊...
http://fc01.deviantart.net/
浴火重生的Mozilla決定挺身而出
http://technology.lilithezine.com/
第二次瀏覽器大戰
http://cdn0.techbang.com.tw/
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/
不同時空,類似的競爭場景
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"
}
Firefox OS 基本架構
http://i706.photobucket.com/
DEMO
Conclusion
歷史會不斷的重新上演...封閉久了就會走向開放
隨著標準的確定,HTML5和網際網路的快速發展,將影響你我的生活
有了 Firefox OS ,下次買手機你有了更多的選擇!
請問 Firefox OS 是什麼?
A. 小狐狸的獨白
B. 一種新的程式語言
C. 用HTML5/CSS/JavaScript打造的開放作業系統
請問 World Wide Web 發明人是?
A. Tim Berners-Lee
B. Tim Cook
C. Tim Duncan
請問Firefox OS 架構最接近User的是?
A. Gonk
B. Gaia
C. Gecko