[發明專利]網頁可視化區域的交互增強方法及系統

有效

• 申請號: 201611112709.6
• 申請日: 2016-12-06
• 公開（公告）號: CN106649628B
• 公開（公告）日: 2020-08-25
• 發明（設計）人: 袁曉如;陸旻;梁婕
• 申請（專利權）人: 北京大學
• 主分類號: G06F16/957
• 分類號: G06F16/957;G06F9/451;G06F3/0484;G06F3/0487
• 代理公司: 北京天悅專利代理事務所(普通合伙) 11311
• 代理人: 田明;高睿

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)針對同一視覺元素組，將該視覺元素組中視覺元素和/或復合視覺元素對應的視覺屬性進行分布統計：對于類別型屬性，按照類別進行數量分布統計；對于數值型屬性，按照一定分割粒度，對數值范圍分隔后進行數量分布統計；