SlideShare a Scribd company logo
Cross Platform
HTML5 Mobile
 Development
     Robert DC. Reyes
     http://bobreyes.com
       bob@mozillaph.org
              @bobreyes
                      V1.00
About Me …
Aviation Professional by day
About Me …
Mozilla Representative &
 Firefox Contributor by night (weekends & when I’m free)
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
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.
HTML5

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

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

             Things that are fun,
           should be shiny & cool,
        that's why the new standards
           bring many a new tool.
HTML5 (WebGL)
       3D graphics are thrilling,
          as gamers will tell,
     we now have that on the web
         & it is called WebGL.
Build a Web that Will Last




                                Be FUTURE
                             FRIENDLY & look
                             forward, & STOP
                              building for the
                                   past.
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.
The Firefox Mobile OS
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.
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).
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.
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.
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.
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
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
The Gaia UX
The Gaia UX
B2G Simulator
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
Ad

Recommended

Cross Platform HTML5 Mobile Development
Cross Platform HTML5 Mobile Development
Robert 'Bob' Reyes
 
Mozilla's Boot to Gecko (B2G)
Mozilla's Boot to Gecko (B2G)
Robert 'Bob' Reyes
 
Using HTML5 to Build Mobile Apps
Using HTML5 to Build Mobile Apps
Todd Anglin
 
Yuriy Blokhin - Building a Development Platform
Yuriy Blokhin - Building a Development Platform
#DevTO
 
From Web Developer to Hybrid App Developer
From Web Developer to Hybrid App Developer
TechWell
 
Wikipedia Mobile App with PhoneGap
Wikipedia Mobile App with PhoneGap
Ted Chien
 
2011 code camp
2011 code camp
imranq2
 
Samsung
Samsung
Peter-Paul Koch
 
Rethinking Mobile with Ionic
Rethinking Mobile with Ionic
Mike Hartington
 
Tiggr Mobile Apps Builder at Silicon Valley HTML5 Group Meetup
Tiggr Mobile Apps Builder at Silicon Valley HTML5 Group Meetup
Max Katz
 
SwiftUI Meets Kotlin Multiplatform!
SwiftUI Meets Kotlin Multiplatform!
John O'Reilly
 
Hybrid vs native mobile development – how to choose a tech stack
Hybrid vs native mobile development – how to choose a tech stack
Jacques De Vos
 
Developing for Firefox
Developing for Firefox
Saurabh Kheni
 
HTML5 App Dev on BlackBerry 10
HTML5 App Dev on BlackBerry 10
Larry McDonough
 
Synapse india reviews on cross plateform mobile apps development
Synapse india reviews on cross plateform mobile apps development
saritasingh19866
 
Centric - PWA WebCast
Centric - PWA WebCast
Timmy Kokke
 
BethClip Investors Pitch Deck (widescreen)
BethClip Investors Pitch Deck (widescreen)
Rashid Aliyev
 
Mobile app development ppt
Mobile app development ppt
ShantanuApurva1
 
Hybrid mobile and Ionic
Hybrid mobile and Ionic
Liju Pillai
 
Mobile (App) Development with Sitecore
Mobile (App) Development with Sitecore
Pieter Brinkman
 
Tiggzi at DC jQuery Meetup
Tiggzi at DC jQuery Meetup
Max Katz
 
7Langit present Marketing and Monetizing on BlackBerry Platform
7Langit present Marketing and Monetizing on BlackBerry Platform
Oon Arfiandwi
 
Mobile Developer Conference 2012 Hamburg, Germany Keynote
Mobile Developer Conference 2012 Hamburg, Germany Keynote
Jeff Haynie
 
Unpacking Developer Experience
Unpacking Developer Experience
Amit Jotwani
 
Building Cloud-Enabled Cross-Platform Mobile Apps in C# with Azure App Services
Building Cloud-Enabled Cross-Platform Mobile Apps in C# with Azure App Services
Nick Landry
 
Ugly truths about html5 moosecon - robert virkus - 2013-03-07
Ugly truths about html5 moosecon - robert virkus - 2013-03-07
Enough Software
 
Appcelerator Titanium at Mobile 2.0
Appcelerator Titanium at Mobile 2.0
Jeff Haynie
 
Measuring gravity with BTLE
Measuring gravity with BTLE
Nick Brook
 
Firefox os
Firefox os
Nivin Thomas
 
