CN101441644A - 网页批注系统与方法 - Google Patents

Abstract

本发明为一种网页批注结构、网页批注系统及其方法，以网页浏览器开启一网页当作底层网页，在其上覆盖一层XML矢量图形网页批注，其包括由使用者建立的批注层，且每一位使用者都可在同一网页上建立属于自己的批注层，构成覆盖在同一底层网页上的多层矢量图形批注层。使用者在底层网页上编辑各种不同的批注对象，并将其放在属于自己的批注层中，这些批注对象都是XML矢量图形元素，具有极佳的可操控性。当使用者要与其它使用者分享网页批注时，只需要将底层网页的网址以及属于使用者的批注层传送给欲分享的对象。当使用者异动某一批注层时，其它使用者仅需更新异动的批注层，无需整个档案复制，以较有效率的差异更新方式达到共同编辑的目的。

Description

网页批注系统与方法

技术领域

本发明涉及的是一种网页批注系统与方法，特别涉及的是一种应用XML矢量图形(XML-based vector graphic)技术的网页批注系统与方法，其中XML是可扩充标示语言(eXtensible Markup Language)的简称。

背景技术

在因特网的时代，网页是现代人信息的主要来源的一。目前全世界有数十亿个网页提供人们各种类型的信息服务，而且网页的数量还在持续不断的快速成长。人们在浏览网页时，有时会需要在网页所提供之内容上加上自己的见解、标示、或者心得等批注(annotations)，例如在新闻上加上自己的见解、在股价趋势图上画上标示、或者在教学网页上写下自己的心得。在这种情况下，人们通常会将网页打印出来，在打印的纸张上加上这些批注。当人们需要将这些网页和批注分享给其它人时，例如老师要把某一教学网页和自己的批注分享给学生，通常要将这些加上批注的打印纸张影印以分送给其它人，这种做法显然既不方便而且不环保。

目前有一种网页批注方法，可以让使用者将网页的全部或部分转换为位图形(raster image或bitmap)档案，例如BMP、GIF、JPEG、PNG等档案格式，接着利用批注工具软件在这个包含网页的位图形档案(以下简称为网页位图形档案)上面加上批注，然后将包含网页和批注的位图形档案(以下简称为网页批注位图形档)整个传送给其它人以达到分享的目的。这种网页批注方法至少有以下五项缺点。第一，网页被转换为占据相当大空间的位图形档案，在储存与传输时需要较多的储存与频宽资源。第二，在网页位图形档案上所做的批注其本身也是位图形，缺乏可操控性，例如对个别批注的移动、复制、旋转、隐藏、缩放、改变颜色与透明度等操作。第三，分享网页批注位图形档案是将整个档案复制传送给每一位使用者，每一位使用者都有自己的复制档案，因此任何一位使用者后续所做的批注都无法更新至其它同一来源的复制档案。换句话说，分享的群组之间无法共同编辑同一份网页批注。第四，当一份网页批注位图形档案经过多人注记时，会显得内容紊乱，使用者无法选择性删除或隐藏某些不必要的批注。第五，虽然可以利用一些软件如CorelDraw或Adobe的Illustrator，先将网页转换成其支持的矢量图形档案后，再由其提供的支持矢量图形编辑的批注工具在其上进行批注，但是这些软件均为窗口程序(window-basedapplications)，不支持差异更新与共同编辑，且无法直接在网页浏览器中呈现。

另外有一种网页批注方法(例如Google Notebook)是直接让使用者输入网址，并且在由网页浏览器开启的网页上直接加上如文字、图形、超链接等批注，使用者还可以移动、删除、编辑、出版(publish)这些批注。这些批注的本身是HTML(HyperText Markup Language，超文件标示语言)格式的档案，因此相对于前述在位图形档案上批注的方式而言，其档案较小。而且使用者可以通过改变每一个批注的CSS(Cascading Style Sheets，串接样式表)属性来编辑批注，因此具有更佳的操控性。这种在HTML格式的网页上批注的缺点是缺乏如手写或荧光笔等图形批注的功能。此外，这种HTML格式的批注缺乏多层次的结构，无法让每一位使用者在同一份网页上有不同层次的批注，因此无法支持分享、差异更新与共同编辑。

发明内容

有鉴于此，本发明提出一种网页批注的数据结构、网页批注系统与方法，其容许使用者在同一网页上覆盖多层批注层，并在属于自己的批注层上新增、储存、删除或编辑各种批注(或批注对象)，进而达到在网页上批注的目的。另外，由于批注对象均为XML矢量图形元素，具有极佳的可操控性，且能以差异更新方式通过网络分享各自的批注层或批注对象，进而达到分享网页批注与共同编辑网页批注的目的。

