웹 어노테이션 - 오픈마루 레몬펜, Google Note

한번 설치해야겠다. 해야겠다면서 미루고 있다가
오늘 아침, 응모당첨을 통해 레몬펜쿠션을 준다는 메일을 받고 바로 설치했다. ^^;;

#. 오픈마루 레몬펜, Google Note
웹 서핑을 하다보면 보면 "이 페이지 정말 유용하네... 기억하고 있어야겠는데...알려줘야하는데.."라는 생각을 종종 한다. 내가 처음 컴퓨터를 배우기 시작했을 때가 생각난다. 기억하고 싶은 페이지 혹은 교수님이 알려주는 사이트를 기억하려 할 때 , 메모장에 그 긴URL을 펜으로 따라 적고, 별표 다섯개와 함께 "이 페이지에서 시험 문제 60% 나옴!"이라고 적곤 했던게 기억난다. 워낙 악필이라 나중에 못알아 보면 대략 낭패!였지만...
 
사용자 삽입 이미지

오픈마루의 레몬펜[1]은 웹 페이지에 바로 주석을 달고 저장할 수 있는 스크립트를 제공한다. 레몬펜을 애용해 쪽지와 태그를 달면 내 스크랩페이지로 저장 된다. (요즘 태그라고 하면 한 두 단어로 된 꼬리표정도로 얘기되는것 같다.)
이를 이용한다면 유용한 페이지의 즐겨찾기 역할을 하겠고, 포스팅 글의 의문점이 있으면 QnA게시판 역할을 하겠고, 알리고자 하는 것에 홍보 역할도 할 수 있을것이다. 

나도 모르게 페이지에 달린 쪽지를 보면 호기심에 펼쳐보게 된다. 영양가 없는 글도 있지만 관심이 있어 하는 글은 쪽지를 추가하여 게시 글의 피드백을 받아 볼 수 도 있다.

사용자 삽입 이미지

Google의 Note[2]도 비슷한 기능을 제공한다. 크게 다른 점이 있다면 오픈마루 레몬펜은 사이트를 제공하는 사람이 레몬펜 스크립트를 추가해야 사용자가 쪽지를 달 수 있지만, Google Note는 사이트에 쪽지를 달고 싶어하는 사람이 Note확장버전[3]을 이용하여 쪽지(주석)을 달 수 있다. Google은 이런 주석데이터, 검색로그데이터, 블로그의 정보등 모든 데이터를 모아모아 관리하고 있다. 나중에 내가 죽더라도 행적이 다 남아 있을까 무섭다. 이제 야시시한 사이트도 맘 놓고 못돌아다니겠네 :-)

오픈마루 레몬펜 처럼 서버사이드에서 이런 기능을 제공하면 사이트에 모인 쪽지들을 지나가는 모든 사람들과 함께 공유할 수 있다(비공개로 처리할 수 도 있겠다), 하지만 Google Note는 자신만의 (혹은 공유한 사람들과) 노트가 된다.
사실 따지고 보면 공유의 문제는 양쪽 다 옵션으로 남겨둔거나 마찬가지이지만...

#. 어노테이션 이야기
어노테이션은 아래 그림 처럼 추가적인 정보를 표기해두는 것이라고 할 수 있다.



그러면 웹에서 어노테이션이란? 웹에서도 위의 그림처럼 하겠다는 것이다.  그런데 웹이란 녀석이 내 모니터안에서 펼쳐져 있다고 해도 이는 서버사이드에서 제공하는 것이요, 나만의 웹이라 할 수 없기에 내가 주석(어노테이션)을 했다 하더라도 이는 F5번 한방으로 날아가 버리고 만다. 방법으로는 [예전글]에서 처럼 내부에 저장해 제공하는 방법과 외부에서 참조정보를 저장하는 방법이 있다.

오픈마루 레몬펜이 참조정보와 어노테이션 정보(쪽지, 태그)를 서버에 저장하는 외부 어노테이션 방식을 사용하는 것이다.
비슷한 시나리오로 Annotea[6]란 것도 있다. W3C에서 연구를 진행했는데 지금은 그리 활동적이지 못한 것 같다. 이 슬라이드를 보면  대략 Annotea가 어떤 것을 하는지 알수 있다. 간단히 말하면 어노테이션 된 정보를 RDF구조에 담아 주고 받는 인프라를 제공하자는 것이다.

다른 W3c에서 현재 Working Draft로 있는 RDFa[5]란 스팩을 보면 XHTML엘리먼트의 데이터를 다른 리소스와 연결시켜주는 방식을 사용하고 있다.

<html xmlns:contact="http://www.w3.org/2001/vcard-rdf/3.0#">
...
<body>
...
<span property="contact:fn">김광섭</span>.
...
</body>
</html>

<span>엘리먼트의 내용인 "김광섭"은 contact:fn의 타입이라는 것을 알 수 있다.  소개 동영상

RDFa on Rails란 것도 있으니 참고하세요.


[1] http://www.lemonpen.com/
[2] http://www.google.com/notebook
[3] http://www.google.com/notebook/download#
[4] http://bklab.snu.ac.kr/blog/kwangsub/11
[5] http://www.w3.org/TR/xhtml-rdfa-primer/
[6] http://www.w3.org/2001/Annotea/#overview

댓글

이 블로그의 인기 게시물

Protopage.com

Android, MediaPlayer IllegalStateException 상황