1.網(wǎng)頁可視化區(qū)域的交互增強方法,包括以下步驟:
(1)在網(wǎng)頁中定位交互增強的可視化區(qū)域;
(2)提取被定位的可視化區(qū)域所對應(yīng)的文檔對象模型中的視覺元素,針對提取出的視覺元素,通過解析HTML中的標簽,獲得對應(yīng)的視覺編碼的屬性;
(3)根據(jù)視覺元素在文檔對象模型樹中的父子關(guān)系,提取復(fù)合視覺元素;
(4)將步驟(2)中提取的視覺元素和/或步驟(3)中提取的復(fù)合視覺元素按照其在HTML中的標簽類型進行分類,屬于同一標簽下的視覺元素和/或復(fù)合視覺元素設(shè)定為視覺元素組;對每個視覺元素組中的視覺元素進行屬性分布統(tǒng)計;
(5)通過對視覺元素組的操作對相應(yīng)視覺元素組中的視覺元素或復(fù)合視覺元素進行過濾,生成過濾結(jié)果;
(6)進入步驟(7);
或,
將步驟(5)中的過濾結(jié)果定義為新的視覺元素組,重復(fù)步驟(5);
(7)修改過濾結(jié)果對應(yīng)的視覺元素或復(fù)合視覺元素在網(wǎng)頁中相關(guān)的HTML屬性,實現(xiàn)視覺突出的效果。
2.如權(quán)利要求1所述的網(wǎng)頁可視化區(qū)域的交互增強方法,其特征在于,步驟(1)中,在網(wǎng)頁上定位交互增強的可視化區(qū)域通過框選的方式進行,其具體步驟包括:
1.1)修改網(wǎng)頁的HTML,插入交互增強所需的第三方軟件庫,在網(wǎng)頁上覆蓋一個的SVG元素,設(shè)定該SVG元素的鼠標點擊、拖拽響應(yīng)事件函數(shù),用以截獲用戶在網(wǎng)頁上的點擊及拖拽操作;
1.2)響應(yīng)鼠標點擊、拖拽的動作,確定框選的區(qū)域為交互增強的可視化區(qū)域。
3.如權(quán)利要求2所述的網(wǎng)頁可視化區(qū)域的交互增強方法,其特征在于,還包括:
(8)刪除步驟1.1)中的在網(wǎng)頁HTML中添加的SVG,退回網(wǎng)頁。
4.如權(quán)利要求1所述的網(wǎng)頁可視化區(qū)域的交互增強方法,其特征在于,步驟(2)中,提取被定位的可視化區(qū)域所對應(yīng)的文檔對象模型中的視覺元素,針對提取出的視覺元素,通過解析HTML中的標簽,獲得對應(yīng)的視覺編碼的屬性;具體步驟包括:
2.1)按照HTML中文檔對象模型樹的層次結(jié)構(gòu),由根節(jié)點開始,按深度優(yōu)先遍歷元素,獲得與步驟(1)中設(shè)定的矩形框相交的元素;
2.2)對查找到的元素中去除非幾何元素,提取與網(wǎng)頁可視化相關(guān)的視覺元素;
2.3)通過提取的視覺元素的HTML屬性,獲得對應(yīng)的視覺屬性及對應(yīng)取值。
5.如權(quán)利要求1所述的網(wǎng)頁可視化區(qū)域的交互增強方法,其特征在于,步驟(3)中,根據(jù)視覺元素在文檔對象模型樹中的父子關(guān)系,提取復(fù)合視覺元素;其具體步驟包括:
3.1)找到步驟(2)中提取的各視覺元素在文檔對象模型中的位置以及相互之間的關(guān)系;
3.2)抽取步驟(2)中某視覺元素,找到與該視元素具有相同父親、并且該父親中的所有孩子均是步驟(2)中提取的視覺元素的對應(yīng)的視覺元素,該某視覺元素與對應(yīng)視覺元素組成復(fù)合視覺元素;
3.3)將所有組成元素的視覺屬性合并為復(fù)合視覺元素的視覺屬性。
6.如權(quán)利要求1所述的網(wǎng)頁可視化區(qū)域的交互增強方法,其特征在于,步驟(4)中將步驟(2)中提取的視覺元素和/或步驟(3)中提取的復(fù)合視覺元素按照其在HTML中的標簽類型進行分類,屬于同一標簽下的視覺元素和/或復(fù)合視覺元素設(shè)定為視覺元素組;對每個視覺元素組中的視覺元素進行屬性分布統(tǒng)計;其具體步驟為:
4.1)將步驟(2)中提取的視覺元素按其標簽類型進行分類;將步驟(3)中的復(fù)合視覺元素,按照組成的標簽類型集合進行分類;屬于同一標簽下的視覺元素和/或復(fù)合視覺元素組成視覺元素組;
4.2)針對同一視覺元素組,將該視覺元素組中視覺元素和/或復(fù)合視覺元素對應(yīng)的視覺屬性進行分布統(tǒng)計:對于類別型屬性,按照類別進行數(shù)量分布統(tǒng)計;對于數(shù)值型屬性,按照一定分割粒度,對數(shù)值范圍分隔后進行數(shù)量分布統(tǒng)計。
7.如權(quán)利要求1所述的網(wǎng)頁可視化區(qū)域的交互增強方法,其特征在于,步驟(5)中,通過對視覺元素組的操作對相應(yīng)視覺元素組中的視覺元素和/或復(fù)合視覺元素進行過濾,生成過濾結(jié)果;其中對視覺元素組的操作包括:
選擇視覺元素組,該被選擇的視覺元素組下的視覺元素或復(fù)合視覺元素均作為過濾結(jié)果;
或,
對不同視覺元素組取交集、并集和/或差集的集合運算,將運算結(jié)果中的視覺元素或復(fù)合視覺元素作為過濾結(jié)果。
8.如權(quán)利要求1所述的網(wǎng)頁可視化區(qū)域的交互增強方法,其特征在于,步驟(7)中,所述HTML屬性為在HTML中的對象透明度。
9.如權(quán)利要求1-8任一所述的網(wǎng)頁可視化區(qū)域的交互增強方法,其特征在于,上述步驟中,以可視化面板作為網(wǎng)頁交互增強的載體,所述可視化面板包括交互對象面板和交互條件設(shè)定面板;
所述交互對象面板包括:名稱顯示部分和屬性分布統(tǒng)計顯示部分;
所述名稱顯示部分用于顯示各視覺元素組的名稱;
所述屬性分布統(tǒng)計顯示部分顯示步驟(5)的過濾結(jié)果中的視覺元素和/或復(fù)合視覺元素的屬性分布統(tǒng)計;
所述交互條件設(shè)定面板用于接收對視覺元素組的操作指令和定義步驟(6)中形成的新的視覺元素組名稱。
10.如權(quán)利要求9所述的網(wǎng)頁可視化區(qū)域的交互增強方法,其特征在于,所述屬性分布統(tǒng)計顯示部分以直方圖的形式顯示屬性分布統(tǒng)計結(jié)果。
11.網(wǎng)頁可視化區(qū)域的交互增強系統(tǒng),其特征在于,包括:
區(qū)域定位模塊,用于在網(wǎng)頁中定位交互增強的可視化區(qū)域;
第一分析模塊,用于提取被定位的可視化區(qū)域所對應(yīng)的文檔對象模型中的視覺元素,針對提取出的視覺元素,通過解析HTML中的標簽,獲得對應(yīng)的視覺編碼的屬性;
第二分析模塊,用于根據(jù)視覺元素在文檔對象模型樹中的父子關(guān)系,提取復(fù)合視覺元素;
分組統(tǒng)計模塊,用于將視覺元素和/或復(fù)合視覺元素按照其在HTML中的標簽類型進行分類,屬于同一標簽下的視覺元素和/或復(fù)合視覺元素設(shè)定為視覺元素組,還用于對每個視覺元素組中的視覺元素進行屬性分布統(tǒng)計,并且存儲視覺元素組及對應(yīng)的視覺屬性數(shù)據(jù);
過濾模塊,用于通過對視覺元素組的操作對相應(yīng)視覺元素組中的視覺元素或復(fù)合視覺元素進行過濾,生成過濾結(jié)果;
過濾轉(zhuǎn)存模塊,將過濾模塊中生成的過濾結(jié)果定義為新的視覺元素組,轉(zhuǎn)存至分組統(tǒng)計模塊;
修改模塊,用于修改過濾結(jié)果對應(yīng)的視覺元素或復(fù)合視覺元素在網(wǎng)頁中相關(guān)的HTML屬性,實現(xiàn)視覺突出的效果;
交互模塊,用于接收用戶指令,也用于顯示視覺元素組及組中視覺元素和/或復(fù)合視覺元素的屬性分布統(tǒng)計。
12.如權(quán)利要求11所述的網(wǎng)頁可視化區(qū)域的交互增強系統(tǒng),其特征在于,所述過濾模塊包括執(zhí)行模塊和讀寫模塊;
讀寫模塊,用于讀取交互模塊的指令,解析該指令并將解析結(jié)果傳遞給執(zhí)行模塊;
讀寫模塊,還用于接收執(zhí)行模塊的結(jié)果反饋,并將該結(jié)果反饋傳遞給修改模塊或過濾轉(zhuǎn)存模塊,且該結(jié)果反饋還生成顯示指令傳遞給交互模塊;
執(zhí)行模塊,用于根據(jù)讀寫模塊的解析結(jié)果讀取分組統(tǒng)計模塊中的視覺元素組數(shù)據(jù)并對視覺元素組進行處理,并將處理后的結(jié)果反饋傳遞給讀寫模塊。
13.如權(quán)利要求12所述的網(wǎng)頁可視化區(qū)域的交互增強系統(tǒng),其特征在于,對視覺元素組的處理方式包括:
選擇視覺元素組,該被選擇的視覺元素組下的視覺元素或復(fù)合視覺元素均作為過濾結(jié)果;
或,
對不同視覺元素組取交集、并集和/或差集的集合運算,將運算結(jié)果中的視覺元素或復(fù)合視覺元素作為過濾結(jié)果。