Firefoxos bcndevcon

1,457 views
1,374 views

Published on

Published in: Health & Medicine
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,457
On SlideShare
0
From Embeds
0
Number of Embeds
7
Actions
Shares
0
Downloads
40
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

Firefoxos bcndevcon

  1. 1. Wednesday, December 19, 12
  2. 2. Hello. My name is Alina Mierlus. Community organizer, geek, loves the web @alina_mierlus - contact[at]alinamierlus[dot]com - alinamierlus.comWednesday, December 19, 12
  3. 3. Wednesday, December 19, 12
  4. 4. 1998Wednesday, December 19, 12
  5. 5. 1998 - IIWednesday, December 19, 12
  6. 6. 2001Wednesday, December 19, 12
  7. 7. STATE OF INNOVATIONWednesday, December 19, 12
  8. 8. 2003Wednesday, December 19, 12
  9. 9. PARTICIPATIONWednesday, December 19, 12
  10. 10. NOW - BIGGER, STRONGERWednesday, December 19, 12
  11. 11. Wednesday, December 19, 12
  12. 12. Wednesday, December 19, 12
  13. 13. Firefox OS formally known as the Boot to Gecko (B2G) project was launched to enable the Open Web as a platform for mobile devices. We’re making innovation possible by driving the development of new Web standards.Wednesday, December 19, 12
  14. 14. Wednesday, December 19, 12
  15. 15. VIDEO - MOZILLA STORYWednesday, December 19, 12
  16. 16. INNOVATIONS exploring the potential of web tech. and socialWednesday, December 19, 12
  17. 17. TOOLS for everyone to create, experiment and learn how the web worksWednesday, December 19, 12
  18. 18. PROGRAMSWednesday, December 19, 12
  19. 19. EVENTSWednesday, December 19, 12
  20. 20. FIREFOX OS Bringing the Open Web to Mobile DevicesWednesday, December 19, 12
  21. 21. Firefox OS - ComponentsWednesday, December 19, 12
  22. 22. GONK GECKO GAIAWednesday, December 19, 12
  23. 23. Wednesday, December 19, 12 GONK
  24. 24. Lower level operating system, consisting of a Linux kernel and HAL (Hardware Abstraction Layer). Possibility to expose anything from the hardware to Gecko.Wednesday, December 19, 12
  25. 25. Wednesday, December 19, 12 GECKO
  26. 26. The application runtime. The rendering engine in Firefox for HTML5, CSS & JavaScript. Implements a number of APIs.Wednesday, December 19, 12
  27. 27. Wednesday, December 19, 12 GAIA
  28. 28. Wednesday, December 19, 12
  29. 29. The user interface, built entirely by HTML5 & Open Web APIs.Wednesday, December 19, 12
  30. 30. Using HTML5, CSS and JavaScript together with a number of APIs to build apps and customize the UI.Wednesday, December 19, 12
  31. 31. Web APIsWednesday, December 19, 12
  32. 32. Wednesday, December 19, 12
  33. 33. http://arewemobileyet.com AreWeMobileYet?Wednesday, December 19, 12
  34. 34. Wednesday, December 19, 12
  35. 35. https://wiki.mozilla.org/WebAPI WikiWednesday, December 19, 12
  36. 36. A Few Web APIsWednesday, December 19, 12
  37. 37. WEBTELEPHONYWednesday, December 19, 12
  38. 38. WEBSMSWednesday, December 19, 12
  39. 39. BATTERY STATUS API (W3C)Wednesday, December 19, 12
  40. 40. CONTACTS APIWednesday, December 19, 12
  41. 41. SETTINGS APIWednesday, December 19, 12
  42. 42. FIREFOX OS - test it! TECHNICAL RESOURCES, DEMOS, AND MORE...Wednesday, December 19, 12
  43. 43. FIREFOX OSWednesday, December 19, 12
  44. 44. http://www.mozilla.org/b2g/ WebsiteWednesday, December 19, 12
  45. 45. http://www.mozilla.org/b2g/faq/ FAQWednesday, December 19, 12
  46. 46. Wednesday, December 19, 12
  47. 47. http://joshcarpenter.ca/Boot-to- Gecko UX ConceptWednesday, December 19, 12
  48. 48. Wednesday, December 19, 12
  49. 49. http://openwebdevice.com Open Web Device (OWD)Wednesday, December 19, 12
  50. 50. Wednesday, December 19, 12
  51. 51. http://wiki.mozilla.org/B2G WikiWednesday, December 19, 12
  52. 52. Wednesday, December 19, 12
  53. 53. FIREFOX OS Development EnvironmentWednesday, December 19, 12
  54. 54. TECHNICAL DOCUMENTATIONWednesday, December 19, 12
  55. 55. http://github.com/mozilla-b2g/B2G GitHubWednesday, December 19, 12
  56. 56. Wednesday, December 19, 12
  57. 57. https://developer.mozilla.org/en/ Mozilla/Boot_to_Gecko Mozilla Developer NetworkWednesday, December 19, 12
  58. 58. Wednesday, December 19, 12
  59. 59. QUESTIONS, ISSUES, BUG TRACKINGWednesday, December 19, 12
  60. 60. http://groups.google.com/group/ mozilla.dev.b2g/topics Discussion ForumWednesday, December 19, 12
  61. 61. http://lists.mozilla.org/listinfo/ dev-b2g Mailing ListWednesday, December 19, 12
  62. 62. http://irc.mozilla.org #b2g IRCWednesday, December 19, 12
  63. 63. https://bugzilla.mozilla.org/ buglist.cgi?quicksearch=b2g BugzillaWednesday, December 19, 12
  64. 64. https://github.com/mozilla-b2g/ B2G/issues GitHub IssuesWednesday, December 19, 12
  65. 65. TESTING FIREFOX OSWednesday, December 19, 12
  66. 66. FIREFOX OS SIMULATOR https://addons.mozilla.org/en-us/firefox/ addon/firefox-os-simulator/Wednesday, December 19, 12
  67. 67. FIREFOX NIGHTLYWednesday, December 19, 12
  68. 68. Wednesday, December 19, 12
  69. 69. Wednesday, December 19, 12
  70. 70. DEVICE ALTERNATIVESWednesday, December 19, 12
  71. 71. http://developer.mozilla.org/en-US/ docs/Mozilla/Boot_to_Gecko/ B2G_build_prerequisites/ Flash onto AndroidWednesday, December 19, 12
  72. 72. http://developer.mozilla.org/en/Mozilla/ Boot_to_Gecko/Using_the_B2G_emulators EmulatorWednesday, December 19, 12
  73. 73. http://dknite.wordpress.com/ 2012/07/18/desktop-builds-now- available-for-firefox-os/ Desktop BuildWednesday, December 19, 12
  74. 74. 1. Download desktop builds 2. Checkout Gaia 3. Set environment variables 4. Create profile 5. RunWednesday, December 19, 12
  75. 75. http://ftp.mozilla.org/pub/ mozilla.org/ b2g/nightly/latest-mozilla-central/ Download desktop buildsWednesday, December 19, 12
  76. 76. git clone git://github.com/mozilla-b2g/ gaia Checkout GaiaWednesday, December 19, 12
  77. 77. # In gaia directory make profile Set environment variablesWednesday, December 19, 12
  78. 78. GAIA = PATH_TO_GAIA_REPOSITORY GAIA_DOMAIN = gaiamobile.org Create profileWednesday, December 19, 12
  79. 79. /path/to/b2g -profile ~/gaia/profile RunWednesday, December 19, 12
  80. 80. Web Apps from MozillaWednesday, December 19, 12
  81. 81. Using HTML5, CSS and JavaScript together with a number of APIs to build apps and customize the UI.Wednesday, December 19, 12
  82. 82. HTML5 & FRIENDSWednesday, December 19, 12
  83. 83. http://webplatform.org/ http://developer.mozilla.org/en-US/ learn/html5 CSS3 / Semantics / Connectivity / Offline & Storage / Multimedia / Performance & Integration / 3D, Graphics & Effects / Device Access (+ Tons of other cool tools & resources) Learn HTML5 (MDN)Wednesday, December 19, 12
  84. 84. Wednesday, December 19, 12
  85. 85. http://www.openwebdevice.com/ partners/ Basic HTML5 Guidelines (OWD)Wednesday, December 19, 12
  86. 86. Wednesday, December 19, 12
  87. 87. GAIA UI BLOCKSWednesday, December 19, 12
  88. 88. https://wiki.mozilla.org/Gaia/ Design/BuildingBlocks WikiWednesday, December 19, 12
  89. 89. Wednesday, December 19, 12
  90. 90. https://github.com/mozilla-b2g/ Gaia-UI-Building-Blocks Future home of codeWednesday, December 19, 12
  91. 91. https://github.com/telefonicaid/ Gaia-UI-Building-Blocks Test bed of codeWednesday, December 19, 12
  92. 92. http://telefonicaid.github.com/Gaia- UI-Building-Blocks/index.html Webpage with working codeWednesday, December 19, 12
  93. 93. Wednesday, December 19, 12
  94. 94. Wednesday, December 19, 12
  95. 95. FIREFOX OS Writing Apps, Mozilla MarketplaceWednesday, December 19, 12
  96. 96. Wednesday, December 19, 12
  97. 97. An initiative to bring App experiences — built using HTML5 standards and open technologies (HTML, CSS & JS) — across all your devices.Wednesday, December 19, 12
  98. 98. Web apps are apps built using standard Web technologies. They work in any modern Web browser, and can be developed using your favorite tools. The Open Web apps project proposes some small additions to existing sites to turn them into apps that run in a rich, fun, and powerful computing environment. These apps run on desktop browsers and mobile devices, and are easier for a user to discover and launch than Web sites.Wednesday, December 19, 12
  99. 99. TECHNICAL DOCUMENTATIONWednesday, December 19, 12
  100. 100. Develop Web App using 1. HTML5, CSS, & Javascript 2. Create an app manifest file 3. Publish/install the appWednesday, December 19, 12
  101. 101. https://developer.mozilla.org/apps Develop Web AppWednesday, December 19, 12
  102. 102. Reuse any existing web site/app or develop from scratch with open web standards. Utilize HTML5 features such as localStorage, offline manifest, IndexedDB and access Web APIs for more options. Responsive web design for adapting to varying resolutions and screen orientation.Wednesday, December 19, 12
  103. 103. Wednesday, December 19, 12
  104. 104. Wednesday, December 19, 12
  105. 105. https://developer.mozilla.org/en/ Apps/Manifest App ManifestWednesday, December 19, 12
  106. 106. http://appmanifest.org/ The Manifest CheckerWednesday, December 19, 12
  107. 107. Wednesday, December 19, 12
  108. 108. { "version": "1.0", "name": "MozillaBall", "description": "Exciting Open Web development action!", "icons": { "16": "/img/icon-16.png", "48": "/img/icon-48.png", "128": "/img/icon-128.png" }, "developer": { "name": "Mozilla Labs", "url": "http://mozillalabs.com" }, "installs_allowed_from": ["*"], "appcache_path": "/cache.manifest", "locales": { "es": { "description": "¡Acción abierta emocionante del desarrollo del Web!", "developer": { "url": "http://es.mozillalabs.com/" } }, "it": { "description": "Azione aperta emozionante di sviluppo di fotoricettore!", "developer": { "url": "http://it.mozillalabs.com/" } } }, "default_locale": "en" }Wednesday, December 19, 12
  109. 109. http://marketplace.mozilla.org/ developers/ App Submission HubWednesday, December 19, 12
  110. 110. Wednesday, December 19, 12
  111. 111. http://groups.google.com/forum/? fromgroups#!forum/ mozilla.dev.webapps Discussion ForumWednesday, December 19, 12
  112. 112. http://lists.mozilla.org/listinfo/ dev-webapps Mailing ListWednesday, December 19, 12
  113. 113. http://irc.mozilla.org #openwebapps IRCWednesday, December 19, 12
  114. 114. Wednesday, December 19, 12
  115. 115. Wednesday, December 19, 12
  116. 116. Wednesday, December 19, 12
  117. 117. Wednesday, December 19, 12
  118. 118. And finally...Wednesday, December 19, 12
  119. 119. Wednesday, December 19, 12
  120. 120. Wednesday, December 19, 12
  121. 121. Thanks to @cyberdees (Desigan Chinniah) and @pfinette (Pascal Finette) for ideas and materials I used for this presentationWednesday, December 19, 12
  122. 122. Hello. My name is Alina Mierlus. Community organizer, geek, loves the web Questions? Thanks! @alina_mierlus @mozilla @mozillacatWednesday, December 19, 12

×