Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

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

1,581 views

Published on

SmartDevCon presentation on Boot 2 Gecko / FirefoxOS

Published in: Technology, News & Politics
  • Be the first to comment

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

×