CN102799573A - 网页批注的方法及系统 - Google Patents

Abstract

本发明提供了一种网页批注的方法，该方法包括：根据圈选操作选择待批注网页展示的文本；计算所述文本在所述待批注网页所对应的原文内容中的文字坐标；根据针对所述文本进行的添加批注操作生成批注信息；相对于所述待批注网页独立地存储所述文字坐标和所述批注信息。相应地，本发明还提供了一种网页批注的系统。实施本发明可以有效地还原网页批注的原始场景，并在待批注网页对应的原文内容发生更新后保持网页批注的准确性。

Description

网页批注的方法及系统

技术领域

本发明涉及互联网文档处理领域，尤其涉及一种网页批注的方法及系统。

背景技术

随着计算机技术的发展，人们保留文件的方法开始由传统的纸质文件储存转变为更为方便快捷的电子文档存储。尤其随着信息化的推进和互联网的发展，面向多用户服务的电子文档通常设计为易于浏览的网页形式，且网页上承载的信息成为人们重要的阅读资料来源。

与人们阅读传统纸质文件时做笔记的习惯类似，在人们阅读网页时，有时候也期望能在网页上添加标记或批注，以记录阅读灵感、阅读见解和阅读心得等，同时期望该标记或批注能够长期保存以方便在另一次阅读中调用参考。

现有技术中实现网页批注的方法主要有两种：一种方法是结合浏览器插件实现，用户需要安装浏览器插件后对网页内嵌文本进行批注，这不但限制了用户使用网页批注功能的场景，例如只能针对网页内嵌的WORD文档或PDF文档使用相应插件进行批注，而且降低了用户使用网页批注功能的平均效率；另一种方法是针对静态网页或对网页静态化后，通过计算屏幕坐标来添加批注，这种方法面对日益更新的动态网页生成技术，其局限性更为明显。现有技术中未提供一种行之有效的方法来解决网页批注过程中遇到的上述问题。

发明内容

本发明的目的在于提供一种网页批注的方法及系统，以实现在不安装浏览器插件的情况下实现网页批注，以及该网页批注的场景还原。

为达到上述目的，一方面，本发明提供了一种网页批注的方法，该方法包括：

根据圈选操作选择待批注网页展示的文本；

计算所述文本在所述待批注网页所对应的原文内容中的文字坐标；

根据针对所述文本进行的添加批注操作生成批注信息；

相对于所述待批注网页独立地存储所述文字坐标和所述批注信息。

另一方面，本发明提供了一种网页批注的系统，该系统包括客户端和服务器，其中：

所述客户端用于展示待批注网页，根据圈选操作选择所述待批注网页展示的文本，以及根据针对所述文本进行的添加批注操作生成批注信息

所述服务器包括文字定位模块和批注存储模块；

所述文字定位模块，用于计算所述文本在所述待批注网页所对应的原文内容中的文字坐标；

所述批注存储模块，用于相对于所述待批注网页独立地存储所述文字坐标和所述批注信息。

本发明提供的网页批注的方法及系统，通过相对于所述待批注网页独立地存储所述文字坐标和所述批注信息，可有效地还原网页批注的原始场景，可在展示相同原文内容的不同网页上还原和展示批注，尤其面向针对多用户使用的情况下高效地分别还原每一用户对应的网页批注的原始场景；记录文字坐标这一技术手段有利于在待批注网页对应的原文内容发生更新后保持网页批注的准确性。

附图说明

通过阅读参照以下附图所作的对非限制性实施例所作的详细描述，本发明的其它特征、目的和优点将会变得更明显：

图1是根据本发明的网页批注的方法的一种具体实施方式的流程图；

图2至图3是图1示出的具体实施方式的一个具体实施场景的示意图；

图4是根据本发明的网页批注的系统的一个具体实施方式的结构示意图；

附图中相同或相似的附图标记代表相同或相似的部件。

具体实施方式

首先请参考图1，图1是根据本发明的网页批注的方法的一种具体实施方式的流程图，该方法包括：

步骤S100，根据圈选操作选择待批注网页展示的文本；

步骤S200，计算所述文本在所述待批注网页所对应的原文内容中的文字坐标；

