김한뫼 프로젝트

주제 : 연결

구상

연결이라는 주제가 던져 졌을 때 제일 먼저 떠오른 것이 네트워크이고 네트워크를 떠올리자 지구촌이라는 단어가 떠올랐다. 누군가 중국과 일본의 관계에 대해서 웬만큼 지식이 있다고 생각하는 친구에게   ‘세르비아와 오스트리아의 역사적 관계는 어떠한가? 터키와 이라크와의 종교 관계는?’이라는 질문을 한다면 그 친구는 어떻게 반응할까?

이 국가와 저 국가 간의 역사, 외교, 무역, 군사 관계 등을 그래픽적인 요소로 한 눈에 보여 줄 수 있는 어플리케이션이 있다면 재미있고 유용하지 않을까 하는데 생각이 미쳤다. 더욱이 그 자료를 개인이 점차 추가할 수 있는 구조라면 더 좋겠다는 생각을 했다.

컨셉

주변국에 관심을

 

외관

오프라인 윈도우 어플리케이션으로 제작되며 일체의 상호작용은 PC의 키보드와 마우스와 같은 기본적인 입력장치로 처리된다. 내용을 콘솔창에 띄울지 위젯과 같은 형식으로 제작될 지는 차 후 기술적인 문제를 검토한 후에 결정할 것이다.

메인 윈도우에 지구 모형을 3D로 표현, 마우스나 버튼을 이용한 확대, 축소 및 회전을 수행하고 대상 지역을 클릭함으로써 서브 윈도우에 내용이 표시되는 구조. 자료의 입력에 관한 부분은 좀 더 연구가 필요하다.

IRRLICHT Engine?

http://irrlicht.sourceforge.net/docu/annotated.html

Features :
The Irrlicht Engine is a cross-platform high performance realtime 3D engine written in C++. It is a powerful high level API for creating complete 3D and 2D applications like games or scientific visualizations. It comes with an excellent documentation and integrates all the state-of-the-art features for visual representation like dynamic shadows, particle systems, character animation, indoor and outdoor technology, and collision detection. All this is accessible through a well designed C++ interface, which is extremely easy to use. 

클래스 설계를 잘 해놨고 레퍼런스 문서도 일목요연하게 정리가 잘 되어있다.Irrlcht 외에 공개엔진으로 많이 쓰이는 것으로 ogre엔진이 있는데 ogre가 가지는 렌더링에서의 강점이 매력적이지만 클래스 설계의 난해함이 나 같은 초보에게는 선택을 꺼리게 되는 원인이 되었다.

http://www.ogre3d.org/index.php?set_albumName=album06&id=guilderstein3&option=com_gallery&Itemid=55&include=view_photo.php http://www.ogre3d.org/index.php?set_albumName=album59&id=ac_03_1024&option=com_gallery&Itemid=55&include=view_photo.php

현재 객체를 제어하고 빈 인터페이스를 통합하는 단계에 있다.

유주영 기말 프로젝트

이번 프로젝트는

‘상호 작용성을 이용한 광고 컨텐츠의 활용방법’을 주제로 진행하려고 합니다.

내용으로는

청계천의 홍보 컨텐츠를 청계천을 모티브로 한 인터랙션 디자인 설치물을 활용하여 재생하는 것 입니다.

청계천의 물고기들을 실제보다 더 리얼하고 생동감 있게 구성하여 사람의 반응에 반응하도록 제작하고

센싱을 통하여 자연스럽게 홍보 컨텐츠가 재생될 수 있도록 할 것 입니다.

예시로서 Coex TTL 존의 인터랙션 설치물을 들 수 있습니다.

<img src=”http://link.webhard.co.kr/img/HDJ_IDKODE9_FD200710091002746696F4B38” />
<img src=”http://link.webhard.co.kr/img/HDJ_IDKODE9_FD2007100910027466975C838” />

이 프로젝트는 한성대학교의 인터랙션 연구팀과 공동으로 작업하며 저는 여기서 인터랙션 디자인과 디자인 개발 총괄을 맡아 진행 합니다.

—Concept—

 

작품의 컨셉트는 ‘인터랙션 작품속에서 자연스럽게 광고 컨텐츠를 경험하는 것’ 이다.

청계천 홍보관에 설치 예정으로 청계천의 환경을 비쥬얼 컨셉트로 설정 하였다.

이 프로젝트의 결과물은 두 가지로 제작이 된다.

