기억과 기록

1월 2편은 만난 사람들,

스누디 공오학번 십주년 파티가 있었다.

항상 그렇듯 뭔가 부스럭부스럭 오리고 붙이는 소소한 재미

오늘 파티의 드레스코드는 우리의 작업복이었던 오렌지로! 십주년 파티 장식품을 만들려다가 미처 드레스코드를 못맞춰온 아이들을 위해 종이 안경으로 바꿨다

언제나 로향양꼬치.

오렌지덕에 블링블링한 단체사진. 사운드마인드

각자 작은 선물을 준비해와서 세라한테 배운 북유럽(?) 크리스마스 선물 교환 게임을 했다. 

일단 큰 보따리에 익명으로 선물을 모았는데 왠지 산타클로스가 된 기분

난 은비의 선물 당첨! 내 선물은 월리에게로

카메라 세례 케이크

그리고 정말 간만에 (몇년만이었던가) 노래방ㅇㅔ서 조금 미친듯이...

파티 며칠 후에 회사앞에서 점심시간에 다시 궁설 미자 은비랑 만남. 

내가 제일 좋아하는 Agreable , 은비는 내 파티 당첨 선물을, 설이는 돌답례떡을, 미지는 아버지네회사 선물을 줬다. 갑자기 왠 행복 덩어리들이 

예쁜 곳

직장인 둘은 다시 회사로, 

육아때문에 밖에 잘 못나오는 설이랑 간만에 강남역에서 쇼핑도 하고 디저트도 먹고서 엄마를 간절히 기다리는 지후 보러 집에 놀러왔다

잠시만 놀아도 이렇게 힘든데 이걸 24시간 365하고있는 지후 어머니 진짜 대단

윤선언니 생일! 맛난 돌판스테이크 촙촙 SPC 스퀘어 라그릴리아 

회사에서 항상 힘이 되줬던 보연 보아 언니, 육아중이라 나오기 힘든 언니들을 직접 찾아갔다

폭풍 수다 & 먹방

한남동 톨릭스, 가끔 우리 동네에 놀러와주는 전직장동료님들(?) 

이날 진짜 큰 실수 한번 했다. 낮말은 새가 듣고 밤말은 쥐가 듣는다고, 항상 입 조심 해야겠다

증산역 카페빌리

10년지기 미술학원 친구 완제, 지금은 전자 음악 작업을 하면서 여자친구와 카페를 하고있다. 

나도 너도 작업 열심히해서 잘되서 행복하자 진짜

로향 양꼬치, 서울대 신문사 송년회 겸 나 송별회(?).  딱히 끈끈하다기보다는 모여서 투닥투닥하면서 수다떨다보면 8시간이 지나있는 놀라운 경험..

대구 서가앤쿡, 고등학교 졸업하고 첨인가? 대학교때 한번 봤었나?? 진짜 너무 반가운 고등학교 컴퓨터 동아리 은지랑 조뽀

오픈컬리지에서의 마지막 프로젝트, 현대미술 

사당 후우후라멘에서 오컬 백수 모임, 영은언니의 아티스트 서비스 이야기, 그리고 불확실한 미래에 대한 이야기

대학교 졸업하고서 처음보는 혜지랑! 내가 졸업할때 혜지가 신입생이었는데 어느덧 혜지가 졸업을 한단다.

매주 가는 단골코스 서울극장 - 한일식당 - 을지로 커피 한약방

나보다 한수위 백수 나배랑 코엑스에서, 

나배덕에 부띠끄엠에서 이동진의 시네마 리플레이에 소개된 자비에돌란 감독의 <아이킬드마이마더> 도 보고

새로생긴 코엑스 지하에서 헤매다가 하와이안 레스토랑(?) 알로하 테이블에서 햄버그스테이크랑 하와이안 샐러드

우아한 백수 블로그 개인작업 필라테스 끊임없는 수다거리

강남역 화로사랑, 회사앞에서 경대챔과 성호챔이 맛난 고기 사주셨당 , 여전히 너무너무 바쁜 회사..  ㅠ ㅠ

바보같이 2차로 맥주집갔는데 아까 고깃집앞치마를 아직까지 매고있는걸 그제서야 발견했다 으하하

지현언니랑 서울극장 월요영화 보구서 을지면옥~ 원래는 우래옥 가려고했는데 월요일마다 정기휴일이라는 ㅠㅠ

늦은 나이에 새로 공부를 시작한 우리 둘에게 빠른 두뇌 회전과 어린아이들에게 뒤지지 않는 체력, 그리고 늙어보이지 않는 탄력있는 피부를 주소서..

2월이면 대전으로 떠나야해서 더더욱 열심히 사람들을  만나고 다닌 1월이었다

