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
100
Code For America 見聞錄 - 社會安全網
yurenju
0
140
Impossible Election for recall in Taiwan
yurenju
1
400
物資管理系統與災民證
yurenju
0
870
JavaScript 開發流程自動化懶人包
yurenju
38
6k
Code Coverage -- Javascript Frontend + Backend
yurenju
14
7.9k
Loopback + Angular.js
yurenju
3
510
bifrost 物資管理系統
yurenju
4
270
Gaia Build System introduction
yurenju
2
180
Other Decks in Technology
See All in Technology
『GRANBLUE FANTASY Relink』キャラクターの魅力を支えるリグ・シミュレーション制作事例
cygames
0
120
Google CloudのLLM活用の選択肢を広げるVertex AIのパートナーモデル
nayuts
0
130
不動産売買取引におけるAIの可能性とプロダクトでのAI活用
zabio3
0
270
Segment Anything Model 2
tenten0727
3
710
Cloud Run と GitHub Template Repository による軽量なアプリケーションプラットフォーム/ #nikkei_tech_talk
nikkei_engineer_recruiting
0
110
Tricentisにおけるテスト自動化へのAI活用ご紹介/20240910Shunsuke Katakura
shift_evolve
0
200
チームビルディングは"感性"で向き合おう / Team Building with Awareness
kohzas
0
260
o1のAPIで実験してみたが 制限きつすぎて辛かった話
pharma_x_tech
0
210
スタッフエンジニアの道: The Staff Engineer’s Path
snoozer05
PRO
44
14k
『GRANBLUE FANTASY: Relink』最高の「没入感」を実現するカットシーン制作手法とそれを支える技術
cygames
1
140
【株式会社ELYZA】|GENIAC成果報告会 自社開発モデルプレゼンテーション
elyza
1
310
不動産 x AIことはじめ~データの真価を拓くために
estie
0
120
Featured
See All Featured
Making Projects Easy
brettharned
113
5.8k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
363
22k
What the flash - Photography Introduction
edds
67
11k
Designing on Purpose - Digital PM Summit 2013
jponch
114
6.8k
Java REST API Framework Comparison - PWX 2021
mraible
PRO
27
7.4k
Code Review Best Practice
trishagee
62
16k
Bootstrapping a Software Product
garrettdimon
PRO
304
110k
Testing 201, or: Great Expectations
jmmastey
36
7k
Navigating Team Friction
lara
183
13k
Keith and Marios Guide to Fast Websites
keithpitt
408
22k
Building Better People: How to give real-time feedback that sticks.
wjessup
359
19k
Scaling GitHub
holman
458
140k
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
+