TWI608366B - 資訊處理裝置、資訊處理方法、記憶媒體 - Google Patents
資訊處理裝置、資訊處理方法、記憶媒體 Download PDFInfo
- Publication number
- TWI608366B TWI608366B TW105134306A TW105134306A TWI608366B TW I608366 B TWI608366 B TW I608366B TW 105134306 A TW105134306 A TW 105134306A TW 105134306 A TW105134306 A TW 105134306A TW I608366 B TWI608366 B TW I608366B
- Authority
- TW
- Taiwan
- Prior art keywords
- content
- scrolling
- reference position
- web page
- side reference
- Prior art date
Links
- 230000010365 information processing Effects 0.000 title claims description 50
- 238000003672 processing method Methods 0.000 title claims description 7
- 238000012545 processing Methods 0.000 claims description 57
- 238000000034 method Methods 0.000 claims description 54
- 230000008569 process Effects 0.000 claims description 34
- 230000006870 function Effects 0.000 claims description 15
- 239000000463 material Substances 0.000 claims description 6
- 238000010586 diagram Methods 0.000 description 19
- 238000004891 communication Methods 0.000 description 8
- 230000004044 response Effects 0.000 description 7
- 230000004048 modification Effects 0.000 description 6
- 238000012986 modification Methods 0.000 description 6
- 230000005540 biological transmission Effects 0.000 description 5
- 238000005096 rolling process Methods 0.000 description 4
- 230000006399 behavior Effects 0.000 description 3
- 230000007704 transition Effects 0.000 description 3
- 230000000694 effects Effects 0.000 description 2
- 230000003287 optical effect Effects 0.000 description 2
- 239000004065 semiconductor Substances 0.000 description 2
- 230000015572 biosynthetic process Effects 0.000 description 1
- 230000008859 change Effects 0.000 description 1
- 238000012790 confirmation Methods 0.000 description 1
- 230000007423 decrease Effects 0.000 description 1
- 238000005401 electroluminescence Methods 0.000 description 1
- 239000004973 liquid crystal related substance Substances 0.000 description 1
- 230000005012 migration Effects 0.000 description 1
- 238000013508 migration Methods 0.000 description 1
- 238000010295 mobile communication Methods 0.000 description 1
- 238000012546 transfer Methods 0.000 description 1
- 230000000007 visual effect Effects 0.000 description 1
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T3/00—Geometric image transformations in the plane of the image
- G06T3/20—Linear translation of whole images or parts thereof, e.g. panning
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F13/00—Interconnection of, or transfer of information or other signals between, memories, input/output devices or central processing units
-
- 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]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/0485—Scrolling or panning
-
- 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/14—Digital output to display device ; Cooperation and interconnection of the display device with other functional units
- G06F3/1423—Digital output to display device ; Cooperation and interconnection of the display device with other functional units controlling a plurality of local displays, e.g. CRT and flat panel display
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F40/00—Handling natural language data
- G06F40/10—Text processing
- G06F40/103—Formatting, i.e. changing of presentation of documents
- G06F40/106—Display of layout of documents; Previewing
-
- G—PHYSICS
- G09—EDUCATION; CRYPTOGRAPHY; DISPLAY; ADVERTISING; SEALS
- G09G—ARRANGEMENTS OR CIRCUITS FOR CONTROL OF INDICATING DEVICES USING STATIC MEANS TO PRESENT VARIABLE INFORMATION
- G09G5/00—Control arrangements or circuits for visual indicators common to cathode-ray tube indicators and other visual indicators
- G09G5/34—Control arrangements or circuits for visual indicators common to cathode-ray tube indicators and other visual indicators for rolling or scrolling
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T11/00—2D [Two Dimensional] image generation
- G06T11/60—Editing figures and text; Combining figures or text
-
- G—PHYSICS
- G09—EDUCATION; CRYPTOGRAPHY; DISPLAY; ADVERTISING; SEALS
- G09G—ARRANGEMENTS OR CIRCUITS FOR CONTROL OF INDICATING DEVICES USING STATIC MEANS TO PRESENT VARIABLE INFORMATION
- G09G2370/00—Aspects of data communication
- G09G2370/02—Networking aspects
- G09G2370/022—Centralised management of display operation, e.g. in a server instead of locally
-
- G—PHYSICS
- G09—EDUCATION; CRYPTOGRAPHY; DISPLAY; ADVERTISING; SEALS
- G09G—ARRANGEMENTS OR CIRCUITS FOR CONTROL OF INDICATING DEVICES USING STATIC MEANS TO PRESENT VARIABLE INFORMATION
- G09G2370/00—Aspects of data communication
- G09G2370/02—Networking aspects
- G09G2370/027—Arrangements and methods specific for the display of internet documents
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- Human Computer Interaction (AREA)
- Computer Hardware Design (AREA)
- Artificial Intelligence (AREA)
- Computational Linguistics (AREA)
- General Health & Medical Sciences (AREA)
- Audiology, Speech & Language Pathology (AREA)
- Health & Medical Sciences (AREA)
- User Interface Of Digital Computer (AREA)
- Information Transfer Between Computers (AREA)
Description
本發明係有關於資訊處理裝置和程式、資訊處理方法、實現資訊處理裝置的程式、及記憶程式的記憶媒體,尤其是有關於,涉及係網頁上之內容顯示控制的技術領域。
〔專利文獻1〕日本特開2014-186541號公報
在網頁中,除了主要的內容以外,例如還會提示特定之對象影像。例如,若舉部落格(網誌)之網頁為例,則作為部落格文章記事的主要內容以外,還會進行廣告影像的提示。
此外,有關關連的先前技術,係可舉出上記專利文獻1。
此時,由於對象影像之提示,會被認為對其他內容之瀏覽造成阻礙。例如,為了意圖容易獲得使用者之注目而重疊於其他內容來提示對象影像的情況下,則會對內容之瀏覽造成障礙。
本發明係有鑑於上記事情而研發,其目的在於,使得網頁上的對象影像等之追加內容的提示,能夠兼顧容易獲得使用者對追加內容之注目與不會造成內容瀏覽之阻礙而被進行。
本發明所述之資訊處理裝置,係具備:網頁資料生成部,係生成用來令複數內容零件是在捲動方向上被排列的網頁被顯示在終端裝置所需之網頁資料;和網頁送訊部,係將前記網頁資料生成部所生成的前記網頁資料,發送至要求來源之終端裝置;其中,前記網頁資料係令前記終端裝置執行:到達判定處理,係判定伴隨著順方向捲動,在前記複數內容零件之中,已被設定來作為所定之內容零件之順捲動方向端位置的頁面側基準位置,是否已經到達已被設定在前記終端裝置之瀏覽器畫面側的畫面側基準位置;和顯示控制處理,係隨應於前記頁面側基準位置已經抵達前記畫面側基準位置以後的更進一步之順方向捲動,而令前記頁面側基準位置之後續的內容零件的捲動追隨速度,變成比前記頁面側基準位置之先行的內容零件的捲動追隨速度還慢,對於因為該變慢而在前記頁面側
基準位置與前記先行的內容零件之間逐漸擴大的空間,令追加內容出現。
藉由如上記的網頁資料,追加內容,係以與被捲動之其他內容零件不同的舉動出現在網頁上,因此,可容易獲得使用者對該追加內容之注目。又,追加內容係會出現在,伴隨捲動而發生在內容零件間的空間部分,因此,例如相較於重疊於其他內容零件而出現等情況,較難變成其他內容零件之瀏覽的阻礙。
於上記本發明所述之資訊處理裝置,其中,前記網頁資料生成部,係生成前記網頁資料,其係令前記終端裝置執行:隨應於前記追加內容完整出現以後的更進一步之捲動,而令前記頁面側基準位置的逆捲動方向側上的內容零件的捲動追隨速度,變成比其他內容零件的捲動追隨速度還快,以使前記空間縮小化的處理,較為理想。
藉此,伴隨捲動而完全出現的追加內容,係隨著更進一步之順方向捲動而逐漸被關閉。
於上記本發明所述之資訊處理裝置,其中,前記網頁資料生成部,係生成前記網頁資料,其係令前記終端裝置執行設定前記畫面側基準位置的處理,以使得前記後續的內容零件之至少一部分是已被顯示在前記瀏覽器畫面內的狀態下,前記空間開始擴大,較為理想。
藉此,追加內容的顯示空間之擴大,係在頁面側基準位置之後續零件之存在的事實已經明朗的狀態下,而被開始。
於上記本發明所述之資訊處理裝置,其中,前記網頁資料生成部,係生成前記網頁資料,其係令前記終端裝置執行設定前記畫面側基準位置的處理,以使得完全出現的前記追加內容的捲動方向上之中心會位於前記瀏覽器畫面的捲動方向上之中心,較為理想。
藉此,可使追加內容變得較容易受到注目。
於上記本發明所述之資訊處理裝置,其中,使得前記複數內容零件的畫像尺寸變成相等,同時,使完全出現的前記追加內容的畫像尺寸變成前記內容零件的畫像尺寸以下,較為理想。
藉此,可使其難以變成內容瀏覽的阻礙。
於上記本發明所述之資訊處理裝置,其中,前記網頁資料生成部,係生成前記網頁資料,其係令前記終端裝置,使得捲動方向上排列有複數內容零件的內容零件列是被配置成複數並列,同時,針對複數前記內容零件列的其中特定之內容零件列,執行前記到達判定處理及前記顯示控制處理,較為理想。
如此藉由只針對特定之內容零件列進行追加內容的出現,追加內容的出現位置周圍的內容零件係可和通常一樣追隨捲動的同時可使追加內容出現,可使追加內容的出現變得較為醒目。
於上記本發明所述之資訊處理裝置,其中,前記網頁資料生成部,係生成前記網頁資料,其係令前記終端裝置,針對複數前記內容零件列的其中捲動方向之長
度為最短的內容零件列,執行前記到達判定處理及前記顯示控制處理,較為理想。
藉此,追加內容完全出現之際的逆捲動方向末端側的內容零件列間的內容零件配置偏差,可被抑制。
又,本發明所述之第1程式,係令資訊處理裝置針對複數內容零件是在捲動方向上被排列的網頁執行顯示控制的程式,令前記資訊處理裝置執行處理,以實現:到達判定機能,係判定伴隨著順方向捲動,在前記複數內容零件之中,已被設定來作為所定之內容零件之順捲動方向端位置的頁面側基準位置,是否已經到達已被設定在前記資訊處理裝置之瀏覽器畫面側的畫面側基準位置;和顯示控制機能,係隨應於前記頁面側基準位置已經抵達前記畫面側基準位置以後的更進一步之順方向捲動,而令前記頁面側基準位置之後續的內容零件的捲動追隨速度,變成比前記頁面側基準位置之先行的內容零件的捲動追隨速度還慢,對於因為該變慢而在前記頁面側基準位置與前記先行的內容零件之間逐漸擴大的空間,令追加內容出現。
若依據如此的第1程式,則可令資訊處理裝置實現上記的終端裝置之處理,可容易獲得使用者對追加內容之注目,同時,可使追加內容的顯示難以變成其他內容零件之瀏覽的阻礙。
又,本發明所述之資訊處理方法,係一種資訊處理方法,係由資訊處理裝置執行:網頁資料生成步
驟,係生成用來令複數內容零件是在捲動方向上被排列的網頁被顯示在終端裝置所需之網頁資料;和網頁送訊步驟,係將前記網頁資料生成步驟所生成的前記網頁資料,發送至要求來源之終端裝置;其中,前記網頁資料係令前記終端裝置執行:到達判定處理,係判定伴隨著捲動,在前記複數內容零件之中,已被設定來作為所定之內容零件之捲動方向端位置的頁面側基準位置,是否已經到達已被設定在前記終端裝置之瀏覽器畫面側的畫面側基準位置;和顯示控制處理,係隨應於前記頁面側基準位置已經抵達前記畫面側基準位置以後的更進一步之捲動,而令前記頁面側基準位置的逆捲動方向側上的內容零件的捲動追隨速度,變成比其他內容零件的捲動追隨速度還慢,對於因為該變慢而在前記頁面側基準位置與前記頁面側基準位置的捲動方向側的內容零件之間逐漸擴大的空間,令追加內容出現。
即使藉由此種資訊處理方法,也可獲得和上記本發明所述之資訊處理裝置同樣的作用。
甚至,本發明所述之第2程式,係為令資訊處理裝置執行處理以執行上記資訊處理方法的程式。
又甚至,本發明所述之記憶媒體,係為記憶上記第2程式的記憶媒體。藉由這些程式或記憶媒體而實現上記的資訊處理裝置。
若依據本發明,則可使得網頁上的追加內容的提示,能夠兼顧容易獲得使用者對追加內容之注目與不會造成內容瀏覽之阻礙而被進行。
1‧‧‧網路系統
2‧‧‧網路
3‧‧‧網頁伺服器
4‧‧‧使用者終端
101‧‧‧CPU
102‧‧‧ROM
103‧‧‧RAM
104‧‧‧匯流排
105‧‧‧輸出入介面
106‧‧‧輸入裝置
107‧‧‧輸出裝置
108‧‧‧記憶部
109‧‧‧通訊部
110‧‧‧媒體驅動器
111‧‧‧可移除式媒體
F1‧‧‧網頁資料生成處理部
F2‧‧‧網頁送訊處理部
Wp‧‧‧網頁
C(CL1~CL6、CC1~CC6、CR1~CR6)‧‧‧內容零件
R(RL、RC、RR)‧‧‧內容零件列
G‧‧‧瀏覽器畫面
Pr‧‧‧畫面側基準位置
Pt‧‧‧頁面側基準位置
S‧‧‧空間
Tg‧‧‧對象影像
〔圖1〕實施形態的網路系統之例子的圖示。
〔圖2〕實施形態的資訊處理裝置所配送的網頁之例子的圖示。
〔圖3〕構成實施形態之網路系統的電腦裝置之硬體構成的區塊圖。
〔圖4〕將實施形態所述之處理按照每一機能而劃分而予以區塊化表示的機能區塊圖。
〔圖5〕畫面側基準位置的說明圖。
〔圖6〕作為實施形態的追加內容提示手法的說明圖。
〔圖7〕同樣地,作為實施形態的追加內容提示手法的說明圖。
〔圖8〕同樣地,作為實施形態的追加內容提示手法的說明圖。
〔圖9〕同樣地,作為實施形態的追加內容提示手法的說明圖。
〔圖10〕同樣地,作為實施形態的追加內容提示手法的說明圖。
〔圖11〕同樣地,作為實施形態的追加內容提示手法的說明圖。
〔圖12〕同樣地,作為實施形態的追加內容提示手法的說明圖。
〔圖13〕畫面側基準位置之設定手法的說明圖。
〔圖14〕畫面側基準位置之設定處理的流程圖。
〔圖15〕到達判定處理及顯示控制處理的流程圖。
〔圖16〕選擇會使追加內容出現之內容零件列的變形例的說明圖。
〔圖17〕基於頁面初期畫面中所顯示之內容零件來設定畫面側基準位置所涉及之變形例的說明圖。
〔圖18〕基於頁面初期畫面中所顯示之內容零件來設定頁面側基準位置所涉及之變形例的說明圖。
以下,按照以下順序來說明實施形態。
<1.網路系統之概要>
<2.電腦裝置之硬體構成>
<3.作為實施形態的追加內容提示手法>
<4.處理程序>
<5.實施形態的總結>
<6.程式及記憶媒體>
<7.變形例>
圖1中圖示了,本實施形態中作為前提的網路系統1之例子。
網路系統1係被構成為,例如,透過作為網際網路之網路2,而可讓網頁伺服器3、複數使用者終端4、4…、4相互通訊。
使用者終端4,係為具備網頁瀏覽器的電腦裝置。作為使用者終端4係可舉出例如高機能行動電話(智慧型手機)或行動電話機、攜帶型資訊終端(PDA)、攜帶型或桌上型的個人電腦(PC)等,但使用者終端4的種類並不限定於這些。
使用者終端4,係將HTTP(Hypertext Transfer Protocol)請求發送至網頁伺服器3等,以要求網頁或所定之處理。又,使用者終端4係將隨應於HTTP請求而被送來的網頁(網頁資料)予以接收而被網頁瀏覽器所顯示。藉此,使用者係可瀏覽或操作所望之網頁。
網頁伺服器3係由電腦裝置所構成,執行關於所定之網站的各種處理。網頁伺服器3,係主要成為將上記之各種網頁,隨應於來自使用者終端4之請求而予以配送(送訊)的網頁配送伺服器而發揮機能。
圖2係圖示被網頁伺服器3所配送的網頁Wp之例子。
本例的網頁Wp中,係有複數內容零件C是在縱方向(在本例中係和後述的捲動方向一致)上被排列的內容零
件列R,係被配置。內容零件C,係為例如用來提示影像或文字等之視覺性資訊所需之零件,以所要之框架尺寸(畫像尺寸:像素數)而被配置在網頁Wp上的所要位置。
在本例中,內容零件列R係被配置成複數並列,具體而言係中央之內容零件列RC、其左、右所被配置的內容零件列RL、內容零件列RR,被配置總計三個。
在圖中,圖示了各內容零件列R中內容零件C是被配置六個的例子,關於將內容零件列RL、RC、RR分別予以構成的各內容零件C,係分別從上側起依序記作內容零件CL1、CL2、…、CL6、內容零件CC1、CC2、…、CC6、內容零件CR1、CR2、…、CR6。
在本例中,各內容零件C的畫像尺寸係為相等。又,末尾之數值相同的內容零件C(捲動方向上的配置順序相同的內容零件C)的縱方向位置,係在內容零件列RL、RC、RR間被對齊。
此外,至於各內容零件列R中的內容零件C之數量或各內容零件C的畫像尺寸係並不一定需要一致。
回到圖1說明。
於網路系統1中,係如上記的網頁Wp會隨應於請求而被配送至使用者終端4,使用者係透過該使用者終端4的瀏覽器畫面G(在圖1中未圖示)就可瀏覽網頁Wp的內容。
此時,使用者將網頁Wp的內容透過瀏覽器畫
面G而予以瀏覽後,由於瀏覽器畫面G與網頁Wp的畫像尺寸之關係,而可能會進行網頁Wp之捲動。
在本例的網頁Wp中,在如此捲動被進行的過程中,會使追加內容(以下作為其一例假設是對象影像Tg)被出現,但關於這點將在後面再來說明。
此處,本說明書中所謂的捲動,係意味著相對於畫面(在本例中係為瀏覽器畫面G)而使網頁往所定方向位移的意思。例如,若為縱捲動,則意味著使網頁相對於畫面而往上方向或下方向位移。
又,所謂捲動方向,係意味著使網頁相對於畫面而位移的方向。例如,針對使網頁從頁面開頭往下側進行瀏覽之際的捲動,由於是使網頁相對於畫面而往上方向位移的捲動,因此就捲動方向而言係為上方向。此時,對捲動方向係以頁面開頭位置(網頁的初期顯示位置)為基準而定義了順方向、逆方向。具體而言,從初期顯示位置起為了無法完全顯示之內容的顯示所進行的捲動之方向係為順方向(參照圖6→圖7之遷移:以下亦記作「順捲動方向」),反之為了回到初期顯示位置側所進行的捲動之方向係為逆方向(以下亦記作「逆捲動方向」)。
此外,於圖1中,想定網路2之構成係有多種例子。例如,以網際網路為首,可想定為:企業內網路、企業間網路、LAN(Local Area Network)、CATV(Community Antenna TeleVision)通訊網、虛擬專用網(Virtual Private Network)、電話線路網、移動體通訊
網、衛星通訊網等。
又,關於構成網路2之全部或部分的傳輸媒體也被想定有多種例子。例如:IEEE(Institute of Electrical and Electronics Engineers)1394、USB(Universal Serial Bus)、電力線載送、電話線等之有線也好、IrDA(Infrared Data Association)這類紅外線、藍牙(註冊商標)、802.11無線、行動電話網、衛星線路、地表波數位網等之無線都可利用。
圖3中圖示了,構成圖1所示的各裝置(網頁伺服器3、使用者終端4)的電腦裝置之硬體構成。
於圖3中,電腦裝置之CPU(Central Processing Unit)101,係依照ROM(Read Only Memory)102中所記憶之程式、或從記憶部108載入至RAM(Random Access Memory)103之程式,而執行各種處理。RAM103中係還適宜記憶著,CPU101執行各種處理時所必須之資料等。
CPU101、ROM102、及RAM103,係透過匯流排104而彼此連接。該匯流排104上係還連接有輸出入介面105。
輸出入介面105上係被連接有鍵盤、滑鼠、觸控面板等所成之輸入裝置106、LCD(Liquid Crystal Display)、CRT(Cathode Ray Tube)、有機EL
(Electroluminescence)面板等所成之顯示器(顯示裝置),以及揚聲器等所成之輸出裝置107、HDD(Hard Disk Drive)或快閃記憶體裝置等所構成的記憶部108、與外部裝置之間進行相互通訊所需之通訊部109。
輸出入介面105上係還可因應需要而連接有媒體驅動器110,可適宜裝著磁碟、光碟、光磁碟、或半導體記憶體等之可移除式媒體111,對可移除式媒體111進行資訊之寫入或讀出。
在如此電腦裝置中,藉由通訊部109所致之通訊而進行資料或程式之上傳、下載,或可透過可移除式媒體111進行資料或程式之收授。
CPU101基於各種程式來進行處理動作,尤其是在身為網頁伺服器3的電腦裝置中,就會執行以下所說明的資訊處理或通訊。
參照圖4,說明網頁Wp上的對象影像Tg之提示所涉及之各種機能。
此外,在圖4中網頁伺服器3所執行的各種處理之中,將用來實現作為實施形態的追加內容提示手法所需之處理,按照每一機能而予以劃分而區塊化表示。
如圖示,網頁伺服器3可分成每一機能而表示成具有:網頁資料生成處理部F1、及網頁送訊處理部F2。
網頁資料生成處理部F1,係作為用來令網頁Wp被顯示在使用者終端4所需之網頁資料,係生成用來令使用者終端4執行以下所說明之到達判定處理與顯示控制處理的網頁資料。此外,網頁資料,係在本例中係為HTML(HyperText Markup Language)資料等,是以在使用者終端4中進行網頁Wp之顯示所必須之資料而被構成。
網頁送訊處理部F2,係將網頁資料生成處理部F1所生成的網頁資料,發送至要求來源之使用者終端4。
說明到達判定處理、及顯示控制處理。
到達判定處理,係為判定:伴隨著網頁Wp的順方向捲動,在複數內容零件C之中,已被設定來作為所定之內容零件C之順捲動方向端位置的頁面側基準位置Pt,是否已經到達已被設定在使用者終端4之瀏覽器畫面G側的畫面側基準位置Pr的處理。
顯示控制處理,係為隨應於頁面側基準位置Pt已經抵達畫面側基準位置Pr以後的更進一步之順方向捲動,而令頁面側基準位置Pt之後續的內容零件C的捲動追隨速度,變成比頁面側基準位置Pt之先行的內容零件C的捲動追隨速度還慢,對於因為該變慢而在頁面側基準位置Pt與上記先行的內容零件C之間逐漸擴大的空間,令對象影像Tg出現的處理。
以下,參照圖5~圖12,具體說明到達判定處理及顯示控制處理。
圖5係畫面側基準位置Pr的說明圖。
畫面側基準位置Pr,係對使用者終端4的瀏覽器畫面G側而被設定的基準位置,被設定在瀏覽器畫面G之捲動方向(在本例中係為縱方向)上的所定位置。此外,關於畫面側基準位置Pr之具體的設定手法,將於後述。
圖6~圖12係作為實施形態的追加內容提示手法的說明圖,模式性圖示,網頁Wp被往上方向逐漸捲動(順方向捲動)的過程之各階段中的網頁Wp與瀏覽器畫面G之關係。
圖6係圖示,在瀏覽器畫面G內網頁Wp之開頭部被顯示的網頁Wp之初期顯示階段(捲動前階段)。
在本例中,頁面側基準位置Pt係被設定在,中央之內容零件列RC中的內容零件CC4之上端位置(順捲動方向端位置)。此外,如此的頁面側基準位置Pt,係亦可說成是,內容零件CC4與內容零件CC3的交界位置。
在圖6所示的捲動前階段中,畫面側基準位置Pr係相對於頁面側基準位置Pt而位於上方。
圖7係圖示,從圖6所示的階段起進行順方向捲動而使頁面側基準位置Pt變成與畫面側基準位置Pr一致之階段。在上述的到達判定處理中係判定,如此伴隨順方向捲動而頁面側基準位置Pt是否變成與畫面側基準位置Pr一致。
隨應於從圖7所示階段起的更進一步之順方向捲動,在網頁Wp中的各內容零件C之中,令頁面側基
準位置Pt之下側(逆捲動方向側)的內容零件C(頁面側基準位置Pt的後續的內容零件:在本例中係為CC4~CC6)的捲動追隨速度,變成比其他內容零件C(內容零件列RL、RR的各內容零件C及CC1~CC3)的捲動追隨速度還慢。在本例中,內容零件CC4~CC6的捲動追隨速度係會降低至「0」為止(亦即捲動追隨停止狀態)。此外,在如此的捲動追隨停止狀態中,被視為對象的內容零件CC4~CC6,係即使進行捲動,與瀏覽器畫面G的位置關係仍不會有所變化。
若依此,則如圖8~圖10之遷移所示,在頁面側基準位置Pt與內容零件CC3(亦即頁面側基準位置Pt之先行的內容零件C)之間,伴隨著捲動之進行,而會形成緩緩擴大的空間S。
在上述的顯示控制處理中,是在如此形成的空間S中,令所定之對象影像Tg出現。
此處,在本例中,是使網頁Wp具有圖層結構,具體而言,使其含有:配置了內容零件C的上層側圖層、和配置了對象影像Tg的下層側圖層。此時,下層側圖層中的對象影像Tg之配置位置,係會位於對應於上層側圖層中的空間S之形成位置。亦即,被設定在如圖8~圖10所示而被形成的空間S內對象影像Tg可能出現的位置。
藉此,藉由如上記的空間S之形成,就可使該空間S內出現對象影像Tg。
本例中的對象影像Tg之配置位置係被設定成,在空間S呈最大之際(圖10之狀態)的該空間S之中心與對象影像Tg之中心,會是一致。
此處,對象影像Tg係為例如廣告影像。此情況下,對象影像Tg,係可由網頁伺服器3作為網頁資料而發送至使用者終端4,或可在網頁資料中撰寫從其他伺服器裝置取得對象影像Tg的指令資訊然後由使用者終端4自行取得之。
此外,對象影像Tg之種類係沒有特別限定。
在本例中,相應於空間S的順方向捲動的擴大,係在空間S的縱方向上的畫像尺寸,變成與空間S的橫方向上所相鄰之內容零件C的縱方向上的畫像尺寸一致時,就結束。亦即,在各內容零件C之畫像尺寸皆相等的本例中,空間S的最大之畫像尺寸,係與內容零件C之畫像尺寸一致。
在本例中,係使對象影像Tg之畫像尺寸,一致於如此的空間S之最大之畫像尺寸。亦即在本例的情況下,對象影像Tg之畫像尺寸係與內容零件C之畫像尺寸一致。
此外,如圖10所示空間S呈最大的狀態,係可換句話說是對象影像Tg完整出現的狀態(完全出現的狀態)。
在本例中,完全出現的對象影像Tg之畫像尺寸,係會與內容零件C之畫像尺寸一致,但這並非必須,完全出現的對象影像Tg之畫像尺寸係只要至少為內容零件C之
畫像尺寸以下即可(考慮變成內容瀏覽之阻礙的困難度)。
此處,在本例的顯示控制處理中,如上記將空間S擴大至最大而使對象影像Tg完整出現以後,隨應於更進一步之順方向捲動,空間S會逐漸緩緩地縮小化(參照圖11、圖12)。
具體而言,隨應於對象影像Tg完整出現以後的更進一步之順方向捲動,令頁面側基準位置Pt之後續的內容零件C(CC4~CC6)之捲動追隨速度比其他內容零件C之捲動追隨速度還快,以使空間S縮小化。亦即,使完全出現狀態的對象影像Tg逐漸緩緩關閉。
藉此,可防止已出現的對象影像Tg持續被顯示,可使其難以成為內容瀏覽之阻礙。
此外,雖然圖示省略,但在本例中,如圖7~圖12之遷移所示的隨應於捲動(順方向捲動)而進行了對象影像Tg的完全出現→完全關閉以後,對用來返回頁面開頭側所需之逆方向捲動,不會進行對象影像Tg的再出現。本例的情況下,令對象影像Tg再出現的時機係為,藉由逆方向捲動後之順方向捲動而使頁面側基準位置Pt與畫面側基準位置Pr再度一致以後。此外,即使令對象影像Tg再出現的情況下也是,隨應於對象影像Tg之完全出現以後之更進一步之捲動,同樣地會使對象影像Tg逐漸緩緩關閉。
又,在本例中,在令對象影像Tg出現的途中
(圖7~圖10之間)若進行逆方向捲動時,則對於該逆方向捲動會使空間S縮小化而使對象影像Tg逐漸關閉(亦即實現與順方向捲動時相反之舉動)。具體而言,一面維持內容零件CC4~CC6的捲動追隨停止狀態(捲動追隨速度=0狀態),一面使其他內容零件C和通常一樣般地追隨於逆方向捲動。
甚至在本例中,若在令對象影像Tg隨應於順方向捲動而關閉的途中(圖10~圖12之間)進行逆方向捲動時,則對於該逆方向捲動而使空間S擴大化而使對象影像Tg之出現領域逐漸緩緩變大(亦即實現與順方向捲動時相反之舉動)。具體而言,一面使內容零件CC4~CC6之捲動追隨速度維持成比其他內容零件C之捲動追隨速度還快的狀態,一面使其他內容零件C和通常一般地追隨逆方向捲動。
此處,在本例中,如圖10所示令對象影像Tg完全出現之際,會使該完全出現的對象影像Tg之捲動方向上的中心,位於瀏覽器畫面G之捲動方向上的中心。
亦即,為了實現如此的對象影像Tg側之中心與瀏覽器畫面G側之中心之關係,而進行畫面側基準位置Pr之設定。
圖13係有關於本例中的畫面側基準位置Pr之設定手法的說明圖,模式性圖示了之前的圖10的階段(對象影像Tg之完全出現狀態)中的瀏覽器畫面G內之顯示狀態。
於圖13中,圖中的「Vc」係表示瀏覽器畫面G之捲動方向上的中心。為了使完全出現的對象影像Tg之捲動方向上的中心與瀏覽器畫面G之中心Vc一致,是只要將畫面側基準位置Pr,基於對象影像Tg之捲動方向之像素數(在本例中係為縱像素數:以下記作「Vp」),而設定如下即可。亦即,畫面側基準位置Pr,係只要設定成從瀏覽器畫面G之中心Vc往下「Vp/2」像素之位置即可。
藉由實現如上記的完全出現時的對象影像Tg之中心與瀏覽器畫面G之中心Vc的位置關係,就可使對象影像Tg較容易受到注目。
此外,上記的畫面側基準位置Pr之設定係只不過是一例,作為畫面側基準位置Pr,係只要設定以使得頁面側基準位置Pt之後續的內容零件C(CC4~CC6)之至少一部分被顯示在瀏覽器畫面G內的狀態下開始空間S之擴大即可(參照圖7、圖8)。
藉此,對象影像Tg的顯示空間之擴大,是在頁面側基準位置Pt之後續零件(頁面側基準位置Pt下側之內容零件C)的存在係為明朗的狀態下而被開始,因此可防止使用者沒有發覺後續零件之存在而錯過後續零件(不捲動而錯過)。
此外,為了實現此點,只要在瀏覽器畫面G之縱方向像素數是比已被設定頁面側基準位置Pt的內容零件C之縱方向像素數還多的此一前提之下,將畫面側基準位置Pr設定在比瀏覽器畫面G之下端位置還要上側之位置即可。
接下來,參照圖14及圖15的流程圖,說明用來實現上記作為實施形態的追加內容提示手法而應該由使用者終端4所執行的處理之程序。
此外,從上記說明可以理解,本例的網頁伺服器3,係生成用來令使用者終端4執行如這些圖14及圖15所示之處理的網頁資料,將該網頁資料對要求來源之使用者終端4進行送訊。
圖14係畫面側基準位置Pr之設定處理的流程圖。
此外,圖14所示的處理,係從網頁伺服器3接收關於網頁Wp的網頁資料,依照該網頁資料中所被撰寫的指令資訊,而被執行。
於圖14中,使用者終端4係在步驟S101中,取得內容零件C的縱像素數Vp。縱像素數Vp,係可基於已接收之網頁資料而加以取得。
在後續的步驟S102中,使用者終端4係將從瀏覽器畫面G之縱方向之中心Vc往下Vp/2像素之位置,設定作為畫面側基準位置Pr,結束圖14所示的處理。
圖15係到達判定處理及顯示控制處理的流程圖。
圖15所示的處理,係隨著藉由圖14的處理而設定了
畫面側基準位置Pr,就被開始。
首先,使用者終端4係在步驟S201中,判定是否藉由順方向捲動而使得畫面側基準位置Pr已經到達頁面側基準位置Pt,若判定為尚未到達時則再度執行該步驟S201的判定處理。
另一方面,若判定為已到達時,則使用者終端4係前進至步驟S202,進行頁面側基準位置Pt下側的內容零件C之捲動追隨停止設定。該捲動追隨停止設定,係相對於捲動(也包含逆方向捲動)而令對象之內容零件C不要追隨(亦即設成追隨速度=0)的設定。
如之前的說明所理解,該設定之下若進行順方向捲動,則在頁面側基準位置Pt之上側,空間S會逐漸擴大而對象影像Tg會逐漸緩緩出現。又,在該設定之下若進行逆方向捲動,則在對象影像Tg正在出現的狀態下,該對象影像Tg會逐漸緩緩關閉。
此外,如上述,本例的網頁Wp中係含有內容零件C所被配置之上層側圖層和對象影像Tg所被配置之下層側圖層,但在本例中,還將上層側圖層,分割成頁面側基準位置Pt下側之內容零件C(CC4~CC6)所被配置之第1圖層、和比該第1圖層還要下層之圖層也就是其他內容零件C所被配置之第2圖層。此情況下,作為上記步驟S202等中的頁面側基準位置Pt下側之內容零件C的捲動追隨速度設定,係進行關於第1圖層的捲動追隨速度設定。藉由使第1圖層的捲動追隨速度異於第2圖層的捲動
追隨速度,就可使得頁面側基準位置Pt下側的內容零件C的捲動追隨速度,相對於其他內容零件C的捲動追隨速度而有所不同。
接著在步驟S203中,使用者終端4係判定是否為順方向捲動中。若為順方向捲動中,則使用者終端4係前進至步驟S204,判定對象影像Tg是否完全出現。亦即,判定是否已經變成空間S是被擴大至最大的狀態。
若判定為對象影像Tg並非完全出現,則使用者終端4係回到步驟S203。亦即,在對象影像Tg完全出現為止的順方向捲動中,上記之捲動追隨停止設定係會持續,空間S會逐漸緩緩擴大。
另一方面,若判定為對象影像Tg完全出現,則使用者終端4係使處理前進至後述的步驟S207。
於之前的步驟S203中,若判定為非順方向捲動中,則使用者終端4係前進至步驟S205,判定是否藉由逆方向捲動而使畫面側基準位置Pr到達了頁面側基準位置Pt的初期位置(圖6及圖7所示的空間S擴大前的頁面側基準位置Pt)。這是相當於,判定是否藉由步驟S201中被判定到達頁面側基準位置Pt而空間S開始擴大後的逆方向捲動,而使畫面側基準位置Pr到達了頁面側基準位置Pt的初期位置。
若步驟S205中判定為尚未到達,則使用者終端4回到步驟S203。
另一方面,步驟S205中若判定為已到達,則
使用者終端4係前進至步驟S206而解除捲動追隨停止設定,然後「返回」(回到步驟S201)。藉此,藉由逆方向捲動而使畫面側基準位置Pr到達頁面側基準位置Pt的初期位置以後,隨應於更進一步之逆方向捲動,網頁Wp內的所有內容零件C就會通常地被(一樣地)逆捲動。又,步驟S206中進行了捲動追隨停止解除以後,捲動方向轉變成順方向時,則藉由步驟S201的判定處理而判定到達,再次變成空間S會開始擴大的狀態。
接下來,說明步驟S207以後的處理(對象影像Tg完全出現以後的處理)。
步驟S207中使用者終端4,係針對頁面側基準位置Pt下側之內容零件C,進行捲動追隨速度提升設定。該設定係為,使得對象之內容零件C對捲動(也包含逆方向捲動)之追隨速度,比其他內容零件C的追隨速度還要提升的設定。
接著在步驟S208中,使用者終端4係判定是否為順方向捲動中。若為順方向捲動中,則使用者終端4係前進至步驟S209,判定對象影像Tg是否完全關閉。亦即,判定頁面側基準位置Pt是否回到初期位置,變成空間S已經消滅的狀態。
若判定為對象影像Tg並非完全關閉,則使用者終端4係回到步驟S208。亦即,在對象影像Tg完全出現以後,到完全關閉為止的順方向捲動中,上記的捲動追隨速度提升設定係會持續,空間S會逐漸緩緩縮小化。
另一方面,在判定為對象影像Tg已經完全關閉時,則使用者終端4係前進至步驟S211,進行使得頁面側基準位置Pt下側的內容零件C的捲動追隨速度變回通常的設定,然後「返回」。
藉此,隨應於順方向捲動而進行了對象影像Tg的完全出現→完全關閉以後,係不會對逆方向捲動而使對象影像Tg再次出現。前面也有說明,在本例的情況下,令對象影像Tg可再次出現的時機係為,藉由逆方向捲動後之順方向捲動而使頁面側基準位置Pt與畫面側基準位置Pr再度一致以後。
於之前的步驟S208中,若判定為非順方向捲動中,則使用者終端4係前進至步驟S210,判定是否藉由逆方向捲動而使得畫面側基準位置Pr返回至對象影像完全出現時的位置(圖10之階段中的位置:在本例中係為,從頁面側基準位置Pt的初期位置起算往下方遠離內容零件C之縱像素數的位置)。這是相當於判定,從被判定為對象影像Tg完全出現(S204)以後至被判定為對象影像Tg完全關閉為止(S209)之期間,是否藉由逆方向捲動而使得畫面側基準位置Pr返回至上記完全出現時位置。
若步驟S210中判定為尚未返回至完全出現時位置,則使用者終端4回到步驟S208。
另一方面,在步驟S210中若判定為已經返回至完全出現時位置,則使用者終端4係回到步驟S202,
針對頁面側基準位置Pt下側之內容零件C,進行捲動追隨停止設定。藉此,藉由對象影像完全出現後的逆方向捲動使得畫面側基準位置Pr回到對象影像完全出現時位置以後,若接著進行逆方向捲動,則對象影像Tg會以和擴大時相反之舉動,而逐漸關閉。另一方面,藉由對象影像完全出現後的逆方向捲動而使得畫面側基準位置Pr回到對象影像完全出現時位置以後,若捲動方向轉變成順方向,則在步驟S204中判定為對象影像Tg是完全出現,變成可相應於順方向捲動而進行對象影像Tg之關閉動作的狀態。
此外,在上記中,雖然舉例令對象影像Tg出現的內容零件列R是中央的內容零件列RC,但令對象影像Tg出現的內容零件列R亦可由使用者終端4基於所定之條件而可選擇設定。
例如,如圖16所示,內容零件列R的捲動方向上的長度沒有對齊的情況下,考慮令該長度最短的內容零件列R出現對象影像Tg。
此處,假設,無論有無捲動已完全出現之對象影像Tg都持續加以顯示的情況下,若對捲動方向之長度較長的內容零件列R使對象影像Tg出現,則與捲動方向之長度較短的內容零件列R之間,會助長逆捲動方向末端側的內容零件C之配置偏差。
若如上記般地使捲動方向之長度為最短的內容零件列R中出現對象影像Tg,則可抑制此種逆捲動方向末端側
的內容零件C之配置偏差。
此外,此情況下,網頁伺服器3係生成網頁資料其中撰寫的指令資訊是用來令其選擇滿足「捲動方向上的長度為最短」此一條件的內容零件列R來作為使對象影像Tg出現的內容零件列R,發送至要求來源的使用者終端4。
又,在上記中雖然舉例在網頁Wp中是有複數複數內容零件列R被並列配置的例子,但即使在只有配置一列內容零件列R(例如只有配置內容零件列RC)的情況下,本發明的顯示控制手法係亦可做適用。此情況下,在空間S的形成之際,只要隨應於伴隨順方向捲動而頁面側基準位置Pt已經到達畫面側基準位置Pr是被判定以後的更進一步之順方向捲動,令頁面側基準位置Pt之後續的內容零件C(CC4~CC6)的捲動追隨速度,變成比頁面側基準位置Pt之先行的內容零件C(CC1~CC3)的捲動追隨速度還慢即可。
此外為了確認而說明,上記的「先行」「後續」,係以順捲動方向為基準來表示先行、後續,「先行」係為順捲動方向側,「後續」係為逆捲動方向側的意思。
如上述,實施形態的資訊處理裝置(網頁伺服器3),係具備:網頁資料生成部(網頁資料生成處理部F1),係生成用來令複數內容零件(同C)是在捲動方向
上被排列的網頁(同Wp)被顯示在終端裝置(使用者終端4)所需之網頁資料;其中,網頁資料係令終端裝置執行:到達判定處理,係判定伴隨著順方向捲動,在複數內容零件之中,已被設定來作為所定之內容零件之順捲動方向端位置的頁面側基準位置(同Pt),是否已經到達已被設定在終端裝置之瀏覽器畫面(同G)側的畫面側基準位置(同Pr);和顯示控制處理,係隨應於頁面側基準位置已經抵達畫面側基準位置以後的更進一步之順方向捲動,而令前記頁面側基準位置之後續的內容零件的捲動追隨速度,變成比頁面側基準位置之先行的內容零件的捲動追隨速度還慢,對於因為該變慢而在頁面側基準位置與先行的內容零件之間逐漸擴大的空間(同S),令追加內容(對象影像Tg)出現。
再者,還具備:網頁送訊部(網頁送訊處理部F2),係將網頁資料生成部所生成的網頁資料,發送至要求來源之終端裝置。
藉由如上記的網頁資料,追加內容,係以與被捲動之其他內容零件不同的舉動出現在網頁上,因此,可容易獲得使用者對該追加內容之注目。又,追加內容係會出現在,伴隨捲動而發生在內容零件間的空間部分,因此,例如相較於重疊於其他內容零件而出現等情況,較難變成其他內容零件之瀏覽的阻礙。
因此,可使得網頁上的追加內容的提示,能夠兼顧容易獲得使用者對追加內容之注目與不會造成內容瀏覽之阻
礙而被進行。
又,於實施形態的資訊處理裝置中,網頁資料生成部,係生成網頁資料,其係令終端裝置執行:隨應於追加內容完整出現以後的更進一步之順方向捲動,而令前記後續的內容零件的捲動追隨速度,變成比前記先行的內容零件的捲動追隨速度還快,以使空間縮小化的處理。
藉此,伴隨捲動而完全出現的追加內容,係隨著更進一步之順方向捲動而逐漸被關閉。
亦即,可防止已完全出現的追加內容持續被顯示,可使其難以成為內容瀏覽之阻礙。
然後,於實施形態的資訊處理裝置中,網頁資料生成部,係生成網頁資料,其係令終端裝置執行設定畫面側基準位置的處理,以使得前記後續的內容零件之至少一部分是已被顯示在瀏覽器畫面內的狀態下,空間開始擴大。
藉此,追加內容的顯示空間之擴大,係在頁面側基準位置的後續零件之存在的事實已經明朗的狀態下才被開始,因此可防止使用者未察覺後續零件的存在而錯過後續零件。
又甚至,於實施形態的資訊處理裝置中,網頁資料生成部,係生成網頁資料,其係令終端裝置執行設定畫面側基準位置的處理,以使得完全出現的追加內容的捲動方向上之中心會位於瀏覽器畫面的捲動方向上之中心。
藉此,可使追加內容變得較容易受到注目。
又,實施形態的資訊處理裝置中,使得複數內容零件的畫像尺寸變成相等,同時,使完全出現的追加內容的畫像尺寸變成內容零件的畫像尺寸以下。
藉此,可使其難以變成內容瀏覽的阻礙。
甚至,於實施形態的資訊處理裝置中,網頁資料生成部,係生成網頁資料,其係令終端裝置,使得捲動方向上排列有複數內容零件的內容零件列是被配置成複數並列,同時,針對複數內容零件列的其中特定之內容零件列,執行到達判定處理及顯示控制處理。
如此藉由只針對特定之內容零件列進行追加內容的出現,追加內容的出現位置周圍的內容零件係可和通常一樣追隨捲動的同時可使追加內容出現,可使追加內容的出現變得較為醒目。
因此,可使追加內容較容易獲得使用者之注目。
又甚至,於實施形態的資訊處理裝置中,網頁資料生成部,係生成網頁資料,其係令終端裝置,針對複數內容零件列的其中捲動方向之長度為最短的內容零件列,執行到達判定處理及顯示控制處理。
藉此,追加內容完全出現之際的逆捲動方向末端側的內容零件列間的內容零件配置偏差,可被抑制。
這尤其是在,將完全出現的追加內容不隨捲動而關閉而予以持續顯示的情形,特別有效。
以上,雖然說明了本發明所述的作為實施形態的網頁伺服器3、使用者終端4(終端裝置),但實施形態的第1程式,係為令資訊處理裝置(CPU等)執行使用者終端4之處理的程式。
實施形態的第1程式,係令資訊處理裝置(使用者終端4)針對複數內容零件是在捲動方向上被排列的網頁執行顯示控制的程式,該程式係用來令資訊處理裝置執行處理,以實現:到達判定機能,係判定伴隨著順方向捲動,在複數內容零件之中,已被設定來作為所定之內容零件之順捲動方向端位置的頁面側基準位置,是否已經到達已被設定在資訊處理裝置之瀏覽器畫面側的畫面側基準位置;和顯示控制機能,係隨應於頁面側基準位置已經抵達畫面側基準位置以後的更進一步之順方向捲動,而令頁面側基準位置之後續的內容零件的捲動追隨速度,變成比頁面側基準位置之先行的內容零件的捲動追隨速度還慢,對於因為該變慢而在頁面側基準位置與前記先行的內容零件之間逐漸擴大的空間,令追加內容出現。
又,實施形態的第2程式,係為令資訊處理裝置(CPU等)執行網頁伺服器3之處理的程式。亦即,第2程式,係該程式係用來令資訊處理裝置執行處理,以實現:網頁資料生成機能,係生成用來令複數內容零件是在捲動方向上被排列的網頁被顯示在終端裝置所需之網頁資料;和網頁送訊機能,係將網頁資料生成機能所生成的
網頁資料,發送至要求來源之終端裝置;其中,網頁資料係令終端裝置執行:到達判定處理,係判定伴隨著順方向捲動,在複數內容零件之中,已被設定來作為所定之內容零件之順捲動方向端位置的頁面側基準位置,是否已經到達已被設定在終端裝置之瀏覽器畫面側的畫面側基準位置;和顯示控制處理,係隨應於頁面側基準位置已經抵達畫面側基準位置以後的更進一步之順方向捲動,而令頁面側基準位置之後續的內容零件的捲動追隨速度,變成比頁面側基準位置之先行的內容零件的捲動追隨速度還慢,對於因為該變慢而在頁面側基準位置與先行的內容零件之間逐漸擴大的空間,令追加內容出現。
藉由此種程式,可實現上述的作為使用者終端4、網頁伺服器3的資訊處理裝置。
然後,此種程式係可預先記憶在電腦裝置等之機器中所內建的作為記憶媒體之HDD、或具有CPU的微電腦內之ROM等中。又或者,可以暫時或永久性地被儲存(記憶)在半導體記憶體、記憶卡、光碟、光磁碟、磁碟等之可移除式記憶媒體中。又此種可移除式記憶媒體,係可用所謂的套裝軟體的方式來做提供。
又,此種程式,係除了可從可移除式記憶媒體安裝至個人電腦等以外,也可從下載網站,透過LAN、網際網路等之網路而下載之。
本發明係不限定於上記所說明的具體例,可考慮各種變形例。
例如,在上記中,作為追加內容之一例是提示了對象影像Tg,但追加內容係亦可為例如:只有由文字資料所成之內容、或含有文字資料的內容、動畫內容、含有聲音的內容。
又,在上記中,雖然使追加內容出現的內容零件列是只有1列,但亦可針對複數內容零件列而使追加內容出現。
又,在上記中,雖然例示在對應於縱長之網頁而進行縱方向之捲動的情形中適用本發明,但本發明係亦可理想適用於,對應於橫長之網頁而進行橫方向之捲動時。
又,在上記中,雖然對於使追加內容隨應於順方向捲動而完全出現→完全關閉後的逆方向捲動,不會使追加內容再次出現,但這僅止於一例,並不限定於該例。
又,在上記中,頁面側基準位置Pt係被設在,捲動方向上連續的複數內容零件之其中1處地點,但亦可藉由設在複數地點,而在複數地點提示出追加內容(對象影像Tg)。
甚至,亦可將一個網頁Wp中所設置的頁面側基準位置Pt(追加內容提示空間)之數量、或空間之尺寸(尤其是捲動方向之長度),隨應於捲動方向上連續之內容零件
之數量、及/或捲動之速度,來加以決定之。例如,捲動方向上連續之內容零件之數量越少,一個網頁Wp中所設置的頁面側基準位置Pt(追加內容提示空間)之數量就越少等等,亦可使追加內容提示空間中的捲動方向之長度變短等等。作為具體的決定方法係例如,像是「(捲動方向上連續之內容零件之數量)×(比率α)=一個網頁Wp中所設置的頁面側基準位置Pt(追加內容提示空間)之數量」,使用關係式來決定之,亦可使用將捲動方向上連續之內容零件之數量與一個網頁Wp中所設置之頁面側基準位置Pt(追加內容提示空間)之數量建立對應的表來決定之。
藉此,若捲動方向上連續之內容零件之數量較少時,就可抑制所被提示的追加內容之數量過於增加,或是追加內容之尺寸過大等等,可抑制使用者將追加內容感受為阻礙。
又,關於畫面側基準位置Pr或頁面側基準位置Pt之位置,係亦可進行如下的設定。
例如,關於畫面側基準位置Pr,係如圖17所示,可為直到最初之畫面中全體映出的內容全部看完以前,都使追加內容不會出現的設定。具體而言,在圖17的例子中,頁面剛遷移後的瀏覽器畫面G中所映出內容零件C之下端之中,在最靠捲動順方向(例:畫面下方)側所映出的內容零件C之下端之位置,設定畫面側基準位置Pr。
藉此,不會損及頁面初期畫面(位於最上部之畫面)內被映出全體的內容零件的易看性,就能映出追加內容。
此外,關於頁面側基準位置Pt也是,藉由進行和上記相同的位置設定,就可獲得相同的效果。
又,關於頁面側基準位置Pt,係亦可例如如圖18所示,直到最初之畫面中被映出一部分之內容被全部看完以前,都使追加內容不會出現的設定。在圖18的例子中,頁面剛遷移後的瀏覽器畫面G中所映出的內容零件C之中,在位於最下端的捲動順方向(例:畫面下方)側的內容零件C之下端位置,設定頁面側基準位置Pt。
藉此,不會損及頁面初期畫面(位於最上部之畫面)內被映出至少一部分的內容零件的易看性,就能映出追加內容。此外,此時,畫面側基準位置Pr係只要任意地設定即可。
Wp‧‧‧網頁
CL1~CL6、CC1~CC6、CR1~CR6‧‧‧內容零件
RL、RC、RR‧‧‧內容零件列
G‧‧‧瀏覽器畫面
Pr‧‧‧畫面側基準位置
Pt‧‧‧頁面側基準位置
S‧‧‧空白
Claims (9)
- 一種資訊處理裝置,係具備:網頁資料生成部,係生成用來令複數內容零件是在捲動方向上被排列的網頁被顯示在終端裝置所需之網頁資料;和網頁送訊部,係將前記網頁資料生成部所生成的前記網頁資料,發送至要求來源之終端裝置;其中,前記網頁資料係令前記終端裝置執行:到達判定處理,係判定伴隨著順方向捲動,在前記複數內容零件之中,已被設定來作為所定之內容零件之順捲動方向端位置的頁面側基準位置,是否已經到達已被設定在前記終端裝置的瀏覽器畫面側的畫面側基準位置;和顯示控制處理,係隨應於前記頁面側基準位置已經抵達前記畫面側基準位置以後的更進一步之順方向捲動,而令前記頁面側基準位置之後續的內容零件的捲動追隨速度,變成比前記頁面側基準位置之先行的內容零件的捲動追隨速度還慢,對於因為該變慢而在前記頁面側基準位置與前記先行的內容零件之間逐漸擴大的空間,令追加內容出現。
- 如請求項1所記載之資訊處理裝置,其中,前記網頁資料生成部,係生成前記網頁資料,其係令前記終端裝置執行:隨應於前記追加內容完整出現以後的更進一步之順方向捲動, 而令前記後續的內容零件的捲動追隨速度,變成比前記先行的內容零件的捲動追隨速度還快,以使前記空間縮小化的處理。
- 如請求項1所記載之資訊處理裝置,其中,前記網頁資料生成部,係生成前記網頁資料,其係令前記終端裝置執行設定前記畫面側基準位置的處理,以使得前記後續的內容零件之至少一部分是已被顯示在前記瀏覽器畫面內的狀態下,前記空間開始擴大。
- 如請求項1所記載之資訊處理裝置,其中,前記網頁資料生成部,係生成前記網頁資料,其係令前記終端裝置執行設定前記畫面側基準位置的處理,以使得完全出現的前記追加內容的捲動方向上之中心會位於前記瀏覽器畫面的捲動方向上之中心。
- 如請求項1所記載之資訊處理裝置,其中,使得前記複數內容零件的畫像尺寸變成相等,同時,使完全出現的前記追加內容的畫像尺寸變成前記內容零件的畫像尺寸以下。
- 如請求項1所記載之資訊處理裝置,其中,前記網頁資料生成部,係生成前記網頁資料,其係令前記終端裝置,使得捲動方向上排列有複數內容零件的內容零件列是被配置成複數並列,同時,針對複數前記內容零件列的其中特定之內容 零件列,執行前記到達判定處理及前記顯示控制處理。
- 如請求項6所記載之資訊處理裝置,其中,前記網頁資料生成部,係生成前記網頁資料,其係令前記終端裝置,針對複數前記內容零件列的其中捲動方向之長度為最短的內容零件列,執行前記到達判定處理及前記顯示控制處理。
- 一種資訊處理方法,係由資訊處理裝置執行:網頁資料生成步驟,係生成用來令複數內容零件是在捲動方向上被排列的網頁被顯示在終端裝置所需之網頁資料;和網頁送訊步驟,係將前記網頁資料生成步驟所生成的前記網頁資料,發送至要求來源之終端裝置;其中,前記網頁資料係令前記終端裝置執行:到達判定處理,係判定伴隨著順方向捲動,在前記複數內容零件之中,已被設定來作為所定之內容零件之順捲動方向端位置的頁面側基準位置,是否已經到達已被設定在前記終端裝置的瀏覽器畫面側的畫面側基準位置;和顯示控制處理,係隨應於前記頁面側基準位置已經抵達前記畫面側基準位置以後的更進一步之順方向捲動,而令前記頁面側基準位置之後續的內容零件的捲動追隨速度,變成比前記頁面側基準位置之先行的內容零件的捲動追隨速度還慢,對於因為該變慢而在前記頁面側基準位置與前記先行的內容零件之間逐漸擴大的空間,令追加內容出現。
- 一種記憶媒體,係記憶有程式,其係用來令資訊處理裝置執行處理,以實現:網頁資料生成機能,係生成用來令複數內容零件是在捲動方向上被排列的網頁被顯示在終端裝置所需之網頁資料;和網頁送訊機能,係將前記網頁資料生成機能所生成的前記網頁資料,發送至要求來源之終端裝置;其中,前記網頁資料係令前記終端裝置執行:到達判定處理,係判定伴隨著順方向捲動,在前記複數內容零件之中,已被設定來作為所定之內容零件之順捲動方向端位置的頁面側基準位置,是否已經到達已被設定在前記終端裝置的瀏覽器畫面側的畫面側基準位置;和顯示控制處理,係隨應於前記頁面側基準位置已經抵達前記畫面側基準位置以後的更進一步之順方向捲動,而令前記頁面側基準位置之後續的內容零件的捲動追隨速度,變成比前記頁面側基準位置之先行的內容零件的捲動追隨速度還慢,對於因為該變慢而在前記頁面側基準位置與前記先行的內容零件之間逐漸擴大的空間,令追加內容出現。
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
PCT/JP2015/079986 WO2017068721A1 (ja) | 2015-10-23 | 2015-10-23 | 情報処理装置、プログラム、情報処理方法、プログラム、記憶媒体 |
Publications (2)
Publication Number | Publication Date |
---|---|
TW201723885A TW201723885A (zh) | 2017-07-01 |
TWI608366B true TWI608366B (zh) | 2017-12-11 |
Family
ID=58557128
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
TW105134306A TWI608366B (zh) | 2015-10-23 | 2016-10-24 | 資訊處理裝置、資訊處理方法、記憶媒體 |
Country Status (4)
Country | Link |
---|---|
US (1) | US10304160B2 (zh) |
JP (1) | JPWO2017068721A1 (zh) |
TW (1) | TWI608366B (zh) |
WO (1) | WO2017068721A1 (zh) |
Families Citing this family (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
JP5451684B2 (ja) * | 2011-05-31 | 2014-03-26 | 楽天株式会社 | 情報処理装置、情報処理方法、及び情報処理プログラム |
Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20120272136A1 (en) * | 2009-11-26 | 2012-10-25 | Rakuten, Inc. | Server apparatus, terminal apparatus, method for inserting information into web page, information insertion program, and recording medium with program recorded therein |
JP2014186541A (ja) * | 2013-03-22 | 2014-10-02 | Yahoo Japan Corp | 広告生成装置、広告生成プログラム、及び端末装置 |
JP2015038619A (ja) * | 2014-09-19 | 2015-02-26 | ヤフー株式会社 | 広告表示制御装置、端末装置、広告表示方法および広告表示プログラム |
TWI503771B (zh) * | 2014-01-17 | 2015-10-11 | Rakuten Inc | Information processing device, display control method, program, memory media |
Family Cites Families (16)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US5923327A (en) * | 1997-04-23 | 1999-07-13 | Bell-Northern Research Ltd. | Scrolling with automatic compression and expansion |
US6337694B1 (en) * | 1999-09-07 | 2002-01-08 | International Business Machines Corporation | Method and system for variable speed scrolling within a data processing system |
US9916587B2 (en) * | 2006-10-25 | 2018-03-13 | Excalibur Ip, Llc | Computerized system and method for creating a modified version of a digital ticker data feed by creating and inserting a digital content item into the digital ticker data feed |
US8904306B1 (en) * | 2008-06-12 | 2014-12-02 | Sprint Communications Company L.P. | Variable speed scrolling |
KR101217828B1 (ko) * | 2009-04-30 | 2013-01-02 | 주식회사 엔톰애드 | 스크롤 바의 위치 정보를 이용한 복수개의 온라인 광고의 제공 방법 및 장치 |
US20130238433A1 (en) * | 2012-03-08 | 2013-09-12 | Yahoo! Inc. | Method and system for providing relevant advertisements by monitoring scroll-speeds |
JP5620958B2 (ja) * | 2012-09-24 | 2014-11-05 | ヤフー株式会社 | 広告表示制御装置、端末装置、広告表示方法および広告表示プログラム |
JP6128533B2 (ja) * | 2012-12-21 | 2017-05-17 | インターナショナル・ビジネス・マシーンズ・コーポレーションInternational Business Machines Corporation | 装置 |
US9348496B2 (en) * | 2013-06-28 | 2016-05-24 | Google Inc. | Selecting content based on performance of a content slot |
KR101646051B1 (ko) * | 2014-05-08 | 2016-08-08 | 네이버 주식회사 | 단말 장치 및 이에 의한 웹 페이지 디스플레이 방법,및 웹 서버 및 이에 의한 웹 페이지 제공 방법 |
US10503387B2 (en) * | 2015-06-07 | 2019-12-10 | Apple Inc. | Intelligent scrolling of electronic document |
KR101685676B1 (ko) * | 2015-06-19 | 2016-12-12 | 네이버 주식회사 | 단말 장치 및 이에 의한 이미지 표시 방법,및 웹 서버 및 이에 의한 웹 페이지 제공 방법 |
US10606466B2 (en) * | 2015-07-13 | 2020-03-31 | Facebook, Inc. | Presenting additional content to an online system user based on user interaction with a scrollable content unit |
US9510036B1 (en) * | 2015-10-26 | 2016-11-29 | Google Inc. | Systems and methods for providing content in a content list |
US10477277B2 (en) * | 2017-01-06 | 2019-11-12 | Google Llc | Electronic programming guide with expanding cells for video preview |
US10909573B2 (en) * | 2017-03-11 | 2021-02-02 | Michael T. Diep | System and method for online data mining and advertisement generator |
-
2015
- 2015-10-23 JP JP2016564102A patent/JPWO2017068721A1/ja active Pending
- 2015-10-23 WO PCT/JP2015/079986 patent/WO2017068721A1/ja active Application Filing
-
2016
- 2016-10-24 TW TW105134306A patent/TWI608366B/zh active
-
2017
- 2017-10-20 US US15/789,481 patent/US10304160B2/en active Active
Patent Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20120272136A1 (en) * | 2009-11-26 | 2012-10-25 | Rakuten, Inc. | Server apparatus, terminal apparatus, method for inserting information into web page, information insertion program, and recording medium with program recorded therein |
TWI434210B (zh) * | 2009-11-26 | 2014-04-11 | Rakuten Inc | A provisioning system, a method of adding information to a web page, and a recording medium on which a terminal program is recorded |
JP2014186541A (ja) * | 2013-03-22 | 2014-10-02 | Yahoo Japan Corp | 広告生成装置、広告生成プログラム、及び端末装置 |
TWI503771B (zh) * | 2014-01-17 | 2015-10-11 | Rakuten Inc | Information processing device, display control method, program, memory media |
JP2015038619A (ja) * | 2014-09-19 | 2015-02-26 | ヤフー株式会社 | 広告表示制御装置、端末装置、広告表示方法および広告表示プログラム |
Also Published As
Publication number | Publication date |
---|---|
JPWO2017068721A1 (ja) | 2018-08-30 |
WO2017068721A1 (ja) | 2017-04-27 |
TW201723885A (zh) | 2017-07-01 |
US10304160B2 (en) | 2019-05-28 |
US20180040102A1 (en) | 2018-02-08 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US8443277B2 (en) | Digital content enhancement platform | |
US10175873B2 (en) | System and method for retrieving data based on scrolling velocity | |
JP5769280B2 (ja) | ブランド化されたブラウザーフレーム | |
US10878175B2 (en) | Portlet display on portable computing devices | |
US20130268837A1 (en) | Method and system to manage interactive content display panels | |
KR20120022437A (ko) | 아이템 디스플레이하는 방법 및 장치 | |
CA2892570A1 (en) | Image display environment | |
US20150205454A1 (en) | Systems and methods for displaying preview data | |
JP2012008686A (ja) | 情報処理装置および方法、並びにプログラム | |
JP5918427B2 (ja) | 配信装置、表示制御装置、表示制御方法および表示制御プログラム | |
WO2017101390A1 (zh) | 一种图片显示方法及装置 | |
JP5814422B1 (ja) | 配信装置、表示制御装置、表示制御方法および表示制御プログラム | |
JP5840722B2 (ja) | 情報表示装置、情報表示方法および情報表示プログラム | |
JP2016177811A (ja) | 配信装置、表示制御装置、表示制御方法およびプログラム | |
US20160004389A1 (en) | Display controller, display control method, control program, and recording medium | |
TWI608366B (zh) | 資訊處理裝置、資訊處理方法、記憶媒體 | |
CN110909274A (zh) | 页面浏览方法、装置及电子设备 | |
US20230123119A1 (en) | Terminal, control method therefor, and recording medium in which program for implementing method is recorded | |
JP6453943B2 (ja) | 表示装置、表示方法、ならびに、プログラム | |
US10656818B1 (en) | Animation to indicate scrollable content | |
JP7137984B2 (ja) | 情報表示プログラム、情報表示方法、および情報処理装置 | |
JP6203140B2 (ja) | 表示プログラム、端末装置、表示方法及び配信装置 | |
JP6081653B1 (ja) | 情報処理装置、プログラム、情報処理方法、記憶媒体 | |
JP5188546B2 (ja) | ウィンドウ制御を行うWebページを生成するWebサーバ及び方法 | |
TW201514842A (zh) | 依據顯示裝置之瀏覽器大小而自動改變網頁排版的方法及系統 |