KR20090053984A - 웹페이지 주석 구조, 웹페이지 주석 시스템 및 그 방법 - Google Patents

Abstract

웹페이지 주석 구조, 웹페이지 주석 시스템 및 그 방법을 제공한다. 상기 웹페이지 주석 구조는 웹 브라우저로 열어놓은 웹페이지를 기반 웹페이지로 하고, 상기 웹페이지 위에 XML 벡터 그래픽 웹페이지 주석을 덮어씌우고, 상기 XML 벡터 그래픽 웹페이지 주석은 사용자가 생성한 주석층을 포함하고, 모든 사용자는 같은 웹페이지에서 자기 자신만의 주석층을 구축할 수 있게 하고, 같은 기반 웹페이지를 덮는 다층 벡터 그래픽 주석층을 형성한다. 사용자는 기반 웹페이지에서 여러 가지 주석물을 편집하고, 상기 편집물을 자기 자신의 주석층에 입력하고, 상기 주석층은 모두 XML 벡터 그래픽 요소이며, 뛰어난 조절 가능성을 가지고 있다. 사용자가 다른 사용자와 웹페이지의 주석을 공유하려고 할 때, 기반 웹페이지의 웹주소 및 상기 사용자의 주석층을 같이 공유하려는 대상자에서 전송한다. 또한, 사용자가 어떤 주석층을 이동할 때, 기타 사용자는 이동한 주석층을 갱신하기만 하고, 전체 폴더를 다시 복제하지 않아도 효과적인 차이 갱신 방식으로 공동으로 편집하는 목적을 달성할 수 있다.

웹페이지 주석 구조, 웹페이지 주석 시스템, 웹페이지 주석 방법

Description

웹페이지 주석 구조, 웹페이지 주석 시스템 및 그 방법{Annotation structure for web pages, system and method for annotating web pages}

본 발명은 웹페이지의 주석 시스템 및 그 방법에 관한 것으로, 특히 확장성 생성 언어의 약칭인 XML 벡터 그래픽 기술의 웹페이지 주석 시스템 및 그 방법에 관한 것이다.

인터넷 시대에 웹페이지는 현대인들의 주요한 정보원 중의 하나이다. 지금, 전 세계에는 사람들에게 각종 유형의 정보를 제공하는 수억 개의 웹페이지가 있을 뿐만 아니라 웹페이지의 양은 놀라운 속도로 지속적으로 증가하고 있다. 사람들은 웹페이지를 볼 때, 때때로 웹페이지가 제공하는 내용에 자신의 견해, 표식 또는 소감 등의 주석을 추가하려 한다. 예들 들어, 뉴스에는 자신의 견해를, 주식 추세도에는 표식을, 또는 교육 웹페이지에는 자신의 소감을 적으려 한다. 이런 상황에서 사람들은 웹페이지를 일일이 열거하여 인쇄하고, 출력한 종이에 이런 주석을 첨가한다. 예를 들면 선생님은 교육페이지와 자신의 주석을 학생들과 공유하려고 할 때 주석이 추가된 웹페이지를 열거하여 인쇄하여 다른 사람들에게 분배하여 주어야 하는 경우와 같이 사람들이 이런 웹페이지와 주석을 다른 사람들과 공유하려고 할 때 위의 방법은 확연히 불편하고 친환경적이지 못하다.

기존의 웹페이지 주석 방법은 사용자가 웹페이지의 모든 부분 또는 일부분을 점문자형(래스터화상(raster image) 또는 비트맵 (bitmap)) 파일로 전환하며, 이는 BMP, GIF, JPEG, PNG 등 파일 형식이며, 따라서 주석 도구 소프트웨어를 이용하여 이 웹페이지를 포함한 점문자형 파일(이하 웹페이지 점문자형 파일)에 주석을 추가하고, 웹페이지와 주석을 포함한 점문자형 파일(이하 웹페이지 주석 점문자형 파일이라고 칭함)을 다른 사람들에게 전송하여 공유의 목적을 달성한다. 이런 웹페이지 주석 방법은 적어도 아래와 같은 다섯 가지 단점이 있다. 웹페이지는 상당히 큰 공간의 점문자형 파일로 전환되며, 저장과 전송시 비교적 큰 저장 공간 및 전송자원이 필요하다. 두 번째, 웹페이지 점문자형 파일에 추가한 주석 그 자체도 점문자형이며, 개별적인 주석의 이동, 복사, 회전, 감추기, 축소, 확대, 색깔 변경 및 투명도 등 조작에 대한 조절 가능성이 적다. 세 번째, 웹페이지 주석 점문자형 파일에 대한 공유는 파일을 통째로 복사하여 모든 사용자에게 전송하는 것이며, 모든 사용자는 복사 파일을 가지고 있으며, 어떤 사용자도 이미 추가된 주석을 기타 같은 근원지에서 전송된 복사 파일에서 갱신할 수 없다. 즉 다시 말하면 공유한 그룹들은 같은 웹페이지 주석을 공동으로 편집할 수 없다. 네 번째, 하나의 웹페이지 주석 점문자형 파일에 여러 명이 주석을 추가하였을 경우, 내용이 번잡하고 사용자는 불필요한 주석을 선택적으로 삭제하거나 감추지 못한다. 다섯 번째, 비록 코렐드로우(CorelDraw) 또는 아도비(Adobe)의 일러스트레이터(Illustrator)와 같은 소프트웨어를 이용하여 웹페이지를 이들이 지원하는 벡터 그래픽(vector graphic) 파일로 전환한 후 이들이 제공한 벡터 그래픽(vector graphic)으로 편집한 주석도구로 상기 웹페이지에 주석을 추가할 수 있으나 이들은 모두 윈도우 기반 응용 프로그램으로서 차이적인 갱신 및 공동편집을 지원하지 않아 직접 웹페이지 플레이어에 나타나게 할 수 없다.