chapter2
chapter2
Pon Tovave
 

More Related Content

What's hot (20)

Rethinking Mobile with Ionic
Rethinking Mobile with Ionic
Mike Hartington
 
Tiggr Mobile Apps Builder at Silicon Valley HTML5 Group Meetup
Tiggr Mobile Apps Builder at Silicon Valley HTML5 Group Meetup
Max Katz
 
SwiftUI Meets Kotlin Multiplatform!
SwiftUI Meets Kotlin Multiplatform!
John O'Reilly
 
Hybrid vs native mobile development – how to choose a tech stack
Hybrid vs native mobile development – how to choose a tech stack
Jacques De Vos
 
Developing for Firefox
Developing for Firefox
Saurabh Kheni
 
HTML5 App Dev on BlackBerry 10
HTML5 App Dev on BlackBerry 10
Larry McDonough
 
Synapse india reviews on cross plateform mobile apps development
Synapse india reviews on cross plateform mobile apps development
saritasingh19866
 
Centric - PWA WebCast
Centric - PWA WebCast
Timmy Kokke
 
BethClip Investors Pitch Deck (widescreen)
BethClip Investors Pitch Deck (widescreen)
Rashid Aliyev
 
Mobile app development ppt
Mobile app development ppt
ShantanuApurva1
 
Hybrid mobile and Ionic
Hybrid mobile and Ionic
Liju Pillai
 
Mobile (App) Development with Sitecore
Mobile (App) Development with Sitecore
Pieter Brinkman
 
Tiggzi at DC jQuery Meetup
Tiggzi at DC jQuery Meetup
Max Katz
 
7Langit present Marketing and Monetizing on BlackBerry Platform
7Langit present Marketing and Monetizing on BlackBerry Platform
Oon Arfiandwi
 
Mobile Developer Conference 2012 Hamburg, Germany Keynote
Mobile Developer Conference 2012 Hamburg, Germany Keynote
Jeff Haynie
 
Unpacking Developer Experience
Unpacking Developer Experience
Amit Jotwani
 
Building Cloud-Enabled Cross-Platform Mobile Apps in C# with Azure App Services
Building Cloud-Enabled Cross-Platform Mobile Apps in C# with Azure App Services
Nick Landry
 
Ugly truths about html5 moosecon - robert virkus - 2013-03-07
Ugly truths about html5 moosecon - robert virkus - 2013-03-07
Enough Software
 
Appcelerator Titanium at Mobile 2.0
Appcelerator Titanium at Mobile 2.0
Jeff Haynie
 
Measuring gravity with BTLE
Measuring gravity with BTLE
Nick Brook
 
Rethinking Mobile with Ionic
Rethinking Mobile with Ionic
Mike Hartington
 
Tiggr Mobile Apps Builder at Silicon Valley HTML5 Group Meetup
Tiggr Mobile Apps Builder at Silicon Valley HTML5 Group Meetup
Max Katz
 
SwiftUI Meets Kotlin Multiplatform!
SwiftUI Meets Kotlin Multiplatform!
John O'Reilly
 
Hybrid vs native mobile development – how to choose a tech stack
Hybrid vs native mobile development – how to choose a tech stack
Jacques De Vos
 
Developing for Firefox
Developing for Firefox
Saurabh Kheni
 
HTML5 App Dev on BlackBerry 10
HTML5 App Dev on BlackBerry 10
Larry McDonough
 
Synapse india reviews on cross plateform mobile apps development
Synapse india reviews on cross plateform mobile apps development
saritasingh19866
 
Centric - PWA WebCast
Centric - PWA WebCast
Timmy Kokke
 
BethClip Investors Pitch Deck (widescreen)
BethClip Investors Pitch Deck (widescreen)
Rashid Aliyev
 
Mobile app development ppt
Mobile app development ppt
ShantanuApurva1
 
Hybrid mobile and Ionic
Hybrid mobile and Ionic
Liju Pillai
 
Mobile (App) Development with Sitecore
Mobile (App) Development with Sitecore
Pieter Brinkman
 
Tiggzi at DC jQuery Meetup
Tiggzi at DC jQuery Meetup
Max Katz
 
7Langit present Marketing and Monetizing on BlackBerry Platform
7Langit present Marketing and Monetizing on BlackBerry Platform
Oon Arfiandwi
 
