The Eye Tribe Trackerの使い方 【専門知識不要。誰でも簡単にできる】

The Eye Tribe Trackerの購入から使い方まで紹介します

theeyetribe
※視線恐怖症を治すためのヒントを与えてくれた機器。本当に感謝しています。

以前 The Eye Tribe Tracker(視線入力装置)を使って視線恐怖症患者と一般人の視線の比較結果を紹介したところ結構な反響をいただき、
「自分もやってみたいけど何をどうすればいいのかわからない」
というコメントをいただきました。

今のところ導入・設定等について(日本語で)詳しく紹介しているところが無いようなのでここで紹介することにしました。

「日本語対応していなさそうだし難しそう」と思っている方もいらっしゃると思いますが、私自身プログラミングなどは全くできないので、技術的な知識が無くても全く心配はいりません。
最低限使用するだけであれば誰でもできるようになります。

<ここを見ればできるようになること>
・The Eye Tribeを最低限使える状態にする
・指定した画像(またはURL)を順に見て、結果どこをどのくらい見ていたかを確認する実験を行う

<ここを見てもできるようにならないこと>
・The Eye Tribeを利用したソフトウェアを開発する

1.購入前に必要環境をチェック。USB3.0は必須なのでご注意を!

細かい要件は特にありませんが、USB3.0は必須です。
ご自身の端末にUSB3.0ポートがあるかどうか確認しておいてください。

また、公式サイトでも勧められているように、ブラウザはIEではなくGoogleChromeを使用する事をお勧めします。
(後述する実験用サイト(eyeproof.net)で一部ボタンが押せなかったりします(※経験済み))

※残念ながらEyeProof.netはサービスを終了したそうです。以下は参考情報としてご参照いただければと思います(The Eye Tribe Tracker自体は今でも使用できます。当たり前ですが)。

2.The Eye Tribeを購入する

公式サイト、またはrakunewさんから購入できます。

公式サイト(外部サイト)

rakunew(外部サイト)

公式サイト経由で購入すると全て英語でのやり取りになりますのでご注意ください。
日本語で取引したい方はrakunewさんを利用することをお勧めします(少しだけ値段が高くなりますが、サポート含め全て日本語なので安心です)。

どちらで購入しても海外からの発送になるので到着まで時間がかかります(私の場合は3~4週間くらいでした)。
気長に待ちましょう。

※(2016/8/27)rakunewさんは販売終了とのこと。残念・・・

3.公式サイトに会員登録し、アカウントを入手する

※動作に必要なソフトをダウンロードするために必要です。

公式サイト(外部サイト)⇒ORDER⇒MY ACCOUNTの順にアクセス

eyetribe_myaccount_register

右のRegister欄に必要事項を入力し、登録。

4.EyeProof.netの参加申し込みをする

EyeProofとは、視線解析(視線入力)を行うためのオンラインツールです。
実験はこのサイト上で行いますのでここにも登録(参加申し込み)が必要です。

EyeProof.netから「SIGN UP FOR BETA」をクリックし、必要事項を入力します。

「beta版だし少人数でやっているからすぐに案内できるかわからないが、本体を購入していれば招待される可能性が高まりますよ」
といった案内メールが来ますので、正式な招待メールを待ちましょう。
※私の場合は申し込んだ翌日に招待メールが来ました(今もそのスピード感で対応してくれるかはわかりません)

5.サポート宛にsdkのダウンロードをしたい旨を連絡する

動作にあたっては、本体の他に専用のソフトをインストールする必要があります。

・sdk(ソフトウェア開発キット)
・EyeProofRecorder(視線解析ソフト)

購入者であれば公式サイトからダウンロードできるのですが、rakunew経由で購入した場合はTheEyeTribe社のサポート宛([email protected])に
・本体を購入したこと
・ソフトをダウンロードしたいこと
を連絡する必要があります。

ただ購入後に英文の問合せ文面のサンプルをいただけるので難しく考える必要はないです。
(私はこのメールに気づかず変な英文をサポートに送ってしまいました・・・。拙い英語にも関わらず即対応してくれてとても有難かったのを覚えています。)

連絡が来たらMyAccount画面から必要なソフトをダウンロードしてください。

eyetribe_myaccount01
会員登録しただけだとダウンロードできない

eyetribe_myaccount
ダウンロードできるようになった!

