brunch

You can make anything
by writing

C.S.Lewis

by 무명 Jun 22. 2020

[UX/데이터] 아이트래커+ processing연동#1

작업할 때 발생하는 아이트래킹 데이터를 저장해보자. 

[설치에서 데이터 저장까지]

1. 프로세싱 버전 +라이브러리 버전 확인

사용하려는 processing연동 라이브러리는 GazeTrack

- Platform windows
- Processing 3.3.6,3.3.7,3.5.3,3.5.4
- Dependencies jeromq,jnacl

- 3.3에서도 문제없이 돌아감. 


2. 라이브러리 설치 

프로세싱 IDE에서도 라이브러리 다운 가능. 

http://web.tecnico.ulisboa.pt/augusto.esteves/GazeTrack/

이곳에서 수동 다운-설치도 가능. 

https://github.com/AugustoEst/gazetrack

깃헙에 설명된 폴더 위치에 라이브러리 압축을 풀면 됨. (중요)


+ 위 링크에서 Tobii stream 도 설치하고 실행해야 함. 

 Finally, make sure the 'TobiiStream.exe' is 

 running and displaying gaze data. You can

 download this application from:

 http://web.tecnico.ulisboa.pt/augusto.esteves/GazeTrack/TobiiStream.zip


3. 코딩

http://web.tecnico.ulisboa.pt/augusto.esteves/GazeTrack/reference/gazetrack/GazeTrack.html#getLeftEyeXmm--


제공 함수들. 

트래킹 하고 싶은 항목들을 찾아서 사용하면 된다. 


4. 결과

- 일단 데이터 저장하는 게 우선이라 비주얼은 신경 안 씀. 

- json으로 저장해놓고, 나중에 저장한 파일들을 읽어서 드로잉을 따로 해보는 것이 더 효율적이라고 판단. 

1920*1080 회색 : 시선, 빨간색 : 왼쪽 눈의 위치, 녹색 : 오른쪽 눈의 위치
저장한 파일들, 날짜와 시간 사이는 총 프레임 수, 일단 5000 간격으로 저장해봄
일단 저장~~


[고민]

1. 개인작업을 위한 데이터 저장은 수월하게 잘 됨. 

2. 웹사이트 사용성 테스트를 할 때는 어떻게 하는 게 좋을까..?


매거진의 이전글 [UX/데이터] Tobii 아이트래커 5 구매후기
브런치는 최신 브라우저에 최적화 되어있습니다. IE chrome safari