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

New from BookNet Canada for 2024: BNC BiblioShare - Tech Forum 2024
New from BookNet Canada for 2024: BNC BiblioShare - Tech Forum 2024New from BookNet Canada for 2024: BNC BiblioShare - Tech Forum 2024
New from BookNet Canada for 2024: BNC BiblioShare - Tech Forum 2024BookNet Canada
 
Pigging Solutions Piggable Sweeping Elbows
Pigging Solutions Piggable Sweeping ElbowsPigging Solutions Piggable Sweeping Elbows
Pigging Solutions Piggable Sweeping ElbowsPigging Solutions
 
Bun (KitWorks Team Study 노별마루 발표 2024.4.22)
Bun (KitWorks Team Study 노별마루 발표 2024.4.22)Bun (KitWorks Team Study 노별마루 발표 2024.4.22)
Bun (KitWorks Team Study 노별마루 발표 2024.4.22)Wonjun Hwang
 
Advanced Test Driven-Development @ php[tek] 2024
Advanced Test Driven-Development @ php[tek] 2024Advanced Test Driven-Development @ php[tek] 2024
Advanced Test Driven-Development @ php[tek] 2024Scott Keck-Warren
 
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...shyamraj55
 
Human Factors of XR: Using Human Factors to Design XR Systems
Human Factors of XR: Using Human Factors to Design XR SystemsHuman Factors of XR: Using Human Factors to Design XR Systems
Human Factors of XR: Using Human Factors to Design XR SystemsMark Billinghurst
 
CloudStudio User manual (basic edition):
CloudStudio User manual (basic edition):CloudStudio User manual (basic edition):
CloudStudio User manual (basic edition):comworks
 
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024BookNet Canada
 
Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024BookNet Canada
 
Unlocking the Potential of the Cloud for IBM Power Systems
Unlocking the Potential of the Cloud for IBM Power SystemsUnlocking the Potential of the Cloud for IBM Power Systems
Unlocking the Potential of the Cloud for IBM Power SystemsPrecisely
 
Bluetooth Controlled Car with Arduino.pdf
Bluetooth Controlled Car with Arduino.pdfBluetooth Controlled Car with Arduino.pdf
Bluetooth Controlled Car with Arduino.pdfngoud9212
 
My INSURER PTE LTD - Insurtech Innovation Award 2024
My INSURER PTE LTD - Insurtech Innovation Award 2024My INSURER PTE LTD - Insurtech Innovation Award 2024
My INSURER PTE LTD - Insurtech Innovation Award 2024The Digital Insurer
 
APIForce Zurich 5 April Automation LPDG
APIForce Zurich 5 April  Automation LPDGAPIForce Zurich 5 April  Automation LPDG
APIForce Zurich 5 April Automation LPDGMarianaLemus7
 
Beyond Boundaries: Leveraging No-Code Solutions for Industry Innovation
Beyond Boundaries: Leveraging No-Code Solutions for Industry InnovationBeyond Boundaries: Leveraging No-Code Solutions for Industry Innovation
Beyond Boundaries: Leveraging No-Code Solutions for Industry InnovationSafe Software
 
Streamlining Python Development: A Guide to a Modern Project Setup
Streamlining Python Development: A Guide to a Modern Project SetupStreamlining Python Development: A Guide to a Modern Project Setup
Streamlining Python Development: A Guide to a Modern Project SetupFlorian Wilhelm
 
Benefits Of Flutter Compared To Other Frameworks
Benefits Of Flutter Compared To Other FrameworksBenefits Of Flutter Compared To Other Frameworks
Benefits Of Flutter Compared To Other FrameworksSoftradix Technologies
 
My Hashitalk Indonesia April 2024 Presentation
My Hashitalk Indonesia April 2024 PresentationMy Hashitalk Indonesia April 2024 Presentation
My Hashitalk Indonesia April 2024 PresentationRidwan Fadjar
 
Build your next Gen AI Breakthrough - April 2024
Build your next Gen AI Breakthrough - April 2024Build your next Gen AI Breakthrough - April 2024
Build your next Gen AI Breakthrough - April 2024Neo4j
 

Recently uploaded (20)

