SlideShare a Scribd company logo
1 of 49
Mozilla
Philippines
www.mozillaph.org
What is Mozilla?
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
Non-profit
  Global Organization
        Public benefit
Community
Mozilla project started in 1998 within Netscape
• Mozilla Foundation started in 2003
• approximately 350 paid staff in 20 countries
• ~40% of code contributed by volunteers
• Testing community of 60,000+
• More than 400 million users
• Global browser market share 25~30%
Releases




           ESR – Extended Support Release
Run it All
Dev Tools
Add-ons
          Firebug
          Web Developer
          Awesome Screenshot
          Web2Mobile
Personas
Plug in Checker
Mobile

         Fennec
         Boot to Gecko (B2G)
         Mobile Testers
Other Projects/Product

  Bugzilla
  Thunderbird
  Gecko
Mozilla Labs
Join the Team
• represent Mozilla in their country/region
• promote the Mozilla Project and our mission
• build on and support existing/future local community
  efforts and programs
• inspire, recruit and support new contributors
• support and mentor future Mozilla Reps
• document clearly all his/her activities
Localization

 MozCoffee
 Open Web Day
 Narro
Developer

Dev Derby Day
Revamp MozPH Site
Create Add-ons
Engagement
ALAB Firefox mascot
Social Media
#FirefoxFriday
Creation of Teams
We are here for


YOU!
got some Questions?
Get in Touch
 www.mozillaphilippines.org

 https://lists.mozilla.org/listinfo/community-philippines

 @mozillaPH

 facebook.com/mozillaphilippines

 IRC #mozilla-ph
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
The Gaia UX
The Gaia UX
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

More Related Content

What's hot

OpenNTF Webinar, May 19, 2020
OpenNTF Webinar, May 19, 2020OpenNTF Webinar, May 19, 2020
OpenNTF Webinar, May 19, 2020Howard Greenberg
 
Build html 5 apps for mobile
Build html 5 apps for mobileBuild html 5 apps for mobile
Build html 5 apps for mobileJoão Ferreira
 
Going Mobile with React Native and WebRTC
Going Mobile with React Native and WebRTCGoing Mobile with React Native and WebRTC
Going Mobile with React Native and WebRTCSaúl Ibarra Corretgé
 
Engage 2018 adm04 - The lazy admin wins
Engage 2018   adm04 - The lazy admin winsEngage 2018   adm04 - The lazy admin wins
Engage 2018 adm04 - The lazy admin winsMatteo Bisi
 
Challenges running Jitsi Meet at scale during the pandemic
Challenges running Jitsi Meet at scale during the pandemicChallenges running Jitsi Meet at scale during the pandemic
Challenges running Jitsi Meet at scale during the pandemicSaúl Ibarra Corretgé
 
Using HTML5 to Build Mobile Apps
Using HTML5 to Build Mobile AppsUsing HTML5 to Build Mobile Apps
Using HTML5 to Build Mobile AppsTodd Anglin
 
HTML5 App Dev on BlackBerry 10
HTML5 App Dev on BlackBerry 10HTML5 App Dev on BlackBerry 10
HTML5 App Dev on BlackBerry 10Larry McDonough
 
Ask Us Anything: Dries Buytaert and Team Tell All on Drupal 8
Ask Us Anything: Dries Buytaert and Team Tell All on Drupal 8Ask Us Anything: Dries Buytaert and Team Tell All on Drupal 8
Ask Us Anything: Dries Buytaert and Team Tell All on Drupal 8Acquia
 
A Journey Down the Open Road - SymfonyCon Paris 2015
A Journey Down the Open Road - SymfonyCon Paris 2015A Journey Down the Open Road - SymfonyCon Paris 2015
A Journey Down the Open Road - SymfonyCon Paris 2015Yoav Kutner
 
8. beta pond peter_elgar
8. beta pond  peter_elgar8. beta pond  peter_elgar
8. beta pond peter_elgarFOMS011
 
Basics of Web Technologies
Basics of Web TechnologiesBasics of Web Technologies
Basics of Web TechnologiesAndreas Jakl
 
Making the Mobile Web Native with PhoneGap
Making the Mobile Web Native with PhoneGapMaking the Mobile Web Native with PhoneGap
Making the Mobile Web Native with PhoneGapRoy Clarkson
 
Get a room! Spot: the ultimate physical meeting room experience
Get a room! Spot: the ultimate physical meeting room experienceGet a room! Spot: the ultimate physical meeting room experience
Get a room! Spot: the ultimate physical meeting room experienceSaúl Ibarra Corretgé
 
