Blogcon 후기 | 2008/09/17 20:40


뻘쭘하게 테스트중

8월 4일 - 8월 24일까지 디자인은 ""다 에서 Blogcon - Blogger connection이라는 주제로 마포 디자인 클러스터에서 전시를 했습니다.

전시 기간동안 미국에 가 있었던 관계로 많이 케어를 못했는데, 역시나 도메인 expired되고 서버 다 죽고ㅋㅋ 프로그램 죽고 난리도 아니었네요, 문제점을 좀 분석해보면서 업그레이드를 해봐야 겠습니다.


전시장 모습


하얀색 블로그인 관계로 스크린샷이 전부 날아갔음;


Blogcon - Blog Connection in Korea from So, Won-young on Vimeo.

Blogcon은 올해 3월에 했던 블로거 컨퍼런스에 참여한 사람들의 데이터를 기준으로 작업한 것입니다. 이 때 참여한 블로거들은 어찌보면 액티브한 우리나라 블로거들이라고 볼 수 있는데, 3000명 정도였으니 그들간의 관계를 탐색하는 작업을 해보면 재밌겠다고 생각했습니다. 사실, 우리나라의 블로거들은 대기업 포털블로그 서비스에 종속적인 경향이 있으므로 더욱 더 엮어내기가 쉬울 것 같다는 생각도 했습니다.

어떤 데이터를 가지고 블로거들을 엮을 수 있을까요?
첫째로, 블로그 안에서 태그의 의미를 잘 알고 쓰는 유저라면(블로거 컨퍼런스를 들으러 올 정도의 유저라면?) 태그는 유의미한 데이터가 될 수 있을 것입니다. 다른 두 블로그가 같은 태그를 사용했을 시, Similar Interest로 분류하고 두 블로그는 연결되었다고 가정합니다.

또한 추가적인 변수로서, 블로그의 디자인은 우리나라의 경우 포털 블로그의 영향으로 같은 디자인이 존재할 수 있긴 하지만, 그래도 액티브한 유저의 경우에는 디자인을 다르게 했다고 생각하고, 이것이 그 개인의 성향을 나타냈다고 가정했습니다.

두 가지의 변수를 토대로 태그는 Interest, 디자인은 Feeling 변수로 생각하여 커넥션을 보여줍니다. 트랜지션 방법은 연결된 4개의 블로그 중 하나를 무작위로 선택하여 옮겨 다니는 방식이었습니다.


Similar Interest, Similar Feeling



인터랙티브 모드


키보드와 Xbox360 Controller


Blogcon - Blog Connection, Interactive Mode from So, Won-young on Vimeo.

자신의 블로그를 DB에 추가시켜서 앞에서 설명했던 Interest와 Feeling을 볼 수 있게 했습니다. 덕분에 XNA에서 텍스트박스를 직접 만들게 되는 불상사(?) 가 생기기도 했습니다(블로그 주소를 입력하게)

블로그 주소를 입력하면 - > 원격 WebBrower가 그 블로그의 화면을 캡쳐받고 -> 다운샘플링 후 -> 색깔을 넘겨받아 원격 웹서버에 정보를 등록합니다.


다운샘플링의 원리 -> 모자이크 하듯이 대표 색을 뽑아냄

넘겨진 정보는 태그와 색깔이 일치하는 블로그들을 넘겨주고, 그것을 토대로 시각화하게 됩니다.
또 하나의 재미로 넣은 것은 XBox Controller를 이용해서 3D 공간에 퍼져있는 블로그들에 접근할 수 있게 한것인데요. 블로그 공간에 접근하면 이전과 마찬가지로 관심사와 느낌을 뽑아주고, 라인을 따라가다보면 연결연결된 블로그들을 추가적으로 볼 수 있게 됩니다.



하지만,

멀티스레딩 초보의 완벽할 실수로 스레드 관리가 잘 안되서, 다운되는 경우가 많았고 이리저리 인터랙션 설계도 미흡한 부분이 많았습니다. 너무 급하게 업그레이드 하느라 이래저래 소홀한 부분이 있었구요.. 다음에 한번 더 업그레이드해서, 목표는 NHN에 갖다 파는 겁니다.