정승효, 2012

석사학위논문

[링크] 

타일드 디스플레이(Tiled-display)

여러 대의 디스플레이를 통합하여 하나의 큰 디스플레이로 사용하는 방법으로 단일 디스플레이에서 표현할 수 없는 초 고해상도 이미지를 표현할 수 있는 플랫폼

초 고해상도 이미지를 만들어내는 대용량 데이터들을 유기적으로 동기화하는 미들웨어가 필요함

연구 목적

스마트 디바이스를 가진 사용자가 타일드 디스플레이가 어떻게 상호작용하는지 방법 제안

1. 기존 타일드 디스플레이 시스템의 발전, 제안된 상호작용 방법들과 기존 공공 디스플레이와 인간의 상호작용 연구들의 장단점을 분석하여 시스템 설계 위한 기본적인 조건 도출

2. 적용 예상 분야 전문가와 인터뷰

3. 인터뷰 기반으로 사용시나리오아 인터랙션 디자인 도출

4. 시스템 구현과 사용자 테스트를 통해 시스템의 유효성 검증

연구 문제 정의

1. 공공 상황 활용 시나리오 : 인터뷰 통한 페르소나 및 시나리오

2. 사용자와 디스플레이 거리 상관없이 상호작용가능하도록

3. 단점인 베젤을 상호작용하는 정보 구분 단위로 사용

4. 다수의 사용자 상황에서 전체 상황(Context)를 볼 수 있으면서 개개인이 좀더 집중하고 있는 곳 (Focus)를  함께 다룸

전문가 인터뷰

1. 의료환경 : 여러가지 데이터를 다수의 참여자가 각각 컨트롤 할수있는 환경

2. 스마트 교육 환경 : 협동, 태블릿 PC 매칭

3. 전시 환경 : 작가와 관객이 동시에 참여, 드로잉 및 꼴라쥬

타일드 디스플레이에 필요한 상호작용 방식

1. Upload : 특정 타일에 특정 콘텐츠를 업로드 할 수 있다

2. Delete : 지울 수 있다

3. Move : 타일 단위로 컨텐츠 이

4. Pick & Switching : 타일 선택, 선택한 타일의 컨텐츠를 다른 타일로 옮길 수 잇다

5. Sizing up & Down : 한 타일에 있는 이미지를 전체 타일 크기로 바꾸거나 전체 타일 크기의 이미지를 하나의 타일 크기로 줄일 수 있다

6. Drawing : 특정 타일 또는 전체 디스플레이를 하나의 캔버스로 그림 그리기 

시스템 구현

1. 컴퓨터 : 서버 컴퓨터는 스마트폰에서 들어오는 상호작용 정보를 해당 클라이언트에게 전달하는 역할을 한다. 클라이언트 컴퓨터들은 각각에 해당하는 정보가 들어왔을 때 해당 디스플레이에 상호작용 결과를 출력한다.
2. 무선 네트워크 : IEEE 802.11n 규격은 이론적으로 최대 300Mbps 를 지원한다. 무선통신 속도를 최대한으로 사용하기 위해 무선공유기(ipTIME N608)를 직접 서버 컴퓨터에 연결하여 스마트폰과 서버의 원활한 통신환경을 구축하였다.
3. 시스템 소프트웨어 : 서버와 클라이언트는 프로세싱으로 개발
4. 서버 프로그램 : SAGE처럼 클라이언트들로부터 리소스를 제공받은 상태에서 서버에서 모든 계산이 이루어지고 픽셀 단위로 이미지를 분배시키는 방식과 CGLX나 MPE와 같이 시간과 공간적인 위치만 동기화 시켜주는 두 가지 방식 중 후자. 서버에서는 두 가지 통신 라이브러리를 사용하는데 하나는 프로세싱에서 기본적으로 제공해주는 net 라이브러리로 서버와 클라이언트간 통신을 지원한다. 다른 하나는 oscP5 라이브러리로 서버와 스마트폰간 통신을 지원한다. 서버는 매 프래임마다 정보를 모니터링하고 스마트폰으로부터 정보가 들어왔을 때 그것을 클라이언트에게 전달해주는 역할을 한다
5. 클라이언트 프로그램 : 클라이언트 프로그램은 서버로부터 전달받은 정보를 처리해 디스플레이에 표시하는 역할을 한다. 6 대의 클라이언트 컴퓨터에서 실행되는 프로그램은 동일하며 위치좌표 영역을 처리하는 부분만 다르다. 각 클라이언트들은 해당되는 영역에 대한 위치좌표를 가지고 있으며 입력 받은 위치정보가 그 좌표범위 내로 인식되었을 때만 작업을 처리하여 디스플레이 상에 결과를 표시해주고 해당 범위를 넘어가는 위치정보는 처리하지 않고 무시한다.
6. 스마트폰 어플리케이션 

