Firefox OS overview

7,605 views

Published on

1hr speech target for college students. Followed with 2hr lab with FxOSBMI http://bit.ly/ZppWEA as example and webapplate http://bit.ly/13sLd5j as basic template.

Published in: Technology
0 Comments
7 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
7,605
On SlideShare
0
From Embeds
0
Number of Embeds
2,331
Actions
Shares
0
Downloads
133
Comments
0
Likes
7
Embeds 0
No embeds

No notes for slide

Firefox OS overview

  1. Firefox OS Overview gasolin@mozilla.com
  2. Outline● The Web is the Platform● The OS is the Browser● Web sites are Apps
  3. The Web is the Platform 網頁即平台standards-based open Web can be be acompetitive alternative
  4. Web APIs https://wiki.mozilla.org/WebAPIfacilitating the web capability
  5. Persona https://login.persona.orgonline identity by email
  6. https://marketplace.firefox.com/MarketPlace & Receipt Protocolcan billing your web app
  7. FxOS Screenshots (on dev device)
  8. Homescreen
  9. Everything.me
  10. Phone Calendar
  11. Contact
  12. FM Radio Clock
  13. MarketPlace https://marketplace.firefox.com/
  14. And More...● Camera ● Chat● Gallery ● E-Mail● Video ● Usage● Music
  15. All with Web technologies some works without internet
  16. & Open Sourceget here https://github.com/mozilla-b2g/
  17. Github https://github.com/mozilla-b2g/gaia
  18. Bugzilla http://bit.ly/YwASU7
  19. HTML5Enhanced web experience
  20. HTML + CSS + JS● https://developer.mozilla.org/docs/HTML/HTML5● http://slides.html5rocks.com/
  21. HTML + CSS + JS● https://developer.mozilla.org/docs/HTML/HTML5● http://slides.html5rocks.com/
  22. The OS is the Browser 作業系統即瀏覽器http://en.wikipedia.org/wiki/Firefox_OS
  23. Architecture as project name implied: Boot to Geckohttps://developer.mozilla.org/docs/Mozilla/Firefox_OS/Platform/Architecture
  24. bootloader ->linux kernel init -> gecko process thats all!
  25. ApplicationWeb PlatformInfrastructure
  26. Boot to Gecko(B2G) Gaia Gecko Gonk
  27. Web Sites are Apps 網頁即應用
  28. To Applify the web design your web as app http://mzl.la/V0MavA
  29. Steps to webapp● Dev web app using HTML, CSS & Javascript● Create an webapp manifest file● publish/install the apphttps://marketplace.firefox.com/developers/
  30. Developer Resources Simulator Browser Marketplace Developer Hub
  31. Simulator http://bit.ly/T249hs
  32. Browser Developer Tools
  33. Developer Hub https://marketplace.firefox.com/developers/
  34. ReferenceExamples● FirefoxOS-boilerplate http://bit.ly/WAFLoe● FxOSBMI http://bit.ly/ZppWEAWebapp Template● webapplate http://bit.ly/13sLd5jMeterials: http://www.mozilla-hispano.org/firefox-os-app-days-valladolid/
  35. Thanks

×