Boot your phone to the web,       Boot 2 Gecko / FireFoxOS                           Martin de KeijzerSmartDevCon 4-6 Sept...
Introduction               2
About meMartin de KeijzerDutch web developer    Working for Ibuildings    PHPBenelux Board Member    @Martin1982    http:/...
Anything told today might have changed tomorrow                            4
FirefoxOS            5
6
7
Building blocksWhat makes FirefoxOS                       8
The structure of FirefoxOS  Gonk              Gecko    Gaia                                    9
Gonk Based on the Android Ice Cream Sandwich        - Linaro Linux distribution.                                          ...
Gecko    The core of Firefox, runs and renders       stuff. Implements the WebAPI.                                        ...
Gaia User interface implementation. Apps and OS          are fully shown using Gaia.                                      ...
Active devicesWhich devices can run FirefoxOS?                                   13
3-Tiers                    Tier 1:    Fully supported and actively worked on                  Tier 2:Supported upon reques...
Devices running FirefoxOSSamsun          Samsung      Samsungg Galaxy       Nexus S (2)   Galaxy S2 Nexus                 ...
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   ...
Building FirefoxOS for your weapon of choice           https://developer.mozilla.org/en-US/               docs/Mozilla/Boo...
The current stateWhat has already landed                          19
20Taken 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 sitewebHow to turn            the or application toapps?                                    27
The manifest file{    "version": "1.0",    "name": "FirefoxOS App",    "description": "Demo app to show how a B2G app can ...
The manifest file                  Serve your               manifest with the                right content                ...
The manifest file   Content-type: application/x-web-app-              manifest+json                                       ...
Making apps installable       window.navigator.mozApps.install(http://myawesomeappurl/manifestfile.webapp);               ...
Mozilla Marketplace                      Upload you manifest                      file                      Monetization   ...
Mozilla Marketplace         http://marketplace.mozilla.org   33
Need another look?                         http://                     www.github.com/                       Martin1982/  ...
ContributingThe road to success                      35
Creating apps  You could be the first to bring this experience!                                                    36
Give feedbackOnline Channels• https://wiki.mozilla.org/B2G• irc://irc.mozilla.org: #b2g #gaia• Organizational mailing list...
Send pull requests                         http://                     www.github.com/                       mozilla-b2g  ...
QUESTIONS            39
Thank you for listening             mdkeijzer@ibuildings.nl                      @Martin1982
Upcoming SlideShare
Loading in …5
×

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

1,485 views

Published on

SmartDevCon presentation on Boot 2 Gecko / FirefoxOS

Published in: Technology, News & Politics
0 Comments
4 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,485
On SlideShare
0
From Embeds
0
Number of Embeds
11
Actions
Shares
0
Downloads
51
Comments
0
Likes
4
Embeds 0
No embeds

No notes for slide
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • 2012 09-04 smart devcon - boot to the web, boot 2 gecko

    1. 1. Boot your phone to the web, Boot 2 Gecko / FireFoxOS Martin de KeijzerSmartDevCon 4-6 September, Katowice Poland
    2. 2. Introduction 2
    3. 3. About meMartin de KeijzerDutch web developer Working for Ibuildings PHPBenelux Board Member @Martin1982 http:// www.martindekeijzer.nl 3
    4. 4. Anything told today might have changed tomorrow 4
    5. 5. FirefoxOS 5
    6. 6. 6
    7. 7. 7
    8. 8. Building blocksWhat makes FirefoxOS 8
    9. 9. The structure of FirefoxOS Gonk Gecko Gaia 9
    10. 10. Gonk Based on the Android Ice Cream Sandwich - Linaro Linux distribution. 10
    11. 11. Gecko The core of Firefox, runs and renders stuff. Implements the WebAPI. 11
    12. 12. Gaia User interface implementation. Apps and OS are fully shown using Gaia. 12
    13. 13. Active devicesWhich devices can run FirefoxOS? 13
    14. 14. 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
    15. 15. Devices running FirefoxOSSamsun Samsung Samsungg Galaxy Nexus S (2) Galaxy S2 Nexus (3) (3) 15
    16. 16. Emulator & Firefox Nightly Tier 1 16
    17. 17. 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 resolutionhttp://www.OpenWebDevice.com 17
    18. 18. 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
    19. 19. The current stateWhat has already landed 19
    20. 20. 20Taken from Christian Heilmann’s slidedeck at http://www.slideshare.net/cheilmann/firefox-os-b2g-and-the-future-of-the-web
    21. 21. Lock & Home screen 21
    22. 22. Contacts, Dialer, SMS 22
    23. 23. Mail, Calendar, Tasks 23
    24. 24. Images, music, video No images/demo due to the lack of SD card 24
    25. 25. Web browser 25
    26. 26. 2D- & 3D-Gaming 26
    27. 27. Appifyyour sitewebHow to turn the or application toapps? 27
    28. 28. 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
    29. 29. The manifest file Serve your manifest with the right content 29
    30. 30. The manifest file Content-type: application/x-web-app- manifest+json 30
    31. 31. Making apps installable window.navigator.mozApps.install(http://myawesomeappurl/manifestfile.webapp); 31
    32. 32. Mozilla Marketplace Upload you manifest file Monetization Polls for your app manifest 32
    33. 33. Mozilla Marketplace http://marketplace.mozilla.org 33
    34. 34. Need another look? http:// www.github.com/ Martin1982/ B2GDemoApp 34
    35. 35. ContributingThe road to success 35
    36. 36. Creating apps You could be the first to bring this experience! 36
    37. 37. Give feedbackOnline 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
    38. 38. Send pull requests http:// www.github.com/ mozilla-b2g 38
    39. 39. QUESTIONS 39
    40. 40. Thank you for listening mdkeijzer@ibuildings.nl @Martin1982

    ×