网页可视化区域的交互增强方法及系统与流程

文档序号:11155376阅读:来源:国知局

技术特征:

1.网页可视化区域的交互增强方法,包括以下步骤:

(1)在网页中定位交互增强的可视化区域;

(2)提取被定位的可视化区域所对应的文档对象模型中的视觉元素,针对提取出的视觉元素,通过解析HTML中的标签,获得对应的视觉编码的属性;

(3)根据视觉元素在文档对象模型树中的父子关系,提取复合视觉元素;

(4)将步骤(2)中提取的视觉元素和/或步骤(3)中提取的复合视觉元素按照其在HTML中的标签类型进行分类,属于同一标签下的视觉元素和/或复合视觉元素设定为视觉元素组;对每个视觉元素组中的视觉元素进行属性分布统计;

(5)通过对视觉元素组的操作对相应视觉元素组中的视觉元素或复合视觉元素进行过滤,生成过滤结果;

(6)进入步骤(7);

或,

将步骤(5)中的过滤结果定义为新的视觉元素组,重复步骤(5);

(7)修改过滤结果对应的视觉元素或复合视觉元素在网页中相关的HTML属性,实现视觉突出的效果。

2.如权利要求1所述的网页可视化区域的交互增强方法,其特征在于,步骤(1)中,在网页上定位交互增强的可视化区域通过框选的方式进行,其具体步骤包括:

1.1)修改网页的HTML,插入交互增强所需的第三方软件库,在网页上覆盖一个的SVG元素,设定该SVG元素的鼠标点击、拖拽响应事件函数,用以截获用户在网页上的点击及拖拽操作;

1.2)响应鼠标点击、拖拽的动作,确定框选的区域为交互增强的可视化区域。

3.如权利要求2所述的网页可视化区域的交互增强方法,其特征在于,还包括:

(8)删除步骤1.1)中的在网页HTML中添加的SVG,退回网页。

4.如权利要求1所述的网页可视化区域的交互增强方法,其特征在于,步骤(2)中,提取被定位的可视化区域所对应的文档对象模型中的视觉元素,针对提取出的视觉元素,通过解析HTML中的标签,获得对应的视觉编码的属性;具体步骤包括:

2.1)按照HTML中文档对象模型树的层次结构,由根节点开始,按深度优先遍历元素,获得与步骤(1)中设定的矩形框相交的元素;

2.2)对查找到的元素中去除非几何元素,提取与网页可视化相关的视觉元素;

2.3)通过提取的视觉元素的HTML属性,获得对应的视觉属性及对应取值。

5.如权利要求1所述的网页可视化区域的交互增强方法,其特征在于,步骤(3)中,根据视觉元素在文档对象模型树中的父子关系,提取复合视觉元素;其具体步骤包括:

3.1)找到步骤(2)中提取的各视觉元素在文档对象模型中的位置以及相互之间的关系;

3.2)抽取步骤(2)中某视觉元素,找到与该视元素具有相同父亲、并且该父亲中的所有孩子均是步骤(2)中提取的视觉元素的对应的视觉元素,该某视觉元素与对应视觉元素组成复合视觉元素;

3.3)将所有组成元素的视觉属性合并为复合视觉元素的视觉属性。

6.如权利要求1所述的网页可视化区域的交互增强方法,其特征在于,步骤(4)中将步骤(2)中提取的视觉元素和/或步骤(3)中提取的复合视觉元素按照其在HTML中的标签类型进行分类,属于同一标签下的视觉元素和/或复合视觉元素设定为视觉元素组;对每个视觉元素组中的视觉元素进行属性分布统计;其具体步骤为:

4.1)将步骤(2)中提取的视觉元素按其标签类型进行分类;将步骤(3)中的复合视觉元素,按照组成的标签类型集合进行分类;属于同一标签下的视觉元素和/或复合视觉元素组成视觉元素组;

