SlideShare a Scribd company logo
Boot your phone to the web,
       Boot 2 Gecko / FireFoxOS

                           Martin de Keijzer
SmartDevCon 4-6 September, Katowice Poland
Introduction




               2
About me

Martin de Keijzer
Dutch web developer


    Working for Ibuildings


    PHPBenelux Board Member


    @Martin1982

    http://
    www.martindekeijzer.nl
                              3
Anything told today might
 have changed tomorrow




                            4
FirefoxOS




            5
6
7
Building blocks
What makes FirefoxOS




                       8
The structure of FirefoxOS




  Gonk              Gecko    Gaia

                                    9
Gonk




 Based on the Android Ice Cream Sandwich
        - Linaro Linux distribution.

                                           10
Gecko




    The core of Firefox, runs and renders
       stuff. Implements the WebAPI.
                                            11
Gaia




 User interface implementation. Apps and OS
          are fully shown using Gaia.
                                              12
Active devices
Which devices can run FirefoxOS?




                                   13
3-Tiers

                    Tier 1:
    Fully supported and actively worked on

                  Tier 2:
Supported upon request, but not actively tested

                    Tier 3:
Supported in the past, may lag behind on tier 1
                and 2 devices


                                                  14
Devices running FirefoxOS




Samsun          Samsung      Samsung
g Galaxy       Nexus S (2)   Galaxy S2
 Nexus                          (3)
   (3)                                   15
Emulator & Firefox Nightly




                             Tier 1




                                      16
Open web device a.k.a. the “Otoro”

    Secretive low-to-midrange
    device
    Tier 1 device
    Distributed by Telefonica
    Has a Qualcomm chipset
    Same specs as an SGS2 except
    for screen resolution



http://www.OpenWebDevice.com
                                       17
Building FirefoxOS for your weapon of choice



           https://developer.mozilla.org/en-US/
               docs/Mozilla/Boot_to_Gecko/
                  B2G_build_prerequisites




              Or just         for:
                  “b2g build”


                                                  18
The current state
What has already landed




                          19
20
Taken from Christian Heilmann’s slidedeck at http://www.slideshare.net/cheilmann/firefox-os-b2g-and-the-future-of-the-web
Lock & Home screen




                     21
Contacts, Dialer, SMS




                        22
Mail, Calendar, Tasks




                        23
Images, music, video




   No images/demo due to the lack of SD card




                                               24
Web browser




              25
2D- & 3D-Gaming




                  26
Appifyyour siteweb
How to turn
            the or application to
apps?




                                    27
The manifest file
{
    "version": "1.0",
    "name": "FirefoxOS App",
    "description": "Demo app to show how a B2G app can be distributed!",
    "icons": {
         "16": "/img/icon-16.png",
         "48": "/img/icon-48.png",
         "128": "/img/icon-128.png"
    },
    "developer": {
         "name": "Martin de Keijzer",
         "url": "http://www.martindekeijzer.nl"
    },
    "installs_allowed_from": ["*"],
    "appcache_path": "/cache.manifest",
    "orientation": "portrait,landscape-secondary",
    "fullscreen": "true"
}                                                                          28
The manifest file




                  Serve your
               manifest with the
                right content




                                   29
The manifest file




   Content-type: application/x-web-app-
              manifest+json




                                          30
Making apps installable




       window.navigator.mozApps.install
('http://myawesomeappurl/manifestfile.webapp');
                                            31
Mozilla Marketplace



                      Upload you manifest
                      file
                      Monetization
                      Polls for your app
                      manifest

                                           32
Mozilla Marketplace




         http://marketplace.mozilla.org   33
Need another look?




                         http://
                     www.github.com/
                       Martin1982/
                      B2GDemoApp



                                       34
Contributing
The road to success




                      35
Creating apps




  You could be the first to bring this experience!
                                                    36
Give feedback


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

                                                  37
Send pull requests




                         http://
                     www.github.com/
                       mozilla-b2g

                                       38
QUESTIONS



            39
Thank you for listening

             mdkeijzer@ibuildings.nl
                      @Martin1982

More Related Content

KEY
2012 11-01 Hackers & founders - Boot to the web, boot 2 gecko / Firefox OS
PDF
Boot to Gecko Introduction
PPT
Belvedere Presentation
PPTX
Loomade Heaks!
PDF
Field Sport Concepts Portfolio
PDF
Sencha Touch 2
PDF
Past Projects
KEY
Open Web Device: The first phone running Firefox OS!
2012 11-01 Hackers & founders - Boot to the web, boot 2 gecko / Firefox OS
Boot to Gecko Introduction
Belvedere Presentation
Loomade Heaks!
Field Sport Concepts Portfolio
Sencha Touch 2
Past Projects
Open Web Device: The first phone running Firefox OS!

Similar to 2012 09-04 smart devcon - boot to the web, boot 2 gecko (20)