Mobile Developer Conference 2012 Hamburg, Germany Keynote
Mobile Developer Conference 2012 Hamburg, Germany Keynote
Jeff Haynie
 
Unpacking Developer Experience
Unpacking Developer Experience
Amit Jotwani
 
Building Cloud-Enabled Cross-Platform Mobile Apps in C# with Azure App Services
Building Cloud-Enabled Cross-Platform Mobile Apps in C# with Azure App Services
Nick Landry
 
Ugly truths about html5 moosecon - robert virkus - 2013-03-07
Ugly truths about html5 moosecon - robert virkus - 2013-03-07
Enough Software
 
Appcelerator Titanium at Mobile 2.0
Appcelerator Titanium at Mobile 2.0
Jeff Haynie
 
Measuring gravity with BTLE
Measuring gravity with BTLE
Nick Brook
 

Similar to Cross Platform HTML5 Mobile Development and the Firefox OS (20)

Firefox os
Firefox os
Nivin Thomas
 
chapter2
chapter2
Pon Tovave
 
HTML5 is the Future of Mobile, PhoneGap Takes You There Today
HTML5 is the Future of Mobile, PhoneGap Takes You There Today
davyjones
 
Testing Mobile JavaScript
Testing Mobile JavaScript
jeresig
 
Best practices for delivering quality web experiences
Best practices for delivering quality web experiences
Ben Mantooth
 
Opening the mobile web mozilla and firefox os-chit thiri maung
Opening the mobile web mozilla and firefox os-chit thiri maung
Chit Thiri Maung
 
Firefox smart phone os
Firefox smart phone os
Deevena Dayaal
 
HTML5 Technical Executive Summary
HTML5 Technical Executive Summary
Gilad Khen
 
The web is dead, long live the web ffos workshop
The web is dead, long live the web ffos workshop
videos
 
The web is the platform - why FirefoxOS matters
The web is the platform - why FirefoxOS matters
Tristan Nitot
 
Firefox OS
Firefox OS
pittaya
 
PhoneGap mobile development
PhoneGap mobile development
Maximiliano Firtman
 
Maximiliano Firtman - Разработка приложений с помощью PhoneGap
Maximiliano Firtman - Разработка приложений с помощью PhoneGap
.toster
 
Why HTML5 is getting on my nerves…
Why HTML5 is getting on my nerves…
Avenga Germany GmbH
 
HTML5 for Mobile - When and Why
HTML5 for Mobile - When and Why
DMI
 
Tristan Nitot @DWS12 - The Web as a universal platform for mobile
Tristan Nitot @DWS12 - The Web as a universal platform for mobile
Tristan Nitot
 
MFC12 Mozilla Tristan Nitot
MFC12 Mozilla Tristan Nitot
videos
 
HTML5, the Evolution of Smart Media
HTML5, the Evolution of Smart Media
Seungyun Lee
 
2011 07 Malaysia Open Source Conference
2011 07 Malaysia Open Source Conference
Gen Kanai
 
The Web is the platform, @lxjs
The Web is the platform, @lxjs
haricot
 
HTML5 is the Future of Mobile, PhoneGap Takes You There Today
HTML5 is the Future of Mobile, PhoneGap Takes You There Today
davyjones
 
Testing Mobile JavaScript
Testing Mobile JavaScript
jeresig
 
Best practices for delivering quality web experiences
Best practices for delivering quality web experiences
Ben Mantooth
 
Opening the mobile web mozilla and firefox os-chit thiri maung
Opening the mobile web mozilla and firefox os-chit thiri maung
Chit Thiri Maung
 
Firefox smart phone os
Firefox smart phone os
Deevena Dayaal
 
HTML5 Technical Executive Summary
HTML5 Technical Executive Summary
Gilad Khen
 
The web is dead, long live the web ffos workshop
The web is dead, long live the web ffos workshop
videos
 
The web is the platform - why FirefoxOS matters
The web is the platform - why FirefoxOS matters
Tristan Nitot
 
Firefox OS
Firefox OS
pittaya
 
Maximiliano Firtman - Разработка приложений с помощью PhoneGap
Maximiliano Firtman - Разработка приложений с помощью PhoneGap
.toster
 
Why HTML5 is getting on my nerves…
Why HTML5 is getting on my nerves…
Avenga Germany GmbH
 
HTML5 for Mobile - When and Why
HTML5 for Mobile - When and Why
DMI
 
