1. Boot your phone to the web,
Boot 2 Gecko / FireFox OS
Martin de Keijzer
Hackers & Founders November 1, Amsterdam The Netherlands

2. Introduction
2

3. About me
Martin de Keijzer
Dutch web developer
Mobile specialist for Ibuildings
PHPBenelux Board Member
@Martin1982
http://
www.martindekeijzer.nl
3

4. Firefox OS
4

5. Boot 2 Gecko
5
Image taken from: http://blog.seanmartell.com/brands/

6. 6

7. 7

8. Building blocks
What makes Firefox OS
8

9. The structure of Firefox OS
Gonk Gecko Gaia
9

10. Gonk
Based on the Android Ice Cream Sandwich
- Linaro kernel components.
10

11. Gecko
The core of Firefox, runs and renders
stuff. Implements the WebAPI.
11

12. Gaia
User interface implementation. Apps and OS
are fully presented using Gaia.
12

13. Active devices
Which devices can run Firefox OS?
13

14. 3-Tiers
Tier 1:
Fully supported and actively worked on
Tier 2:
Supported upon request, but not actively tested
Tier 3:
Supported in the past, may lag behind on tier 1
and 2 devices
14

15. Devices running Firefox OS
Samsun Samsung Samsung
g Galaxy Nexus S & Galaxy S2
Nexus Nexus S (3)
(3) 4G(2) 15

16. Tier 1 devices
16

17. Open web device a.k.a. the “Otoro”
Secretive low-to-midrange
device
Tier 1 device
Distributed by Telefonica
Has a Qualcomm chipset
Same specs as an SGS2 except
for screen resolution
http://www.OpenWebDevice.com
17

18. Building Firefox OS for your weapon of choice
https://developer.mozilla.org/en-US/
docs/Mozilla/Boot_to_Gecko/
Firefox_OS_build_prerequisites
Or just for:
“firefox os build”
18

19. The current state
What has already landed
19

20. 20
Taken from Christian Heilmann’s slidedeck at http://www.slideshare.net/cheilmann/firefox-os-b2g-and-the-future-of-the-web

21. Lock & Home screen
21

22. Contacts, Dialer, SMS
22

23. Mail, Calendar, Tasks
23

24. Images, music, video
No images/demo due to the lack of SD card
24

25. Web browser
25

26. 2D- & 3D-Gaming
26

27. Appifyyour siteweb
How to turn
the or application to
apps?
27

28. The manifest file
{
"version": "1.0",
"name": "FirefoxOS App",
"description": "Demo app to show how a B2G app can be distributed!",
"icons": {
"16": "/img/icon-16.png",
"48": "/img/icon-48.png",
"128": "/img/icon-128.png"
},
"developer": {
"name": "Martin de Keijzer",
"url": "http://www.martindekeijzer.nl"
},
"installs_allowed_from": ["*"],
"appcache_path": "/cache.manifest",
"orientation": "portrait,landscape-secondary",
"fullscreen": "true"
} 28

29. The manifest file
Serve your
manifest with the
right content
29

30. The manifest file
Content-type: application/x-web-app-
manifest+json
30

31. Making apps installable
window.navigator.mozApps.install
('http://myawesomeappurl/manifestfile.webapp');
31

32. Mozilla Marketplace
Upload you manifest
file
Monetization
Polls for your app
manifest
32

33. Mozilla Marketplace
http://marketplace.mozilla.org 33

34. App Manifest parameters
https://developer.mozilla.org/
en-US/docs/Apps/Manifest
Or just for:
“firefox app manifest”
34

35. Need another look?
http://
www.github.com/
Martin1982/
B2GDemoApp
35

36. Contributing
The road to success
36

37. Creating apps
You could be the first to bring this experience!
37

38. Send pull requests
http://
www.github.com/
mozilla-b2g
38

39. Mozilla Wiki
https://wiki.mozilla.org/B2G 39

40. IRC
• irc://irc.mozilla.org
• #b2g
• #gaia
40

41. Mailing lists
• Organizational mailing list:
https://lists.mozilla.org/listinfo/community-b2g
• Firefox OS Development team mailing list:
https://lists.mozilla.org/listinfo/dev-b2g
• Firefox OS QA team mailing list:
https://lists.mozilla.org/listinfo/qa-b2g
41

42. Code contribution
https://github.com/mozilla-b2g https://bugzilla.mozilla.org
42

43. QUESTIONS
43

44. Thank you for listening
mdkeijzer@ibuildings.nl
@Martin1982