熱力圖的處理方法及系統(tǒng)的制作方法
【技術(shù)領(lǐng)域】
[0001] 本發(fā)明涉及熱力圖技術(shù)領(lǐng)域，更為具體地，涉及一種熱力圖的處理方法及系統(tǒng)。
【背景技術(shù)】
[0002] 熱力圖是一種以特殊高亮的形式顯示訪客熱衷的頁(yè)面區(qū)域的圖示。它可以直觀地 通過(guò)不同的顏色區(qū)塊呈現(xiàn)網(wǎng)頁(yè)訪問(wèn)點(diǎn)擊密度數(shù)據(jù)的分布，并通過(guò)顏色的深淺表示訪問(wèn)點(diǎn)擊 數(shù)量的多少。在網(wǎng)頁(yè)訪問(wèn)統(tǒng)計(jì)數(shù)據(jù)處理過(guò)程中，可以通過(guò)分析用戶(hù)鼠標(biāo)的點(diǎn)擊量來(lái)獲取用 戶(hù)對(duì)每一個(gè)網(wǎng)頁(yè)欄目的點(diǎn)擊量、渠道來(lái)源、地理位置等，并通過(guò)對(duì)用戶(hù)點(diǎn)擊量的收錄、計(jì)算 并轉(zhuǎn)化為不同的顏色值，以熱力圖這種可視化的色彩圖直觀地反映用戶(hù)的點(diǎn)擊情況。
[0003] 由于針對(duì)頁(yè)面的點(diǎn)擊次數(shù)數(shù)據(jù)量很大，在對(duì)這些數(shù)據(jù)進(jìn)行存儲(chǔ)時(shí)會(huì)不可避免地占 用大量的存儲(chǔ)空間，為了節(jié)省數(shù)據(jù)存儲(chǔ)空間，目前主要是通過(guò)約簡(jiǎn)方法對(duì)這些數(shù)據(jù)進(jìn)行壓 縮處理。常用的約簡(jiǎn)方法如下所述：
[0004] 首先，確定約簡(jiǎn)數(shù)據(jù)的最小包圍區(qū)域。其中，約簡(jiǎn)數(shù)據(jù)的最小包圍區(qū)域指：包圍被 監(jiān)控的網(wǎng)頁(yè)頁(yè)面內(nèi)的所有熱力點(diǎn)（訪問(wèn)點(diǎn)擊點(diǎn)）的最小矩形區(qū)域。通過(guò)從被約簡(jiǎn)的點(diǎn)擊數(shù) 據(jù)坐標(biāo)求取其橫坐標(biāo)和縱坐標(biāo)的最小與最大值1_、7^、1_、7_，并以這些坐標(biāo)點(diǎn)作為矩形 的四個(gè)頂點(diǎn)，獲取被約簡(jiǎn)數(shù)據(jù)的最小包圍區(qū)域。
[0005] 然后，使用數(shù)據(jù)歸并窗口對(duì)數(shù)據(jù)進(jìn)行歸并。使用M*M的正方形窗口切分約簡(jiǎn)數(shù)據(jù) 的最小包圍區(qū)域，并歸并同一窗口中的熱力點(diǎn)，使各熱力點(diǎn)的坐標(biāo)值在歸并計(jì)算后統(tǒng)一成 相同的值并進(jìn)行存儲(chǔ)。
[0006] 上述根據(jù)約簡(jiǎn)方法對(duì)熱力圖的點(diǎn)擊數(shù)據(jù)進(jìn)行壓縮主要存在如下問(wèn)題：
[0007] (1)點(diǎn)擊位置存在誤差。由于被約簡(jiǎn)后的熱力點(diǎn)為窗口中原始點(diǎn)位置的平均值，導(dǎo) 致被約簡(jiǎn)后的熱力點(diǎn)位置存在一定的誤差。
[0008] (2)窗口分割熱力點(diǎn)存在誤差。由于歸并窗口的存在，可能使應(yīng)該合并到一個(gè)區(qū) 域中的熱力點(diǎn)被分別劃分到不同的數(shù)據(jù)歸并窗口中，使得原位于同于DOM元素中的熱力點(diǎn) 被分割。
[0009] 例如，對(duì)于網(wǎng)頁(yè)上的同一個(gè)點(diǎn)擊按鈕的所有熱力點(diǎn)，被分割在多個(gè)不同的歸并窗 口中，分割后的熱力點(diǎn)就不在同一個(gè)DOM元素上，在該按鈕點(diǎn)擊量較大的情況下，不能有效 地提供較為直觀的參考數(shù)據(jù)，進(jìn)而對(duì)熱力圖的分析帶來(lái)不便。圖1示出了現(xiàn)有熱力圖的歸 并窗口分割示意結(jié)構(gòu)，如圖1所示，本應(yīng)合并至橢圓形區(qū)域內(nèi)的熱力點(diǎn)，被分割至兩個(gè)不同 的數(shù)據(jù)歸并窗口中。
[0010] ⑶數(shù)據(jù)歸并窗口大小的選取存在困難。數(shù)據(jù)歸并窗口的尺寸取值過(guò)大，熱力點(diǎn)歸 并后的誤差就會(huì)變大；相反，如果尺寸取值過(guò)小，熱力點(diǎn)數(shù)據(jù)量的約簡(jiǎn)效果就會(huì)變差，選取 合適的數(shù)據(jù)歸并窗口大小比較困難。