하나는 벽면에 설치되는 벽면형이고 하나는 바닥에 설치되는 바닥형이다 벽면형의 경우는 front, side뷰 바닥형의 경우는 top뷰의 뷰포인트 값을 가진다.

-청계천 홍보관 : 바닥형은 이곳에 설치 예정이다.-

인터랙티브 광고 시장을 살펴 보도록 하겠다.

*아래의 이미지들은 http://blog.daum.net/ubad11/6682171 에서 가져온 것이다.

먼저 코엑스몰에 설치된 작업물을 보자

그림자를 감지하는 카메라 모듈을 이용하여 간단한 인터랙션으로 여러가지 흥미로운 컨텐츠 들을 많이 제작하였다. 어른들보다는 어린이들에게 인기가 매우 높다.

광고가 주기적으로 많이 바뀌는 편인데 코카콜라나 화장품등의 오브젝트를 활용하여 재밌는 게임들이 많이 있다.

두 번째로 BMW의 광고 이다.

사람이 가까이 가면 헤드라이트에 불이들어오고 시동 소리가 들린다고 한다.

비쥬얼 보다는 청각의 메세지가 더 강한다. 잘 활용한 것 같다.

다음은 리바이스의 옥외 광고

사용자 참여를 효과적으로 이끌어낸 경우 이다.

도시락의 인터랙티브 광고

설치물에서 직접 음악을 들을 수 있다.

마지막으로 PSP의 광고

컨텐츠를 설치물에서 다운받을 수 있다.

제품에 내장된 무선랜 기능을 효과적으로 활용한 예이다.

컨텐츠들의 자세한 내용은

http://blog.daum.net/ubad11/6682171

를 참고 바란다.

필자도 이외에 이런 다양한 설치물들을 접해본 경험이 있다.

이러한 인터랙션을 이용한 컨텐츠들의 공통점은 사용자 참여와 경험을 통해 내용을 전달한다는 것이다. 일방적인 메세지보다 훨씬 효과가 크며 재미있고 광고외에도 다양한 경험을 하게된다.

—Interaction Story—

 

컨텐츠에 대한 개략적인 내용을 정리 해 보았다.

사람들은 흔히 어항속의 물고기들을 보게되면 손가락으로 건드려 보거나 손바닥으로 쳐보거나 하는 행동을 하게 된다. 그러면 물고기가 깜작 놀라 달아나기도 하고 빛이 나는 물체나 먹이를 들고 가져가면 또 어떤때에는 그 곳으로 모이기도 한다.
그리고 물고기를 기르다 보면 새끼들이 자라 어미가 되는 모습도 볼 수 있고 또 어항을 가진 사람들은 어항속을 자신만의 오브젝트로 꾸미기도 한다.

이러한 것들을 벽면형에서 응용해 보고자 한다.

물론 실제와 똑같이 제작하지는 않는다. 그리고 동영상과 같이 일방적인 움직임이 아닌 다양한 인터랙션 효과를 줄 것이다.

정리를 해보자

1. 사람이 다가가면 아니면 손으로 반응을 보이면 물고기들은 도망간다.
2. 어떤 때에는 물고기들이 손을 흔든 곳으로 모이기도 한다.
3. 물고기들은 모습이 다른 모습으로 바뀌기도 한다. (ex : 새끼 -> 어미)
4. 물고기들이 있는 곳의 비쥬얼이 사용자의 어떤 행동으로 바뀌게 된다.
5. 유저가 설정한 이미지로 물고기의 모습이 바뀌기도 한다.

—-Technical Issue—

기술적인 내용을 살펴 보자
필자가 TTL을 제작할 당시 제일 어렵고 아쉬었던 부분이 모션 레벨 입력 부분 이었다.

(그림추가)

컨텐츠의 바깥에만 감지가 되어 실제 컨텐츠를 활용하는데 어려움이 있었다.
모션레벨은 말 그대로 보션이 움직인 범위를 감지 한 것이다. 이게 컨텐츠 안쪽으로 들어오게 되면 컨텐츠 내의 움직임도 감지 되기 때문에 많은 시도를 했었다.

디렉터의 TrackThemColors 엑스트라로 칼라값을 추적해 보기도 하고 다른 센서를 부착해 보기도 하고 하였는데 이 부분은 한성대학교 연구팀에서 다음과 같이 처리가 되었다.

1. 설치된 작품의 매체는 PDP이다
2. PDP는 기본적으로 빛이 나는 발광체 이다.
3. 카메라의 노출 셋팅에서 노출셋팅을 오버하게 되면 PDP 화면내의 모션레벨값은 감지 하지 않게 된다.

