firefox os overview
Post on 28-Jan-2015
110 Views
Preview:
DESCRIPTION
TRANSCRIPT
Firefox OS Overviewgasolin@mozilla.com
Outline
● The Web is the Platform● The OS is the Browser● Web sites are Apps
The Web is the Platform網頁即平台
standards-based open Web can be be a competitive alternative
Web APIs https://wiki.mozilla.org/WebAPI
facilitating the web capability
Personaonline identity by email
https://login.persona.org
MarketPlace & Receipt Protocol can billing your web app
https://marketplace.firefox.com/
(on dev device)
FxOS Screenshots
Homescreen
Everything.me
Phone Calendar
Contact
FM Radio Clock
MarketPlace https://marketplace.firefox.com/
And More...
● Camera● Gallery● Video● Music
● Chat● E-Mail● Usage
All with Web technologiessome works without internet
Github https://github.com/mozilla-b2g/gaia
Enhanced web experience
HTML5
● https://developer.mozilla.org/docs/HTML/HTML5● http://slides.html5rocks.com/
HTML + CSS + JS
● https://developer.mozilla.org/docs/HTML/HTML5● http://slides.html5rocks.com/
HTML + CSS + JS
The OS is the Browser作業系統即瀏覽器
http://en.wikipedia.org/wiki/Firefox_OS
Architectureas project name implied: Boot to Gecko
https://developer.mozilla.org/docs/Mozilla/Firefox_OS/Platform/Architecture
bootloader ->
linux kernel init ->
gecko process
that's all!
Application
Web Platform
Infrastructure
Gaia
Gecko
Gonk
Boot to Gecko（B2G）
Web Sites are Apps網頁即應用
To Applify the webdesign your web as app
http://mzl.la/V0MavA
Steps to webapp
● Dev web app using HTML, CSS & Javascript● Create an webapp manifest file● publish/install the app
https://marketplace.firefox.com/developers/
Developer ResourcesSimulatorBrowser
Marketplace Developer Hub
Browser Developer Tools
Developer Hubhttps://marketplace.firefox.com/developers/
Reference
Examples● FirefoxOS-boilerplate http://bit.ly/WAFLoe● FxOSBMI http://bit.ly/ZppWEA
Webapp Template● webapplate http://bit.ly/13sLd5j
Meterials: http://www.mozilla-hispano.org/firefox-os-app-days-valladolid/
Thanks
top related