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

有效

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

本發明公開了網頁可視化區域的交互增強方法及系統，方法包括以下步驟：在網頁中定位交互增強的可視化區域；提取視覺元素，獲得對應的視覺屬性；根據父子關系，提取復合視覺元素；視覺元素分類，設定視覺元素組；對視覺元素組進行屬性分布統計；對視覺元素組中的視覺元素進行過濾；進入修改步驟或進行再過濾；修改HTML屬性，實現視覺突出的效果。系統包括區域定位模塊、第一分析模塊、第二分析模塊、分組統計模塊、過濾模塊、過濾轉存模塊、修改模塊和交互模塊。本發明提供了毋需編碼的交互增強技術，不依賴于網頁可視化區域的具體形式、數據和技術，基于HTML和文檔對象模型的操作，提供了基本、通用的交互操作，增強了用戶對可視化的探索能力。

技術領域

本發明涉及基于網頁的可視化與可視分析領域，具體涉及一種面向網頁可視化區域的交互增強方法及系統。

背景技術

隨著網頁可視化技術的發展，互聯網上的可視化作為一種有效的信息表達形式隨處可見。交互作為信息的重要探索手段，對于理解可視化是不可或缺的。然而網頁可視化中的交互常常需要通過編寫代碼來實現。這提高了網頁可視化提供交互功能的門檻，從而導致很多網頁可視化提供很少甚至沒有交互功能。已有工作提出的交互構建的方法，主要面向可視化編程人員，通過提供簡化、便于編寫交互的軟件包在可視化的生成過程中嵌入交互，以提供交互功能。目前的方法仍要求編寫代碼，且不能針對既有的可視化提供交互。

發明內容

針對現有技術中存在的缺陷，本發明的目的在于提供一種網頁可視化區域的交互增強方法及系統，提供通過毋需編碼的方式，在保留網頁可視化區域交互功能的前提下，采用通用方法達到增強頁面可視化的目的。

為實現上述目的，本發明采用的技術方案為：

網頁可視化區域的交互增強方法，包括以下步驟：

(1)在網頁中定位交互增強的可視化區域；

(2)提取被定位的可視化區域所對應的文檔對象模型中的視覺元素，針對提取出的視覺元素，通過解析HTML中的標簽，獲得對應的視覺編碼的屬性；

(3)根據視覺元素在文檔對象模型樹中的父子關系，提取復合視覺元素；

(4)將步驟(2)中提取的視覺元素和/或步驟(3)中提取的復合視覺元素按照其在HTML中的標簽類型進行分類，屬于同一標簽下的視覺元素和/或復合視覺元素設定為視覺元素組；對每個視覺元素組中的視覺元素進行屬性分布統計；

(5)通過對視覺元素組的操作對相應視覺元素組中的視覺元素或復合視覺元素進行過濾，生成過濾結果；

(6)進入步驟(7)；

或，

將步驟(5)中的過濾結果定義為新的視覺元素組，重復步驟(5)；

(7)修改過濾結果對應的視覺元素或復合視覺元素在網頁中相關的HTML屬性，實現視覺突出的效果。

進一步地，上述網頁可視化區域的交互增強方法，步驟(1)中，在網頁上定位交互增強的可視化區域通過框選的方式進行，其具體步驟包括：

1.1)修改網頁的HTML，插入交互增強所需的第三方軟件庫，在網頁上覆蓋一個的SVG元素，設定該SVG元素的鼠標點擊、拖拽響應事件函數，用以截獲用戶在網頁上的點擊及拖拽操作；

1.2)響應鼠標點擊、拖拽的動作，確定框選的區域為交互增強的可視化區域。

進一步地，上述網頁可視化區域的交互增強方法，還包括：

(8)刪除步驟1.1)中的在網頁HTML中添加的SVG，退回網頁。