2009년 대한민국 매시업 경진대회에 작품을 제출하였습니다.
아래는 튜토리얼 동영상입니다.
튜토리얼은 기능의 일부만 소개했습니다. 자신이 직접 조합하여 다양한 기능을 만들 수 있습니다.
한달 넘게 나름 작업을 했는데, 설치하여 실행 해 보시고 코멘트 부탁드립니다~
작품이 괜찮다면 추천해주시면 감사하겠습니다.
추천 및 코멘트 남기기
설치하기
설치하시고 시작->프로그램->Kim Joon Soo->qaMuo로 실행하시면 됩니다.
아래는 제출했던 요약정보입니다.
1. 목적
웹을 뒤집어 보기
이 하나의 목적을 가지고 프로젝트를 시작하였습니다.
이름도
onWeb을 180도 뒤집으면 생기는 이름인 qaMuo가 프로젝트 이름입니다. 웹을 뒤집어(다르게 해석 해) 보겠다는 의지를 표현한 네이밍입니다. 읽을 때는
카뮤로 읽어주세요.
브라우저의 제한된 창에 불편함을 느끼고 개인의 탐색의 자유를 표현하기 위해 시도해 보았습니다. 웹은 연결되어 있지만, 우리는 연결된 탐색을 하고 있을까요? 연결없이 접근하는 지금의 방식에서 탈피해 보고 싶었습니다.
보이는 결과에 만족하지 않고, 자신이 직접 연결하고 조립하여 정보를 재구성하는 미래지향적인 정보탐색을 꿈 꿔 봅니다.
2. 특징
카뮤의 시스템은 크게 웨이브와 웨이브생성기로 나뉩니다.
웨이브는 데이타 혹은 키워드로 생각하시면 됩니다. 모든 이벤트의 핵심 축이죠.
웨이브생성기는 그 웨이브를 받아서 새로운 웨이브를 생성해 줍니다. 함수와 같은 역할입니다. 여기서 말하고 있는 웨이브는 말 그대로 파동입니다. 파동이 또 다른 파동을 낳고 또는 다른 파동으로 변하는 형식입니다.
기본적으로 웨이브 생성기는 On, Off 상태가 있고 설정과 사운드 On, Off 및 파괴가 가능합니다.
세부 설정 및 생성기에 따른 설정은 종류에 따라 다릅니다.
웨이브가 웨이브 생성기로 전달되는 과정은 최근 트렌드인 터치를 살려서 객체간 충돌로 메세지 전달을 표현하였습니다.
카뮤는 자신이 요리하여 자신이 원하는 결과를 만들어 낼 수 있습니다.
예를 들면, 김연아텍스트웨이브 -> 관련검색어 -> 이미지 이런식의 흐름을 자신이 생성할 수 있습니다. 그러면 결과는
김연아 텍스트를 관련검색어로 받아 김연아 관련 키워드를 생성하고 그 관련 검색어들이 이미지로 흘러들어 해당 이미지가 나오게 되는
것이죠. 자유도가 높은 서비스라 유저들의 사용에 따라 그 가치가 결정됩니다.
웨이브생성기의 특징
뉴스 - 입력은 웨이브, 출력은 뉴스제목입니다. 뉴스제목을 더블클릭하면 뉴스 요약을 볼 수 있습니다.
이미지
- 입력은 웨이브, 출력은 이미지 입니다. 현재 한글 검색어는 네이버의 이미지로, 영문검색어는 flickr 이미지로 출력됩니다.
출력된 이미지에도 내부적으로 키워드가 저장되어 있으므로, 다시 이미지 생성기에 입력시킬 수 있습니다.
RSS피드 - 입력은 링크(피드주소), 출력은 피드의 아티클의 제목입니다. 제목을 더블클릭하면 아티클의 내용을 볼 수 있습니다. 피드주소로 입력하지 않고, 주어진 콤보박스에서 선택하여 체크버튼을 누르면 해당 피드의 내용이 출력됩니다.
관련검색어 - 입력은 웨이브, 출력은 관련 검색어. 주어는 입력에 대한 네이버 추천검색어를 보여줍니다.
인기검색어 - 입력은 없습니다. 재생 버튼을 누르면 현재 인기검색어 10개를 계속적으로 출력해 보여줍니다.
번역기 - 입력은 문장이나 단어, 언어간 번역역할을 합니다. 6개 언어를 지원합니다.
웨이브홀더 - 입력은 웨이브, 웨이브 중에 다시 참고하고 싶은 것이나, 보류하고 싶은것들을 홀더에 걸어 놓습니다. 출력이라기 보단 홀더죠.
문장분쇄기 - 입력은 문장, 출력은 단어입니다. 띄어쓰기나 콤마 등의 단위로 문장을 단어로 분리시킵니다.
웹파서 - 입력은 링크(웹주소) 또는 웹사이트이름(네이버 바로가기로 주소를 추출), 텍스트(웹주소), 출력은 웹표준의 결과를 알려주고 해당 사이트의 링크를 모두 출력해 줍니다.
중계기 - 입력은 웨이브, 속도가 떨어진 웨이브를 중계기(Repeater)를 통해 원하는 방향으로 다시 출력해 줍니다.
휴지통 - 입력은 웨이브, 쓰지않는 웨이브는 자원을 소마하고 화면이 지저분해 지므로 휴지통으로 넣습니다. 휴지통을 잡고 이동해 제거해도 됩니다.
이것을 응용하여 자신만의 정보를 찾고 재 구성 할 수 있습니다.
F1은 도움말이고,
F5 ~ F10번을 눌러 동영상 튜토리얼을 볼 수 있습니다.
3. 구현 방법
아이디어의 구현에 집중하기 위해 C#을 선택하였고, 자유로운 비주얼을 살리기 위해, XNA 3.0을 적용하였습니다.
자유로운 객체이동과 우주의 느낌을 전달하기위해 Farseer 2D 물리엔진을 적용하였습니다.
각각의 웨이브생성기는 네이버 인기검색어 API , 네이버 추천검색어 API, 네이버 바로가기 API, 네이버 이미지 API,
다음 뉴스 API, Flickr API, Microsoft Image API, Microsoft News API, Google
Translate API를 이용하였습니다.
웹표준 정보(w3c에서 추출)나 웹파서, RSS피드 등은 직접 파싱하여 서비스 하였습니다.
XNA에서 한글입력(한글IME)이 공식적으로 지원되지 않아 영타를 한글로 바꿔주는 라이브러리를 제작하여 적용하였습니다.
4. 서비스 가능성
인터넷 서비스 중에 사용자가 내용을 편집하여 정보를 탄생시키는 서비스에는 Yahoo Pipe가 있습니다.
물론 추구하는 방향이 다르지만, 정보의 재해석 관점에서는 장르가 유사하다고 생각됩니다.
꼬리를 물고 무는 정보의 거대한 행렬을 통해 또 다른 정보를 만들어가는 것입니다.
수동적으로 만들어진 페이지에서 정보를 얻는 것에서 탈피하여 의미를 가지는 정보를 재가공하고 다른 의미로 재해석하는 서비스가 필요한 시점 이라 생각됩니다.
예상했던 것 보다 규모가 커 한달 반 정도 작업했지만 제가 구상했던 전체시스템의 기능의 절반정도만 구현이 되었습니다. 많은
사람들이 참가할 수 있는 오픈 소스 프로젝트가 되어서 사용자들이 함께 만드는 색다른 그리고 미처 생각해보지 못한 세계를 만들어
보면 좋겠습니다.
5. 설치방법
ClickOnce를 적용하여 처음 설치시에 .net framework 3.5 와 XNA 3.0이 깔려있지 않다면 설치하게 됩니다.
설치파일의 실행(
http://badpixel.net/qaMuo/setup.exe)으로 프로그램을 설치하실 수 있습니다.
http://badpixel.net/qaMuo 여기에 접속하셔서 맨 아래 Install으로 설치하시고, 설치가 완료되면 시작->프로그램->Kim Joon Soo->qaMuo를 실행하시면 됩니다.