이미지상의 사각형들은 모션레벨을 감지하는 포인트 이다

박경원, 박현준 기말프로젝트

_Abstract

서로 독립되어있는 모듈들이 사용자에 의해 자유롭게 쌓여지고 맞닿게 되면서 빛이 생성된다.
_Design Concept

정육면체의 철사로 이루어진 모듈을 만들고 그 중심에 LED를 넣는다.
_User Scenario

메인 모듈의 안에 있는 LED로 (+)가 연결되고 그것을 감싸고 있는 철사 구조물로 GND가 연결된다.
평상시 밝을 때에는 메인모듈에 연결되 있는 포토셀로인해 불이 켜지지 않고 주위가 어두워 지면 어두워질수록 LED가 켜지고 점점 밝아진다.
각각의 다른 모듈의 LED는 메인회로의 (+)가 연결되어있지만 GND는 연결되어 있지 않는다.
메인 모듈을 중심으로 자유롭게 모듈들을 쌓아 나가면 모듈 안에 있던 LED는 메인회로에 병렬로 연결되며 켜지게 된다.

_Message

연결되야만 작동된다는 인터렉션을 통해 서로가 서로를 받아들이고 이해할때 더욱 큰 시너지가 날 수 있다는 메세지
_Method

메인회로 : 포토셀, 아듀이노 보드
외부 구조물 : 철사,전선
구조물 중심 : LED

_작업진행

전선은 피복을 벗겨내 두겹으로 서로 이어붙인다.
기존 철사를 사용하면 납땜이 잘 되지 않았고
전선을 한겹으로만 사용하면 너무 얇아 튼튼하지 않았다.

_LED

LED는 세개를 서로 병렬로 이어붙인다.

LED의 그라운드부분을 철사를 사용해 각 모듈의 프레임과 연결시키고
(+)분을 얇은 전선을 이용해 메인모듈쪽으로 보내준다.

_Module

완성된 각각의 모듈의 모습

<OFF> <ON>

모듈끼리 서로 닿았을때 불이 켜지는지 테스트

_Main Module

메인모듈을 알루미늄 판넬을 이용해 만들었다.
다른 모듈들과는 다른 형태로 만들어 이 작품의 중심에 놓이는 메인의 느낌을 주었다.

모듈 내부에는 각각의 모듈들의 (+)선들을 배터리와 연결하고
그라운드 또한 메인모듈의 벽면에 납땜하여 배터리와 연결한다.

배터리는 1.2V 2700mAh 세개를 직렬로 연결하고
두세트를 병렬로 연결해 3.6V 5400mAh의 용량을 내줄수 있도록 구성한다.

_SETTING

_처음 기획단계에서 수정사항

1. 포토셀을 사용하지 않았다.
언제 불이켜지고 꺼지는지 확실하게 전달되지 않아
사용자들에게 혼란을 줄것 같아 제외하였다.

2. 메인모듈을 다른모듈의 재료를 사용하지 않고 알루미늄판넬을 이용해 따로 만들었다.
훨씬 작업이 정리되어 보일 수 있었다.

심규하 기말프로젝트 기획서

연결

아날로그에 속하는 페이퍼미디어와 디지털미디어의 결합을 통해

사용자와의 새로운 연결을 시도한다.

Title :

Beyond the Beyond (=interactive book)

Abstract :

읽고 듣는 책.

전통적인 미디어인 페이퍼 미디어는 전자책이 나온 후에도 꾸준히 사랑받고 있다.

그것은 아마도 종이안에서 느껴지는 특유의 재질감, 두께감에서 얻어지는 느낌 때문일 것이다.

그러나 책을 읽으면서, 동시에 메세지를 또는 음악을 듣는다면 사용자는 보다 다른 느낌을 느끼게 될것이다.

또한 책 표지에서는 내지와 통일성있는 아이덴티티로 사람이 책을 만졌을 때, 반응하여 표지에 LCD를 이용한

인터렉션적인 요소를 가미하려고 한다.

Design Concept :

Technology :

Film Speaker : http://www.fils.co.kr/

Flex Snsor

Acrylic Board : 충무로 블랑아크릴

4.0인치 LCD : Sharp 4.0″ Recylce LCD(LQ4RB17/21)

Timeline :

11.07 아크릴릭 커버와 필름스피커를 활용한 디자인 및 기획 PT

11.14 아크릴릭 커버에 필름스피커를 부착하고 테스트본 발표 및 아크릴릭 커버 디자인 발표

11.21 인쇄되어진 책과 함께 발표

11.28 진행