TAG : blog, blog connection, blogcon, blogger, data visualization, DirectX, xna



Online VDJing Project - vvvv로 DirectX 데이터 전송하기 | 2007/07/15 16:17

사용자 삽입 이미지









올해 봄부터 천천히 생각해오고 있는 Online VDJing Project를 여름방학이 되면서 차근 차근 진행시켜 나가고 있습니다. 네트웍 관련하여 이 프로젝트를 구현할 수 있는가에 대한 자문도 받았구요. 그리하여 도달한 결론은 "일단 최소한의 데이터를 상대방에게 전달하는 연습을 해 보자" 였습니다.

확장성 하나로는 세계 최고인 vvvv에 역시나 이런 기능은 숨어 있었습니다. Boygroup이라는 기능인데요. vvvv Patch 안에 있는 데이터를(기타 텍스쳐 파일, 비디오파일은 전송이 되지 않습니다. 그래서 더 빠른 것 같아요) 상대방에게 전부 전송하는 역할을 합니다.

1. vvvv에서 클라이언트와 서버를 지정해주는 작업을 해줍니다. vvvv가 깔려있는 폴더 안에는 Args.txt라는 파일이 있는데, 이 파일의 내용을

클라이언트의 경우 : /client serverip ex) /client 123.34.49.12
서버의 경우 : /server

로 저장해주면 됩니다.

2. 클라이언트의 경우 서버로부터 데이터를 받아오는 준비는 끝났고, 서버에서 설정을 하면 됩니다. 먼저. Boygroup(vvvv server)라는 노드를 꺼내와서. 클라이언트 아이피를 적는 부분에 클라이언트의 ip를 적어 줍니다.
사용자 삽입 이미지













 




연결이 잘 되었다면, Connected 부분이 0에서 1로 바뀌면서 연결이 되었다는 것이 표시가 됩니다.

3. 모든 준비는 끝났습니다. 이제 패치에서 자신이 구현하고 싶은 모든 것을 구현하고, 렌더러에 Ctrl+B를 누르면 이 모든 과정이 클라이언트에게 전송됩니다. DirectX Renderer를 포함 모든 Patch 데이터가 넘어가지만, 텍스쳐나 비디오 데이터는 넘어가지 않으므로 도리어 더 빠른 속도가 보장된다고 생각합니다.

네트웍 렌더링 시연을 해보았는데, 잘 됩니다. 캡쳐 화면은 Sunshine Underground의 준기형과 함께 하였고, 캡쳐 화면을 제공받았음을 알립니다.

사용자 삽입 이미지

Boygrouping Success! - Client



















사용자 삽입 이미지

Boygrouping success -server














TAG : data transfer, DirectX, dj, djing, media art, vdj, VDJing, vj, vvvv



VVVV Screenshots of the day | 2007/07/08 18:27

사용자 삽입 이미지





















a snapshot called rose3-DirectX Renderer.

Built with vvvv


TAG : DirectX, vvvv






media art vjing Flash 미디어아트 30개의생각 vvvv Processing ccrealmixter creative commons Graphic Design typography xna Seoul Media Jam 2nd typesql 정재형 DirectX 희망청 adaa data visualization Bon Jovi interaction as3 VDJing code can be art papervision3d vj arduino composition peppertones wearable

메뉴 (92)
Media Art (35)
Graphic Design (6)
Flash (6)
Works (34)
Experiment (3)
Music (6)

Recent Articles : 30일, 30개의... (5) // 30일, 30개의... // 30일, 30개의... (1) // 30일, 30개의... (2) // 30일, 30개의... //
Recent Replies : 안녕하세요 inde... anbin 02/16 // 관리자만 볼 수... 2009 // OLPC 창립자 만났... mari 2009 // 010 6776 4543. 소기영 2009 // 이런 ㅅㅂ 휴가... 소기영 2009 //
Recent Trackbacks : djyiuihv. djyiuihv 02/17 / topamax side eff... topamax side eff.. 02/17 / avapro. avapro 02/17 /
Site Link : HYPERCORTEX.   it's the re...   take-off.   venux.   피 패러다임.   해멍대발견!!!.  

Total 114494   Today 9   Yesterday 22