PDF
Firefox OS Apps and Web APIs
PPT
Firefox OS
PPT
Opening the mobile web mozilla and firefox os-chit thiri maung
PDF
Firefox OS Landscape and Development Introduction - Google Developer Group (G...
PPTX
Firefox os
PDF
Firefox OS Perspective
DOCX
F irefox
PDF
The web is the platform - why FirefoxOS matters
PDF
Firefox OS - Hive Pilani 2015
PDF
Desigan Chinniah Head of global partenrships and business development de Fire...
PPTX
Firefox operating system
PDF
Webapi
PDF
Introduction to firefox os
KEY
Firefox OS
PDF
Empowering the Mobile Web - Mills
PDF
Empowering the "mobile web"
PDF
Empowering the “Mobile Web” with Chris Mills
PDF
Firefox OS Apps & APIs - Dutch Mobile Conference / Serbia & Montenegro App da...
PPTX
Developing for Firefox
PDF
Firefox os
Firefox OS Apps and Web APIs
Firefox OS
Opening the mobile web mozilla and firefox os-chit thiri maung
Firefox OS Landscape and Development Introduction - Google Developer Group (G...
Firefox os
Firefox OS Perspective
F irefox
The web is the platform - why FirefoxOS matters
Firefox OS - Hive Pilani 2015
Desigan Chinniah Head of global partenrships and business development de Fire...
Firefox operating system
Webapi
Introduction to firefox os
Firefox OS
Empowering the Mobile Web - Mills
Empowering the "mobile web"
Empowering the “Mobile Web” with Chris Mills
Firefox OS Apps & APIs - Dutch Mobile Conference / Serbia & Montenegro App da...
Developing for Firefox
Firefox os
Ad

More from Martin de Keijzer (17)

PDF
High quality live broadcasting with PHP 27 07-2016
PDF
Productive & easy mobile app dev
PDF
tiCONF Amsterdam 2014 building mobile teams
PDF
Native Javascript apps with PhoneGap 11-04-2014 Codemotion Rome
PDF
The Environment Restaurant
PDF
Introduction to PhoneGap and PhoneGap Build
PDF
Hybrid Mobile Web Apps with Sencha Touch 2
PDF
Native Javascript apps with PhoneGap
PDF
Mobile is everywhere
KEY
2012 09-04 smart devcon - sencha touch 2
PDF
Sencha Touch 2
PDF
Let's take over the world with Zend Framework
KEY
Improving code quality with continuous integration (PHPBenelux Conference 2011)
ODP
Improving code quality using CI
PDF
Continuous integration why and how? [DPC uncon quick-prep version]
ODP
Subversion In De Praktijk
ODP
Een introductie voor Phpunit
High quality live broadcasting with PHP 27 07-2016
Productive & easy mobile app dev
tiCONF Amsterdam 2014 building mobile teams
Native Javascript apps with PhoneGap 11-04-2014 Codemotion Rome
The Environment Restaurant
Introduction to PhoneGap and PhoneGap Build
Hybrid Mobile Web Apps with Sencha Touch 2
Native Javascript apps with PhoneGap
Mobile is everywhere
2012 09-04 smart devcon - sencha touch 2
Sencha Touch 2
Let's take over the world with Zend Framework
Improving code quality with continuous integration (PHPBenelux Conference 2011)
Improving code quality using CI
Continuous integration why and how? [DPC uncon quick-prep version]
Subversion In De Praktijk
Een introductie voor Phpunit
Ad

Recently uploaded (20)

PPTX
VMware vSphere Foundation How to Sell Presentation-Ver1.4-2-14-2024.pptx
PPTX
20250228 LYD VKU AI Blended-Learning.pptx
PDF
KodekX | Application Modernization Development
PPTX
Digital-Transformation-Roadmap-for-Companies.pptx
PDF
Advanced methodologies resolving dimensionality complications for autism neur...
DOCX
The AUB Centre for AI in Media Proposal.docx
PDF
Encapsulation theory and applications.pdf
PPTX
Big Data Technologies - Introduction.pptx
PDF
Modernizing your data center with Dell and AMD
PPTX
Understanding_Digital_Forensics_Presentation.pptx
PDF
Approach and Philosophy of On baking technology
PDF
Encapsulation_ Review paper, used for researhc scholars
PDF
Bridging biosciences and deep learning for revolutionary discoveries: a compr...
PDF
Agricultural_Statistics_at_a_Glance_2022_0.pdf
PDF
Chapter 3 Spatial Domain Image Processing.pdf
PDF
Blue Purple Modern Animated Computer Science Presentation.pdf.pdf
PDF
Architecting across the Boundaries of two Complex Domains - Healthcare & Tech...
PPTX
Cloud computing and distributed systems.
PDF
Electronic commerce courselecture one. Pdf
PPTX
Effective Security Operations Center (SOC) A Modern, Strategic, and Threat-In...
VMware vSphere Foundation How to Sell Presentation-Ver1.4-2-14-2024.pptx
20250228 LYD VKU AI Blended-Learning.pptx
KodekX | Application Modernization Development
Digital-Transformation-Roadmap-for-Companies.pptx
Advanced methodologies resolving dimensionality complications for autism neur...
The AUB Centre for AI in Media Proposal.docx
Encapsulation theory and applications.pdf
Big Data Technologies - Introduction.pptx
Modernizing your data center with Dell and AMD
Understanding_Digital_Forensics_Presentation.pptx
Approach and Philosophy of On baking technology
Encapsulation_ Review paper, used for researhc scholars
Bridging biosciences and deep learning for revolutionary discoveries: a compr...
Agricultural_Statistics_at_a_Glance_2022_0.pdf
Chapter 3 Spatial Domain Image Processing.pdf
Blue Purple Modern Animated Computer Science Presentation.pdf.pdf
Architecting across the Boundaries of two Complex Domains - Healthcare & Tech...
Cloud computing and distributed systems.
Electronic commerce courselecture one. Pdf
Effective Security Operations Center (SOC) A Modern, Strategic, and Threat-In...

2012 09-04 smart devcon - boot to the web, boot 2 gecko

Editor's Notes