또한 다른 형식의 웹페이지 주석 방법(예컨대 구글 노트북)은 사용자가 직접 인터넷 주소를 입력하고, 웹 브라우저로 열린 웹페이지에 직접 문자, 도형, 하이퍼링크 등 주석을 추가할 수 있고, 사용자는 이런 주석들을 이동, 삭제, 편집, 출판(publish)할 수 있다. 이런 주석들 자체가 HTML(Hyper Text Markup Language; 하이퍼텍스트 생성 언어) 형식의 파일이며, 따라서 앞에서 서술한 점문자형 파일의 주석방식에 비해 파일용량이 작다. 뿐만 아니라 사용자는 각각의 주석의 CSS(Cascading Style Sheets) 속성으로 주석을 편집하여 조절가능성이 더 좋다. 그러나, 이런 HTML양식 웹페이지의 주석은 손으로 쓰기 또는 형광펜 등 도형 주석과 같은 기능이 없는 단점을 가지고 있다. 또한, 이런 HTML 양식의 주석은 다층구조로 사용할 수 없어 모든 사용자가 같은 웹페이지에서 서로 다른 단계의 주석을 추가할 수 없으며, 공유, 개별적인 갱신 및 공동 편집을 지원할 수 없다.

본 발명은 상기 문제점을 해결하기 위한 것으로, 웹페이지 주석의 자료 구조, 웹페이지 주석 시스템 및 방법을 고안하여, 여러 사용자가 같은 웹페이지 위에서 여러 층의 주석을 추가할 수 있고, 자기 자신의 주석층에 여러 가지 주석(또는 주석물)을 추가, 저장, 삭제 및 편집함으로써, 웹페이지에 주석을 삽입할 수 있는 데 그 목적이 있다.

또한, 주석물이 XML 벡터 그래픽 요소이기에 비교적 좋은 조절 가능성을 가지고 있어, 차이 갱신 방식으로 인터넷을 통해 각자의 주석층 또는 주석물을 공유할 수 있고, 나아가서 웹페이지 주석을 공유 및 공동으로 웹페이지 주석을 편집할 수 있는 데 그 목적이 있다.

본 발명은 웹페이지 주석의 자료 구조, 웹페이지 주석 시스템 및 방법을 고안함으로써 사용자가 웹페이지 브라우저로 열어놓은 웹페이지를 기반 웹 페이지로 하고, 상기 기반 웹페이지의 양상에 영향을 주지 않는 XML 벡터 그래픽 웹페이지 주석을 덮어씌우고, 상기 XML벡터 그래픽 주석은 사용자가 설치한 주석층을 포함하고, 뿐만 아니라 모든 사용자는 같은 웹페이지에 자기 자신만의 주석층을 설치할 수 있어 같은 기반 웹페이지 상에 씌워진 다층 벡터 그래픽 주석층을 구성한다. 사용자는 기반 웹페이지에서 여러 가지 다른 주석물을 편집하고, 자기 자신의 주석층에 삽입하며, 이 중에서 주석물은 모두 XML벡터 그래픽 요소이며, 비교적 좋은 조절 가능성을 가지고 있다. 사용자가 다른 사람과 웹페이지 주석을 공유할 때, 기반 홈페이지의 인터넷 주소 및 상기 사용자가 소유하고 있는 주석층을 공유하고자 하는 상대방에게 전송한다. 또한, 한 사용자가 다른 어떤 주석층을 이동(異動)할 때, 기타 공유에 참여하고 있는 사용자는 이동된 주석물만을 갱신하거나 또는 이동된 주석층만을 바꾸어 놓으면 차이 갱신을 완성한 것이다.

본 발명의 웹페이지 주석의 자료 구조, 웹페이지 주석 시스템 및 방법은 사용자가 웹 브라우저로 열어놓은 웹페이지를 기반 웹페이지로 하고, 기반 웹페이지를 XML 벡터 웹페이지 주석으로 덮어씌우고, 상기 XML 벡터 그래픽 웹페이지 주석은 사용자가 구축한 주석층을 포함하고, 상기 주석층은 각각의 사용자가 모두 동일한 웹페이지에 자신만의 주석층을 구축할 수 있다. 같은 기반 웹페이지에 덮어 쓰여 있는 다층 벡터 그래픽 주석층을 구성한다. 사용자는 기반 웹페이지에서 여러 가지 주석물을 편집하고, 자기의 주석층에 입력하고, 상기 주석물은 모두 XML,벡터 그래픽 요소이며, 아주 좋은 조절 가능성을 갖고 있다. 사용자가 다른 사용자와 웹페이지 주석을 공유할 때, 기반 웹페이지의 웹주소 및 자기 자신의 주석층을 다른 사용자에 전송하여 공유할 수 있다. 또한, 한 명의 사용자가 하나의 주석층을 이동(異動)할 때, 기타 공유한 사용자는 이동된 주석물 또는 일부만 이동한 주석층의 일부만 갱신하여도 갱신 목적을 달성할 수 있고, 폴더 전체를 복사할 필요가 없어 비교적 효율적인 차이 갱신하는 방식으로 공동 편집의 목적을 달성할 수 있다.

이하, 도면을 참조하여 본 발명의 실시예를 상세하게 설명한다. 또한, 하기의 실시예는 본 발명을 상세히 설명하기 위한 것일 뿐 본 발명이 실시예에 한정되는 것은 아니다.

도 1은 본 발명의 일실시예에 따른 웹페이지 위에 다층의 벡터 그래픽 주석층을 덮어씌운 자료구조를 설명하기 위한 도면이다.

도 1을 참조하면, 상기 웹페이지 주석 구조(100)는 기반 웹페이지(110) 및 기반 웹페이지(110) 위에 덮어 씌워진 XML 벡터 그래픽(vector graphic) 웹페이지 주석(120)을 포함한다. 상기 XML 벡터 그래픽 웹페이지 주석(120)은 이벤트 리스너(event listener)층(130), 처리 프로그램층(140) 및 사용자가 구축한 주석층을 포함한다. 사용자가 구축한 주석층, 예컨대, 주석층(151)과 주석층(152)은 각각 사용자 A와 사용자 B가 구축한 것이다. 모든 웹페이지 주석 구조(100)는 벡터도형 그래픽 엔진을 지원하는 웹 브라우저(web browser)에 표시될 수 있다.