步骤S300，根据针对所述文本进行的添加批注操作生成批注信息；

步骤S400，相对于所述待批注网页独立地存储所述文字坐标和所述批注信息。

具体地，首先在步骤S100中，以本具体实施方式应用于B/S或C/S结构为例，根据用户使用浏览器/客户端的请求，浏览器/客户端一侧从服务器获取该请求对应的所述待批注网页，该待批注网页内包含一个或多个文本段，浏览该网页的用户可从所述一个或多个文本段中圈选出若干字符以确定其所需批注的文本。典型地，所述圈选操作是用户使用光标选中所述待批注网页中展示一个文本，该文本包含的字符可以是字母、汉字、数字、符号以及空格符等常见的文字符号。步骤S100中的圈选操作在浏览器/客户端上完成，并且浏览器/客户端将该圈选操作选择所得的所述文本反馈给服务器。

在步骤S200中，计算所述文本在所述待批注网页所对应的原文内容的文字坐标。需要说明的是，在服务器构建所述待批注网页的HTML代码时，至少根据一个原文内容形成所述待批注网页内包含的一个或多个文本段，实质上，所述原文内容是用于构建所述待批注网页的基础文本信息，该原文内容仅包括字符串。步骤S200中计算所述文本在所述待批注网页所对应的原文内容中的文字坐标的具体方法是：首先将步骤S100中圈选操作确定的文本处理为近似原文内容，例如从所述文本中除去显示格式、HTML标签、超链接信息等不利于与所述原文内容相比较的额外元素，使该文本还原为近似原文内容，即仅包含字符的字符串；进一步地，计算所述近似原文内容对应的字符串在所述原文内容的所有字符中的起始位置和结束位置，该起始位置和结束位置即所述文字坐标，其作用是唯一地确定用户圈选的文本在所述原文内容中的具体位置。一种典型的处理方法是，遍历所述原文内容并将其包含的字符进行编号，分别进行计算，以得到所述近似原文内容起首部分在所述原文内容中对应的字符的编号数值（即所述起始位置），以及所述近似原文内容的结束部分在所述原文内容中对应的字符的编号数值（即所述结束位置）。通常由于所述原文内容不会发送给浏览器/客户端，因此步骤S200涉及到调用该原文内容的问题，优选地步骤S200在服务器一侧进行；在另一个实施例中，若所述待批注网页中还携带了其对应的原文内容，则步骤S200也可以在浏览器/客户端一侧进行。

在步骤S300中，用户在所述待批注网页的显示页面中，通过所述浏览器/客户端针对步骤S100中圈选所得的文本进行添加批注操作，并相应地根据所述添加批注操作浏览器/客户端生成批注信息。与现有的针对电子文档添加批注类似，所述添加批注操作包括：高亮显示所述文本，和/或针对所述文本输入批注内容。其中，高亮显示所述文本的基本流程包括：首先，选择高亮显示的颜色，然后在所述待批注网页中更改所述文本的显示底色为所述高亮显示的颜色，根据这一类型的添加批注操作生成的批注信息至少包括用于标识其操作类型的ID和所述颜色的信息。另一方面，针对所述文本输入批注内容的基本流程包括：在所述待批注网页上生成批注区域，所述批注区域中记录所述批注内容。所述待批注网页的HTML代码中内嵌合适的脚本以完成上述流程，包括绘制所述批注区域以及记录所述批注内容。所述批注内容可以是常规的字符段，也可以是超链接、图片、语音或视频，上述批注内容由发起添加批注操作的用户通过浏览器/客户端上传以及编辑。步骤S300的一种典型处理方法是，浏览器/客户端执行所述带批注网页的HTML代码，该HTML代码中内嵌的脚本启动并执行，以将所述批注信息转化为合适的格式发送至服务器。

步骤S400中，相对于所述待批注网页独立地存储所述文字坐标和所述批注信息，具体地，服务器一侧从所述浏览器/客户端获取所述文字坐标和所述批注信息，并相对于构建所述带批注网页时调用的资源独立地存储，以保证所述批注信息的独立性。可以设置一数据库用于存储所述文字坐标和所述批注信息，对于本方法应用于服务多个用户的系统来说，还需要存储所述文字坐标和所述批注信息对应的用户ID，以保证多个用户的批注数据彼此之间不会互相干扰。

