网页批注系统与方法

专利名称：网页批注系统与方法
技术领域：
本发明涉及的是一种网页批注系统与方法，特别涉及的是一种应用XML矢 量图形(XML-based vector graphic)技术的网页批注系统与方法，其中XML是可 扩充标示语言(extensible Markup Language)的筒称。
背景技术：
在因特网的时代，网页是现代人信息的主要来源的一。目前全世界有数十 亿个网页提供人们各种类型的信息服务，而且网页的数量还在持续不断的快速 成长。人们在浏览网页时，有时会需要在网页所提供之内容上加上自己的见解、 标示、或者心得等批注(annotations)，例如在新闻上加上自己的见解、在股价趋 势图上画上标示、或者在教学网页上写下自己的心得。在这种情况下，人们通 常会将网页打印出来，在打印的纸张上加上这些批注。当人们需要将这些网页 和批注分享给其它人时，例如老师要把某一教学网页和自己的批注分享给学生， 通常要将这些加上批注的打印纸张影印以分送给其它人，这种做法显然既不方 便而且不环保。
目前有一种网页批注方法，可以让使用者将网页的全部或部分转换为位图 形(raster image或bitmap)档案，例如BMP、 GIF、 JPEG、 PNG等档案才各式，接 着利用批注工具软件在这个包含网页的位图形档案(以下简称为网页位图形档 案)上面加上批注，然后将包含网页和批注的位图形档案(以下简称为网页批 注位图形档)整个传送给其它人以达到分享的目的。这种网页批注方法至少有 以下五项缺点。第一，网页被转换为占据相当大空间的位图形档案，在储存与 传输时需要较多的储存与频宽资源。第二，在网页位图形档案上所做的批注其 本身也是位图形，缺乏可操控性，例如对个别批注的移动、复制、旋转、隐藏、 缩放、改变颜色与透明度等操作。第三，分享网页批注位图形档案是将整个档 案复制传送给每一位使用者，每一位使用者都有自己的复制档案，因此任何一 位使用者后续所做的批注都无法更新至其它同 一来源的复制档案,，换句话说，分享的群组之间无法共同编辑同一^分网页批注。第四，当一4分网页批注位图形 档案经过多人注记时，会显得内容紊乱，使用者无法选择性删除或隐藏某些不 必要的批注。第五，虽然可以利用 一些软件如CorelDraw或Adobe的Illustrator, 先将网页转换成其支持的矢量图形档案后，再由其提供的支持矢量图形编辑的 批注工具在其上进行批注，但是这些软件均为窗口程序(window-based applications),不支持差异更新与共同编辑，且无法直接在网页浏览器中呈现。
另外有一种网页批注方法(例如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-网 页批注方法中在批注层上删除或编辑批注对象的各步骤；S 3 21 S3 2 3 -网页批注 方法中在批注层上储存批注对象的各步骤；S 3 31 ~ S 3 3 8 -网页批注方法中启动批 注层或批注对象差异更新的各步骤；S501 S507、 S511 S514-网页批注方法中利 用矢量图形撷取网页部分内容转换为矢量图形元素的各步骤。
具体实施例方式
以下结合附图，对本发明上述的和另外的技术特征和优点作更详细的说明。 图1为依照本发明一实施例所绘示的在网页上覆盖多层矢量图形批注层的数据结构示意图。请参照图1,所述的网页批注结构IOO包括一底层网页110以 及覆盖在底层网页110上面的一 XML矢量图形网页批注120。其中，XML矢量 图形网页批注120还包括一事件静听(eventlistener)层130、 一处理程序层140 以及由使用者所建立的批注层，例如批注层151与批注层152分别是由使用者A 与使用者B所建立。整个网页批注结构100由支持矢量图形绘图引擎的网页浏 览器(web browser)所呈现。
在本发明中，底层网页IIO是泛指可由网页浏览器所开启与呈现的文件或 档案，此文件或档案例如是任何网站所提供的网页，或者是由网页浏览器所开 启的空白网页，或者是由微软的Word、 Excel 、 PowerPoint档案或图形档案转换 成的HTML档案(这是因为某些网页浏览器无法直接开启微软的Word、 Excel、 PowerPoint档案或图形档案，所以将它们转换为HTML档案才可以支持跨平台 浏览器)。如果底层网页110是网站所提供的网页，则需要使用者指定开启所 述的网页110的网址115，以便让应用本发明的网页浏览器可根据所述的网址 115将其所指向的网页110放置在网页批注结构100的底层，故网页110称为底 层网页，而网页110的网址115称为底层网页网址。在一实施例中，网页批注 结构100是一 HTML档案，里面包含一个^frame〉元素，其src属性指向使用者 指定开启网页110的网址115，因此一旦4吏用者开启所述的HTML档案100时， 由<&&11^〉元素指向使用者指定的网页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,应用禾呈序4妻口 )， i口 DOM ( Document Object Model,文件对象模型)，使用者可以脚本程序语言所撰写的程序来处理 (如新增、删除、编辑等)XML矢量图形元素。在本发明中，事件静听层130与批注层151、 152本身的呈现并不会遮住底层网页110，只有在批注层151、 152上由使用者加上的批注对象(annotation objects)的呈现才会遮住底层网页 110，以表现出在网页(即底层网页110)上加上批注(即批注对象)的态样。 在本发明中，批注对象包括形状(shapes)、文字(text)、手写(handwriting)、荧光 笔(highlighter)、便利贝占(sticky notes)、超《连4妄(hyperlinks)、书签(bookmarks)、才象 皮擦(eraser)、图标(icons)、图形(images)或声音(audio)等的XML矢量图形元素。 而处理程序层140只是程序，无须呈现，其例如包括用来处理上述形状、文字、 手写等的XML矢量图形元素的处理程序。
事件静听层130是用以接受或捕捉使用者通过输入装置(如鼠标或键盘) 所触发的事件，然后交由处理程序层140中相对应的处理程序来处理。上述的 事件例如是由使用者触发的鼠标事件(如鼠标的click、 mousedown、 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属性都 i殳为absolute,再通过"i殳定相同的width、 height、 top、 left属性值，让〈iframe〉 元素与〈dh^元素有相同的坐标位置与大小，相当在让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下载使 用者权限所能使用的覆盖在底层网页IIO上的批注层(如批注簋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以每一个更新的批注层去 比对使用者正在网页IIO上使用的批注层，以便于网页IIO上新增原本没有的 批注层、或是异动原本的批注层(如新增、删除或编辑原本的批注层上的批注 对象)。例如， 一开始先取得一个更新的批注层(步骤S333 )，由于有取得更 新的批注层，故继续下一步骤(步骤S334的"是"路径)。接着，判断所述的更 新的批注层对于使用者正在网页IIO上使用的批注层而言是否是新的批注层(步 骤S335 )，若是则将此新的批注层附加到批注层中的最上层，其中某一批注层 的批注对象会遮住位于其下层的批注层的批注对象(步骤S336 );若否则依据 更新的批注层来异动使用者正在网页IIO上使用的批注层，如新增、删除或编辑使用者正在网页IIO上使用的批注层的批注对象(步骤S337 )。然后，处理 新增或异动的批注层的权限(步骤S338 )之后，继续处理下一个更新的批注层 (步骤S333 ),直到所有的更新的批注层均处理完毕再回到步骤S302准备接受 下一个作业(步骤S334的"否，，路径)。
图4为依照本发明一实施例所绘示的在实际网页上批注的画面，所述的网 页为维基百科(Wikipedia)的首页。请参照图4，使用者输入所述的网页的网址， 即http:〃www.wikipedia.org，本发明根据所述的网址将开启的网页当作底层网页 110，并且在底层网页IIO上覆盖XML矢量图形网页批注120。使用者可以在 XML矢量图形网页批注120上加上批注对象到其批注层中，例如批注对象401、 402、 403、 404分别为文字、手写、焚光笔、便利贴类别的批注对象。这些批注 对象(如对象401 404)会遮住底层网页IIO的呈现，以呈现出在网页(即底层 网页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、 t叩、left等属性值，以及剪贴区域的形状、坐标位置、区域范围等属 性传回到服务端装置220 (步骤S505 )，服务端装置220在接收到剪贴区域信息后在网页转换的位图形档案上面撷取指定区域的位图形档案(步骤S513), 并将其储存在数据库224内(步骤S514)。在客户端装置210,使用者可以重 复在不同的网页上剪贴，再由数据库224中取出网页部分画面的位图形档案， 转换为矢量图形档案(步骤S506)作为元素加到由使用者利用网页浏览器211 所开启的一空白网页的批注层(步骤S507 )。另外，使用者也可以在所述的空 白网页的批注层上再加上其它各种的批注对象(如形状、文字、手写等XML矢 量图形元素)。
综上所述，本发明的网页批注的数据结构、网页批注系统与方法，将使用 者以网页浏览器开启的网页当作底层网页，并在其上覆盖一层不会影响底层网 页呈现的XML矢量图形网页批注，所述的XML矢量图形网页批注包括由使用 者建立的批注层，且每一位使用者都可在同一网页上建立属于自己的批注层， 构成覆盖在同一底层网页上的多层矢量图形批注层。使用者在底层网页上编辑 各种不同的批注对象，并将其放在属于自己的批注层中，其中这些批注对象都 是XML矢量图形元素，具有极佳的可操控性。当使用者要与其它人分享网页批 注时，只需要将底层网页的网址以及属于使用者的批注层传送给欲分享的对象。 另外，当某一使用者异动某一层批注层时，其它分享的使用者仅需更新异动的 批注对象或者抽换异动的批注层即可完成更新，无需整个档案复制，以较有效 率的差异更新方式达到共同编辑的目的。
以上所述仅为本发明的较佳实施例，对本发明而言仅仅是说明性的，而非 限制性的。本专业技术人员理解，在本发明权利要求所限定的精神和范围内可 对其进行许多改变，修改，甚至等效，但都将落入本发明的保护范围内。
1权利要求
1、一种网页批注结构，其特征在于其包括一底层网页，其中所述的底层网页包括网站所提供的网页、由网页浏览器所开启的空白网页、或一般档案转换成的HTML档案；以及一XML矢量图形网页批注，覆盖在所述的底层网页上，其包括至少一批注层，分别被附加至少一批注对象，其中使用者根据权限新增、储存、删除或编辑批注层或批注对象，或者启动差异更新以更新批注层或批注对象，其中所述的批注对象包括形状、文字、手写、荧光笔、便利贴、超链接、书签、橡皮擦、图标、图形、或声音的XML矢量图形元素；一处理程序层，包括至少一事件处理程序；以及一事件静听层，用以接收使用者触发的与批注层有关的事件，并呼叫所述的处理程序层中相应的事件处理程序，将使用者触发的事件交由相应的事件处理程序处理；其中，所述的事件静听层与批注层是由XML矢量图形元素所构成且本身呈现并不会遮住所述的底层网页，而附加到批注层上的批注对象均是XML矢量图形元素且其呈现会遮住所述的底层网页，以表现出在所述的底层网页上加上批注对象的态样。
2、 根据权利要求1所述的网页批注结构，其特征在于所述的批注层的属 性包括一识别码属性，用以记载所述的批注层的唯 一 识别码；一作者属性，用以记载建立所述的批注层的作者，其被赋予最大权限；一协同作者属性，用以记载所述的批注层的其余协同作者；一建立时间属性，用以记载所述的批注层的建立时间；一储存时间属性，用以记载所述的批注层的最后储存时间；以及一权限定义属性，用以记载由作者所定义的协同作者及其它使用者的权限。
3、 一种网页批注系统，适用于上述的网页批注结构，其特征在于其包括: 一客户端装置包括一网页浏览器，用以开启与呈现所述的网页批注结构； 一矢量图形绘图引擎，用以支持所述的网页浏览器以呈现所述的网页批注 结构中的XML矢量图形元素；一输入装置；以及一显示装置，其中所述的输入装置与所述的显示装置用以提供人机接口，且使用者操作所述的输入装置以产生使用者触发的事件；以及 一服务端装置包括一网站服务器，用以处理所述的客户端装置与所述的服务端装置之间的数 据传输；一矢量图形元素处理程序，用以提供所述的网页批注结构的处理程序层所 需的事件处理程序；一数据库，用以储存所述的网页批注结构中的批注层、批注对象以及与批 注层对应的底层网页网址；以及一服务端处理程序，用以存取所述的数据库的数据。
4、 根据权利要求3所述的网页批注系统，其特征在于所述的客户端装置 为个人计算机、平板计算机、笔记型计算机或个人数字助理。
5、 一种网页批注方法，适用上述的网页批注结构，其特征在于其包括 通过在客户端装置的网页浏览器开启一网页做为所述的底层网页；在所述的底层网页上覆盖所述的事件静听层与所述的处理程序层；设定所述的事件静听层准备接收使用者所触发的事件；当使用者欲编辑所述的底层网页现有的批注层时，通过网络从服务端装置 下载与所述的底层网页有关的现有的批注层并将其覆盖在底层网页上，使用者 根据权限在现有的批注层上新增、储存、删除或编辑批注对象；当使用者欲建立批注层时，在所述的底层网页上覆盖由使用者建立的新的 批注层，使用者对其建立的批注层拥有最大权限而在批注层上新增、储存、删 除或编辑批注对象，且使用者可对其建立的批注层定义其它使用者的权限；当使用者欲储存批注层时，客户端装置将所述的网页批注结构中异动的批中；以及当使用者要与其它使用者分享所述的网页批注结构时，通过所述的服务端 装置只需将底层网页网址以及属于使用者的批注层传送给其它使用者；而当使 用者异动某一批注层时，通过所述的服务端装置其它使用者仅需更新异动的批 注层或批注对象。
6、 根据权利要求5所述的网页批注方法，其特征在于所述的新增批注对 象到批注层的步骤包括在事件静听层接收使用者所触发的新增批注对象的事件之后，交由处理程 序层中对应的事件处理程序去处理；所述的事件处理程序纪录所述的事件以产生 一相对应的批注对象；以及 将新增的批注对象附加到使用者欲新增批注对象的批注层中。
7、 根据权利要求5所述的网页批注方法，其特征在于所述的删除或编辑 在批注层中的批注对象的步骤包括在事件静听层接收使用者所触发的删除或编辑批注对象的事件之后，交由 处理程序层中对应的事件处理程序去处理；以及所述的事件处理程序纪录所述的事件以相对应地删除所述的批注对象或编 辑所述的批注对象的属性。
8、 根据权利要求5所述的网页批注方法，其特征在于所述的储存批注层 中的批注对象的步骤包括在事件静听层接收使用者所触发的储存批注对象的事件之后，交由处理程 序层中对应的事件处理程序去处理；所述的事件处理程序从所述的XML矢量图形网页批注中滤出被异动过的 批注层或批注物件；将异动的批注层或批注对象通过网络传回给服务端装置；以及服务端装置接收并储存异动的批注层或批注对象。
9、 根据权利要求5所述的网页批注方法，其特征在于所述的启动差异更 新批注层中的批注对象的步骤包括在事件静听层接收使用者所触发的启动差异更新的事件之后，由客户端装 置呼叫服务端装置的服务端处理程序来处理；储存的相对应的批注层之间的差异；服务端装置将其所储存的更新过的批注层的集合回传到客户端装置；以及 客户端装置以每 一 个更新的批注层去比对使用者正在底层网页上使用的批注层，以便于底层网页上新增原本没有的批注层、或是异动原本的批注层。
全文摘要
本发明为一种网页批注结构、网页批注系统及其方法，以网页浏览器开启一网页当作底层网页，在其上覆盖一层XML矢量图形网页批注，其包括由使用者建立的批注层，且每一位使用者都可在同一网页上建立属于自己的批注层，构成覆盖在同一底层网页上的多层矢量图形批注层。使用者在底层网页上编辑各种不同的批注对象，并将其放在属于自己的批注层中，这些批注对象都是XML矢量图形元素，具有极佳的可操控性。当使用者要与其它使用者分享网页批注时，只需要将底层网页的网址以及属于使用者的批注层传送给欲分享的对象。当使用者异动某一批注层时，其它使用者仅需更新异动的批注层，无需整个档案复制，以较有效率的差异更新方式达到共同编辑的目的。
文档编号G06F17/30GK101441644SQ20071018836
公开日2009年5月27日 申请日期2007年11月19日 优先权日2007年11月19日
发明者李昊宇, 蔡政威, 邵新中, 高川凯 申请人:英福达科技股份有限公司