SlideShare uma empresa Scribd logo
1 de 4
Baixar para ler offline
如何在 30 分鐘內 DIY 一個 成本 600 元台幣的眼動(眼控)儀 - (上)
                     By Luann Liu, 2012,09,13


         Tom Kelley - “Innovation begins with an eye.”

  IDEO 創辦人 Tom Kelley 說過:
                        「創新始於你的眼睛」
                                 。的確,因為你的眼睛不能撒謊,且
它與大腦合作無間。所謂的「看見」
               ,並不單單只是眼睛的功用而已,眼球將影像送進大腦,大
腦經過判斷、過濾,記憶喚起並解釋所見之物,才是眼睛真正所「看見」後的運作結果。


  Apple 在多年前就投資(買下?)了著名的瑞典眼動公司 Tobii,Google 在 2011 年 11 月的眼
追蹤專利,也使用眼動追蹤來解鎖移動裝置。(圖 1)




               圖 1. 資料來源:USPTO 美國專利商標局


  2012 年 6 月,世界第一款結合 Win8 平板的眼動儀也發表了 (不外乎要來一段用眼睛來殺
水果的遊戲,相信也可以用眼睛來彈射生氣鳥) 。簡單輕便,使用 USB 插上即可。(圖 2)




                     圖 2. 資料來源:YouTube


  眼動其實不是什麼很新技術,早從 1960 年代開始就有學者開始借助眼動技術來評估媒體
效果,如今隨著技術的成熟與設備的輕量化 (但價位仍動轍幾十萬到幾百萬台幣) ,有人用在產
品或網站使用性的測試,有人用在廣告行銷,有人用在行車視野安全測試,有人用在控制電子裝
置,有國防單位用在測試迷彩服夠不夠迷彩。


   常有人問,眼睛追蹤到底是在做什麼? 我想用一句話很平常易懂的話解釋 --- 「你的眼睛
為什麼看 A? 你為什麼不看 B?你看了 A 後執行了什麼動作? 你看了 C 為什麼卻忽略了旁邊的
D? 」。在透過儀器測試之後,你會得到一堆數據與座標,卻很難得到結論,必需透過行為分析
與統計才能得到一些端倪。所以重點不在於數據,或熱圖哪裡比較紅就是哪裡比較有人想看(試
想你生活中總有一些你不想卻”不得不看”的畫面) ,應該要追究其刺激物的區分,或其他認知行
為因素。而關於眼動的數據呈現,熱圖、跳視、注視、瞳孔大小、回視、在這裡就不贅述,可
能要講好幾天好幾夜。本文章的重點在於跟大家分享如何 DIY 眼動儀。


   你可能會問,DIY 眼動儀要幹麻? 嗯… 除了用眼睛殺水果、輸入文字,控制電腦,還可
以彈奏音樂。但我建議大家朝回饋社會的方向發展 (譬如漸動人的使用) ,畢竟我們取之社會,
也要用之社會。眼動儀是個硬體,如果它可以控制(做為眼控儀) ,它當然也可以記錄(做為眼動
儀) ,但必須要搭配軟體才能操作,很開心的是已有蠻多開放程式碼或套裝免費軟體給大家利
用。但因為我不是工程師,只是個不務正業窮女博士生與設計者,所以若有”如何寫眼動程式”
此類的問題,請轉往尊貴不凡的 118       IP。


   我的 DIY 眼動儀製作參考來自於 EyeWriter 發布的文章,並將它做些微的改良。除了 1.0
頭戴型的,它們也在最近發表了 2.0 桌上型的。至於頭戴型(head mounted)與桌上型(stationary)
的眼動儀有什麼優缺差別,之後再做介紹。至於一定要使用眼鏡架來支撐嗎? 你當然可以用任
何你想用的東西。我曾看過有人用冰棒棍來做,然後咬著進行追蹤。我沒有說它很蠢,只是它會
很不穩定(除非你的下巴易於常人,不會晃動,也不會流口水)你也可以頭上戴個工業用安全帽,
也可以帶一個兔子耳髮圈,只要你高興也不會晃動就好。


   表 1 是 EyeWriter1.0 版本與筆者的版本對照 (看起來都很好笑,沒有誰比較威)
         EyeWriter 1.0                 筆者參考改良後
