[发明专利]网页可视化区域的交互增强方法及系统有效
申请号: | 201611112709.6 | 申请日: | 2016-12-06 |
公开(公告)号: | CN106649628B | 公开(公告)日: | 2020-08-25 |
发明(设计)人: | 袁晓如;陆旻;梁婕 | 申请(专利权)人: | 北京大学 |
主分类号: | G06F16/957 | 分类号: | G06F16/957;G06F9/451;G06F3/0484;G06F3/0487 |
代理公司: | 北京天悦专利代理事务所(普通合伙) 11311 | 代理人: | 田明;高睿 |
地址: | 100871*** | 国省代码: | 北京;11 |
权利要求书: | 查看更多 | 说明书: | 查看更多 |
摘要: | |||
搜索关键词: | 网页 可视化 区域 交互 增强 方法 系统 | ||
1.网页可视化区域的交互增强方法,包括以下步骤:
(1)通过选框的方式在网页中定位交互增强的可视化区域;
(2)提取被定位的可视化区域所对应的文档对象模型中的视觉元素,针对提取出的视觉元素,通过解析HTML中的标签,获得对应的视觉编码的属性;
(3)根据视觉元素在文档对象模型树中的父子关系,提取复合视觉元素;
(4)将步骤(2)中提取的视觉元素和/或步骤(3)中提取的复合视觉元素按照其在HTML中的标签类型进行分类,属于同一标签下的视觉元素和/或复合视觉元素设定为视觉元素组;对每个视觉元素组中的视觉元素进行属性分布统计;
(5)通过对视觉元素组的操作对相应视觉元素组中的视觉元素或复合视觉元素进行过滤,生成过滤结果;
(6)进入步骤(7);
或,
将步骤(5)中的过滤结果定义为新的视觉元素组,重复步骤(5);
(7)修改过滤结果对应的视觉元素或复合视觉元素在网页中相关的HTML属性,实现视觉突出的效果;
步骤(3)中,根据视觉元素在文档对象模型树中的父子关系,提取复合视觉元素;其具体步骤包括:
3.1)找到步骤(2)中提取的各视觉元素在文档对象模型中的位置以及相互之间的关系;
3.2)抽取步骤(2)中某视觉元素,找到与该视觉元素具有相同父亲、并且该父亲中的所有孩子均是步骤(2)中提取的视觉元素的对应的视觉元素,该某视觉元素与对应视觉元素组成复合视觉元素;
3.3)将所有组成元素的视觉属性合并为复合视觉元素的视觉属性。
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所述的网页可视化区域的交互增强方法,其特征在于,步骤(4)中将步骤(2)中提取的视觉元素和/或步骤(3)中提取的复合视觉元素按照其在HTML中的标签类型进行分类,属于同一标签下的视觉元素和/或复合视觉元素设定为视觉元素组;对每个视觉元素组中的视觉元素进行属性分布统计;其具体步骤为:
4.1)将步骤(2)中提取的视觉元素按其标签类型进行分类;将步骤(3)中的复合视觉元素,按照组成的标签类型集合进行分类;属于同一标签下的视觉元素和/或复合视觉元素组成视觉元素组;
4.2)针对同一视觉元素组,将该视觉元素组中视觉元素和/或复合视觉元素对应的视觉属性进行分布统计:对于类别型属性,按照类别进行数量分布统计;对于数值型属性,按照一定分割粒度,对数值范围分隔后进行数量分布统计;
该专利技术资料仅供研究查看技术是否侵权等信息,商用须获得专利权人授权。该专利全部权利属于北京大学,未经北京大学许可,擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作,请联系【客服】
本文链接:http://www.vipzhuanli.com/pat/books/201611112709.6/1.html,转载请声明来源钻瓜专利网。
- 上一篇:餐桌(XTP‑X‑16001)
- 下一篇:多功能美甲桌