DevOps Transformation in DXB Telkom
DevOps Transformation in DXB TelkomDevOps Transformation in DXB Telkom
DevOps Transformation in DXB TelkomDevOps Indonesia
 

What's hot (15)

OpenNTF Webinar, May 19, 2020
OpenNTF Webinar, May 19, 2020OpenNTF Webinar, May 19, 2020
OpenNTF Webinar, May 19, 2020
 
Build html 5 apps for mobile
Build html 5 apps for mobileBuild html 5 apps for mobile
Build html 5 apps for mobile
 
Going Mobile with React Native and WebRTC
Going Mobile with React Native and WebRTCGoing Mobile with React Native and WebRTC
Going Mobile with React Native and WebRTC
 
Flash dead ?
Flash dead ?Flash dead ?
Flash dead ?
 
Engage 2018 adm04 - The lazy admin wins
Engage 2018   adm04 - The lazy admin winsEngage 2018   adm04 - The lazy admin wins
Engage 2018 adm04 - The lazy admin wins
 
Challenges running Jitsi Meet at scale during the pandemic
Challenges running Jitsi Meet at scale during the pandemicChallenges running Jitsi Meet at scale during the pandemic
Challenges running Jitsi Meet at scale during the pandemic
 
Using HTML5 to Build Mobile Apps
Using HTML5 to Build Mobile AppsUsing HTML5 to Build Mobile Apps
Using HTML5 to Build Mobile Apps
 
HTML5 App Dev on BlackBerry 10
HTML5 App Dev on BlackBerry 10HTML5 App Dev on BlackBerry 10
HTML5 App Dev on BlackBerry 10
 
Ask Us Anything: Dries Buytaert and Team Tell All on Drupal 8
Ask Us Anything: Dries Buytaert and Team Tell All on Drupal 8Ask Us Anything: Dries Buytaert and Team Tell All on Drupal 8
Ask Us Anything: Dries Buytaert and Team Tell All on Drupal 8
 
A Journey Down the Open Road - SymfonyCon Paris 2015
A Journey Down the Open Road - SymfonyCon Paris 2015A Journey Down the Open Road - SymfonyCon Paris 2015
A Journey Down the Open Road - SymfonyCon Paris 2015
 
8. beta pond peter_elgar
8. beta pond  peter_elgar8. beta pond  peter_elgar
8. beta pond peter_elgar
 
Basics of Web Technologies
Basics of Web TechnologiesBasics of Web Technologies
Basics of Web Technologies
 
Making the Mobile Web Native with PhoneGap
Making the Mobile Web Native with PhoneGapMaking the Mobile Web Native with PhoneGap
Making the Mobile Web Native with PhoneGap
 
Get a room! Spot: the ultimate physical meeting room experience
Get a room! Spot: the ultimate physical meeting room experienceGet a room! Spot: the ultimate physical meeting room experience
Get a room! Spot: the ultimate physical meeting room experience
 
DevOps Transformation in DXB Telkom
DevOps Transformation in DXB TelkomDevOps Transformation in DXB Telkom
DevOps Transformation in DXB Telkom
 

Viewers also liked

Open Source Design, Mozilla and You
Open Source Design, Mozilla and YouOpen Source Design, Mozilla and You
Open Source Design, Mozilla and YouJohn Slater
 
Mozilla and Areas of contributions
Mozilla and Areas of contributionsMozilla and Areas of contributions
Mozilla and Areas of contributionsSumanth Damarla
 
Mozilla India 2016 - IoT at Mozilla
Mozilla India 2016 - IoT at MozillaMozilla India 2016 - IoT at Mozilla
Mozilla India 2016 - IoT at MozillaDietrich Ayala
 
Mozilla + Rust at PCU Manila 02 DEC 2016
Mozilla + Rust at PCU Manila 02 DEC 2016Mozilla + Rust at PCU Manila 02 DEC 2016
Mozilla + Rust at PCU Manila 02 DEC 2016Robert 'Bob' Reyes
 
MozillaPH Localization in 2016
MozillaPH Localization in 2016MozillaPH Localization in 2016
MozillaPH Localization in 2016Robert 'Bob' Reyes
 
Mozilla Community
Mozilla CommunityMozilla Community
Mozilla CommunityBob Chao
 

Viewers also liked (6)

Open Source Design, Mozilla and You
Open Source Design, Mozilla and YouOpen Source Design, Mozilla and You
Open Source Design, Mozilla and You
 
