Bob Reyes (Mozilla Philippines) gave this presentation on cross platform mobile development via the Firefox OS

1. Cross Platform
HTML5 Mobile
Development
Robert DC. Reyes
http://bobreyes.com
bob@mozillaph.org
@bobreyes
V1.00

2. About Me …
Aviation Professional by day

3. About Me …
Mozilla Representative &
Firefox Contributor by night (weekends & when I’m free)

4. About Me …
• Mozilla Representative since 2011
• Aviation Professional since 1998
• Educator, Pianist, Hobby Photographer, Hobby Blogger,
Gadgeteer, & 101% Pinoy
• Dad of Robyn Andi Xeon
• Official Mozilla Wiki Page:
• https://wiki.mozilla.org/User:Bobreyes

5. We all want to be creators &
build a thing that makes it easier
for others to code.
We don’t even follow up any
longer if they are used or not,
the concept of having built them
makes us already feel great.

6. HTML5
A standard was set & it changed a few things,
a richer web for apps,
was the promise it brings.

7. HTML5
Bah, standards! Who needs them?
Some flashy ones said,
until a phone that was smart,
kicked them out of its bed.

8. HTML5
Things that are fun,
should be shiny & cool,
that's why the new standards
bring many a new tool.

9. HTML5 (WebGL)
3D graphics are thrilling,
as gamers will tell,
we now have that on the web
& it is called WebGL.

10. Build a Web that Will Last
Be FUTURE
FRIENDLY & look
forward, & STOP
building for the
past.

11. Move the Web Forward …
• The web is on phones, tablets, computers, TV’s.
• We have to MOVE IT FORWARD …
... Or else our existence will cease.

12. The Firefox Mobile OS

13. What is Firefox Mobile OS?
• Boot to Gecko (B2G) + Gaia + Gonk = Firefox Mobile OS
• B2G  HTML5 + CSS + JavaScript | Application Runtime
• Gaia  HTML5 + CSS + JavaScript | User Interface
• Gonk  Linux Kernel + HAL (Hardware Abstraction Layer)
• A complete, standalone operating system for the open
web.
• Mozilla’s open source web-based operating system for
mobile devices.

14. What is Firefox Mobile OS?
• The framework for the Open Web Device platform was
introduced at the Mobile World Congress last Feb 2012
(in Barcelona, Spain).

15. What Hardware is
Supported?
• As of now, B2G has been tested on Samsung Galaxy S II &
the Samsung Nexus S.
• Why only these devices?
• Because these devices are commercially available to
Mozilla employees & community members.
• Mozilla announced that ZTE & Alcatel will be the lead OEM
partners for the commercial shipping of B2G devices.
• B2G, as of now, works (tested) on Qualcomm chipset-based
hardware.

16. Why B2G?
• Using HTML5, developers everywhere write directly to the
web
• The source code is open and accessible & the project is
based entirely on open standards
• Enabling HTML5 devices running on the Open Web which
can deliver smartphone capabilities at feature phone
prices.
• 70% of the apps found in the Google Play store are written
in HTML5.

17. Why B2G?
• According to Telefónica:
“Boot to Gecko phones will be 10 times cheaper
than an iPhone.”
• Boot to Gecko architecture eliminates the need
for apps to be built on platform-specific native API’s.

18. Boot to Gecko UI
• B2G is the low-level workings of the phone
• On top of that, you will be able to have any interface layer
you want
• Telefónica developed one already
• Mozilla has Gaia

19. What is Gaia?
• Mozilla’s user interface for Boot to Gecko which is an
extension of that
• What makes Gaia extra interesting is that it is all
developed in HTML5, CSS, & JavaScript
• Gaia is developed completely in the open

20. The Gaia UX

21. The Gaia UX

22. B2G Simulator

23. Get in Touch with MozPH
• #mozilla-ph in IRC (Mozilla server)
• Twitter @bobreyes | @TagalogFirefox | @MozillaPH
• Email bob@mozillaph.org
• FB Group: Mozilla Philippines Community
• http://www.mozillaph.org