본 발명에 따르면, 기반 웹페이지(110)는 웹 브라우저에서 열고 나타난 파일 또는 폴더를 가리키고, 상기 파일 및 폴더는, 예컨대 임의의 웹사이트에서 제공한 웹페이지일 수 있으며, 또는 웹 브라우저에서 열린 공백 웹페이지일 수 있으며, 또는 소프트웨어의 워드, 엑셀, 파워포인트 폴더 또는 그래픽 폴더가 HTML 폴더일 수 있다. (이는 일부 웹 브라우저가 소프트웨어의 워드, 엑셀, 파워포인트 폴더 또는 그래픽 폴더를 직접 열 수 없기 때문에 이들은 HTML 폴더로 전환하여야 크로스 플랫폼(cross platform) 브라우저를 지원할 수 있다)

만약 기반 웹페이지(110)가 웹사이트에서 제공한 웹페이지인 경우에, 사용자가 상기 기반 웹페이지(110)의 웹주소(115)를 열어, 본 발명의 웹 브라우저를 사용하여 웹주소(115)가 가리키는 웹페이지(110)를 열고, 상기 웹페이지를 웹페이지 주석 구조(100)의 기반으로 하고, 따라서 웹페이지(110)는 기반 웹페이지라고 하며, 웹 주소(115)는 웹페이지(110)의 기반 웹페이지의 웹주소라고 한다. 실시예에서 웹페이지 주석 구조(100)는 HTML폴더이며, 이는 <iframe>요소를 포함하고, SRC 속성 은 사용자가 지정하여 열린 웹페이지(110)의 웹주소(115)를 가리키므로, 사용자가 일단 상기 HTML 폴더(100)를 열 때, <iframe>요소는 사용자가 열어놓은 웹페이지를 가리키고, 상기 웹페이지는 HTML 폴더(100) 내에 끼워 넣어 기반 웹페이지(110)로 한다. 만약, 기반 웹페이지(110)가 웹브라우저가 열어놓은 공백 웹페이지이면 본 발명의 웹브라우저를 브라우저 판본의 이미지 응용 프로그램, 홈페이지 클립보드, 또는 팀보드로 사용할 수 있다.

XML 벡터 그래픽(vector graphic) 웹페이지 주석(120)에서, 이벤트 리스너층(event listener)(130) 및 주석층(151, 152)은 모두 XML벡터 그래픽 요소로 구성되며, 처리 프로그램층(140)은 스크립트(script) 프로그램 언어로 구축되는 프로그램으로 구성된다. 이 중에서 XML벡터 그래픽은 여러 가지가 있고, 예컨대, W3C(World Wide Web Consortium)로 제정되어 있는 SVG(Scalable Vector Graphics)벡터 그래픽일 수 있고, 스크립트 프로그램 언어는 ECMA 스크립트(ECMA script) 또는 소프트웨어의 XAML 벡터 그래픽일 수 있다. DOM(Document Object Model, 파일형 모델)과 같은 XML의 API(Application Programming Interface, 응용프로그램 인터페이스)를 통해 사용자는 스크립트(script) 프로그램 언어로 작성된 프로그램으로 XML 벡터 그래픽(vector graphic) 요소를 처리(예컨대, 새로 증가, 삭제, 편집 등)할 수 있다. 본 발명에서, 이벤트 리스너층(event listener)(130) 및 주석층(151, 152) 자체의 출현은 기반 웹페이지(110)를 가리지 않고, 사용자가 주석층(151,152)에 주석물을 추가하는 경우에만 기반 웹페이지(110)를 가릴 수 있어, 웹페이지(즉, 기반 웹페이지(110))에 주석을 추가하고 있는 모양새를 나타낼 수 있다. 본 발명에 서, 주석물은 형태(shapes), 문자(text), 핸드라이팅(handwriting), 형광펜(highlighter), 스티커(sticky note), 하이퍼링크(hyperlinks), 북마크(bookmarks), 지우개(eraser), 아이콘(icons), 이미지(images) 또는 오디오(audio) 등의 XML 벡터 그래픽(vector graphic) 요소를 포함한다. 처리 프로그램층(140)은 프로그램일 뿐이며, 표현할 필요성이 없으며, 구체적으로는, 예를 들면, 형태(shapes), 문자(text), 핸드라이팅(handwriting) 등을 처리할 때 XML 벡터 그래픽 요소의 처리 프로그램은 화면에 나타낼 필요가 없다.

이벤트 리스너층(130)은 사용자가 입력장치(예컨대, 마우스, 키보드)를 통해 발생한 이벤트를 접수하거나 포착하고, 다음 처리 프로그램층(140)에서 서로 대응되는 처리 프로그램으로 처리한다. 상기 이벤트는 예컨대 사용자가 발생한 마우스 이벤트 (예컨대, 마우스를 이용한 클릭(click), 마우스 다운(mouse down), 마우스 이동(mouse move), 마우스 업(mouse up), 마우스 오버(mouse over) 등의 이벤트)일 수 있고, 사용자가 기반 웹페이지(110)에서 진행하려고 하는 작업의 종류(예컨대, 주석물을 새로 추가, 저장, 삭제 또는 편집)에 따라 처리 프로그램층(140)에서 대응되는 프로그램으로 처리한다(예컨대, 주석물을 사용자가 구축한 주석층에 새로 추가하는 것). 이벤트 리스너층(130)은 XML 벡터 그래픽(vector graphic) 요소이며, 본 발명에 따른 실시예에서 크기와 위치는 상기 요소의 좌표와 길이, 너비 특성을 통해 설정하고, 기반 웹페이지(110)와 완전히 일치하며, 불투명도(opacity) 속성은 영(zero)에 근접(완전투명)하게 설정한다. 따라서 이벤트 리스너층(130)은 기반 웹페이지(110)를 가리지 못하지만 사용자가 조작한 마우스 등의 입력 장치가 기반 웹페이지(110)의 상대적 위치에서 발생한 임의의 이벤트를 포착할 수 있다.