本发明提出一种网页批注的数据结构、网页批注系统与方法，将使用者以网页浏览器开启的网页当作底层网页，并在其上覆盖一层不会影响底层网页呈现的XML矢量图形网页批注，所述的XML矢量图形网页批注包括由使用者建立的批注层，且每一位使用者都可在同一网页上建立属于自己的批注层，构成覆盖在同一底层网页上的多层矢量图形批注层。使用者在底层网页上编辑各种不同的批注对象，并将其放在属于自己的批注层中，其中这些批注对象都是XML矢量图形元素，具有极佳的可操控性。当使用者要与其它人分享网页批注时，只需要将底层网页的网址以及属于使用者的批注层传送给欲分享的对象。另外，当某一使用者异动某一层批注层时，其它分享的使用者仅需更新异动的批注对象或者抽换异动的批注层即可完成差异更新。

为让本发明的上述和其它目的、特征和优点能更明显易懂，下文特举较佳实施例，并配合所附图式，作详细说明如下。

附图说明

图1为依照本发明一实施例所绘示的在网页上覆盖多层矢量图形批注层的数据结构示意图；

图2为依照本发明一实施例所绘示的网页批注系统的方块图；

图3A与图3B为依照本发明一实施例所绘示的网页批注方法的流程图，其包括在批注层上新增、储存、删除、编辑批注对象以及启动差异更新；

图4为依照本发明一实施例所绘示的在实际网页上批注的画面；

图5为依照本发明一实施例所绘示的网页批注方法的流程图，其包括利用矢量图形撷取网页部分内容转换为矢量图形元素。

附图标记说明：100-网页批注结构；110-底层网页；115-底层网页网址；120-XML矢量图形网页批注；130-事件静听层；140-处理程序层；151、152-批注层；200-网页批注系统；210-客户端装置；211-网页浏览器；212-矢量图形绘图引擎；213-输入装置；214-显示装置；220-服务端装置；221-网站服务器；222-矢量图形元素处理程序；223-服务端处理程序；224-数据库；401～404-批注物件；S301～S307-网页批注方法中在批注层上新增批注对象的各步骤；S311～S312-网页批注方法中在批注层上删除或编辑批注对象的各步骤；S321～S323-网页批注方法中在批注层上储存批注对象的各步骤；S331～S338-网页批注方法中启动批注层或批注对象差异更新的各步骤；S501～S507、S511～S514-网页批注方法中利用矢量图形撷取网页部分内容转换为矢量图形元素的各步骤。

具体实施方式

以下结合附图，对本发明上述的和另外的技术特征和优点作更详细的说明。