Mozilla and Areas of contributions
Mozilla and Areas of contributionsMozilla and Areas of contributions
Mozilla and Areas of contributions
 
Mozilla India 2016 - IoT at Mozilla
Mozilla India 2016 - IoT at MozillaMozilla India 2016 - IoT at Mozilla
Mozilla India 2016 - IoT at Mozilla
 
Mozilla + Rust at PCU Manila 02 DEC 2016
Mozilla + Rust at PCU Manila 02 DEC 2016Mozilla + Rust at PCU Manila 02 DEC 2016
Mozilla + Rust at PCU Manila 02 DEC 2016
 
MozillaPH Localization in 2016
MozillaPH Localization in 2016MozillaPH Localization in 2016
MozillaPH Localization in 2016
 
Mozilla Community
Mozilla CommunityMozilla Community
Mozilla Community
 

Similar to Cross Platform HTML5 Mobile Development

2011 07 Malaysia Open Source Conference
2011 07 Malaysia Open Source Conference2011 07 Malaysia Open Source Conference
2011 07 Malaysia Open Source ConferenceGen Kanai
 
Developing for Firefox
Developing for FirefoxDeveloping for Firefox
Developing for FirefoxSaurabh Kheni
 
Best practices for delivering quality web experiences
Best practices for delivering quality web experiencesBest practices for delivering quality web experiences
Best practices for delivering quality web experiencesBen Mantooth
 
Synapse india reviews on mobile application development
Synapse india reviews on mobile application developmentSynapse india reviews on mobile application development
Synapse india reviews on mobile application developmentsaritasingh19866
 
Synapse india reviews on cross plateform mobile apps development
Synapse india reviews on cross plateform mobile apps developmentSynapse india reviews on cross plateform mobile apps development
Synapse india reviews on cross plateform mobile apps developmentsaritasingh19866
 
Firefox operating system
Firefox operating systemFirefox operating system
Firefox operating systemNishant Mehare
 
2011 code camp
2011 code camp2011 code camp
2011 code campimranq2
 
Connected Devices, MozVR & Firefox Developer Tools
Connected Devices, MozVR & Firefox Developer ToolsConnected Devices, MozVR & Firefox Developer Tools
Connected Devices, MozVR & Firefox Developer ToolsRobert 'Bob' Reyes
 
Mobeers waterloo-2011
Mobeers waterloo-2011Mobeers waterloo-2011
Mobeers waterloo-2011Brian LeRoux
 
The Road To Openness.Odt
The Road To Openness.OdtThe Road To Openness.Odt
The Road To Openness.OdtKaniska Mandal
 

Similar to Cross Platform HTML5 Mobile Development (20)

Mozilla's Boot to Gecko (B2G)
Mozilla's Boot to Gecko (B2G)Mozilla's Boot to Gecko (B2G)
Mozilla's Boot to Gecko (B2G)
 
2011 07 Malaysia Open Source Conference
2011 07 Malaysia Open Source Conference2011 07 Malaysia Open Source Conference
2011 07 Malaysia Open Source Conference
 
Developing for Firefox
Developing for FirefoxDeveloping for Firefox
Developing for Firefox
 
Best practices for delivering quality web experiences
Best practices for delivering quality web experiencesBest practices for delivering quality web experiences
Best practices for delivering quality web experiences
 
Firefox os
Firefox osFirefox os
Firefox os
 
What is Firefox OS
What is Firefox OSWhat is Firefox OS
What is Firefox OS
 
Synapse india reviews on mobile application development
Synapse india reviews on mobile application developmentSynapse india reviews on mobile application development
Synapse india reviews on mobile application development
 
Synapse india reviews on cross plateform mobile apps development
Synapse india reviews on cross plateform mobile apps developmentSynapse india reviews on cross plateform mobile apps development
Synapse india reviews on cross plateform mobile apps development
 
Firefox operating system
Firefox operating systemFirefox operating system
Firefox operating system
 
2011 code camp
2011 code camp2011 code camp
2011 code camp
 
Future of Mobile
Future of MobileFuture of Mobile
Future of Mobile
 
Multiplatform
MultiplatformMultiplatform
Multiplatform
 
HTML 5 - The Future is Now
HTML 5 - The Future is NowHTML 5 - The Future is Now
HTML 5 - The Future is Now
 
Mozcafe@bcrec1
Mozcafe@bcrec1Mozcafe@bcrec1
Mozcafe@bcrec1
 
