기억과 기록

정승효, 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인칭 시점 카메라뷰의 플레이어가 키보드로 움직이면 좀비떼들이 쫓아오고 + 가까워질수록 좀비의 괴성이 커지도록

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

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

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

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

150817 

스터디 첫 과제가 유니티 홈페이지에서 https://unity3d.com/kr/learn/tutorials/projects/roll-ball-tutorial Roll a ball 게임 만들어보고 오는건

처음하는데 게임을 만들려니 너무 막막해서 기본 공부를 좀더 따로 해야하게됐다

유니티 4 기초 테크닉 80이라는 이북이고 유니티가 예전 버젼이긴하지만 책이나 영어영상으로보는것보다는 좋은듯

위 화면처럼 작은 챕터안에서 아주 짧은 영상과 텍스트로 한 가지 기능을 소개한다. 별거아닌거 같은데도 몇번이나 pause&play하면서 더듬더듬 따라가는 중

3축, 오브젝트간의 관계, 카메라 뷰 등이 너무 헷갈린다 아이구 머리야 진짜 두통이.

미술학원에서 입시그림 그릴때 입체나 공간감각이 없다고 선생님한테 맨날 혼났던 기억도 나고.. 중학교때까지 게임덕후였는데 3D게임이 판을 치면서 그 어두컴컴하고 지글지글한 외곽과 어지러운 시점이 싫어서 게임을 관두는데 성공했던 기억도 나고. 

오브젝트가 가만히만 있어도 머리아픈데 이제 움직이고 코딩까지 하면 진짜 어렵겟드아.. 그래도 헤쳐나가야해........

오늘 한시간 반 남짓 해본 예제들.

유니티 끄고 이 글 쓰고 음악 잠깐 들었는데 두통 없어졌다. 와......

반선배의 제안으로 EXP랩 사람들과 유니티 스터디를 시작하게되었다

3D + 모션 + 코딩 + 영어

진짜 내가 자신없는 것들의 집합인데 무서워서 피하지말고 사람들이랑 함께할때 얼른 휩쓸려서 부딪혀봐야겠다

오늘 킥오프에서는 반선배의 간단한 유니티 소개와 지난 작업 소개 

다음주는 일단 위의 튜토리얼 페이지에서 첫번째거 각자 해보고 오고, 같이할수있는 튜토리얼있으면 같이 해보고, 

개인적으로 하고 싶은 프로젝트를 진행하면서 매주 같이 상황 공유 및 피드백 해보기로 

나는 유니티로 뭘할수있는지도 잘 몰라서 일단 유투브를 좀 둘러봐야할것 같다

학기 중 했던 프로젝트를 좀 정리해서 프로세스와 결과물을 블로그에 정리하고 싶었는데 자꾸 미루기만하고 하나도 못올림

이제는 그냥 그때그때 틈날때마다 사진 한장이라도 간단하게라도 올려야겠다고 맘을 바꿨다

인스타나 텀블러같은 마이크로 블로그에 데일리로깅할까도 생각해봤는데 아무래도 나중에 되돌아보기엔 폴더링 가능한 티스토리가 좋을것 같긴하다

2015-Spring

Introduction to Culture Technology [문화기술론]

Professor

구본철(Goo, Boncheol)

이성희(Sung-Hee, Lee)

Lecture Description

This mandatory course for the new-coming students at the GSCT introduces a new world of 'Culture Technology'. The course begins with the framework for studying the intersection between culture and technology, and proceeds to the basic builing blocks of CT.

Lecture Schedule

1week Orientation for new students 

2week Overview of CT 

3week HCI

4week Media Content & Exhibition 

5week Student's Presentation (Proposal) 

6week Film & CG 

7week Music/Sound/Performance Technology 

8week Midterm Exam 

9week Game

10week Culture Industry 

11week Student's Presentation (Report) 

12week Culture Data 

13week Expressive/Design Technology 

14week Open Discussion

15week Group Project Showcase 

16week Final Report

Evaluation Criteria 

class attendance and participation (20%)

Report (20%)

Class presentation (20%)

Group project (40%)

2015-Spring

Sound Design and Programming

Professor

구본철(Goo, Boncheol)

Lecture Description