資料來源:EyeWriter                                  資料來源:Luann Liu

                                             表 1.


在 EyeWriter1.0 的文章中,它列出了 Tool & Parts List,在表 2.中我稍微將它做了註解與建議:


EyeWriter1.0 列出的清單                                  註解與建議
1x IR sensitive Camera (without auto-iris)          PS3 Eye 1 個只要 400-600 元,如果你不
-- PS3 Eye . $39.95 US (using this camera           想買 PS3 eye,你也可以弄到 8mm PCC
system removes the need for an additional video     板用的鏡頭,固定光圈(1 個 250) ,但如
capture card)                                       同下方描述,你要弄的到底座。


1x camera-lens mount                                鏡頭底座(如果你是用 PS3 Eye 你就不用
-- you can use the lens mount that comes with       買) 。
the PS3, but it is glue together and difficult to
separate
-- Lens holder, M12x0.5, 15.5, centered $6.00
this is the cheap one, but it requires some
modification to match PS3 through-hole footprint
-- more expensive $20.00


1x cheap glasses                                    一個便宜的夜市眼鏡。
-- really any cheap sunglasses will do... or try    (建議可用塑膠護目鏡,一個只要 40-80
these . ~$5.00                                      元,比起 cheap sunglasses 更便宜也可以
                                                    撐的住眼動儀的重量)
aluminum wire                                        銅線或鋁線,或只要是用來把眼動儀固定
-- 9-gauge wire $7.99                                在鏡架上的東西,必需要能承重有彈性,
                                                     可調整。但如果你是用嘴巴咬著就不用買。
3x alligator clips                                   3 個鱷魚夾。這是給無法焊接的人使用的。
-- Radio Shack $7.00
a pack of wire-ties                                  束帶,我們台灣是束帶王國,一包不用 30
-- Radio Shack $2.49                                 元。
2x IR LEDs                                           2 個紅外線 LED 燈,電子材料行大約 20
-- Radio Shack $1.99                                 元。
1x 8mm camera lens-- Fixed IRIS Lens Set for         8mm   鏡頭,固定光圈(如果你是用 PS3
Webcams and Security/CCTV Cameras (6-Lens            Eye 就不用買) 。
Pack) $14.91
IR wratten                                           是要用來濾光的,不用花大錢去買底片,
-- infrared filter gel $26.99                        用以前的老軟碟裡面那片即可。
Cheaper DIY version of IR filter include cutting a
piece of film out of a floppy disk or using
unexposed and developed photographic film




battery holder                                       電池盒,給眼動儀提供電力,建議購買有
-- Radio Shack AAA holder $1.99                      開關的,不然 USB 接上電腦後,一直開著
                                                     很浪費電。
small screw driver set                               小螺絲起子組 (用來拆解 PS3 時會用到,
-- 7ps set $14.95                                    其他時候沒有) ,借一下就可以了
scissors                                             作者建議可以去幼稚園偷,所以免錢。
--steal them from a kindergarten


                                              表 2.


在列出了工具後,便是開始製作的時候了,先去賺錢養家,其他留待下集介紹。


*以上資料與圖片版權皆來自於 EyeWriter 原作者與 Luann Liu。

Mais conteúdo relacionado

Mais procurados

JIT のコードを読んでみた
JIT のコードを読んでみたJIT のコードを読んでみた
JIT のコードを読んでみたy-uti
 
分散環境におけるDocker とオーケストレーション
分散環境におけるDocker とオーケストレーション分散環境におけるDocker とオーケストレーション
分散環境におけるDocker とオーケストレーションMasahito Zembutsu
 
Redmine issue assign notice plugin の紹介
Redmine issue assign notice plugin の紹介Redmine issue assign notice plugin の紹介
Redmine issue assign notice plugin の紹介onozaty
 
Swagman - Converting Postman Collection to Swagger Build
Swagman - Converting Postman Collection to Swagger BuildSwagman - Converting Postman Collection to Swagger Build
Swagman - Converting Postman Collection to Swagger BuildAjinkya Dubey
 
