(57)【要約】【課題】ウェブページ注解構成、ウェブページ注解システム及びその方法を提供する。【解決手段】ウェブページブラウザ により底層ウェブページとしウェブページを開き、その上に一層のXMLベクトル図形ウェブページ注解を覆われ、該XMLベクトル図形ウェブページ注解はユーザーによって作った注解層を含み、しかもそれぞれのユーザーはすべの同一のウェブページにおいて自己専属の注解層を作り、同一の底層ウェブページの上に覆われる多層のベクトル図形注解層を構成することができる。ユーザーは底層ウェブページにいろいろな異なる注解物件を編集して、この編集された内容を自己専属の注解層に保存され、上記注解物件のすべてはXMLベクトル図形要素であり、優れる操作性を持っている。ユーザーは他のユーザーとウェブページ注解を共有しようとする時に、底層ウェブページのウェブサイト及び該ユーザーに属する注解層を共有しようとされる相手に送信するだけでいい。【選択図】図１
2009129401.tif 000002
【特許請求の範囲】
【請求項１】
次の構成からなることを特徴とするウェブページ注解構成、
一つの底層ウェブページ、この底層ウェブページはウェブサイトが提供するウェブページや、ウェブページブラウザ により開く空白のウェブページや、または一般的なファイルから転換されるHTMLファイルを含み、
一つのXMLベクトル図形ウェブページ注解、このXMLベクトル図形ウェブページ注解は上記底層ウェブページの上に覆われ、さらに下記の要素を含み、
少なくとも一つの注解層、それぞれの注解層は少なくとも一つの注解物件を附加され、ユーザーは権限に基づいて注解層の新規、保存、削除、編集などを行ったり、物件を注解したりすることができ、または差異更新を行って注解層を更新したり、物件を注解したりすることができ、上記注解物件は形状、文字、手書き、蛍光ペン、付箋紙、ハイパーリンク、書籤、消しゴム、図示、図形、または音声等のXMLベクトル図形要素であり、
一つの処理プログラム層、少なくとも一つの事件処理プログラムを含み、
一つの事件静聴層、ユーザーの触発する注解層に関する事件を受けて、この処理プログラム層に対応する事件処理プログラムを起動されるために設けられ、ユーザーが触発する事件をこの事件に対応する事件処理プログラムへ送信し、
特に、事件静聴層及び注解層はXMLベクトル図形要素により構成され、そのものの現しはこの底層ウェブページを遮蔽することがなく、注解層の上に附加される注解物件はすべてXMLベクトル図形要素であり、注解物件の現しはこの底層ウェブページを遮蔽し、この底層ウェブページに加えられる注解物件の態様を示す。
【請求項２】
上記注解層の属性はさらに、
該注解層の唯一識別コードを記載するための識別コード属性と、
該注解層を作る作者のことを記載するため、最大権限を与えられる作者属性と、
該注解層のほかの協同作者を記載するための協同作者属性と、
該注解層的建立時間を記載するための建立時間属性と、
該注解層の最後保存時間を記載するための保存時間属性と、
作者により定義される協同作者とほかのユーザーの権限を記載するための権限定義属性とを含む請求項１記載のウェブページ注解構成。
【請求項３】
一種のウェブページ注解システム、請求項1に記載するウェブページ注解構成に適用し、次の構成からなることを特徴とするウェブページ注解システムであって、
一つのクライアント側装置、さらに下記の要素を含み、
このウェブページ注解構成を開くと示すことを行うウェブページブラウザ、
このウェブページブラウザを利用できるようにして、このウェブページ注解構成においてのXMLベクトル図形要素を現すベクトル図形描きエンジン、入力装置、表示装置、上記入力装置と該表示装置はヒューマン・マシン・インターフェースを提供し、ユーザーにより該入力装置を操作しユーザーの触発事件を生じるために設けられ、
一つのサーバ側装置、さらに下記の要素を含み、
該クライアント側装置の該サーバ側装置の間のデータ送信を扱うために設けられるウェブサイトサーバ、
このウェブページの注解構成においての該処理プログラム層に所要の事件処理プログラムを提供するために用いられるベクトル図形要素処理プログラム、
このウェブページの注解構成においての注解層と、注解物件と、注解層に対応する底層ウェブページウェブサイトとを保存するために用いられるデータベース、
該データベースのデータをアクセスするために用いられるサーバ側処理プログラム。
【請求項４】
一種のウェブページ注解方法、請求項1に記載するウェブページ注解構成に適用し、次の手順からなることを特徴とするウェブページ注解方法であって、
クライアント側装置のウェブページブラウザ を通じ、底層ウェブページとして一つのウェブページを開き、
上記底層ウェブページの上に事件静聴層と処理プログラム層を覆い、
該事件静聴層でユーザーが触発する事件を受けようとする準備に設定し、
ユーザーが該底層ウェブページの現有の注解層を編集しようとする時に、インターネットを通じてサーバ側装置から該底層ウェブページに関する現有の注解層をロードし、底層ウェブページの上に覆い、ユーザーは権限に基づいて現有の注解層の上に新規、保存、削除などの機能を行ったり、注解物件を編集したりすることができ、
ユーザーが注解層を作ろうとする時に、該底層ウェブページの上にユーザーの作った新規の注解層を覆われ、ユーザーは作った注解層に対して最大権限を有し、注解層の上に新規、保存、削除などの機能を行ったり、注解物件を編集したりすることができ、ユーザーは自己作った注解層に他のユーザーの権限を定義することができ、
ユーザーが注解層を保存しようとする時に、クライアント側装置はこのウェブページ注解構成においての移動された注解層または注解物件と、注解層に対応する底層ウェブページウェブサイトとをサーバ側装置へ送信し、サーバ側装置に保存し、
ユーザーが他のユーザーとこのウェブページ注解構成を共有しようとする時に、該サーバ側装置を通じて、底層ウェブページのウェブサイトと該ユーザーに属する注解層を他のユーザーへ送信し、ユーザーがある注解層を移動する時に、該サーバ側装置を通じて他のユーザーは単に移動された注解層または注解物件を更新する。
【請求項５】
上記注解層へ注解物件を新規する手順はさらに、
事件静聴層にユーザーの触発される新規注解物件の事件を受けてから、処理プログラム層に対応される事件処理プログラムへ送信し、対応処理を行われ、
該事件処理プログラムは該事件を記録して、対応の注解物件を生じ、
新規された注解物件をユーザーがさらに新規とする注解物件の注解層中へ附加することを含む請求項４記載のウェブページ注解方法。
【請求項６】
該注解層にある注解物件を削除や編集する手順はさらに、
事件静聴層はユーザーが触発した注解物件の削除や編集の事件を受けてから、この事件を処理プログラム層に対応する事件処理プログラムへ送信して、事件処理プログラムにより扱われ、
該事件処理プログラムは該事件を記録して、該注解物件を対応的に削除し、または該注解物件の属性を編集することを含む請求項４記載のウェブページ注解方法。
【請求項７】
該注解層にある注解物件を保存する手順はさらに、
事件静聴層はユーザーが触発した注解物件の保存の事件を受けてから、この事件を処理プログラム層に対応する事件処理プログラムへ送信して、事件処理プログラムにより扱われ、
該事件処理プログラムは該XMLベクトル図形ウェブページ注解から移動された注解層または注解物件を選んで取り出し、移動された注解層または注解物件をインターネットを通じてサーバ側装置へ送信し戻し、サーバ側装置で移動された注解層または注解物件を受けて保存することを含む請求項４記載のウェブページ注解方法。
【請求項８】
差異更新注解層にある注解物件を起動する手順は更に、事件静聴層はユーザーが触発した起動差異更新の事件を受けてから、クライアント側装置から呼出しサーバ側装置にあるサーバ側処理プログラムを作動し、この事件をサーバ側処理プログラムにより扱われ、サーバ側処理プログラムにより、ユーザーが底層ウェブページに使用している注解層とサーバ側装置保存された注解層に対応する内容との間の差異を判断し、サーバ側装置は更新されて保存した注解層の内容をクライアント側装置へ送信し戻し、
クライアント側装置はそれぞれの更新された注解層でユーザーが底層ウェブページに使用している注解層を比較し、底層ウェブページに元々内容なしの注解層を新規し、それとも本来の注解層を移動することを含む請求項４記載のウェブページ注解方法。
【発明の詳細な説明】
【技術分野】
【０００１】
本発明は一種のウェブページ注解システム及びその方法に関し、特にXMLベクトル図形(XML-based vector graphic)技術を応用する一種のウェブページ注解システム及びその方法であり、上記XMLは拡張できる標示語言(Extensible Markup Language)の略語である。
【背景技術】
【０００２】
インターネットの時代において、ウェブページは現代人の一つの主な情報の源である。目前全世界では数十億のウェブページも様々な形で情報サービスを提供され、しかもウェブページの数はさらに快速に成長し続いている。人々はウェブページを読む時、時々ウェブページの提供する内容に対して自己の見解や、標示、心得等の注解(annotations)をメモする需要があり、例えばニュースに自己の見解をメモするとか、株価チャートに標示するとか、または教学ウェブページに自己の心得を書くことでる。このような場合に、一般的なやり方はウェブページを印刷し、そして印刷された紙に注解を書くことである。人々はこのウェブページと注解をほかの人に現す時に、例えば先生がある教学ウェブページと自己の注解を学生に現す時に、常にこの注解されておいた内容を印刷してコピーし、ほかの人に配る。しかし、このやり方は不便で、しかも紙の無駄になる。
【０００３】
現在は一種の従来のウェブページ注解方法により、ユーザーのウェブページの全部または一部の内容をビットマップ画像(raster imageまたはbitmap)ファイルに転換することができ、例えばBMP、GIF、JPEG、PNG等のファイルフォーマット、そして注解工具ソフトウェアによって、このウェブページを含めるビットマップ画像ファイル(以下ウェブページビットマップ画像ファイルと称す)に注解し、そしてウェブページと注解を含めるビットマップ画像ファイル(以下ウェブページ注解ビットマップ画像と称す)と丸ごとにほかの人と共有することを目的として送信する。しかし、このようなウェブページ注解方法は以下の少なくとも五つの欠点がある。一、ウェブページはかなり大きいファイルサイズのビットマップ画像に転換されるため、保存や送信する際に、もっと大きい保存メモリやインターネットのバンド幅が必要になる。二、ウェブページビットマップ画像ファイルに形成された注解のそのものはビットマップ画像であるため、さらに操作性が欠ける。例えば個別の注解に対する移動や、複製、回転、隠す、縮放、色変換、透明度等の操作には不可能である。三、ウェブページ注解ビットマップ画像ファイルを共有するのは丸ごとのファイルをコピーして他の全部のユーザーに送信し、それぞれのユーザーは自分の複製ファイルを有するため、ユーザーがだれでも後続きで注解する内容は他の同一の源の複製ファイルに更新することが出来ない。すなわち、共有グループの間には一緒に同じウェブページの注解を編集することが出来ない。四、あるウェブページ注解ビットマップ画像ファイルを多数の人が注記した後、内容は混乱に見える場合もあり、ユーザーはファイルを選択して削除したり、不必要の注解を隠したりすることが出来ない。五、あるアプリケーションソフトウェア例えばCorelDrawまたはAdobeのIllustratorを利用し、ウェブページを解読できるベクトル図形ファイルに転換しておいてから、ベクトル図形編集の利用できる注解工具で注解を行うことができるが、このようなソフトウェアは皆ウィンドウプログラム(window-based applications)であり、差異更新及び共同編集の機能は利用できない、しかも直接にウェブページのブラウザ
に現すことができません。
【０００４】
また、もう一つのウェブページ注解方法(例えばGoogle
Notebook)は直接にユーザーのほうからウェブサイトを入力したり、ウェブページブラウザ により開くウェブページに直接に文字や、図形、ハイパーリンク等の注解を入力したりすることであり、ユーザーはさらにこの注解の移動、削除、編集、出版(publish)をすることができる。この注解のそのものはHTML(HyperText
Markup Language、ハイパー文件標示語言)のフォーマットのファイルであるため、これと上記ビットマップ画像ファイルに注解する方式と比べると、このファイルサイズが小さい。しかもユーザーは注解のCSS(Cascading Style Sheets)属性を変更することによって注解を編集することができるため、もっと優れる操作性になる。このHTMLフォーマットのウェブページに注解する方法の欠点は手書きや蛍光ペン等の図形注解の機能を欠けることである。また、このHTMLフォーマットの注解は多層の構成を欠け、それぞれのユーザーは同一のウェブページに異なる層で注解することが出来ないため、情報共有や、差異更新及び共同編集などを行うことができない。
【発明の開示】
【発明が解決しようとする課題】
【０００５】
これを鑑にすると、本発明は一種のウェブページ注解のデータ構成、ウェブページ注解システム及びその方法を提供し、ユーザーは同一のウェブページに多層の注解層を覆ったり、自己の注解層に各種の注解(或注解物件)の新規、保存、削除、編集などを行ったりすることができ、さらに目的としてウェブページに注解することができる。また、注解物件のすべてはXMLベクトル図形要素であるため、優れる操作性を持って、しかも能以差異更新の方式でインターネットを通じて各自の注解層または注解物件を共有し、さらにウェブページ注解を共有したり、編集ウェブページ注解を一緒に編集したりすることを目的として達する。
【課題を解決するための手段】
【０００６】
本発明は一種のウェブページ注解のデータ構成と、ウェブページ注解システム及びその方法とを提供し、ウェブページブラウザ により開かされるユーザーのウェブページを底層ウェブページとし、その上に底層ウェブページの現しを影響されないようなXMLベクトル図形ウェブページ注解を覆い、このXMLベクトル図形ウェブページ注解はユーザーにより作った注解層を含み、しかもそれぞれのユーザーは同一のウェブページに自己専属の注解層を作ることができ、同一の底層ウェブページの上に覆われる多層ベクトル図形注解層を構成することができる。ユーザーは底層ウェブページに色々な異なる注解物件を編集し、そして編集した内容を自己専属の注解層へ保存する。上記注解物件のすべてはXMLベクトル図形要素であり、優れる操作性を持っている。ユーザーは他の人とウェブページ注解を共有しようとする際に、底層ウェブページのウェブサイト及びこのユーザーに属する注解層を共有しようとする相手へ送信するだけでいいです。また、あるユーザーがある注解層を更新する時に、ほかの共有するユーザーは移動される注解物件を更新し、または移動される注解層を変更するだけで、上記更新が行える。
【発明を実施するための最良の形態】
【０００７】
本発明の上記の及びその他の目的、利点、並びに新規な特徴は、後述する添付の図面に示された本発明の好ましい態様の詳細な説明によって明白となる。
【０００８】
図1は本発明の実施例に基づいてウェブページに多層のベクトル図形を覆う注解層のデータ構成の表示図。図1を参照し、このウェブページ注解構成100は一つの底層ウェブページ110及び底層ウェブページ110の上に覆われる一つのXMLベクトル図形ウェブページ注解120を含む。また、XMLベクトル図形ウェブページ注解120は更に事件静聴(event listener)層130と、処理プログラム層140と、ユーザーの作った注解層とを含む、上記処理プログラム層140には例えば注解層151と注解層152は別々にユーザーAとユーザーBにより作る。全体的にウェブページ注解構成100はベクトル図形描きエンジンの利用できるウェブページブラウザ (web browser)により現される。
【０００９】
本発明により、底層ウェブページ110はウェブページブラウザにより開いて示される文件またはファイルであり、この文件またはファイルは例えばウェブサイトが提供するウェブページや、ウェブページブラウザにより開かされる空白のウェブページや、またはマイクロソフトのWord、Excel、PowerPointのファイルまたは図形ファイルから転換されたHTMLファイル(なぜなら、一部のマイクロソフトのWord、Excel、PowerPointファイルまたは図形ファイルは直接にウェブページブラウザにより開くことができなく、従って、このようなファイルをHTMLファイルへ転換してからこそ、インタープレトフォームブラウザで利用されることができる)である。もし底層ウェブページ110はウェブサイトが提供するウェブページであれば、ユーザーはこのウェブページ110のウェブサイト115を指定し開くことが必要になり、そうすると本発明に応用されるウェブページブラウザ
は該ウェブサイト115に基づいて指定されたウェブページ110をウェブページ注解構成100の底層に置くことができ、その故にウェブページ110は底層ウェブページと称され、ウェブページ110のウェブサイト115は底層ウェブページウェブサイトと称す。本発明の実施例において、ウェブページ注解構成100はHTMLファイルであり、<iframe>要素を含み、そのsrc属性はユーザーが指定し開いているウェブページ110のウェブサイト115を指向し、従ってユーザーが該HTMLファイル100を開くと、<iframe>要素はユーザーの指定されたウェブページ110に指向し、HTMLファイル100の内に嵌入され、底層ウェブページ110として使われることになる。もし底層ウェブページ110はウェブページブラウザにより開かされた空白のウェブページであれば、本発明のウェブページブラウザに応用できるのはブラウザバージョンの描き板アプリケーションプログラムや、ウェブページクリップボードや、またはデジタル白板である。
【００１０】
XMLベクトル図形ウェブページ注解120において、事件静聴層130及び注解層151、152のすべてはXMLベクトル図形要素(elements)により構成され、処理プログラム層140は脚本プログラム(scripts)で編集されたプログラムにより構成され、XMLベクトル図形はいろいろな種類があり、例えばW3C(World Wide
Web Consortium)により制定されたSVG (Scalable Vector Graphics)ベクトル図形で、その脚本プログラムはECMAScriptであり、またはAdobeにより制訂されたMXMLベクトル図形であり、さらに、その脚本プログラムはActionScriptであり、またはマイクロソフトにより制定されたXAMLベクトル図形である。XMLのAPI(Application
Programming Interface)で、例えばDOM(Document Object Model)を利用すれば、ユーザーは脚本プログラムで編集されたプログラムの機能(例えば新規、削除、編集等)によりXMLベクトル図形要素を扱う。本発明において、事件静聴層130及び注解層151、152のそのものの現しは底層ウェブページ110を遮蔽することがなくて、注解層151、152の上にユーザーが注解物件(annotation objects)を加えてから、この現しこそ底層ウェブページ110を遮蔽することとなり、ウェブページ(即ち、底層ウェブページ110)の上に注解(即ち注解物件)を加えられた態樣を示す。本発明において、注解物件は形状(shapes)、文字(text)、手書き(handwriting)、蛍光ペン(highlighter)、付箋紙(sticky notes)、ハイパーリンク(hyperlinks)、書籤(bookmarks)、消しゴム(eraser)、図示(icons)、図形(images)または音声(audio)等のXMLベクトル図形要素を含む。処理プログラム層140は単にプログラムであり、現される必要がなく、これは例えば上記形状、文字、手書き等のXMLベクトル図形要素を扱うための的処理プログラムである。
【００１１】
事件静聴層130はユーザーが入力装置(例えばマウスまたはキーボード)を通じて触発された事件を受けるまたは受け取るために設けられ、そして処理プログラム層140においての対応する処理プログラムにより扱う。上記の事件は例えばユーザーが触発したマウス事件(例えばマウスのclick、mousedown、movemove、mouseup、mouseover等事件)で、ユーザーが底層ウェブページ110の上に行おうとする作業の種類(例えば注解物件の新規、保存、削除、編集などをする)に合わせ、処理プログラム層140においての対応する処理プログラムにより扱われる(例えば注解物件をユーザーの作った注解層へ新規する)。事件静聴層130は一種のXMLベクトル図形要素であり、本発明の実施例において、その大きさと位置は該要素の座標と長かんの属性の設定によって底層ウェブページ110と完全に一致することとなり、しかも透明度(opacity)の属性の設定はほぼ0に近い値(0は完全透明を意味する)に設定し、そうすると、事件静聴層130は底層ウェブページ110を遮蔽することがないが、ユーザーが操作マウス等の入力装置を操作して底層ウェブページ110の相対位置においての触発された全ての事件を受け取ることができる。
【００１２】
注解層(例えばユーザーAが作った注解層151)にとって、この注解層の上に附加された注解物件のすべてはこの注解層の次選択点である。また、それぞれの注解層は識別コード、作者、協同作者、建立時間、保存時間、権限定義等の属性を含み、この際に該注解層を作ったユーザーは作者と称される。また、識別コード属性がこの注解層の唯一な識別コードを記載し、なぜなら同一のウェブページ110のウェブページ注解120は多層の注解層(例えば注解層151和152)を有する場合があり、しかも共同編集する時に注解層は差異更新を行う可能性もあるため、それぞれの注解層にとって識別されるために唯一な識別コードは必要がある。作者属性はこの注解層を作る作者を記載し、この作者を該注解層に対して最大な権限を付与し、例えば作者はこの注解層においての注解物件の新規、削除、編集、複製などの機能を行うことができる。協同作者属性はこの注解層においての他の協同作者のことを記載し、作者は権限定義の属性においてこの協同作者グループに対して権限を定義する。建立時間属性はこの注解層の建立時間を記載する。保存時間属性はこの注解層の最後保存時間を記載する。権限定義属性は協同作者と他のユーザーと兩種類の身分に対して別々に定義する権限であり、例えば協同作者がこの注解層においての注解物件を新規、編集、複製などを行うことを許し、しかし他のユーザーはこの注解層においての注解物件に対しては複製しかを許されない。
【００１３】
本発明の実施例において、XMLベクトル図形ウェブページ注解120を底層ウェブページ110の上に覆うことは、一つのHTMLファイル100の中に一つの<div>要素を差し込み、XMLベクトル図形ウェブページ注解120として製作され、しかも該HTMLファイル100は既に一つの<iframe>要素を含み、そのsrc属性はウェブページ110のウェブサイト115へ指向する。そして、<iframe>要素と<div>要素のstyle属性においてのposition属性を皆absoluteに設定し、さらに同じのwidth、height、top、left属性値を設定することにより、<iframe>要素と<div>要素を同じの座標位置と大きさになされ、これはXMLベクトル図形ウェブページ注解120を完全に底層ウェブページ110の上に覆わせることに等しい。上記<div>要素(即ちXMLベクトル図形ウェブページ注解120)は一つのXMLベクトル図形要素を嵌め込み、事件静聴層130とし、opacity属性をほぼ0に近い値(0は完全透明を意味する)を設定することにより、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(例えば液晶ディスプレイ)はヒューマン・マシン・インターフェースを提供し、ユーザーはこれによってウェブページ注解構成100の底層ウェブページ110の上に注解物件を新規、削除、または編集などを行った後、XMLベクトル図形ウェブページ注解120へ送信する。サーバ側装置220において、ウェブサイトサーバ221はクライアント側装置210とサーバ側装置220の間のデータ送信を扱うために設けられる。ベクトル図形要素処理プログラム222はクライアント側装置210においてのウェブページ注解構成100の処理プログラム層140のXMLベクトル図形要素を提供する処理プログラムである。サーバ側処理プログラム223はデータベース224のデータをアクセスし、そしてウェブサイトサーバ221を通じて送信を行う。データベース224は注解層と、注解物件と、注解層に対応する底層ウェブページウェブサイトとを保存するために設けられる。
【００１６】
本発明の実施例において、XMLベクトル図形ウェブページ注解120を底層ウェブページ110の上に覆われるのは、あるHTMLファイル100に対して一つの<div>要素を差し込み、XMLベクトル図形ウェブページ注解120とし、上記HTMLファイル100は既に一つの<iframe>要素を含み、そのsrc属性はウェブページ110のウェブサイト115を指向する。そして、<iframe>要素と<div>要素のstyle属性においてのposition属性をabsoluteになるように設定し、同じのwidth、height、top、left属性値を設定することにより、<iframe>要素と<div>要素とを同じの座標位置と大きさになされ、すなわち、XMLベクトル図形ウェブページ注解120を完全に底層ウェブページ110の上に覆われることに等しい。上記<div>要素(即ち、XMLベクトル図形ウェブページ注解120)は一つのXMLベクトル図形要素を嵌め込み、事件静聴層130とし、opacity属性を接近0(完全透明)に設定し、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でユーザーが触発した事件(例えばマウスのclick事件)を
受け取り、ユーザーの行おうとする作業種類は新規注解物件であり、注解物件の要素類別を文字、手書き、蛍光ペン、または他の類別に探知してから、処理プログラム層140に対応する新規事件処理プログラムにより扱われ、例えばマウス位置と移動軌跡座標(手順S304)を記録する。そして、新規事件処理プログラムはユーザーが選択した注解物件の類別及び記録したマウス位置と移動軌跡に基づいて、一つの対応する注解物件(手順S305)を新規する。さらに、新規した注解物件を該ユーザーが新規しようとする注解物件の注解層へ附加し、該注解層の一つの次選択点とし、その同時に、注解物件を新規する時に新規日期時間等の追跡情報属性(手順S306) を加入する。最後、手順S302へ戻し、次の作業を受けることを準備する。上記全ての注解物件のすべてはXMLベクトル図形要素であり、ベクトル図形描きエンジン212によって注解物件要素の類別と属性に基づいて図形を描いてウェブページブラウザ 211において現す。
【００２０】
もし作業種類は削除や編集(例えば移動、隠す、縮放、回転等)などの既存した注解物件であれば、事件静聴層130においてユーザーの触発した事件を受け取り、ユーザーの行おうとする作業種類は注解物件の削除や編集などをすることを探知した後、これを処理プログラム層140に対応する事件処理プログラムによって扱われる(手順S311)。例えば注解物件を移動することであり、ユーザーはマウスを移動する時に、事件処理プログラムはマウス位置と移動軌跡座標を記録し、さらに該注解物件の位置属性値(手順S312)を変える。属性値を移動された後の注解物件は勿論ベクトル図形描きエンジン212により描き直さなければならない。最後、手順S302へ戻し、次の作業を受けることを準備する。従って、XMLベクトル図形の注解物件の属性値を変えることによって、注解物件に対して削除や編集(例えば移動、隠す、縮放、回転等)を行うことができる。
【００２１】
もし作業種類は注解物件を保存することであれば、事件静聴層130においてユーザーの触発した事件を受け取り、ユーザーが行おうとする作業種類は注解物件を保存することを探知した後、処理プログラム層140に対応する事件処理プログラムによって扱われ、該事件処理プログラムはユーザーIDによりXMLベクトル図形ウェブページ注解120から全ての移動された注解層(手順S321)を読み出し、そしてこの移動された注解層またはこの移動された注解層においての移動された注解物件だけをインターネットを通じてサーバ側装置220(手順S322)へ送信し戻す。サーバ側装置220はこの移動された注解層や物件を受けてから、データベース224に(手順S323)保存する。最後、手順S302へ戻し、次の作業を受けることを準備する。
【００２２】
もし作業種類は差異更新を起動することであれば、事件静聴層130においてユーザーの触発した事件を受け取り、ユーザーが行おうとする作業種類は差異更新を起動することを探知した後、クライアント側装置210によってサーバ側装置220においてのサーバ側処理プログラム223を呼出し、サーバ側処理プログラム223で扱われる(手順S331)。サーバ側装置220においてのサーバ側処理プログラム223はユーザーがウェブページ110に使用している注解層とデータベース224に対応する注解層との間の差異を判別し、そしてデータベース224において更新された注解層の集合をクライアント側装置210へ送信し戻す(手順S332)。そして、クライアント側装置210はそれぞれの更新された注解層を用いて、ユーザーのウェブページ110に使用している注解層と比較し、そしてウェブページ110において本来なしの注解層を新規とし、または本来の注解層(例えば本来注解層の上においての注解物件の新規、削除、編集などを行う)を移動する。例えば、まず一つの更新された注解層(手順S333)を取得し、更新された注解層を取得しておいたため、次の手順(手順S334の”はい”の選択枝)へ続く。そして、該更新された注解層はユーザーがウェブページ110において使用している注解層にとっては新しい注解層かどうかを判断し(手順S335)、もし”はい”であれば、この新的注解層を注解層においての最上層へ附加し、その中においてのある注解層の注解物件は下層においての注解層の注解物件(手順S336)を遮蔽し、 もし”いいえ”であれば、更新された注解層に基づいてユーザーのウェブページ110において使用している注解層を移動し、例えばユーザーのウェブページ110において使用している注解層の注解物件の新規、削除、編集をすることである(手順S337)。そして、新規や移動された注解層の権限を取り扱った(手順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ベクトル図形ウェブページ注解(手順S503)を覆われる。サーバ側装置220はクライアント側装置210から送信し戻したウェブサイトに基づいてこのウェブページ(手順S511)を開き、それをビットマップ画像(手順S512) へ転換する。そして、クライアント側装置210において、ユーザーはXMLベクトル図形ウェブページ注解120の上にマウスを移動する方式で一つの形状を描き、例えば矩形、そうするとクリップしようとする区域(手順S504)を標示する。ユーザーがマウスを離れてmouseup事件を触発する時、クライアント側装置210はウェブページで現される位置座標scrollTop、scrollLeft、top、left等の属性値、及びクリップ区域の形状、座標位置、区域範囲等の属性をサーバ側装置220(手順S505) へ送信し戻し、サーバ側装置220はクリップ区域情報を受け取った後、ウェブページの転換されたビットマップ画像の上に指定区域のビットマップ画像(手順S513)を取り出し、それをデータベース224内(手順S514)に保存する。クライアント側装置210において、ユーザーは異なるウェブページの上に繰り返しクリップし、そしてデータベース224からウェブページの一部の画面のビットマップ画像を取り出し、ベクトル画像(手順S506)へ転換し要素として、該ユーザーがウェブページブラウザ 211により開く一つの空白のウェブページの注解層(手順S507)の上に加える。また、ユーザーは該空白ウェブページの注解層の上に更に他の各種の注解物件(例えば形状、文字、手書き等のXMLベクトル図形要素)を加えることができる。
【００２５】
上記の記述をまとめると、本発明が提供する一種のウェブページ注解構成、ウェブページ注解システム及びその方法は、ウェブページブラウザ により底層ウェブページとしウェブページを開き、その上に一層のXMLベクトル図形ウェブページ注解を覆われ、該XMLベクトル図形ウェブページ注解はユーザーによって作った注解層を含み、しかもそれぞれのユーザーはすべて同一のウェブページに自己専属の注解層を作り、同一の底層ウェブページの上に覆われる多層ベクトル図形注解層を構成することができる。ユーザーは底層ウェブページにいろいろな異なる注解物件を編集して、この編集された内容を自己専属の注解層に保存され、上記注解物件のすべてはXMLベクトル図形要素であり、優れる操作性を持っている。ユーザーが他のユーザーとウェブページ注解を共有しようとする時に、底層ウェブページのウェブサイト及び該ユーザーに属する注解層を共有しようとされる相手に送信するだけでいい。また、ユーザーがある注解層を移動する時に、他のユーザーは単に移動された注解層を更新するだけでよい、全部のファイルをコピーする必要がなく、より効率的な差異更新方式で共同編集の目的を達す。
【００２６】
本発明においては多種の修正及び別形態が可能であるが、その具体的な態様を図面において例示し、ここに詳細に説明する。しかしながら、本発明は、開示した特定の形態に限定されないだけでなく、添付のクレームに規定される本発明の精神及び範囲に該当するすべての修正、同等物及び別形態に及ぶものであることが理解されるべきである。
【図面の簡単な説明】
【００２７】
【図１】本発明の実施例に基づいて作って、ウェブページに多層ベクトル図形を覆う注解層のデータ構成の表示図。
【図２】本発明の実施例に基づいて作って、ウェブページ注解システムのダイアグラム。
【図３Ａ】本発明の実施例に基づいて作って、ウェブページ注解方法のフローチャートであり、このフローチャートは注解層に注解物件の新規、保存、削除、編集を行うことと、差異更新の起動することとを含む。
【図３Ｂ】本発明の実施例に基づいて作って、ウェブページ注解方法のフローチャートであり、このフローチャートは注解層に注解物件の新規、保存、削除、編集を行うことと、差異更新の起動することとを含む。
【図４】本発明の実施例に基づいて作って、実際のウェブページに注解する画面。
【図５】本発明の実施例に基づいて作って、ウェブページ注解方法のフローチャートであり、この方法はベクトル図形によりウェブページの一部の内容を取り出してベクトル図形要素へ転換することを含む。
【符号の説明】
【００２８】
100  ウェブページ注解構成
110  底層ウェブページ
115  底層ウェブページのウェブサイト
120  XMLベクトル図形ウェブページ注解
130  事件静聴層
140  処理プログラム層
151、152  注解層
200  ウェブページ注解システム
210  クライアント側(client)装置
211  ウェブページブラウザ
212  ベクトル図形描きエンジン
213  入力装置
214  表示装置
220  サーバ側(server)装置
221  ウェブサイトサーバ
222  ベクトル図形要素処理プログラム
223  サーバ側処理プログラム
224  データベース
401、402、403、404  注解物件
S301  初期化
S302  ユーザーが作業種類を選択する
S303  作業種類
S304  新規事件処理プログラムを触発する
S305  一つの対応物件を新規する注解
S306  新規した注解物件を注解層へ附加する
S311  対応する事件処理プログラムを触発する
S312  選んだ注解物件の属性を変える
S321  事件処理プログラムにより移動された注解層を読み出す
S322  移動された注解層をサーバ側装置へ送信し戻す
S323  サーバ側装置データベースに保存する
S331  クライアント側装置によってサーバ側装置においてのサーバ側処理プログラムを呼出し
S332  サーバ側装置から更新された注解層の集合をクライアント側装置へ送信し戻す
S333  次の更新された注解層を取得する
S334  更新した注解層があるか?
S335  これは新規した注解層ですか?
S336  新規した注解層を最上層へ附加する
S337  本来の注解層を更新する
S338  注解層の権限を扱う
S501  ウェブサイトを入力する
S502  ウェブサイトをサーバ側装置まで送信する
S503  ウェブページを開いた後このウェブページの上にXMLベクトル図形ウェブページ注解を覆われる
S504  ユーザーがクリップしようとする区域を標示する
S505  クリップ区域の情報をサーバ側装置へ送信し戻す
S506  クリップ区域のビットマップ画像をロードし、ベクトル画像へ転換する
S507  転換されたベクトル図形により開く一つの空白のウェブページの注解層の上に加える
S511  サーバ側装置が同一のウェブページを開く
S512  ウェブページをビットマップ画像へ転換する
S513  標示された区域の画像を取り出す
S514  取り出した区域のビットマップ画像を保存する
【図１】
2009129401.tif 000003
【図２】
2009129401.tif 000004
【図３Ａ】
2009129401.tif 000005
【図３Ｂ】
2009129401.tif 000006
【図４】
2009129401.tif 000007
【図５】
2009129401.tif 000008