이 강의는 음향/음악/영상의 예술적 접근방법과 사운드를 기반으로 하는 실시간 인터랙션 디자인에 관한 기본과정이다. 강의에 사용되는 MaxMSP와 Jitter(http://www.cycling74.com)는 미디어 아티스트를 위해 개발된 구조식 프로그래밍 언어이며, 실시간 영상/음향 처리의 유연성과 마우스, 자판, 미디악기, 센서, 네트워크 등을 이용한 컴퓨터의 제어능력이 특히 유용하다. 프로그래밍 언어의 능력이 전혀 없는 초보자도 쉽게 이해하고 짧은 시간에 결과물을 직관적으로 확인할 수 있는 장점이 있다. 이러한 맥락에서 인터랙티브 뉴미디어 아트의 폭넓은 연구에 관심 있는 학생들에게 기본지식과 제작경험을 제공하는 것이 본 강의의 목적이다.

Lecture Schedule

1week: Overview of Sound and Computer Music

2week: Exercises in Max objects

3week: MIDI Data Processing

4week: Audio Signal Processing

5week: Shape Animation

6week: Video Signal Processing

7week: Networking

8week: Open Test

9week: Student's Presentation (Proposal)

10week: Sound Synthesis Processing

11week: Image Compositing

12week: Sound Effects

13week: User Interface

14week: Student's Presentation (Report)

15week: Open Discussion

16week: Final paper and presentation

Evalutation

A. Attendance: 20 % B. Midterm exam: 20 C. Project: 40 % D .Presentation: 20 %

2015-Spring

Human Computer Interaction

Professor Ji-Hyun Lee

In reading section, D is Dix et al. (2003), R is Roger et al. (2011) and S is Saffer (2009).
You should periodically check this website to get your Assignments.

9월. 두번째 시도해보는 크레듀 수업!

사용자 경험과 기술과 마케팅 그 어디 사이쯤에 나와 디자인이 있다

조금더 디자인 주변에 대해 공부해 보려고 힘을 짜내고 있음

야근도 많고 행사도 많아서 시간내서 꾸준히 듣기가 쉽지 않아 항상 월말에 몰아서 듣게 되는게 가장 아쉽다..

오페라 가수 같은 근엄한 목소리의 이문규 교수님의 차분하면서도 귀에 쏙쏙 들어오는 내용!

1. 과정 소개

최근 다양한 사회 변화로 인해 소비자의 욕구와 특성도 다양하게 변화하고 있습니다. 이로 인해 마케팅 전략을 수립함에 있어 이러한 소비자의 욕구와 특성을 파악하는 것이 무엇보다 중요해지고 있습니다. 이에 제품 및 서비스를 제공하는 모든 기업에서 소비자 행동에 대한 이론적 배경을 습득하고 이를 마케팅 전략 수립에 활용할 수 있는 훈련이 필요합니다.

2. 학습 목표

1) 소비자 행동 이해의 필요성을 깨닫고 소비자 행동에 관한 기초 이론을 마케팅전략 수립에 활용할 수 있다.
2) 다양한 실사례를 통해 소비자를 유인하기 위한 전략을 수립할 수 있다.
3) 고객 충성도 관리를 통해 소비자를 유지할 수 있다

3. 과정 목차

• 01. 소비자 행동의 기초
• 01. 소비자와 마케팅컨셉
• 02. 창의력은 어디에서 나오는가? (1)
• 03. 창의력은 어디에서 나오는가? (2)
• 02. 소비자 욕구와 트렌드
• 04. 소비자 욕구와 트렌드
• 05. 소비자 트렌드, 어떻게 변화하나
• 06. 소비 트렌드의 변화
• 03. 소비자 정보 탐색
• 07. 소비자, 정보를 얻다(소비자 정보 탐색)
• 04. 소비자 태도와 태도 변화
• 08. 소비자 평가 모형, 어떻게 활용할 것인가?
• 09. 소비자 평가의 활용 예시
• 10. 소비자 이해를 통한 포지셔닝
• 11. 소비자 태도 변화 어떻게 설명할까?
• 05. 소비자 문화와 시장확산전략
• 12. 소비자 문화와 시장확산
• 13. 연령대별 소비문화
• 14. 소비의 마이크로트렌드
• 15. 보장 마케팅과 의견 선도 마케팅 전략
• 16. 감성 마케팅 전략
• 17. 공감 마케팅 전략
• 18. 드림 마케팅 전략
• 19. 스토리텔링 마케팅
• 20. 광고와 소비자 반응
• 06. 구매시점/서비스 마케팅
• 21. 구매시점과 서비스 마케팅
• 22. 구매유도방법과 고객의 쇼핑 행동
• 07. 불황기 극복/고객충성도의 개발
• 23. 위기 극복을 위한 마케팅 전략
• 24. 고객 관리 방법
• 25. 고객을 설득하기 위한 과제
• 
  

http://www.credu.com/main/credu/user/course/zu_course_detail_R.jsp?p_subj=A15387