실험 및 분석

1. 과업 1 이미지 퍼즐 맞추기 : 시각적인 가이드 라인을 주는 것이 Pick & Switching 상호작용을 하는데 도움이 되는지를 알아보기 위한 것이다. NASA-TLX 이외에도 수행시간과 과업을 완료하기 위한 시도 횟수 등의 데이터를 추가로 수집해 정량적 평가에 사용

2. 과업 2  그림 그리기 : Focus+Context 시각화 방법을 사용해 그것이 Drawing 상호작용을 하는데 도움이 되는지를 알아보기 위한 것이다. 인터페이스와 스크린의 해상도 차이에서 올 수 있는 문제점을 해결할 수 있는지 알아보는 것이 목적이고 수행시간과 정확도 데이터를 수집하여 정량적 평가에 사용

앞으로의 연구 과제 및 방향

원격 상황에서의 제어

NUI 등 다양한 인터페이스 설계

3차원 그래픽 표현

다양한 활용 시나리오 제시 

기존 연구 현황

(1) 타일드 디스플레이 시스템 

다수의 디스플레이를 하나의 시스템으로 연동. 이미지 생성, 인터랙티브 그래픽 및 영상 랜더링 이슈 : 

일리노이 대학 EVL (electronic visualization laboratory) : SAGE,Lambda vision, Lambda table, Geo Well

L. Renambot, A. Rao, R. Singh, B. Jeong, N. Krishnaprasad, V. Vishwanath, et al., "Sage: the scalable adaptive graphics environment," in Proceedings of WACE, 2004, pp. 2004-09.

L. Renambot, A. Johnson, and J. Leigh, "Lambdavision: Building a 100 megapixel display," in NSF CISE/CNS Infrastructure Experience Workshop, Champaign, IL, 2005.

C. Krumbholz, J. Leigh, A. Johnson, L. Renambot, and R. Kooima, "Lambda table: high resolution tiled display table for interacting with large visualizations," in Proceedings of 5th Workshop on Advanced Collaborative Environments, Redmond, Washington, 2005

A. Johnson, J. Leigh, P. Morin, and P. Van Keken, "Geowall: Stereoscopic visualization for geoscience research and education," Computer Graphics and Applications, IEEE, vol. 26, pp. 10-14, 2006.

상호작용 이슈 : Ball North  사람의 물리적인 움직임으로 디스플레이 위의 다수의 컨텐츠와 상호작용, 

R. Ball and C. North, "Effects of tiled high-resolution display on basic visualization and navigation tasks," in CHI'05 extended abstracts on Human factors in computing systems, 2005, pp. 1196-1199.

R. Ball, C. North, and D. A. Bowman, "Move to improve: promoting physical navigation to increase user performance with large displays," in Proceedings of the SIGCHI conference on Human factors in computing systems, 2007, pp. 191-200.

D. Lee, S. A. Munson, B. Congleton, M. W. Newman, M. S. Ackerman, E. C. Hofer, et al., “Montage: a platform for physically navigating multiple pages of web content," in Proceedings of the 27th international conference extended abstracts on Human factors in computing systems, 2009, pp. 4477- 4482.

스마트폰 인터페이스 사용 : 다수의 사용자와 상호작용 장치. 유기적인 협업 

M. Beaudouin-Lafon, S. Huot, M. Nancel, W. Mackay, E. Pietriga, R. Primet, et al., “Multisurface Interaction in the WILD Room," Computer, vol. 45, pp. 48-56, 2012.

K. Ponto, K. Doerr, T. Wypych, J. Kooker, and F. Kuester, "CGLXTouch: A multi-user multi-touch approach for ultra-high-resolution collaborative workspaces," Future Generation Computer Systems, vol. 27, pp. 649-656, 2011.

(2) 퍼블릭 디스플레이 시스템

분류