Tristan Nitot @DWS12 - The Web as a universal platform for mobile
Tristan Nitot @DWS12 - The Web as a universal platform for mobile
Tristan Nitot
 
MFC12 Mozilla Tristan Nitot
MFC12 Mozilla Tristan Nitot
videos
 
HTML5, the Evolution of Smart Media
HTML5, the Evolution of Smart Media
Seungyun Lee
 
2011 07 Malaysia Open Source Conference
2011 07 Malaysia Open Source Conference
Gen Kanai
 
The Web is the platform, @lxjs
The Web is the platform, @lxjs
haricot
 
Ad

More from SMART DevNet (20)

INTERNET.ORG CHALLENGE for AngelHack Manila Hackers
INTERNET.ORG CHALLENGE for AngelHack Manila Hackers
SMART DevNet
 
How to Install HERE SDK for ANDROID
How to Install HERE SDK for ANDROID
SMART DevNet
 
#AngelHackMNL 2014 Bit pay challenge
#AngelHackMNL 2014 Bit pay challenge
SMART DevNet
 
AngelHack Manila 2014 Welcome Slides
AngelHack Manila 2014 Welcome Slides
SMART DevNet
 
Hackers Guidelines for AngelHack Manil 2014
Hackers Guidelines for AngelHack Manil 2014
SMART DevNet
 
AngelHack Manila 2014 - Pre-Event Slides
AngelHack Manila 2014 - Pre-Event Slides
SMART DevNet
 
Readysaster Hack - Opening Remarks
Readysaster Hack - Opening Remarks
SMART DevNet
 
20 phnet beyond
20 phnet beyond
SMART DevNet
 
SMART Devnet Lightning talk @ DevCon Summit 2013
SMART Devnet Lightning talk @ DevCon Summit 2013
SMART DevNet
 
AppHack Davao Welcome Slides
AppHack Davao Welcome Slides
SMART DevNet
 
Welcome remarks to SYNC:Music+Tech
Welcome remarks to SYNC:Music+Tech
SMART DevNet
 
AngelHack Manila 2013 Event Flow
AngelHack Manila 2013 Event Flow
SMART DevNet
 
Anson's Building Houserules
Anson's Building Houserules
SMART DevNet
 
AngelHack Manila Pre-Event Slides
AngelHack Manila Pre-Event Slides
SMART DevNet
 
SMART DevNet: The Elevator Pitch (Cebu Edition)
SMART DevNet: The Elevator Pitch (Cebu Edition)
SMART DevNet
 
Webgeek Keynote: Mobile Developers Rock!
Webgeek Keynote: Mobile Developers Rock!
SMART DevNet
 
YouTube Mobile Webapp: On the edge of Html5
YouTube Mobile Webapp: On the edge of Html5
SMART DevNet
 
SMART DevNet: The Elevator Pitch
SMART DevNet: The Elevator Pitch
SMART DevNet
 
IdeaSpace-DLSU Presentation
IdeaSpace-DLSU Presentation
SMART DevNet
 
Smart DevNet presents: The Mobile Apps Ecosystem
Smart DevNet presents: The Mobile Apps Ecosystem
SMART DevNet
 
INTERNET.ORG CHALLENGE for AngelHack Manila Hackers
INTERNET.ORG CHALLENGE for AngelHack Manila Hackers
SMART DevNet
 
How to Install HERE SDK for ANDROID
How to Install HERE SDK for ANDROID
SMART DevNet
 
#AngelHackMNL 2014 Bit pay challenge
#AngelHackMNL 2014 Bit pay challenge
SMART DevNet
 
AngelHack Manila 2014 Welcome Slides
AngelHack Manila 2014 Welcome Slides
SMART DevNet
 
Hackers Guidelines for AngelHack Manil 2014
Hackers Guidelines for AngelHack Manil 2014
SMART DevNet
 
AngelHack Manila 2014 - Pre-Event Slides
AngelHack Manila 2014 - Pre-Event Slides
SMART DevNet
 
Readysaster Hack - Opening Remarks
Readysaster Hack - Opening Remarks
SMART DevNet
 
SMART Devnet Lightning talk @ DevCon Summit 2013
SMART Devnet Lightning talk @ DevCon Summit 2013
SMART DevNet
 
AppHack Davao Welcome Slides
AppHack Davao Welcome Slides
SMART DevNet
 
