Ksdg customize-your-firefoxos

895 views
770 views

Published on

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

No Downloads
Views
Total views
895
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
15
Comments
0
Likes
3
Embeds 0
No embeds

No notes for slide

Ksdg customize-your-firefoxos

  1. 1. Customize Your Firefox OS Yuren Ju
  2. 2. 今天要講這個!
  3. 3. http://www.pcworld.idg.com.au/article/465951/developers_express_enthusiasm_firefox_os_survey_shows/
  4. 4. Running game on Browser without plugins
  5. 5. MinGW for Windows developers
  6. 6. Yuren Ju ● KaLUG ● Hacking Thursday ● COSCUP ● Mozilla
  7. 7. http://www.flickr.com/photos/kky/704056791/ Web Technology
  8. 8. https://github.com/coolaj86/logo.js
  9. 9. dialer.[js/html/css]
  10. 10. ? Telephony, FM, Bluetooth, SMS Mobile Connection, Contact Alarm, Ambient Light Sensor Battery, Camera
  11. 11. Web API for Firefox OS https://developer.mozilla.org/en-US/docs/WebAPI
  12. 12. http://www.mozfans.com/thread-411-1-1.html
  13. 13. e.g., bluetooth BlueZ WebBluetooth navigator.mozBluetooth Gonk Gecko Gaia
  14. 14. e.g., Infrared? LIRC Linux Infrared Remote Control mozInfrared navigator.mozInfrared Gonk Gecko Gaia Something like this, although we haven't supported infrared yet.
  15. 15. Standard! Standard! Standard!
  16. 16. Build Firefox OS https://github.com/mozilla-b2g/B2G
  17. 17. Build B2G ● git clone https://github.com/mozilla- b2g/B2G.git ● (install a lot of dependencies...) ● ./config.sh <DEVICE_NAME> ● ./build.sh ● wait 20min ~ 2hr... Zzzzz...
  18. 18. But I'm a gaia developer. o/
  19. 19. Firefox & Firefox OS OS Firefox web apps Gaia Gecko + Gonk Hardware Hardware
  20. 20. Run Gaia on Firefox Browser! OS Firefox gaia + web apps Gecko + Gonk Hardware Hardware
  21. 21. Build for Gaia ● git clone https://github.com/mozilla- b2g/gaia.git ● cd gaia ● make (10~30s except first time)
  22. 22. Different Targets... ● make production
  23. 23. DEBUG=1 make
  24. 24. Built-in Customization Mechanism https://wiki.mozilla.org/B2G/MarketCustomizations
  25. 25. Customization Mechanism Gaia Distribution Dir Building...
  26. 26. GAIA_DIR/build/settings.js e.g., settings/lockscreen/wallpaper
  27. 27. Apps customization
  28. 28. build/apps-*.list ● production – apps/* – external-apps/* – outoftree_apps/* ● engineering – apps/* – test_apps/* – showcase_apps/* – test_external_apps/* – external-apps/* – outoftree_apps/*
  29. 29. apps.list ● apps/* ● external-apps/twitter
  30. 30. Customization Mechanism Gaia /apps/* /external-apps/twitter Distribution Dir /apps/* /external-apps/twitter Building...
  31. 31. Modify Firefox OS
  32. 32. Tools http://www.flickr.com/photos/84906483@N08/8747337118/
  33. 33. built-in debugger
  34. 34. or you prefer firebug <3
  35. 35. Modify color of dock
  36. 36. Practice: how to customization tone of dialing? gasolin has demoed this work at COSCUP 2013
  37. 37. Gecko Gaia system comms Browser Settings ...email Gaia Overview
  38. 38. Tip: use inspector to know where you are
  39. 39. after found the app... Which script we should trace in?
  40. 40. KeypadManager.keyHandler()
  41. 41. https://wiki.mozilla.org/Audio_Data_API
  42. 42. HTML 5 Audio API
  43. 43. TonePlayerAudio() KeypadManager.keyHandler()
  44. 44. Okay, let's find the cool tones for dialing :-) http://zhusee2.github.io/bumbler-to-speech/
  45. 45. copy into gaia
  46. 46. Modify Source Code
  47. 47. Try it on browser and device! LOL
  48. 48. Contribution
  49. 49. +

×