상기한 목적은 본 발명에 따라, 사용자 단말기에서 웹페이지의 일 측에 설정한 웹 메모에 대한 메모정보, 상기 웹 메모의 좌표정보, 상기 웹 메모의 작성자 정보, 및 상기 웹페이지의 경로정보를 구비하는 데이터베이스, 및 상기 사용자 단말기가 상기 웹페이지에 재 접속 시, 상기 좌표정보를 참조하여 상기 웹 메모를 상기 사용자 단말기로 제공하는 인터넷 서버에 의해 달성된다.
상기 사용자 단말기는, 웹페이지에 접속할 때마다, 상기 접속한 웹페이지의 경로정보를 상기 인터넷 서버로 제공하는 것이 바람직하다.
상기 사용자 단말기에는, 상기 사용자 단말기가 상기 웹페이지에 접속 시, 상기 웹페이지의 경로정보를 상기 인터넷 서버로 전송하는 전송 프로그램이 마련되는 것이 바람직하다.
상기 전송 프로그램은, 상기 메모정보를 상기 인터넷 서버로 전송하되, 상기 메모정보에 포함되는 텍스트의 크기, 글꼴, 색상, 장평, 및 투명도 중 적어도 하나에 대한 정보를 전송할 수 있다.
상기 전송 프로그램은, 상기 웹페이지에 툴 바(tool-bar) 형태로 마련되는 것이 바람직하다.
상기 전송 프로그램은, 상기 사용자 단말기에 설치된 웹 브라우저가 구동 시, 함께 시작되는 프로그램인 것이 바람직하다.
상기 전송 프로그램은, 상기 인터넷 서버에 접속하기 위한 아이디, 및 패스워드를 저장하며, 상기 사용자 단말기에 설치된 웹 브라우저가 구동 시, 상기 아이디, 및 상기 패스워드를 통해 상기 인터넷 서버에 자동 접속될 수 있다.
상기 전송 프로그램은, 상기 인터넷 서버에 접속하기 위한 아이디, 및 패스워드를 저장하며, 상기 사용자 단말기가 부팅 시, 구동되는 시작 프로그램으로 등록될 수 있다.
상기 전송 프로그램은, 상기 사용자 단말기가 부팅 시, 상기 아이디와 상기 패스워드를 통해 상기 인터넷 서버에 자동 접속될 수 있다.
상기 사용자 단말기는, 상기 전송 프로그램에 마련되는 상기 아이디, 및 상 기 패스워드를 통해 상기 인터넷 서버로 접속하며, 상기 인터넷 서버로 접속 후, 상기 데이터베이스에 기록된 메모의 확인, 삭제, 및 편집을 수행 가능하다.
상기 전송 프로그램은, 이미지 로드 기능, 및 로드된 이미지에 대한 편집 기능을 구비하며, 상기 웹 메모에 편집된 이미지를 포함시킬 수 있다.
상기 인터넷 서버는, 상기 사용자 단말기와 접속 시, 상기 사용자 단말기로 상기 전송 프로그램을 제공하며, 상기 전송 프로그램은 상기 사용자 단말기로 전송된 후, 상기 사용자 단말기에서 자동 설치되는 것이 바람직하다.
상기 경로정보는, 해시(hash) 문자열인 것이 바람직하다.
상기 경로정보는, 상기 사용자 단말기에 설치되는 웹 브라우저가 GET, 및 POST 중 어느 하나의 방식에 따라 웹페이지를 제공하는 콘텐츠 서버로 넘긴 경로정보에 대해 상기 콘텐츠 서버로부터 리턴 된 HTTP 헤더 정보에서 변수(variable)와 값(value)을 추출하고 이를 토대로 재구성한 문자열인 것이 바람직하다.
상기한 목적은 본 발명에 따라, 인터넷 콘텐츠를 제공하는 콘텐츠 서버와 연동되며, 상기 콘텐츠 서버에 접속하는 사용자 단말기 정보와, 상기 사용자 단말기가 상기 인터넷 콘텐츠에 기록한 메모정보를 상기 콘텐츠 서버로부터 제공받아 저장하는 데이터베이스, 및 상기 사용자 단말기가 상기 인터넷 콘텐츠에 재 접속 시, 이를 상기 콘텐츠 서버를 통해 인지하며, 상기 사용자 단말기로 상기 데이터베이스에 저장된 메모정보를 제공하는 인터넷 서버에 의해 달성된다.
상기 콘텐츠 서버는, 상기 사용자 단말기와 접속 시, 상기 사용자 단말기로 상기 전송 프로그램을 제공하며, 상기 전송 프로그램은 상기 사용자 단말기로 전송 된 후, 상기 사용자 단말기에서 자동 설치되는 것이 바람직하다.
상기 전송 프로그램은, 상기 사용자 단말기가 상기 콘텐츠 서버로 로그-인 시, 사용된 아이디, 및 패스워드를 저장하는 것이 바람직하다.
상기 데이터베이스에는, 상기 메모정보가 표시되는 메모화면의 위치정보가 더 포함되며, 상기 인터넷 서버는, 상기 사용자 단말기가 상기 인터넷 콘텐츠에 재 접속 시, 상기 위치정보를 상기 사용자 단말기로 전송한다.
상기 데이터베이스에는, 상기 메모화면의 크기 정보가 더 포함되며, 상기 인터넷 서버는, 상기 사용자 단말기가 상기 인터넷 콘텐츠에 재 접속 시, 상기 메모화면의 크기 정보를 상기 사용자 단말기로 전송한다.
상기한 목적은 본 발명에 따라, 인터넷 콘텐츠를 제공하는 콘텐츠 서버와 연동되며, 상기 콘텐츠 서버에 접속하는 사용자 단말기 정보와, 상기 사용자 단말기가 상기 인터넷 콘텐츠에 기록한 메모정보를 상기 콘텐츠 서버로부터 제공받아 저장하는 데이터베이스, 및 상기 사용자 단말기가 상기 인터넷 콘텐츠로 재 접속 시, 이를 상기 콘텐츠 서버를 통해 인지하며, 상기 콘텐츠 서버로 상기 데이터베이스에 저장된 메모정보를 제공하는 인터넷 서버에 의해 달성된다.
상기 데이터베이스에는, 상기 사용자 단말기에 의해 기록된 상기 메모정보의 위치정보가 더 포함되며, 상기 인터넷 서버는, 상기 사용자 단말기가 상기 인터넷 콘텐츠에 재 접속 시, 상기 위치정보에 따라 상기 메모정보를 상기 콘텐츠 서버로 제공하고, 상기 콘텐츠 서버는 이를 상기 사용자 단말기로 전송한다.
상기한 목적은 본 발명에 따라, 사용자 단말기의 웹브라우저 구동화면의 일 측면에 마련되고, 상기 사용자 단말기가 상기 웹브라우저를 통해 접속한 웹사이트에서 선택 시, 상기 사용자가 작성하는 메모를 입력받는 아이콘이 마련되는 메모 프로그램을 상기 사용자 단말기로 제공하며, 상기 아이콘을 통해 상기 사용자가 기입한 메모, 상기 메모가 상기 웹브라우저의 화면상에 배치되는 위치정보, 및 상기 사용자가 접속한 URL(URL : Uniform Resource Locator)을 연계하여 저장하는 데이터베이스, 및 상기 사용자가 상기 메모를 작성한 웹사이트에 재 접속 시, 상기 사용자 단말기에 설치된 상기 메모 프로그램을 통해 상기 사용자 단말기의 재 접속 여부를 판단하고, 상기 데이터베이스에 저장된 상기 메모를 상기 사용자 단말기로 제공하여 표시토록 하는 인터넷 서버에 의해 달성된다.
상기 메모 프로그램은, 상기 웹브라우저의 구동화면의 툴 바(tool-bar)에 아이콘이 마련되며, 상기 아이콘을 통해 구동되는 것이 바람직하다.
이하, 도면을 참조하여 본 발명을 상세히 설명하도록 한다.
도 1은 본 발명의 일 실시예에 따른 웹 메모 시스템의 메모정보 수신과정에 대한 블록개념도를 나타낸다.
도시된 실시예는 사용자 단말기(예컨데 퍼스널 컴퓨터)가 웹페이지를 제공하는 콘텐츠 서버(200)에 접속 후 웹 메모를 작성시, 사용자 단말기(50)에 마련되는 전송 프로그램(SW)(51)을 통해 접속된 페이지의 경로정보(예컨데, www.naggama.com)를 인터넷 서버(100)로 전송하고, 인터넷 서버(100)는 경로정보와 웹 메모의 내용, 및 좌표정보를 획득한다. 인터넷 서버(100)는 웹 메모 내용과 웹 메모가 작성된 좌표정보, 및 경로정보를 데이터베이스(DB)(150)에 기록한다. 이 때, 사용자 단말기(50)에 마련되는 전송 프로그램(SW)은 인터넷 서버(100)에서 사용자 단말기(50)로 제공되며, 사용자는 인터넷 서버(100)에 접속하여 전송 프로그램(SW)(51)을 사용자 단말기(50)로 다운로드 및 설치하여야 한다. 사용자 단말기(50)에 설치되는 전송 프로그램(SW)(51)은 아래의 각 호에 대한 기능을 구비한다.
1) 사용자 단말기가 접속한 웹 페이지에 웹 메모를 남기는 경우, 해당 웹페이지의 경로정보와, 웹 메모의 메모내용을 인터넷 서버(100)로 전송하는 기능.
2) 웹페이지에서 웹 메모가 작성된 좌표정보, 웹 메모에 기록된 텍스트간 장평, 텍스트의 크기, 글꼴, 색상, 및 투명도와 같은 환경설정값을 인터넷 서버(100)로 전송하는 기능.
3) 사용자 단말기(50)에 설치 시, 사용자 단말기의 운영체제에 시작 프로그램으로 등록하는 기능, 또는 사용자 단말기(50)에 설치 시, 사용자 단말기에 설치된 웹 브라우저가 구동 시, 함께 구동되는 기능.
4) 사용자 단말기(50)에 설치 시, 사용자 단말기의 웹 브라우저(예컨데 인터넷 익스플로러)의 툴바(tool-bar)에 구동 아이콘(icon)을 설치하는 기능.
5) 사용자 단말기(50)가 웹 메모를 남긴 웹페이지로 재 접속 시, 인터넷 서버(100)로부터 메모내용, 환경설정값, 및 좌표정보를 제공받아 이를 웹페이지에 표시하는 기능.
6) 이미지를 편집하고, 편집된 이미지를 웹 메모로 사용하는 기능.
사용자 단말기(50)에서 인터넷 서버(100)로 제공되는 경로정보는, 사용자 단 말기(50)에서 구동되는 웹브라우저의 주소값을 인터넷 서버(100)로 리턴하는 방법 이외에 해시 문자열로 치환되어 인터넷 서버(100)로 제공될 수 있다. 해시 문자열은 경로정보에 대응되며, 경로정보를 구성하는 문자열보다 길이가 짧은 값(value)이나 숫자열로 경로정보를 대신함으로써, 보안성을 높일 수 있다. 예컨데, 사용자 단말기(50)에 설치되는 전송 프로그램(SW)(50)은 MD5(Message Digest algorithm 5) 해시 알고리즘(hash algorithm)을 구비할 수 있으며, 이를 통해 경로정보(예컨데, www.abc.co.kr/index.html/board)를 607e887246f1c074… 와 같은 문자열로 치환하고, 치환된 해시 문자열은 인터넷 서버(100)로 제공할 수 있다. 마찬가지로 인터넷 서버(100)는 해시 문자열로 치환된 경로정보를 데이터베이스(150)에 저장할 수 있으며, 데이터베이스(150)에 저장된 해시 문자열 형식의 경로정보와 전송 프로그램(SW)(50)에서 제공되는 해시 문자열 형식의 경로정보를 대조할 수 있다. 이 경우, 인터넷 서버(100)는 긴 문자열을 갖는 경로정보를 비교하는데 비하여 대조에 소요되는 시간을 크게 단축할 수 있으며, 이는 웹 메모 서비스를 효율적으로 제공할 수 있도록 한다.
다른 한편으로, 전송 프로그램(SW)(51)은 사용자 단말기(50)의 웹브라우저가 GET 또는 POST 방식에 따라 콘텐츠 서버(200)에 넘긴 경로정보에 대해 콘텐츠 서버(200)로부터 리턴 된 HTTP 헤더 정보에서 변수(variable)와 값(value)을 추출하고, 추출된 변수들 중 유효한 변수에 대한 URL을 재 구성하여 인터넷 서버(100)로 전송할 수 있다. 참고로 GET 방식에 따라 콘텐츠 서버(200)로 넘기는 경로정보의 일 예를 아래의 표 1을 참조하여 설명하도록 한다.
http://kin.naver.com/qna/answer.php?dir_id=10102&docid=454321&l_url=L2xpc3QvZGlyX2xpc3QucGhwP2Rpcl9pZD0xMDEwMg== |
표 1은 사용자 단말기(50)에서 콘텐츠 서버(200)로 경로정보를 GET 방식으로 전송한 일 예를 나타낸다. GET 방식은 사용자 단말기(50)에서 구동된 웹 브라우저의 경로정보를 URL과 전송값으로 표현한 것으로서, 전송값은 dir_id(name)=10102(value)과 같이 변수와 변수값이 이웃한 한 쌍으로 구성된다. POST 방식은 양식을 갖춘 <form> 태그의 속성중 action을 통해 CGI(Common Gateway Interface)프로그램 파일로 데이터를 전송 하며, POST 방식은 웹페이지에 변수값이 표현되지 않도록 함으로서, 즉, URL에 전달된 정보가 나타나지 않도록 하여 보안성을 향상시키는 특징을 갖는다. 예컨데, 사용자 단말기(50)가 http://www.dbdic.com/index.php로 접속한 경우 사용자가 웹페이지 내에 서브 디렉토리로 진입하는 경우에도 사용자 단말기(50)의 모니터에 표시되는 웹브라우저의 주소창에는 항상 "http://www.dbdic.com/index.php"가 표시되게 된다.
도 2는 본 발명의 일 실시예에 따른 메모 시스템의 메모정보 전송과정에 대한 블록개념도를 나타낸다.
전송 프로그램(SW)(51)은 사용자 단말기(50)가 웹페이지에 접속 시, 접속한 웹페이지의 경로정보(URL)를 인터넷 서버(100)로 전송한다. 인터넷 서버(100)는 전송 프로그램이 전송한 경로정보가 웹 메모를 기록한 경로정보에 대응되는지를 판단한다. 판단 결과, 전송 프로그램(SW)(51)이 전송한 경로정보가 웹 메모를 남긴 경로정보라고 판단되면 인터넷 서버(100)는 데이터베이스(150)에 기록된 메모내용, 좌표정보, 및 환경설정값을 로드(load)하고 이를 사용자 단말기(50)로 전송한다. 이에 따라, 전송 프로그램(SW)(51)은 인터넷 서버(100)로부터 제공된 메모내용, 좌표정보, 및 환경설정값에 따라 사용자 단말기(50)에 마련되는 모니터에 웹 메모의 내용을 표시하게 된다. 예컨데, 전송 프로그램(SW)(51)은 사용자가 웹페이지(10)에 참조부호 "11"과 같은 웹 메모를 남기는 경우, 웹 메모(11)의 가로, 세로방향의 크기, 웹페이지를 점유하는 위치정보, 및 환경설정값을 획득하고 이를 인터넷 서버(100)로 전송한다. 인터넷 서버(100)는 사용자 단말기(50)로부터 전송되는 메모정보, 환경설정값, 및 좌표정보를 데이터베이스(150)에 기록하며, 추후, 사용자가 인터넷 서버(100)로 로그-인 접속 시, 사용자가 기록했던 웹 메모를 편집, 삭제, 및 추가할 수 있도록 한다. 이는 도 7을 함께 참조하여 설명하도록 한다.
도 7은 인터넷 서버(100)에서 사용자별로 제공하는 웹 메모 관리 인터페이스의 일 예를 나타낸다.
도시된 바와 같이, 웹 메모 관리 인터페이스는 사용자가 접속한 웹페이지의 경로정보(URL)에 따른 메모내용, 및 작성일시와 같은 정보가 표시되며, 메모내용은 사용자가 마우스를 위치시키는 경우 전체 내용을 확인할 수 있도록 하이라이트 된다. 사용자는 메모내용을 선택하여 수정하거나 삭제할 수 있으며, 사용자가 웹 메모를 작성한 웹페이지에 재 접속 시, 사용자 단말기(50)의 모니터에는 인터넷 서버(100)에서 편집된 내용에 따라 웹 메모의 내용이 표시된다. 도면에는 도시하지 않았으나, 메모내용 이외에도 환경설정값, 및 좌표정보도 수정 가능하다. 이때, 전송 프로그램은 사용자의 아이디, 및 패스워드에 대한 정보를 저장해 두며, 사용자 단말기(50)가 인터넷 서버(100)로 접속 시, 별도의 인증 과정을 생략하도록 구성됨이 바람직하다.
도 3은 본 발명의 다른 실시예에 따른 웹 메모 시스템의 메모정보 수신과정에 대한 블록개념도를 나타낸다.
도시된 실시예는 인터넷 웹 메모 관리 시스템이 콘텐츠 서버와 결합된 예에 대한 개념도를 나타낸 것으로, 본 실시예에 따른 웹 메모 관리 시스템은 콘텐츠 서버(200)와 결합되거나 콘텐츠 서버(200)내에 포함되어 구현될 수 있다. 콘텐츠 서버(200)는 대형 포털 사이트(예컨데, 엠파스, 네이버, 다음등), 및 접속자가 많은 웹 사이트에 마련되는 서버를 나타내며, 콘텐츠를 저장하는 콘텐츠 데이터베이스(250)를 구비한다. 웹 메모 관리 시스템이 콘텐츠 서버(200)에 결합되는 경우, 전송 프로그램(SW)(51)은 포털 사이트나, 타 사이트의 콘텐츠 서버(200)에서 사용자 단말기(50)로 제공됨이 바람직하다. 사용자 단말기(50)가 콘텐츠 서버(200)로 접속 후, 콘텐츠 서버(200)에서 제공하는 웹페이지들 중 원하는 웹페이지에서 메모를 남기게 되면 콘텐츠 서버(200)는 경로정보(웹 디렉토리 정보), 메모정보, 및 좌표정보를 인터넷 서버(100)로 제공하며, 인터넷 서버(100)는 이를 데이터베이스(150)에 기록한다. 이때, 데이터베이스(DB)(150)는 콘텐츠 서버(200)로부터 사용자 정보(사용자의 아이디, 및 패스워드)를 제공받고, 사용자 정보에 메모정보, 경로정보, 및 환경설정값을 연계하여 저장한다. 도 4는 본 발명의 다른 실시예에 따른 메모 시스템의 메모정보 전송과정에 대한 블록개념도를 나타낸다. 사용자 단말기(50)가 콘텐츠 서버(200)로 로그-인 접속 시, 사용자에 대한 아이디, 및 패스워드가 콘텐츠 서버(200)로 제공되며, 콘텐츠 서버(200)는 이를 인터넷 서버(100)로 제공하게 된다. 이에 따라, 콘텐츠 서버(200)와 인터넷 서버(100)는 상호 연동되어 구동되며, 인터넷 서버(100)는 사용자 단말기(50)가 콘텐츠 서버(200)에 접속 후, 선택하는 웹 디렉토리에 대한 경로정보를 콘텐츠 서버(200)로부터 제공받는다. 인터넷 서버(100)는 콘텐츠 서버(200)로부터 제공되는 사용자별 경로정보를 데이터베이스(150)에 사용자별로 저장된 웹 메모의 경로정보와 대조하여 동일한 경로정보가 존재하는 경우, 콘텐츠 서버(200)로 메모정보, 좌표정보, 및 환경설정값을 제공하게 되며, 콘텐츠 서버(200)는 인터넷 서버(100)로부터 제공되는 메모정보, 좌표정보, 및 환경설정값에 따른 웹 메모를 사용자 단말기가 선택한 콘텐츠와 결합하여 사용자 단말기(50)로 전송한다.
도 5는 전송 프로그램의 인터페이스에 대한 일 예를 나타낸다.
도시된 바와 같이, 본 발명에 따른 전송 프로그램은 사용자 단말기(50)에 설치된 후, 사용자의 웹 브라우저의 툴바(tool-bar)에 아이콘 형태로 마련된다. 사용자는 아이콘(A)을 마우스로 클릭하여 웹 메모(11)를 모니터에 호출하거나, 마우스로 아이콘(A)을 드래그(drag)하여 웹 메모의 위치를 정할 수 있다.
아이콘(A)을 드래그 하여 웹 메모를 입력하기 위한 입력창을 생성하는 방법은 아래의 표 1을 참조하도록 한다.
표 2는 사용자가 화면의 일 영역 중 원하는 영역에 메모 입력창을 생성하는 함수 소스 코드의 일 예를 나타낸다. 표 2에 나타난 소스 코드는 사용자 단말기(50)에 마련되는 입력장치(예컨데 마우스)가 선택한 시작점으로부터 픽셀 단위(px)로 마우스가 이동한 이동량을 더하여 마우스에 의해 최종 선택된 영역의 x좌표와 y좌표를 얻고, 얻어진 변수값을 참조하여 새로운 레이어(new layer)를 생성하여 모니터에 표시되는 바탕화면 위에 메모창을 띄우도록 한다.
<function createNewLayer() var posX = window.event.x + document.body.scrollLeft; var posY = window.event.y + document.body.scrollTop; var newLayer = document.createElement("div"); newLayer.style.top = posY + 'px'; newLayer.style.left = posX + 'px'; newLayer.style.display = 'inline'; newLayer.style.position = 'absolute'; newLayer.style.background = '#FEFEDE'; newLayer.innerHTML = 'MEMO INPUT MODULE'; document.body.insertBefore(newLayer,ocument.getElementById("memoLayer"));>
|
아이콘(A)을 드래그 하여 웹 메모의 위치를 정하는 경우는 도 6을 함께 참조하여 설명하도록 한다.
도 6은 아이콘(A)을 드래그 하여 웹 메모의 위치를 정하는 방법을 개념적으로 설명하기 위한 도면을 나타낸다.
도시된 바와 같이, 사용자는 아이콘(A)에 마우스의 포인터를 위치시킨 다음 마우스의 좌측 버튼을 누른 상태에서 드래그(drag)하면, 마우스의 포인터는 C와 같은 형태로 변화하며, 포인터를 모니터(미도시)의 D 지점에 위치시킨 후 누르고 있던 좌측 버튼을 놓으면 웹 메모를 입력하기 위한 공간의 크기를 지정할 수 있다. 도면에서는 포인터(D)가 E 방향으로 진행하면서 웹 메모를 기록하기 위한 공간을 생성하는 일 예를 나타내고 있다. 웹 메모를 기록하기 위한 공간이 생성되면 전송 프로그램은 웹 메모의 기록을 위해 사용자가 설정한 공간의 X, Y좌표값을 파악하여 인터넷 서버(100) 또는 콘텐츠 서버(200)로 제공하게 된다.
도 8은 전송 프로그램에서 제공되는 이미지 편집기능을 설명하기 위한 도면을 나타낸다.
도시된 바와 같이, 본 발명에 따른 전송 프로그램은 사용자 정의가 가능한 이미지 편집 기능을 제공한다. 이미지 편집 기능은 웹 메모를 위해 사용자가 설정한 공간에 삽입 가능하며, 웹페이지에 마련되는 타 이미지를 선택하여 편집할 수 있도록 한다. 이를 위해서는 사용자가 설정한 공간 내에는 이미지 편집을 위한 메뉴가 더 마련되어야 하며, 사용자가 이미지 편집 메뉴를 호출 시, 참조부호 "F"와 같은 이미지 편집창이 화면에 표시됨이 바람직하다. 이미지 편집창(F)은 타 웹페이지(예컨데 참조부호 "G", "H")에 마련되는 이미지를 복사, 또는 드래그 하여 불러오며 불러온 이미지에 대해 전체 또는 일부를 편집한다. 편집된 이미지는 사용자에 의해 생성된 웹 메모를 기록하기 위한 공간에 붙여넣기 하여 이미지와 텍스트가 결합된 형태의 웹 메모를 형성할 수 있도록 한다.