Welcome remarks to SYNC:Music+Tech
Welcome remarks to SYNC:Music+Tech
SMART DevNet
 
AngelHack Manila 2013 Event Flow
AngelHack Manila 2013 Event Flow
SMART DevNet
 
Anson's Building Houserules
Anson's Building Houserules
SMART DevNet
 
AngelHack Manila Pre-Event Slides
AngelHack Manila Pre-Event Slides
SMART DevNet
 
SMART DevNet: The Elevator Pitch (Cebu Edition)
SMART DevNet: The Elevator Pitch (Cebu Edition)
SMART DevNet
 
Webgeek Keynote: Mobile Developers Rock!
Webgeek Keynote: Mobile Developers Rock!
SMART DevNet
 
YouTube Mobile Webapp: On the edge of Html5
YouTube Mobile Webapp: On the edge of Html5
SMART DevNet
 
SMART DevNet: The Elevator Pitch
SMART DevNet: The Elevator Pitch
SMART DevNet
 
IdeaSpace-DLSU Presentation
IdeaSpace-DLSU Presentation
SMART DevNet
 
Smart DevNet presents: The Mobile Apps Ecosystem
Smart DevNet presents: The Mobile Apps Ecosystem
SMART DevNet
 
Ad

Recently uploaded (20)

Oh, the Possibilities - Balancing Innovation and Risk with Generative AI.pdf
Oh, the Possibilities - Balancing Innovation and Risk with Generative AI.pdf
Priyanka Aash
 
EIS-Webinar-Engineering-Retail-Infrastructure-06-16-2025.pdf
EIS-Webinar-Engineering-Retail-Infrastructure-06-16-2025.pdf
Earley Information Science
 
"Database isolation: how we deal with hundreds of direct connections to the d...
"Database isolation: how we deal with hundreds of direct connections to the d...
Fwdays
 
Security Tips for Enterprise Azure Solutions
Security Tips for Enterprise Azure Solutions
Michele Leroux Bustamante
 
Securing AI - There Is No Try, Only Do!.pdf
Securing AI - There Is No Try, Only Do!.pdf
Priyanka Aash
 
Quantum AI: Where Impossible Becomes Probable
Quantum AI: Where Impossible Becomes Probable
Saikat Basu
 
Coordinated Disclosure for ML - What's Different and What's the Same.pdf
Coordinated Disclosure for ML - What's Different and What's the Same.pdf
Priyanka Aash
 
PyCon SG 25 - Firecracker Made Easy with Python.pdf
PyCon SG 25 - Firecracker Made Easy with Python.pdf
Muhammad Yuga Nugraha
 
Curietech AI in action - Accelerate MuleSoft development
Curietech AI in action - Accelerate MuleSoft development
shyamraj55
 
Smarter Aviation Data Management: Lessons from Swedavia Airports and Sweco
Smarter Aviation Data Management: Lessons from Swedavia Airports and Sweco
Safe Software
 
" How to survive with 1 billion vectors and not sell a kidney: our low-cost c...
" How to survive with 1 billion vectors and not sell a kidney: our low-cost c...
Fwdays
 
You are not excused! How to avoid security blind spots on the way to production
You are not excused! How to avoid security blind spots on the way to production
Michele Leroux Bustamante
 
Tech-ASan: Two-stage check for Address Sanitizer - Yixuan Cao.pdf
Tech-ASan: Two-stage check for Address Sanitizer - Yixuan Cao.pdf
caoyixuan2019
 
AI VIDEO MAGAZINE - June 2025 - r/aivideo
AI VIDEO MAGAZINE - June 2025 - r/aivideo
1pcity Studios, Inc
 
ReSTIR [DI]: Spatiotemporal reservoir resampling for real-time ray tracing ...
ReSTIR [DI]: Spatiotemporal reservoir resampling for real-time ray tracing ...
revolcs10
 
GenAI Opportunities and Challenges - Where 370 Enterprises Are Focusing Now.pdf
GenAI Opportunities and Challenges - Where 370 Enterprises Are Focusing Now.pdf
Priyanka Aash
 
Quantum AI Discoveries: Fractal Patterns Consciousness and Cyclical Universes
Quantum AI Discoveries: Fractal Patterns Consciousness and Cyclical Universes
Saikat Basu
 