주석층(사용자 A에 의해 생성된 주석층(151))으로 놓고 볼 때, 상기 주석층에 추가된 주석물은 모두 차일드 인덱스(childindex)이다. 또한, 모든 주석층에는 모두 하나의 식별기호, 하나의 작가, 하나의 협력 작가, 하나의 설립시간, 하나의 저장시간, 하나의 권한 정의 등의 속성을 포함하며, 이때 상기 주석층의 사용자를 작가라고 칭할 수 있다. 상기한 바와 같이 식별기호는 상기 주석층을 기재하는 유일한 식별번호이며, 이는 같은 기반 웹페이지(110)의 XML 벡터 그래픽 웹페이지 주석(120)은 복수의 주석층을 가지고 있을 수 있기 때문에 필요한 것이다 (예컨대 주석층(151, 152)). 또한, 공동으로 편집할 때 주석층은 차이 갱신을 진행해야 하므로 하나의 주석층은 유일한 주석기호가 있어 식별하는데 사용되어야 한다. 작가 속성은 상기 주석층을 구축한 작가를 기재하고, 작가에게 제일 큰 권한을 부여한다. 예컨대 작가는 주석층내의 주석물을 새로 증가, 삭제, 편집 및 복사할 수 있다. 협력작가 속성은 상기 주석층의 기타 공동 작가를 기재하고, 작가는 권한정의 속성에서 상기 협력작가 그룹에 대해 권한을 한정할 수 있다. 설립시간 속성은 상기 주석층의 설립 시간을 기재할 수 있다. 저장시간 속성은 상기 주석층의 최종 저장시간을 기재할 수 있다. 권한정의 속성은 협력작가와 기타 사용자 두 가지 신분에 따른 권한을 기재할 수 있으며, 예컨대 협력작가는 주석층의 주석물을 새로 추가, 편집 및 복사할 수 있는 권한이 있으나 기타 다른 사용자는 본 주석층의 주석물을 복사할 수 있게만 허락한다.

본 발명에 따른 실시예에서, XML 벡터 그래픽(vector graphic) 웹페이지 주 석(120)은 기반 웹페이지(110) 위에 덮어씌우는 것은 하나의 HTML폴더(100)에 <div>요소를 삽입하여 XML 벡터 그래픽 웹페이지 주석(120)으로 하며, 상기 HTML 폴더(100)는 하나의 <iframe> 요소를 포함하고, 또한 상기 src 속성은 기반 웹페이지(110)의 웹 주소(115)를 가리킨다. 따라서, <iframe> 요소와 <div> 요소의 스타일 속성의 위치 속성은 모두 absolute로 지정하고, 같은 width, height, top, left 속성값을 지정함으로써 <iframe>요소 와 <div>요소는 같은 좌표위치와 크기를 가지게 하여, XML 벡터 그래픽(vector graphic) 웹페이지 주석(120)이 기반 웹페이지(110)을 완전하게 덮어쓸 수 있게 한다. 앞에서 서술한 <div>요소(즉, XML 벡터 그래픽 웹페이지 주석(120)) 내에 하나의 XML 벡터 그래픽요소를 끼워 넣어 이벤트 리스너층(130)으로 하고, 불투명도(opacity) 속성을 영과 근접한 값으로 지정(완전 투명)하고, wmode속성은 선명함(transparent), 또는 기타 유사한 속성의 설정을 통해 이벤트 리스너층(130)이 투명한 상태로 나타나서 기반 웹페이지(110)를 가리지 않게 할 수 있다.

도 2는 본 발명의 실시예에 따른 웹페이지 주석 시스템의 블록도이다.

도 2를 참조하면, 본 발명의 웹페이지 주석 시스템(200)은 클라이언트(client) 장치(210) 및 서버(server) 장치(220)를 포함하고, 양측은 모두 인터넷을 통해 서로 통신한다. 클라이언트 장치(210)는 예컨대, 개인 컴퓨터, 타블렛 컴퓨터, 노트북 또는 개인휴대정보단말기(PDA) 등일 수 있고, 이는 모두 웹브라우저(211), XML 벡터 그래픽 제도 엔진(212), 입력 장치(213), 및 디스플레이 장치(214)를 포함한다. 서버 장치(220)는 웹페이지 서버 장치(221), 벡터 그래픽 요 소처리 프로그램(222), 서버 처리 프로그램(223) 및 데이터베이스(224)를 포함한다.

도 1 및 도 2를 참조하면, 클라이언트 장치(210) 및 서버 장치(220)에서 웹 브라우저(211)를 지원하는 벡터 그래픽 요소 처리 프로그램(222)을 다운한 후, 웹 브라우저(211)는 웹페이지 주석 구조(100)를 열거나 표현할 수 있다. 벡터 그래픽 제도 엔진(212)은 웹브라우저(211)를 지원하여 웹페이지 주석 구조(100)의 XML 벡터 그래픽이 표현될 수 있게 한다. 입력 장치(213)(예컨대, 마우스 또는 키보드) 및 디스플레이 장치(214)(예컨대, LCD 플레이어)는 사람과 장치 사이의 인터페이스를 제공하여 사용자가 웹페이지 주석 구조(100)의 기반 웹페이지(110) 상에서 XML 벡터 그래픽 웹페이지 주석(120)에 주석물을 새로 추가, 삭제 또는 편집할 수 있게 한다. 서버 장치(220)에서, 웹페이지 서버 장치(221)는 클라이언트 장치(210)와 서버 장치(220) 사이의 데이터 전송을 처리하는데 사용될 수 있다. 벡터 그래픽 프로그램(222)은 클라이언트 장치(210)의 웹페이지 주석 구조(100)의 처리 프로그램층(140)의 XML 벡터 그래픽 요소의 처리 프로그램을 제공하는 데 사용될 수 있다. 서버 처리 프로그램(223)은 데이터베이스(224)의 자료를 저장하거나 취득하는데 사용될 수 있고, 다시 인터넷 웹페이지 서버 장치(221)를 통해 전송될 수 있다. 데이터베이스(224)는 주석층, 주석물을 저장하거나 주석층에 대응되는 기반 웹주소를 저장하는데 사용될 수 있다.

