#FirefoxOS js-meetup

347 views

Published on

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
347
On SlideShare
0
From Embeds
0
Number of Embeds
10
Actions
Shares
0
Downloads
13
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

#FirefoxOS js-meetup

  1. 1. FIREFOX OSNagy Gergőgergo.istvan.nagy [at] mozilla [dot] huBudapest.js – javascript meetup2013.06.17.
  2. 2. Operating System
  3. 3. https://mdn.mozillademos.org/files/4605/FirefoxOS.png
  4. 4. Web Applications
  5. 5. + Web APIs
  6. 6. Development
  7. 7. APIs• for telephony• for device handling• for standard web development
  8. 8. What APIs are available for my application?
  9. 9. • Hosted application• Privileged apps• Certified apps
  10. 10. What is the situation with the camera?
  11. 11. Is there any way to get a photo with myapplication?
  12. 12. Application busMozActivitiesSimilar to Intents on Android
  13. 13. var activity = new MozActivity({name: "pick",data: {type: "image/jpeg"}});
  14. 14. Custom activities to work together with thirdparty apps!https://github.com/daf182/moz-activity
  15. 15. Manifest files
  16. 16. appcacheopen web app
  17. 17. appcachecache.manifest
  18. 18. open web appmanifest.webapp
  19. 19. Three way of testing:• Use a real phone• Use the simulator• Use the emulator (r2d2b2g)
  20. 20. The easiest way is the esimulator:• available as simple Firefox Add-on• manifest file validation• remote debugging• remote console• push to device
  21. 21. Lets write the application!Hello world!
  22. 22. Application development steps• edit html and css files to create UI• implement application logic in javascript• write manifest for the OS• open your manifest in the simulator
  23. 23. <!DOCTYPE html><html><head><title>Hello meetup!</title></head><body><h1>Hello Budapest JS meetup!</h1></body></html>
  24. 24. {"version": "0.1","name": "HelloBPJS","description": "Firefox OS Open Web App","launch_path": "/index.html","developer": {"name": "Gergo Nagy"},"icons": {"60" : "/image/icons/icon-60.png"}}
  25. 25. What about the stylessheets?
  26. 26. Documentation
  27. 27. Marketplace
  28. 28. Publication methods• Hosted apps• Packaged apps
  29. 29. The final demo!
  30. 30. https://github.com/daf182/shake2bounce
  31. 31. Thanks for watching!
  32. 32. Links
  33. 33. https://github.com/mozilla/r2d2b2ghttps://developer.mozilla.org/en-US/docs/WebAPIhttps://developer.mozilla.org/en-US/docs/Web/Apps/App_permissions?redirectlocale=en-US&redirectslug=Apps%2FApp_permissionshttps://marketplace.firefox.com/developers/docs/quick_starthttps://marketplace.firefox.com/http://www.mozilla.org/en-US/styleguide/products/firefoxos/icons/http://buildingfirefoxos.com/

×