EXIFEEDI's Science and Technology World

며칠 전, 3월 24일, "플레이톡 그리고 트위터"라는 글을 통해서 <트위터 (http://twitter.com/)>가 가지고 있는 다양한 기능 – <트위터맵 (http://twittermap.com/maps/)>이나 <트위터비전 (http://twittermap.com/twittervision/)> – 에 관한 글을 올렸었었는데 말이죠, 이번에는 그에 관한 얘기를 해 볼까 합니다.


<트위터>에 관한 글을 올린 직후, <플레이톡>에 그런 기능을 요구하기로 한 것입니다. 그래서 <플레이톡>의 관리자인 <HAN>님께 제 요구 사항을 들어 달라고 글을 올렸죠. 그랬더니, 준비가 돼 있다고 그러는 게 아니겠습니까? 공개만 하지 않았을 뿐이라는 거죠. 과연, 사실일까요?



그랬는데, 이렇게 떡하니 <플톡 지역 서비스>라는 이름으로 광고를 하고 있네요?



정말 준비를 하고 있었던 일이건, 뒤늦게 준비를 시작한 일이건, 아무튼 새로운 서비스가 등장한다는 것은 항상 흥미진진합니다. 과연 <트위터>가 보여 줬던 영향력과 비교해서 어떤 결과를 보여 줄 것인지, 흥미진진합니다.

혹시 <플레이톡>에 건의 사항이 없나요? HAN님이 바로 답장을 날려 줄 겁니다.

나는 미처 모르고 있었지만, 한동안 사람들이 <플레이톡(http://playtalk.net)>과 <미투데이(http://me2day.net/)>, 누가 원조냐에 대한 논쟁이 있었던 모양이다. 결론은 '둘 다 최초가 아니다!'는 것. 뭐, 이 자리에서 누가 옳고 그르냐 이런 얘기를 하려는 것은 아니고, 그러다가 발견한 <트위터(http://twitter.com/)>라는 사이트에 대해서 이야기하고자 한다. 이 사이트가 바로 <플레이톡>과 <미투데이>의 원조 사이트라고 많은 사람들이 손꼽아 이야기하던 그것이다.


첫 화면에는 <플레이톡>의 라운지와 같이 새로 올린 글이 표시된다. 뭐, 이것만 봐서는 그다지 특이하다거나 신선하다거나 하는 생각이 들지 않는다. 이미 <플레이톡>에서 익숙해져서 그런 것인지도 모르겠다.




<플레이톡>에서는 라운지에서 볼 수 있는 글이 최근에 등록된 글 몇 개에 불과하기 때문에 한번 지나가 버리면 다시 찾기가 참 힘들게 되어 있다. 하지만 <트위터>는 <트위터서치(http://twittermap.com/search/)>를 통해 사람들이 등록한 글을 검색할 수 있게 되어 있다.



그보다 더욱 흥미로운 기능은 <트위터맵(http://twittermap.com/maps/)>이다. 이것은 사용자가 자신의 위치 정보를 입력하면 구글맵에 자기 위치가 표시되도록 하는 기능이다. 그림에서 보이는 빨간색 말풍선에 마우스를 가져다 대면 거기에 해당하는 글이 표시된다.



그리고 가장 흥미로운 기능을 꼽으라면, <트위터비전(http://twittermap.com/twittervision/)>이다. <플레이톡>에서는 새로 등록된 글을 읽으려면 매번 라운지에 가야 한다. 하지만 <트위터비전>에서는 어떤 사람이 새로 글을 올리면 그 글이 구글맵 상에 "거의" 실시간으로 표시된다. 여기에서 "거의"라고 이야기한 것은, 등록되는 글이 몇 분 전에 작성된 것이기 때문이다. 왜 몇 분 늦춰 등록되는지는 모르겠지만, 아무튼 <트위터비전>을 보고 있으면 정말 재미있다. 새로 글이 뜰 때마다 지도가 이동해서 그곳을 보여 주기 때문이다.

아래 동영상은 YouTube에 등록된 <트위터비전> 관련 영상이다.



<플레이톡>이건 <미투데이>건, 최초의 서비스가 아니라면 최초를 능가하는 서비스를 보일 수 있었으면 한다. 다행히 이들 서비스가 이용자들의 의견을 적극 반영하는 모습이 보이고 있으니 향후의 행보를 더욱 기대해도 좋을 것 같다.

1.

플레이톡에 대해 검색하다가 우연히 월드시티(http://travel.playtalk.net/)이라는 사이트에 대해서 알게 되었다. 여행 관련된 컨텐츠를 검색할 수 있게 해 주는 사이트인데, 아직은 베타 버전이기 때문에 향후 어떤 방향으로 나아가게 될지 지켜보는 재미가 있을 것 같다. 주소를 보면 알 수 있듯이, 플레이톡과 월드시티는 형제이다. 둘 다 mncsoft라는 곳에서 서비스하고 있다.

첫 화면은 별다른 기교 없이 검색창 하나와 여러 여행지 링크만 걸려 있다. 그 중 로마로 향해 보기로 했다.


결과를 보니 지도와 함께 블로거들이 여행지에 대해 적은 글이 함께 검색된다. 지도는 구글맵을 이용하고 있다. 지도 옆에 있는 [로마 여행지도]를 클릭해 보면 다음과 같이 볼거리, 호텔 및 숙소, 맛집, 쇼핑, 기타 등으로 여러 가지 항목이 나온다.


지금까지는 단지 여행 정보만 간략히 보여 주는 베타 서비스에 불과(사실, 아직은 여행에 관한 정보를 충분히 제공한다고 보기에 많이 미흡하다)하지만, 향후에는 어떤 방향으로 성장해 나갈지 기대가 된다. 화면 오른쪽 위에 [마이 플레이톡 홈]이라는 링크가 있는 것으로 보아, 향후 플레이톡과 연계 서비스를 펼칠 가능성도 있는 것 같다.



2.

다음으로는 윙버스(http://www.wingbus.com/)이다. 월드시티에 비해 훨씬 세련된 느낌을 준다. 하지만 월드시티의 경우에는 각 지역을 검색할 수 있도록 검색창이 달려 있었던 반면, 윙버스는 제한된 몇 개의 도시에 대해서만 살필 수 있다.


이번에도 로마를 선택해 들어가 보았다.


그 도시에 관한 관련글과 추천 여행지, 지도 등이 나와 있다. 지도는 월드시티와 마찬가지로 구글맵을 이용하고 있다. 역시 검색에 의해 결과를 보여주기보다는 사람의 손으로 정돈된 느낌을 준다.


똑같이 구글맵을 이용하지만 윙버스 쪽이 좀더 정돈된 느낌이다.


또한 윙버스에서는 PDF 형태로 미니가이드를 제공해 주고 있었다. 아직은 도쿄에 한정될 뿐이지만 향후 그 서비스 지역이 점차 확대될 것으로 기대한다.


이처럼, 월드시티와 윙버스는 아직 시작 단계이기는 하지만 자신만의 고유한 색을 가지고 출발하는 것 같다. 월드시티는 검색을 통해 많은 정보를 사용자가 얻을 수 있도록 해 주는 반면, 윙버스는 지역이 한정되기는 하지만 깔끔한 인터페이스와 정돈된 결과로 사용자들에게 정보를 제공해 주고자 하고 있다. 월드시티의 경우에는 플레이톡과의 연계를 통해 시너지를 발휘할 가능성도 엿보인다.



3.

월드시티와 윙버스에 관련된 글을 검색하다가 해모수닷컴(http://www.hemosoo.com/)이라는 여행 포털도 발견했다. 솔직히 말해 해모수닷컴은 한눈에 시선을 사로잡기에는 아직 조금 부족해 보인다. 해모수닷컴이 여행 관련 검색한 결과를 여행 상품과 연계해 제공해 준다는 점은 장점이지만, 아직은 기존 포털에서의 검색 결과와 차별화를 이루고 있지 못하고 있는 것 같다는 생각이 들게 한다.

사실 그것은 태생적으로 그런 결과가 예상된 것인지도 모르겠다. 해모수닷컴의 경우, 여행 상품은 여행사인 투어익스프레스에서, 검색 결과는 포털사인 검색엔진솔루션회사인 다음소프트에서 제공한 것이기 때문이다. 물론, 이 둘이 엄청난 시너지를 일으킬 가능성도 있지만 말이다.


어쨌거나, 첫 화면은 가장 깔끔하다.



[참고]

이올린에서 사람들이 하도 플레이톡 이야기를 많이 하길래 나도 얼떨결에 하나 만들어 보았다.

익명의 대화방 같은 느낌이 들기도 하고, 묘하게도 그냥 아무 이야기나 해도 될 것 같은 분위기가 재미있었다. 마침 emotionblog에서 티스토리용 플레이톡 플러그인을 만들어 코드를 공개하였길래 한번 설치해 보았다. 코드에서 플레이톡 사용자 아이디만 설정해 주면 다음과 같이 플레이톡에서 쓴 글을 사이드바에서도 볼 수 있다.


플러그인 설치에 도움이 된 Gonstory.net, 벗님의 작은 다락방에도 감사의 말을 전한다.



[2007년 3월 20일 추가 내용]
혹시 필요한 분들을 위해 이용한 코드를 올린다.
아래 코드는 emotionblog에서 작성한 코드를 내 상황에 맞게 일부 수정한 것이다.

<s_sidebar_element> <!-- 플레이톡 --> <div class="playtalk"> <h3>플레이톡</h3> <ul> <script type="text/javascript"> /* * John Resig의 RSS to JSON Convertor를 사용하였습니다. * - Site : http://ejohn.org/projects/rss2json/ * - Licensed: Creative Commons Attribution 2.5 License * * 사용법 * - 아래 변수를 수정하고 페이지 내용 중 원하는 부분에 붙여 넣으시면 됩니다. * - size : 리스트의 출력 개수입니다. * - length: 리스트의 한줄당 표현 길이입니다. 0을 주시면 모두 표현됩니다. * - id : PlayTalk의 사용자 ID입니다. * * 기타 * - John Resig의 사이트를 거쳐 오기 때문에 느릴 수도 있고, * 불시에 동작하지 않을 수 있습니다. * - UTF-8이 아닐 경우 한글이 깨질 수 있습니다. * - 스타일을 변경하시려면 소스 내용을 수정하세요. * - 라이센스는 동일하게 CCL (By) 2.5 입니다. */ var size = 5; // 출력 개수 var length = 25; // 항목당 표현 길이 var id = 'exifeedi'; // PlayTalk 아이디 var style = '#playtalk { font:9pt auto; color:#444; line-height:1.4em; font-family:맑은 고딕,Lucida Sans,Lucida Grande,Segoe UI,Arial,Helvetica,Sans Serif; }' + '#playtalk a { color:#444; text-decoration:none; }' + '#playtalk a:hover { color:#c00; }' + '#playtalk h3 { margin:0.5em 0; padding-left:20px; font-size:1em; ' + ' color:#000; border-bottom:1px dotted #aaa; background:url(' + ' http://www.famfamfam.com/lab/icons/mini/icons/comment_yellow.gif' + ' ) no-repeat left center; }' + '#playtalk ol { margin:0; padding:0; list-style:none; }' + '#playtalk li { margin:0; padding:0; color:#444; }'; document.write('<style type="text/css">' + style + '</style>') document.write('<div id="playtalk">PlayTalk loading...</div>'); // ---------- function getTalk() { var s = document.createElement('script'); s.type = 'text/javascript'; s.src = 'http://ejohn.org/apps/rss2json/?url=http://playtalk.net/' + id + '/rss.aspx&callback=putTalk&t=' + (new Date()).getTime(); document.getElementsByTagName('head')[0].appendChild(s); } function putTalk(rss) { var html = '<h3><a href="' + rss.link + '" title="' + rss.title + '" target=' + '"exifeedi">' + rss.title + '</a></h3>'; html += '<ol>'; for (var i = 0; i < size && i < rss.entries.length; i++) { var entry = rss.entries[i]; html += '<li><a href="' + entry.link + '" title="' + entry.title + '\n' + entry.content + '" target=' + '"exifeedi">' + ellipsis(entry.content, length) + '</a></li>'; } html += '</ol>'; document.getElementById('playtalk').innerHTML = html; } function ellipsis(text, size) { if (size == 0) return text; var index = 0; var count = 0; for (index = 0; index < text.length; index++) { if (count >= size) { return text.substring(0, index).replace(/\s+$/, '') + '...'; } count += escape(text.charAt(index)).indexOf('%u') > -1 ? 2 : 1; } return text; } getTalk(); </script> </ul> </div> </s_sidebar_element>