6.sdkとEyeProofRecorderをインストール

ダウンロードが完了したらそれぞれインストールをしてください。
基本的に指示に従っていけばインストールは問題なく完了するはずです。

7.EyeProof.netに接続し、実験のセッティングを行う

招待メールに記載されているIDとパスワードでEyeProof.netにログインしてください。

eyeproof_signin
↑ログイン画面

eyeproof_createstudy
↑実験名を記入してCreateStudyをクリックする

eyeproof_createstudy02
↑こんな感じで画像を登録していきます。
見る順番や何秒見るかといった設定も簡単にできます。
(GoogleChromeでないとこのあたりの設定ができなかったりするので注意してください)

8.実験スタート

・まずはThe Eye Tribe本体を端末のUSBポートに接続しましょう。
(繰り返しになりますが、間違えてUSB3.0以外のポートに挿さないようご注意ください。動作しませんので(経験済み))

・本体のディスプレイが点灯したらEyeTribeServerを起動させてください
eyetribeserver

・そしてEyeProofを起動します。
eyeproof

・Studyを選ぶことになるので、先ほど作成したStudyを選択する。

・簡単な動作チェックの後、登録した順番に画像が表示されるので画像を見ます。

これで実験は完了です。
EyeProof.netに結果が登録されました。

9.実験結果を確認する

EyeProof.netで実験結果を確認します。

eyeproof_analysis
Study⇒analysisで結果が確認できる

解説は以上です。
前回のコラムでは静止画しか載せていませんが、
EyeProof.net上では視線の動きを点滅で表現してくれたり、複数の結果を重ねたり、結果の表示方法を変えたりといろいろなことができます。

興味がある方は試してみてはいかがでしょうか。

コメント

