TWI399694B - Object Displacement Method in Web Page - Google Patents
Object Displacement Method in Web Page Download PDFInfo
- Publication number
- TWI399694B TWI399694B TW99133051A TW99133051A TWI399694B TW I399694 B TWI399694 B TW I399694B TW 99133051 A TW99133051 A TW 99133051A TW 99133051 A TW99133051 A TW 99133051A TW I399694 B TWI399694 B TW I399694B
- Authority
- TW
- Taiwan
- Prior art keywords
- recorded
- web page
- elements
- web
- target
- Prior art date
Links
Landscapes
- User Interface Of Digital Computer (AREA)
- Information Transfer Between Computers (AREA)
Description
本發明係有關於在Web網頁中使物件位移的機制,特別是有關於,將該當物件配置在不重疊於Web網頁上之要素的範圍裡,使該當物件以不重疊於Web網頁上之要素的路徑作位移的處理。
在使用者終端之畫面上所被顯示的Web網頁中,使所定影像從特定區域朝特定區域移動的機制,係為熟知(例如參照專利文獻1)。
具體而言,物件是在出發區域與抵達區域為兩端的線段上進行位移。在該機制下,可測知Web網頁的流量,而控制物件的數目、物件的尺寸、顯示物件的區域。
具備根據已輸入之靜止影像而生成顯著性地圖(saliency map)並以所定檔案形式加以輸出之功能的程式,已被公開(例如參照非專利文獻1)。又,關於該當程式的各種使用樣態,已有具體說明(例如參照非專利文獻2等)。
此外,一般而言,所謂顯著性(saliency),係指視覺上吸引注意之程度。又,所謂顯著性地圖(saliency map),係指將視覺上吸引注意之程度以所定之演算法進行計算而予以視覺化所成者。
雖然和先行技術2的技術思想不同,但像是HTML繪圖引擎這樣,將以網頁撰寫用語言所撰寫成的資料加以解析,計算實際顯示在畫面上的文字或影像等之配置的程式存在(例如參照專利文獻2)。依據此技術,若將HTML的原始碼與瀏覽器的顯示領域加以解析,就可特定出在哪處顯示著哪個影像或文字。
圖11係例示了作為先行技術2而引用的顯著性地圖。
圖11(a)係為,將顯示著本申請案的申請人所營運的Web網站之首頁的PC畫面所擷取而成之影像的顯示例。另一方面,圖11(b)係為,根據圖11(a)之影像所生成的顯著性地圖的顯示例。
此外,靜止影像及顯著性地圖均為彩色影像。
於圖11的顯示例中,靜止影像中的斜線部分內之區域(Web網頁中的沒有顯示文字、影像等之區域),係被判定成顯著性較高,在顯著性地圖中是以波長較短的可見光所對應之顏色(大約是紫色~綠色)來表示。
另一方面,於同一顯示例中,靜止影像中的斜線部分外之區域(Web網頁中的有顯示文字、影像等之區域),係被判定成顯著性較低,以波長較長的可見光所對應之顏色(大約是紅色~黃色)來表示。
[專利文獻1]美國專利第7,660,749號公報
[專利文獻2]日本特表2004-518205號公報
[非專利文獻1]University of Southern California(USC)、「iLab Neuromorphic Vision C++ Toolkit(iNVT)」、[online]、網際網路<URL:http://ilab.usc.edu/toolkit/home.shtml>
[非專利文獻2]University of Southern California(USC)、「iLab Neuromorphic Vision C++ Toolkit Screenshots」、[online]、網際網路<URL:http://ilab.usc.edu/toolkit/screenshots.shtml>
本發明的目的在於,在Web網頁內,解析該當Web網頁,使特定之物件被配置成不會重疊於Web網頁上之要素。
本發明的其他目的在於,在Web網頁內,解析該當Web網頁,使特定之物件以不會重疊於Web網頁上之要素的方式作位移。
本發明的另一其他目的在於,使視覺上被賦予混亂之印象,而令複數物件緩緩集中於Web網頁的特定目標。
本發明的另一其他目的在於,基於Web網頁的瀏覽次數、Web網頁的點選率、透過Web網頁所販售之商品或所提供之服務(以下稱作「商品等」)的訂購數、提供Web網頁之Web伺服器的流量等之過去或現在的存取資料,而使複數物件緩緩集中於Web網頁的特定目標。
為了解決上記課題,本發明係一種物件位移方法,係屬於在含有複數要素的Web網頁中,使1或複數小圖示朝向該各要素進行位移的物件位移方法,其特徵為,執行:將前記Web網頁內的前記要素之顯示區域加以辨識之步驟;和目標要素設定步驟,係將前記複數要素之中的任一要素,設定成前記小圖示的目標要素;和初期位置設定步驟,係參照顯示區域辨識步驟,而將前記小圖示的初期位置,設定在前記Web網頁內的前記要素的顯示區域外;和目標位置設定步驟,係對每一前記小圖示,將目標位置,設定在前記已設定之目標要素的內容領域內或其周邊;和物件位移步驟,係參照顯示區域辨識步驟,而對每一前記小圖示,以前記初期位置為出發點並指定前記Web網頁內的前記要素的顯示區域外之路徑,而使該小圖示作位移,並使該小圖示集中於前記目標位置或其周邊。
在本發明的物件位移方法中,是在含有複數要素之Web網頁內,將小圖示設定在前記Web網頁內之要素的顯示區域外,使1或複數小圖示朝向各要素作位移,使小圖示集中於各要素本身或其周邊。
更詳細而言,首先,藉由將小圖示設定在不干擾到要素的位置,使使用者所求之資訊能被確實顯示。
接著,使複數小圖示分別往左往右的方式,朝複數方向(例如上下左右方向、斜向方向等)作位移。在使小圖示位移時,也是以不干擾到要素之路徑,來使小圖示作位移。
接下來,當使該當小圖示持續位移的階段中有進入到對每一小圖示所設定之目標位置的周邊區域內時,就停止該當小圖示的位移。
若依據本發明,則在線上購物時,原則上,使用者與店舖是1對1的關係。在本發明中,複數要素係為商店街或購物商城的具體化,複數小圖示係為該當商店街或購物商城的來訪使用者的具體化。
藉由使複數小圖示,往左往右地朝複數方向(例如上下左右方向、斜向方向等)作位移然後集中於網頁內特定要素的周邊,就可將購物客集中到特定的商品或特定的店舖而形成「人潮」的樣子,在Web網頁上以視覺方式呈現。
其結果為,瀏覽Web網頁的使用者,係可直覺且視覺性地掌握各內容的人氣程度。又,在小圖示集中為止之期間,使用者會注視著Web網頁,因此Web網頁的駐留時間會變長。
又,於本發明中,理想為,具有存取資料抽出步驟,係從含有:過去之一定期間內的前記各要素的連結目的之Web網頁的瀏覽次數、過去之一定期間內的前記各要素所對應之連結的點選率、及透過過去之一定期間內的前記各要素的連結目的之Web網頁所販售之商品或所提供之服務的訂購數之至少1者的存取資料中,抽出1筆資料;前記目標要素設定步驟,係基於前記已抽出之存取資料,而從複數要素中設定目標要素。
於上記發明中,例如,基於一日前、一週前、一個月前、一年前的存取資料,而將有人氣之網頁,選擇成為目標要素。藉此,就不必將使用者的利用履歷以文字資訊、數值資訊顯示,而是藉由小圖示的運動,就可使過去的優良商品等被人在視覺上認知。
又,於上記發明中,例如,基於現在的存取資料,而將有人氣之網頁,選擇成為目標要素。如此一來,就可僅使現在的優良商品等被人在視覺上認知。
又,於上記發明中,理想為,具有存取負荷偵測步驟,係將提供前記各要素之連結目的之Web網頁的Web伺服器的現在之伺服器負荷,加以偵測;前記目標要素設定步驟,係從前記伺服器負荷未滿一定閾值的各要素中,設定目標要素。
於上記發明中,藉由偵測現在的伺服器負荷,就可禁止遷移往有可能擁擠之網頁,將使用者誘導至不會讓其感到壓力的網頁,以及可以實現伺服器負荷的均等化。
又,於上記發明中,理想為,具有存取資料抽出步驟,係從含有:過去之一定期間內的前記各要素的連結目的之Web網頁的瀏覽次數、過去之一定期間內的前記各要素所對應之連結的點選率、及透過過去之一定期間內的前記各要素的連結目的之Web網頁所販售之商品或所提供之服務的訂購數之至少1者的存取資料中,抽出回朔一定週期之後的一定期間內的1筆資料;前記初期位置設定步驟,係含有:參照前記存取資料抽出步驟,而基於已抽出之資料,來決定前記初期位置之數目的步驟;將前記複數初期位置,設定在前記Web瀏覽器的前記要素的顯示區域外之位置。
藉由參照從現在起回朔至同時期的使用者履歷,設定初期位置的數目,就可在存取可能較多的日期時間上顯示較多的小圖示,在存取可能較少的日期時間上顯示較少的小圖示。根據使用者操作終端的過去之履歷,而統計性地推測現在的「人潮」。可將起因於日曆要因的「人潮」,以視覺方式呈現。
前記週期係為一日、一週、一個月及一年之任一種週期,前記一定期間係為一定時間,前記初期位置設定步驟,係基於該當時間內的瀏覽次數、點選率、及訂購數之任一資料而決定前記初期位置之數目,較為理想。
在上記發明中,可將起因於日曆要因的「人潮」,以視覺方式呈現。
具有存取資料抽出步驟,係從含有:過去之一定期間內的前記各要素的連結目的之Web網頁的瀏覽次數、過去之一定期間內的前記各要素所對應之連結的點選率、及透過過去之一定期間內的前記各要素的連結目的之Web網頁所販售之商品或所提供之服務的訂購數之至少1者的存取資料中,抽出1筆資料;前記目標位置設定步驟,係基於前記已抽出之存取資料,而將前記複數小圖示各自的目標要素予以設定,較為理想。
於上記發明中,係參照使用者履歷,僅將有人氣之網頁,設定成為目標要素。如此一來,就可使現在的優良商品等被人在視覺上認知到使用者的集中。
基於過去的存取資料,來設定小圖示的目標要素,使小圖示集中於該要素,藉此就可使人氣商品等被使用者在視覺上認知。
具有存取負荷偵測步驟,係將提供前記各目標要素之連結目的之Web網頁的Web伺服器的現在之伺服器負荷,加以偵測;前記目標位置設定步驟,係基於前記伺服器負荷,而從各目標要素中設定含有目標位置之要素,較為理想。
藉由偵測現在的伺服器負荷,基於伺服器負荷來設定目標要素,就可將使用者誘導至不會讓其感到壓力的網頁,以及可以實現伺服器負荷的均等化。
較為理想為,前記物件位移步驟係含有:下次位置候補設定步驟,係將相當於前記物件下次顯示位置之候補的下次位置候補,予以複數設定;和下次位置設定步驟,係從前記已設定之下次位置候補之中選擇出任1個位置,而設定成下次的顯示位置;和物件下次位置位移步驟,係使前記物件從現在的顯示位置位移至前記已設定之下次的顯示位置。
於本發明中,係設定小圖示的下次位置候補,從該顯示位置之中設定下次的顯示位置,因此小圖示會在網頁內迴游或徘徊。最終,小圖示係會集中在目標位置。可是,在集中之前的期間,小圖示並非直線性地位移,而是一面接近複數要素而一面位移,因此可緩和其往特定要素的遷移。
又,在小圖示集中為止之期間,使用者會注視著Web網頁,因此Web網頁的駐留時間會變長。
前記下次位置候補設定步驟,係隨應於物件的現在之顯示位置與前記已設定之目標位置的位置關係,而將相當於使前記物件下次位移之方向之候補的下次方向候補,偏重於目標位置而作複數設定;前記下次位置設定步驟,係在前記已設定之各下次方向候補的方向上,分別設定前記下次位置,較為理想。
於本發明中,係隨著顯示位置與目標位置的位置關係,而使下次方向候補偏重於目標位置而將下次位置候補作複數設定,因此可加快小圖示往目標位置之集中。
於前記下次位置設定步驟中所設定之下次位置是前記要素的顯示區域外時,則進行前記物件下次位置位移步驟之執行,於前記下次位置設定步驟中所設定之下次位置並非前記要素的顯示區域外時,則禁止前記物件下次位置位移步驟之執行,較為理想。
如此一來,並非只是小圖示在要素內不作位移,而在禁止執行之步驟的期間,小圖示會呈現停止狀態,因此以簡單的處理,就能使小圖示的運動帶有多樣性。
前記物件位移步驟係含有:針對每一前記小圖示,在該小圖示的位移處理中,使其以一定機率或隨機地暫停之處理,較為理想。
如此一來,就可表現小圖示停下腳步的動作,進行對停下腳步之周圍要素感到興趣之表現。
具有存取資料抽出步驟,係從含有:現在之一定期間內的前記各要素的連結目的之Web網頁的瀏覽次數、現在之一定期間內的前記各要素所對應之連結的點選率、及透過現在之一定期間內的前記各要素的連結目的之Web網頁所販售之商品或所提供之服務的訂購數之至少1者的存取資料中,抽出1筆資料;前記物件位移步驟係含有:當前記已抽出之存取資料是一定閾值以上時,針對每一前記小圖示,在該小圖示的位移處理中使其暫停之處理,較為理想。
在本發明中,即時地偵測出對特定Web網頁之存取的增大,而暫停小圖示往該Web網頁之集中,因此可暫時緩和對於EC網站的限時搶購這類存取量容易大增之網頁的注意關注,可對實際存取而來的使用者,讓其不感到壓力地顯示出Web網頁。
又,在小圖示集中為止之期間,使用者會注視著Web網頁,因此Web網頁的駐留時間會變長。
具有存取資料抽出步驟,係從含有:現在之一定期間內的前記各要素的連結目的之Web網頁的瀏覽次數、現在之一定期間內的前記各要素所對應之連結的點選率、及透過現在之一定期間內的前記各要素的連結目的之Web網頁所販售之商品或所提供之服務的訂購數之至少1者的存取資料中,抽出1筆資料;前記物件位移步驟,係當前記已抽出之存取資料是一定閾值以上時,針對每一前記小圖示,延遲使該小圖示集中於前記目標位置或其周邊,較為理想。
在本發明中,即時地偵測出對特定Web網頁之存取的增大,而延遲小圖示往該Web網頁之集中,因此可暫時緩和對於EC網站的限時搶購這類存取量容易大增之網頁的注意關注,可對實際存取而來的使用者,讓其不感到壓力地顯示出Web網頁。
具有存取資料抽出步驟,係將現在之一定期間內的前記各要素的連結目的之Web網頁的瀏覽次數、現在之一定期間內的前記各要素所對應之連結的點選率、及透過現在之一定期間內的前記各要素的連結目的之Web網頁所販售之商品或所提供之服務的訂購數所成之存取資料之至少1筆資料,予以抽出;前記物件位移步驟,係當前記存取資料抽出步驟所抽出之存取資料的微分值是未滿一定閾值時,針對每一前記小圖示,促進使該小圖示集中於前記目標位置或其周邊,較為理想。
在本發明中,係可將現在的存取資料的微分值予以抽出,以避免發生劇烈的存取集中,亦即,可偵測出對特定Web網頁之存取是呈現定常舉動,或是偵測出擁擠已經趨近緩和,而將使用者的行動,誘導至特定的網頁。
具有存取資料抽出步驟,係從含有:現在之一定期間內的前記各要素的連結目的之Web網頁的瀏覽次數、現在之一定期間內的前記各要素所對應之連結的點選率、及透過現在之一定期間內的前記各要素的連結目的之Web網頁所販售之商品或所提供之服務的訂購數之至少1者的存取資料中,抽出1筆資料;前記物件位移步驟,係當前記已抽出之存取資料的微分值是一定閾值以上時,針對每一前記小圖示,延遲使該小圖示集中於前記目標位置或其周邊。
在本發明中,係可將現在的存取資料的微分值予以抽出,以預測會逐漸發生劇烈的存取集中,亦即,可即時地偵測出對特定Web網頁之存取的劇烈增大,而延遲小圖示往該Web網頁之集中。如此一來,將使用者誘導至不會讓其感到壓力的網頁,以及,可緩和對特定網頁的存取集中。
具有存取負荷偵測步驟,係將提供前記各目標要素之連結目的之Web網頁的Web伺服器的現在之一定期間內之伺服器負荷,加以偵測;前記物件位移步驟,係當前記伺服器負荷的微分值是未滿一定閾值時,針對每一前記小圖示,促進使該小圖示集中於前記目標位置或其周邊,較為理想。
在本發明中,係偵測出提供特定Web網頁之Web伺服器的伺服器負荷,促進小圖示往負荷較小的Web網頁集中,因此可即時地告知使用者不會讓其感到壓力的Web網頁,可緩和對特定網頁的存取集中。
具有存取負荷偵測步驟,係將提供前記各目標要素之連結目的之Web網頁的Web伺服器的現在之一定期間內之伺服器負荷,加以偵測;前記物件位移步驟,係當前記伺服器負荷的微分值是一定閾值以上時,針對每一前記小圖示,延遲使該小圖示集中於前記目標位置或其周邊,較為理想。
在本發明中,係偵測出提供特定Web網頁之Web伺服器的伺服器負荷,延遲小圖示往負荷較大的Web網頁集中,因此可製造往其他網頁的遷移機會,可緩和對特定網頁的存取集中。
又,藉由偵測存取資料或伺服器負荷,而促進小圖示對每一要素的集中,或是延遲對每一要素的集中等,就可於含有複數要素的Web網頁中,將使用者誘導至可不必感到壓力就能操作的網頁。
‧要素…Web網頁內所被顯示之文字、影像、圖形、按鈕等之總稱。
‧連結要素…被設定前往其他Web網頁之連結的要素。
‧小圖示…在顯示畫面上將各種資料或處理機能以圖畫或圖畫文字所顯示而成者。在以下的說明中,係為沒有被設定前往其他Web網頁之連結的影像。
‧要素的內容領域…要素在Web網頁內所被顯示之區域。若是有被設定連結的文字,則在選擇時是被虛線等所圍繞的範圍。若是影像、圖形、按鈕等,則為該當影像、圖形、按鈕等的框內。
‧瀏覽器的顯示領域…瀏覽器在Web網頁內所被顯示之區域。
‧位移 使特定的小圖示從第1點移動至第2點之意。例如有以下的樣態。
(a)在第1點與第2點所連結的線(線段、曲線、折線)上取複數個點,於各點上高速地重複小圖示的顯示‧消去。
(b)使在第1點顯示中的小圖示滑移至第2點。
(c)當第1點與第2點很接近時,將在第1點顯示中的小圖示予以消去,在第2點顯示小圖示。
(d)以第1點為出發點,重複上記(a)~(c)之至少一者複數次,最終將小圖示配置在第2點。
圖1係圖示本實施形態之系統的構成。
如圖1所示,本實施形態的系統,係Web伺服器10與使用者終端20是透過通訊網路(本實施形態的系統中係為網際網路30)而連接成的客戶端‧伺服器系統。
Web伺服器10係具有,將構成Web網頁之各種資料(HTML及該當HTML所參照之影像、式樣表單、腳本等,以下總稱為「Web資料」)加以記憶的WebDB11,會將隨應於來自使用者終端20的要求而被指定的Web資料,發送至使用者終端20。
又,Web伺服器10係具有,將使用者的登錄資訊(地址、姓名、年齡、性別、郵件位址,以下總稱為「使用者屬性」)加以記憶的使用者DB12。使用者DB12係向Web伺服器10,提供用來生成Web網頁所需的屬性資訊。
又,Web伺服器10係具有,將每一Web網頁的過去之利用履歷(年月日或星期或時間別的瀏覽次數、點選率、及訂購數)加以記憶的利用履歷DB13。利用履歷DB13係向Web伺服器10,提供用來生成Web網頁所需的履歷資訊。
使用者終端20係具備Web瀏覽器,讀取從Web伺服器10所接收到的Web資料,顯示在顯示器。此外,該當Web瀏覽器係支援腳本(例如以JavaScript所撰寫成的程式)的解譯、執行,假設解譯、執行的設定係為啟用。
使用者終端20,係為具有通訊機能的既存之資訊處理終端(例如個人電腦等之電子計算機等)即可。
在本實施形態的系統中,在Web伺服器10所發送的Web網頁中內嵌有腳本(物件位移程式),讓使用者終端20執行。此外,在該當Web網頁中,連結要素(被設定有前往其他Web網頁之連結的連結要素等),是被複數配置。
讀取了物件位移程式的使用者終端20,係在Web網頁內使複數小圖示(未被設定前往其他Web網頁之連結的影像),分別從初期位置位移至目標位置,隨著各種存取資料、統計資料(例如瀏覽次數(PV)、點選率(CTR)、訂購數等)而使小圖示被比例分配至網頁內的各要素之方式,而使小圖示集中至各要素的周邊。此時,於目標位置中,亦可將小圖示在連結要素的前面作重疊顯示,以意圖性地妨礙使用者對該當連結要素之點選操作。
在本實施形態的系統中,係於Web網頁中,複數連結要素係為商店街或購物商城的具體化。另一方面,複數小圖示係為造訪該當商店街或購物商城的使用者的具體化。
藉由使複數小圖示從所定起點往所定終點而朝向複數連結要素作位移,就可在Web網頁上呈現人潮往店舖或商品流動。其結果為,可在Web網頁內演出人氣,而且可直覺且視覺性地掌握各內容的人氣程度。
更詳細而言,本發明係首先會辨識Web網頁內之要素的顯示區域。
作為本實施形態之一例,係生成Web網頁的擷取影像,根據已生成之影像而生成顯著性地圖,對所生成的顯著性地圖的每一像素,算出相應於顯著性的優先度,將優先度高的像素領域,辨識成為要素的顯示區域。
作為本實施形態之另一例,係於發送至使用者終端20的HTML資料或XML資料中,像是HTML繪圖引擎這樣,將以Web網頁撰寫用語言所撰寫成的資料加以解析,算出實際顯示在畫面上的文字或影像等之配置,辨識Web網頁內之要素的顯示區域。
接著,從Web網頁內的複數要素之中,設定至少1個要素。藉由現在或過去的各種存取資料、統計資料(例如瀏覽次數(PV)、點選率(CTR)、訂購數等),就可從複數要素之中設定至少1個要素。又,可隨應於現在的伺服器負荷,辨識出想讓人存取之要素、不想讓人存取之要素,就可從複數要素之中設定至少1個要素。
在要素的設定時,可利用現在的存取資料,或是利用回朔一定週期時的一定期間之過去資料,或是利用現在的伺服器負荷。無論何種情況,只要設定閾值,以該閾值為基準來設定要素即可。
接著,在Web網頁內之要素的顯示區域外,設定小圖示的初期位置。小圖示的數目,係可為1個或2以上。在設定複數小圖示時,可隨著現在或過去的存取資料或現在的伺服器負荷來決定小圖示數。在利用存取資料時,係可參照利用履歷,而隨著使用者的屬性(性別、年齡、地區等屬性),來改變小圖示形態。
接著,對每一小圖示,將目標位置設定在,已設定之目標要素的內容領域內或其周邊。目標位置,係從目標要素之中加以設定。當所有的要素都是目標要素時,這些要素係成為目標位置的候補。可是,即使是候補,有時仍不會被設定成目標位置。
將目標位置設定在內容領域內,在要素之上設定小圖示,使已集中之小圖示被重疊顯示於要素,藉此就可表現出要素所關連之商品等的注目程度。又,藉由在要素的周邊的顯示區域外,設定小圖示的目標位置,就可使要素的內容對使用者顯示,並且還可表現出商品等的注目程度。
接著,在物件位移步驟中,在以辨識顯示區域的狀態下,從初期位置,指定顯示區域外之路徑,使小圖示集中至目標位置。由於小圖示係不會進入顯示區域內,而是讓要素被顯示出來的狀態下進行位移,因此也不會遮蔽到被注目的商品等之資訊,在小圖示位移中途若使用者對商品等有興趣時,也可進行遷移至特定網頁的操作。
圖2係圖示本實施形態之系統中的物件位移程式的執行程序。
[11]使用者終端20,係對Web伺服器10指定URL而要求Web網頁(S205a)。Web伺服器10係一旦從使用者終端20接收Web網頁之要求(S205b),則將所被指定之URL所對應之HTML資料,從WebDB11中抽出,因應需要而參照使用者DB12及利用履歷DB13(S210b),發送至使用者終端20(S215b)。使用者終端20係從Web伺服器10接收HTML資料(S215a),在顯示器上顯示Web網頁(S220a)。
[12]使用者終端20,係對Web伺服器10指定URL而要求HTML資料內的參照資料(S225a)。Web伺服器10係一旦從使用者終端20接收參照資料之要求(S225b),則將所被指定之URL所對應之參照資料,從WebDB11中抽出,因應需要而參照使用者DB12及利用履歷DB13(S230b),發送至使用者終端20(S235b)。使用者終端20係一旦從Web伺服器10接收參照資料(S235a),便讀取該當參照資料(S240a),因應需要而反映在顯示中的Web網頁上。
[13]使用者終端20係判定Web網頁(含參照資料)的載入是否完成(S245a)。若載入尚未完成(S245a中No),則返回上記[12],再取得其他參照資料。另一方面,若載入已完成(S245a中Yes),則前進至下記[14],開始腳本(物件位移程式)之執行。
[14]執行初期化處理(S250a,圖3)及顯示切換處理(S255a,圖6)。此外,顯示切換處理(S255a)係被設定成,每隔所定時間(例如每100微秒)就會反覆執行。
圖3係圖示初期化處理之程序。
此處係例示,生成所定數(在本實施形態中係為100個)的小圖示(物件),在Web網頁內將各個小圖示配置在不同位置的程序。此外,也包含一部分小圖示被配置在重複的位置。
如圖3所示,使用者終端20,係藉由下記[21]~[27]之程序,來執行初期化處理。此外,小圖示[i]係表示第i個小圖示(被賦予了含有i之識別資訊的小圖示)。
[21]特定出瀏覽器的顯示領域(S300)。
如圖4所示,生成Web網頁的擷取(S301)。接著,根據已生成之影像而生成顯著性地圖(S302)。此外,顯著性地圖的生成,係可利用顯著性地圖生成程式。針對已生成之顯著性地圖的每一像素,算出相應於顯著性的優先度(S303),使優先度對應於各像素而記錄(S304)。這些優先度資料,係可以所定檔案形式(例如JSON)而記憶在WebDB11中。
藉此,將優先度高的像素領域,辨識成為要素的顯示區域。於圖11中,靜止影像中的斜線部分內之區域,係被判定成顯著性較高,在顯著性地圖中是以波長較短的可見光所對應之顏色來表示。於同一顯示例中,靜止影像中的斜線部分外之區域,係被判定成顯著性較低,以波長較長的可見光所對應之顏色(大約是紅色~黃色)來表示。
接著,從Web網頁內所配置的要素之中,特定出目標要素的候補(S310)。為了特定目標要素的候補,係參照利用履歷DB13,藉由現在或過去的各種存取資料、統計資料(例如瀏覽次數(PV)、點選率(CTR)、訂購數等),從複數要素之中設定至少1個要素。又,可參照Web伺服器10,隨應於現在的伺服器負荷,辨識出想讓人存取之要素、不想讓人存取之要素,就可從複數要素之中設定至少1個要素。在要素的設定時,可利用現在的存取資料,或是利用回朔一定週期時的一定期間之過去資料,或是利用現在的伺服器負荷。無論何種情況,只要設定閾值,以該閾值為基準來設定要素即可。
又,取得現在的存取資料、回朔一定週期時的一定期間之過去資料、現在的伺服器負荷的對時間之微分值,判別出預想會有存取集中的Web網頁、或伺服器負荷正逐漸增大的Web網頁,而進行編入目標要素的候補、或是從目標要素的候補中排除等等之處理,而將目標要素的候補加以特定,較為理想。
[22]對表示小圖示之號碼的計數器i中,代入初期值1(S315)。
[23]生成小圖示(影像要素)的物件(小圖示[i])(S320)。接著,對小圖示[i]設定影像檔案(S325),設定小圖示[i]在Web網頁內的尺寸(橫寬及縱寬)(S330),作為文件要素的子要素而追加小圖示[i](S335)。
[24]判定計數器i是否等於所定數(在本實施形態中係為100)(S340)。當計數器i不到所定數時(S340中No),則對計數器i加算1(S345),返回上記[23]。另一方面,當計數器i等於所定數時(S340中Yes),則前進至下記[25]。
在本實施形態中,雖然例示了計數器i是100的情形,但將計數器之數值設定如下,較為理想。計數器之數值,係為小圖示的數目。當全部的小圖示都配置在不同初期位置時,計數器之數值係為初期位置的數目。
此外,作為變形例,亦可將小圖示的數目設為100的狀態下,將初期位置在相同位置設定100次。此情況下,100個小圖示看起來會從相同初期位置起開始朝目標位置位移。
計數器之數值,係參照利用履歷DB13,根據過去之一定期間內的各要素之Web網頁的瀏覽次數、過去之一定期間內的各要素之點選率、及透過過去之一定期間內的各要素之Web網頁所販售之商品或所提供之服務的訂購數的至少1者,來作設定,較為理想。藉由從這些存取資料之中抽出回朔一定週期之後的一定期間內的1筆資料來設定計數器之數值,就可以近似於使用者正在存取之狀況來顯示Web網頁。
又,亦可取得現在的存取資料、現在的伺服器負荷對時間的微分值,判別出預料到會有存取集中之Web網頁、伺服器負荷逐漸增大的Web網頁,而設定計數器之數值。
[25]對表示小圖示之號碼的計數器i中,代入1(S350)。
[26]將小圖示[i]的配置位置設定至初期位置(S355)。此時點上,小圖示[i]係被顯示在Web網頁內的顯示區域外。
[27]判定計數器i是否等於所定數(在本實施形態中係為100)(S360)。當計數器i不到所定數時(S360中No),則對計數器i加算1(S365),返回上記[26]。另一方面,當計數器i等於所定數時(S360中Yes),則結束初期化處理。
於上記程序[21]中,使用者終端20係將瀏覽器的顯示領域,予以特定(S305)。
在Web網頁剛讀取完畢的狀態下,瀏覽器的顯示領域係以Web網頁的左上為原點(0,0),以右方向、下方向分別為x軸、y軸之正方向的像素座標中,由以下的範圍而定義成矩形。
‧左上(0,0)
‧右下(瀏覽器的顯示領域的橫寬之值、瀏覽器的顯示領域的縱寬之值)
瀏覽器的顯示領域的橫寬‧縱寬之值,係於物件位移程式中,例如可取得成為如下的內容值。瀏覽器的顯示領域,係隨應於瀏覽器的種類或顯示模式(標準模式、向下相容模式),而利用適切的內容值來加以特定即可。
‧瀏覽器的顯示領域之橫寬:document.body.clientWidth,document.documentElement.clientWidth
‧瀏覽器的顯示領域之縱寬:document.body.clientHeight,document.documentElement.clientHeight
於上記程序[21]中,使用者終端20係從Web網頁內所配置的要素之中,特定出目標要素的候補(S310)。
例如,只要如下般地特定出目標要素的候補即可。
‧對Web網頁中的特定要素(例如,特定的連結影像、特定的連結文字或其他特定的連結要素)附加所定之識別元(id),將該當各識別元所被賦予之要素,當作目標要素的候補。
於上記程序[23]中,使用者終端20係生成小圖示的物件(小圖示[i])(S320)。
此時,例如,參照使用者DB12,而將小圖示[i]之控制所用的內容(屬性)及控制小圖示[i]的方法(程序),分別予以複數定義。
圖5中係圖示小圖示物件的主要內容項目。
如圖5所示,各小圖示物件,係含有:「小圖示識別資訊」、「小圖示號碼」、「初期位置」、「目標位置」、「行進方向」、「剛才的行進方向」、「1次之位移距離」、「略過閾值」、「略過計數器」、及「行進方向指示資料列」。
此處,「略過閾值」,係為一定或隨機的數值。
於圖5中,「小圖示號碼」係對小圖示[i]所設定之對應於小圖示種類的數值。
小圖示號碼,係隨著小圖示的比例分配中所用的構成統計資料之母集合的使用者的屬性(例如性別、年齡等)及具有該當各屬性之使用者的比率,而適宜設定。例如,構成統計資料之母集合的使用者的男女比例若為40:60,則以對應於男性的小圖示號碼:對應於女性的小圖示號碼=40:60的方式來設定小圖示號碼即可。
於圖5中,「初期位置」係於Web網頁內最初顯示小圖示[i]的位置。在本實施形態中,係在上記程序[21]中所特定之瀏覽器的顯示領域內的顯示區域外的隨機位置,設定初期位置。
其他,亦可在Web網頁內的特定位置,設定初期位置。
於圖5中,「目標位置」係於Web網頁內使小圖示[i]最終集中的位置加以指標的位置。在本實施形態中,從上記程序[21]所特定之目標要素的候補之中,將任一者,例如,以正比於各要素(候補)所對應之統計資料之大小的機率加以選擇,將該當選擇之目標要素的左上位置或該當要素的內容領域內的顯示區域外的隨機位置,設定成目標位置。甚至,亦可對每一小圖示號碼(使用者屬性),個別地選擇目標要素而設定目標位置。
此外,作為統計資料,係為各目標要素(候補)的連結目的之Web網頁的瀏覽次數(PV)、該當連結的點選率(CTR)、透過該當Web網頁所販售之商品或所提供之服務的訂購數等,較為理想。又,算出這些對時間之微分值,就可判別出存取維持定常狀態之要素或存取有增加傾向之要素而維持作為目標位置不變,或是從目標位置中排除等等。藉此,就可緩和對特定要素的集中存取。在該處理中,係可對微分值設定一定的閾值,參照該閾值而維持作為目標位置不變,或是從目標位置中排除。
於圖5中,「行進方向」係表示小圖示[i]之行進方向的數值。又,「剛才的行進方向」係表示小圖示[i]剛才的行進方向的數值。例如設定成0(停止)、1(上)、2(右)、3(下)、4(左)即可。
在本實施形態中,藉由比較「行進方向」與「剛才的行進方向」,而判定小圖示[i]的行進方向是否有變化(圖6的S555)。
於圖5中,「行進方向指示資料列」係將表示行進方向之數值加以儲存的數列。例如,假設合計保持9個要素(數值),將前面5個要素(依序為0,1,2,3,4)設成不變值,將後面4個值設成可變值。
在本實施形態中,為了使小圖示[i]容易朝目標位置的方向行進,而將設定成不變值的數值作適宜變更,對各行進方向執行一定之加權處理(圖6的S530)。
例如,取得現在的存取資料或其微分值、現在的伺服器負荷或其對時間的微分值,當存取是定常狀態時、或擁擠有緩和傾向時,則即使發生前往各要素之Web網頁的存取,使用者仍不會感到壓力,伺服器也不會有負擔,因此加速小圖示的位移速度。
於上記程序[23]中,使用者終端20係對小圖示[i]設定影像檔案(S325)。
具體而言,係設定小圖示號碼(圖3)所對應的影像檔案。各影像,係除了靜止影像,亦可為動畫影像(例如動畫GIF形式)。
此外,影像係為容易直覺地掌握小圖示的比例分配中所用的構成統計資料之母集合的使用者的屬性(例如性別等)的影像,較為理想。又,亦可在小圖示的一部分含有文字(數字),而使使用者的屬性(例如年齡層等)容易被掌握。
圖6係圖示顯示切換處理之程序。
如圖6所示,使用者終端20,係藉由下記[31]~[36]之程序,來執行顯示切換處理。如上述,顯示切換處理係被設定成,每隔所定時間(例如每100微秒)就會反覆執行(參照圖2的S255a)。
此外,小圖示[i]係表示接著第i個小圖示(被賦予了含有i之識別資訊的小圖示)。
[31]對表示小圖示之號碼的計數器i中,代入初期值1(S505)。
[32]取得小圖示[i]的現在位置(現在的配置位置)及目標位置(S510、S515),判定現在位置是否距離目標位置在所定範圍內(S520)。當現在位置是距離目標位置在所定範圍內時(S520中Yes),將表示行進方向的數值變更成0(停止),前進至下記[35]。另一方面,當現在位置並非距離目標位置所定範圍內時(S520中No),則前進至下記[33]。
[33]判定式「略過計數器>略過閾值」的真偽判定(S525)。判定式為真時(S525中Yes),設定小圖示[i]的行進方向(S530),對略過計數器代入0(S535),前進至下記[34]。另一方面,判定式為偽時(S525中No),對略過計數器加算1(S540),前進至下記[34]。
[34]設定小圖示[i]的下次位置(下次所被顯示之位置)(S545),將小圖示[i]的配置位置變更成下次位置(S550)。
[35]判定小圖示[i]的行進方向是否有變化(S555)。當小圖示[i]的行進方向有變化時(S555中Yes),則隨著行進方向而將影像檔案予以變更(S560),將小圖示[i]在Web網頁內的尺寸(橫寬及縱寬)配合著變更後的影像檔案而予以變更(S565),前進至下記[36]。另一方面,小圖示[i]的行進方向沒有變化時(S555中No),則前進至下記[36]。
[36]判定計數器i是否等於所定數(在Web網頁內位移之小圖示的數目,在本實施形態中係為100)(S570)。當計數器i等於該當所定數時(S570中Yes),則結束顯示切換處理。另一方面,當計數器i不等於該當所定數時(S570中No),則對計數器i加算1(S575),返回上記[32]。
於上記程序[32]中,使用者終端20係判定現在位置是否距離目標位置在所定範圍內(S520)。當現在位置是距離目標位置在所定範圍內時(S520中Yes),就不會令小圖示[i]位移。
藉此,在小圖示[i]抵達目標位置之周邊的時序上,小圖示[i]的位移就結束,小圖示[i]會停止在目標位置的周邊。
於上記程序[33]中,使用者終端20係判定判定式「略過計數器>略過閾值」的真偽(S525)。判定式為偽時(S525中No),對略過計數器加算1(S540),前進至下記[34]。
藉由此處理,使得行進方向不會被頻繁地變更。又,若略過閾值是隨機值,則可針對每一小圖示在隨機的時序上改變行進方向。
於上記程序[33]中,使用者終端20係設定小圖示[i]的行進方向(S530)。
例如,考慮到小圖示[i]的現在位置與目標位置的位置關係,而將下次方向設定如下。藉此,小圖示[i]就容易隨機地往目標位置方向作位移。
[41]求取現在位置(X1,Y1)與目標位置(X2,Y2)之各成分的差,對加權用變數w1及w2,代入所定的值。
‧橫方向之加權變數w1←(X1-X2)若為負則2(右)、若為正則4(左)
‧縱方向之加權變數w2←(Y1-Y2)若為負則3(下)、若為正則1(上)
[42]對「行進方向指示資料列」(參照圖5)的可變值,設定變數w1,w2的值。例如,對4個可變值,將變數w1,w2的值分別每次設定2個。
[43]將加權過的「行進方向指示資料列」的要素(此處係為不變值與可變值總計9個要素)之任一者予以隨機選擇,設定成下次方向。
於上記程序[34]中,使用者終端20係設定小圖示[i]的下次位置(下次顯示之位置)(S545)。
具體而言,將以現在位置為基點,往下次方向遠離相當於1次位移距離的位置,設定成下次位置。當表示行進方向的數值是0(停止)時,將現在位置直接設定成配置位置(不變更配置位置)。
於上記程序[35]中,使用者終端20係判定小圖示[i]的行進方向是否有變化(S555)。當行進方向變化時(S555中Yes),隨著行進方向而變更影像檔案(S560)。
具體而言,藉由比較「行進方向」與「剛才的行進方向」,而判定行進方向是否變化。當行進方向有變化時,則變更成對應於變化後之行進方向的影像(例如朝向行進方向之影像)的影像即可。在影像檔案變更後,將表示「行進方向」的數值,代入「剛才的行進方向」中。
圖7~圖10係圖示Web網頁的顯示例。
圖7~圖10,係以人物的影像(有一定領域之影像,人物本體以外的部分係為透明)為小圖示,使該當小圖示隨機位移而在網頁內之要素的周邊集中的樣子的顯示例。
(圖7)於Web網頁(600)中,各小圖示係被配置在,瀏覽器的顯示領域內的顯示區域外的隨機位置上所被分別設定的初期位置。初期位置之數目,係參照利用履歷DB13,隨著過去之一定期間內的各要素之Web網頁的瀏覽次數、過去之一定期間內的各要素之點選率、及透過過去之一定期間內的各要素之Web網頁所販售之商品或所提供之服務的訂購數而設定。又,亦可取得現在的存取資料或其微分值、現在的伺服器負荷或其對時間的微分值,當Web網頁發生存取集中時或預想到Web網頁的存取集中時,就將初期位置的數目下修調整。
又,亦可取得現在的存取資料、現在的伺服器負荷對時間的微分值,參照Web伺服器10的伺服器負荷,當存取數超過一定閾值時,或存取數的微分值超過一定閾值時,則為了控制存取,而將初期位置的數目下修調整。
(圖8)各小圖示係在顯示區域外獨立而往隨機方向重複位移。位移中的小圖示,係被變更成對應於行進方向之朝向的影像。部分的小圖示,係在目標要素的左上位置所被設定之目標位置的周邊停止。
和初期位置的設定時同樣地,可取得現在的存取資料或其微分值、現在的伺服器負荷或其對時間的微分值,當Web網頁發生存取集中時或預想到Web網頁的存取集中時,就延遲小圖示的位移速度,藉此,就可使用者誘導至不會讓其感到壓力的網頁,以及,可實現伺服器負荷的均等化。
關於目標位置的分配率也同樣地,可針對各要素的Web網頁,取得現在的存取資料或其微分值,當往特定Web網頁發生存取集中時或預想到往特定Web網頁的存取集中時,就延遲小圖示的位移速度,藉此,就可使用者誘導至不會讓其感到壓力的網頁,以及,可實現伺服器負荷的均等化。
反之,當存取是定常狀態時、或擁擠有緩和傾向時,則即使發生前往各要素之Web網頁的存取,使用者仍不會感到壓力,伺服器也不會有負擔,因此加速小圖示的位移速度,較為理想。
(圖9)大半的小圖示,是在目標位置的部分領域中停止。在本實施形態中,係令其停止在部分領域,但亦可使其不重複於顯示區域,而停止在顯示區域的周圍。
(圖10)所有的小圖示都分別集中至目標位置的周邊。
由這些顯示例可知,在本實施形態的系統中,複數小圖示係不與顯示區域重複,各自位移而集中到網頁內各要素或其周邊,藉此就可將對商品的人潮聚集程度、店舖的擁擠程度,在Web網頁上以視覺方式呈現。
其結果為,瀏覽Web網頁的使用者,係可直覺地掌握各內容的人氣程度。
亦可使Web網頁內所配置的全部或部分小圖示,藉由使用者的操作(例如滑鼠拖放)而移動。
例如,將已被拖曳之小圖示的配置位置,變更成放下處即可。此時,藉由將已被移動之小圖示的初期位置設定成放下處,就可視為顯示切換處理(圖2的S255)所致之位移處理的對象。
於Web網頁內中,亦可使小圖示不會重疊於該網頁內所配置之特定要素的方式作位移。
例如,將Web網頁內所配置之要素(例如賦予特定名稱(name)的要素、特定標籤名的要素等)的內容領域設成禁止進入領域,將其左上位置及右下位置加以特定。然後,當小圖示的左上位置及右下位置的關係上,小圖示有重疊到禁止進入領域時,就將行進方向變更成0(停止)即可。藉此,就可使得快侵入禁止進入領域的小圖示的位移,被暫時停止。
此外,上記的處理,係假設是在下次位置的設定步驟(圖6之S545)與配置位置的變更步驟(圖6之S550)之間執行。
亦可不基於統計資料,構成為使小圖示集中至任意選擇之要素的周邊。藉此,就可刻意地演出特定要素的人氣。
此時,例如,將目標要素的候補特定如下,對每一小圖示,在從該當候補之中隨機選擇之要素的內容領域內或其周邊,設定目標位置即可。
‧將特定的標籤名之要素(例如<img>標籤、<a>標籤等)當作目標要素的候補。
‧對Web網頁中的特定要素(例如,特定的連結影像、特定的連結文字或其他特定的連結要素)附加所定名稱(name),將該當名稱所被賦予之要素,當作目標要素的候補。
‧亦可在Web網頁內,配置顯示切換處理(圖2之S255a、図6)的時間間隔(畫格速率)的變更要素。例如,以單選按鈕或下拉選單來讓人選擇所定之數值,或是讓人在輸入欄中輸入任意的數值即可。
‧在Web網頁內,亦可配置動畫停止按鈕。該當按鈕被點選時,顯示切換處理(圖2的S255a、圖6)的重複就會停止。
‧在Web網頁內,亦可配置重置按鈕。該當按鈕被點選時,所有的小圖示會重新配置到初期位置,重新執行顯示切換處理(圖2的S255a、圖6)的重複處理。
10‧‧‧Web伺服器
11‧‧‧WebDB
12‧‧‧使用者DB
13‧‧‧利用履歷DB
20‧‧‧使用者終端
30‧‧‧網際網路
600‧‧‧Web網頁
[圖1]系統構成的區塊圖。(實施形態)
[圖2]物件位移程式的執行程序的流程圖。(實施形態)
[圖3]初期化處理之程序的流程圖。(實施形態)
[圖4]小圖示之路徑資料生成程序的流程圖。(實施形態)
[圖5]小圖示物件的內容項目的說明圖。(實施形態)
[圖6]顯示切換處理之程序的流程圖。(實施形態)
[圖7](剛開始後)Web網頁的顯示例。(實施形態)
[圖8](處理中途)Web網頁的顯示例。(實施形態)
[圖9](處理中途)Web網頁的顯示例。(實施形態)
[圖10](結束後)Web網頁的顯示例。(實施形態)
[圖11](a)靜止影像、(b)顯著性地圖的顯示例。
Claims (22)
- 一種Web伺服器,係屬於在含有複數要素的Web網頁中,使小圖示位移的Web伺服器,其特徵為,具備:用以辨識前記Web網頁內的前記要素之顯示區域的手段;和目標要素設定手段,係用以將前記複數要素之中的任一要素,設定成前記小圖示的目標要素;和用以基於涉及前記各要素的存取資料,來決定前記小圖示的初期位置之數目的手段;和初期位置設定手段,係用以在前記Web網頁內,設定前記小圖示的初期位置;和目標位置設定手段,係用以對每一前記小圖示,將目標位置設定在,前記已設定之目標要素的前記已被辨識之顯示區域內或其周邊;和物件位移手段,係用以對每一前記小圖示,以前記初期位置為出發點並指定前記Web網頁內之路徑,而使該小圖示作位移,並使該小圖示位移至前記目標位置或其周邊。
- 如請求項1所記載之Web伺服器,其中,前記初期位置設定手段,係將前記小圖示的初期位置,設定在前記Web網頁內的前記要素的顯示區域外。
- 如請求項1或2所記載之Web伺服器,其中, 前記物件位移手段,係對每一前記小圖示,以前記初期位置為出發點並指定前記Web網頁內的前記要素之顯示區域外之路徑,而使該小圖示作位移,並使該小圖示朝向前記目標位置或其周邊而位移。
- 如請求項1或2所記載之Web伺服器,其中,還具備:存取資料抽出手段,係用以從含有:過去之一定期間內的前記各要素的連結目的之Web網頁的瀏覽次數、過去之一定期間內的前記各要素所對應之連結的點選率、及透過過去之一定期間內的前記各要素的連結目的之Web網頁所販售之商品或所提供之服務的訂購數之至少1者的存取資料中,抽出1筆資料;前記目標要素設定手段,係基於前記已被抽出之存取資料,而從複數要素中,設定目標要素。
- 如請求項1或2所記載之Web伺服器,其中,還具備:存取負荷偵測手段,係用以將提供前記各要素之連結目的之Web網頁的Web伺服器的現在之伺服器負荷,加以偵測;前記目標要素設定手段,係從前記伺服器負荷未滿一定閾值的各要素中,設定目標要素。
- 如請求項1或2所記載之Web伺服器,其中,還具備:存取資料抽出手段,係用以從含有:過去之一定期間內的前記各要素的連結目的之Web網頁的瀏覽次數、過去之一定期間內的前記各要素所對應之連結的點選率、及透過過去之一定期間內的前記各要素的連結目的之 Web網頁所販售之商品或所提供之服務的訂購數之至少1者的存取資料中,抽出回朔一定週期之後的一定期間內的1筆資料;前記初期位置設定手段,係參照前記存取資料抽出手段所做的抽出,而基於已被抽出之資料,來決定前記初期位置之數目,並將前記複數初期位置,設定在前記Web網頁的前記要素的顯示區域外之位置。
- 如請求項6所記載之Web伺服器,其中,前記週期係為一日、一週、一個月及一年之任一種週期,前記一定期間係為一定時間;前記初期位置設定手段,係基於該當時間內的瀏覽次數、點選率、及訂購數之任一資料而決定前記初期位置之數目。
- 如請求項1或2所記載之Web伺服器,其中,還具備:存取資料抽出手段,係用以從含有:過去之一定期間內的前記各要素的連結目的之Web網頁的瀏覽次數、過去之一定期間內的前記各要素所對應之連結的點選率、及透過過去之一定期間內的前記各要素的連結目的之Web網頁所販售之商品或所提供之服務的訂購數之至少1者的存取資料中,抽出1筆資料;前記目標位置設定手段,係基於前記已抽出之存取資料,而將前記複數小圖示各自的目標要素予以設定。
- 如請求項1或2所記載之Web伺服器,其中,還具備:存取負荷偵測手段,係用以將提供前記各目標要素之連結目的之Web網頁的Web伺服器的現在之伺服 器負荷,加以偵測;前記目標位置設定手段,係基於前記伺服器負荷,而從各目標要素中設定含有目標位置之要素。
- 如請求項1或2所記載之Web伺服器,其中,前記物件位移手段係具備:下次位置候補設定手段,係用以將相當於前記物件下次顯示位置之候補的下次位置候補,予以複數設定;和下次位置設定手段,係用以從前記已設定之下次位置候補之中選擇出任1個位置,而設定成下次的顯示位置;和物件下次位置位移手段,係用以使前記物件從現在的顯示位置位移至前記已設定之下次的顯示位置。
- 如請求項10所記載之Web伺服器,其中,前記下次位置候補設定手段,係隨應於物件的現在之顯示位置與前記已設定之目標位置的位置關係,而將相當於使前記物件下次位移之方向之候補的下次方向候補,偏重於目標位置而作複數設定;前記下次位置設定手段,係在前記已設定之各下次方向候補的方向上,分別設定前記下次位置。
- 如請求項11所記載之Web伺服器,其中,前記下次位置設定手段,係當已被設定之前記下次位置是前記要素的顯示區域外時,則執行前記物件下次位置位移手段所致之位移;當已被設定之前記下次位置不是前記要素的顯示區域外時,則禁止前記物件下次位置位移手 段所致之位移的執行。
- 如請求項1或2所記載之Web伺服器,其中,前記物件位移手段,係針對每一前記小圖示,在該小圖示的位移處理中,使其以一定機率或隨機地暫停。
- 如請求項1或2所記載之Web伺服器,其中,還具備:存取資料抽出手段,係用以從含有:現在之一定期間內的前記各要素的連結目的之Web網頁的瀏覽次數、現在之一定期間內的前記各要素所對應之連結的點選率、及透過現在之一定期間內的前記各要素的連結目的之Web網頁所販售之商品或所提供之服務的訂購數之至少1者的存取資料中,抽出1筆資料;前記物件位移手段,係當前記已抽出之存取資料是一定閾值以上時,針對每一前記小圖示,在該小圖示的位移處理中使其暫停。
- 如請求項1或2所記載之Web伺服器,其中,還具備:存取資料抽出手段,係用以從含有:現在之一定期間內的前記各要素的連結目的之Web網頁的瀏覽次數、現在之一定期間內的前記各要素所對應之連結的點選率、及透過現在之一定期間內的前記各要素的連結目的之Web網頁所販售之商品或所提供之服務的訂購數之至少1者的存取資料中,抽出1筆資料;前記物件位移手段,係當前記已抽出之存取資料是一定閾值以上時,針對每一前記小圖示,延遲使該小圖示集中於前記目標位置或其周邊。
- 如請求項1或2所記載之Web伺服器,其中,還具備:存取資料抽出手段,係用以從含有:現在之一定期間內的前記各要素的連結目的之Web網頁的瀏覽次數、現在之一定期間內的前記各要素所對應之連結的點選率、及透過現在之一定期間內的前記各要素的連結目的之Web網頁所販售之商品或所提供之服務的訂購數之至少1者的存取資料中,抽出1筆資料;前記物件位移手段,係當前記已抽出之存取資料的微分值是未滿一定閾值時,針對每一前記小圖示,促進使該小圖示集中於前記目標位置或其周邊。
- 如請求項1或2所記載之Web伺服器,其中,還具備:存取資料抽出手段,係用以從含有:現在之一定期間內的前記各要素的連結目的之Web網頁的瀏覽次數、現在之一定期間內的前記各要素所對應之連結的點選率、及透過現在之一定期間內的前記各要素的連結目的之Web網頁所販售之商品或所提供之服務的訂購數之至少1者的存取資料中,抽出1筆資料;前記物件位移手段,係當前記已抽出之存取資料的微分值是一定閾值以上時,針對每一前記小圖示,延遲使該小圖示集中於前記目標位置或其周邊。
- 如請求項1或2所記載之Web伺服器,其中,還具備:存取負荷偵測手段,係用以將提供前記各目標要素之連結目的之Web網頁的Web伺服器的現在之一定期間內之伺服器負荷,加以偵測; 前記物件位移手段,係當前記伺服器負荷的微分值是未滿一定閾值時,針對每一前記小圖示,促進使該小圖示集中於前記目標位置或其周邊。
- 如請求項1或2所記載之Web伺服器,其中,還具備:存取負荷偵測手段,係用以將提供前記各目標要素之連結目的之Web網頁的Web伺服器的現在之一定期間內之伺服器負荷,加以偵測;前記物件位移手段,係當前記伺服器負荷的微分值是一定閾值以上時,針對每一前記小圖示,延遲使該小圖示集中於前記目標位置或其周邊。
- 一種物件位移方法,屬於在含有複數要素之Web網頁中,使小圖示位移的物件位移方法,其特徵為,執行:用以將前記Web網頁內的前記要素之顯示區域加以辨識之步驟;和目標要素設定步驟,係用以將前記複數要素之中的任一要素,設定成前記小圖示的目標要素;和用以基於涉及前記各要素的存取資料,來決定前記小圖示的初期位置之數目的步驟;和初期位置設定步驟,係用以在前記Web網頁內,設定前記小圖示的初期位置;和目標位置設定步驟,係用以對每一前記小圖示,將目標位置設定在,前記已設定之目標要素的前記已被辨識之顯示區域內或其周邊;和物件位移步驟,係用以對每一前記小圖示,以前記初 期位置為出發點並指定前記Web網頁內之路徑,而使該小圖示作位移,並使該小圖示位移至前記目標位置或其周邊。
- 一種Web伺服器,係屬於可和使用者終端連接的Web伺服器,其特徵為,具有Web資料記憶手段,係用以記憶著Web資料,該Web資料係至少含有:含有複數要素之Web網頁的資料、和被內嵌在該Web網頁的物件位移程式;具備Web資料送訊手段,係用以隨應於來自前記使用者終端的要求,而將前記Web資料,發送至該使用者終端;前記物件位移程式,係屬於在含有複數要素的Web網頁中,使1或複數小圖示朝向該各要素進行位移的物件位移程式,該程式係令使用Web瀏覽器來顯示前記含有複數要素之Web網頁的使用者終端,執行:用以將前記Web網頁內的前記要素之顯示區域加以辨識之步驟;和目標要素設定步驟,係用以將前記複數要素之中的任一要素,設定成前記小圖示的目標要素;和初期位置設定步驟,係用以參照顯示區域辨識步驟,而將前記小圖示的初期位置,設定在前記Web網頁內的前記要素的顯示區域外;和目標位置設定步驟,係用以對每一前記小圖示,將目標位置,設定在前記已設定之目標要素的內容領域內或其 周邊;和物件位移步驟,係用以參照顯示區域辨識步驟,而對每一前記小圖示,以前記初期位置為出發點並指定前記Web網頁內的前記要素的顯示區域外之路徑,而使該小圖示作位移,並使該小圖示集中於前記目標位置或其周邊。
- 一種Web伺服器,係屬於可和使用者終端連接的Web伺服器,其特徵為,具有Web資料記憶手段,係用以記憶著Web資料,該Web資料係至少含有:含複數要素之Web網頁的資料、和被內嵌在該Web網頁的物件位移程式;具備Web資料送訊手段,係隨應於來自前記使用者終端的要求,而將前記Web資料,發送至該使用者終端;前記物件位移程式,係屬於在含有複數要素的Web網頁中,使小圖示進行位移的物件位移程式,該程式係令使用Web瀏覽器來顯示前記含有複數要素之Web網頁的使用者終端,執行:用以將前記Web網頁內的前記要素之顯示區域加以辨識之步驟;和目標要素設定步驟,係用以將前記複數要素之中的任一要素,設定成前記小圖示的目標要素;和用以基於涉及前記各要素的存取資料,來決定前記小圖示的初期位置之數目的步驟;和初期位置設定步驟,係用以在前記Web網頁內,設定前記小圖示的初期位置;和目標位置設定步驟,係用以對每一前記小圖示,將目 標位置設定在,前記已設定之目標要素的前記已被辨識之顯示區域內或其周邊;和物件位移步驟,係用以對每一前記小圖示,以前記初期位置為出發點並指定前記Web網頁內之路徑,而使該小圖示作位移,並使該小圖示位移至前記目標位置或其周邊。
Applications Claiming Priority (3)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
JP2009228832 | 2009-09-30 | ||
JP2009249241 | 2009-10-29 | ||
JP2009263529 | 2009-11-19 |
Publications (2)
Publication Number | Publication Date |
---|---|
TW201120748A TW201120748A (en) | 2011-06-16 |
TWI399694B true TWI399694B (zh) | 2013-06-21 |
Family
ID=45045289
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
TW99133051A TWI399694B (zh) | 2009-09-30 | 2010-09-29 | Object Displacement Method in Web Page |
Country Status (1)
Country | Link |
---|---|
TW (1) | TWI399694B (zh) |
Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
TW576984B (en) * | 2002-07-19 | 2004-02-21 | Jen-Hwang Weng | On-line web page editing system and method |
TW200421128A (en) * | 2002-11-26 | 2004-10-16 | Ibm | Method and a device for making a media file accessible via a web page |
CN1841369A (zh) * | 2005-03-29 | 2006-10-04 | 腾讯科技(深圳)有限公司 | 一种网页显示页面的配置方法 |
US20090228784A1 (en) * | 2008-03-04 | 2009-09-10 | Gilles Drieu | Transforms and animations of web-based content |
-
2010
- 2010-09-29 TW TW99133051A patent/TWI399694B/zh active
Patent Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
TW576984B (en) * | 2002-07-19 | 2004-02-21 | Jen-Hwang Weng | On-line web page editing system and method |
TW200421128A (en) * | 2002-11-26 | 2004-10-16 | Ibm | Method and a device for making a media file accessible via a web page |
CN1841369A (zh) * | 2005-03-29 | 2006-10-04 | 腾讯科技(深圳)有限公司 | 一种网页显示页面的配置方法 |
US20090228784A1 (en) * | 2008-03-04 | 2009-09-10 | Gilles Drieu | Transforms and animations of web-based content |
Also Published As
Publication number | Publication date |
---|---|
TW201120748A (en) | 2011-06-16 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
JP5134143B2 (ja) | Webページにおけるオブジェクト変位方法 | |
US9990657B2 (en) | Information display device, distribution device, information display method, and non-transitory computer readable storage medium | |
JP5324411B2 (ja) | 広告配信装置、方法及びプログラム | |
US10891423B2 (en) | Portlet display on portable computing devices | |
JP5186047B2 (ja) | オブジェクト表示装置、オブジェクト表示方法、オブジェクト表示制御プログラム、及びそのプログラムを記録したコンピュータ読み取り可能な記録媒体 | |
TWI395131B (zh) | An object control method for displaying an object in front of a link element | |
JP5563703B2 (ja) | コンテンツ配信装置、コンテンツ配信方法、コンテンツ配信プログラム及び端末用プログラム | |
KR101407124B1 (ko) | 오브젝트 제어 방법, 오브젝트 제어 프로그램을 기록한 컴퓨터 판독 가능 기록 매체 및 웹 서버 | |
JP6339550B2 (ja) | 端末用プログラム、端末装置及び端末制御方法 | |
JP7081807B2 (ja) | 閲覧状況解析装置、閲覧状況解析方法および閲覧状況解析プログラム | |
TWI399694B (zh) | Object Displacement Method in Web Page | |
JP6559280B2 (ja) | 端末用プログラム、端末装置及び端末制御方法 | |
JP6312901B2 (ja) | 端末用プログラム、端末装置及び端末制御方法 | |
JP6101654B2 (ja) | 配信装置、配信方法、配信プログラム及び制御プログラム | |
JP2017059045A (ja) | 情報表示装置、情報表示方法および情報表示プログラム | |
JP2017083959A (ja) | 選択肢情報の提示システム、方法、及びプログラム | |
JP2014170590A (ja) | 配信装置、配信方法、配信プログラム及び制御プログラム | |
JP2015007988A (ja) | コンテンツ配信装置、コンテンツ配信方法、コンテンツ配信プログラム及び端末用プログラム |