TWI503736B - Object control method, object control program and Web server - Google Patents
Object control method, object control program and Web server Download PDFInfo
- Publication number
- TWI503736B TWI503736B TW099143751A TW99143751A TWI503736B TW I503736 B TWI503736 B TW I503736B TW 099143751 A TW099143751 A TW 099143751A TW 99143751 A TW99143751 A TW 99143751A TW I503736 B TWI503736 B TW I503736B
- Authority
- TW
- Taiwan
- Prior art keywords
- size
- control method
- object control
- web
- web page
- Prior art date
Links
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
- G06F16/9577—Optimising the visualization of content, e.g. distillation of HTML documents
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06Q—INFORMATION AND COMMUNICATION TECHNOLOGY [ICT] SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES; SYSTEMS OR METHODS SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES, NOT OTHERWISE PROVIDED FOR
- G06Q30/00—Commerce
- G06Q30/02—Marketing; Price estimation or determination; Fundraising
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Databases & Information Systems (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Business, Economics & Management (AREA)
- General Engineering & Computer Science (AREA)
- Strategic Management (AREA)
- Accounting & Taxation (AREA)
- Development Economics (AREA)
- Finance (AREA)
- Data Mining & Analysis (AREA)
- Entrepreneurship & Innovation (AREA)
- Game Theory and Decision Science (AREA)
- Economics (AREA)
- Marketing (AREA)
- General Business, Economics & Management (AREA)
- Human Computer Interaction (AREA)
- User Interface Of Digital Computer (AREA)
- Information Transfer Between Computers (AREA)
- Stored Programmes (AREA)
Description
本發明係有關於在Web網頁內顯示物件之機制,尤其是有關於,將被顯示於特定要素前面的物件加以控制的處理。
<先行技術1>
用來控制被顯示於Web網頁內之物件所需的程式,係已經存在(參照專利文獻1)。具體而言,在含有被設定有前往其他Web網頁之連結之連結要素的Web網頁內,在該當連結要素之前面,顯示用來妨礙該當連結要素之點選的複數小圖示,然後在該當Web網頁內偵測到對小圖示之使用者操作時,就將該當小圖示予以位移或消除。此外,先行技術1的內容,在本案申請的時點上仍為未公開。
[先前技術文獻]
[專利文獻]
[專利文獻1]日本特願2009-249238號說明書
在Web網頁中經常配置有,被設定了前往其他Web網頁之連結的要素(例如影像、文字、按鈕等)。藉由連結的設定就可將任意Web網頁彼此直接連結這點,是Web系統的本質。一方,被設定連結之要素,通常是以讓人總是可以看見且為可點選之狀態,而被配置在網頁內。因此,尤其是在網頁內配置多數要素的情況下,使用者對於各要素之連結目標的興趣、關心就會被沖淡。
本發明的目的係為提供一種,可使使用者的意識轉往特定要素之連結目標的物件控制方法。
本發明的其他目的在於提供一種,在被設定連結之要素的前面,重疊顯示會妨礙點選之物件的物件控制方法。
本發明的另一其他目的在於提供一種,使前記物件的尺寸作變化的物件控制方法。
本發明的又再另一目的係為提供一種,偵測出複數連結要素的存取,以避免對於複數連結要素當中之至少1個連結要素的存取集中的物件控制方法。
為了解決上記課題,本發明的物件控制方法,其特徵為,令顯示含有被設定前往其他Web網頁之連結之連結要素之Web網頁的電腦終端,執行:位置特定步驟,係特定出前記連結要素的位置;和物件配置步驟,係在前記已特定之位置的前面,配置將前記連結要素的前面之至少一方予以覆蓋之尺寸的物件;和尺寸變更步驟,係變更前記物件的尺寸。
前記物件係亦可使前記連結要素變成無法點選。
亦可令前記電腦終端重複進行複數次前記尺寸變更步驟。
前記尺寸變更步驟,係亦可將前記物件之顯示尺寸予以縮小之步驟。
亦可為,前記位置特定步驟,係至少將前記連結要素的上位置予以特定之步驟;前記物件配置步驟,係將前記物件的上位置對合於前記已特定之上位置而加以固定配置之步驟;前記尺寸變更步驟,係將前記物件的縱幅予以縮小之步驟。
亦可為,前記Web網頁係含有複數前記連結要素;前記位置特定步驟,係將前記各連結要素的位置加以特定之步驟;前記物件配置步驟,係在前記已特定之各位置的前面分別配置物件之步驟;前記尺寸變更步驟,係將前記各物件之尺寸分別加以變更之步驟。
前記尺寸變更步驟係亦可為,將從前記各物件之中所選擇出來的1或複數個物件的尺寸分別加以變更之步驟。
前記尺寸變更步驟係亦可為,參照優先度資料,將從前記各物件之中依照優先度而選擇出來的1或複數個物件的尺寸分別加以變更之步驟。
前記尺寸變更步驟係亦可為,基於現在或過去的前記各連結要素的統計資料,而針對從複數連結要素之中的至少1個連結要素,將已配置在該當連結要素之前面的前記物件的尺寸加以變更之步驟。
前記尺寸變更步驟係亦可為,將前記物件置換成尺寸不同之其他物件之步驟。
又,為了解決上記課題,本發明的物件控制程式,其特徵為,令顯示含有被設定前往其他Web網頁之連結之連結要素之Web網頁的電腦終端,執行:位置特定步驟,係特定出前記連結要素的位置;和物件配置步驟,係在前記已特定之位置的前面,配置將前記連結要素的前面之至少一方予以覆蓋之尺寸的物件;和尺寸變更步驟,係變更前記物件的尺寸。
又,為了解決上記課題,本發明係一種屬於可和使用者終端連接的Web伺服器,其特徵為,具有Web資料記憶手段,係記憶著Web資料,其係至少含有:含有被設定有前往其他Web網頁之連結之連結要素的Web網頁的資料、和被內嵌在該Web網頁的上記之物件控制程式;並具備Web資料送訊手段,係隨應於來自前記使用者終端的要求,而將前記Web資料發送至該使用者終端。
讀取了本發明之物件控制程式的電腦終端,係在含有被設定前往其他Web網頁之連結之連結要素的Web網頁內,特定出該當連結要素的位置,在該當已特定之位置的前面,配置將該當連結要素的前面之至少一方予以覆蓋之尺寸的物件之後,變更該當物件的尺寸。
例如,若在連結要素的前面配置了會遮蔽該當連結要素之全面的物件後,將該當物件的尺寸緩緩縮小,則該當連結要素會緩緩出現在顯示器上。反之,若在連結要素的前面配置了會遮蔽該當連結要素之部分的物件後,將該當物件的尺寸緩緩放大,則該當連結要素會從顯示器緩緩消失。
在本發明中,連結要素係將商店街或購物商城予以具體化,物件係將店舖或商店的建築物之一部分(鐵捲門、門等)予以具體化。藉由變更已配置在特定連結要素前面的物件的尺寸,就可將特定店舖或商店的開店時‧關店時的樣子,在Web網頁上表現出來。例如,藉由使特定連結要素之全面予以遮蔽的物件的尺寸緩緩縮小,就可將特定店舖或商店的鐵捲門、門等開啟的樣子,在Web網頁上表現出來。
這些的結果係為,可集中使用者對特定連結要素的注目,可使使用者的意識轉往該當連結要素之連結目標。
藉由妨礙點選的物件,就可限制前往連結要素的存取,可期待刺激使用者的購買慾望的效果。又,將前往復數連結要素當中之部分連結要素的存取加以限制,可使存取分散至剩餘的連結要素,因此可減輕處理部分連結要素的伺服器負荷,可使伺服器全體之負荷均等化。
<定義>
‧要素…Web網頁內所被顯示之文字、影像、圖形、按鈕等之總稱。
‧連結要素…被設定有前往其他Web網頁之連結的要素。
‧物件…可在Web網頁上表現之物。在以下的說明中,係為未被設定有前往其他Web網頁之連結的(即使點選也不會發生網頁遷移的)影像要素。
<實施形態>
[1.系統構成]
圖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瀏覽器係支援腳本(例如以Java(註冊商標)Script所撰寫的程式)的解譯、執行,解譯、執行的設定係被啟用。使用者終端20,係為具有通訊機能的既存之資訊處理終端(例如個人電腦等之電子計算機)即可。
[2.物件控制程式]
[(a)特徵]
在本實施形態的系統中,係在Web伺服器10所發送的Web網頁裡內嵌腳本(物件控制程式),讓使用者終端20執行。此外,假設該當Web網頁中係複數配置有連結要素(被設定有前往其他Web網頁之連結的要素)。
讀取了物件控制程式的電腦終端,係在含有複數連結要素的Web網頁內,在數個連結要素的前面配置了物件後,緩緩變更該當物件的顯示尺寸。例如,電腦終端係在連結要素的前面,配置會遮蔽該當連結要素之全面的物件。接著,將物件的尺寸緩緩縮小。具體而言,將物件的上邊予以固定,不改變寬度,而將縱幅緩緩縮小。藉此,可連結之連結要素就會緩緩出現在顯示器上。
反之,連結要素的前面,配置會遮蔽該當連結要素之一部分的物件。具體而言,在連結要素的上邊,配置極小縱幅的物件。接著,將物件的尺寸緩緩放大。具體而言,將物件的上邊予以固定,不改變寬度,而將縱幅緩緩放大。藉此,可連結之連結要素就會從顯示器消失。
在含有複數連結要素的Web網頁內,顯示在連結要素前面的物件,係彼此獨立地變更尺寸,較為理想。
藉由連結要素所對應之現在或過去的各種存取資料、統計資料(例如瀏覽次數(PV)、點選率(CTR)、訂購數等),就可變更該連結要素的前面所配置的物件的尺寸。例如,在1個連結要素中,現在存取數是比其他連結要素的現在存取數還大時,就將該1個連結要素的前面所配置的物件的尺寸,變成比其他連結要素的前面所配置的物件的尺寸還大。又,例如,在1個連結要素中,過去存取數是比其他連結要素的同時刻之過去存取數還小時,就將該1個連結要素的前面所配置的物件的尺寸,變成比其他連結要素的前面所配置的物件的尺寸還小。
甚至,隨著現在的伺服器負荷,而辨識出欲讓人存取的連結要素、不欲讓人存取的連結要素。對於欲讓人存取的連結要素,將連結要素的前面的物件的尺寸予以縮小而使其顯示成連結要素的點選較為容易。對於不欲讓人存取的連結要素,將連結要素的前面的物件的尺寸予以加大而使其顯示成連結要素的點選較為困難。
連結要素的選定,係可利用現在的存取資料、利用回朔一定週期時的一定期間之過去資料、利用現在的伺服器負荷等。無論何種情況,均只要設定閾值、以該閾值為基準來選定要素即可。
(實施形態1)在數個連結要素的前面,配置了會遮蔽該當各連結要素之全面的顯示尺寸之物件後,將該當物件的顯示尺寸緩緩縮小。藉此,該當連結要素會緩緩出現在顯示器上。
(實施形態2)在數個連結要素的前面配置了適當顯示尺寸的物件後,將該當物件的顯示尺寸緩緩放大而將該當連結要素之全面予以遮蔽。藉此,該當連結要素會從顯示器上緩緩消失。
於Web網頁中,連結要素係將商店街或購物商城予以具體化,物件係將店舖或商店的建築物之一部分(鐵捲門、門等)予以具體化。藉由變更已配置在特定連結要素前面的物件的顯示尺寸,就可將特定店舖或商店的開店時‧關店時的樣子,在Web網頁上表現出來。例如,藉由使特定連結要素之全面予以遮蔽的物件的顯示尺寸緩緩縮小,就可將特定店舖或商店的鐵捲門、門等開啟的樣子,在Web網頁上表現出來。
這些的結果係為,可集中使用者對該當連結要素的注目,可使使用者的意識轉往特定連結要素之連結目標。又,將物件設成未被設定有前往其他Web網頁之連結的(即使點選也不會發生網頁遷移的)影像,重疊配置在連結要素的前面,藉此可實現視覺上及機能上的遮蔽效果。
[(b)執行程序]
圖2係圖示本實施形態之系統中的物件控制程式的執行程序。
[11]使用者終端20,係對Web伺服器10指定URL而要求Web網頁(S205a)。Web伺服器10係一旦從使用者終端20接收Web網頁的要求(S205b),則將所被指定之URL所對應之HTML資料,從WebDB11中抽出(S210b),因應需要,參照使用者DB12及利用履歷DB13,發送至使用者終端20(S215b)。使用者終端20,係從Web伺服器10接收HTML資料(S215a),在顯示器上顯示Web網頁(S220a)。
[12]使用者終端20,係對Web伺服器10指定URL而要求HTML資料內的參照資料(S225a)。Web伺服器10係一旦從使用者終端20接收參照資料的要求(S225b),則將所被指定之URL所對應之參照資料,從WebDB11中抽出(S230b),因應需要,參照使用者DB12及利用履歷DB13,發送至使用者終端20(S235b)。使用者終端20,係一旦從Web伺服器10接收參照資料(S235a),便讀取該當參照資料(S240a),因應需要而使其反映在顯示中的Web網頁上。
[13]使用者終端20,係判定Web網頁(含有參照資料)的載入是否完成(S245a)。若載入尚未完成(S245a中No),則返回上記[12],再取得其他的參照資料。另一方面,若載入完成(S245a中Yes),則前進至下記[14],開始執行腳本(物件控制程式)。
[14]執行初期化處理(S250a、圖3)及顯示切換處理(S255a、圖4)。又,每隔所定時間(例如每100微秒)就重複執行顯示切換處理。
[3.初期化處理]
[(a)初期化處理之程序]
圖3係圖示初期化處理之程序。此處係例示了,在所定數(本實施形態中係為9個)的連結要素的前面,分別配置物件(影像要素)的程序。假設對Web網頁中的特定連結要素,分別賦予了含有連號之數值的識別元(id)。
如圖3所示,使用者終端20係藉由下記[21]~[25]之程序,來執行初期化處理。此外,在以下的說明中,將第i個連結要素(含i之識別元所被賦予之連結要素),表示成連結要素[i]。又,將連結要素[i]的前面所被配置的物件,表示成物件[i]。
[21]在表示連結要素或物件號碼的計數器i中,代入初期值1(S305)。
[22]取得連結要素[i]的位置、大小(S310)。
[23]生成物件[i](S315),調整其屬性(S320)。
[24]將物件[i]配置在Web網頁內的所定位置(S325)。例如,將上記[23]中所生成的物件[i](<img>要素),追加至HTML資料的<body>子要素。
[25]判定計數器i是否等於所定數(在本實施形態中係為9)(S330)。當計數器i等於所定數時(S330中Yes),結束初期化處理。另一方面,當計數器i不等於所定數時(S330中No),則對計數器i加算1(S335),返回上記[22]。
[(b)關於屬性的調整]
於上記程序[22]中,使用者終端20係取得連結要素[i]的位置、大小(S310)。又,於上記程序[23]中,使用者終端20,係調整物件[i]的屬性(S320)。
各實施形態中的具體程序,係如以下所示。
(實施形態1)將連結要素[i]的左上位置之像素座標、橫幅及縱幅,加以特定。然後,將物件[i]的左上位置之像素座標、橫幅、縱幅,分別設定成物件[i]的左上位置之像素座標、橫幅、縱幅。
(實施形態2)至少將連結要素[i]的左上位置之像素座標及橫幅,加以特定。然後,將物件[i]的左上位置之像素座標、橫幅,分別設定成物件[i]的左上位置之像素座標、橫幅。又,將物件[i]的縱幅設定成所定值(例如10像素、0像素)。
此外,上記程序係想定將物件的上位置加以固定,將顯示尺寸僅在上下方向予以縮小/放大。
物件[i]的屬性,係隨著連結要素[i]的屬性、物件[i]的固定位置及縮小/放大之方向,而作適宜設定即可。
例如有以下的設定樣態。
‧將物件的左位置加以固定,將顯示尺寸在左右方向上予以縮小/放大時,係例如設定物件[i]的左上或左下位置、縱幅、橫幅等。
‧將物件的右位置加以固定,將顯示尺寸在左右方向上予以縮小/放大時,係例如設定物件[i]的右上或右下位置、縱幅、橫幅等。
又,亦可將物件的上或下、左或右2方向的位置加以固定,將顯示尺寸在上下及左右之2方向上縮小/放大。
[4.顯示切換處理]
[4-1.顯示切換處理之概要]
[(a)顯示切換處理之程序]
圖4係圖示顯示切換處理之程序。如上述,顯示切換處理係被設定成,每隔所定時間(例如每100微秒)就重複執行(參照圖2的S255a)。此外,在以下的說明中,將第i個連結要素(含i之識別元所被賦予之連結要素),表示成連結要素[i]。又,將連結要素[i]的前面所被配置的物件,表示成物件[i]。
[31]選擇尺寸變更處理之對象的物件,將其號碼代入至變數j(S405)。
[32]以所選擇的物件為對象,執行尺寸變更處理(S410)。實施形態1中的尺寸變更處理之程序,示於圖5。又,實施形態2中的尺寸變更處理之程序,示於圖10。
[(b)關於對象物件之選擇]
於上記程序[31]中,使用者終端20係選擇尺寸變更處理之對象的物件,將其號碼代入至變數j(S405)。對象之物件,係如以下選擇即可。
‧按照識別元(id)的號碼順序依序選擇。
‧隨機選擇。例如,生成所定範圍內的亂數值,隨著該當亂數值而選擇對象之物件。
‧依照優先度而選擇。例如,先從Web伺服器10作為參照資料而將記載著各連結要素之優先度的優先度資料(例如JSON形式的檔案)加以接收(圖2的S225a~S235a),以所對應之連結要素的優先度之高低或與其倒數成比例的機率,來選擇物件。選擇的處理中,亦可利用亂數。
此外,亦可選擇複數物件,將所選擇的各物件當作尺寸變更處理之對象。例如,參照上記優先度資料,對每一物件,隨著所對應之連結要素的優先度之高低而決定是否選擇。
[(c)關於優先度資料]
優先度資料中係事前對每一連結要素(連結要素的識別元(id)),將優先度以數值加以記憶。優先度的質,係例如用以下的觀點來設定即可。
‧依照使用者屬性(性別‧年齡層)而設定。例如,若使用使用者終端20的使用者是已認證,則將來自與該當使用者具有同一屬性之使用者的人氣(例如連結目標的瀏覽率、透過連結目標的商品訂購率等)較高的連結要素的優先度,設定得較高。
‧依照伺服器負荷而設定。例如,將管理著連結目標網頁的伺服器的負荷較高的連結要素的優先度,設定得較低。
‧任意設定。例如,將想要讓較多使用者注意的連結要素的優先度,設定得較高。
[4-2.實施形態1的尺寸變更處理]
[(a)尺寸變更處理之程序]
圖5中係圖示了使用者終端20所進行之尺寸變更處理之程序。
[41]對變數a,代入顯示尺寸的縮小量(像素數)(S505)。
[42]對變數b,代入物件[j]的現在之縱幅(像素數)(S510)。
[43]判定判定式「(b-a)>0」的真偽(S515)。判定式為真時(S515中Yes),將物件[j]的縱幅變更成(b-a)(S520)。另一方面,當判定式是偽時(S515中No),不做任何事。
[(b)顯示例]
圖6~圖9中係圖示了Web網頁的顯示例。在實施形態1中,是在數個連結要素的前面,配置了會遮蔽該當各連結要素之全面的顯示尺寸之物件後,將該當物件的顯示尺寸緩緩縮小。圖6~圖9係為連結要素緩緩出現在顯示器上之樣子的顯示例。
(圖6)於Web網頁(600)中,物件(610a)係被配置在連結要素(圖7~圖9的610b)之前面,將該當連結要素之全面予以遮蔽。至於其他物件也是同樣如此。
(圖7)物件(610a)的顯示尺寸(縱幅)被縮小,連結要素(610b)的一部分出現在顯示器上。至於其他物件及連結要素也是同樣如此。
(圖8)物件(610a)的顯示尺寸(縱幅)被更進一步縮小,連結要素(610b)的大部分出現在顯示器上。至於其他物件及連結要素也是同樣如此。
(圖9)物件(610a)的顯示尺寸(縱幅)被更進一步縮小,連結要素(610b)幾乎全面出現在顯示器上。至於其他物件及連結要素也是同樣如此。
[(c)效果]
由這些顯示例也可得知,在連結要素的前面,配置了會遮蔽該當連結要素全面之顯示尺寸之物件(圖6~圖9的顯示例中係為模仿鐵捲門的影像)後,將該當物件的上位置予以固定,將顯示尺寸(縱幅)緩緩縮小,藉此以將特定店舖或商店的鐵捲門開啟的樣子,在Web網頁上表現出來。藉此,可集中使用者對該當連結要素的注目,可使使用者的意識轉往特定連結要素之連結目標。
[(d)其他]
圖6~圖9中係亦可表現如以下之附加構成。
‧在各連結要素的周邊配置模仿人的影像(小人影像)(圖6的620等)。藉此,就可讓人聯想到,使用者在店舖前面排隊的樣子。該當小人影像,係在所定的時序上消去即可。
‧將上記小人影像,以模仿道路之影像中的所定位置為出發點,使其在所定路徑(Web網頁內的間隙)移動後,配置在任一連結的周邊(圖7的630、圖8的640等)。藉此,就可讓人聯想到排隊逐漸變多的樣子。
‧上記小人影像,係為反映出使用者之屬性(性別、年齡層等)之色彩、形狀。又,各小人影像的移動目的地,係隨著關於各連結目標的統計資料(每一使用者屬性的瀏覽數、商品訂購率等)而決定。藉此,就可將每一使用者屬性的連結目標之人氣程度,以視覺方式呈現。
[4-3.實施形態2的尺寸變更處理]
[(a)尺寸變更處理之程序]
圖10中係圖示了使用者終端20所進行之尺寸變更處理之程序。
[51]對變數a,代入顯示尺寸的放大量(像素數)(S1005)。
[52]對變數b,代入物件[j]的現在之縱幅(像素數)(S1010)。
[53]對變數c,代入連結要素[j]的縱幅(像素數)(S1015)。
[54]判定判定式「(a+b)<c」的真偽(S1020)。判定式為真時(S1020中Yes),將物件[j]的縱幅變更成(a+b)(S1025)。另一方面,判定式為偽時(S1020中No),將物件[j]的縱幅變更成c(S1030)。此時,將物件[j]的參照目標影像,變更成所定影像即可。
[(b)顯示例]
圖11~圖14中係圖示了Web網頁的顯示例。在實施形態2中,在數個連結要素的前面,配置了適當顯示尺寸(不遮蔽連結要素全面的所定之顯示尺寸)的物件後,將該當物件的顯示尺寸緩緩放大而將該當連結要素之全面予以遮蔽。圖11~圖14係為連結要素從顯示器上緩緩消失之樣子的顯示例。
(圖11)於Web網頁(1100)中,所定顯示尺寸之物件(1110a)是被配置在連結要素(1110b)的前面。至於其他物件及連結要素也是同樣如此。
(圖12)物件(1110a)的顯示尺寸(縱幅)被放大,連結要素(1110b)的一部分是從顯示器上消失。至於其他物件及連結要素也是同樣如此。
(圖13)物件(1110a)的顯示尺寸(縱幅)被更加放大,連結要素(1110b)的大部分是從顯示器上消失。至於其他物件及連結要素也是同樣如此。
(圖14)物件(1110a)的顯示尺寸(縱幅)被更加放大,連結要素(1110b)在顯示器上被完全遮蔽。至於其他物件及連結要素也是同樣如此。
[(c)效果]
由這些顯示例也可得知,在連結要素的前面,配置了適當顯示尺寸之物件(圖11~圖14的顯示例中係為模仿鐵捲門的影像)後,將該當物件的上位置予以固定,將顯示尺寸(縱幅)緩緩放大,藉此以將特定店舖或商店的鐵捲門關閉的樣子,在Web網頁上表現出來。藉此,可集中使用者對該當連結要素的注目,可使使用者的意識轉往特定連結要素之連結目標。還可以期待促進對該當連結要素之點選操作的效果。
[(d)其他]
圖11~圖14中係亦可表現如以下之附加構成。
‧在各連結要素的周邊配置模仿人的影像(小人影像)(圖11的1120等)。藉此,就可讓人聯想到,使用者在店舖前面排隊的樣子。該當小人影像,係在所定的時序上消去即可。
‧將上記小人影像,以模仿道路之影像中的所定位置為出發點,使其在所定路徑(Web網頁內的間隙)移動後,配置在任一連結的周邊(圖12的1130、圖13的1140等)。藉此,就可讓人聯想到排隊逐漸變多的樣子。
‧上記小人影像,係為反映出使用者之屬性(性別、年齡層等)之色彩、形狀。又,各小人影像的移動目的地,係隨著關於各連結目標的統計資料(每一使用者屬性的瀏覽數、商品訂購率等)而決定。藉此,就可將每一使用者屬性的連結目標之人氣程度,以視覺方式呈現。
[5.變形例等]
[5-1.1切換成尺寸階段性較小的其他物件(變形例1)]
在實施形態1中,於物件的尺寸的縮小處理中,採用了縮小顯示尺寸的手法(圖5的S520)。相對於此,於物件的尺寸的縮小處理中,亦可採用將物件的參照目標影像,變更成尺寸小1階段之其他影像(同種類的影像、類似的影像等)之手法。顯示器上的顯示及所得之效果是和實施形態1相同,但在資料容量的觀點上,變更顯示尺寸的手法較為理想。
圖15中係圖示了使用者終端20所進行之尺寸變更處理之程序。此外,於圖15中,與圖5標示同一符號的處理步驟,係為相同的處理。
[61]對變數a,代入顯示尺寸的縮小量(像素數)(S505)。
[62]對變數b,代入物件[j]的現在之縱幅(像素數)(S510)。
[63]判定判定式「(b-a)>0」的真偽(S515)。判定式為真時(S515中Yes),將物件[j]的參照目標影像,變更成小1階段的影像(S1520)。另一方面,當判定式是偽時(S515中No),不做任何事。
[5-2.1切換成尺寸階段性較大的其他物件(變形例2)]
在實施形態2中,於物件的尺寸的放大處理中,採用了放大顯示尺寸的手法(圖10的S1025)。相對於此,於物件的尺寸的放大處理中,亦可採用將物件的參照目標影像,變更成尺寸大1階段之其他影像(同種類的影像、類似的影像等)之手法。顯示器上的顯示及所得之效果是和實施形態2相同,但在資料容量的觀點上,變更顯示尺寸的手法較為理想。
圖16中係圖示了使用者終端20所進行之尺寸變更處理之程序。此外,於圖16中,與圖10標示同一符號的處理步驟,係為相同的處理。
[71]對變數a,代入顯示尺寸的放大量(像素數)(S1005)。
[72]對變數b,代入物件[j]的現在之縱幅(像素數)(S1010)。
[73]對變數c,代入連結要素[j]的縱幅(像素數)(S1015)。
[74]判定判定式「(a+b)<c」的真偽(S1020)。判定式為真時(S1020中Yes),將物件[j]的參照目標影像,變更成大1階段的影像(S1625)。另一方面,判定式為偽時(S1020中No),將物件[j]的參照目標影像,變更成會遮蔽連結要素[j]之尺寸的所定影像(S1630)。
[5-3.在1個連結要素的前面配置複數物件(變形例3)]
在實施形態1及2中,是在1個連結要素的前面,配置了1個物件(圖3的S310~S325)。尺寸變更處理之對象,係為該當1個物件。相對於此,亦可在1個連結要素的前面,配置複數物件。
例如,若可如以下般地調整各物件之屬性,執行尺寸變更處理,則可將被中心線分割為2的2個物件(影像)在上下方向縮小的樣子,在Web網頁上表現出來。
‧連結要素[i]的左上位置及右上位置的各像素座標、橫幅及縱幅,加以特定。
‧物件[i][1]的左上位置之像素座標、橫幅、縱幅,分別設定成物件[i]的左上位置之像素座標、橫幅的1/2、縱幅。
‧物件[i][2]的右上位置之像素座標、橫幅、縱幅,分別設定成物件[i]的右上位置之像素座標、橫幅的1/2、縱幅。
‧將物件[i][1]及物件[i][2]的縱幅予以縮小。
例如,若可如以下般地調整各物件之屬性,執行尺寸變更處理,則可將2個物件(影像)以中心線為對稱軸而在左右方向上縮小的樣子,在Web網頁上表現出來。
‧連結要素[i]的左上位置及右上位置的各像素座標、橫幅及縱幅,加以特定。
‧物件[i][1]的左上位置之像素座標、橫幅、縱幅,分別設定成物件[i]的左上位置之像素座標、橫幅的1/2、縱幅。
‧物件[i][2]的右上位置之像素座標、橫幅、縱幅,分別設定成物件[i]的右上位置之像素座標、橫幅的1/2、縱幅。
‧將物件[i][1]及物件[i][2]的橫幅予以縮小。
[5-4.其他]
亦可在縮小量或放大量中,採用庫存的概念。當連結要素的連結目標是商品販售網頁、服務提供網頁等之EC網站的Web網頁時,可構成為,連動於透過該當網頁所販售之商品或所提供之服務的庫存數,來進行縮小動作或放大動作。例如,假設「連結要素之尺寸=進貨數」,然後設「物件的尺寸=販售數=進貨數-庫存數」,則可在網站上動態地表現出庫存量。
10...Web伺服器
11...WebDB
20...使用者終端
30...網際網路
600...Web網頁
1100...Web網頁
[圖1]系統構成的區塊圖。(實施形態)
[圖2]物件控制程式的執行程序的流程圖。(實施形態)
[圖3]初期化處理之程序的流程圖。(實施形態)
[圖4]顯示切換處理之程序的流程圖。(實施形態)
[圖5]尺寸變更處理之程序的流程圖。(實施形態1)
[圖6]Web網頁的顯示例。(實施形態1)
[圖7]Web網頁的顯示例。(實施形態1)
[圖8]Web網頁的顯示例。(實施形態1)
[圖9]Web網頁的顯示例。(實施形態1)
[圖10]尺寸變更處理之程序的流程圖。(實施形態2)
[圖11]Web網頁的顯示例。(實施形態2)
[圖12]Web網頁的顯示例。(實施形態2)
[圖13]Web網頁的顯示例。(實施形態2)
[圖14]Web網頁的顯示例。(實施形態2)
[圖15]尺寸變更處理之程序的流程圖。[變形例1]
[圖16]尺寸變更處理之程序的流程圖。[變形例2]
10...Web伺服器
11...WebDB
12...使用者DB
13...利用履歷DB
20...使用者終端
Claims (10)
- 一種物件控制方法,其特徵為,令顯示含有複數被設定前往其他Web網頁之連結之連結要素之Web網頁的電腦終端,執行:位置特定步驟,係特定出前記各連結要素的位置;和物件配置步驟,係在前記已特定之各位置的前面,分別配置將前記連結要素的前面之至少一方予以覆蓋之尺寸的物件;和尺寸變更步驟,係將從複數連結要素之中所選擇出來的至少1個連結要素的前面所配置的前記物件的尺寸,基於該當已選擇之連結要素的現在或過去的統計資料而予以變更。
- 如申請專利範圍第1項所記載之物件控制方法,其中,物件控制方法的特徵為,前記物件係使前記連結要素變成無法點選。
- 如申請專利範圍第1項或第2項所記載之物件控制方法,其中,物件控制方法的特徵為,令前記電腦終端重複進行複數次前記尺寸變更步驟。
- 如申請專利範圍第3項所記載之物件控制方法,其中,物件控制方法的特徵為,前記尺寸變更步驟,係將前記物件之顯示尺寸予以縮放之步驟。
- 如申請專利範圍第4項所記載之物件控制方法,其中,物件控制方法的特徵為, 前記位置特定步驟,係至少將前記連結要素的上位置予以特定之步驟;前記物件配置步驟,係將前記物件的上位置對合於前記已特定之上位置而加以固定配置之步驟;前記尺寸變更步驟,係將前記物件的縱幅予以縮小之步驟。
- 如申請專利範圍第1項所記載之物件控制方法,其中,物件控制方法的特徵為,前記尺寸變更步驟,係參照優先度資料,將從前記各物件之中依照優先度而選擇出來的1或複數個物件的尺寸分別加以變更之步驟。
- 如申請專利範圍第1項或第2項所記載之物件控制方法,其中,物件控制方法的特徵為,前記尺寸變更步驟,係將前記物件置換成尺寸不同之其他物件之步驟。
- 如申請專利範圍第1項所記載之物件控制方法,其中,前記統計資料係為,該當連結要素之連結目標的瀏覽次數、對該當連結要素的點選率及該當連結要素之連結目標的商品或服務的訂購數之其中一者。
- 一種物件控制程式,其特徵為,令顯示含有複數被設定前往其他Web網頁之連結之連結要素之Web網頁的電腦終端,執行:位置特定步驟,係特定出前記各連結要素的位置;和 物件配置步驟,係在前記已特定之各位置的前面,分別配置將前記連結要素的前面之至少一方予以覆蓋之尺寸的物件;和尺寸變更步驟,係將從複數連結要素之中所選擇出來的至少1個連結要素的前面所配置的前記物件的尺寸,基於該當已選擇之連結要素的現在或過去的統計資料而予以變更。
- 一種Web伺服器,係屬於可和使用者終端連接的Web伺服器,其特徵為,具有Web資料記憶手段,係記憶著Web資料,其係至少含有:含有被設定有前往其他Web網頁之連結之連結要素的Web網頁的資料、和被內嵌在該Web網頁的物件控制程式;並具備Web資料送訊手段,係隨應於來自前記使用者終端的要求,而將前記Web資料發送至該使用者終端;前記物件控制程式係為,令顯示含有複數被設定前往其他Web網頁之連結之連結要素之Web網頁的電腦終端,執行:位置特定步驟,係特定出前記各連結要素的位置;和物件配置步驟,係在前記已特定之各位置的前面,分別配置將前記連結要素的前面之至少一方予以覆蓋之尺寸的物件;和尺寸變更步驟,係將從複數連結要素之中所選擇出來的至少1個連結要素的前面所配置的前記物件的尺寸,基 於該當已選擇之連結要素的現在或過去的統計資料而予以變更。
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
JP2009299011 | 2009-12-29 |
Publications (2)
Publication Number | Publication Date |
---|---|
TW201142693A TW201142693A (en) | 2011-12-01 |
TWI503736B true TWI503736B (zh) | 2015-10-11 |
Family
ID=44226403
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
TW099143751A TWI503736B (zh) | 2009-12-29 | 2010-12-14 | Object control method, object control program and Web server |
Country Status (8)
Country | Link |
---|---|
US (1) | US8984391B2 (zh) |
EP (1) | EP2498173A4 (zh) |
JP (1) | JP5318968B2 (zh) |
KR (1) | KR101407124B1 (zh) |
CN (1) | CN102687106B (zh) |
BR (1) | BR112012015920A2 (zh) |
TW (1) | TWI503736B (zh) |
WO (1) | WO2011080983A1 (zh) |
Families Citing this family (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US9471547B1 (en) | 2011-09-23 | 2016-10-18 | Amazon Technologies, Inc. | Navigating supplemental information for a digital work |
USD740839S1 (en) * | 2012-09-18 | 2015-10-13 | Fanhattan, Inc. | Display screen with graphical user interface for live media content |
USD742395S1 (en) * | 2012-09-18 | 2015-11-03 | Fanhattan, Inc. | Display screen with graphical user interface for live media content |
CN108363749B (zh) * | 2018-01-29 | 2019-03-01 | 上海星佑网络科技有限公司 | 用于信息处理的方法和装置 |
Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20040098320A1 (en) * | 2001-05-18 | 2004-05-20 | Nikon Corporation | Method for providing a bulletin board for placing an image and method for providing electronic album service |
US20050071864A1 (en) * | 2003-09-26 | 2005-03-31 | Fuji Xerox Co., Ltd. | Systems and methods for using interaction information to deform representations of digital content |
US7234107B1 (en) * | 1999-01-26 | 2007-06-19 | International Business Machines Corporation | System for customizing web page |
CN101281535A (zh) * | 2007-04-06 | 2008-10-08 | 株式会社Ntt都科摩 | 在虚拟空间内的区域中进行引导的方法以及装置 |
JP2008250578A (ja) * | 2007-03-30 | 2008-10-16 | Xing Inc | ポイント算出方法、ポイント算出システム、表示通信機およびコンピュータプログラム |
TW200910186A (en) * | 2007-08-27 | 2009-03-01 | Rakuten Inc | Information processing apparataus, method, and program |
Family Cites Families (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
JP2004177936A (ja) | 2002-09-02 | 2004-06-24 | Hiromitsu Takayama | 広告配信方法、広告配信システム、広告配信サーバ、クライアント端末 |
US8117546B2 (en) * | 2007-08-26 | 2012-02-14 | Cyberlink Corp. | Method and related display device for displaying pictures in digital picture slide show |
JP5326077B2 (ja) | 2008-04-08 | 2013-10-30 | 独立行政法人産業技術総合研究所 | 炭素材料の製造方法 |
WO2011052513A1 (ja) | 2009-10-29 | 2011-05-05 | 楽天株式会社 | リンク要素の前面にオブジェクトを表示するためのオブジェクト制御方法 |
-
2010
- 2010-11-30 JP JP2011547429A patent/JP5318968B2/ja active Active
- 2010-11-30 EP EP10840842.8A patent/EP2498173A4/en not_active Withdrawn
- 2010-11-30 CN CN201080059473.9A patent/CN102687106B/zh active Active
- 2010-11-30 US US13/519,465 patent/US8984391B2/en active Active
- 2010-11-30 KR KR1020127019806A patent/KR101407124B1/ko active IP Right Grant
- 2010-11-30 WO PCT/JP2010/071370 patent/WO2011080983A1/ja active Application Filing
- 2010-11-30 BR BR112012015920A patent/BR112012015920A2/pt not_active Application Discontinuation
- 2010-12-14 TW TW099143751A patent/TWI503736B/zh active
Patent Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US7234107B1 (en) * | 1999-01-26 | 2007-06-19 | International Business Machines Corporation | System for customizing web page |
US20040098320A1 (en) * | 2001-05-18 | 2004-05-20 | Nikon Corporation | Method for providing a bulletin board for placing an image and method for providing electronic album service |
US20050071864A1 (en) * | 2003-09-26 | 2005-03-31 | Fuji Xerox Co., Ltd. | Systems and methods for using interaction information to deform representations of digital content |
JP2008250578A (ja) * | 2007-03-30 | 2008-10-16 | Xing Inc | ポイント算出方法、ポイント算出システム、表示通信機およびコンピュータプログラム |
CN101281535A (zh) * | 2007-04-06 | 2008-10-08 | 株式会社Ntt都科摩 | 在虚拟空间内的区域中进行引导的方法以及装置 |
TW200910186A (en) * | 2007-08-27 | 2009-03-01 | Rakuten Inc | Information processing apparataus, method, and program |
Also Published As
Publication number | Publication date |
---|---|
US20120290912A1 (en) | 2012-11-15 |
JPWO2011080983A1 (ja) | 2013-05-09 |
EP2498173A4 (en) | 2016-04-13 |
KR20120109589A (ko) | 2012-10-08 |
US8984391B2 (en) | 2015-03-17 |
JP5318968B2 (ja) | 2013-10-16 |
WO2011080983A1 (ja) | 2011-07-07 |
TW201142693A (en) | 2011-12-01 |
BR112012015920A2 (pt) | 2016-04-19 |
CN102687106B (zh) | 2016-09-07 |
CN102687106A (zh) | 2012-09-19 |
EP2498173A1 (en) | 2012-09-12 |
KR101407124B1 (ko) | 2014-06-13 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US10949491B2 (en) | Method and apparatus for using proxies to interact with webpage analytics | |
US7770122B1 (en) | Codeless dynamic websites including general facilities | |
US20080301579A1 (en) | Interactive interface for navigating, previewing, and accessing multimedia content | |
JP5837108B2 (ja) | 配信装置、端末装置、配信方法および配信プログラム | |
JP5580924B1 (ja) | 配信装置、端末装置、配信方法及び配信プログラム | |
TWI503736B (zh) | Object control method, object control program and Web server | |
US10810635B2 (en) | Server apparatus, terminal apparatus, non-transitory computer-readable storage medium having information processing program stored therein, information processing system, information processing method, and data structure | |
US20110125571A1 (en) | Method and system for speed efficient and relevancy efficient advertising through a web enabled element | |
JP5749819B1 (ja) | 配信装置、端末装置、配信方法及び配信プログラム | |
JP6162773B2 (ja) | 配信装置、端末装置、配信方法、配信プログラム、端末プログラム及び制御プログラム | |
JP5616503B1 (ja) | 配信装置、端末装置、配信方法及び配信プログラム | |
JP6553783B1 (ja) | 情報表示プログラム、情報表示装置、情報表示方法および配信装置 | |
JP2015099557A (ja) | 配信装置、端末装置、配信方法、配信プログラム及び端末プログラム | |
JP6243204B2 (ja) | 配信装置、端末装置、配信方法、配信プログラム及び端末プログラム | |
JP6262798B2 (ja) | 表示プログラム、表示方法、配信装置、配信方法及び配信プログラム | |
JP6761839B2 (ja) | 情報表示プログラム、情報表示装置、情報表示方法および配信装置 | |
JP6465920B2 (ja) | 配信装置、端末装置、配信方法及び配信プログラム | |
JP6242315B2 (ja) | 配信装置、表示プログラム、配信方法及び配信プログラム | |
JP6783598B2 (ja) | 表示制御プログラム、表示制御方法、及び端末装置 | |
JP5923141B2 (ja) | 配信装置、端末装置、配信方法、配信プログラム及びサーバ装置 | |
JP5290230B2 (ja) | 画像制御プログラム、表示制御装置及び、画像制御方法 | |
TWI345715B (en) | Graphical webpage browsing system based on client and method thereof | |
JP2012048351A (ja) | ウェブページ利用補助情報表示制御装置およびその動作方法 | |
JP2015152930A (ja) | 配信装置、端末装置、配信方法及び配信プログラム | |
TW201120748A (en) | Object displacement method for a web page |