Customize You Firefox OS

Transcript

1. Customize Your Firefox OS Yuren Ju

2. 今天要講這個！

3. http://www.pcworld.idg.com.au/article/465951/developers_express_enthusiasm_firefox_os_survey_shows/

4. Running game on Browser without plugins

5. MinGW for Windows developers

6. Yuren Ju • KaLUG • Hacking Thursday • COSCUP •

   Mozilla
7. None
8. None

9. http://www.flickr.com/photos/kky/704056791/ Web Technology

10. https://github.com/coolaj86/logo.js

11. None

12. dialer.[js/html/css]

13. ? Telephony, FM, Bluetooth, SMS Mobile Connection, Contact Alarm, Ambient

    Light Sensor Battery, Camera

14. Web API for Firefox OS https://developer.mozilla.org/en-US/docs/WebAPI

15. None

16. http://www.mozfans.com/thread-411-1-1.html

17. None

18. e.g., bluetooth BlueZ WebBluetooth navigator.mozBluetooth Gonk Gecko Gaia

19. e.g., Infrared? LIRC Linux Infrared Remote Control mozInfrared navigator.mozInfrared Gonk

    Gecko Gaia Something like this, although we haven't supported infrared yet.

20. Standard! Standard! Standard!

21. Build Firefox OS https://github.com/mozilla-b2g/B2G

22. 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...

23. But I'm a gaia developer. \o/

24. Firefox & Firefox OS OS Firefox web apps Gaia Gecko

    + Gonk Hardware Hardware

25. Run Gaia on Firefox Browser! OS Firefox gaia + web

    apps Gecko + Gonk Hardware Hardware

26. Build for Gaia • git clone https://github.com/mozilla- b2g/gaia.git • cd

    gaia • make (10~30s except first time)

27. Different Targets... • make production

28. DEBUG=1 make

29. Built-in Customization Mechanism https://wiki.mozilla.org/B2G/MarketCustomizations

30. Customization Mechanism Gaia Distribution Dir Building...

31. GAIA_DIR/build/settings.js e.g., settings/lockscreen/wallpaper

32. None

33. Apps customization

34. build/apps-*.list • production – apps/* – external-apps/* – outoftree_apps/* •

    engineering – apps/* – test_apps/* – showcase_apps/* – test_external_apps/* – external-apps/* – outoftree_apps/*

35. apps.list • apps/* • external-apps/twitter

36. Customization Mechanism Gaia /apps/* /external-apps/twitter Distribution Dir /apps/* /external-apps/twitter Building...

37. None
38. None

39. Modify Firefox OS

40. Tools http://www.flickr.com/photos/84906483@N08/8747337118/

41. built-in debugger

42. or you prefer firebug <3

43. Modify color of dock

44. Practice: how to customization tone of dialing? gasolin has demoed

    this work at COSCUP 2013

45. Gecko Gaia system comms Browser Settings ... email Gaia Overview

46. None

47. Tip: use inspector to know where you are

48. after found the app... Which script we should trace in?

49. None

50. KeypadManager.keyHandler()

51. https://wiki.mozilla.org/Audio_Data_API

52. HTML 5 Audio API

53. TonePlayer Audio() KeypadManager.keyHandler()

54. Okay, let's find the cool tones for dialing :-) http://zhusee2.github.io/bumbler-to-speech/

55. copy into gaia

56. Modify Source Code

57. Try it on browser and device! LOL

58. Contribution

59. +