본 발명에 따른 실시예에서, 기반 웹페이지(110) 위에 XML 벡터 그래픽 웹페이지 주석(120)을 덮어 씌우는 것은 하나의 HTML 폴더(100)에 하나의 <div>요소에 삽입하여 XML 벡터 그래픽 웹페이지 주석(120)으로 하는 것이며, 상기 HTML 폴더(100)는 하나의 <iframe> 요소를 포함하고, 상기 src속성은 기반 웹페이지(110)의 웹주소(115)를 가리킨다. 따라서 <iframe> 요소와 <div> 요소의 스타일 속성의 위치 속성은 모두 absolute로 설정하고, 같은 width, height, tip, left 속성값을 설정함으로서, <iframe> 요소와 <div> 요소가 같은 좌표위치와 크기를 가지게 하여, XML 벡터 그래픽 웹페이지 주석(120) 기반 웹페이지(110) 위를 완전히 덮어 씌우는 것과 같게 할 수 있다. 앞에서 서술한 <div> 요소(즉, XML 벡터 그래픽 웹페이지 주석(120))내에 XML벡터 그래픽 요소를 끼워 넣어 이벤트 리스너층(130)으로 하고, 불투명도(opacity) 속성을 영에 가깝게 설정(완전 투명)하고, wmode 속성을 선명함(transparent), 또는 기타 유사한 속성을 설정함으로써 이벤트 리스너층(130)의 표현이 거의 투명상태에 가깝게 하여 기반 웹페이지(110)의 양상을 가리지 않게 할 수 있다.

본 발명에 따른 실시예에서, 사용자가 클라이언트 장치(210)에서 웹브라우저(211)를 이용하여 외부 웹사이트의 웹페이지를 열려고 할 때, 웹브라우저(211)는 상기 외부 웹사이트의 웹페이지를 기반 웹페이지(110)로 하고 위에 한 층의 XML 벡터 그래픽 웹페이지 주석(120)을 덮어씌워 웹페이지 주석 구조(100)를 형성할 수 있다. 이 경우에, XML 벡터 그래픽 웹페이지 주석(120)의 처리 프로그램층(140)은 서버 장치(220)에서 다운받은 벡터 그래픽 요소 처리 프로그램(222)이다. 다음 사용자는 웹브라우저(211)를 통해 기반 웹페이지(110)에 상기 주석층을 구축하고, 이 위에 주석물을 추가한다. 마지막으로, 사용자가 웹페이지 주석을 완성한 후 클라이 언트 장치(210)에서 저장 명령을 하고, 클라이언트 장치(210)는 사용자가 이동(異動)한 주석층, 주석물 및 주석물과 서로 대응하는 기반 웹페이지(110)의 웹주소(115)를 서버 장치(220)에 전송하고, 웹사이트 서버 장치(221) 및 서버 처리 프로그램(223)을 통해 데이터베이스(224)에 저장할 수 있다.

도 3a 및 도 3b는 본 발명의 실시예에 따른 웹페이지 주석 방법을 설명하는 공정 순서도이다. 이 경우에, 주석층에서 주석물을 새로 추가, 저장, 삭제, 편집 및 차이 갱신 프로그램을 여는 것을 포함할 수 있다.

도 1, 도 2, 도 3a 및 도 3b를 참조하면, 먼저, 클라이언트 장치(210)는 초기화 작업을 진행하고, 이 경우에 상기 웹페이지 서버 장치(221)에서 벡터 그래픽 요소 처리 프로그램(222)을 다운받고, 데이터베이스(224)에서 사용자의 권한으로 사용할 수 있는, 기반 웹페이지(110) 상에 덮어 쓰여 있는 주석층(예컨대, 주석층(151,152))을 취득하고, 이벤트 리스너층(130)이 사용자가 발생한 이벤트 등(단계 S301)을 접수할 수 있게 설정하는 등을 포함한다. 이어서, 사용자는 자신이 진행하려는 작업종류를 선택하고, 상기 작업에는 주석물을 새로 추가, 저장, 삭제, 편집 또는 차이 갱신을 여는 것(단계 S302) 등을 포함하며, 따라서 클라이언트 장치(210)는 사용자가 선택한 작업 종류를 판단한다(단계 S303).

만약 작업 종류가 주석물을 새로 추가하는 것이면, 이벤트 리스너층(130)에 사용자가 발생한 이벤트(예컨대, 마우스의 클릭 이벤트)를 접수하여 사용자가 진행하고자 하는 작업종류가 주석물을 새로 추가하는 것을 인식하고, 주석물의 요소 분류는 문자(text), 핸드라이팅(handwriting), 형광펜 또는 기타 종류임을 인식하게 된 후, 이어서, 처리 프로그램층(140)에 전송하여 대응하는 이벤트 추가 처리 프로그램이 처리하게 한다. 예컨대, 마우스의 위치와 이동 궤적좌표를 기록한다(단계 S304). 다음, 추가 이벤트처리 프로그램은 사용자가 선택한 주석물의 종류 및 기록한 마우스 위치와 이동 궤적에 따라 서로 대응하는 주석물을 새로 추가한다(단계 S305). 또한, 새로 증가한 주석물을 상기 사용자가 소속된 주석층에 추가하여 상기 주석층의 한 개 차일드인덱스(childindex)로 보고, 동시에 주석물을 새로 추가할 때 추가 일자 시간 등의 추적 정보 속성 등을 추가할 수 있다(단계 S306). 최종적으로, 단계 S302에 돌아와서 다음 작업을 접수한다. 이 경우에, 모든 주석물은 XML 벡터 그래픽 요소이며, 벡터 그래픽 제도 엔진(212)이 주석물 요소의 유형과 속성에 근거하여 형태를 그려 웹브라우저(211)에 나타나게 할 수 있다.

만약 작업의 종류가 이미 존재하고 있는 주석물을 삭제 또는 편집하는(예컨대, 이동, 감추기, 확대축소, 회전 등) 종류이면, 이벤트 리스너층(130)에 사용자가 발생한 이벤트를 접수하고, 사용자가 진행하고자 하는 작업 종류가 삭제 또는 편집임을 인식하게 하고, 처리 프로그램층(140)에 전송하여 대응하는 이벤트 처리 프로그램이 처리하게 한다(단계 311). 주석물을 이동(異動)하는 것을 예로 들면, 사용자는 마우스를 이동할 때 이벤트 처리 프로그램은 마우스 위치와 이동 궤적좌표를 기록하고, 나아가서 상기 주석물의 위치 속성값을 변화시킬 수 있다(단계 S312). 속성값을 이동한 후의 주석물은 반드시 벡터 그래픽 제도 엔진(212)을 통해 다시 제도해야 한다. 마지막으로 단계 S302에 돌아가서 다음 작업을 접수하기 위한 준비를 한다. 그러므로, XML 벡터 그래픽의 주석물의 속성값을 변화함으로써 주석 물에 대해 삭제 또는 편집(예컨대, 이동, 감추기, 확대축소, 회전 등) 작업을 진행할 수 있다.