Echelon2010
Echelon2010Echelon2010
Echelon2010
 
Connected Devices, MozVR & Firefox Developer Tools
Connected Devices, MozVR & Firefox Developer ToolsConnected Devices, MozVR & Firefox Developer Tools
Connected Devices, MozVR & Firefox Developer Tools
 
Mobeers waterloo-2011
Mobeers waterloo-2011Mobeers waterloo-2011
Mobeers waterloo-2011
 
HTML5@Neev
HTML5@NeevHTML5@Neev
HTML5@Neev
 
The Road To Openness.Odt
The Road To Openness.OdtThe Road To Openness.Odt
The Road To Openness.Odt
 
Firefox OS
Firefox OSFirefox OS
Firefox OS
 

More from Robert 'Bob' Reyes

Firefox Dev Tools for WordPress Developers (WordCamp Iloilo 2019)
Firefox Dev Tools for WordPress Developers (WordCamp Iloilo 2019)Firefox Dev Tools for WordPress Developers (WordCamp Iloilo 2019)
Firefox Dev Tools for WordPress Developers (WordCamp Iloilo 2019)Robert 'Bob' Reyes
 
Build (Web)VR with A-Frame (COSCUP 2019 Taipei)
Build (Web)VR with A-Frame (COSCUP 2019 Taipei)Build (Web)VR with A-Frame (COSCUP 2019 Taipei)
Build (Web)VR with A-Frame (COSCUP 2019 Taipei)Robert 'Bob' Reyes
 
Challenges & Opportunities the Data Privacy Act Brings
Challenges & Opportunities the Data Privacy Act BringsChallenges & Opportunities the Data Privacy Act Brings
Challenges & Opportunities the Data Privacy Act BringsRobert 'Bob' Reyes
 
Building a Rust Community from Scratch (COSCUP 2017)
Building a Rust Community from Scratch (COSCUP 2017)Building a Rust Community from Scratch (COSCUP 2017)
Building a Rust Community from Scratch (COSCUP 2017)Robert 'Bob' Reyes
 
MozillaPH Rust Hack & Learn Session 2
MozillaPH Rust Hack & Learn Session 2MozillaPH Rust Hack & Learn Session 2
MozillaPH Rust Hack & Learn Session 2Robert 'Bob' Reyes
 
MozillaPH Rust Hack & Learn Session 1
MozillaPH Rust Hack & Learn Session 1MozillaPH Rust Hack & Learn Session 1
MozillaPH Rust Hack & Learn Session 1Robert 'Bob' Reyes
 
Introduction to Rust Programming Language
Introduction to Rust Programming LanguageIntroduction to Rust Programming Language
Introduction to Rust Programming LanguageRobert 'Bob' Reyes
 
MozillaPH Rust Users Group Kick Off Meeting
MozillaPH Rust Users Group Kick Off MeetingMozillaPH Rust Users Group Kick Off Meeting
MozillaPH Rust Users Group Kick Off MeetingRobert 'Bob' Reyes
 
Getting started on MDN (Mozilla Developer Network)
Getting started on MDN (Mozilla Developer Network)Getting started on MDN (Mozilla Developer Network)
Getting started on MDN (Mozilla Developer Network)Robert 'Bob' Reyes
 
MozTour University of Perpetual Help System - Laguna (Binan)
MozTour University of Perpetual Help System - Laguna (Binan)MozTour University of Perpetual Help System - Laguna (Binan)
MozTour University of Perpetual Help System - Laguna (Binan)Robert 'Bob' Reyes
 
Firefox 101 (FSA Camp Philippines 2015)
Firefox 101 (FSA Camp Philippines 2015)Firefox 101 (FSA Camp Philippines 2015)
Firefox 101 (FSA Camp Philippines 2015)Robert 'Bob' Reyes
 
FOSSASIA 2015: Building an Open Source Community
FOSSASIA 2015: Building an Open Source CommunityFOSSASIA 2015: Building an Open Source Community
FOSSASIA 2015: Building an Open Source CommunityRobert 'Bob' Reyes
 

More from Robert 'Bob' Reyes (20)

Localization at Mozilla
Localization at MozillaLocalization at Mozilla
Localization at Mozilla
 
Firefox Dev Tools for WordPress Developers (WordCamp Iloilo 2019)
Firefox Dev Tools for WordPress Developers (WordCamp Iloilo 2019)Firefox Dev Tools for WordPress Developers (WordCamp Iloilo 2019)
Firefox Dev Tools for WordPress Developers (WordCamp Iloilo 2019)
 