誰もAddressableについて語らないなら、自分が語るしかない…ッッッッ
誰もAddressableについて語らないなら、自分が語るしかない…ッッッッ誰もAddressableについて語らないなら、自分が語るしかない…ッッッッ
誰もAddressableについて語らないなら、自分が語るしかない…ッッッッTatsuhiko Yamamura
 
Multibranch pipelineでいろいろ学んだこと
Multibranch pipelineでいろいろ学んだことMultibranch pipelineでいろいろ学んだこと
Multibranch pipelineでいろいろ学んだことRecruit Lifestyle Co., Ltd.
 
RustによるGPUプログラミング環境
RustによるGPUプログラミング環境RustによるGPUプログラミング環境
RustによるGPUプログラミング環境KiyotomoHiroyasu
 
Dockerクイックツアー
DockerクイックツアーDockerクイックツアー
DockerクイックツアーEtsuji Nakai
 
痛い目にあってわかる HAクラスタのありがたさ
痛い目にあってわかる HAクラスタのありがたさ痛い目にあってわかる HAクラスタのありがたさ
痛い目にあってわかる HAクラスタのありがたさTakatoshi Matsuo
 
続・モジュール / Introduction to C++ modules (part 2)
続・モジュール / Introduction to C++ modules (part 2)続・モジュール / Introduction to C++ modules (part 2)
続・モジュール / Introduction to C++ modules (part 2)TetsuroMatsumura
 
ゲーム開発者のための C++11/C++14
ゲーム開発者のための C++11/C++14ゲーム開発者のための C++11/C++14
ゲーム開発者のための C++11/C++14Ryo Suzuki
 
Dockerを支える技術
Dockerを支える技術Dockerを支える技術
Dockerを支える技術Etsuji Nakai
 
FreeBSDでおうちのルーター
FreeBSDでおうちのルーターFreeBSDでおうちのルーター
FreeBSDでおうちのルーターhoo0005
 
TDPT + VMCプロトコル on WebRTC
TDPT + VMCプロトコル on WebRTCTDPT + VMCプロトコル on WebRTC
TDPT + VMCプロトコル on WebRTChironroinakae
 
Dockerイメージの理解とコンテナのライフサイクル
Dockerイメージの理解とコンテナのライフサイクルDockerイメージの理解とコンテナのライフサイクル
Dockerイメージの理解とコンテナのライフサイクルMasahito Zembutsu
 
.NETのサポートポリシーのおさらい #csharptokyo
.NETのサポートポリシーのおさらい #csharptokyo.NETのサポートポリシーのおさらい #csharptokyo
.NETのサポートポリシーのおさらい #csharptokyoYuta Matsumura
 
「Android案件できます」って言ったら、ヒドい目にあった話
「Android案件できます」って言ったら、ヒドい目にあった話「Android案件できます」って言ったら、ヒドい目にあった話
「Android案件できます」って言ったら、ヒドい目にあった話Kenta Komori
 
コンテナの作り方「Dockerは裏方で何をしているのか?」
コンテナの作り方「Dockerは裏方で何をしているのか?」コンテナの作り方「Dockerは裏方で何をしているのか?」
コンテナの作り方「Dockerは裏方で何をしているのか?」Masahito Zembutsu
 
Dockerを使ったローカルでの開発から本番環境へのデプロイまで
Dockerを使ったローカルでの開発から本番環境へのデプロイまでDockerを使ったローカルでの開発から本番環境へのデプロイまで
Dockerを使ったローカルでの開発から本番環境へのデプロイまでRyo Nakamaru
 

Mais procurados (20)

Java Clientで入門する Apache Kafka #jjug_ccc #ccc_e2
Java Clientで入門する Apache Kafka #jjug_ccc #ccc_e2Java Clientで入門する Apache Kafka #jjug_ccc #ccc_e2
Java Clientで入門する Apache Kafka #jjug_ccc #ccc_e2
 
JIT のコードを読んでみた
JIT のコードを読んでみたJIT のコードを読んでみた
JIT のコードを読んでみた
 
