1.
Boot your phone to the web,
Boot 2 Gecko / FireFoxOS
Martin de Keijzer
SmartDevCon 4-6 September, Katowice Poland

2.
Introduction
2

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

4.
Anything told today might
have changed tomorrow
4

5.
FirefoxOS
5

6.
6

7.
7

8.
Building blocks
What makes FirefoxOS
8

9.
The structure of FirefoxOS
Gonk Gecko Gaia
9

10.
Gonk
Based on the Android Ice Cream Sandwich
- Linaro Linux distribution.
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 shown using Gaia.
12

13.
Active devices
Which devices can run FirefoxOS?
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 FirefoxOS
Samsun Samsung Samsung
g Galaxy Nexus S (2) Galaxy S2
Nexus (3)
(3) 15

16.
Emulator & Firefox Nightly
Tier 1
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 FirefoxOS for your weapon of choice
https://developer.mozilla.org/en-US/
docs/Mozilla/Boot_to_Gecko/
B2G_build_prerequisites
Or just for:
“b2g 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.
Need another look?
http://
www.github.com/
Martin1982/
B2GDemoApp
34

35.
Contributing
The road to success
35

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

37.
Give feedback
Online Channels
• https://wiki.mozilla.org/B2G
• irc://irc.mozilla.org: #b2g #gaia
• Organizational mailing list:
https://lists.mozilla.org/listinfo/community-
b2g
• B2G Development team mailing list:
https://lists.mozilla.org/listinfo/dev-b2g
• B2G QA team mailing list:
https://lists.mozilla.org/listinfo/qa-b2g
37

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

39.
QUESTIONS
39

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