【發(fā)明內(nèi)容】

[0011] 鑒于上述問(wèn)題，本發(fā)明的目的是提供一種熱力圖的處理方法及系統(tǒng)，以解決現(xiàn)有 技術(shù)中熱力圖數(shù)據(jù)存儲(chǔ)占用空間大、存儲(chǔ)存在誤差等問(wèn)題。
[0012] 根據(jù)本發(fā)明的一個(gè)方面，提供一種熱力圖的處理方法，包括將網(wǎng)頁(yè)頁(yè)面分割形成 多個(gè)頁(yè)面子區(qū)域，并對(duì)各頁(yè)面子區(qū)域上的點(diǎn)擊分布數(shù)據(jù)進(jìn)行曲面擬合，形成與各頁(yè)面子區(qū) 域?qū)?yīng)的子曲面；將各子曲面進(jìn)行合并，獲取與頁(yè)面對(duì)應(yīng)的擬合曲面；將與頁(yè)面對(duì)應(yīng)的擬 合曲面的Z軸坐標(biāo)值映射為對(duì)應(yīng)的顏色，獲取與頁(yè)面對(duì)應(yīng)的熱力圖。
[0013] 其中，還包括：在形成與各頁(yè)面子區(qū)域?qū)?yīng)的子曲面后，對(duì)各子曲面進(jìn)行反解算， 獲取各子曲面的曲面控制點(diǎn)并進(jìn)行保存；根據(jù)所保存的曲面控制點(diǎn)獲取熱力圖時(shí)，對(duì)所保 存的各子曲面的曲面控制點(diǎn)進(jìn)行正解算，獲取各子曲面，并通過(guò)將各子曲面進(jìn)行合并，獲取 與頁(yè)面對(duì)應(yīng)的擬合曲面，進(jìn)而獲取與網(wǎng)頁(yè)對(duì)應(yīng)的熱力圖。
[0014] 其中，獲取與頁(yè)面對(duì)應(yīng)的擬合曲面后，將指定時(shí)間段內(nèi)的所有擬合曲面進(jìn)行合并， 獲取該時(shí)間段內(nèi)的總的擬合曲面，進(jìn)而獲取指定時(shí)間段內(nèi)的熱力圖。
[0015] 其中，在對(duì)各子曲面進(jìn)行反解算的過(guò)程中，所采用的反解算方法包括均勻參數(shù)化 法、向心參數(shù)化法、積累弦長(zhǎng)參數(shù)化法、福利參數(shù)化法。
[0016] 其中，子曲面和擬合曲面均為貝塞爾曲面。
[0017] 根據(jù)本發(fā)明的另一方面，提供一種熱力圖的處理系統(tǒng)，包括子曲面形成單元，用于 將網(wǎng)頁(yè)頁(yè)面分割形成多個(gè)頁(yè)面子區(qū)域，并對(duì)各頁(yè)面子區(qū)域上的點(diǎn)擊分布數(shù)據(jù)進(jìn)行曲面擬 合，形成與各頁(yè)面子區(qū)域?qū)?yīng)的子曲面；擬合曲面形成單元，用于將各子曲面進(jìn)行合并，獲 取與頁(yè)面對(duì)應(yīng)的擬合曲面；熱力圖直接形成單元，用于將與頁(yè)面對(duì)應(yīng)的擬合曲面的Z軸坐 標(biāo)值映射為對(duì)應(yīng)的顏色，獲取與頁(yè)面對(duì)應(yīng)的熱力圖。
[0018] 利用上述根據(jù)本發(fā)明的熱力圖的處理方法及系統(tǒng)，可以將網(wǎng)頁(yè)熱力圖轉(zhuǎn)換為相應(yīng) 的擬合曲面，通過(guò)存儲(chǔ)曲面控制點(diǎn)的方式，間接地存儲(chǔ)網(wǎng)頁(yè)熱力圖數(shù)據(jù)，能夠在降低熱力圖 數(shù)據(jù)存儲(chǔ)空間的同時(shí)，提高熱力圖的顯示精度及顯示速度。
[0019] 為了實(shí)現(xiàn)上述以及相關(guān)目的，本發(fā)明的一個(gè)或多個(gè)方面包括后面將詳細(xì)說(shuō)明并在 權(quán)利要求中特別指出的特征。下面的說(shuō)明以及附圖詳細(xì)說(shuō)明了本發(fā)明的某些示例性方面。 然而，這些方面指示的僅僅是可使用本發(fā)明的原理的各種方式中的一些方式。此外，本發(fā)明 旨在包括所有這些方面以及它們的等同物。
【附圖說(shuō)明】
[0020] 通過(guò)參考以下結(jié)合附圖的說(shuō)明及權(quán)利要求書(shū)的內(nèi)容，并且隨著對(duì)本發(fā)明的更全面 理解，本發(fā)明的其它目的及結(jié)果將更加明白及易于理解。在附圖中：
[0021] 圖1為現(xiàn)有熱力圖的歸并窗口分割示意圖；
[0022] 圖2為根據(jù)本發(fā)明實(shí)施例的熱力圖的處理方法的流程圖；
[0023] 圖3為根據(jù)本發(fā)明實(shí)施例的熱力圖的處理方法的示例流程圖；
[0024] 圖4為根據(jù)本發(fā)明實(shí)施例的貝塞爾曲面示意圖；以及
[0025] 圖5為根據(jù)本發(fā)明實(shí)施例的熱力圖的處理系統(tǒng)的方框示意圖。
[0026] 在所有附圖中相同的標(biāo)號(hào)指示相似或相應(yīng)的特征或功能。
【具體實(shí)施方式】
[0027] 在下面的描述中，出于說(shuō)明的目的，為了提供對(duì)一個(gè)或多個(gè)實(shí)施例的全面理解，闡 述了許多具體細(xì)節(jié)。然而，很明顯，也可以在沒(méi)有這些具體細(xì)節(jié)的情況下實(shí)現(xiàn)這些實(shí)施例。
[0028] 針對(duì)上述網(wǎng)頁(yè)熱力圖的存儲(chǔ)占用空間大、存儲(chǔ)精度低、顯示速度慢等問(wèn)題，本發(fā)明 通過(guò)將網(wǎng)頁(yè)熱力圖轉(zhuǎn)換為曲面，通過(guò)存儲(chǔ)曲面的控制點(diǎn)，間接地存儲(chǔ)熱力圖數(shù)據(jù)，在查看熱 力圖時(shí)，通過(guò)讀取該網(wǎng)頁(yè)熱力圖的曲面控制點(diǎn)，正解出對(duì)應(yīng)的擬合曲面，進(jìn)而獲取最終的與 網(wǎng)頁(yè)對(duì)應(yīng)的熱力圖，達(dá)到降低熱力圖的存儲(chǔ)空間、提高其顯示精度和顯示速度的目的。
[0029] 為了詳細(xì)的表述本發(fā)明提供的熱力圖的處理方法及系統(tǒng)，以下將結(jié)合附圖對(duì)本發(fā) 明的具體實(shí)施例進(jìn)行詳細(xì)描述。
[0030] 圖2示出了根據(jù)本發(fā)明的熱力圖的處理方法的流程圖。
[0031] 如圖2所示，本發(fā)明提供的熱力圖的處理方法的流程包括：
[0032] S210 :將網(wǎng)頁(yè)頁(yè)面分割形成多個(gè)頁(yè)面子區(qū)域，并對(duì)各頁(yè)面子區(qū)域上的點(diǎn)擊分布數(shù) 據(jù)進(jìn)行曲面擬合，形成與各頁(yè)面子區(qū)域?qū)?yīng)的子曲面。
[0033] 具體地，統(tǒng)計(jì)用戶(hù)在網(wǎng)頁(yè)頁(yè)面上的點(diǎn)擊分布數(shù)據(jù)，為了降低處理的復(fù)雜度、提高熱 力圖的顯示精度，將頁(yè)面切分為多個(gè)大小相同的子區(qū)域，針對(duì)每一個(gè)子區(qū)域，處理其區(qū)域內(nèi) 的點(diǎn)擊分布數(shù)據(jù)。例如，在網(wǎng)頁(yè)頁(yè)面上選擇50*50的像素為一個(gè)子區(qū)域，則該子區(qū)域中每個(gè) 像素點(diǎn)的點(diǎn)擊次數(shù)就是該子區(qū)域的點(diǎn)擊分布數(shù)據(jù)。
[0034] 在對(duì)網(wǎng)頁(yè)頁(yè)面進(jìn)行切分之后，對(duì)各頁(yè)面子區(qū)域上的點(diǎn)擊分布數(shù)據(jù)進(jìn)行曲面擬合， 形成與各頁(yè)面子區(qū)域?qū)?yīng)的子曲面。也就是說(shuō)，每個(gè)子區(qū)域均可用一個(gè)覆蓋該子區(qū)域的曲 面進(jìn)行擬合，網(wǎng)頁(yè)上點(diǎn)擊次數(shù)越多的位置對(duì)應(yīng)的曲面的Z軸坐標(biāo)值越大，即曲面的高度越 高，由于用戶(hù)的點(diǎn)擊是隨機(jī)生成的，該曲面可作為連續(xù)曲面進(jìn)行處理。
[0035] 該步驟中，通過(guò)將網(wǎng)頁(yè)頁(yè)面分割形成多個(gè)頁(yè)面子區(qū)域，針對(duì)每一個(gè)頁(yè)面子區(qū)域進(jìn) 行曲面擬合處理，能夠降低計(jì)算復(fù)雜度，提高后期熱力圖的顯示精度，為網(wǎng)頁(yè)優(yōu)化及網(wǎng)頁(yè)排 版提供更為準(zhǔn)確及直觀的參考數(shù)據(jù)。
[0036] S220 :將各子曲面進(jìn)行合并，獲取與頁(yè)面對(duì)應(yīng)的擬合曲面。
[0037] 具體地，將與各子區(qū)域?qū)?yīng)的子曲面進(jìn)行合并，獲取與網(wǎng)頁(yè)對(duì)應(yīng)的擬合曲面，即該 網(wǎng)頁(yè)上的所有的子曲面合并形成的總的曲面，其中，擬合曲面是與頁(yè)面相對(duì)應(yīng)的。
[0038] S230 :將與頁(yè)面對(duì)應(yīng)的擬合曲面的Z軸坐標(biāo)值映射為對(duì)應(yīng)的顏色，獲取與頁(yè)面對(duì) 應(yīng)的熱力圖。
[0039] 具體地，在獲取最終的擬合曲面后，使用顏色的深淺變化表示擬合曲面z軸坐標(biāo) 的高度，即可獲取與該網(wǎng)頁(yè)對(duì)應(yīng)的熱力圖。
[0040] 需要說(shuō)明的是，為了方便地對(duì)熱力圖數(shù)據(jù)進(jìn)行存取，減少存儲(chǔ)空間，本發(fā)明提供的 熱力圖的處理方法，還可以包括：
[0041] 在形成與各頁(yè)面子區(qū)域?qū)?yīng)的子曲面后，對(duì)各子曲面進(jìn)行反解算，獲取各子曲面 的曲面控制點(diǎn)并進(jìn)行保存。
[0042] 具體地，獲取與各頁(yè)面子區(qū)域?qū)?yīng)的子曲面后，對(duì)各子曲面進(jìn)行反解算，獲取與各 子曲面對(duì)應(yīng)的曲面控制點(diǎn)并進(jìn)行存儲(chǔ)，保存所有曲面控制點(diǎn)的坐標(biāo)，以便對(duì)熱力圖的有效 數(shù)據(jù)進(jìn)行存儲(chǔ)，并能夠根據(jù)這些曲面控制點(diǎn)數(shù)據(jù)獲取最終的擬合曲面及網(wǎng)頁(yè)熱力圖。其中， 所采用的反解算方法包括均勻參數(shù)化法、向心參數(shù)化法、積累弦長(zhǎng)參數(shù)化法和福利參數(shù)化 法等。
[0043] 需要說(shuō)明的是，在對(duì)獲取的曲面控制點(diǎn)進(jìn)行存儲(chǔ)的過(guò)程中，可將曲面控制點(diǎn)存儲(chǔ) 至數(shù)據(jù)庫(kù)或其它能夠保存數(shù)據(jù)的地方。本發(fā)