进一步说明的是，若某个原文内容进行更新，则需要对该原文内容对应的所有文字坐标进行更新。根据所述原文内容的更新前版本和更新后版本，可以调整所述文字坐标的参数，保持在更新后的原文内容中依然能追踪出步骤S100中圈选的文本，以保证还原所述批注信息时的正确性。

可选地，本具体实施方式提供的方法流程还可以包括如下步骤：根据所述文字坐标和所述批注信息构建批注展示网页（图1中未示出）。该步骤的功能是在用户另一次向服务器请求携带了步骤S100中圈选出来的文本的网页时，能够还原该用户对其批注的原始场景，包括所述文本对应的高亮显示效果和/或输入的批注内容等。该步骤的通常处理流程包括：根据所述文字坐标和所述批注信息生成HTML代码段；将该HTML代码段与代表所述批注展示网页内元素的其他HTML代码拼接为所述批注展示网页的HTML代码全文，解析该HTML代码全文以得到的批注展示网页。

为了更好地说明图1示出的方法流程，请参考图2至图3，图2至图3是图1示出的具体实施方式的一个具体实施场景的示意图，首先参考图2，浏览器201中展示待批注网页，该待批注网页中包括多个页面元素，例如文本块208和文本块209。在本实施例中，用户从文本块209中圈选部分文本，例如使用光标圈选文本块209中的句子202“致使该驰名商标注册人的利益可能受到损害的”，所述带批注网页中出现浮动的功能选区203，该功能选区203用于确定圈选句子202下一步进行的批注操作的方式，例如点击按钮204用于将句子202高亮显示，相应地，还可以选择高亮显示的颜色；点击按钮205用于插入针对句子202的批注内容，请参考图3，批注框206浮动于浏览器201中示出的带批注网页之上，该批注框207中记录用户输入的批注内容207。图2和图3示出的实施例中描述的待批注网页中出现的各种网页元素的样式仅是示例性作用。

相应地，本发明还公开了一种网页批注的系统，请参考图4，图4是根据本发明的网页批注的系统的一个具体实施方式的结构示意图，该系统包括客户端300和服务器400，其中：

客户端300用于展示待批注网页，根据圈选操作选择所述待批注网页展示的文本，以及根据针对所述文本进行的添加批注操作生成批注信息

服务器400包括文字定位模块410和批注存储模块420；

所述文字定位模块410，用于计算所述文本在所述待批注网页所对应的原文内容中的文字坐标；

所述批注存储模块420，用于相对于所述待批注网页独立地存储所述文字坐标和所述批注信息。

具体地，本部分出现的术语和部分流程可以参考前文中有关方法的实施例中相关部分的说明。客户端200可解析并展示所述待批注网页，以及处理用户针对所述待批注网页的后续操作，例如添加批注操作，该添加批注操作包括：高亮显示所述文本，和/或针对所述文本输入批注内容。其中，高亮显示所述文本的一般流程是：首先选择高亮显示的颜色，然后在所述待批注网页中更改所述文本的显示底色为所述高亮显示的颜色；针对所述文本输入批注内容的一般流程是：在所述待批注网页上生成批注区域，所述批注区域中记录所述批注内容，而所述批注内容的形式包括但不限于字符段、超链接、图片、语音或视频。

文字定位模块410计算所述文本在所述待批注网页所对应的原文内容中的文字坐标的方法包括：将所述文本处理为近似原文内容；计算所述近似原文内容对应的字符串在所述原文内容的所有字符中的起始位置和结束位置。

批注存储模块420可实施为数据库的形式，如图4所示，服务器400可能并行地为多个客户端300提供服务，则本系统适用于多用户操作，相应地批注存储模块不仅存储所述文字坐标和所述批注信息，还存储所述文字坐标和所述批注信息对应的用户ID，以保证多个用户的批注数据彼此之间不会互相干扰。

