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.8k
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
95
Code For America 見聞錄 - 社會安全網
yurenju
0
110
Impossible Election for recall in Taiwan
yurenju
1
380
物資管理系統與災民證
yurenju
0
800
JavaScript 開發流程自動化懶人包
yurenju
38
5.9k
Code Coverage -- Javascript Frontend + Backend
yurenju
14
7.9k
Loopback + Angular.js
yurenju
3
480
bifrost 物資管理系統
yurenju
4
250
Gaia Build System introduction
yurenju
2
180
Other Decks in Technology
See All in Technology
オーナーシップを持つ領域を明確にする
konifar
10
2.1k
WebアプリケーションにおけるPDOの使い方入門 / phpcon odawara 2024
meihei3
2
420
カオナビの利用実績をアウトカムへつなげる旅 / example-of-data-management-startup-in-kaonavi
kaonavi
0
120
普段有償でサポート業務をしているCSAが技術知見を無料で公開する理由
07jp27
1
630
SIEMを用いて、セキュリティログ分析の可視化と分析を実現し、PDCAサイクルを回してみた
coconala_engineer
0
200
コードを書く隙間を見つけて生きていく技術/Findy 思考の現在地
fujiwara3
24
4.9k
Amplify Gen2を 拡張してみよう JAWS-UG北陸新幹線 ( 福井開催 ) 2024-04-06/Let's extend Amplify Gen2
fossamagna
0
280
小さな開発会社がWebサービスを作る理由
polidog
PRO
1
150
転移学習とドメイン適応の基礎
kmatsui
2
570
コンパウンドスタートアップのためのスケーラブルでセキュアなInfrastructure as Codeパイプラインを考える / Scalable and Secure Infrastructure as Code Pipeline for a Compound Startup
yuyatakeyama
3
2k
Databricks におけるデータエンジニアリング
databricksjapan
0
370
OpenTelemetry を使ったトレースエグザンプラーの活用 / otel-trace-exemplar
k6s4i53rx
2
630
Featured
See All Featured
How STYLIGHT went responsive
nonsquared
92
4.8k
A Modern Web Designer's Workflow
chriscoyier
689
190k
jQuery: Nuts, Bolts and Bling
dougneiner
59
7.1k
Embracing the Ebb and Flow
colly
79
4.1k
Code Reviewing Like a Champion
maltzj
513
39k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
20
1.6k
Debugging Ruby Performance
tmm1
70
11k
Building Adaptive Systems
keathley
30
1.8k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
13
1.5k
4 Signs Your Business is Dying
shpigford
175
21k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
15
1.4k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
273
13k
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
+