Public Information Display (공공장소에서 대중 상대로 정보 제공 / Collaborative Display (공공장소에서 아이디어 발표 분석 및 교환) 

시스템과 사용자간 상호작용

사용자와 디스플레이 사이의 거리에 따른 상호작용 : Hallo Wall  (RFID 기술, Ambient Zone, Notification Zone, Cell Interaction Zone) -> 이후 Proximity라는 개념 사용

모바일 인터페이스를 활용한 디스플레이 제어 : 내장된 카메라 위치 추적하여 변화값으로 제어하는 방식, 가속도 센서 변화로 특정행위 인식하는 방식. 다수의 포인터가 혼재됨, 

        실시간 비디오를 이용하는 상호작용 방식

S. Boring, S. Gehring, A. Wiethoff, A. M. Blöckner, J. Schöning, and A. Butz, "Multi-user interaction on media facades through live video on mobile devices," in Proceedings of the 2011 annual conference on Human factors in computing systems, 2011, pp. 2721-2724.

>   주변의 대형 디스플레이를 하나의 마커로 사용하고 스마트폰 카메라로 실시간 인식후 그 디스플레이 안에 그림을 그림

S. Boring, D. Baur, A. Butz, S. Gustafson, and P. Baudisch, "Touch projector: mobile interaction through video," in Proceedings of the 28th international conference on Human factors in computing systems, 2010, pp. 2287-2296.

> 콘텐츠 선택 및 이동

150819

1. <유니티 4 기초테크닉 80> (링크) 

교재 및 영상으로 우선 기초 계속 다지기, 기초 개념이나 팁들을 잘 끊어서 설명해줘서 좋다

내일 스터디 모임 전까지 Roll a ball 튜토리얼 다해보고 가야하는데 그 젤 쉽다는 튜토리얼도 나한테는 어려워서 최대한 테크닉 진도는 서둘러 나가둘수록 좋은것 같다 

잘 이해 안되는 (안 익숙한) 부분, empty object가 스크립트랑 연결된다는건 어떤 의미인거지.. 

그리고 스크립트 쓰고서 변수 필드에 드래그앤 드랍해서 오브젝트를 껴넣는데 그것도 내가 뭐하고있는건지 알수없지만 일단 시키니까 따라해본다..  자꾸 반복되면 왠지 감으로 알게될것만 같은 느낌..(ㅠㅠ)

요 교재 진도가 완료가 되고 나면 새로나온 5 강좌도 구매해서 복습할겸 프로젝트랑 병행해서 공부할 예정 http://www.ibatstudio.com/unity5/

저자가 올려두신 52분짜리 UNITY를 위한 C# 동영상 강좌도 http://meeis.tistory.com/65 

2. Roll a Ball  (https://unity3d.com/kr/learn/tutorials/projects/roll-ball-tutorial)

유니티에서 제공하는 튜토리얼에는 7개의 프로젝트와  Interface & Essentials에 대한 자잘한 영상들이 있다. 프로젝트중에 젤 쉬운 Roll a Ball 부터 시작

위의 책에 비해 엄청난 속도로 막 지나가버려서 계속 Pause를 눌러가며 힘겹게 따라함 ㅠ 

인터페이스 쪽은 그나마 책에서 따라하고있어서 그나마 익숙해지고 있는데 스크립트는 따라서 타이핑해봤자 아직 전혀 이해가 안되고 있다...

그대로 따라하기만 하는데도 자꾸 오류가 나는지......(알고보면 원인은 아주 사소한 오타나 체크박스 때문이긴하지만)

오브젝트가 중력이나 충돌 등의 물리적성질을 가질수있도록 세팅하고 오브젝트들의 관계를 유기적으로 설정해줄수있는게 유니티의 재미난점인것 같다

운동이나 각도를 다루는데에서 점차 수학이 등장하기 시작하니 멘붕.. 

영어+코딩+3D+수학까지 4중고

어찌어찌해서 게임은 완성 중간에 공을 키보드로 굴려서 노란색을 다 없애면 게임이 끝난다

유니티의 장점은  프로세싱이나 MAXMSP보다는 다양한 환경으로의 빌드가 용이하다는 것, 맥에서는 APP파일, 윈도우에서는 EXE파일로 재생가능하다. 

언능 배워서 웹이나 모바일을 위한 무언가도 만들어보아야지

3. Zombie Run

목요일 오전 스터디 모임, 반선배의 좀비 튜토리얼 

에셋스토어에서 무료로 다운받은 좀비 오브젝트로 간단한 게임을 만들어 보았다

1인칭 시점 카메라뷰의 플레이어가 키보드로 움직이면 좀비떼들이 쫓아오고 + 가까워질수록 좀비의 괴성이 커지도록

여기서도 등장하는 벡터. 와 무슨말인지 나만 몰라서 정석을 다시 꺼내어 울면서 공부를 따로 좀 해야할것 같으다..

좀비의 회전 각도 코드가 아직 약간 완성이 덜되어서 어느 위치에서는 좀 이상하게 회전되긴하지만..  선배님이 고쳐주시겠지 난 아직 저 코드의 의미도 다 모름 흑흑

튜토리얼 후 각자 앞으로 할 프로젝트에 대한 간단한 프로포절, 

선배들은 이미 진행중인 연구 주제에 맞게 준비들을 해왔는데 주영이랑 나랑은 아직 유니티로 뭘 할수있는건지 잘 모르기도 하고 진행중인 연구가 없다보니 일주일정도 더 생각해보기로 했다