MSN Web Messenger Beta

p. Web 기반의 Messenger 서비스인 [“MSN Web Messenger”:http://webmessenger.msn.com/]가 beta-testing 중이다.
h2. First Impression
p. 약간 사용해 본 느낌은 메신저 창이나 대화 창이 초기화되는데 좀 오래걸리는 것 같고, 상대방의 메시지가 도착할 때, 메시지가 기록되는 창으로 focus가 가서 내 typing이 방해받는 것이 신경쓰였다. 그리고 메시지를 보내고 난 후, form이 다시 loading되는데에 걸리는 시간도 불편한 점.
p. 웹브라우저 외에 다른 소프트웨어를 설치 불가능한 곳이라든가…
MSN Messenger 서비스를 사용 불가능한 platform이라든가… (요즘엔 gaim이 파일 전송도 된다는 모양입니다만.. ㅋ) 그런 곳에서는 쓸모가 있을 수는 있겠다.
h2. Technical overview
p. 기술적으로는 이미 존재하기도 했기 때문에 그다지 신기한 것은 아니다. server-side something + HTTP (periodical refresh) + Javascript 정도인 듯. applet이나 ActiveX 기술을 사용하지 않는덕분에 많은 Javascript를 지원하는 웹브라우저에서는 대부분 사용가능하다. (Windows의 IE, Mozilla, Firefox는 물론 OS-X의 Camino나 Linux의 Firefox에서도 동작가능할 것이라고 한다. 실제로 가능한지는 not confirmed.)
다만 인상적인 것은 push에 사용하는 방법이 주기적인 HTTP refresh일 뿐이었는데도, realtime messaging이라는 서비스의 usability에는 그리 치명적이지는 않았다는 것. client-side 및 server-side의 performance가 문제가 될 수는 있겠지만, realtime requirement가 critical하게 중요하지 않은/부차적인 서비스에서는 connection-oriented 기술이 필수적이지 않다는 생각도 해볼 수 있을 것 같다. (예를 들어, 채팅 같이 messaging이 빈번하고 realtime-ness가 중요한 서비스에서는 connection-oriented 기술이 사용자의 experience를 개선하는데에 중요하겠지만, 메시지 전달이 빈번하지 않은 게임 초대 같은 서비스 등에서는 별로 중요하지 않을 수도 있다는 것이다. (물론 user exprience에서의 최선은 connection-oriented이다.)
h2. Inside the MSN Web Messenger
기본적으로 MSN Web Messenger의 UI는 HTML과 Javascript에 기초한다고 보면 된다. 다음은 MSN Web Messenger의 중심이 되는 javascript file을 indentation을 위해 약간 수정한 것이니 참조해보라. (License쪽을 뒤져봐야겠군. ;;)
[“webmessenger.js”:http://www.lastmind.net/archives/20040809/webmessenger.js]
세션의 유지는 server-side에서 이루어진다고 생각된다. client는 어떤 형태로든 session ID를 유지하리라고 추측된다. Javascript에서 connection을 해서 세션을 유지한다거나 하는 것 절대 아니다. ;;;
서버로부터 클라이언트로 push되는 정보는 위에서 언급했듯이 HTTP refresh를 통해 이루어진다. Fiddler같은 HTTP 분석 tool을 사용해보면 5-7초 간격으로 driver.ashx라는 URL을 refresh하는 것을 알 수 있다. 그리고 이 page 내에는 WebMessenger javascript 객체의 method를 통해 상대방이 보낸 메시지나, 친구들의 상태 변경 정보들을 WebMessenger object instance에 update하고 이를 통해 UI에도 반영시키게 된다.
다음은 상대방이 메시지를 보내왔을 때, 이 page의 예이다.



h2. Links
* [” What is MSN Web Messenger?”:http://www.mess.be/msnmessengerfaq/article.php?id=083&action=print]
* [“eMessenger”:http://e-messenger.net/]: MSN Web Messenger와 거의 똑같은 서비스를 하는 web application.
h2. Screenshots
!http://www.lastmind.net/archives/20040809/MSN_Web_Messenger_01.JPG!
!http://www.lastmind.net/archives/20040809/MSN_Web_Messenger_02.JPG!