图1为依照本发明一实施例所绘示的在网页上覆盖多层矢量图形批注层的数据结构示意图。请参照图1，所述的网页批注结构100包括一底层网页110以及覆盖在底层网页110上面的一XML矢量图形网页批注120。其中，XML矢量图形网页批注120还包括一事件静听(event listener)层130、一处理程序层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矢量图形，其脚本程序语言为Action Script，或者微软的XAML矢量图形。通过XML的API(Application Programming Interface，应用程序接口)，如DOM(DocumentObject 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(完全透明)，因此使得事件静听层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(完全透明)、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用以储存批注层、批注对象以及与批注层对应的底层网页网址。

在一实施例中，当使用者在客户端装置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来处理(步骤S331)。服务端装置220的处理程序会判断使用者正在网页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矢量图形元素，具有极佳的可操控性。当使用者要与其它人分享网页批注时，只需要将底层网页的网址以及属于使用者的批注层传送给欲分享的对象。另外，当某一使用者异动某一层批注层时，其它分享的使用者仅需更新异动的批注对象或者抽换异动的批注层即可完成更新，无需整个档案复制，以较有效率的差异更新方式达到共同编辑的目的。

以上所述仅为本发明的较佳实施例，对本发明而言仅仅是说明性的，而非限制性的。本专业技术人员理解，在本发明权利要求所限定的精神和范围内可对其进行许多改变，修改，甚至等效，但都将落入本发明的保护范围内。

Claims (9)

1、一种网页批注结构，其特征在于：其包括：

一底层网页，其中所述的底层网页包括网站所提供的网页、由网页浏览器所开启的空白网页、或一般档案转换成的HTML档案；以及

一XML矢量图形网页批注，覆盖在所述的底层网页上，其包括：

至少一批注层，分别被附加至少一批注对象，其中使用者根据权限新增、储存、删除或编辑批注层或批注对象，或者启动差异更新以更新批注层或批注对象，其中所述的批注对象包括形状、文字、手写、荧光笔、便利贴、超链接、书签、橡皮擦、图标、图形、或声音的XML矢量图形元素；

一处理程序层，包括至少一事件处理程序；以及

一事件静听层，用以接收使用者触发的与批注层有关的事件，并呼叫所述的处理程序层中相应的事件处理程序，将使用者触发的事件交由相应的事件处理程序处理；

其中，所述的事件静听层与批注层是由XML矢量图形元素所构成且本身呈现并不会遮住所述的底层网页，而附加到批注层上的批注对象均是XML矢量图形元素且其呈现会遮住所述的底层网页，以表现出在所述的底层网页上加上批注对象的态样。

2、根据权利要求1所述的网页批注结构，其特征在于：所述的批注层的属性包括：

一识别码属性，用以记载所述的批注层的唯一识别码；

一作者属性，用以记载建立所述的批注层的作者，其被赋予最大权限；

一协同作者属性，用以记载所述的批注层的其余协同作者；

一建立时间属性，用以记载所述的批注层的建立时间；

一储存时间属性，用以记载所述的批注层的最后储存时间；以及

一权限定义属性，用以记载由作者所定义的协同作者及其它使用者的权限。

3、一种网页批注系统，适用于上述的网页批注结构，其特征在于：其包括：

一客户端装置包括：

一网页浏览器，用以开启与呈现所述的网页批注结构；

一矢量图形绘图引擎，用以支持所述的网页浏览器以呈现所述的网页批注结构中的XML矢量图形元素；

一输入装置；以及

一显示装置，其中所述的输入装置与所述的显示装置用以提供人机接口，且使用者操作所述的输入装置以产生使用者触发的事件；以及

一服务端装置包括：

一网站服务器，用以处理所述的客户端装置与所述的服务端装置之间的数据传输；

一矢量图形元素处理程序，用以提供所述的网页批注结构的处理程序层所需的事件处理程序；

一数据库，用以储存所述的网页批注结构中的批注层、批注对象以及与批注层对应的底层网页网址；以及

一服务端处理程序，用以存取所述的数据库的数据。

4、根据权利要求3所述的网页批注系统，其特征在于：所述的客户端装置为个人计算机、平板计算机、笔记型计算机或个人数字助理。

5、一种网页批注方法，适用上述的网页批注结构，其特征在于：其包括：

通过在客户端装置的网页浏览器开启一网页做为所述的底层网页；

在所述的底层网页上覆盖所述的事件静听层与所述的处理程序层；

设定所述的事件静听层准备接收使用者所触发的事件；

当使用者欲编辑所述的底层网页现有的批注层时，通过网络从服务端装置下载与所述的底层网页有关的现有的批注层并将其覆盖在底层网页上，使用者根据权限在现有的批注层上新增、储存、删除或编辑批注对象；

当使用者欲建立批注层时，在所述的底层网页上覆盖由使用者建立的新的批注层，使用者对其建立的批注层拥有最大权限而在批注层上新增、储存、删除或编辑批注对象，且使用者可对其建立的批注层定义其它使用者的权限；

当使用者欲储存批注层时，客户端装置将所述的网页批注结构中异动的批注层或批注对象、以及与批注层对应的底层网页网址传回并储存在服务端装置中；以及

当使用者要与其它使用者分享所述的网页批注结构时，通过所述的服务端装置只需将底层网页网址以及属于使用者的批注层传送给其它使用者；而当使用者异动某一批注层时，通过所述的服务端装置其它使用者仅需更新异动的批注层或批注对象。

6、根据权利要求5所述的网页批注方法，其特征在于：所述的新增批注对象到批注层的步骤包括：

在事件静听层接收使用者所触发的新增批注对象的事件之后，交由处理程序层中对应的事件处理程序去处理；

所述的事件处理程序纪录所述的事件以产生一相对应的批注对象；以及

将新增的批注对象附加到使用者欲新增批注对象的批注层中。

7、根据权利要求5所述的网页批注方法，其特征在于：所述的删除或编辑在批注层中的批注对象的步骤包括：

在事件静听层接收使用者所触发的删除或编辑批注对象的事件之后，交由处理程序层中对应的事件处理程序去处理；以及

所述的事件处理程序纪录所述的事件以相对应地删除所述的批注对象或编辑所述的批注对象的属性。

8、根据权利要求5所述的网页批注方法，其特征在于：所述的储存批注层中的批注对象的步骤包括：

在事件静听层接收使用者所触发的储存批注对象的事件之后，交由处理程序层中对应的事件处理程序去处理；

所述的事件处理程序从所述的XML矢量图形网页批注中滤出被异动过的批注层或批注物件；

将异动的批注层或批注对象通过网络传回给服务端装置；以及

服务端装置接收并储存异动的批注层或批注对象。

9、根据权利要求5所述的网页批注方法，其特征在于：所述的启动差异更新批注层中的批注对象的步骤包括：

在事件静听层接收使用者所触发的启动差异更新的事件之后，由客户端装置呼叫服务端装置的服务端处理程序来处理；

服务端处理程序会判断使用者正在底层网页上使用的批注层与服务端装置储存的相对应的批注层之间的差异；

服务端装置将其所储存的更新过的批注层的集合回传到客户端装置；以及

客户端装置以每一个更新的批注层去比对使用者正在底层网页上使用的批注层，以便于底层网页上新增原本没有的批注层、或是异动原本的批注层。

Images