可选地，服务器400还包括网页构建模块430，用于根据所述文字坐标和所述批注信息构建批注展示网页。具体地，网页构建模块430包括批注处理单元431和网页全文单元432，其中：批注处理单元431，用于根据所述文字坐标和所述批注信息生成HTML代码段；网页全文单元432，用于将该HTML代码段与代表所述批注展示网页内元素的其他HTML代码拼接为所述批注展示网页的HTML代码全文。

上文中提及的所述原文内容通常存储在一原文数据库500，该原文数据库500可以集成在服务器400中，方便服务器400中各个模块对其进行调用以获得所述原文内容。

若本系统实施为B/S结构，则客户端300是浏览器；若本系统实施为C/S结构，则客户端300是可执行应用程序。若本系统应用于移动终端平台，优选地实施为C/S结构，考虑到所述移动终端可能存在脱机使用的情况，继续参考图4，客户端300还包括：脱机文字定位模块310，用于在相对于所述服务器400脱机使用所述客户端300的情况下，计算所述文本在所述待批注网页所对应的原文内容中的文字坐标；脱机批注存储模块320，用于在相对于所述服务器400脱机使用所述客户端300的情况下，存储所述批注信息；同步模块330，用于在所述服务器400和所述客户端300处于联机状态的情况下，将所述文字坐标和所述批注信息发送至所述批注存储模块420。为了保证脱机文字定位模块310正常运行，客户端300接收到的待批注网页集成了其对应的原文内容。

客户端300可实施为一种计算机程序产品，安装在预装了windows系列OS、Linux、Mac OS、Symbian、Windows Mobile、iOS、Android、Maemo、WebOS、Palm OS或Blackberry OS等终端操作系统的智能终端上。上述计算机程序产品的实施例可以通过使用用于计算机可读信息的任何记录介质来实现，所述记录介质包括磁介质、光介质或其他适合的介质。

在一个实施例中，服务器400可以实施在一台物理服务器设备中，在另一些实施例中，服务器400可以实施为服务器集群或服务器矩阵结构，其包括的多个服务器设备协同工作以实现服务器400中各个模块的逻辑关系和功能。在另一些实施例中，服务器400实施为一种运行在分布式计算机系统上的计算机程序产品，上述计算机程序产品的实施例可以通过使用用于计算机可读信息的任何记录介质来实现，所述记录介质包括磁介质、光介质或其他适合的介质。

本发明提供的一种网页批注的方法可以使用可编程逻辑器件结合来实现，也可以优选地实施为计算机程序软件，例如根据本发明的实施例可以是一种计算机程序产品，运行该程序产品使计算机执行用于所示范的方法。所述计算机程序产品包括计算机可读存储介质，该介质上包含计算机程序逻辑或代码部分，用于实现上述方法的各个步骤。所述计算机可读存储介质可以是被安装在计算机中的内置介质或者可从计算机主体拆卸的可移动介质（例如热拔插技术存储设备）。所述内置介质包括但不限于可重写的非易失性存储器，例如RAM、ROM、快闪存储器和硬盘。所述可移动介质包括但不限于：光存储媒体（例如CD-ROM和DVD）、磁光存储媒体（例如MO）、磁存储媒体（例如盒带或移动硬盘）、具有内置的可重写的非易失性存储器的媒体（例如存储卡）和具有内置ROM的媒体（例如ROM盒）。

本领域技术人员应当理解，任何具有适当编程装置的计算机系统都将能够执行包含在程序产品中的本发明的方法的诸步骤。尽管本说明书中描述的多数具体实施方式都侧重于软件程序，但是作为固件和硬件实现本发明提供的方法的替代实施例同样在本发明要求保护的范围之内。

本发明提供的网页批注的方法及系统，通过相对于所述待批注网页独立地存储所述文字坐标和所述批注信息，可有效地还原网页批注的原始场景，可在展示相同原文内容的不同网页上还原和展示批注，尤其面向针对多用户使用的情况下高效地分别还原每一用户对应的网页批注的原始场景；记录文字坐标这一技术手段有利于在待批注网页对应的原文内容发生更新后保持网页批注的准确性。

以上所揭露的仅为本发明的一些较佳实施例而已，当然不能以此来限定本发明之权利范围，因此依本发明权利要求所作的等同变化，仍属本发明所涵盖的范围。