만약 작업종류가 상기 주석물을 저장하는 것일 때, 이벤트 리스너층(130)은 사용자가 발생한 이벤트를 접수하여 사용자가 진행하고자 하는 작업종류가 주석물의 저장임을 인식하고, 이어서 처리 프로그램층(140)에 전송하여 처리한다. 상기 이벤트 처리 프로그램은 사용자 ID에 근거하여 XML 벡터 그래픽 웹페이지 주석(120)에서 이동(異動)한 모든 주석층을 읽어내고(단계 S321), 상기 이동한 주석층 또는 이동한 주석층의 주석물만을 인터넷을 통해 서버 장치(220)에 다시 전송한다(단계 S323). 서버 장치(220)는 상기 이동한 장치의 주석층 주석물을 접수하고, 데이터베이스(224)에 저장한다(단계 S323). 마지막으로 단계 S302로 돌아가 다음 작업을 접수할 준비를 한다.

만약 작업종류가 차이 갱신을 여는 것일 경우, 이벤트 리스너층(130)이 사용자가 발생한 이벤트를 접수하여 사용자가 진행하고자 하는 작업이 차이 갱신을 여는 것임을 인식하게 되면, 클라이언트 장치(210)는 서버 장치(220)의 서버 처리 프로그램(223)을 호출하여 처리하게 한다(단계 S331). 서버 장치(220)의 처리 프로그램은 사용자가 기반 웹페이지(110)에서 사용한 주석층과 데이터베이스(224)에서 서로 대응하는 주석층사이의 차이를 인식하고, 데이터베이스(224)의 갱신되어 있는 주석층의 집합을 클라이언트 장치(210)에 재전송한다. 다음, 클라이언트 장치(210)는 모든 갱신한 주석층을 사용자가 기반 웹페이지(110)에서 사용한 주석층과 비교하여, 기반 웹페이지(110)에서 원래 없었던 주석층, 또는 이동한 기존 주석 층(기존 주석층에 새로 증가, 삭제 또는 편집된 주석물)을 추가한다. 예컨대, 시작할 때 갱신한 주석층(단계 S333)을 취득하고, 갱신한 주석층을 얻었기에 계속하여 다음 단계(단계 S334의 "예")를 진행한다. 이어서, 상기 취득한 갱신된 주석층이 사용자가 웹페이지(110)에 사용하고 있는 주석층에서 비해 새로운 주석층인지를 판단하고(단계 S335), 만약 맞으면, 상기 새 주석층을 주석층의 제일 윗층에 추가하고, 상기 주석층의 주석물은 아래층의 주석층 주석물을 가리게 된다(단계 S336). 만약 아니면, 갱신한 주석층에 근거하여 사용자가 기반 웹페이지(110)에서 사용하고 있는 주석층을 이동하며, 예컨대, 사용자가 기반 웹페이지(110)에서 사용하는 주석층의 주석물을 추가, 삭제 또는 편집한다. 다음, 추가 또는 이동된 주석층의 권한(단계 S338)을 처리한 후 계속하여 다음 갱신된 주석층(단계 S333)을 처리하고, 모든 갱신된 주석층이 모두 처리된 후에 다시 단계 S302에 돌아가 다음 작업을 접수할 준비한다(단계 S334의 "아니오").

도 4는 본 발명의 실시예에 따른 국제 웹페이지에서의 주석 화면을 나타낸 도면으로, 상기 웹페이지는 Wikipedia의 첫 페이지이다.

도 4를 참조하면, 사용자는 상기 웹페이지의 웹주소, 즉 http://www.wikipedia.org를 입력하고, 본 발명은 상기 웹주소에 근거하여 열린 웹페이지를 기반 웹페이지(110)로 하며, 기반 웹페이지(110)에 XML 벡터 그래픽 웹페이지 주석(120)을 덮어씌운다. 사용자는 XML 벡터 그래픽 웹페이지 주석(120)에서 주석물을 주석층에 추가할 수 있다. 예컨대, 주석물(401,402,403,404)은 모두 문자, 핸드라이팅, 형광펜, 스티커 등 종류의 주석물이다. 상기 주석물(예컨대, 401~404)은 기반 웹페이지(110)의 양상을 가릴 수 있고, 웹페이지(즉, 기반 웹페이지(110)) 위에 주석(예컨대 401~404)의 모양새로 표현될 수 있다. 또한, 주석물은 모두 XML 벡터 그래픽 요소이며, 아주 좋은 조절가능성을 가지고 있으며, 심지어 기타 사용자와 공유할 때 상기 사용자의 새로 추가, 편집된 주석층 또는 주석물만을 기타 사용자에게 전송하면 차이 갱신의 목적을 달성하게 된다.

