2008년 매쉬업 경진대회 참가 작품 네티즌 심사

• 추천: 38회
• 코멘트: 7개
• 실행 형태: 웹 서비스
• 사용 API: google maps, flickr open api
• URL: http://211.221.225.154/tagme/

http://211.221.225.154/tagme/

1.목적
구글에서 제공하는 맵을 하나의 게임 무대처럼 이용하여 사람들 간의 커뮤니케이션을 즐겁게 할 수 있게 하자는 목표로 프로젝트를 처음 구상했습니다.

2.특징
지도위에 표시된 다른 유저와 채팅할 수 있는 공개 채팅을 제공 합니다. 태그미에서는 자신을 직접 태깅(tag)함으로서, 동일한 태깅을 한 사람끼리 채팅을 할 수 있습니다. 태그미 자체 채팅 외에 MSN 메신저와 연동하여, 태그미 서비스에 가입되지 않은 MSN 메신저 친구와 채팅을 할 수 있습니다. 자기가 지도위에 표시하고 싶은 정보를 플리커 사진 서비스를 이용하여 표시할 수 있습니다.

3.구현 방법
지도위에서 수 많은 유저에게 채팅창을 제공하기 위해서, 웹브라우저를 하나의 어플리케이션으로 만들 필요가 있었습니다. 따라서 모든 서버와의 통신은 AJAX로 구현하였으며, 디자인 또한 Windows 와 비슷하게 하였습니다. 따라서 script.acul.us 와 prototype.js의 오픈 자바스크립트 프레임웍을 이용하였습니다.

사용자들의 브라우저와 서버와의 모든 응답을 AJAX를 이용하므로, 응답의 수가 상당히 많아졌습니다. 상응하는 코드를 적절히 분할하기 위해 MVC방식으로 jsp, 자바 서블렛을 구현했습니다.

또한 서버는 각 사용자의 행동(맵위를 지나다니거나, 로그아웃하거나, 상태변경)이나 다각적인 서비스 요청에 대해 즉각적으로 처리되야 합니다. 이를 위해 내부적으로 메세지 큐와 이를 관리하는 스레드를 구현하였습니다. 서버에서 받은 모든 메세지는 각 사용자를 위한 메세지를 생성하고 생성된 메세지가 해당 사용자에게 있는 경우에만 클라이언트에게 돌아가는 방식입니다. 이는 자원적인 측면에서 효율적이라 할 수 있습니다.

매시업의 구현.

매시업을 오픈 API를 사용하는 좁은 의미에서 보지 않고 넓은 의미에서 생각하여, 이번 프로젝트를 지도와 커뮤니케이션의 결합이라 보았습니다. 일차적으로 구글 맵스를 사용하여 모든 사용자들을 지도위에 뿌려주고 맵위의 사용자들끼리 채팅이 가능하게 하였습니다. MSN 프로토콜을 이용해 MSN 메신저 또한 지원해 해주었습니다. 마지막으로 자신의 정보를 지도위에 마킹하며 로컬 사진을 올릴 수 있게, 혹은 플리커 사진을 검색하는 기능을 추가하였습니다.

4.서비스 가능성
네이트온이나, 엠에스엔 등에서 자사의 채팅 서비스와 결합할 수 있는 좋은 컨텐츠라 생각됩니다.

5.실행방법

회원 가입하고 로그인을 하게 되면 튜토리얼이 있습니다.
심사위원 분께서는 기능 점검을 위해 자신의 아이콘을 드레그하여 위치를 옮기고, 다른 사용자의 아이콘을 클릭하여 대화나 친구 요청을 할 수 있습니다. 상단 메뉴에서 마크업를 사용하여 카탈로그화한 정보를 저장할 수 있고, 태그를 사용하여 다른 사람에게 자신을 나타내는 키워드를 지정할 수 있습니다. 태그는 태그를 사용하는 사람간의 대화 창을 열어줄 수 있습니다.

코멘트