分散環境におけるDocker とオーケストレーション
分散環境におけるDocker とオーケストレーション分散環境におけるDocker とオーケストレーション
分散環境におけるDocker とオーケストレーション
 
Redmine issue assign notice plugin の紹介
Redmine issue assign notice plugin の紹介Redmine issue assign notice plugin の紹介
Redmine issue assign notice plugin の紹介
 
Swagman - Converting Postman Collection to Swagger Build
Swagman - Converting Postman Collection to Swagger BuildSwagman - Converting Postman Collection to Swagger Build
Swagman - Converting Postman Collection to Swagger Build
 
誰もAddressableについて語らないなら、自分が語るしかない…ッッッッ
誰もAddressableについて語らないなら、自分が語るしかない…ッッッッ誰もAddressableについて語らないなら、自分が語るしかない…ッッッッ
誰もAddressableについて語らないなら、自分が語るしかない…ッッッッ
 
Multibranch pipelineでいろいろ学んだこと
Multibranch pipelineでいろいろ学んだことMultibranch pipelineでいろいろ学んだこと
Multibranch pipelineでいろいろ学んだこと
 
RustによるGPUプログラミング環境
RustによるGPUプログラミング環境RustによるGPUプログラミング環境
RustによるGPUプログラミング環境
 
Dockerクイックツアー
DockerクイックツアーDockerクイックツアー
Dockerクイックツアー
 
痛い目にあってわかる HAクラスタのありがたさ
痛い目にあってわかる HAクラスタのありがたさ痛い目にあってわかる HAクラスタのありがたさ
痛い目にあってわかる HAクラスタのありがたさ
 
続・モジュール / Introduction to C++ modules (part 2)
続・モジュール / Introduction to C++ modules (part 2)続・モジュール / Introduction to C++ modules (part 2)
続・モジュール / Introduction to C++ modules (part 2)
 
ゲーム開発者のための C++11/C++14
ゲーム開発者のための C++11/C++14ゲーム開発者のための C++11/C++14
ゲーム開発者のための C++11/C++14
 
Dockerを支える技術
Dockerを支える技術Dockerを支える技術
Dockerを支える技術
 
FreeBSDでおうちのルーター
FreeBSDでおうちのルーターFreeBSDでおうちのルーター
FreeBSDでおうちのルーター
 
TDPT + VMCプロトコル on WebRTC
TDPT + VMCプロトコル on WebRTCTDPT + VMCプロトコル on WebRTC
TDPT + VMCプロトコル on WebRTC
 
Dockerイメージの理解とコンテナのライフサイクル
Dockerイメージの理解とコンテナのライフサイクルDockerイメージの理解とコンテナのライフサイクル
Dockerイメージの理解とコンテナのライフサイクル
 
.NETのサポートポリシーのおさらい #csharptokyo
.NETのサポートポリシーのおさらい #csharptokyo.NETのサポートポリシーのおさらい #csharptokyo
.NETのサポートポリシーのおさらい #csharptokyo
 
「Android案件できます」って言ったら、ヒドい目にあった話
「Android案件できます」って言ったら、ヒドい目にあった話「Android案件できます」って言ったら、ヒドい目にあった話
「Android案件できます」って言ったら、ヒドい目にあった話
 
コンテナの作り方「Dockerは裏方で何をしているのか?」
コンテナの作り方「Dockerは裏方で何をしているのか?」コンテナの作り方「Dockerは裏方で何をしているのか?」
コンテナの作り方「Dockerは裏方で何をしているのか?」
 
Dockerを使ったローカルでの開発から本番環境へのデプロイまで
Dockerを使ったローカルでの開発から本番環境へのデプロイまでDockerを使ったローカルでの開発から本番環境へのデプロイまで
Dockerを使ったローカルでの開発から本番環境へのデプロイまで
 

Destaque

Rejuvenative cities (Philips Design)
Rejuvenative cities (Philips Design)Rejuvenative cities (Philips Design)
Rejuvenative cities (Philips Design)Luann Liu
 
Food revolution schoole-book
Food revolution schoole-bookFood revolution schoole-book
Food revolution schoole-bookRenato Plati
 