E-Vehicle_Hacking_by_Parul Sharma_null_owasp.pptx
E-Vehicle_Hacking_by_Parul Sharma_null_owasp.pptxE-Vehicle_Hacking_by_Parul Sharma_null_owasp.pptx
E-Vehicle_Hacking_by_Parul Sharma_null_owasp.pptx
 
New from BookNet Canada for 2024: BNC BiblioShare - Tech Forum 2024
New from BookNet Canada for 2024: BNC BiblioShare - Tech Forum 2024New from BookNet Canada for 2024: BNC BiblioShare - Tech Forum 2024
New from BookNet Canada for 2024: BNC BiblioShare - Tech Forum 2024
 
Pigging Solutions Piggable Sweeping Elbows
Pigging Solutions Piggable Sweeping ElbowsPigging Solutions Piggable Sweeping Elbows
Pigging Solutions Piggable Sweeping Elbows
 
Bun (KitWorks Team Study 노별마루 발표 2024.4.22)
Bun (KitWorks Team Study 노별마루 발표 2024.4.22)Bun (KitWorks Team Study 노별마루 발표 2024.4.22)
Bun (KitWorks Team Study 노별마루 발표 2024.4.22)
 
Advanced Test Driven-Development @ php[tek] 2024
Advanced Test Driven-Development @ php[tek] 2024Advanced Test Driven-Development @ php[tek] 2024
Advanced Test Driven-Development @ php[tek] 2024
 
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...
 
The transition to renewables in India.pdf
The transition to renewables in India.pdfThe transition to renewables in India.pdf
The transition to renewables in India.pdf
 
Human Factors of XR: Using Human Factors to Design XR Systems
Human Factors of XR: Using Human Factors to Design XR SystemsHuman Factors of XR: Using Human Factors to Design XR Systems
Human Factors of XR: Using Human Factors to Design XR Systems
 
CloudStudio User manual (basic edition):
CloudStudio User manual (basic edition):CloudStudio User manual (basic edition):
CloudStudio User manual (basic edition):
 
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
 
Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
 
Unlocking the Potential of the Cloud for IBM Power Systems
Unlocking the Potential of the Cloud for IBM Power SystemsUnlocking the Potential of the Cloud for IBM Power Systems
Unlocking the Potential of the Cloud for IBM Power Systems
 
Bluetooth Controlled Car with Arduino.pdf
Bluetooth Controlled Car with Arduino.pdfBluetooth Controlled Car with Arduino.pdf
Bluetooth Controlled Car with Arduino.pdf
 
My INSURER PTE LTD - Insurtech Innovation Award 2024
My INSURER PTE LTD - Insurtech Innovation Award 2024My INSURER PTE LTD - Insurtech Innovation Award 2024
My INSURER PTE LTD - Insurtech Innovation Award 2024
 
APIForce Zurich 5 April Automation LPDG
APIForce Zurich 5 April  Automation LPDGAPIForce Zurich 5 April  Automation LPDG
APIForce Zurich 5 April Automation LPDG
 
Beyond Boundaries: Leveraging No-Code Solutions for Industry Innovation
Beyond Boundaries: Leveraging No-Code Solutions for Industry InnovationBeyond Boundaries: Leveraging No-Code Solutions for Industry Innovation
Beyond Boundaries: Leveraging No-Code Solutions for Industry Innovation
 
Streamlining Python Development: A Guide to a Modern Project Setup
Streamlining Python Development: A Guide to a Modern Project SetupStreamlining Python Development: A Guide to a Modern Project Setup
Streamlining Python Development: A Guide to a Modern Project Setup
 
Benefits Of Flutter Compared To Other Frameworks
Benefits Of Flutter Compared To Other FrameworksBenefits Of Flutter Compared To Other Frameworks
Benefits Of Flutter Compared To Other Frameworks
 
My Hashitalk Indonesia April 2024 Presentation
My Hashitalk Indonesia April 2024 PresentationMy Hashitalk Indonesia April 2024 Presentation
My Hashitalk Indonesia April 2024 Presentation
 
Build your next Gen AI Breakthrough - April 2024
Build your next Gen AI Breakthrough - April 2024Build your next Gen AI Breakthrough - April 2024
Build your next Gen AI Breakthrough - April 2024
 

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