본 발명은 사용자가 지정한 열린, 주석을 추가한 웹페이지를 직접적으로 기반 웹페이지(110)로 생각하는 것이며, 이를 그래픽 폴더로 전환하는 것은 아니다. 또한, 서버 장치(220)에는 기반 웹페이지(110)를 저장하지 않고, 기반 웹페이지의 웹주소(115)만을 저장한다. 그러므로, 만약 사용자가 열어놓은 웹페이지가 동적인 상태의 웹페이지일 경우, 즉 웹페이지 내용이 시간에 따라 변화될 때 예를 들면 주식시장지수 등의 상황에서는 동적인 웹페이지에 주석을 추가함으로 인해 열린 기반 웹페이지(110)는 시간에 따라 불일치한 현상이 생기게 된다. 따라서, 본 발명은 일종의 벡터 그래픽을 제공함으로써 웹페이지의 일부분 내용만 절취하여 벡터 그래픽 요소로 전환하는 방법이다. 도 5를 참조하면, 사용자가 웹페이지의 일부분 화면을 절취할 때 클라이언트 장치(210)에서 사용자는 웹 브라우저(211)에 상기 웹페이지의 웹주소를 입력하고(단계 S501), 동시에 상기 웹주소를 서버 장치(220)에 전송하며(단계 S502), 웹페이지를 연 후 상기 웹페이지에 XML 벡터 그래픽 웹페이지 주석을 덮어 씌운다(단계 503). 서버 장치(220)는 클라이언트 장치(210)에 전송된 웹주소를 근거로 상기 웹페이지를 열고(단계 S511), 상기 전환은 점문자 폴더(단계 S512)로 전환하는 것이다. 다음으로, 클라이언트 장치(210)에서 사용자는 XML 벡터 그래픽 웹페이지 주석(120)에서 마우스를 이동하는 방식으로 구형과 같은 도형을 그려 오려두기와 붙이기를 할 영역을 표시하기 편하게 한다(단계 S504). 사용자가 마우스를 놓아버려 mouseup 하였을 때, 클라이언트 장치(210)는 웹페이지에 나타난 위치 좌표 scrollTop, scrollLeft, top, left 등의 속성값 및 오려붙이는 영역의 형태, 좌표위치, 영역범위 등의 속성을 서버 장치(220)로 전송한다(단계 S505). 서버 장치(220)는 오려붙이기 영역 정보를 접수한 후 웹페이지에서 전환한 점문자 폴더에서 지정영역의 점문자 폴더를 절취하여(단계 513), 이를 데이터베이스(224)에 저장한다(단계 S514). 클라이언트 장치(210)에서 사용자는 서로 다른 웹페이지에 중복적으로 오려 붙이고, 데이터베이스(224)에서 웹페이지의 부분 화면의 점문자 폴더를 절취하여 벡터 그래픽 폴더로 전환하여(단계 S506), 요소로 상기 사용자기 웹 브라우저(211)을 이용하여 열어놓은 공백 웹페이지의 주석층에 추가한다(단계 S506). 또한, 사용자는 상기 공백 웹페이지의 주석층에 기타 여러 가지 주석물(예컨대, 형태, 문자, 핸드라이팅 등 XML벡터 그래픽 요소)을 추가한다.

지금까지, 본 발명을 도면에 도시된 실시예를 참고로 설명하였으나 이는 예시적인 것에 불과하며, 본 기술 분야의 통상의 지식을 가진 자라면 이로부터 다양한 변형 및 균등한 타 실시예가 가능하다는 점을 이해할 것이다. 따라서 본 발명의 진정한 기술적 보호 범위는 첨부된 특허청구범위의 기술적 사상에 의해 정해져야 할 것이다.

　　

도 1은 본 발명의 일실시예에 따른 웹페이지 위에 다층의 벡터 그래픽 주석층을 덮어씌운 자료구조를 설명하기 위한 도면.

도 2는 본 발명의 실시예에 따른 웹페이지 주석 시스템의 블록도.

도 3a 및 도 3b는 본 발명의 실시예에 따른 웹페이지 주석 방법을 설명하는 공정순서도.

도 4는 본 발명의 실시예에 따른 국제 웹페이지에서의 주석 화면을 나타낸 도면.

도 5는 본 발명에 따른 웹페이지 주석 방법을 설명하는 순서도.

Claims (8)

1. 웹사이트에서 제공한 웹페이지, 웹 브라우저를 통해 열어놓은 공백 웹페이지 또는 일반 폴더에서 HTML 폴더로 전환된 폴더를 포함한 기반 웹페이지;

   상기 기반 웹페이지에 덮어 씌어져 있되, 적어도 하나의 주석물이 각각 추가된 복수의 주석층을 포함하고, 사용자는 권한에 따라 주석층 또는 주석물을 새로 추가, 저장, 삭제 또는 편집할 수 있거나 또는 개별 갱신을 작동하여 주석층 또는 주석물을 갱신할 수 있으며, 상기 주석물은 모양, 문자, 핸드라이팅, 형광펜, 스티커, 하이퍼링크, 이미지, 지우개, 도시, 도형 또는 음성 등의 XML 벡터 그래픽 요소를 포함하는 XML 벡터 그래픽 웹페이지;

   적어도 하나 이상의 처리 프로그램을 포함하는 처리 프로그램층;

   사용자가 발생한 주석층과 관련된 이벤트를 접수하고, 상기 처리 프로그램층과 상응하는 이벤트 처리 프로그램을 호출하여 사용자가 발생한 이벤트를 해당 이벤트 처리 프로그램으로 처리하는 이벤트 리스너층을 포함하고,

   상기 이벤트 리스너층 및 상기 주석층은 모두 XML 벡터 그래픽 요소로 구성되어 있고 그 자체의 출현으로 인해 상기 기반 웹페이지를 가리지 않고, 상기 주석층에 추가된 주석물은 XML 벡터 그래픽 요소이며, 상기 주석물은 상기 기반 웹페이지를 가릴 수 있어 상기 기반 웹페이지에 주석물의 모양을 추가한 것으로 표현될 수 있는 웹페이지 주석 구조.
2. 제 1 항에 있어서,

   상기 주석층의 속성은,

   상기 주석층의 유일한 식별기호를 기재하는 식별기호성;

   상기 주석층을 설립한 작가를 기재하고, 상기 작가에게 제일 큰 권한을 부여하는 작가 속성;

   상기 주석층의 기타 협력작가를 기재하는 협력작가 속성;

   상기 주석층의 설립시간을 기재하는 설립시간 속성;

   상기 주석층의 마지막 저장시간을 기재하는 저장시간 속성; 및

   작가가 정의한 협력 작가와 기타 사용자의 권한을 기재하는 권한 정의 속성을 포함하는 것을 특징으로 하는 웹페이지 주석 구조.