Social media marketing
Social media marketingSocial media marketing
Social media marketingRenato Plati
 
Democratizing the future (Philips Design)
Democratizing the future (Philips Design)Democratizing the future (Philips Design)
Democratizing the future (Philips Design)Luann Liu
 

Destaque (7)

Zone 30 2
Zone 30 2Zone 30 2
Zone 30 2
 
Zone 30 1
Zone 30 1Zone 30 1
Zone 30 1
 
Rejuvenative cities (Philips Design)
Rejuvenative cities (Philips Design)Rejuvenative cities (Philips Design)
Rejuvenative cities (Philips Design)
 
Food revolution schoole-book
Food revolution schoole-bookFood revolution schoole-book
Food revolution schoole-book
 
Presentation
PresentationPresentation
Presentation
 
Social media marketing
Social media marketingSocial media marketing
Social media marketing
 
Democratizing the future (Philips Design)
Democratizing the future (Philips Design)Democratizing the future (Philips Design)
Democratizing the future (Philips Design)
 

如何在30分鐘內 DIY一個 成本600元台幣的眼動儀(眼控儀) - (上)

  • 1. 如何在 30 分鐘內 DIY 一個 成本 600 元台幣的眼動(眼控)儀 - (上) By Luann Liu, 2012,09,13 Tom Kelley - “Innovation begins with an eye.” IDEO 創辦人 Tom Kelley 說過: 「創新始於你的眼睛」 。的確,因為你的眼睛不能撒謊,且 它與大腦合作無間。所謂的「看見」 ,並不單單只是眼睛的功用而已,眼球將影像送進大腦,大 腦經過判斷、過濾,記憶喚起並解釋所見之物,才是眼睛真正所「看見」後的運作結果。 Apple 在多年前就投資(買下?)了著名的瑞典眼動公司 Tobii,Google 在 2011 年 11 月的眼 追蹤專利,也使用眼動追蹤來解鎖移動裝置。(圖 1) 圖 1. 資料來源:USPTO 美國專利商標局 2012 年 6 月,世界第一款結合 Win8 平板的眼動儀也發表了 (不外乎要來一段用眼睛來殺 水果的遊戲,相信也可以用眼睛來彈射生氣鳥) 。簡單輕便,使用 USB 插上即可。(圖 2) 圖 2. 資料來源:YouTube 眼動其實不是什麼很新技術,早從 1960 年代開始就有學者開始借助眼動技術來評估媒體
  • 2. 效果,如今隨著技術的成熟與設備的輕量化 (但價位仍動轍幾十萬到幾百萬台幣) ,有人用在產 品或網站使用性的測試,有人用在廣告行銷,有人用在行車視野安全測試,有人用在控制電子裝 置,有國防單位用在測試迷彩服夠不夠迷彩。 常有人問,眼睛追蹤到底是在做什麼? 我想用一句話很平常易懂的話解釋 --- 「你的眼睛 為什麼看 A? 你為什麼不看 B?你看了 A 後執行了什麼動作? 你看了 C 為什麼卻忽略了旁邊的 D? 」。在透過儀器測試之後,你會得到一堆數據與座標,卻很難得到結論,必需透過行為分析 與統計才能得到一些端倪。所以重點不在於數據,或熱圖哪裡比較紅就是哪裡比較有人想看(試 想你生活中總有一些你不想卻”不得不看”的畫面) ,應該要追究其刺激物的區分,或其他認知行 為因素。而關於眼動的數據呈現,熱圖、跳視、注視、瞳孔大小、回視、在這裡就不贅述,可 能要講好幾天好幾夜。本文章的重點在於跟大家分享如何 DIY 眼動儀。 你可能會問,DIY 眼動儀要幹麻? 嗯… 除了用眼睛殺水果、輸入文字,控制電腦,還可 以彈奏音樂。但我建議大家朝回饋社會的方向發展 (譬如漸動人的使用) ,畢竟我們取之社會, 也要用之社會。眼動儀是個硬體,如果它可以控制(做為眼控儀) ,它當然也可以記錄(做為眼動 儀) ,但必須要搭配軟體才能操作,很開心的是已有蠻多開放程式碼或套裝免費軟體給大家利 用。但因為我不是工程師,只是個不務正業窮女博士生與設計者,所以若有”如何寫眼動程式” 此類的問題,請轉往尊貴不凡的 118 IP。 我的 DIY 眼動儀製作參考來自於 EyeWriter 發布的文章,並將它做些微的改良。除了 1.0 頭戴型的,它們也在最近發表了 2.0 桌上型的。至於頭戴型(head mounted)與桌上型(stationary) 的眼動儀有什麼優缺差別,之後再做介紹。至於一定要使用眼鏡架來支撐嗎? 你當然可以用任 何你想用的東西。我曾看過有人用冰棒棍來做,然後咬著進行追蹤。我沒有說它很蠢,只是它會 很不穩定(除非你的下巴易於常人,不會晃動,也不會流口水)你也可以頭上戴個工業用安全帽, 也可以帶一個兔子耳髮圈,只要你高興也不會晃動就好。 表 1 是 EyeWriter1.0 版本與筆者的版本對照 (看起來都很好笑,沒有誰比較威) EyeWriter 1.0 筆者參考改良後
  • 3. 資料來源:EyeWriter 資料來源:Luann Liu 表 1. 在 EyeWriter1.0 的文章中,它列出了 Tool & Parts List,在表 2.中我稍微將它做了註解與建議: EyeWriter1.0 列出的清單 註解與建議 1x IR sensitive Camera (without auto-iris) PS3 Eye 1 個只要 400-600 元,如果你不 -- PS3 Eye . $39.95 US (using this camera 想買 PS3 eye,你也可以弄到 8mm PCC system removes the need for an additional video 板用的鏡頭,固定光圈(1 個 250) ,但如 capture card) 同下方描述,你要弄的到底座。 1x camera-lens mount 鏡頭底座(如果你是用 PS3 Eye 你就不用 -- you can use the lens mount that comes with 買) 。 the PS3, but it is glue together and difficult to separate -- Lens holder, M12x0.5, 15.5, centered $6.00 this is the cheap one, but it requires some modification to match PS3 through-hole footprint -- more expensive $20.00 1x cheap glasses 一個便宜的夜市眼鏡。 -- really any cheap sunglasses will do... or try (建議可用塑膠護目鏡,一個只要 40-80 these . ~$5.00 元,比起 cheap sunglasses 更便宜也可以 撐的住眼動儀的重量)
  • 4. aluminum wire 銅線或鋁線,或只要是用來把眼動儀固定 -- 9-gauge wire $7.99 在鏡架上的東西,必需要能承重有彈性, 可調整。但如果你是用嘴巴咬著就不用買。 3x alligator clips 3 個鱷魚夾。這是給無法焊接的人使用的。 -- Radio Shack $7.00 a pack of wire-ties 束帶,我們台灣是束帶王國,一包不用 30 -- Radio Shack $2.49 元。 2x IR LEDs 2 個紅外線 LED 燈,電子材料行大約 20 -- Radio Shack $1.99 元。 1x 8mm camera lens-- Fixed IRIS Lens Set for 8mm 鏡頭,固定光圈(如果你是用 PS3 Webcams and Security/CCTV Cameras (6-Lens Eye 就不用買) 。 Pack) $14.91 IR wratten 是要用來濾光的,不用花大錢去買底片, -- infrared filter gel $26.99 用以前的老軟碟裡面那片即可。 Cheaper DIY version of IR filter include cutting a piece of film out of a floppy disk or using unexposed and developed photographic film battery holder 電池盒,給眼動儀提供電力,建議購買有 -- Radio Shack AAA holder $1.99 開關的,不然 USB 接上電腦後,一直開著 很浪費電。 small screw driver set 小螺絲起子組 (用來拆解 PS3 時會用到, -- 7ps set $14.95 其他時候沒有) ,借一下就可以了 scissors 作者建議可以去幼稚園偷,所以免錢。 --steal them from a kindergarten 表 2. 在列出了工具後,便是開始製作的時候了,先去賺錢養家,其他留待下集介紹。 *以上資料與圖片版權皆來自於 EyeWriter 原作者與 Luann Liu。