2012 11-01 Hackers & founders - Boot to the web, boot 2 gecko / Firefox OS
Download as KEY, PDF3 likes1,548 views
This document summarizes how to build apps for Firefox OS and contribute to its development. It discusses the core components of Firefox OS (Gonk, Gecko, Gaia), supported devices, and how to turn existing websites or applications into installable apps using a manifest file and the window.navigator API. It encourages developers to contribute code, documentation, and bug reports to Mozilla's GitHub and Bugzilla repositories and participate in IRC and mailing lists to help advance the open web platform.
![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](https://image.slidesharecdn.com/2012-11-01hackersfounders-boottothewebboot2gecko-121102070411-phpapp02/85/2012-11-01-Hackers-founders-Boot-to-the-web-boot-2-gecko-Firefox-OS-28-320.jpg)
More Related Content
Similar to 2012 11-01 Hackers & founders - Boot to the web, boot 2 gecko / Firefox OS (20)
More from Martin de Keijzer (18)
![Continuous integration why and how? [DPC uncon quick-prep version]](https://cdn.slidesharecdn.com/ss_thumbnails/continuousintegration-whyandhow3f-100612053554-phpapp01-thumbnail.jpg?width=560&fit=bounds)
Recently uploaded (20)
2012 11-01 Hackers & founders - Boot to the web, boot 2 gecko / Firefox OS
- 1. Boot your phone to the web, Boot 2 Gecko / FireFox OS Martin de Keijzer Hackers & Founders November 1, Amsterdam The Netherlands
- 2. Introduction 2
- 3. About me Martin de Keijzer Dutch web developer Mobile specialist for Ibuildings PHPBenelux Board Member @Martin1982 http:// www.martindekeijzer.nl 3
- 4. Firefox OS 4
- 5. Boot 2 Gecko 5 Image taken from: http://blog.seanmartell.com/brands/
- 6. 6
- 7. 7
- 8. Building blocks What makes Firefox OS 8
- 9. The structure of Firefox OS Gonk Gecko Gaia 9
- 10. Gonk Based on the Android Ice Cream Sandwich - Linaro kernel components. 10
- 11. Gecko The core of Firefox, runs and renders stuff. Implements the WebAPI. 11
- 12. Gaia User interface implementation. Apps and OS are fully presented using Gaia. 12
- 13. Active devices Which devices can run Firefox OS? 13
- 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. Devices running Firefox OS Samsun Samsung Samsung g Galaxy Nexus S & Galaxy S2 Nexus Nexus S (3) (3) 4G(2) 15
- 16. Tier 1 devices 16
- 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 resolution http://www.OpenWebDevice.com 17
- 18. Building Firefox OS for your weapon of choice https://developer.mozilla.org/en-US/ docs/Mozilla/Boot_to_Gecko/ Firefox_OS_build_prerequisites Or just for: “firefox os build” 18
- 19. The current state What has already landed 19
- 20. 20 Taken from Christian Heilmann’s slidedeck at http://www.slideshare.net/cheilmann/firefox-os-b2g-and-the-future-of-the-web
- 21. Lock & Home screen 21
- 22. Contacts, Dialer, SMS 22
- 23. Mail, Calendar, Tasks 23
- 24. Images, music, video No images/demo due to the lack of SD card 24
- 25. Web browser 25
- 26. 2D- & 3D-Gaming 26
- 27. Appifyyour siteweb How to turn the or application to apps? 27
- 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. The manifest file Serve your manifest with the right content 29
- 30. The manifest file Content-type: application/x-web-app- manifest+json 30
- 31. Making apps installable window.navigator.mozApps.install ('http://myawesomeappurl/manifestfile.webapp'); 31
- 32. Mozilla Marketplace Upload you manifest file Monetization Polls for your app manifest 32
- 33. Mozilla Marketplace http://marketplace.mozilla.org 33
- 34. App Manifest parameters https://developer.mozilla.org/ en-US/docs/Apps/Manifest Or just for: “firefox app manifest” 34
- 35. Need another look? http:// www.github.com/ Martin1982/ B2GDemoApp 35
- 36. Contributing The road to success 36
- 37. Creating apps You could be the first to bring this experience! 37
- 38. Send pull requests http:// www.github.com/ mozilla-b2g 38
- 39. Mozilla Wiki https://wiki.mozilla.org/B2G 39
- 40. IRC • irc://irc.mozilla.org • #b2g • #gaia 40
- 41. Mailing lists • Organizational mailing list: https://lists.mozilla.org/listinfo/community-b2g • Firefox OS Development team mailing list: https://lists.mozilla.org/listinfo/dev-b2g • Firefox OS QA team mailing list: https://lists.mozilla.org/listinfo/qa-b2g 41
- 42. Code contribution https://github.com/mozilla-b2g https://bugzilla.mozilla.org 42
- 43. QUESTIONS 43
- 44. Thank you for listening [email protected] @Martin1982
Editor's Notes
- #2: \n
- #3: \n
- #4: \n
- #5: \n
- #6: \n
- #7: \n
- #8: \n
- #9: \n
- #10: \n
- #11: \n
- #12: \n
- #13: \n
- #14: \n
- #15: \n
- #16: \n
- #17: \n
- #18: \n
- #19: \n
- #20: \n
- #21: \n
- #22: \n
- #23: \n
- #24: \n
- #25: \n
- #26: \n
- #27: \n
- #28: \n
- #29: \n
- #30: \n
- #31: \n
- #32: \n
- #33: \n
- #34: \n
- #35: \n
- #36: \n
- #37: \n
- #38: \n
- #39: \n
- #40: \n
- #41: \n
- #42: \n
- #43: \n
- #44: \n
- #45: \n