3. 청구항 1의 웹페이지의 주석 구조의 웹페이지 주석 시스템에 있어서,

   클라이언트 장치와 서버 장치를 포함하고,

   상기 클라이언트 장치는,

   웹페이지의 주석 구조를 열거나 표현하는 웹 브라우저;

   상기 웹 브라우저를 지원하여 상기 웹페이지의 주석 구조에서의 XML 벡터 그래픽 요소를 표현하는 벡터 그래픽 제도 엔진;

   입력장치; 및

   디스플레이 장치로서, 상기 입력 장치 및 상기 디스플레이 장치는 사람과 기 계의 인터페이스를 제공함으로써 사용자가 상기 입력장치를 조작할 때 사용자가 발생한 이벤트를 입력할 수 있는 상기 디스플레이 장치를 포함하고,

   상기 서버 장치는,

   상기 클라이언트 장치와 상기 서버 장치사이의 자료전송을 처리하는 웹사이트 서버 장치;

   상기 웹페이지의 주석 구조의 상기 처리 프로그램층이 필요한 이벤트 처리 프로그램을 제공하는 벡터 그래픽요소 처리 프로그램;

   상기 웹페이지 주석 구조의 주석층, 주석물 및 주석층에 대응하는 기반 웹페이지를 저장하는 데이터베이스; 및

   상기 데이터베이스의 자료를 저장하고 얻는데 사용되는 서버 처리 프로그램을 포함하는 웹페이지 주석 시스템.
4. 청구항 1의 웹페이지 주석 구조에 적용되는 웹페이지 주석 방법에 있어서,

   클라이언트 장치의 웹 브라우저가 열어놓은 웹페이지를 기반 웹페이지로 하고,

   상기 기반 웹페이지에서 이벤트 리스너(LISTENER)층 및 처리 프로그램층을 덮어씌우되, 상기 이벤트 리스너층은 사용자가 발생한 이벤트를 접수하는 것을 설정하고,

   사용자가 상기 기반 웹페이지가 표현한 주석층을 편집하고자 할 때, 인터넷을 통해 서버 장치에서 상기 기반 웹페이지와 관련된 기존의 주석층에 추가하고 상 기 기반 웹페이지에 덮어씌워, 사용자가 권한에 근거하여 주석층에 주석물을 새로 추가, 저장, 삭제 편집하고,

   사용자가 주석층을 설립하고자 할 때, 상기 기반 웹페이지에 사용자가 설립한 새로운 주석층을 덮어 씌우되, 사용자는 자신이 설립한 주석층에 대해 제일 큰 권한을 가지며, 주석층에 주석물을 새로 추가, 저장, 삭제 및 편집할 수 있을 뿐만 아니라 사용자는 자신이 설립한 주석층의 기타 사용자의 권한을 정의할 수 있고,

   사용자가 주석층을 저장하고자 할 때, 상기 클라이언트 장치는 상기 웹페이지 주석 구조에서 이동(異動)한 주석층 또는 주석물 및 상기 주석층에 대응하는 기반 주석층의 웹페이지 주소를 서버 장치에 전송하여 저장하고,

   사용자가 기타 사용자와 상기 웹페이지 주석 구조를 공유하려고 할 때, 상기 서버 장치를 통해 상기 기반 웹페이지 및 상기 사용자 자신의 주석층을 기타 사용자에게 전송하고, 사용자가 주석층을 이동할 때, 상기 서버 장치를 통해 기타 사용자들은 이동한 주석층 또는 주석물을 갱신하는 것을 포함하는 웹페이지 주석 방법.
5. 제 4 항에 있어서,

   상기 주석물을 상기 주석층에 추가하는 단계는,

   상기 이벤트 리스너층이 사용자가 발생한 주석물 추가 이벤트를 접수한 후, 상기 처리 프로그램층에 전송하여 상응하는 이벤트 처리 프로그램으로 처리하고,

   상기 이벤트 처리 프로그램은 상기 이벤트에 대응되는 주석물을 기록하고,

   상기 새로운 주석물을 사용자가 새로 추가하려는 주석물의 주석층에 추가하 는 것을 포함하는 것을 특징으로 하는 웹페이지 주석 방법.
6. 제 4 항에 있어서,

   상기 주석층에서 상기 주석물을 삭제 또는 편집하는 단계는,

   상기 이벤트 리스너층이 사용자가 발생한 주석물을 삭제 또는 편집하는 이벤트를 접수한 후, 상기 처리 프로그램층에 상응하는 이벤트 처리 프로그램에 전송하여 처리하고,

   상기 이벤트 처리 프로그램은 상기 사건을 상응하는 상기 주석물을 삭제 또는 상기 주석물을 편집하는 속성을 기록하는 것을 포함하는 것을 특징으로 하는 웹페이지 주석 방법.
7. 제 4 항에 있어서,

   상기 주석층에 상기 주석물을 저장하는 단계는,

   상기 이벤트 리스너층에서 사용자가 발생한 주석물을 저장하는 이벤트를 접수하고, 상기 처리 프로그램층에 전송하여 상응하는 이벤트 처리 프로그램이 처리하고,

   상기 이벤트 처리 프로그램은 XML벡터 그래픽웹페이지 주석에서 이동된 주석층 또는 주석물을 여과하고,

   상기 이동된 주석층 또는 주석물을 인테넷을 통해 서버 장치에 전송하고,

   상기 서버 장치는 상기 이동된 주석층 또는 주석물을 접수하고 저장하는 것 을 포함하는 것을 특징으로 하는 웹페이지 주석 방법.
8. 제 4 항에 있어서,

   상기 차이 갱신된 주석층의 주석물을 작동하는 단계는,

   상기 이벤트 리스너층에서 사용자가 발생한 차이 갱신을 작동하는 이벤트를 접수하고, 상기 클라이언트장치는 상기 서버 장치의 서버처리 프로그램으로 처리하고,

   상기 서버 처리 프로그램은 사용자가 기반 웹페이지에서 사용한 주석층과 대응 서버 장치의 주석층 사이의 차이를 판단하고,

   상기 서버 장치는 저장한 갱신된 주석층의 집합을 상기 클라이언트 장치로 전송하고,

   상기 클라이언트장치는 각각의 갱신된 주석층으로 사용자가 상기 기반 웹페이지에서 사용하는 주석층과 비교하여, 상기 기반 웹페이지에 원래 없었던 주석층을 추가하거나 기존 주석층을 이동시키는 것을 포함하는 것을 특징으로 하는 웹페이지 주석 방법.

Images