Build (Web)VR with A-Frame (COSCUP 2019 Taipei)
Build (Web)VR with A-Frame (COSCUP 2019 Taipei)Build (Web)VR with A-Frame (COSCUP 2019 Taipei)
Build (Web)VR with A-Frame (COSCUP 2019 Taipei)
 
Challenges & Opportunities the Data Privacy Act Brings
Challenges & Opportunities the Data Privacy Act BringsChallenges & Opportunities the Data Privacy Act Brings
Challenges & Opportunities the Data Privacy Act Brings
 
Rust 101 (2017 edition)
Rust 101 (2017 edition)Rust 101 (2017 edition)
Rust 101 (2017 edition)
 
Building a Rust Community from Scratch (COSCUP 2017)
Building a Rust Community from Scratch (COSCUP 2017)Building a Rust Community from Scratch (COSCUP 2017)
Building a Rust Community from Scratch (COSCUP 2017)
 
Mozilla & Connected Devices
Mozilla & Connected DevicesMozilla & Connected Devices
Mozilla & Connected Devices
 
MozillaPH Rust Hack & Learn Session 2
MozillaPH Rust Hack & Learn Session 2MozillaPH Rust Hack & Learn Session 2
MozillaPH Rust Hack & Learn Session 2
 
MozillaPH Rust Hack & Learn Session 1
MozillaPH Rust Hack & Learn Session 1MozillaPH Rust Hack & Learn Session 1
MozillaPH Rust Hack & Learn Session 1
 
Introduction to Rust Programming Language
Introduction to Rust Programming LanguageIntroduction to Rust Programming Language
Introduction to Rust Programming Language
 
MozillaPH Rust Users Group Kick Off Meeting
MozillaPH Rust Users Group Kick Off MeetingMozillaPH Rust Users Group Kick Off Meeting
MozillaPH Rust Users Group Kick Off Meeting
 
Getting started on MDN (Mozilla Developer Network)
Getting started on MDN (Mozilla Developer Network)Getting started on MDN (Mozilla Developer Network)
Getting started on MDN (Mozilla Developer Network)
 
Mozilla & the Open Web
Mozilla & the Open WebMozilla & the Open Web
Mozilla & the Open Web
 
MozTour University of Perpetual Help System - Laguna (Binan)
MozTour University of Perpetual Help System - Laguna (Binan)MozTour University of Perpetual Help System - Laguna (Binan)
MozTour University of Perpetual Help System - Laguna (Binan)
 
Firefox 101 (FSA Camp Philippines 2015)
Firefox 101 (FSA Camp Philippines 2015)Firefox 101 (FSA Camp Philippines 2015)
Firefox 101 (FSA Camp Philippines 2015)
 
FOSSASIA 2015: Building an Open Source Community
FOSSASIA 2015: Building an Open Source CommunityFOSSASIA 2015: Building an Open Source Community
FOSSASIA 2015: Building an Open Source Community
 
Welcome to MozSpaceMNL
Welcome to MozSpaceMNLWelcome to MozSpaceMNL
Welcome to MozSpaceMNL
 
MozillaPH Trainers Training
MozillaPH Trainers TrainingMozillaPH Trainers Training
MozillaPH Trainers Training
 
Mozilla Reps Program
Mozilla Reps ProgramMozilla Reps Program
Mozilla Reps Program
 
Women and the open web
Women and the open webWomen and the open web
Women and the open web
 

Recently uploaded

Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FMESafe Software
 
Corporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptxCorporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptxRustici Software
 
Architecting Cloud Native Applications
Architecting Cloud Native ApplicationsArchitecting Cloud Native Applications
Architecting Cloud Native ApplicationsWSO2
 
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot TakeoffStrategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoffsammart93
 
Real Time Object Detection Using Open CV
Real Time Object Detection Using Open CVReal Time Object Detection Using Open CV
Real Time Object Detection Using Open CVKhem
 
AXA XL - Insurer Innovation Award Americas 2024
AXA XL - Insurer Innovation Award Americas 2024AXA XL - Insurer Innovation Award Americas 2024
AXA XL - Insurer Innovation Award Americas 2024The Digital Insurer
 
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProduct Anonymous
 
Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...apidays
 
A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?Igalia
 
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWEREMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWERMadyBayot
 
Manulife - Insurer Transformation Award 2024
Manulife - Insurer Transformation Award 2024Manulife - Insurer Transformation Award 2024
Manulife - Insurer Transformation Award 2024The Digital Insurer
 
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Miguel Araújo
 
