Firefox OS is an open source mobile operating system built entirely on web technologies. The OS is based on the Gecko rendering engine and boots directly to the browser. Web sites can function as apps through the use of web APIs and manifest files, allowing developers to create mobile apps using HTML, CSS, and JavaScript. Firefox OS utilizes standards-based web technologies to provide a competitive alternative to other mobile platforms and enhances the web experience on mobile devices.

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 a
competitive alternative

4. Web APIs https://wiki.mozilla.org/WebAPI
facilitating the web capability

5. Persona https://login.persona.org
online identity by email

6. https://marketplace.firefox.com/
MarketPlace & Receipt Protocol
can 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 Source
get here https://github.com/mozilla-b2g/

17. Github https://github.com/mozilla-b2g/gaia

18. Bugzilla http://bit.ly/YwASU7

19. HTML5
Enhanced 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 Gecko
https://developer.mozilla.
org/docs/Mozilla/Firefox_OS/Platform/Architecture

24. bootloader ->
linux kernel init ->
gecko process
that's all!

25. Application
Web Platform
Infrastructure

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 app
https://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. 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/

35. Thanks