Claims (17)

1.一种网页批注的方法，该方法包括：

根据圈选操作选择待批注网页展示的文本；

计算所述文本在所述待批注网页所对应的原文内容中的文字坐标；

根据针对所述文本进行的添加批注操作生成批注信息；

相对于所述待批注网页独立地存储所述文字坐标和所述批注信息。

2.根据权利要求1所述的方法，其中，计算所述文本在所述待批注网页所对应的原文内容中的文字坐标包括：

将所述文本处理为近似原文内容；

计算所述近似原文内容对应的字符串在所述原文内容的所有字符中的起始位置和结束位置。

3.根据权利要求1所述的方法，其中，所述添加批注操作包括：

高亮显示所述文本，和/或

针对所述文本输入批注内容。

4.根据权利要求3所述的方法，其中，高亮显示所述文本包括：

选择高亮显示的颜色；

在所述待批注网页中更改所述文本的显示底色为所述高亮显示的颜色。

5.根据权利要求3所述的方法，其中，针对所述文本输入批注内容包括：

在所述待批注网页上生成批注区域；

所述批注区域中记录所述批注内容。

6.根据权利要求5所述的方法，其中，所述批注内容包括：

字符段、超链接、图片、语音或视频。

7.根据权利要求1至6任一项所述的方法，该方法还包括：

根据所述文字坐标和所述批注信息构建批注展示网页。

8.根据权利要求7所述的方法，其中，根据所述文字坐标和所述批注信息构建批注展示网页包括：

根据所述文字坐标和所述批注信息生成HTML代码段；

将该HTML代码段与代表所述批注展示网页内元素的其他HTML代码拼接为所述批注展示网页的HTML代码全文。

9.一种网页批注的系统，该系统包括客户端和服务器，其中：

所述客户端用于展示待批注网页，根据圈选操作选择所述待批注网页展示的文本，以及根据针对所述文本进行的添加批注操作生成批注信息

所述服务器包括文字定位模块和批注存储模块；

所述文字定位模块，用于计算所述文本在所述待批注网页所对应的原文内容中的文字坐标；

所述批注存储模块，用于相对于所述待批注网页独立地存储所述文字坐标和所述批注信息。

10.根据权利要求9所述的系统，其中，计算所述文本在所述待批注网页所对应的原文内容中的文字坐标包括：

将所述文本处理为近似原文内容；

计算所述近似原文内容对应的字符串在所述原文内容的所有字符中的起始位置和结束位置。

11.根据权利要求9所述的系统，其中，所述添加批注操作包括：

高亮显示所述文本，和/或

针对所述文本输入批注内容。

12.根据权利要求11所述的系统，其中，高亮显示所述文本包括：

选择高亮显示的颜色；

在所述待批注网页中更改所述文本的显示底色为所述高亮显示的颜色。

13.根据权利要求11所述的系统，其中，针对所述文本输入批注内容包括：

在所述待批注网页上生成批注区域；

所述批注区域中记录所述批注内容。

14.根据权利要求13所述的系统，其中，所述批注内容包括：

字符段、超链接、图片、语音或视频。

15.根据权利要求9所述的系统，其中，所述服务器还包括：

网页构建模块，用于根据所述文字坐标和所述批注信息构建批注展示网页。

16.根据权利要求15所述的系统，其中，所述网页构建模块包括：

批注处理单元，用于根据所述文字坐标和所述批注信息生成HTML代码段；

网页全文单元，用于将该HTML代码段与代表所述批注展示网页内元素的其他HTML代码拼接为所述批注展示网页的HTML代码全文。

17.根据权利要求9所述的系统，其中，所述客户端还包括：

脱机文字定位模块，用于在相对于所述服务器脱机使用所述客户端的情况下，计算所述文本在所述待批注网页所对应的原文内容中的文字坐标；

脱机批注存储模块，用于在相对于所述服务器脱机使用所述客户端的情况下，存储所述批注信息；

同步模块，用于在所述服务器和所述客户端处于联机状态的情况下，将所述文字坐标和所述批注信息发送至所述批注存储模块。

Images