Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Customize You Firefox OS
Search
Yuren Ju
August 31, 2013
Technology
1
7.9k
Customize You Firefox OS
Yuren Ju
August 31, 2013
Tweet
Share
More Decks by Yuren Ju
See All by Yuren Ju
Taste Cucumber.js - JavaScript BDD Framework
yurenju
0
110
Code For America 見聞錄 - 社會安全網
yurenju
0
160
Impossible Election for recall in Taiwan
yurenju
1
420
物資管理系統與災民證
yurenju
0
900
JavaScript 開發流程自動化懶人包
yurenju
38
6k
Code Coverage -- Javascript Frontend + Backend
yurenju
14
7.9k
Loopback + Angular.js
yurenju
3
520
bifrost 物資管理系統
yurenju
4
270
Gaia Build System introduction
yurenju
2
190
Other Decks in Technology
See All in Technology
SRE×AIOpsを始めよう!GuardDutyによるお手軽脅威検出
amixedcolor
0
190
心が動くエンジニアリング ── 私が夢中になる理由
16bitidol
0
100
B2B SaaSから見た最近のC#/.NETの進化
sansantech
PRO
0
910
テストコード品質を高めるためにMutation Testingライブラリ・Strykerを実戦導入してみた話
ysknsid25
7
2.7k
AWS Lambda のトラブルシュートをしていて思うこと
kazzpapa3
2
180
Terraform Stacks入門 #HashiTalks
msato
0
360
Python(PYNQ)がテーマのAMD主催のFPGAコンテストに参加してきた
iotengineer22
0
520
複雑なState管理からの脱却
sansantech
PRO
1
160
The Role of Developer Relations in AI Product Success.
giftojabu1
0
140
Amplify Gen2 Deep Dive / バックエンドの型をいかにしてフロントエンドへ伝えるか #TSKaigi #TSKaigiKansai #AWSAmplifyJP
tacck
PRO
0
390
Adopting Jetpack Compose in Your Existing Project - GDG DevFest Bangkok 2024
akexorcist
0
110
Incident Response Practices: Waroom's Features and Future Challenges
rrreeeyyy
0
160
Featured
See All Featured
Optimizing for Happiness
mojombo
376
70k
Why You Should Never Use an ORM
jnunemaker
PRO
54
9.1k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
280
13k
A designer walks into a library…
pauljervisheath
204
24k
How to Think Like a Performance Engineer
csswizardry
20
1.1k
The Pragmatic Product Professional
lauravandoore
31
6.3k
Agile that works and the tools we love
rasmusluckow
327
21k
Fantastic passwords and where to find them - at NoRuKo
philnash
50
2.9k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
44
2.2k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
44
6.8k
A Modern Web Designer's Workflow
chriscoyier
693
190k
Testing 201, or: Great Expectations
jmmastey
38
7.1k
Transcript
Customize Your Firefox OS Yuren Ju
今天要講這個!
http://www.pcworld.idg.com.au/article/465951/developers_express_enthusiasm_firefox_os_survey_shows/
Running game on Browser without plugins
MinGW for Windows developers
Yuren Ju • KaLUG • Hacking Thursday • COSCUP •
Mozilla
None
None
http://www.flickr.com/photos/kky/704056791/ Web Technology
https://github.com/coolaj86/logo.js
None
dialer.[js/html/css]
? Telephony, FM, Bluetooth, SMS Mobile Connection, Contact Alarm, Ambient
Light Sensor Battery, Camera
Web API for Firefox OS https://developer.mozilla.org/en-US/docs/WebAPI
None
http://www.mozfans.com/thread-411-1-1.html
None
e.g., bluetooth BlueZ WebBluetooth navigator.mozBluetooth Gonk Gecko Gaia
e.g., Infrared? LIRC Linux Infrared Remote Control mozInfrared navigator.mozInfrared Gonk
Gecko Gaia Something like this, although we haven't supported infrared yet.
Standard! Standard! Standard!
Build Firefox OS https://github.com/mozilla-b2g/B2G
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...
But I'm a gaia developer. \o/
Firefox & Firefox OS OS Firefox web apps Gaia Gecko
+ Gonk Hardware Hardware
Run Gaia on Firefox Browser! OS Firefox gaia + web
apps Gecko + Gonk Hardware Hardware
Build for Gaia • git clone https://github.com/mozilla- b2g/gaia.git • cd
gaia • make (10~30s except first time)
Different Targets... • make production
DEBUG=1 make
Built-in Customization Mechanism https://wiki.mozilla.org/B2G/MarketCustomizations
Customization Mechanism Gaia Distribution Dir Building...
GAIA_DIR/build/settings.js e.g., settings/lockscreen/wallpaper
None
Apps customization
build/apps-*.list • production – apps/* – external-apps/* – outoftree_apps/* •
engineering – apps/* – test_apps/* – showcase_apps/* – test_external_apps/* – external-apps/* – outoftree_apps/*
apps.list • apps/* • external-apps/twitter
Customization Mechanism Gaia /apps/* /external-apps/twitter Distribution Dir /apps/* /external-apps/twitter Building...
None
None
Modify Firefox OS
Tools http://www.flickr.com/photos/84906483@N08/8747337118/
built-in debugger
or you prefer firebug <3
Modify color of dock
Practice: how to customization tone of dialing? gasolin has demoed
this work at COSCUP 2013
Gecko Gaia system comms Browser Settings ... email Gaia Overview
None
Tip: use inspector to know where you are
after found the app... Which script we should trace in?
None
KeypadManager.keyHandler()
https://wiki.mozilla.org/Audio_Data_API
HTML 5 Audio API
TonePlayer Audio() KeypadManager.keyHandler()
Okay, let's find the cool tones for dialing :-) http://zhusee2.github.io/bumbler-to-speech/
copy into gaia
Modify Source Code
Try it on browser and device! LOL
Contribution
+