4.2)针对同一视觉元素组,将该视觉元素组中视觉元素和/或复合视觉元素对应的视觉属性进行分布统计:对于类别型属性,按照类别进行数量分布统计;对于数值型属性,按照一定分割粒度,对数值范围分隔后进行数量分布统计。

7.如权利要求1所述的网页可视化区域的交互增强方法,其特征在于,步骤(5)中,通过对视觉元素组的操作对相应视觉元素组中的视觉元素和/或复合视觉元素进行过滤,生成过滤结果;其中对视觉元素组的操作包括:

选择视觉元素组,该被选择的视觉元素组下的视觉元素或复合视觉元素均作为过滤结果;

或,

对不同视觉元素组取交集、并集和/或差集的集合运算,将运算结果中的视觉元素或复合视觉元素作为过滤结果。

8.如权利要求1所述的网页可视化区域的交互增强方法,其特征在于,步骤(7)中,所述HTML属性为在HTML中的对象透明度。

9.如权利要求1-8任一所述的网页可视化区域的交互增强方法,其特征在于,上述步骤中,以可视化面板作为网页交互增强的载体,所述可视化面板包括交互对象面板和交互条件设定面板;

所述交互对象面板包括:名称显示部分和属性分布统计显示部分;

所述名称显示部分用于显示各视觉元素组的名称;

所述属性分布统计显示部分显示步骤(5)的过滤结果中的视觉元素和/或复合视觉元素的属性分布统计;

所述交互条件设定面板用于接收对视觉元素组的操作指令和定义步骤(6)中形成的新的视觉元素组名称。

10.如权利要求9所述的网页可视化区域的交互增强方法,其特征在于,所述属性分布统计显示部分以直方图的形式显示属性分布统计结果。

11.网页可视化区域的交互增强系统,其特征在于,包括:

区域定位模块,用于在网页中定位交互增强的可视化区域;

第一分析模块,用于提取被定位的可视化区域所对应的文档对象模型中的视觉元素,针对提取出的视觉元素,通过解析HTML中的标签,获得对应的视觉编码的属性;

第二分析模块,用于根据视觉元素在文档对象模型树中的父子关系,提取复合视觉元素;

分组统计模块,用于将视觉元素和/或复合视觉元素按照其在HTML中的标签类型进行分类,属于同一标签下的视觉元素和/或复合视觉元素设定为视觉元素组,还用于对每个视觉元素组中的视觉元素进行属性分布统计,并且存储视觉元素组及对应的视觉属性数据;

过滤模块,用于通过对视觉元素组的操作对相应视觉元素组中的视觉元素或复合视觉元素进行过滤,生成过滤结果;

过滤转存模块,将过滤模块中生成的过滤结果定义为新的视觉元素组,转存至分组统计模块;

修改模块,用于修改过滤结果对应的视觉元素或复合视觉元素在网页中相关的HTML属性,实现视觉突出的效果;

交互模块,用于接收用户指令,也用于显示视觉元素组及组中视觉元素和/或复合视觉元素的属性分布统计。

12.如权利要求11所述的网页可视化区域的交互增强系统,其特征在于,所述过滤模块包括执行模块和读写模块;

读写模块,用于读取交互模块的指令,解析该指令并将解析结果传递给执行模块;

读写模块,还用于接收执行模块的结果反馈,并将该结果反馈传递给修改模块或过滤转存模块,且该结果反馈还生成显示指令传递给交互模块;

执行模块,用于根据读写模块的解析结果读取分组统计模块中的视觉元素组数据并对视觉元素组进行处理,并将处理后的结果反馈传递给读写模块。

13.如权利要求12所述的网页可视化区域的交互增强系统,其特征在于,对视觉元素组的处理方式包括:

选择视觉元素组,该被选择的视觉元素组下的视觉元素或复合视觉元素均作为过滤结果;

或,

对不同视觉元素组取交集、并集和/或差集的集合运算,将运算结果中的视觉元素或复合视觉元素作为过滤结果。

当前第2页1 2 3 
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1