9-1-1 Addressing: End-to-End Automation Using FME
9-1-1 Addressing: End-to-End Automation Using FME
Safe Software
 
"Scaling in space and time with Temporal", Andriy Lupa.pdf
"Scaling in space and time with Temporal", Andriy Lupa.pdf
Fwdays
 
CapCut Pro Crack For PC Latest Version {Fully Unlocked} 2025
CapCut Pro Crack For PC Latest Version {Fully Unlocked} 2025
pcprocore
 
Oh, the Possibilities - Balancing Innovation and Risk with Generative AI.pdf
Oh, the Possibilities - Balancing Innovation and Risk with Generative AI.pdf
Priyanka Aash
 
EIS-Webinar-Engineering-Retail-Infrastructure-06-16-2025.pdf
EIS-Webinar-Engineering-Retail-Infrastructure-06-16-2025.pdf
Earley Information Science
 
"Database isolation: how we deal with hundreds of direct connections to the d...
"Database isolation: how we deal with hundreds of direct connections to the d...
Fwdays
 
Security Tips for Enterprise Azure Solutions
Security Tips for Enterprise Azure Solutions
Michele Leroux Bustamante
 
Securing AI - There Is No Try, Only Do!.pdf
Securing AI - There Is No Try, Only Do!.pdf
Priyanka Aash
 
Quantum AI: Where Impossible Becomes Probable
Quantum AI: Where Impossible Becomes Probable
Saikat Basu
 
Coordinated Disclosure for ML - What's Different and What's the Same.pdf
Coordinated Disclosure for ML - What's Different and What's the Same.pdf
Priyanka Aash
 
PyCon SG 25 - Firecracker Made Easy with Python.pdf
PyCon SG 25 - Firecracker Made Easy with Python.pdf
Muhammad Yuga Nugraha
 
Curietech AI in action - Accelerate MuleSoft development
Curietech AI in action - Accelerate MuleSoft development
shyamraj55
 
Smarter Aviation Data Management: Lessons from Swedavia Airports and Sweco
Smarter Aviation Data Management: Lessons from Swedavia Airports and Sweco
Safe Software
 
" How to survive with 1 billion vectors and not sell a kidney: our low-cost c...
" How to survive with 1 billion vectors and not sell a kidney: our low-cost c...
Fwdays
 
You are not excused! How to avoid security blind spots on the way to production
You are not excused! How to avoid security blind spots on the way to production
Michele Leroux Bustamante
 
Tech-ASan: Two-stage check for Address Sanitizer - Yixuan Cao.pdf
Tech-ASan: Two-stage check for Address Sanitizer - Yixuan Cao.pdf
caoyixuan2019
 
AI VIDEO MAGAZINE - June 2025 - r/aivideo
AI VIDEO MAGAZINE - June 2025 - r/aivideo
1pcity Studios, Inc
 
ReSTIR [DI]: Spatiotemporal reservoir resampling for real-time ray tracing ...
ReSTIR [DI]: Spatiotemporal reservoir resampling for real-time ray tracing ...
revolcs10
 
GenAI Opportunities and Challenges - Where 370 Enterprises Are Focusing Now.pdf
GenAI Opportunities and Challenges - Where 370 Enterprises Are Focusing Now.pdf
Priyanka Aash
 
Quantum AI Discoveries: Fractal Patterns Consciousness and Cyclical Universes
Quantum AI Discoveries: Fractal Patterns Consciousness and Cyclical Universes
Saikat Basu
 
9-1-1 Addressing: End-to-End Automation Using FME
9-1-1 Addressing: End-to-End Automation Using FME
Safe Software
 
"Scaling in space and time with Temporal", Andriy Lupa.pdf
"Scaling in space and time with Temporal", Andriy Lupa.pdf
Fwdays
 
CapCut Pro Crack For PC Latest Version {Fully Unlocked} 2025
CapCut Pro Crack For PC Latest Version {Fully Unlocked} 2025
pcprocore
 

Cross Platform HTML5 Mobile Development and the Firefox OS

  • 1. Cross Platform HTML5 Mobile Development Robert DC. Reyes http://bobreyes.com [email protected] @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.
  • 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
  • 23. Get in Touch with MozPH • #mozilla-ph in IRC (Mozilla server) • Twitter @bobreyes | @TagalogFirefox | @MozillaPH • Email [email protected] • FB Group: Mozilla Philippines Community • http://www.mozillaph.org