',Y.captions&&l){var u=T("figcaption");u.id="baguetteBox-figcaption-"+t,u.innerHTML=l,s.appendChild(u)}n.appendChild(s);var c=T("img");c.onload=function(){var n=document.querySelector("#baguette-img-"+t+" .baguetteBox-spinner");s.removeChild(n),!Y.async&&e&&e()},c.setAttribute("src",r),c.alt=a?a.alt||"":"",Y.titleTag&&l&&(c.title=l),s.appendChild(c),Y.async&&e&&e()}}function b(t){var e=t.href;if(t.dataset){var n=[];for(var o in t.dataset)"at-"!==o.substring(0,3)||isNaN(o.substring(3))||(n[o.replace("at-","")]=t.dataset[o]);for(var i=Object.keys(n).sort(function(t,e){return parseInt(t,10)=1?(M--,y(),C(M),t=!0):Y.animation&&(A.className="bounce-from-left",setTimeout(function(){A.className=""},400),t=!1),Y.onChange&&Y.onChange(M,V.length),t}function y(){var t=100*-M+"%";"fadeIn"===Y.animation?(A.style.opacity=0,setTimeout(function(){j.transforms?A.style.transform=A.style.webkitTransform="translate3d("+t+",0,0)":A.style.left=t,A.style.opacity=1},400)):j.transforms?A.style.transform=A.style.webkitTransform="translate3d("+t+",0,0)":A.style.left=t}function v(){var t=T("div");return"undefined"!=typeof t.style.perspective||"undefined"!=typeof t.style.webkitPerspective}function w(){var t=T("div");return t.innerHTML="","http://www.w3.org/2000/svg"===(t.firstChild&&t.firstChild.namespaceURI)}function k(t){t-M>=Y.preload||m(t+1,function(){k(t+1)})}function C(t){M-t>=Y.preload||m(t-1,function(){C(t-1)})}function x(t,e,n,o){t.addEventListener?t.addEventListener(e,n,o):t.attachEvent("on"+e,function(t){(t=t||window.event).target=t.target||t.srcElement,n(t)})}function E(t,e,n,o){t.removeEventListener?t.removeEventListener(e,n,o):t.detachEvent("on"+e,n)}function B(t){return document.getElementById(t)}function T(t){return document.createElement(t)}var N,A,L,S,P,F='',H='',I='',Y={},q={captions:!0,buttons:"auto",fullScreen:!1,noScrollbars:!1,bodyClass:"baguetteBox-open",titleTag:!1,async:!1,preload:2,animation:"slideIn",afterShow:null,afterHide:null,onChange:null,overlayBackgroundColor:"rgba(0,0,0,.8)"},j={},X=[],M=0,R={},O=!1,z=/.+\.(gif|jpe?g|png|webp)$/i,D={},V=[],U=null,W=function(t){-1!==t.target.id.indexOf("baguette-img")&&g()},G=function(t){t.stopPropagation?t.stopPropagation():t.cancelBubble=!0,h()},J=function(t){t.stopPropagation?t.stopPropagation():t.cancelBubble=!0,p()},K=function(t){t.stopPropagation?t.stopPropagation():t.cancelBubble=!0,g()},Q=function(t){R.count++,R.count>1&&(R.multitouch=!0),R.startX=t.changedTouches[0].pageX,R.startY=t.changedTouches[0].pageY},Z=function(t){if(!O&&!R.multitouch){t.preventDefault?t.preventDefault():t.returnValue=!1;var e=t.touches[0]||t.changedTouches[0];e.pageX-R.startX>40?(O=!0,h()):e.pageX-R.startX<-40?(O=!0,p()):R.startY-e.pageY>100&&g()}},$=function(){R.count--,R.count<=0&&(R.multitouch=!1),O=!1},_=function(t){"block"===N.style.display&&N.contains&&!N.contains(t.target)&&(t.stopPropagation(),c())};return[].forEach||(Array.prototype.forEach=function(t,e){for(var n=0;n');wpcf7.toggleSubmit($form);$form.on('click','.wpcf7-acceptance',function(){wpcf7.toggleSubmit($form)});$('.wpcf7-exclusive-checkbox',$form).on('click','input:checkbox',function(){var name=$(this).attr('name');$form.find('input:checkbox[name="'+name+'"]').not(this).prop('checked',!1)});$('.wpcf7-list-item.has-free-text',$form).each(function(){var $freetext=$(':input.wpcf7-free-text',this);var $wrap=$(this).closest('.wpcf7-form-control');if($(':checkbox, :radio',this).is(':checked')){$freetext.prop('disabled',!1)}else{$freetext.prop('disabled',!0)}$wrap.on('change',':checkbox, :radio',function(){var $cb=$('.has-free-text',$wrap).find(':checkbox, :radio');if($cb.is(':checked')){$freetext.prop('disabled',!1).focus()}else{$freetext.prop('disabled',!0)}})});if(!wpcf7.supportHtml5.placeholder){$('[placeholder]',$form).each(function(){$(this).val($(this).attr('placeholder'));$(this).addClass('placeheld');$(this).focus(function(){if($(this).hasClass('placeheld')){$(this).val('').removeClass('placeheld')}});$(this).blur(function(){if(''===$(this).val()){$(this).val($(this).attr('placeholder'));$(this).addClass('placeheld')}})})}if(wpcf7.jqueryUi&&!wpcf7.supportHtml5.date){$form.find('input.wpcf7-date[type="date"]').each(function(){$(this).datepicker({dateFormat:'yy-mm-dd',minDate:new Date($(this).attr('min')),maxDate:new Date($(this).attr('max'))})})}if(wpcf7.jqueryUi&&!wpcf7.supportHtml5.number){$form.find('input.wpcf7-number[type="number"]').each(function(){$(this).spinner({min:$(this).attr('min'),max:$(this).attr('max'),step:$(this).attr('step')})})}$('.wpcf7-character-count',$form).each(function(){var $count=$(this);var name=$count.attr('data-target-name');var down=$count.hasClass('down');var starting=parseInt($count.attr('data-starting-value'),10);var maximum=parseInt($count.attr('data-maximum-value'),10);var minimum=parseInt($count.attr('data-minimum-value'),10);var updateCount=function(target){var $target=$(target);var length=$target.val().length;var count=down?starting-length:length;$count.attr('data-current-value',count);$count.text(count);if(maximum&&maximum');$.each(data.invalidFields,function(i,n){if(n.idref){var $li=$('
  • ').append($('').attr('href','#'+n.idref).append(n.message))}else{var $li=$('
  • ').append(n.message)}$invalids.append($li)});$response.append($invalids)}$response.attr('role','alert').focus()})};$.ajax({type:'POST',url:wpcf7.apiSettings.getRoute('/contact-forms/'+wpcf7.getId($form)+'/feedback'),data:formData,dataType:'json',processData:!1,contentType:!1}).done(function(data,status,xhr){ajaxSuccess(data,status,xhr,$form);$('.ajax-loader',$form).removeClass('is-active')}).fail(function(xhr,status,error){var $e=$('
    ').text(error.message);$form.after($e)})};wpcf7.triggerEvent=function(target,name,detail){var $target=$(target);var event=new CustomEvent('wpcf7'+name,{bubbles:!0,detail:detail});$target.get(0).dispatchEvent(event);$target.trigger('wpcf7:'+name,detail);$target.trigger(name+'.wpcf7',detail);};wpcf7.toggleSubmit=function(form,state){var $form=$(form);var $submit=$('input:submit',$form);if(typeof state!=='undefined'){$submit.prop('disabled',!state);return}if($form.hasClass('wpcf7-acceptance-as-validation')){return}$submit.prop('disabled',!1);$('.wpcf7-acceptance',$form).each(function(){var $span=$(this);var $input=$('input:checkbox',$span);if(!$span.hasClass('optional')){if($span.hasClass('invert')&&$input.is(':checked')||!$span.hasClass('invert')&&!$input.is(':checked')){$submit.prop('disabled',!0);return !1}}})};wpcf7.notValidTip=function(target,message){var $target=$(target);$('.wpcf7-not-valid-tip',$target).remove();$('').text(message).appendTo($target);if($target.is('.use-floating-validation-tip *')){var fadeOut=function(target){$(target).not(':hidden').animate({opacity:0},'fast',function(){$(this).css({'z-index':-100})})};$target.on('mouseover','.wpcf7-not-valid-tip',function(){fadeOut(this)});$target.on('focus',':input',function(){fadeOut($('.wpcf7-not-valid-tip',$target))})}};wpcf7.refill=function(form,data){var $form=$(form);var refillCaptcha=function($form,items){$.each(items,function(i,n){$form.find(':input[name="'+i+'"]').val('');$form.find('img.wpcf7-captcha-'+i).attr('src',n);var match=/([0-9]+)\.(png|gif|jpeg)$/.exec(n);$form.find('input:hidden[name="_wpcf7_captcha_challenge_'+i+'"]').attr('value',match[1])})};var refillQuiz=function($form,items){$.each(items,function(i,n){$form.find(':input[name="'+i+'"]').val('');$form.find(':input[name="'+i+'"]').siblings('span.wpcf7-quiz-label').text(n[0]);$form.find('input:hidden[name="_wpcf7_quiz_answer_'+i+'"]').attr('value',n[1])})};if(typeof data==='undefined'){$.ajax({type:'GET',url:wpcf7.apiSettings.getRoute('/contact-forms/'+wpcf7.getId($form)+'/refill'),beforeSend:function(xhr){var nonce=$form.find(':input[name="_wpnonce"]').val();if(nonce){xhr.setRequestHeader('X-WP-Nonce',nonce)}},dataType:'json'}).done(function(data,status,xhr){if(data.captcha){refillCaptcha($form,data.captcha)}if(data.quiz){refillQuiz($form,data.quiz)}})}else{if(data.captcha){refillCaptcha($form,data.captcha)}if(data.quiz){refillQuiz($form,data.quiz)}}};wpcf7.clearResponse=function(form){var $form=$(form);$form.removeClass('invalid spam sent failed');$form.siblings('.screen-reader-response').html('').attr('role','');$('.wpcf7-not-valid-tip',$form).remove();$('[aria-invalid]',$form).attr('aria-invalid','false');$('.wpcf7-form-control',$form).removeClass('wpcf7-not-valid');$('.wpcf7-response-output',$form).hide().empty().removeAttr('role').removeClass('wpcf7-mail-sent-ok wpcf7-mail-sent-ng wpcf7-validation-errors wpcf7-spam-blocked')};wpcf7.apiSettings.getRoute=function(path){var url=wpcf7.apiSettings.root;url=url.replace(wpcf7.apiSettings.namespace,wpcf7.apiSettings.namespace+path);return url}})(jQuery);(function(){if(typeof window.CustomEvent==="function")return !1;function CustomEvent(event,params){params=params||{bubbles:!1,cancelable:!1,detail:undefined};var evt=document.createEvent('CustomEvent');evt.initCustomEvent(event,params.bubbles,params.cancelable,params.detail);return evt}CustomEvent.prototype=window.Event.prototype;window.CustomEvent=CustomEvent})();