presentation ICT roal in 21st century education
presentation ICT roal in 21st century educationpresentation ICT roal in 21st century education
presentation ICT roal in 21st century educationjfdjdjcjdnsjd
 
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...apidays
 
Boost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdfBoost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdfsudhanshuwaghmare1
 
ICT role in 21st century education and its challenges
ICT role in 21st century education and its challengesICT role in 21st century education and its challenges
ICT role in 21st century education and its challengesrafiqahmad00786416
 
Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024The Digital Insurer
 
2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...Martijn de Jong
 
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...Zilliz
 
Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)wesley chun
 

Recently uploaded (20)

Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
 
Corporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptxCorporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptx
 
Architecting Cloud Native Applications
Architecting Cloud Native ApplicationsArchitecting Cloud Native Applications
Architecting Cloud Native Applications
 
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot TakeoffStrategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
 
Real Time Object Detection Using Open CV
Real Time Object Detection Using Open CVReal Time Object Detection Using Open CV
Real Time Object Detection Using Open CV
 
AXA XL - Insurer Innovation Award Americas 2024
AXA XL - Insurer Innovation Award Americas 2024AXA XL - Insurer Innovation Award Americas 2024
AXA XL - Insurer Innovation Award Americas 2024
 
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
 
Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...
 
A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?
 
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWEREMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
 
Manulife - Insurer Transformation Award 2024
Manulife - Insurer Transformation Award 2024Manulife - Insurer Transformation Award 2024
Manulife - Insurer Transformation Award 2024
 
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
 
presentation ICT roal in 21st century education
presentation ICT roal in 21st century educationpresentation ICT roal in 21st century education
presentation ICT roal in 21st century education
 
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
 
Boost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdfBoost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdf
 
ICT role in 21st century education and its challenges
ICT role in 21st century education and its challengesICT role in 21st century education and its challenges
ICT role in 21st century education and its challenges
 
Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024
 
2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...
 
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...
 
Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)
 

Cross Platform HTML5 Mobile Development

  • 3. Cross Platform HTML5 Mobile Development Robert DC. Reyes http://bobreyes.com bob@mozillaph.org @bobreyes V1.00
  • 4. About Me … Aviation Professional by day
  • 5. About Me … Mozilla Representative & Firefox Contributor by night (weekends & when I’m free)
  • 6. 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
  • 7. Non-profit Global Organization Public benefit
  • 9. Mozilla project started in 1998 within Netscape • Mozilla Foundation started in 2003 • approximately 350 paid staff in 20 countries • ~40% of code contributed by volunteers • Testing community of 60,000+ • More than 400 million users • Global browser market share 25~30%
  • 10. Releases ESR – Extended Support Release
  • 13. Add-ons Firebug Web Developer Awesome Screenshot Web2Mobile
  • 16. Mobile Fennec Boot to Gecko (B2G) Mobile Testers
  • 17. Other Projects/Product Bugzilla Thunderbird Gecko
  • 19.
  • 21. • represent Mozilla in their country/region • promote the Mozilla Project and our mission • build on and support existing/future local community efforts and programs • inspire, recruit and support new contributors • support and mentor future Mozilla Reps • document clearly all his/her activities
  • 22.
  • 24. Developer Dev Derby Day Revamp MozPH Site Create Add-ons
  • 25. Engagement ALAB Firefox mascot Social Media #FirefoxFriday Creation of Teams
  • 26. We are here for YOU!
  • 28.
  • 29. Get in Touch www.mozillaphilippines.org https://lists.mozilla.org/listinfo/community-philippines @mozillaPH facebook.com/mozillaphilippines IRC #mozilla-ph
  • 30. 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.
  • 31. HTML5 A standard was set & it changed a few things, a richer web for apps, was the promise it brings.
  • 32. HTML5 Bah, standards! Who needs them? Some flashy ones said, until a phone that was smart, kicked them out of its bed.
  • 33. HTML5 Things that are fun, should be shiny & cool, that's why the new standards bring many a new tool.
  • 34. HTML5 (WebGL) 3D graphics are thrilling, as gamers will tell, we now have that on the web & it is called WebGL.
  • 35. Build a Web that Will Last Be FUTURE FRIENDLY & look forward, & STOP building for the past.
  • 36. 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.
  • 38. 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.
  • 39. 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).
  • 40. 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.
  • 41. 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.
  • 42. 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.
  • 43. 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
  • 44. 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
  • 49. 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