HTML5 & Firefox OS 



張凱迪  (KD.Chang)

Slide Link


Outline 

What is Mozilla ?

HTML5 Rock

What is Firefox OS ?

Demo

Conclusion

Q & A







What is Mozilla ?

What is Mozilla ?


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

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


What is 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

Firefox OS 基本架構


http://i706.photobucket.com/

DEMO







Conclusion

Conclusion


歷史會不斷的重新上演...封閉久了就會走向開放

隨著標準的確定,HTML5和網際網路的快速發展,將影響你我的生活

有了 Firefox OS ,下次買手機你有了更多的選擇!

認同網路自由、開放、共享的文化嗎?加入我們





開發者文件參考資源

Mobile Web Dev Basic


參考文件:Mobile Web Dev Basic








Q & A

請問 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

Firefox OS & HTML5

By 張凱迪(KD Chang)

Firefox OS & HTML5

Firefox OS & HTML5 簡介

  • 1,922
Loading comments...

More from 張凱迪(KD Chang)