JP6228090B2 - Terminal device, distribution device, display method, and display program - Google Patents

Terminal device, distribution device, display method, and display program Download PDF

Info

Publication number
JP6228090B2
JP6228090B2 JP2014191291A JP2014191291A JP6228090B2 JP 6228090 B2 JP6228090 B2 JP 6228090B2 JP 2014191291 A JP2014191291 A JP 2014191291A JP 2014191291 A JP2014191291 A JP 2014191291A JP 6228090 B2 JP6228090 B2 JP 6228090B2
Authority
JP
Japan
Prior art keywords
content
terminal device
area
predetermined
display
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Active
Application number
JP2014191291A
Other languages
Japanese (ja)
Other versions
JP2016062439A (en
Inventor
一紀 中山
一紀 中山
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Yahoo Japan Corp
Original Assignee
Yahoo Japan Corp
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Yahoo Japan Corp filed Critical Yahoo Japan Corp
Priority to JP2014191291A priority Critical patent/JP6228090B2/en
Publication of JP2016062439A publication Critical patent/JP2016062439A/en
Application granted granted Critical
Publication of JP6228090B2 publication Critical patent/JP6228090B2/en
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Landscapes

  • User Interface Of Digital Computer (AREA)

Description

本発明は、端末装置、配信装置、表示方法及び表示プログラムに関する。   The present invention relates to a terminal device, a distribution device, a display method, and a display program.

近年、ウェブページや画像データなどのコンテンツが大型化しており、画面にコンテンツを表示させる場合、表示領域の大きさに合わせてコンテンツを縮小させたり、コンテンツの一部を表示したりする。   In recent years, contents such as web pages and image data have been increased in size, and when displaying contents on a screen, the contents are reduced according to the size of the display area, or a part of the contents is displayed.

このような場合、ユーザは、コンテンツの表示に対する操作を行うことにより、コンテンツの縮尺や表示される領域を変更し見たい領域を適切に表示させる。また、ユーザの視線を利用してコンテンツを適切に表示する技術も提供されている。   In such a case, the user performs an operation on the display of the content, thereby appropriately changing the scale of the content and the region to be displayed and displaying the desired region. In addition, a technique for appropriately displaying content using a user's line of sight is also provided.

特開2011−138421号公報JP2011-138421A

しかしながら、上記の従来技術では、コンテンツ全体の視認性を保ちつつユーザが所望の領域を注視できるコンテンツを表示することができるとは限らない。例えば、表示画面が比較的小さいスマートデバイスなどにコンテンツを表示する場合、コンテンツを縮小して表示したり、コンテンツの一部を表示したりするため、コンテンツにおいてユーザが見たい領域が適切に表示されない場合があり、コンテンツ全体の視認性を保ちつつユーザが所望の領域を注視できるコンテンツを表示することができるとは限らない。   However, with the above-described conventional technology, it is not always possible to display content that allows the user to gaze at a desired area while maintaining the visibility of the entire content. For example, when content is displayed on a smart device with a relatively small display screen, the content is reduced or displayed, or part of the content is displayed, so the area that the user wants to see in the content is not displayed properly In some cases, it is not always possible to display content that allows the user to gaze at a desired area while maintaining the visibility of the entire content.

本願は、上記に鑑みてなされたものであって、コンテンツ全体の視認性を保ちつつユーザが所望の領域を注視できるコンテンツを表示することができる端末装置、配信装置、表示方法及び表示プログラムを提供することを目的とする。   The present application has been made in view of the above, and provides a terminal device, a distribution device, a display method, and a display program capable of displaying content in which a user can gaze at a desired region while maintaining the visibility of the entire content. The purpose is to do.

本願に係る端末装置は、コンテンツにおいて所定の範囲に含まれる領域である注視領域の縮尺が所定の倍率であり、前記コンテンツにおける前記注視領域以外の領域の縮尺が前記所定の倍率と異なる倍率である変更コンテンツ全体を表示する表示部と、前記表示部により表示された前記変更コンテンツに対して変更操作が行われた場合、前記変更操作に応じて、前記コンテンツにおける前記所定の範囲の位置を移動させることにより、前記移動後の所定の範囲に含まれる新たな注視領域の縮尺を前記所定の倍率に変更する変更部を備えたことを特徴とする。   In the terminal device according to the present application, the scale of the gaze area that is an area included in the predetermined range in the content is a predetermined magnification, and the scale of the area other than the gaze area in the content is different from the predetermined magnification. When a change operation is performed on the display unit that displays the entire change content and the change content displayed on the display unit, the position of the predetermined range in the content is moved according to the change operation. Thus, a change unit is provided that changes the scale of the new gaze area included in the predetermined range after the movement to the predetermined magnification.

実施形態の一態様によれば、コンテンツ全体の視認性を保ちつつユーザが所望の領域を注視できるコンテンツを表示することができるという効果を奏する。   According to one aspect of the embodiment, there is an effect that it is possible to display content that allows the user to gaze at a desired region while maintaining the visibility of the entire content.

図1は、実施形態に係る表示処理の一例を示す図である。FIG. 1 is a diagram illustrating an example of display processing according to the embodiment. 図2は、実施形態に係る配信システムの構成例を示す図である。FIG. 2 is a diagram illustrating a configuration example of a distribution system according to the embodiment. 図3は、実施形態に係る広告装置の構成例を示す図である。FIG. 3 is a diagram illustrating a configuration example of the advertising device according to the embodiment. 図4は、実施形態に係る広告コンテンツ記憶部の一例を示す図である。FIG. 4 is a diagram illustrating an example of the advertising content storage unit according to the embodiment. 図5は、実施形態に係る配信装置の構成例を示す図である。FIG. 5 is a diagram illustrating a configuration example of the distribution apparatus according to the embodiment. 図6は、実施形態に係るコンテンツ記憶部の一例を示す図である。FIG. 6 is a diagram illustrating an example of a content storage unit according to the embodiment. 図7は、実施形態に係る端末装置の構成例を示す図である。FIG. 7 is a diagram illustrating a configuration example of the terminal device according to the embodiment. 図8は、実施形態に係る変更処理の一例を示す図である。FIG. 8 is a diagram illustrating an example of a change process according to the embodiment. 図9は、実施形態に係る変更コンテンツの一例を示す概念図である。FIG. 9 is a conceptual diagram illustrating an example of changed content according to the embodiment. 図10は、実施形態に係る配信システムによる配信処理手順を示すシーケンス図である。FIG. 10 is a sequence diagram illustrating a distribution processing procedure by the distribution system according to the embodiment. 図11は、実施形態に係る端末装置による表示処理手順を示すフローチャートである。FIG. 11 is a flowchart illustrating a display processing procedure by the terminal device according to the embodiment. 図12は、変形例に係る表示処理の一例を示す図である。FIG. 12 is a diagram illustrating an example of display processing according to the modification. 図13は、端末装置の機能を実現するコンピュータの一例を示すハードウェア構成図である。FIG. 13 is a hardware configuration diagram illustrating an example of a computer that realizes the function of the terminal device.

以下に、本願に係る端末装置、配信装置、表示方法及び表示プログラムを実施するための形態(以下、「実施形態」と呼ぶ)について図面を参照しつつ詳細に説明する。なお、この実施形態により本願に係る端末装置、配信装置、表示方法及び表示プログラムが限定されるものではない。また、以下の各実施形態において同一の部位には同一の符号を付し、重複する説明は省略される。   Hereinafter, a mode for carrying out a terminal device, a distribution device, a display method, and a display program according to the present application (hereinafter referred to as “embodiment”) will be described in detail with reference to the drawings. Note that the terminal device, the distribution device, the display method, and the display program according to the present application are not limited by this embodiment. In the following embodiments, the same portions are denoted by the same reference numerals, and redundant description is omitted.

〔1.表示処理〕
まず、図1を用いて、実施形態に係る表示処理の一例について説明する。図1は、実施形態に係る表示処理の一例を示す図である。図1に示した端末装置10は、ユーザが表示画面に触れることによる操作、いわゆるタッチパネルによる操作を受け付けるタブレット端末である。言い換えると、ユーザは、指や専用ペンで端末装置10の出力部13である表示画面をタッチすることにより各種操作を行う。図1では、ウェブページW10の表示領域WR10に変更コンテンツVC11〜VC13が表示される例を示す。
[1. Display processing)
First, an example of display processing according to the embodiment will be described with reference to FIG. FIG. 1 is a diagram illustrating an example of display processing according to the embodiment. The terminal device 10 illustrated in FIG. 1 is a tablet terminal that accepts an operation by a user touching a display screen, that is, an operation by a so-called touch panel. In other words, the user performs various operations by touching the display screen which is the output unit 13 of the terminal device 10 with a finger or a dedicated pen. FIG. 1 shows an example in which the changed contents VC11 to VC13 are displayed in the display area WR10 of the web page W10.

図1(a)は、図1(b)に示すウェブページW10中の表示領域WR10に表示される自動車の画像であるコンテンツC10を示す。図1に示す例においては、コンテンツC10の中央に位置する所定の範囲(以下、「等倍指定範囲」と称する場合がある)に含まれる領域である注視領域(以下、「等倍領域」と称する場合がある)R15を中心とした9つの領域に分割される。具体的には、コンテンツC10は、等しい面積で9つの領域R11〜R19に分割される。言い換えると、コンテンツC10は、図1(a)における横方向に3等分され、縦方向に3等分され、領域R11〜R19に分割される。すなわち、コンテンツC10は、等倍領域R15を中心として格子状の境界により分割される。また、図1に示す例において、コンテンツC10には、特定領域SA10が含まれるが詳細は後述する。   Fig.1 (a) shows the content C10 which is the image of the motor vehicle displayed on the display area WR10 in the web page W10 shown in FIG.1 (b). In the example shown in FIG. 1, a gaze area (hereinafter referred to as an “equal-size area”) that is an area included in a predetermined range (hereinafter sometimes referred to as “equal-size designation range”) located in the center of the content C10. It is divided into nine regions centered on R15. Specifically, the content C10 is divided into nine regions R11 to R19 with an equal area. In other words, the content C10 is divided into three equal parts in the horizontal direction in FIG. 1A, divided into three equal parts in the vertical direction, and divided into regions R11 to R19. That is, the content C10 is divided by a grid-like boundary around the equal-magnification region R15. In the example shown in FIG. 1, the content C10 includes a specific area SA10, which will be described in detail later.

図1(b)に示すように、ブラウザBR10に表示されたウェブページW10は、コンテンツC10を表示する表示領域WR10を含み、コンテンツC10に関する記事等の各種情報が表示されるウェブページである。   As shown in FIG. 1B, the web page W10 displayed on the browser BR10 is a web page including a display area WR10 for displaying the content C10 and displaying various information such as articles about the content C10.

ここで、ウェブページW10中の表示領域WR10には、コンテンツC10が表示される。図1に示す例において、ウェブページW10中の表示領域WR10に表示されるコンテンツC10の大きさと表示領域WR10の大きさとは異なる。例えば、コンテンツC10が、横が800ピクセルで縦が600ピクセルの画像であり、ウェブページW10中の表示領域WR10が、横が640ピクセルで縦が480ピクセルの表示領域である場合、ウェブページW10中の表示領域WR10の大きさは、コンテンツC10の大きさよりも小さい。   Here, the content C10 is displayed in the display area WR10 in the web page W10. In the example shown in FIG. 1, the size of the content C10 displayed in the display area WR10 in the web page W10 is different from the size of the display area WR10. For example, when the content C10 is an image having a width of 800 pixels and a height of 600 pixels, and the display area WR10 in the web page W10 is a display area of 640 pixels in width and 480 pixels in length, the content in the web page W10 The display area WR10 is smaller than the content C10.

このような場合、図1(b)に示すように、端末装置10は、表示処理によりコンテンツC10を変更した変更コンテンツVC11全体を、ウェブページW10の表示領域WR10に表示する。なお、表示処理によりコンテンツにおいて等倍指定範囲に含まれる領域である等倍領域R15の縮尺が所定の倍率であり、前記コンテンツにおける等倍領域R15以外の領域R11〜R14,R16〜R19の縮尺が所定の倍率と異なる倍率である変更コンテンツVC11全体を表示するが、表示処理の詳細は後述する。本実施形態においては、「所定の倍率」を1倍(つまり、「等倍」)として説明する。   In such a case, as illustrated in FIG. 1B, the terminal device 10 displays the entire changed content VC11 in which the content C10 has been changed by the display process in the display area WR10 of the web page W10. Note that the scale of the same-size region R15 that is an area included in the same-size designated range in the content by the display process is a predetermined magnification, and the scales of the regions R11 to R14 and R16 to R19 other than the same-size region R15 in the content are the same. The entire changed content VC11 having a magnification different from the predetermined magnification is displayed. Details of the display process will be described later. In the present embodiment, the “predetermined magnification” is assumed to be 1 time (that is, “same magnification”).

ここで、図1(a)に示すコンテンツC10と、図1(b)に示す変更コンテンツVC11との関係について説明する。図1(b)に示す変更コンテンツVC11は、領域CR11〜CR19の9つの領域からなる。そして、変更コンテンツVC11の領域CR11〜CR19は、コンテンツC10の領域R11〜R19にそれぞれ対応する。例えば、変更コンテンツVC11の領域CR11はコンテンツC10の領域R11に対応し、変更コンテンツVC11の領域CR15はコンテンツC10の等倍領域R15に対応する。図1に示す例では、変更コンテンツVC11の領域CR15は、コンテンツC10において対応する等倍領域R15の等倍の縮尺のもの、すなわち等倍領域R15を同一である。そして、変更コンテンツVC11の領域CR15を除く8つの領域CR11〜CR14,CR16〜CR19は、コンテンツC10において対応する領域R11〜R14,R16〜R19が等倍と異なる(例えば、1より小さい)倍率で縮尺を変更されたものである。したがって、端末装置10は、コンテンツC10に対する縮尺が等倍である領域CR15と、縮尺が等倍でない(例えば、1倍より小さい)8つの領域CR11〜CR14,CR16〜CR19とからなる変更コンテンツVC11全体をウェブページW10の表示領域WR10に表示する。以下、変更コンテンツの領域のうち、コンテンツ中の等倍領域に対応する領域を対応領域と称する場合がある。例えば、変更コンテンツVC11では、コンテンツC10の等倍領域R15に対応する領域CR15が対応領域となる。以下、領域CR15を対応領域NR10と称する場合がある。   Here, the relationship between the content C10 shown in FIG. 1A and the changed content VC11 shown in FIG. 1B will be described. The changed content VC11 shown in FIG. 1B is composed of nine areas CR11 to CR19. The areas CR11 to CR19 of the changed content VC11 correspond to the areas R11 to R19 of the content C10, respectively. For example, the area CR11 of the changed content VC11 corresponds to the area R11 of the content C10, and the area CR15 of the changed content VC11 corresponds to the same-size area R15 of the content C10. In the example illustrated in FIG. 1, the region CR15 of the changed content VC11 is the same size as that of the corresponding same-size region R15 in the content C10, that is, the same-size region R15. The eight regions CR11 to CR14 and CR16 to CR19 excluding the region CR15 of the changed content VC11 are scaled at a magnification that is different from the corresponding regions R11 to R14 and R16 to R19 in the content C10 (for example, smaller than 1). Has been changed. Therefore, the terminal device 10 has the entire changed content VC11 including the region CR15 having the same scale with respect to the content C10 and the eight regions CR11 to CR14 and CR16 to CR19 not having the same scale (for example, smaller than 1 ×). Is displayed in the display area WR10 of the web page W10. Hereinafter, of the changed content area, an area corresponding to the same size area in the content may be referred to as a corresponding area. For example, in the changed content VC11, the region CR15 corresponding to the same size region R15 of the content C10 is the corresponding region. Hereinafter, the region CR15 may be referred to as a corresponding region NR10.

その後、端末装置10は、変更コンテンツVC11に対する変更操作を受け付ける。なお、端末装置10は、ユーザによる変更操作に応じて、コンテンツC10における等倍指定範囲の位置を移動させることにより、移動後の等倍指定範囲に含まれる新たな等倍領域R25の縮尺を等倍に変更する変更処理を行うが、変更処理の詳細は後述する。図1に示す例において、端末装置10は、表示領域WR10(つまり、表示されている変更コンテンツVC11)に対してユーザが指定する位置が検知されている場合、ユーザが指定する位置を変化させる操作を変更操作として等倍指定範囲の位置を移動させる。例えば、端末装置10は、ユーザが表示領域WR10を指定した指を移動させる操作、いわゆるスワイプ操作やドラッグ操作を行った場合、その指の位置の変化量に応じて、コンテンツC10における等倍指定範囲の位置を移動させる(図1(c)参照)。そして、端末装置10は、コンテンツC10における移動後の等倍指定範囲に対応する新たな等倍領域R25の縮尺を等倍とし、コンテンツC10における新たな等倍領域R25以外の領域R21〜R24,R26〜R29の倍率を変更コンテンツVC11の大きさに応じて変更した変更コンテンツVC12を表示する(図8(c)参照)。なお、ユーザが表示領域WR10を指定するとは、表示領域WR10に表示された変更コンテンツを指定することを意味する。   Thereafter, the terminal device 10 accepts a change operation for the changed content VC11. Note that the terminal device 10 moves the position of the same-size designation range in the content C10 in accordance with the change operation by the user, so that the scale of the new same-size region R25 included in the same-size designation range after the movement is equalized. The change process for changing to double is performed. Details of the change process will be described later. In the example illustrated in FIG. 1, the terminal device 10 performs an operation of changing the position specified by the user when the position specified by the user is detected with respect to the display area WR10 (that is, the displayed changed content VC11). As a change operation, move the position of the same size specified range. For example, when the user performs an operation of moving a finger specifying the display area WR10, that is, a so-called swipe operation or a drag operation, the terminal device 10 specifies the same size specified range in the content C10 according to the amount of change in the position of the finger. Is moved (see FIG. 1C). Then, the terminal device 10 sets the scale of the new equal-magnification region R25 corresponding to the moved equal-magnification specified range in the content C10 to the same magnification, and the regions R21 to R24, R26 other than the new equal-magnification region R25 in the content C10. The changed content VC12 in which the magnification of ~ R29 is changed according to the size of the changed content VC11 is displayed (see FIG. 8C). The designation of the display area WR10 by the user means designation of changed content displayed in the display area WR10.

図1(c)に示す変更コンテンツVC12は、領域CR21〜CR29の9つの領域からなる。つまり、端末装置10は、コンテンツC10に対する縮尺が等倍である対応領域NR20(CR25)と、縮尺が等倍でない(例えば、1倍より小さい)8つの領域CR21〜CR24,CR26〜CR29とからなる変更コンテンツVC12全体をウェブページW10の表示領域WR10に表示する。言い換えると、コンテンツC10に対して対応領域NR20(CR25)のみが等倍のまま表示され、他の8つの領域CR21〜CR24,CR26〜CR29は縮尺を変更して表示領域WR10に表示される。   The changed content VC12 shown in FIG. 1C is composed of nine areas CR21 to CR29. That is, the terminal device 10 includes a corresponding area NR20 (CR25) having the same scale with respect to the content C10, and eight areas CR21 to CR24 and CR26 to CR29 that are not scaled (for example, smaller than 1 time). The entire changed content VC12 is displayed in the display area WR10 of the web page W10. In other words, only the corresponding area NR20 (CR25) is displayed at the same magnification with respect to the content C10, and the other eight areas CR21 to CR24 and CR26 to CR29 are displayed in the display area WR10 with the scale changed.

図1(b)〜(c)に示すように、ユーザの変更操作に応じて、変更コンテンツVC11,VC12中の対応領域NR10,NR20の位置が変更される。図1(c)に示す例において、ユーザは表示領域WR10を指定した指を右下方向へ移動させる。このとき、表示領域WR10に表示される対応領域NR10,NR20の位置は、指の移動方向である右下方向とは反対方向の左上方向に移動する。このように、端末装置10は、ユーザの変更操作に応じて変更コンテンツVC11,VC12の対応領域NR10,NR20の位置を変更することにより、コンテンツC10においてユーザが見たい領域を表示領域WR10に等倍で表示する。   As shown in FIGS. 1B to 1C, the positions of the corresponding areas NR10 and NR20 in the changed contents VC11 and VC12 are changed according to the change operation by the user. In the example shown in FIG. 1C, the user moves the finger specifying the display area WR10 in the lower right direction. At this time, the positions of the corresponding areas NR10 and NR20 displayed in the display area WR10 move in the upper left direction opposite to the lower right direction that is the finger moving direction. As described above, the terminal device 10 changes the position of the corresponding areas NR10 and NR20 of the changed contents VC11 and VC12 according to the change operation of the user, so that the area that the user wants to see in the contents C10 is equal to the display area WR10. Is displayed.

図1(d)は、図1(c)に示す例からユーザが表示領域WR10を指定した指をさらに右下方向へ移動させた例を示す。図1(d)に示すように、表示領域WR10に表示される対応領域NR30の位置は、図1(c)からさらに左上方向に移動する。図1(d)に示す変更コンテンツVC13は、領域CR31〜CR39の9つの領域からなる。つまり、端末装置10は、コンテンツC10に対する縮尺が等倍である対応領域NR30(CR35)と、縮尺が等倍でない(例えば、1倍より小さい)8つの領域CR31〜CR34,CR36〜CR39とからなる変更コンテンツVC13全体をウェブページW10の表示領域WR10に表示する。言い換えると、対応領域NR30(CR35)のみが等倍のまま表示され、他の8つの領域CR31〜CR34,CR36〜CR39は縮尺を変更して表示領域WR10に表示される。   FIG. 1D shows an example in which the user designated the display area WR10 is moved further to the lower right from the example shown in FIG. As shown in FIG. 1D, the position of the corresponding area NR30 displayed in the display area WR10 further moves in the upper left direction from FIG. The changed content VC13 shown in FIG. 1D is composed of nine areas CR31 to CR39. That is, the terminal device 10 includes a corresponding area NR30 (CR35) having the same scale with respect to the content C10, and eight areas CR31 to CR34 and CR36 to CR39 having a non-scaled scale (for example, smaller than 1 time). The entire changed content VC13 is displayed in the display area WR10 of the web page W10. In other words, only the corresponding area NR30 (CR35) is displayed with the same magnification, and the other eight areas CR31 to CR34, CR36 to CR39 are displayed in the display area WR10 with the scale changed.

ここで、図1(d)に示す変更コンテンツVC13は、対応領域NR30(CR35)に特定領域SA10を含む。このように、変更コンテンツVC13の対応領域NR30中に特定領域SA10が含まれた場合、端末装置10は、コンテンツC10に関連する広告コンテンツAC10を表示させる。   Here, the changed content VC13 illustrated in FIG. 1D includes the specific area SA10 in the corresponding area NR30 (CR35). As described above, when the specific area SA10 is included in the corresponding area NR30 of the changed content VC13, the terminal device 10 displays the advertisement content AC10 related to the content C10.

上述したように、実施形態に係る端末装置10は、表示領域WR10の大きさに応じて、コンテンツC10全体の視認性を保つように表示処理によりコンテンツC10を変更した変更コンテンツVC11〜VC13全体を表示領域WR10に表示する。そして、変更コンテンツVC11〜VC13には、表示領域WR10にコンテンツC10と同じ縮尺で表示される対応領域NR10〜NR30が含まれる。これにより、端末装置10は、ウェブページW10中の表示領域WR10の大きさよりも大きいコンテンツC10の内容全体を表示領域WR10に表示し、かつ一部はコンテンツC10の原寸大のまま表示することができる。また、端末装置10は、ユーザの変更操作に応じて変更コンテンツVC11〜VC13の対応領域NR10〜NR30の位置を変更することにより、コンテンツC10においてユーザが見たい領域を表示領域WR10に等倍で表示することができる。つまり、端末装置10は、コンテンツを表示する表示領域の大きさが当該コンテンツの大きさよりも小さい場合であっても、コンテンツ全体の視認性を保ちつつ、ユーザが所望の領域を等倍にした態様でコンテンツを表示することができる。例えば、端末装置10を使用するユーザは、表示領域WR10にコンテンツC10全体の内容が表示されているため、ページ遷移やスクロール操作を行うことなく、自身が見たいコンテンツC10の領域を探すことができる。具体的には、端末装置10を使用するユーザは、表示領域WR10に表示された変更コンテンツVC11〜VC13の対応領域NR10〜NR30を変更操作により移動させることにより、自身が見たいコンテンツの領域を探すことができる。このように、端末装置10は、ユーザに対して適切にコンテンツを表示できる。   As described above, the terminal device 10 according to the embodiment displays the entire changed content VC11 to VC13 in which the content C10 is changed by the display process so as to maintain the visibility of the entire content C10 according to the size of the display area WR10. Displayed in the area WR10. The changed contents VC11 to VC13 include corresponding areas NR10 to NR30 displayed on the display area WR10 at the same scale as the content C10. Thereby, the terminal device 10 can display the entire content of the content C10 larger than the size of the display area WR10 in the web page W10 in the display area WR10, and a part can be displayed with the original size of the content C10. . Further, the terminal device 10 displays the region that the user wants to see in the content C10 at the same magnification in the display region WR10 by changing the positions of the corresponding regions NR10 to NR30 of the changed content VC11 to VC13 according to the user's changing operation. can do. In other words, the terminal device 10 is an aspect in which the user has made the desired region the same size while maintaining the visibility of the entire content even when the size of the display region for displaying the content is smaller than the size of the content. Can display content. For example, the user who uses the terminal device 10 can search for the area of the content C10 he / she wants to see without performing page transition or scrolling operation because the entire contents of the content C10 are displayed in the display area WR10. . Specifically, the user using the terminal device 10 searches for a content area that the user wants to see by moving the corresponding areas NR10 to NR30 of the changed contents VC11 to VC13 displayed in the display area WR10 by a change operation. be able to. Thus, the terminal device 10 can display content appropriately for the user.

また、端末装置10において、表示領域WR10に表示された変更コンテンツVC11〜VC13の表示態様がユーザの変更操作により変化するので、ユーザにとってゲーム性の高いコンテンツの表示となる。そのため、ユーザが変更操作を行わせることにより、ユーザが変更操作を行っている間は、ユーザの注目をそのコンテンツに向けさせることができる。また、表示領域WR10に表示された変更コンテンツVC11〜VC13に対して変更操作を行っているユーザは、そのコンテンツに対して関心のあるユーザである可能性が高いと推定できる。そのため、端末装置10は、ユーザの変更操作によってコンテンツ中の特定の領域が、対応領域に含まれたことをトリガーとしてコンテンツに関連する広告コンテンツを表示する。具体的には、図1に示す例において、ユーザが表示領域WR10に表示された変更コンテンツVC11〜VC13に対して変更操作を行い、図1(d)において特定領域SA10が対応領域NR30に含まれている。ここで、図1に示す例において、特定領域SA10は表示されたコンテンツC10における自動車のエンブレム部分に対応する。このような場合、変更操作を行っているユーザは、コンテンツC10の自動車に関心のあるユーザである可能性が高い。そこで、端末装置10は、特定領域SA10が対応領域NR30に含まれた場合、コンテンツC10に関連する広告コンテンツAC10を表示する。このように、端末装置10は、表示したコンテンツに関心があると推定されるユーザに対してコンテンツに関連する広告コンテンツを表示することで、広告コンテンツの広告効果を向上させることができる。   Moreover, in the terminal device 10, since the display mode of the changed content VC11 to VC13 displayed in the display area WR10 is changed by the user's change operation, the content with high game characteristics for the user is displayed. Therefore, when the user performs the change operation, the user's attention can be directed to the content while the user is performing the change operation. Moreover, it can be estimated that the user who is performing change operation with respect to the change content VC11-VC13 displayed on display area WR10 has a high possibility of being a user interested in the content. Therefore, the terminal device 10 displays advertisement content related to the content triggered by the fact that a specific region in the content is included in the corresponding region by the user's change operation. Specifically, in the example shown in FIG. 1, the user performs a change operation on the changed contents VC11 to VC13 displayed in the display area WR10, and the specific area SA10 is included in the corresponding area NR30 in FIG. ing. Here, in the example shown in FIG. 1, the specific area SA10 corresponds to the emblem portion of the car in the displayed content C10. In such a case, there is a high possibility that the user performing the changing operation is a user who is interested in the car of the content C10. Therefore, when the specific area SA10 is included in the corresponding area NR30, the terminal device 10 displays the advertising content AC10 related to the content C10. Thus, the terminal device 10 can improve the advertising effect of the advertising content by displaying the advertising content related to the content to the user who is estimated to be interested in the displayed content.

また、上述したように、表示領域WR10に表示された変更コンテンツVC11〜VC13の表示態様がユーザの変更操作により変化するので、ユーザにとってゲーム性の高いコンテンツの表示となる。そのため、端末装置10は、コンテンツC10として広告コンテンツを表示してもよい。この場合、ユーザが変更操作を行っている間は、ユーザの注目をその広告コンテンツに向けさせることができる。これにより、端末装置10は、ユーザが表示された広告コンテンツに対して変更操作を行っている間、広告コンテンツの表示態様を変化させるので、ゲーム性のある広告表現となるため、広告の訴求力を高めることができる。この結果、端末装置10は、広告コンテンツの広告効果を向上させることができる。なお、上記の表示処理の説明においては、所定の倍率を等倍とし、対応領域を等倍で表示する場合を例示したが、所定の倍率は、コンテンツの大きさと表示領域の大きさとの関係に基づいて適宜設定してもよい。例えば、所定の倍率は、対応領域がユーザによって注視可能な大きさで表示され、且つコンテンツ全体が視認可能であればどのような倍率(例えば、2倍や0.8倍など)であってもよい。   Further, as described above, since the display mode of the changed contents VC11 to VC13 displayed in the display area WR10 is changed by the user's changing operation, the content with high game characteristics for the user is displayed. Therefore, the terminal device 10 may display advertisement content as the content C10. In this case, while the user is performing the changing operation, the user's attention can be directed to the advertisement content. Accordingly, the terminal device 10 changes the display mode of the advertisement content while the user performs a change operation on the displayed advertisement content. Can be increased. As a result, the terminal device 10 can improve the advertising effect of the advertising content. In the above description of the display process, the case where the predetermined magnification is set to the same magnification and the corresponding area is displayed at the same magnification is illustrated. However, the predetermined magnification is related to the relationship between the size of the content and the size of the display area. You may set suitably based on. For example, the predetermined magnification may be any magnification (for example, 2 times or 0.8 times) as long as the corresponding area is displayed in a size that can be watched by the user and the entire content is visible. Good.

以下、上述した表示処理を実現する端末装置10等について説明する。なお、上記では説明を省略したが、上述したウェブページW10には、表示領域WR10中の変更コンテンツの表示態様を制御する制御情報が含まれる。また、端末装置10は、制御情報に従って上述した表示処理を行う。このような制御情報については後述する。   Hereinafter, the terminal device 10 and the like that realize the display processing described above will be described. Although not described above, the web page W10 described above includes control information for controlling the display mode of the changed content in the display area WR10. Moreover, the terminal device 10 performs the above-described display process according to the control information. Such control information will be described later.

〔2.配信システムの構成〕
次に、図2を用いて、実施形態に係る配信システムの構成について説明する。図2は、実施形態に係る配信システム1の構成例を示す図である。図2に示すように、配信システム1は、端末装置10と、広告主端末20と、広告装置30と、配信装置100とを含む。端末装置10、広告主端末20、広告装置30及び配信装置100は、ネットワーク40を介して有線又は無線により通信可能に接続される。なお、図2に示す配信システム1には、複数台の端末装置10や、複数台の広告主端末20や、複数台の広告装置30や、複数台の配信装置100が含まれてもよい。
[2. Distribution system configuration)
Next, the configuration of the distribution system according to the embodiment will be described with reference to FIG. FIG. 2 is a diagram illustrating a configuration example of the distribution system 1 according to the embodiment. As illustrated in FIG. 2, the distribution system 1 includes a terminal device 10, an advertiser terminal 20, an advertising device 30, and a distribution device 100. The terminal device 10, the advertiser terminal 20, the advertising device 30, and the distribution device 100 are connected via a network 40 so that they can communicate by wire or wirelessly. 2 may include a plurality of terminal devices 10, a plurality of advertiser terminals 20, a plurality of advertising devices 30, and a plurality of distribution devices 100.

端末装置10は、例えば、タッチパネルの機能を備えるタブレット端末であって、ウェブページを閲覧するユーザによって利用される情報処理装置である。なお、端末装置10は、例えば、スマートフォンや、デスクトップ型PC(Personal Computer)や、ノート型PCや、携帯電話機や、PDA(Personal Digital Assistant)等であってもよい。   The terminal device 10 is, for example, a tablet terminal having a touch panel function, and is an information processing device used by a user who browses a web page. The terminal device 10 may be, for example, a smartphone, a desktop PC (Personal Computer), a notebook PC, a mobile phone, a PDA (Personal Digital Assistant), or the like.

また、端末装置10は、ユーザによる操作に従って、配信装置100からウェブページを取得し、取得したウェブページを表示する。また、端末装置10は、ウェブページに後述する広告取得命令が含まれる場合には、広告装置30から広告コンテンツを取得する。   In addition, the terminal device 10 acquires a web page from the distribution device 100 according to an operation by the user, and displays the acquired web page. Further, the terminal device 10 acquires the advertising content from the advertising device 30 when the web page includes an advertisement acquisition command to be described later.

広告主端末20は、広告主によって利用される情報処理装置である。例えば、広告主端末20は、デスクトップ型PCや、ノート型PCや、タブレット端末や、携帯電話機や、PDA等である。また、広告主端末20は、広告主による操作に従って、広告コンテンツを広告装置30に入稿する。例えば、広告主端末20は、広告コンテンツとして、静止画像や、動画像や、テキストデータや、広告主が管理する広告主サーバによって配信される広告ページにアクセスするためのURL(Uniform Resource Locator)などを広告装置30に入稿する。   The advertiser terminal 20 is an information processing device used by the advertiser. For example, the advertiser terminal 20 is a desktop PC, a notebook PC, a tablet terminal, a mobile phone, a PDA, or the like. Further, the advertiser terminal 20 submits the advertising content to the advertising device 30 according to the operation by the advertiser. For example, the advertiser terminal 20 has, as advertisement content, a still image, a moving image, text data, a URL (Uniform Resource Locator) for accessing an advertisement page distributed by an advertiser server managed by the advertiser, or the like. Are submitted to the advertising device 30.

なお、広告主は、広告コンテンツの入稿を代理店に依頼する場合がある。この場合、広告装置30に広告コンテンツを入稿するのは代理店となる。以下では、「広告主」といった表記は、広告主だけでなく代理店を含む概念であり、「広告主端末」といった表記は、広告主端末20だけでなく代理店によって利用される代理店装置を含む概念であるものとする。   Note that an advertiser may request an agency to submit advertising content. In this case, it is the agency that submits the advertising content to the advertising device 30. In the following, the notation “advertiser” is a concept that includes not only the advertiser but also the agency, and the notation “advertiser terminal” refers to the agency device used by the agency as well as the advertiser terminal 20. It is a concept that includes.

広告装置30は、広告主端末20から入稿された広告コンテンツを配信するサーバ装置である。例えば、広告装置30は、端末装置10からアクセスされた場合に、広告コンテンツを端末装置10に配信する。   The advertising device 30 is a server device that distributes advertising content submitted from the advertiser terminal 20. For example, the advertising device 30 delivers advertising content to the terminal device 10 when accessed from the terminal device 10.

配信装置100は、端末装置10にウェブページを配信するウェブサーバ等である。例えば、配信装置100は、ニュースサイト、オークションサイト、天気予報サイト、ショッピングサイト、ファイナンス(株価)サイト、路線検索サイト、地図提供サイト、旅行サイト、飲食店紹介サイト、ウェブブログなどに関する各種ウェブページを配信する。   The distribution device 100 is a web server that distributes a web page to the terminal device 10. For example, the distribution apparatus 100 displays various web pages related to news sites, auction sites, weather forecast sites, shopping sites, finance (stock price) sites, route search sites, map providing sites, travel sites, restaurant introduction sites, web blogs, and the like. To deliver.

配信装置100によって配信されるウェブページは、例えば、HTML(HyperText Markup Language)により記述されたHTMLファイルや、XML(Extensible Markup Language)により記述されたXMLファイル等により形成される。そして、配信装置100によって配信されるウェブページには、ウェブページ中のコンテンツの表示態様を制御する制御情報が含まれる。この制御情報は、例えば、JavaScript(登録商標)やCSS(Cascading Style Sheets)等のスクリプト言語により、ウェブページを形成するHTMLファイル等に記述される。   The web page distributed by the distribution apparatus 100 is formed by, for example, an HTML file described in HTML (HyperText Markup Language), an XML file described in XML (Extensible Markup Language), or the like. And the web page delivered by the delivery apparatus 100 includes control information for controlling the display mode of the content in the web page. This control information is described in an HTML file or the like that forms a web page by using a script language such as JavaScript (registered trademark) or CSS (Cascading Style Sheets).

また、配信装置100は、端末装置10にウェブページを配信する際に、当該ウェブページに表示される画像等であるコンテンツを端末装置10へ配信する。なお、端末装置10へ配信されたコンテンツはウェブページ中の所定の表示領域に表示されるが、端末装置10におけるコンテンツの表示については、後述する。   Further, when distributing the web page to the terminal device 10, the distribution device 100 distributes content such as an image displayed on the web page to the terminal device 10. The content distributed to the terminal device 10 is displayed in a predetermined display area in the web page. The display of the content on the terminal device 10 will be described later.

また、配信装置100によって配信されるウェブページには、広告取得命令が含まれる。例えば、ウェブページを形成するHTMLファイル等には、広告装置30のURL等が広告取得命令として記述される。この場合、端末装置10は、HTMLファイル等に記述されているURLにアクセスすることで、広告装置30から広告コンテンツを取得する。   Further, the web page distributed by the distribution apparatus 100 includes an advertisement acquisition command. For example, in an HTML file or the like forming a web page, the URL of the advertising device 30 is described as an advertisement acquisition command. In this case, the terminal device 10 acquires the advertising content from the advertising device 30 by accessing a URL described in an HTML file or the like.

〔3.広告装置の構成〕
次に、図3を用いて、実施形態に係る広告装置30の構成について説明する。図3は、実施形態に係る広告装置30の構成例を示す図である。図3に示すように、広告装置30は、通信部31と、広告コンテンツ記憶部32と、制御部33とを有する。
[3. Configuration of advertising device]
Next, the configuration of the advertising device 30 according to the embodiment will be described with reference to FIG. FIG. 3 is a diagram illustrating a configuration example of the advertising device 30 according to the embodiment. As illustrated in FIG. 3, the advertising device 30 includes a communication unit 31, an advertising content storage unit 32, and a control unit 33.

通信部31は、例えば、NIC(Network Interface Card)等によって実現される。そして、通信部31は、ネットワーク40と有線又は無線で接続され、端末装置10や広告主端末20や配信装置100との間で情報の送受信を行う。   The communication unit 31 is realized by a NIC (Network Interface Card) or the like, for example. The communication unit 31 is connected to the network 40 in a wired or wireless manner, and transmits / receives information to / from the terminal device 10, the advertiser terminal 20, and the distribution device 100.

広告コンテンツ記憶部32は、例えば、RAM(Random Access Memory)、フラッシュメモリ(Flash Memory)等の半導体メモリ素子、または、ハードディスク、光ディスク等の記憶装置によって実現される。そして、広告コンテンツ記憶部32は、広告主端末20から入稿された広告コンテンツに関する各種情報を記憶する。   The advertisement content storage unit 32 is realized by, for example, a semiconductor memory device such as a RAM (Random Access Memory) or a flash memory, or a storage device such as a hard disk or an optical disk. Then, the advertising content storage unit 32 stores various information related to the advertising content submitted from the advertiser terminal 20.

ここで、図4に、実施形態に係る広告コンテンツ記憶部32の一例を示す。図4に示した例では、広告コンテンツ記憶部32は、「広告主ID」、「広告コンテンツ」、「入札価格」、「CTR(Click Through Rate)」といった項目を有する。   Here, FIG. 4 shows an example of the advertising content storage unit 32 according to the embodiment. In the example illustrated in FIG. 4, the advertisement content storage unit 32 includes items such as “advertiser ID”, “advertisement content”, “bid price”, and “CTR (Click Through Rate)”.

「広告主ID」は、広告主又は広告主端末20を識別するための識別情報を示す。「広告コンテンツ」は、広告主端末20から入稿された広告コンテンツを示す。図4では「広告コンテンツ」に「AC10」といった概念的な情報が格納される例を示したが、実際には、静止画像や動画像やテキストデータやURL、又は、これらの格納場所を示すファイルパス名などが格納される。   The “advertiser ID” indicates identification information for identifying the advertiser or the advertiser terminal 20. “Advertising content” indicates the advertising content submitted from the advertiser terminal 20. FIG. 4 shows an example in which conceptual information such as “AC10” is stored in “advertising content”, but actually, a still image, a moving image, text data, a URL, or a file indicating the storage location thereof. Stores path names and so on.

「入札価格」は、広告主が広告コンテンツを入稿する際に指定する広告料金を示す。例えば、「入札価格」は、広告コンテンツがユーザに1回クリックされた際に広告主から広告配信者(例えば、広告装置30又は配信装置100の管理者)に支払われる単価に該当する。なお、本実施形態においては、「入札価格」は、ユーザに1回変更操作された際に広告主から広告配信者に支払われる単価であってもよい。   “Bid price” indicates an advertising fee designated when an advertiser submits advertising content. For example, the “bid price” corresponds to a unit price paid from the advertiser to the advertisement distributor (for example, the administrator of the advertisement apparatus 30 or the distribution apparatus 100) when the advertisement content is clicked once by the user. In the present embodiment, the “bid price” may be a unit price paid from the advertiser to the advertisement distributor when the user performs a change operation once.

「CTR」は、広告コンテンツがクリックされた回数を広告コンテンツの表示回数によって除算した値を示す。なお、端末装置10に配信されたことがない広告コンテンツのCTRには、予め決められている固定値や、全ての広告コンテンツにおけるCTRの平均値や、同一の広告カテゴリ(例えば、車、旅行)に属する全ての広告コンテンツにおけるCTRの平均値などが記憶される。また、「CTR」には、CTRの予測モデル等から予測される予測CTRが記憶されてもよい。このような予測CTRは、例えば、広告コンテンツの種別や、広告コンテンツが表示されるウェブページの種別等によって予測される。   “CTR” indicates a value obtained by dividing the number of times the advertising content is clicked by the number of times the advertising content is displayed. The CTR of the advertising content that has not been distributed to the terminal device 10 includes a predetermined fixed value, an average value of CTR for all advertising content, and the same advertising category (for example, car, travel). The average value of CTR and the like for all the advertising contents belonging to is stored. Further, “CTR” may store a predicted CTR predicted from a CTR prediction model or the like. Such a predicted CTR is predicted based on, for example, the type of advertising content, the type of web page on which the advertising content is displayed, and the like.

すなわち、図4では、広告主ID「B10」によって識別される広告主が、入札価格「100」を指定するとともに、広告コンテンツ「AC10」を入稿した例を示している。また、図4では、広告コンテンツ「AC10」のCTRが「0.02」である例を示している。   That is, FIG. 4 shows an example in which the advertiser identified by the advertiser ID “B10” specifies the bid price “100” and submits the advertising content “AC10”. FIG. 4 shows an example in which the CTR of the advertisement content “AC10” is “0.02”.

制御部33は、例えば、CPU(Central Processing Unit)やMPU(Micro Processing Unit)等によって、広告装置30内部の記憶装置に記憶されている各種プログラムがRAMを作業領域として実行されることにより実現される。また、制御部33は、例えば、ASIC(Application Specific Integrated Circuit)やFPGA(Field Programmable Gate Array)等の集積回路により実現される。   The control unit 33 is realized by, for example, a CPU (Central Processing Unit), an MPU (Micro Processing Unit), or the like executing various programs stored in the storage device inside the advertising device 30 using the RAM as a work area. The The control unit 33 is realized by an integrated circuit such as an application specific integrated circuit (ASIC) or a field programmable gate array (FPGA).

図3に示すように、制御部33は、入稿受付部34と、要求受付部35と、抽出部36と、配信部37とを有し、以下に説明する情報処理の機能や作用を実現または実行する。なお、制御部33の内部構成は、図3に示した構成に限られず、後述する情報処理を行う構成であれば他の構成であってもよい。また、制御部33が有する各処理部の接続関係は、図3に示した接続関係に限られず、他の接続関係であってもよい。   As shown in FIG. 3, the control unit 33 includes a submission reception unit 34, a request reception unit 35, an extraction unit 36, and a distribution unit 37, and realizes information processing functions and operations described below. Or run. The internal configuration of the control unit 33 is not limited to the configuration illustrated in FIG. 3, and may be another configuration as long as the information processing described later is performed. Further, the connection relationship between the processing units included in the control unit 33 is not limited to the connection relationship illustrated in FIG. 3, and may be another connection relationship.

入稿受付部34は、広告主端末20から広告コンテンツの入稿を受け付ける。具体的には、入稿受付部34は、入札価格の指定とともに広告コンテンツの入稿を受け付ける。そして、入稿受付部34は、入稿元の広告主に対応する広告主IDに対応付けて、受け付けた入札価格及び広告コンテンツを広告コンテンツ記憶部32に格納する。   The submission acceptance unit 34 accepts submission of advertisement content from the advertiser terminal 20. Specifically, the submission accepting unit 34 accepts submission of advertising content together with designation of a bid price. Then, the submission receiving unit 34 stores the received bid price and advertisement content in the advertisement content storage unit 32 in association with the advertiser ID corresponding to the advertiser of the submission source.

要求受付部35は、端末装置10から広告コンテンツの取得要求を受け付ける。例えば、要求受付部35は、広告コンテンツの取得要求として、HTTPリクエストを受け付ける。   The request reception unit 35 receives an advertisement content acquisition request from the terminal device 10. For example, the request reception unit 35 receives an HTTP request as an advertisement content acquisition request.

抽出部36は、要求受付部35によって広告コンテンツの取得要求が受け付けられた場合に、配信候補の広告コンテンツを広告コンテンツ記憶部32から抽出する。例えば、抽出部36は、広告コンテンツ記憶部32に記憶されている広告コンテンツのうち、入札価格又はCTRが高い広告コンテンツや、入札価格及びCTRの双方が高い広告コンテンツを優先して抽出する。   When the request reception unit 35 receives an advertisement content acquisition request, the extraction unit 36 extracts the distribution candidate advertisement content from the advertisement content storage unit 32. For example, the extraction unit 36 preferentially extracts advertising content with a high bid price or CTR, or advertising content with a high bid price and CTR, among the advertising content stored in the advertising content storage unit 32.

配信部37は、広告コンテンツ記憶部32に記憶されている広告コンテンツを配信する。具体的には、配信部37は、広告コンテンツの取得要求を送信した端末装置10に対して、抽出部36によって抽出された広告コンテンツを配信する。   The distribution unit 37 distributes the advertisement content stored in the advertisement content storage unit 32. Specifically, the distribution unit 37 distributes the advertisement content extracted by the extraction unit 36 to the terminal device 10 that has transmitted the advertisement content acquisition request.

〔4.配信装置の構成〕
次に、図5を用いて、実施形態に係る配信装置100の構成について説明する。図5は、実施形態に係る配信装置100の構成例を示す図である。図5に示すように、配信装置100は、通信部110と、コンテンツ記憶部120と、制御部130とを有する。
[4. Configuration of distribution device]
Next, the configuration of the distribution apparatus 100 according to the embodiment will be described with reference to FIG. FIG. 5 is a diagram illustrating a configuration example of the distribution apparatus 100 according to the embodiment. As illustrated in FIG. 5, the distribution apparatus 100 includes a communication unit 110, a content storage unit 120, and a control unit 130.

通信部110は、例えば、NIC等によって実現される。そして、通信部110は、ネットワーク40と有線又は無線で接続され、端末装置10や広告装置30との間で情報の送受信を行う。   The communication unit 110 is realized by a NIC or the like, for example. The communication unit 110 is connected to the network 40 in a wired or wireless manner, and transmits and receives information to and from the terminal device 10 and the advertising device 30.

コンテンツ記憶部120は、例えば、RAM、フラッシュメモリ等の半導体メモリ素子、または、ハードディスク、光ディスク等の記憶装置によって実現される。そして、コンテンツ記憶部120は、ウェブページに関する情報を記憶する。例えば、コンテンツ記憶部120は、ウェブページを形成するHTMLファイルや、ウェブページに表示される静止画像や動画像を記憶する。   The content storage unit 120 is realized by, for example, a semiconductor memory device such as a RAM or a flash memory, or a storage device such as a hard disk or an optical disk. And the content memory | storage part 120 memorize | stores the information regarding a web page. For example, the content storage unit 120 stores an HTML file that forms a web page, a still image or a moving image displayed on the web page.

ここで、図6に、実施形態に係るコンテンツ記憶部120の一例を示す。図6に示した例では、広告コンテンツ記憶部32は、「ウェブページID」、「ウェブページ」、「コンテンツ」、「広告取得命令」、「制御情報」といった項目を有する。   Here, FIG. 6 illustrates an example of the content storage unit 120 according to the embodiment. In the example illustrated in FIG. 6, the advertisement content storage unit 32 includes items such as “web page ID”, “web page”, “content”, “advertisement acquisition command”, and “control information”.

「ウェブページID」は、ウェブページを識別するための識別情報を示す。「ウェブページ」は、端末装置10へ配信されるウェブページを示す。図6では「ウェブページ」に「W10」といった概念的な情報が格納される例を示したが、実際には、HTMLファイルやXMLファイル等、又は、これらの格納場所を示すファイルパス名などが格納される。   “Web page ID” indicates identification information for identifying a web page. “Web page” indicates a web page distributed to the terminal device 10. FIG. 6 shows an example in which conceptual information such as “W10” is stored in the “web page”, but actually, an HTML file, an XML file, or the like, or a file path name indicating the storage location thereof is used. Stored.

「コンテンツ」は、ウェブページに表示されるコンテンツを示す。図6では「コンテンツ」に「C10」といった概念的な情報が格納される例を示したが、実際には、静止画像や動画像やテキストデータやURL、又は、これらの格納場所を示すファイルパス名などが格納される。   “Content” indicates content displayed on the web page. FIG. 6 shows an example in which conceptual information such as “C10” is stored in “content”, but actually, a still image, a moving image, text data, a URL, or a file path indicating the storage location thereof. The name etc. are stored.

「広告取得命令」は、ウェブページに、広告コンテンツを取得するための広告取得命令が含まれるか否かを示す。図6では「広告取得命令」に「有」が格納されたウェブページについては、広告取得命令が含まれることを示し、「−」が格納されたウェブページについては、広告取得命令が含まれないことを示す。   “Advertisement acquisition command” indicates whether an advertisement acquisition command for acquiring advertisement content is included in the web page. In FIG. 6, a web page in which “present” is stored in the “advertisement acquisition command” indicates that an advertisement acquisition command is included, and a web page in which “−” is stored does not include an advertisement acquisition command. It shows that.

「制御情報」は、ウェブページに、コンテンツの表示態様を制御するための制御情報が含まれるか否かを示す。図6では「制御情報」に「有」が格納されたウェブページについては、制御情報が含まれることを示し、「−」が格納されたウェブページについては、制御情報が含まれないことを示す。図6に示す例において、ウェブページに表示されるコンテンツに対する変更操作を受け付けるウェブページについては、制御情報が含まれる。   “Control information” indicates whether or not the web page includes control information for controlling the display mode of the content. In FIG. 6, a web page in which “present” is stored in “control information” indicates that control information is included, and a web page in which “−” is stored indicates that control information is not included. . In the example illustrated in FIG. 6, control information is included for a web page that accepts a change operation for content displayed on the web page.

ここで、制御情報は、JavaScript(登録商標)やCSS等のスクリプト言語によりに記述される。この制御情報は、ウェブページに表示されるコンテンツの表示態様を制御する。ここで、実施形態に係る制御情報は、表示手順と変更手順とを含む。表示手順は、例えば、コンテンツにおいて等倍指定範囲に含まれる領域である等倍領域の縮尺が所定の倍率であり、コンテンツにおける等倍領域以外の領域の縮尺が所定の倍率と異なる倍率である変更コンテンツ全体を表示する処理手順である。また、変更手順は、例えば、表示手順により表示された変更コンテンツに対して変更操作が行われた場合、変更操作に応じて、コンテンツにおける等倍指定範囲の位置を移動させることにより、移動後の等倍指定範囲に含まれる新たな等倍領域の縮尺を所定の倍率に変更する処理手順である。なお、ウェブページに広告取得命令が含まれる場合、変更手順には、例えば、等倍領域にコンテンツ中の特定領域が含まれる場合、コンテンツに関連する広告コンテンツを表示させる処理手順が含まれる。   Here, the control information is described in a script language such as JavaScript (registered trademark) or CSS. This control information controls the display mode of the content displayed on the web page. Here, the control information according to the embodiment includes a display procedure and a change procedure. For example, the display procedure is such that the scale of the same-size area, which is an area included in the same-size specified range in the content, is a predetermined magnification, and the scale of the area other than the same-size area in the content is different from the predetermined magnification. This is a processing procedure for displaying the entire content. In addition, for example, when the change operation is performed on the changed content displayed by the display procedure, the change procedure is performed by moving the position of the same size designated range in the content according to the change operation. This is a processing procedure for changing the scale of a new equal magnification area included in the equal magnification designation range to a predetermined magnification. When an advertisement acquisition command is included in the web page, the change procedure includes, for example, a processing procedure for displaying the advertisement content related to the content when the specific region in the content is included in the equal magnification region.

制御部130は、例えば、CPUやMPU等によって、配信装置100内部の記憶装置に記憶されている各種プログラム(配信プログラムの一例に相当)がRAMを作業領域として実行されることにより実現される。また、制御部130は、例えば、ASICやFPGA等の集積回路により実現される。   The control unit 130 is realized by, for example, a CPU, an MPU, or the like executing various programs (corresponding to an example of a distribution program) stored in a storage device inside the distribution apparatus 100 using the RAM as a work area. The control unit 130 is realized by an integrated circuit such as an ASIC or FPGA, for example.

図5に示すように、制御部130は、受付部131と、配信部132とを有し、以下に説明する情報処理の機能や作用を実現または実行する。なお、制御部130の内部構成は、図5に示した構成に限られず、後述する情報処理を行う構成であれば他の構成であってもよい。また、制御部130が有する各処理部の接続関係は、図5に示した接続関係に限られず、他の接続関係であってもよい。   As illustrated in FIG. 5, the control unit 130 includes a reception unit 131 and a distribution unit 132, and realizes or executes functions and operations of information processing described below. Note that the internal configuration of the control unit 130 is not limited to the configuration illustrated in FIG. 5, and may be another configuration as long as information processing described later is performed. In addition, the connection relationship between the processing units included in the control unit 130 is not limited to the connection relationship illustrated in FIG. 5, and may be another connection relationship.

受付部131は、端末装置10からウェブページの取得要求を受け付ける。例えば、受付部131は、ウェブページの取得要求として、HTTPリクエストを受け付ける。   The accepting unit 131 accepts a web page acquisition request from the terminal device 10. For example, the receiving unit 131 receives an HTTP request as a web page acquisition request.

配信部132は、受付部131によってウェブページの取得要求が受け付けられた場合に、ウェブページを端末装置10に配信する。また、配信部132は、取得要求が受け付けられたウェブページにコンテンツが関連付けられている場合、当該コンテンツをウェブページとともに端末装置10へ配信する。具体的には、配信部132は、コンテンツ記憶部120から取得要求対象のウェブページ及び関連付けられているコンテンツを取得し、取得したウェブページを端末装置10に配信する。また、コンテンツ記憶部120に記憶されているウェブページに広告取得命令や制御情報が含まれる場合、配信部132は、ウェブページとともに広告取得命令や制御情報を配信することとなる。   The distribution unit 132 distributes the web page to the terminal device 10 when the reception unit 131 receives a web page acquisition request. In addition, when the content is associated with the web page for which the acquisition request has been accepted, the distribution unit 132 distributes the content to the terminal device 10 together with the web page. Specifically, the distribution unit 132 acquires the acquisition request target web page and the associated content from the content storage unit 120, and distributes the acquired web page to the terminal device 10. In addition, when the web page stored in the content storage unit 120 includes an advertisement acquisition command and control information, the distribution unit 132 distributes the advertisement acquisition command and control information together with the web page.

なお、上述したコンテンツ記憶部120は、制御情報を含むウェブページではなく、ウェブページと制御情報とを個別に記憶してもよい。例えば、コンテンツ記憶部120は、ウェブページを形成するHTMLファイルと、制御情報が記述されたファイルとを対応付けて記憶してもよい。この場合、配信部132は、ウェブページ及び制御情報の双方を端末装置10に配信する。   Note that the content storage unit 120 described above may store the web page and the control information individually instead of the web page including the control information. For example, the content storage unit 120 may store an HTML file forming a web page in association with a file in which control information is described. In this case, the distribution unit 132 distributes both the web page and the control information to the terminal device 10.

〔5.端末装置の構成〕
次に、図7を用いて、実施形態に係る端末装置10の構成について説明する。図7は、実施形態に係る端末装置10の構成例を示す図である。図7に示すように、端末装置10は、通信部11と、検知部12と、出力部13と、記憶部14と、制御部15とを有する。
[5. Configuration of terminal device]
Next, the configuration of the terminal device 10 according to the embodiment will be described with reference to FIG. FIG. 7 is a diagram illustrating a configuration example of the terminal device 10 according to the embodiment. As illustrated in FIG. 7, the terminal device 10 includes a communication unit 11, a detection unit 12, an output unit 13, a storage unit 14, and a control unit 15.

(通信部11)
通信部11は、例えば、通信回路等によって実現される。そして、通信部11は、ネットワーク40と有線又は無線で接続され、広告装置30や配信装置100との間で情報の送受信を行う。
(Communication unit 11)
The communication unit 11 is realized by a communication circuit or the like, for example. The communication unit 11 is connected to the network 40 in a wired or wireless manner, and transmits and receives information to and from the advertising device 30 and the distribution device 100.

(検知部12)
検知部12は、タッチパネルの機能によりタブレット端末等の表示画面を介してユーザから各種操作を受け付ける。すなわち、検知部12は、端末装置10の出力部13を介してユーザから各種操作を受け付ける。例えば、検知部12は、端末装置10の出力部13を介してユーザの変更操作等の操作を受け付ける。言い換えると、検知部12は、タッチパネルの機能によりユーザの操作を受け付ける入力部として機能する。なお、検知部12によるユーザの操作の検知方式には、タブレット端末では主に静電容量方式が採用されるが、他の検知方式である抵抗膜方式、表面弾性波方式、赤外線方式、電磁誘導方式など、ユーザの操作を検知できタッチパネルの機能が実現できればどのような方式を採用してもよい。また、端末装置10は、端末装置10にボタンが設けられたり、キーボードやマウスが接続されていたりする場合、ボタン等による操作も受け付ける入力部を有してもよい。
(Detector 12)
The detection unit 12 receives various operations from the user via a display screen of a tablet terminal or the like by the function of the touch panel. That is, the detection unit 12 receives various operations from the user via the output unit 13 of the terminal device 10. For example, the detection unit 12 receives an operation such as a user change operation via the output unit 13 of the terminal device 10. In other words, the detection unit 12 functions as an input unit that receives a user operation by the function of the touch panel. As a detection method of a user's operation by the detection unit 12, a capacitance method is mainly used in a tablet terminal. However, other detection methods such as a resistance film method, a surface acoustic wave method, an infrared method, and electromagnetic induction are used. Any method may be adopted as long as the operation of the touch panel can be realized by detecting a user operation. Further, the terminal device 10 may include an input unit that accepts an operation using a button or the like when the terminal device 10 is provided with a button or a keyboard or a mouse is connected.

(出力部13)
出力部13は、例えば液晶ディスプレイや有機EL(Electro-Luminescence)ディスプレイ等によって実現されるタブレット端末等の表示画面であり、各種情報を表示するための表示装置である。つまり、端末装置10は、出力部13である表示画面によりユーザの入力を受け付け、ユーザへの出力も行う。
(Output unit 13)
The output unit 13 is a display screen such as a tablet terminal realized by, for example, a liquid crystal display or an organic EL (Electro-Luminescence) display, and is a display device for displaying various information. That is, the terminal device 10 receives a user's input through the display screen that is the output unit 13 and also outputs to the user.

(記憶部14)
記憶部14は、例えば、RAM、フラッシュメモリ等の半導体メモリ素子、または、ハードディスク、光ディスク等の記憶装置によって実現される。そして、記憶部14は、ウェブページに関する情報を記憶する。例えば、記憶部14は、配信装置100から受信した制御情報や広告装置30から受信した広告コンテンツなどを記憶する。
(Storage unit 14)
The storage unit 14 is realized by, for example, a semiconductor memory device such as a RAM or a flash memory, or a storage device such as a hard disk or an optical disk. And the memory | storage part 14 memorize | stores the information regarding a web page. For example, the storage unit 14 stores control information received from the distribution device 100, advertising content received from the advertising device 30, and the like.

(制御部15)
制御部15は、例えば、CPUやMPUやGPU(Graphics Processing Unit)等によって、端末装置10内部の記憶装置に記憶されている各種プログラム(表示プログラムの一例に相当)がRAMを作業領域として実行されることにより実現される。例えば、この各種プログラムは、ウェブブラウザと呼ばれるアプリケーションプログラムに該当する。また、制御部15は、例えば、ASICやFPGA等の集積回路により実現される。
(Control unit 15)
For example, the control unit 15 executes various programs (corresponding to examples of display programs) stored in a storage device inside the terminal device 10 by using a RAM as a work area by a CPU, MPU, GPU (Graphics Processing Unit), or the like. It is realized by doing. For example, these various programs correspond to application programs called web browsers. The control unit 15 is realized by an integrated circuit such as an ASIC or FPGA, for example.

図7に示すように、制御部15は、要求部151と、受付部152と、表示部153と、変更部154とを有し、以下に説明する情報処理の機能や作用を実現または実行する。なお、制御部15の内部構成は、図7に示した構成に限られず、後述する情報処理を行う構成であれば他の構成であってもよい。また、制御部15が有する各処理部の接続関係は、図7に示した接続関係に限られず、他の接続関係であってもよい。   As illustrated in FIG. 7, the control unit 15 includes a request unit 151, a reception unit 152, a display unit 153, and a change unit 154, and realizes or executes information processing functions and operations described below. . Note that the internal configuration of the control unit 15 is not limited to the configuration illustrated in FIG. 7, and may be another configuration as long as information processing described later is performed. Further, the connection relationship between the processing units included in the control unit 15 is not limited to the connection relationship illustrated in FIG. 7, and may be another connection relationship.

要求部151は、検知部12により検知されたユーザ操作に従って、配信装置100にウェブページの取得要求を送信する。また、要求部151は、受付部152によって受け付けられたウェブページに広告取得命令が含まれる場合に、広告コンテンツの取得要求を広告装置30に送信する。   The request unit 151 transmits a web page acquisition request to the distribution apparatus 100 in accordance with the user operation detected by the detection unit 12. In addition, when the web page received by the receiving unit 152 includes an advertisement acquisition command, the request unit 151 transmits an advertising content acquisition request to the advertising device 30.

受付部152は、ウェブページとコンテンツと広告コンテンツとを受け付ける。具体的には、受付部152は、要求部151によって送信されたウェブページの取得要求に応答した配信装置100からウェブページやコンテンツを受け付ける。このとき、受付部152は、ウェブページに広告取得命令が含まれる場合には、広告コンテンツの取得要求を送信するよう要求部151に指示する。そして、受付部152は、要求部151によって送信された広告コンテンツの取得要求に応答した広告装置30から広告コンテンツを受け付ける。   The reception unit 152 receives a web page, content, and advertisement content. Specifically, the reception unit 152 receives a web page and content from the distribution apparatus 100 that responds to the web page acquisition request transmitted by the request unit 151. At this time, if the web page includes an advertisement acquisition command, the reception unit 152 instructs the request unit 151 to transmit an advertisement content acquisition request. Then, the accepting unit 152 accepts the advertising content from the advertising device 30 that has responded to the advertising content acquisition request transmitted by the requesting unit 151.

表示部153、及び変更部154は、受付部152によって受け付けられたウェブページに含まれる制御情報に従って、ウェブページとコンテンツを出力部13に表示制御する。例えば、表示部153は、コンテンツにおいて等倍指定範囲に含まれる領域である等倍領域の縮尺が所定の倍率であり、コンテンツにおける等倍領域以外の領域の縮尺が所定の倍率と異なる倍率である変更コンテンツ全体を表示する。   The display unit 153 and the change unit 154 display-control the web page and content on the output unit 13 in accordance with the control information included in the web page received by the receiving unit 152. For example, in the display unit 153, the scale of the same-size area that is an area included in the same-size specified range in the content is a predetermined magnification, and the scale of the area other than the same-size area in the content is different from the predetermined magnification. Display the entire modified content.

図1に示す例において、表示部153は、ブラウザBR10上にウェブページW10を表示し、ウェブページW10中の表示領域WR10にコンテンツC10が変更された変更コンテンツVC11を表示する。具体的には、表示部153は、コンテンツC10に対する縮尺が等倍である対応領域NR10(CR15)と、縮尺が等倍でない(例えば、1倍より小さい)8つの領域CR11〜CR14,CR16〜CR19とからなる変更コンテンツVC11全体をウェブページW10の表示領域WR10に表示する。図1(b)に示す例において、コンテンツC10の等倍領域R15に対応する対応領域NR10(CR15)がウェブページW10中の表示領域WR10の中央に表示される。そして、コンテンツC10の等倍領域R15以外の8つの領域R11〜R14,R16〜R19にそれぞれ対応し、その縮尺が変更された領域CR11〜CR14,CR16〜CR19が表示領域WR10に表示される。   In the example illustrated in FIG. 1, the display unit 153 displays the web page W10 on the browser BR10, and displays the changed content VC11 in which the content C10 is changed in the display area WR10 in the web page W10. Specifically, the display unit 153 includes a corresponding area NR10 (CR15) that is the same scale as the content C10 and eight areas CR11 to CR14 and CR16 to CR19 that are not the same scale (for example, smaller than 1 time). The entire changed content VC11 including the above is displayed in the display area WR10 of the web page W10. In the example shown in FIG. 1B, the corresponding area NR10 (CR15) corresponding to the same-size area R15 of the content C10 is displayed at the center of the display area WR10 in the web page W10. Then, the regions CR11 to CR14 and CR16 to CR19, which correspond to the eight regions R11 to R14 and R16 to R19 other than the equal size region R15 of the content C10 and whose scales are changed, are displayed on the display region WR10.

例えば、変更コンテンツVC11の領域CR11は、コンテンツC10において横幅がRX21、縦幅がRY21の領域である領域R11が、横幅RX11、縦幅RY11に縮尺が変更された領域である(図8(a)〜(b)参照)。例えば、RX21とRX11との比が2:1であり、RY21とRY11との比が3:2である場合、領域CR11は、領域R11が横に1/2、縦に2/3の縮尺に変更(つまり、圧縮)された領域となる。このように、変更コンテンツVC11中の対応領域NR10(CR15)以外の8つの領域CR11〜CR14,CR16〜CR19は、対応するコンテンツC10の各領域R11〜R14,R16〜R19の縮尺が変更された領域である。   For example, the area CR11 of the changed content VC11 is an area in which the scale is changed to the horizontal width RX11 and the vertical width RY11 in the area C11 in which the horizontal width is RX21 and the vertical width is RY21 in the content C10 (FIG. 8A). To (b)). For example, when the ratio of RX21 to RX11 is 2: 1, and the ratio of RY21 to RY11 is 3: 2, the region CR11 is reduced to a scale of 1/2 in the region R11 and 2/3 in the length. It becomes a changed (that is, compressed) area. As described above, the eight regions CR11 to CR14 and CR16 to CR19 other than the corresponding region NR10 (CR15) in the changed content VC11 are regions in which the scales of the regions R11 to R14 and R16 to R19 of the corresponding content C10 are changed. It is.

また、例えば、表示部153、及び変更部154は、CPUやMPUやGPU等によって、ウェブページに含まれる制御情報がRAMを作業領域として実行されることにより実現される。すなわち、表示部153は、上述した表示手順により実現され、変更部154は、上述した変更手順により実現される。   Further, for example, the display unit 153 and the change unit 154 are realized by executing control information included in a web page by using a RAM as a work area by a CPU, MPU, GPU, or the like. That is, the display unit 153 is realized by the display procedure described above, and the change unit 154 is realized by the change procedure described above.

変更部154は、表示部153により表示された変更コンテンツに対して変更操作が行われた場合、変更操作に応じて、コンテンツにおける等倍指定範囲の位置を移動させることにより、移動後の等倍指定範囲に含まれる新たな等倍領域の縮尺を所定の倍率に変更する変更処理を行う。以下、変更処理について図8を用いて説明する。以下では、説明のために、図8に示す例における移動前の等倍指定範囲を等倍指定範囲AR1とし、移動後の等倍指定範囲を等倍指定範囲AR2とする。なお、等倍指定範囲AR1と等倍指定範囲AR2とは位置のみが異なる同一物である。つまり、等倍指定範囲の大きさは変化せず、等倍指定範囲AR1の大きさと等倍指定範囲AR2の大きさは同じである。   When the change operation is performed on the changed content displayed on the display unit 153, the changing unit 154 moves the position of the same size designated range in the content in accordance with the changing operation, so that the same size after the movement is obtained. A change process is performed to change the scale of a new equal-size area included in the specified range to a predetermined magnification. Hereinafter, the changing process will be described with reference to FIG. In the following, for the sake of explanation, the same magnification designation range before the movement in the example shown in FIG. 8 is referred to as an equal magnification designation range AR1, and the same magnification designation range after the movement is referred to as an equal magnification designation range AR2. It should be noted that the equal magnification designation range AR1 and the equal magnification designation range AR2 are the same ones that differ only in position. In other words, the size of the equal magnification designation range does not change, and the size of the equal magnification designation range AR1 and the size of the equal magnification designation range AR2 are the same.

図8は、変更処理の一例を示す図である。具体的には、図8は、図1(a)〜(c)に示した表示処理における変更処理を示す図である。例えば、図8(a)は、図1(b)に示す表示領域WR10に表示された変更コンテンツVC11に対応する。また、図8(b)は、図1(a)に示すコンテンツC10に対応する。図8(d)は、図1(c)に示す表示領域WR10に表示された変更コンテンツVC12に対応する。なお、以下では、図8の横方向をx方向とし、縦方向をy方向として説明する。また、図8のx方向及びy方向の単位は、ピクセルであってもよく、センチメートルなどの所定の長さを表す単位であってもよい。以下では、図8のx方向及びy方向の単位がピクセルである場合を例として説明する。   FIG. 8 is a diagram illustrating an example of the change process. Specifically, FIG. 8 is a diagram showing a change process in the display process shown in FIGS. For example, FIG. 8A corresponds to the changed content VC11 displayed in the display area WR10 shown in FIG. FIG. 8B corresponds to the content C10 shown in FIG. FIG. 8D corresponds to the changed content VC12 displayed in the display area WR10 shown in FIG. In the following description, the horizontal direction in FIG. 8 is assumed to be the x direction and the vertical direction is assumed to be the y direction. Further, the unit in the x direction and the y direction in FIG. 8 may be a pixel or a unit representing a predetermined length such as a centimeter. Hereinafter, a case where the units in the x direction and the y direction in FIG. 8 are pixels will be described as an example.

また、図8(a)〜(d)の各図において、コンテンツC10、変更コンテンツVC11、及び変更コンテンツVC12の左下端を原点(0,0)として以下説明する。例えば、図8(a)においては、変更コンテンツVC11の左下端(つまり、CR17の左下端)が原点(0,0)となり、図8(b)においては、コンテンツC10の左下端(つまり、R17の左下端)が原点(0,0)となる。また、図8(c)においては、コンテンツC10の左下端(つまり、R27の左下端)が原点(0,0)となり、図8(d)においては、変更コンテンツVC12の左下端(つまり、CR27の左下端)が原点(0,0)となる。   In each of FIGS. 8A to 8D, description will be given below with the lower left corner of the content C10, the changed content VC11, and the changed content VC12 as the origin (0, 0). For example, in FIG. 8A, the lower left end of the changed content VC11 (that is, the lower left end of CR17) is the origin (0, 0), and in FIG. 8B, the lower left end of the content C10 (that is, R17). Is the origin (0, 0). 8C, the lower left end of the content C10 (that is, the lower left end of R27) is the origin (0, 0), and in FIG. 8D, the lower left end of the changed content VC12 (that is, CR27). Is the origin (0, 0).

図8(a)は、変更コンテンツVC11を示す。具体的には、図8(a)に示す変更コンテンツVC11は、図8(b)に示すR11〜R19の9つの領域に分割されたコンテンツC10を変更した変更コンテンツである。   FIG. 8A shows the changed content VC11. Specifically, the changed content VC11 shown in FIG. 8A is changed content obtained by changing the content C10 divided into nine regions R11 to R19 shown in FIG. 8B.

ここで、図8(a)に示す変更コンテンツVC11は、x方向に幅RX11,RX12,RX13の3つの幅で分割され、y方向に幅RY11,RY12,RY13の3つの幅で分割された変更コンテンツである。したがって、変更コンテンツVC11において、例えば、図8(a)に示す例において、領域CR11は、横が「RX11」ピクセルで縦が「RY11」ピクセルの領域であり、対応領域NR10(CR15)は、横が「RX12」ピクセルで縦が「RY12」ピクセルの領域である。また、領域CR17は、横が「RX11」ピクセルで縦が「RY13」ピクセルの領域である。また、領域CR17は、x方向において(RX11,0)〜(RX11,RY13)で領域CR18と接する。つまり、領域CR18は、x方向において(RX11+1,0)〜(RX11+1,RY13)で領域CR17と接する。また、領域CR17は、y方向において(0,RY13)〜(RX11,RY13)で領域CR14と接する。つまり、領域CR14は、y方向において(0,RY13+1)〜(RX11,RY13+1)で領域CR17と接する。したがって、各領域の接する箇所が領域の境界となる。他の図8(b)〜(d)についても同様である。なお、図8(a)に示す例において、x方向の幅RX11とRX13とは等しく、y方向の幅RY11とRY13とは等しい。また、x方向の幅RX11,RX13や、y方向の幅RY11やRY13は、変更コンテンツVC11の大きさと表示領域WR10の大きさとは等しくなるような値になる。   Here, the changed content VC11 shown in FIG. 8A is divided by three widths RX11, RX12, and RX13 in the x direction and changed by three widths RY11, RY12, and RY13 in the y direction. Content. Therefore, in the modified content VC11, for example, in the example shown in FIG. 8A, the region CR11 is a region having “RX11” pixels in the horizontal direction and “RY11” pixels in the vertical direction, and the corresponding region NR10 (CR15) is in the horizontal direction. Is an area of “RX12” pixels and a vertical length of “RY12” pixels. The region CR17 is a region having “RX11” pixels in the horizontal direction and “RY13” pixels in the vertical direction. The region CR17 is in contact with the region CR18 at (RX11, 0) to (RX11, RY13) in the x direction. That is, the region CR18 is in contact with the region CR17 at (RX11 + 1, 0) to (RX11 + 1, RY13) in the x direction. The region CR17 is in contact with the region CR14 at (0, RY13) to (RX11, RY13) in the y direction. That is, the region CR14 is in contact with the region CR17 at (0, RY13 + 1) to (RX11, RY13 + 1) in the y direction. Therefore, the place where each area touches becomes the boundary of the area. The same applies to the other FIGS. 8B to 8D. In the example shown in FIG. 8A, the widths RX11 and RX13 in the x direction are equal, and the widths RY11 and RY13 in the y direction are equal. Further, the widths RX11 and RX13 in the x direction and the widths RY11 and RY13 in the y direction are values such that the size of the changed content VC11 and the size of the display area WR10 are equal.

ここで、図8(a)に示す変更コンテンツVC11における移動量(dx,dy)について説明する。図8(a)に示す(dx,dy)は、ユーザが表示領域WR10を指定した指の位置(図1(c)参照)がP1からP2へ移動した場合の変更コンテンツVC11における移動量(dx,dy)を示す。したがって、変更コンテンツVC11における移動量(dx,dy)は、P1の位置(x1,y1)とP2の位置(x2,y2)との差により得られる。例えば、P1の位置(x1,y1)が(150,200)であり、P2の位置(180,150)である場合、P1からP2への移動は、x方向へは「180−150=30」ピクセル、y軸方向へは「150−200=−50」ピクセルとなる。したがって、変更コンテンツVC11における移動量(dx,dy)は、(30,−50)となる。この移動量(dx,dy)に応じて、コンテンツC10中の等倍指定範囲AR1の位置を移動させる。これにより、コンテンツC10において移動後の等倍指定範囲AR2に含まれる領域が新たな等倍領域R25となる。言い換えると、コンテンツC10中の等倍指定範囲AR1,AR2の移動に伴い、コンテンツC10の等倍領域R15,R25が移動する。このように、等倍指定範囲の移動に伴いコンテンツC10中の等倍指定範囲に含まれるコンテンツC10の範囲が変化する。これにより、コンテンツC10の等倍領域R15,R25の位置が移動する。   Here, the movement amount (dx, dy) in the changed content VC11 shown in FIG. (Dx, dy) shown in FIG. 8 (a) shows the amount of movement (dx) in the changed content VC11 when the finger position (see FIG. 1 (c)) where the user designates the display area WR10 moves from P1 to P2. , Dy). Therefore, the movement amount (dx, dy) in the changed content VC11 is obtained by the difference between the position (x1, y1) of P1 and the position (x2, y2) of P2. For example, when the position (x1, y1) of P1 is (150, 200) and the position (180, 150) of P2, the movement from P1 to P2 is “180−150 = 30” in the x direction. Pixels are “150−200 = −50” pixels in the y-axis direction. Therefore, the movement amount (dx, dy) in the changed content VC11 is (30, -50). In accordance with the movement amount (dx, dy), the position of the equal magnification designation range AR1 in the content C10 is moved. Thereby, in the content C10, the area included in the moved equal-magnification designated range AR2 becomes a new equal-magnification area R25. In other words, the same size areas R15 and R25 of the content C10 move with the movement of the same size designated ranges AR1 and AR2 in the content C10. In this way, the range of the content C10 included in the same size designation range in the content C10 changes with the movement of the same size designation range. As a result, the positions of the equal-magnification areas R15 and R25 of the content C10 move.

図8(b)は、9つの領域R11〜R19に分割されたコンテンツC10を示す。図8(b)に示すコンテンツC10は、x方向に幅RX21、RX22、RX23の3つの幅で分割され、y方向に幅RY21、RY22、RY23の3つの幅で分割される。つまり、図8(b)に示すコンテンツC10において、例えば、領域R12は、横が「RX22」ピクセルで縦が「RY21」ピクセルの領域であり、等倍領域R15は、横が「RX22」ピクセルで縦が「RY22」ピクセルの領域である。   FIG. 8B shows the content C10 divided into nine regions R11 to R19. The content C10 illustrated in FIG. 8B is divided into three widths RX21, RX22, and RX23 in the x direction and divided into three widths RY21, RY22, and RY23 in the y direction. In other words, in the content C10 illustrated in FIG. 8B, for example, the region R12 is a region having “RX22” pixels in the horizontal direction and “RY21” pixels in the vertical direction, and the equal-size region R15 is having “RX22” pixels in the horizontal direction. The vertical is an area of “RY22” pixels.

ここで、等倍領域R15に対応するx方向の幅RX22は、図8(a)に示すx方向の幅RX12と等しく、y方向の幅RY22は、図8(a)に示すy方向の幅RY12と等しい。また、x方向の他の幅RX21やRX23は、図8(a)に示すx方向の幅RX11やRX13より大きく、y方向の他の幅RY21やRY23は、図8(a)に示すy方向の幅RY11やRY13より大きい。したがって、図8(a)に示す変更コンテンツVC11において、等倍領域R15の等倍の縮尺である領域CR15が表示領域WR10に表示される。そして、コンテンツC10の領域R11〜R14,R16〜R19に対応し、その縮尺が変更された領域CR11〜CR14,CR16〜CR19が表示領域WR10に表示される。例えば、領域CR16は、領域R16がx方向に縮小された領域となる。具体的には、領域CR16は、領域R16がx方向に幅RX23から幅RX13に圧縮された領域となる。つまり、領域CR16は、領域R16がx方向にRX13/RX23倍に圧縮された領域となる。対応領域NR10(CR15)を除く他の領域についても同様である。   Here, the x-direction width RX22 corresponding to the equal-magnification region R15 is equal to the x-direction width RX12 shown in FIG. 8A, and the y-direction width RY22 is the y-direction width shown in FIG. 8A. Equal to RY12. The other widths RX21 and RX23 in the x direction are larger than the widths RX11 and RX13 in the x direction shown in FIG. 8A, and the other widths RY21 and RY23 in the y direction are in the y direction shown in FIG. The widths RY11 and RY13 are larger. Therefore, in the changed content VC11 shown in FIG. 8A, the region CR15 having the same scale as the same size region R15 is displayed in the display region WR10. Then, the areas CR11 to CR14 and CR16 to CR19 whose scales are changed corresponding to the areas R11 to R14 and R16 to R19 of the content C10 are displayed on the display area WR10. For example, the region CR16 is a region in which the region R16 is reduced in the x direction. Specifically, the region CR16 is a region in which the region R16 is compressed from the width RX23 to the width RX13 in the x direction. That is, the region CR16 is a region in which the region R16 is compressed by RX13 / RX23 times in the x direction. The same applies to other areas except for the corresponding area NR10 (CR15).

ここで、図8(b)に示すコンテンツC10における等倍指定範囲AR1の位置の変更について説明する。図8(b)に示す(dx,dy)は、コンテンツC10における所定のピクセルP3からP4への移動量(dx,dy)を示す。ここで、P3からP4への移動量(dx,dy)は、変更コンテンツVC11における移動量(dx,dy)と等しい。つまり、図8に示す例において、変更コンテンツVC11における移動量(dx,dy)をコンテンツC10における移動量とする。したがって、コンテンツC10における移動量(dx,dy)は、変更コンテンツVC11における移動量と同様に(30,−50)となる。このコンテンツC10における移動量(30,−50)に応じて等倍指定範囲AR1の位置を移動させる。   Here, the change of the position of the equal magnification designation range AR1 in the content C10 shown in FIG. 8B will be described. (Dx, dy) illustrated in FIG. 8B indicates the amount of movement (dx, dy) from the predetermined pixel P3 to P4 in the content C10. Here, the movement amount (dx, dy) from P3 to P4 is equal to the movement amount (dx, dy) in the changed content VC11. That is, in the example shown in FIG. 8, the movement amount (dx, dy) in the changed content VC11 is set as the movement amount in the content C10. Accordingly, the movement amount (dx, dy) in the content C10 is (30, −50) similarly to the movement amount in the changed content VC11. The position of the equal magnification designation range AR1 is moved according to the movement amount (30, -50) in the content C10.

本実施形態においては、ユーザが表示領域WR10を指定した指の位置(図1(c)参照)がP1からP2へ位置が移動した場合、その移動方向とは反対方向に等倍指定範囲AR1の位置を移動させる。図8(b)に示す例において、P3からP4には、x方向にプラスの方向、y方向にはマイナスの方向に移動する。したがって、図8(b)に示す例においては、等倍指定範囲AR1は、P3からP4への移動方向とは反対方向、すなわちx方向にマイナスの方向、y方向にはプラスの方向に位置を移動する。すなわち、図8(b)に示す例においては、等倍指定範囲AR1全体が(−dx,−dy)=(−30,50)だけ移動する。そして、コンテンツC10において移動後の等倍指定範囲AR2に含まれる領域R25が変更コンテンツVC12における新たな等倍領域となる。   In the present embodiment, when the position of the finger (see FIG. 1C) where the user designates the display area WR10 is moved from P1 to P2, the same magnification designated range AR1 is set in the direction opposite to the moving direction. Move position. In the example shown in FIG. 8B, the movement from P3 to P4 is positive in the x direction and negative in the y direction. Therefore, in the example shown in FIG. 8B, the equal-magnification designation range AR1 is positioned in the direction opposite to the moving direction from P3 to P4, that is, in the negative direction in the x direction and in the positive direction in the y direction. Moving. That is, in the example illustrated in FIG. 8B, the entire equal-magnification designation range AR1 moves by (−dx, −dy) = (− 30, 50). In the content C10, the region R25 included in the moved equal-magnification designated range AR2 becomes a new equal-magnification region in the changed content VC12.

例えば、図8(b)のコンテンツC10における等倍指定範囲AR1に含まれる等倍領域R15の左上端のピクセルの位置がP5であり、(−30,50)だけ移動した移動後の等倍指定範囲AR2に含まれる等倍領域R25の左上端のピクセルの位置P6となる。具体的には、P5の位置が(250,400)である場合、P6の位置は、(250−30,400+50)となり、(220,450)となる。このように、移動後の等倍指定範囲AR2に含まれる等倍領域R25が得られる。   For example, the position of the upper left pixel of the equal magnification region R15 included in the equal magnification designation range AR1 in the content C10 of FIG. 8B is P5, and the same magnification designation after movement after moving by (−30, 50). This is the pixel position P6 of the upper left pixel of the equal-magnification region R25 included in the range AR2. Specifically, when the position of P5 is (250, 400), the position of P6 is (250-30, 400 + 50) and (220, 450). In this way, the equal magnification area R25 included in the equal magnification designation range AR2 after movement is obtained.

図8(c)は、移動後の等倍指定範囲AR2に基づいて領域R21〜R29に分割されたコンテンツC10を示す。図8(c)に示すコンテンツC10は、x方向に幅RX31、RX32、RX33の3つの幅で分割され、y方向に幅RY31、RY32、RY33の3つの幅で分割される。つまり、図8(c)に示すコンテンツC10において、例えば、領域R22は、横が「RX32」ピクセルで縦が「RY31」ピクセルの領域であり、等倍領域R25は、横が「RX32」ピクセルで縦が「RY32」ピクセルの領域である。   FIG. 8C shows the content C10 divided into the regions R21 to R29 based on the same-magnification designated range AR2 after movement. The content C10 illustrated in FIG. 8C is divided by three widths RX31, RX32, and RX33 in the x direction and divided by three widths RY31, RY32, and RY33 in the y direction. That is, in the content C10 shown in FIG. 8C, for example, the region R22 is a region having “RX32” pixels in the horizontal direction and “RY31” pixels in the vertical direction, and the equal-size region R25 is having “RX32” pixels in the horizontal direction. The vertical is an area of “RY32” pixels.

ここで、等倍領域R25に対応するx方向の幅RX32は、図8(b)に示すx方向の幅RX22と等しく、y方向の幅RY32は、図8(b)に示すy方向の幅RY22と等しい。また、x方向の幅RX31は、図8(b)に示すx方向の幅RX21より小さい。具体的には、幅RX31は、「RX21−dx」となる。同様に、x方向の幅RX33は、「RX23+dx」となる。また、y方向の幅RY31は、図8(b)に示すy方向の幅RY21より小さい。具体的には、幅RY31は、「RY21−dy」となる。同様に、y方向の幅RY33は、「RY23+dy」となる。このように、等倍領域の位置の変更に応じて、等倍領域R25に対応するx方向の幅RX32とy方向の幅RY32以外は、図8(b)において対応する幅から変動する。すなわち、図8(c)に示す例において、コンテンツC10における領域R21〜R29は、等倍指定範囲AR1,AR2の位置を移動に応じて、格子状の境界を(−30,50)だけ移動させた領域となる。   Here, the x-direction width RX32 corresponding to the equal-magnification region R25 is equal to the x-direction width RX22 shown in FIG. 8B, and the y-direction width RY32 is the y-direction width shown in FIG. 8B. Equal to RY22. Further, the width RX31 in the x direction is smaller than the width RX21 in the x direction shown in FIG. Specifically, the width RX31 is “RX21−dx”. Similarly, the width RX33 in the x direction is “RX23 + dx”. The y-direction width RY31 is smaller than the y-direction width RY21 shown in FIG. Specifically, the width RY31 is “RY21-dy”. Similarly, the width RY33 in the y direction is “RY23 + dy”. As described above, according to the change in the position of the equal-magnification region, the width except for the x-direction width RX32 and the y-direction width RY32 corresponding to the equal-magnification region R25 varies from the corresponding width in FIG. That is, in the example shown in FIG. 8C, the regions R21 to R29 in the content C10 move the grid-like boundaries by (−30, 50) in accordance with the movement of the positions of the equal magnification designated ranges AR1, AR2. It becomes an area.

上述のように、図8(c)に示すようにコンテンツC10は、9つの領域R21〜R29に分割される。例えば、等倍領域R25は、等倍領域R15と同じ大きさの領域であって、等倍領域R15とは位置の異なる領域となる。なお、図8(c)に示す例においては、等倍領域R25以外の他の8つの領域R21〜R24,R26〜R29は、領域R11〜R19とは異なる大きさの領域となる。このようにして、変更部154は、等倍指定範囲AR1,AR2の位置を移動に応じて、コンテンツC10を分割する領域を変動させる。   As described above, as shown in FIG. 8C, the content C10 is divided into nine regions R21 to R29. For example, the equal-magnification region R25 is a region having the same size as the equal-magnification region R15 and is a region having a different position from the equal-magnification region R15. In the example shown in FIG. 8C, the other eight regions R21 to R24 and R26 to R29 other than the equal-magnification region R25 are regions different in size from the regions R11 to R19. In this way, the changing unit 154 changes the area into which the content C10 is divided according to the movement of the positions of the equal magnification designated ranges AR1 and AR2.

そして、変更部154は、移動後の等倍指定範囲AR2に対応する新たな等倍領域R25の縮尺を等倍とし、コンテンツC10における新たな等倍領域R25以外の領域R21〜R24,R26〜R29の倍率を変更コンテンツVC11の大きさに応じて変更する。これにより、変更部154は、領域R21〜R29の9つの領域に分割されたコンテンツC10を変更した変更コンテンツVC12を生成する。言い換えると、変更部154は、変更コンテンツVC11を変更コンテンツVC12へ変更する。   Then, the changing unit 154 sets the scale of the new equal-magnification area R25 corresponding to the moved equal-magnification specified range AR2 to the same magnification, and the areas R21 to R24 and R26 to R29 other than the new equal-magnification area R25 in the content C10. Is changed in accordance with the size of the changed content VC11. Thereby, the changing unit 154 generates a changed content VC12 in which the content C10 divided into the nine regions R21 to R29 is changed. In other words, the changing unit 154 changes the changed content VC11 to the changed content VC12.

図8(d)は、変更コンテンツVC12を示す。具体的には、図8(d)に示す変更コンテンツVC11は、図8(c)に示すR21〜R29の9つの領域に分割されたコンテンツC10を変更した変更コンテンツである。   FIG. 8D shows the changed content VC12. Specifically, the changed content VC11 shown in FIG. 8D is changed content obtained by changing the content C10 divided into nine areas R21 to R29 shown in FIG. 8C.

ここで、図8(d)に示す変更コンテンツVC12は、x方向に幅RX41、RX42、RX43の3つの幅で分割され、y方向に幅RY41、RY42、RY43の3つの幅で分割された変更コンテンツである。したがって、変更コンテンツVC12において、例えば、領域CR21は、横が「RX41」ピクセルで縦が「RY41」ピクセルの領域であり、対応領域NR20(CR25)は、横が「RX42」ピクセルで縦が「RY42」ピクセルの領域である。なお、図8(d)に示す例において、x方向の幅RX41はRX43よりも小さく、y方向の幅RY41はRY43より小さい。また、x方向の幅RX41,RX43や、y方向の幅RY41やRY43は、変更コンテンツVC21の大きさと表示領域WR10の大きさとは等しくなるような値になる。   Here, the change content VC12 illustrated in FIG. 8D is divided by three widths RX41, RX42, and RX43 in the x direction and divided by three widths RY41, RY42, and RY43 in the y direction. Content. Therefore, in the modified content VC12, for example, the region CR21 is a region having “RX41” pixels in the horizontal direction and “RY41” pixels in the vertical direction, and the corresponding region NR20 (CR25) is “RX42” pixels in the horizontal direction and “RY42” in the vertical direction. "A pixel area. In the example shown in FIG. 8D, the width RX41 in the x direction is smaller than RX43, and the width RY41 in the y direction is smaller than RY43. Further, the widths RX41 and RX43 in the x direction and the widths RY41 and RY43 in the y direction are values such that the size of the changed content VC21 and the size of the display area WR10 are equal.

図8(d)に示す例では、変更部154は、表示領域WR10にコンテンツC10が変更された変更コンテンツVC12を表示する(図1(c)参照)。具体的には、変更部154は、コンテンツC10に対する縮尺が等倍である対応領域NR20(CR25)と、縮尺が等倍でない(例えば、1倍より小さい)8つの領域CR21〜CR24,CR26〜CR29とからなる変更コンテンツVC12全体を表示領域WR10に表示する。図8(d)に示す表示領域WR10において、コンテンツC10の等倍領域R25に対応する対応領域NR20(CR25)が、図8(a)に示す対応領域NR10(CR15)の位置からx方向のマイナス、y方向にプラスの位置に表示される。そして、コンテンツC10の等倍領域R25以外の8つの領域R21〜R24,R26〜R29にそれぞれ対応し、その縮尺が変更された領域CR21〜CR24,CR26〜CR29が表示領域WR10に表示される。   In the example illustrated in FIG. 8D, the changing unit 154 displays the changed content VC12 in which the content C10 has been changed in the display area WR10 (see FIG. 1C). Specifically, the changing unit 154 has a corresponding area NR20 (CR25) with the same scale with respect to the content C10, and eight areas CR21 to CR24, CR26 to CR29 that are not with the same scale (for example, smaller than 1 time). The entire changed content VC12 consisting of is displayed in the display area WR10. In the display area WR10 shown in FIG. 8D, the corresponding area NR20 (CR25) corresponding to the equal-magnification area R25 of the content C10 is minus in the x direction from the position of the corresponding area NR10 (CR15) shown in FIG. , Displayed in a positive position in the y direction. Then, the regions CR21 to CR24 and CR26 to CR29, which correspond to the eight regions R21 to R24 and R26 to R29 other than the equal size region R25 of the content C10 and whose scales are changed, are displayed on the display region WR10.

例えば、図8(d)に示す変更コンテンツVC12の領域CR21は、図8(c)に示すコンテンツC10において横幅がRX31、縦幅がRY31の領域である領域R21が、横幅RX41、縦幅RY41に縮尺が変更された領域である。例えば、RX31とRX41との比が4:3であり、RY31とRY41との比が5:2である場合、領域CR21は、領域R21が横に3/4、縦に2/5の縮尺に変更(つまり、圧縮)された領域となる。このように、変更コンテンツVC12中の対応領域NR20(CR25)以外の8つの領域CR21〜CR24,CR26〜CR29は、対応するコンテンツC10の各領域R21〜R24,R26〜R29の縮尺が変更された領域である。   For example, the area CR21 of the changed content VC12 shown in FIG. 8D is an area R21 in which the horizontal width is RX31 and the vertical width is RY31 in the content C10 shown in FIG. 8C, and the horizontal width RX41 and the vertical width RY41. This is the area where the scale has been changed. For example, when the ratio of RX31 to RX41 is 4: 3 and the ratio of RY31 to RY41 is 5: 2, the region CR21 is reduced to a scale of 3/4 horizontally and 2/5 vertically. It becomes a changed (that is, compressed) area. As described above, the eight regions CR21 to CR24 and CR26 to CR29 other than the corresponding region NR20 (CR25) in the changed content VC12 are regions in which the scales of the regions R21 to R24 and R26 to R29 of the corresponding content C10 are changed. It is.

ここで、図8(a)に示す対応領域NR10(CR15)から図8(d)に示す対応領域NR20(CR25)への移動量について説明する。例えば、図8(d)に示す位置P8を変更コンテンツVC11における対応領域NR10(CR15)の左上端のピクセルの位置(図8(a)参照)とし、位置P9を変更コンテンツVC12における対応領域NR20(CR25)の左上端のピクセルの位置とした場合を一例として説明する。   Here, the amount of movement from the corresponding area NR10 (CR15) shown in FIG. 8A to the corresponding area NR20 (CR25) shown in FIG. 8D will be described. For example, the position P8 shown in FIG. 8D is the position of the upper left pixel of the corresponding area NR10 (CR15) in the changed content VC11 (see FIG. 8A), and the position P9 is the corresponding area NR20 ( The case where the position of the upper left pixel of CR25) is taken as an example will be described.

まず、図8に示す例においては、等倍指定範囲AR1,AR2が(−dx,−dy)だけ移動する。これにより、コンテンツC10中の等倍領域R15,R25は、(−dx,−dy)だけ移動する。そこで、変更部154は、コンテンツC10の大きさと変更コンテンツCV11〜CV13の大きさの比に基づいて、対応領域NR10,NR20の移動量を決定してもよい。   First, in the example shown in FIG. 8, the equal-magnification designation ranges AR1 and AR2 move by (−dx, −dy). As a result, the equal-magnification areas R15 and R25 in the content C10 move by (−dx, −dy). Therefore, the changing unit 154 may determine the movement amounts of the corresponding regions NR10 and NR20 based on the ratio between the size of the content C10 and the size of the changed content CV11 to CV13.

例えば、コンテンツC10と変更コンテンツCV11〜CV13との横幅の比が、2:1であり、縦幅の比が5:2である場合、位置P8から位置P9への移動量(つまり、対応領域の移動量)は、移動量(−dx2,−dy2)=((−dx)*1/2,(−dy)*2/5)となる。例えば、(−dx,−dy)=(−30,50)である場合、対応領域の移動量(−dx2,−dy2)=((−30)*1/2,50*2/5)となり、(−15,20)となる。つまり、P8の位置が(200,400)である場合、P9の位置は、(200−15,400+20)=(185,420)となる。このように、ンテンツC10の大きさと変更コンテンツCV11〜CV13の大きさの比に基づいて、対応領域の移動量を決定することにより、変更コンテンツの表示態様の変更がより違和感が少なくなることが期待できる。   For example, when the ratio of the width of the content C10 and the changed contents CV11 to CV13 is 2: 1 and the ratio of the height is 5: 2, the amount of movement from the position P8 to the position P9 (that is, the corresponding area The movement amount) is the movement amount (−dx2, −dy2) = ((− dx) * 1/2, (−dy) * 2/5). For example, when (−dx, −dy) = (− 30, 50), the movement amount of the corresponding area (−dx2, −dy2) = ((− 30) * 1/2, 50 * 2/5). , (−15, 20). That is, when the position of P8 is (200, 400), the position of P9 is (200-15, 400 + 20) = (185, 420). Thus, by determining the movement amount of the corresponding area based on the ratio of the size of the content C10 and the size of the changed content CV11 to CV13, it is expected that the change in the display mode of the changed content is less uncomfortable. it can.

ここで、図8(a)に示す変更コンテンツCV11と図8(d)に示す変更コンテンツCV12との関係について説明する。図8(d)に示す例において、対応領域NR20(CR25)に対応するx方向の幅RX42は、図8(a)に示すx方向の幅RX12と等しく、y方向の幅RY42は、図8(a)に示すy方向の幅RY12と等しい。また、x方向の幅RX41は、図8(a)に示すx方向の幅RX11より小さく、x方向の幅RX43は、図8(a)に示すx方向の幅RX13より大きい。また、y方向の幅RY41は、図8(a)に示すy方向の幅RY11より小さく、y方向のRY43は、図8(a)に示すy方向の幅RY13より大きい。このように、対応領域NR10,NR20の位置の変更に応じて、対応領域NR20(CR25)に対応するx方向の幅RX42とy方向の幅RY42以外は、図8(a)において対応する幅から変動する。これにより、対応領域に移動に応じて、他の領域の縮尺が変更されることにより、変更コンテンツ全体が連動して表示態様を変化させることになるため、変更コンテンツの表示態様の変更がより違和感が少なくなることが期待できる。   Here, the relationship between the changed content CV11 shown in FIG. 8A and the changed content CV12 shown in FIG. 8D will be described. In the example shown in FIG. 8D, the width RX42 in the x direction corresponding to the corresponding region NR20 (CR25) is equal to the width RX12 in the x direction shown in FIG. 8A, and the width RY42 in the y direction is as shown in FIG. It is equal to the width RY12 in the y direction shown in (a). Further, the width RX41 in the x direction is smaller than the width RX11 in the x direction shown in FIG. 8A, and the width RX43 in the x direction is larger than the width RX13 in the x direction shown in FIG. Further, the y-direction width RY41 is smaller than the y-direction width RY11 shown in FIG. 8A, and the y-direction RY43 is larger than the y-direction width RY13 shown in FIG. 8A. As described above, according to the change of the positions of the corresponding regions NR10 and NR20, except for the width RX42 in the x direction and the width RY42 in the y direction corresponding to the corresponding region NR20 (CR25), from the corresponding width in FIG. fluctuate. As a result, the scale of the other area is changed in accordance with the movement to the corresponding area, so that the entire changed content is linked to change the display mode. Can be expected to decrease.

なお、図8に示す例においては、変更コンテンツVC11における移動量をコンテンツC10における移動量としているが、変更コンテンツVC11の大きさとコンテンツC10の大きさとの比率に応じて変更してもよい。例えば、変更コンテンツVC11の大きさとコンテンツC10の大きさとの比率が2:5(つまり、コンテンツC10の大きさが変更コンテンツVC11の大きさの2.5倍)である場合、変更コンテンツVC11における移動量(dx,dy)が(4,6)であれば、コンテンツC10における移動量(dx,dy)を(10,15)としてもよい。つまり、変更コンテンツVC11における移動量を2.5倍したものを、コンテンツC10における移動量としてもよい。また、変更コンテンツVC11における移動量を変更コンテンツVC12における対応領域の移動量としてもよい。また、変更コンテンツVC11における移動量に所定の係数を乗算したものを変更コンテンツVC12における対応領域の移動量としてもよい。例えば、変更コンテンツVC11における移動量(dx,dy)が(4,6)であれば、変更コンテンツVC12における対応領域の移動量は、(4,6)に所定の係数である0.5を乗算した移動量(2,3)の反対方向への移動量(−2,−3)であってもよい。なお、等倍領域又は対応領域に対応する幅以外は、値が0になってもよい。例えば、図8(c)に示す例において、等倍領域R25が、コンテンツC10の左下端(つまり、原点(0,0))まで移動した場合、幅RX31や幅RY33は値が0になってもよい。また、例えば、図8(d)に示す例において、対応領域NR20(CR25)が、変形コンテンツVC11の左下端(つまり、原点(0,0))まで移動した場合、幅RX41や幅RY43は値が0になってもよい。また、図8においては、等倍指定範囲の移動を示すために等倍指定範囲AR1,AR2として説明したが、他の図においては等倍領域を含む範囲が、等倍指定範囲となる。例えば、図1(a)においては、等倍領域R15を含む範囲が等倍指定範囲となる。   In the example illustrated in FIG. 8, the movement amount in the changed content VC11 is the movement amount in the content C10. However, the movement amount may be changed according to the ratio between the size of the changed content VC11 and the size of the content C10. For example, when the ratio between the size of the changed content VC11 and the size of the content C10 is 2: 5 (that is, the size of the content C10 is 2.5 times the size of the changed content VC11), the movement amount in the changed content VC11 If (dx, dy) is (4, 6), the movement amount (dx, dy) in the content C10 may be (10, 15). That is, the amount of movement in the content C10 may be a value obtained by multiplying the amount of movement in the changed content VC11 by 2.5. Further, the movement amount in the changed content VC11 may be set as the movement amount of the corresponding area in the changed content VC12. Further, the movement amount of the corresponding content in the changed content VC12 may be obtained by multiplying the movement amount in the changed content VC11 by a predetermined coefficient. For example, if the movement amount (dx, dy) in the changed content VC11 is (4, 6), the movement amount of the corresponding area in the changed content VC12 is multiplied by (4, 6), which is a predetermined coefficient of 0.5. The amount of movement (−2, −3) in the opposite direction of the amount of movement (2, 3) may be used. Note that the value may be 0 except for the width corresponding to the equal-magnification area or the corresponding area. For example, in the example shown in FIG. 8C, when the equal-size region R25 moves to the lower left end of the content C10 (that is, the origin (0, 0)), the values of the width RX31 and the width RY33 are 0. Also good. For example, in the example illustrated in FIG. 8D, when the corresponding region NR20 (CR25) moves to the lower left end of the modified content VC11 (that is, the origin (0, 0)), the width RX41 and the width RY43 are values. May be zero. In FIG. 8, the same-magnification designated ranges AR <b> 1 and AR <b> 2 have been described in order to show movement of the same-magnification designated range. For example, in FIG. 1A, the range including the equal magnification region R15 is the equal magnification designation range.

また、変更部154は、例えば、等倍領域に対応する対応領域にコンテンツの特定領域が含まれる場合、コンテンツに関連する広告コンテンツを表示させる。例えば、変更部154は、図1(d)に示すように、変更コンテンツVC13の対応領域NR30中に特定領域SA10が含まれた場合、コンテンツC10に関連する広告コンテンツAC10を表示させる。   In addition, for example, when the specific area of the content is included in the corresponding area corresponding to the equal magnification area, the changing unit 154 displays the advertising content related to the content. For example, as illustrated in FIG. 1D, the changing unit 154 displays the advertising content AC10 related to the content C10 when the specific region SA10 is included in the corresponding region NR30 of the changed content VC13.

また、表示部153や変更部154は、図1に示すような縦横にそれぞれ3分割されたコンテンツC10に限らず、例えば、図9に示すような縦横にそれぞれ5分割されたコンテンツC100などの様々なコンテンツに対しても上述した変更処理を含む表示処理を行うことができる。以下、この点について図9を用いて説明する。   Further, the display unit 153 and the change unit 154 are not limited to the content C10 that is divided into three vertically and horizontally as shown in FIG. 1, for example, various contents C100 that are divided into five vertically and horizontally as shown in FIG. Display processing including the above-described change processing can be performed even for various contents. Hereinafter, this point will be described with reference to FIG.

図9においては、例えば、コンテンツC100が、横が1024ピクセルで縦が768ピクセルの画像であり、コンテンツC100を表示する表示領域WR20が、横が640ピクセルで縦が480ピクセルの表示領域であり、表示領域WR20の大きさがコンテンツC100の大きさよりも小さいとする。なお、以下では、図9の横方向をx方向とし、縦方向をy方向として説明する。また、図9のx方向及びy方向の単位は、ピクセルであってもよく、センチメートルなどの所定の長さを表す単位であってもよい。以下では、図9のx方向及びy方向の単位がピクセルである場合を例として説明する。   In FIG. 9, for example, the content C100 is an image having a width of 1024 pixels and a height of 768 pixels, and the display area WR20 displaying the content C100 is a display area of 640 pixels in width and 480 pixels in height. It is assumed that the size of the display area WR20 is smaller than the size of the content C100. In the following description, the horizontal direction in FIG. 9 is assumed to be the x direction, and the vertical direction is assumed to be the y direction. 9 may be a pixel or a unit representing a predetermined length such as a centimeter. Hereinafter, a case where the units in the x direction and the y direction in FIG. 9 are pixels will be described as an example.

まず、図9(a)は、コンテンツC100を模式的に示す。図9(a)に示す例においては、コンテンツC100の中央に位置する等倍指定範囲に含まれる領域である等倍領域R1135を中心とした25の領域に分割される。具体的には、コンテンツC100は、x方向に幅RX51、RX52、RX53、RX54、RX55の5つの幅で分割され、y方向に幅RY51、RY52、RY53、RY54、RY55の5つの幅で分割される。したがって、コンテンツC100において、例えば、領域R101は、横がRX51ピクセルで縦がRY51ピクセルの領域であり、領域R113は、横がRX53ピクセルで縦がRY53ピクセルの領域である。また、領域CR121は、横がRX51ピクセルで縦がRY55ピクセルの領域である。また、領域R121は、x方向において(RX51,0)〜(RX51,RY55)で領域R122と接する。つまり、領域CR122は、x方向において(RX51+1,0)〜(RX51+1,RY55)で領域CR121と接する。また、領域CR121は、y方向において(0,RY55)〜(RX51,RY55)で領域CR116と接する。つまり、領域CR116は、y方向において(0,RY55+1)〜(RX51,RY55+1)で領域CR121と接する。   First, FIG. 9A schematically shows the content C100. In the example shown in FIG. 9A, the content C100 is divided into 25 regions centered on the equal-magnification region R1135 that is an area included in the equal-magnification designation range located at the center of the content C100. Specifically, the content C100 is divided into five widths RX51, RX52, RX53, RX54, and RX55 in the x direction and divided into five widths RY51, RY52, RY53, RY54, and RY55 in the y direction. The Accordingly, in the content C100, for example, a region R101 is a region having a horizontal size of RX51 pixels and a vertical size of RY51 pixels, and a region R113 is a region having a horizontal size of RX53 pixels and a vertical length of RY53 pixels. Further, the region CR121 is a region having a horizontal of RX51 pixels and a vertical of RY55 pixels. The region R121 is in contact with the region R122 at (RX51, 0) to (RX51, RY55) in the x direction. That is, the region CR122 is in contact with the region CR121 at (RX51 + 1, 0) to (RX51 + 1, RY55) in the x direction. The region CR121 is in contact with the region CR116 at (0, RY55) to (RX51, RY55) in the y direction. That is, the region CR116 is in contact with the region CR121 at (0, RY55 + 1) to (RX51, RY55 + 1) in the y direction.

このように図9に示す例においては、コンテンツC100は、等しい面積で25の領域R101〜R125に分割される。具体的には、コンテンツC100は、図9(a)における横方向に5等分され、縦方向に5等分され、領域R101〜R125に分割される。すなわち、コンテンツC100は、等倍領域R113を中心として格子状の境界により分割される。   In this way, in the example shown in FIG. 9, the content C100 is divided into 25 regions R101 to R125 with the same area. Specifically, the content C100 is divided into five equal parts in the horizontal direction in FIG. 9A, and divided into five equal parts in the vertical direction, and is divided into regions R101 to R125. That is, the content C100 is divided by a grid-like boundary around the equal-magnification region R113.

図9に示す例では、変更部154は、表示領域WR20にコンテンツC100が変更された変更コンテンツVC10を表示する。具体的には、変更部154は、コンテンツC100に対する縮尺が等倍である対応領域NR100(CR113)と、縮尺が等倍でない(例えば、1倍より小さい)24つの領域CR101〜CR112,CR114〜CR125とからなる変更コンテンツVC10全体を表示領域WR20に表示する。図9(b)に示す表示領域WR20において、コンテンツC100の等倍領域R113に対応する対応領域NR100(CR113)が表示領域WR20の中央に表示される。そして、コンテンツC100の等倍領域R113以外の24つの領域R101〜R112,R114〜R125にそれぞれ対応し、その縮尺が変更された領域CR101〜CR112,CR114〜CR125が表示領域WR10に表示される。   In the example illustrated in FIG. 9, the changing unit 154 displays the changed content VC10 in which the content C100 has been changed in the display area WR20. Specifically, the changing unit 154 includes the corresponding area NR100 (CR113) whose scale with respect to the content C100 is the same scale, and the 24 areas CR101 to CR112 and CR114 to CR125 whose scale is not the same scale (for example, smaller than 1 time). The changed content VC10 consisting of the following is displayed in the display area WR20. In the display area WR20 shown in FIG. 9B, the corresponding area NR100 (CR113) corresponding to the equal-magnification area R113 of the content C100 is displayed in the center of the display area WR20. Then, the areas CR101 to CR112 and CR114 to CR125, which correspond to the 24 areas R101 to R112 and R114 to R125 other than the equal size area R113 of the content C100 and whose scales are changed, are displayed on the display area WR10.

例えば、図9(b)に示す変更コンテンツVC10の領域CR101は、図9(a)に示すコンテンツC100において横幅がRX51、縦幅がRY51の領域である領域R101が、横幅RX61、縦幅RY61に縮尺が変更された領域である。例えば、RX51とRX61との比が3:2であり、RY51とRY61との比が2:1である場合、領域CR101は、領域R101が横に2/3、縦に1/2の縮尺に変更(つまり、圧縮)された領域となる。このように、変更コンテンツVC10中の対応領域NR100(CR113)以外の24つの領域CR101〜CR112,CR114〜CR125は、対応するコンテンツC100の各領域R101〜R112,R114〜R125の縮尺が変更された領域である。   For example, the area CR101 of the changed content VC10 shown in FIG. 9B is an area R101 in which the horizontal width is RX51 and the vertical width is RY51 in the content C100 shown in FIG. 9A, and the horizontal width RX61 and the vertical width RY61 are the same. This is the area where the scale has been changed. For example, when the ratio of RX51 to RX61 is 3: 2, and the ratio of RY51 to RY61 is 2: 1, the region CR101 is reduced to 2/3 in the horizontal direction and 1/2 in the vertical direction. It becomes a changed (that is, compressed) area. Thus, the 24 regions CR101 to CR112 and CR114 to CR125 other than the corresponding region NR100 (CR113) in the changed content VC10 are regions in which the scales of the regions R101 to R112 and R114 to R125 of the corresponding content C100 are changed. It is.

ここで、対応領域NR100(CR113)に対応するx方向の幅RX63は、図9(a)に示すx方向の幅RX53と等しく、y方向の幅RY63は、図9(a)に示すy方向の幅RY53と等しい。また、x方向の他の幅RX61、RX62、RX64、RX65は、図9(a)に示すx方向の幅RX51、RX52、RX54、RX55より小さく、y方向の他の幅RY61、RY62、RY64、RY65は、図9(a)に示すy方向の幅RY51、RY52、RY54、RY55より小さい。したがって、図9(b)に示す変更コンテンツVC10において、等倍領域R113の等倍の縮尺である領域CR113が表示領域WR20に表示される。そして、コンテンツC100の領域R101〜R112,R114〜R125に対応し、その縮尺が変更された領域CR101〜CR112,CR114〜CR125が表示領域WR20に表示される。   Here, the width RX63 in the x direction corresponding to the corresponding region NR100 (CR113) is equal to the width RX53 in the x direction shown in FIG. 9A, and the width RY63 in the y direction is the y direction shown in FIG. Is equal to the width RY53. The other widths RX61, RX62, RX64, RX65 in the x direction are smaller than the widths RX51, RX52, RX54, RX55 in the x direction shown in FIG. 9A, and the other widths RY61, RY62, RY64, y in the y direction. RY65 is smaller than the widths RY51, RY52, RY54, and RY55 in the y direction shown in FIG. Therefore, in the changed content VC10 shown in FIG. 9B, the region CR113 having the same scale as the same size region R113 is displayed in the display region WR20. Then, the regions CR101 to CR112 and CR114 to CR125 corresponding to the regions R101 to R112 and R114 to R125 of the content C100 and whose scales are changed are displayed on the display region WR20.

例えば、領域CR114は、領域R114がx方向に縮小された領域となる。具体的には、領域CR114は、領域R114がx方向に幅RX54から幅RX64に圧縮された領域となる。つまり、領域CR114は、領域R114がx方向にRX64/RX54倍に圧縮された領域となる。また、領域CR115は、領域R115がx方向に縮小された領域となる。具体的には、領域CR115は、領域R115がx方向に幅RX55から幅RX65に圧縮された領域となる。つまり、領域CR115は、領域R115がx方向にRX65/RX55倍に圧縮された領域となる。なお、幅RX65は、幅RX64よりも小さくてもよい。例えば、幅RX65は、幅RX64の1/2倍の値であってもよい。このように、変更部154は、x方向に連続する領域の圧縮率を対応領域から離れるほど段階的に大きくしてもよい。これにより、変更コンテンツVC10において、対応領域NR100(CR113)から離れるほど縮小率が大きくなるため、変更コンテンツの表示態様がより違和感が少なくなることが期待できる。なお、変更部154は、所定の方向に連続する領域をどのような比率で段階的に圧縮率を変更するかについては、既存の技術を用いてもよい。   For example, the region CR114 is a region in which the region R114 is reduced in the x direction. Specifically, the region CR114 is a region in which the region R114 is compressed from the width RX54 to the width RX64 in the x direction. That is, the region CR114 is a region in which the region R114 is compressed by RX64 / RX54 times in the x direction. The region CR115 is a region where the region R115 is reduced in the x direction. Specifically, the region CR115 is a region in which the region R115 is compressed from the width RX55 to the width RX65 in the x direction. That is, the region CR115 is a region in which the region R115 is compressed by RX65 / RX55 times in the x direction. The width RX65 may be smaller than the width RX64. For example, the width RX65 may be a value that is ½ times the width RX64. As described above, the changing unit 154 may increase the compression rate of the region continuous in the x direction in steps as the distance from the corresponding region increases. As a result, in the changed content VC10, the reduction rate increases as the distance from the corresponding region NR100 (CR113) increases, so that it can be expected that the display mode of the changed content is less uncomfortable. Note that the changing unit 154 may use an existing technique for changing the compression rate in a stepwise manner in an area continuous in a predetermined direction.

また、例えば、領域CR118は、領域R118がy方向に縮小された領域となる。具体的には、領域CR118は、領域R118がy方向に幅RY54から幅RY64に圧縮された領域となる。つまり、領域CR118は、領域R118がy方向にRY64/RY54倍に圧縮された領域となる。また、領域CR123は、領域R123がy方向に縮小された領域となる。具体的には、領域CR123は、領域R123がy方向に幅RY55から幅RY65に圧縮された領域となる。つまり、領域CR123は、領域R123がy方向にRY65/RY55倍に圧縮された領域となる。なお、幅RY65は、幅RY64よりも小さくてもよい。例えば、幅RY65は、幅RY64の2/3倍の値であってもよい。このように、変更部154は、y方向に連続する領域の圧縮率を対応領域から離れるほど段階的に大きくしてもよい。これにより、変更コンテンツVC10において、対応領域NR100(CR113)から離れるほど縮小率が大きくなるため、変更コンテンツの表示態様がより違和感が少なくなることが期待できる。   For example, the region CR118 is a region in which the region R118 is reduced in the y direction. Specifically, the region CR118 is a region in which the region R118 is compressed from the width RY54 to the width RY64 in the y direction. That is, the region CR118 is a region in which the region R118 is compressed RY64 / RY54 times in the y direction. The region CR123 is a region where the region R123 is reduced in the y direction. Specifically, the region CR123 is a region in which the region R123 is compressed from the width RY55 to the width RY65 in the y direction. That is, the region CR123 is a region in which the region R123 is compressed RY65 / RY55 times in the y direction. Note that the width RY65 may be smaller than the width RY64. For example, the width RY65 may be a value that is 2/3 times the width RY64. In this way, the changing unit 154 may increase the compression rate of the region continuous in the y direction in steps as the distance from the corresponding region increases. As a result, in the changed content VC10, the reduction rate increases as the distance from the corresponding region NR100 (CR113) increases, so that it can be expected that the display mode of the changed content is less uncomfortable.

そして、変更コンテンツVC10に対して変更操作が行われた場合、変更部154は、変更操作に応じて、上述した変更処理を行う。   And when change operation is performed with respect to change content VC10, the change part 154 performs the change process mentioned above according to change operation.

〔6.配信処理のフロー〕
次に、図10を用いて、実施形態に係る配信システム1による配信処理の手順について説明する。図10は、実施形態に係る配信システム1による配信処理手順を示すシーケンス図である。
[6. (Delivery process flow)
Next, the procedure of distribution processing by the distribution system 1 according to the embodiment will be described with reference to FIG. FIG. 10 is a sequence diagram illustrating a distribution processing procedure by the distribution system 1 according to the embodiment.

図10に示すように、端末装置10は、ユーザ操作に従って、ウェブページの取得要求を配信装置100に送信する(ステップS101)。そして、配信装置100は、ウェブページの取得要求に応じて、ウェブページとともにコンテンツを端末装置10に配信する(ステップS102)。なお、配信装置100によって配信されるウェブページには、広告装置30のURL等である広告取得命令が含まれる。   As illustrated in FIG. 10, the terminal device 10 transmits a web page acquisition request to the distribution device 100 in accordance with a user operation (step S <b> 101). And the delivery apparatus 100 delivers a content to the terminal device 10 with a web page according to the acquisition request of a web page (step S102). Note that the web page distributed by the distribution device 100 includes an advertisement acquisition command such as the URL of the advertisement device 30.

続いて、端末装置10は、ウェブページに含まれる広告取得命令に基づいて、広告コンテンツの取得要求を広告装置30に送信する(ステップS103)。そして、広告装置30は、広告コンテンツの取得要求に応じて、広告コンテンツを端末装置10に配信する(ステップS104)。そして、端末装置10は、ステップS102において受信したウェブページに含まれる制御情報に従って、ウェブページの表示領域にコンテンツを表示する表示処理を行う(ステップS105)。なお、端末装置10は、ステップS105後、広告コンテンツを表示する際に、広告コンテンツの取得要求を広告装置30に送信してもよい。例えば、端末装置10は、ユーザによる変更操作により特定領域SA10が対応領域に含まれた場合、広告コンテンツの取得要求を広告装置30に送信してもよい。そして、端末装置10は、広告装置30から受信したコンテンツC10に関連する広告コンテンツAC10を表示してもよい。   Subsequently, the terminal device 10 transmits an advertisement content acquisition request to the advertisement device 30 based on the advertisement acquisition command included in the web page (step S103). Then, the advertising device 30 delivers the advertising content to the terminal device 10 in response to the advertising content acquisition request (step S104). And the terminal device 10 performs the display process which displays a content on the display area of a web page according to the control information contained in the web page received in step S102 (step S105). Note that the terminal device 10 may transmit an advertisement content acquisition request to the advertising device 30 when displaying the advertising content after step S105. For example, the terminal device 10 may transmit an advertisement content acquisition request to the advertising device 30 when the specific area SA10 is included in the corresponding area due to a change operation by the user. Then, the terminal device 10 may display the advertising content AC10 related to the content C10 received from the advertising device 30.

〔7.表示処理のフロー〕
次に、図11を用いて、図10のステップS105に示した表示処理の手順について説明する。図11は、実施形態に係る端末装置10による表示処理手順を示すフローチャートである。
[7. (Display processing flow)
Next, the display processing procedure shown in step S105 of FIG. 10 will be described with reference to FIG. FIG. 11 is a flowchart illustrating a display processing procedure by the terminal device 10 according to the embodiment.

図11に示すように、端末装置10は、配信装置100から受信したウェブページを表示する(ステップS201)。続いて、端末装置10は、ウェブページ中の表示領域に表示されるコンテンツの等倍領域以外の領域の縮尺を変更した変更コンテンツを生成する(ステップS202)。続いて、端末装置10は、ウェブページ中の表示領域に変更コンテンツを表示する(ステップS203)。   As illustrated in FIG. 11, the terminal device 10 displays the web page received from the distribution device 100 (step S201). Subsequently, the terminal device 10 generates changed content in which the scale of the region other than the same size region of the content displayed in the display region in the web page is changed (step S202). Subsequently, the terminal device 10 displays the changed content in the display area in the web page (step S203).

続いて、端末装置10は、ウェブページ中の表示領域に表示された変更コンテンツの指定を検知したか否かを判定する(ステップS204)。そして、端末装置10は、変更コンテンツの指定を検知した場合に(ステップS204;Yes)、変更コンテンツの指定位置が変更したか否かを判定する(ステップS205)。例えば、端末装置10は、変更コンテンツをユーザが指定したままドラッグ操作などを行った場合、変更コンテンツの指定位置が変更されたと判定する。   Subsequently, the terminal device 10 determines whether or not the designation of the changed content displayed in the display area in the web page has been detected (step S204). When the terminal device 10 detects designation of the changed content (step S204; Yes), the terminal device 10 determines whether or not the designated position of the changed content has been changed (step S205). For example, when the user performs a drag operation or the like while the changed content is specified by the user, the terminal device 10 determines that the specified position of the changed content has been changed.

そして、端末装置10は、変更コンテンツの指定位置が変更したと判定した場合(ステップS205;Yes)、指定位置の変更に応じてコンテンツ中の等倍領域の位置を変更する(ステップS206)。具体的には、コンテンツにおける等倍指定範囲の位置を移動させることにより、移動後の等倍指定範囲に含まれる領域を新たな等倍領域とすることにより、等倍領域の位置を変更する。そして、端末装置10は、等倍領域の位置の変更に応じて、変更コンテンツの表示態様を変更する。また、端末装置10は、特定領域がコンテンツの等倍領域、すなわち変更コンテンツにおいてコンテンツの等倍領域に対応する領域(対応領域)に含まれた場合(ステップS207;Yes)、広告コンテンツを表示させる(ステップS208)。例えば、端末装置10は、ウェブページ中の表示領域に広告コンテンツを表示させる。なお、端末装置10は、特定領域が対応領域に含まれていない場合(ステップS207;No)、変更コンテンツの指定の解除を検知しない間(ステップS209;No)、ステップS205〜S208の処理を繰り返す。   If the terminal device 10 determines that the designated position of the changed content has been changed (step S205; Yes), the terminal device 10 changes the position of the equal-magnification area in the content in accordance with the change of the designated position (step S206). Specifically, the position of the equal-magnification area is changed by moving the position of the same-magnification designation range in the content to make the area included in the moved equal-magnification designation range a new equal magnification area. And the terminal device 10 changes the display mode of a change content according to the change of the position of an equal magnification area | region. Further, when the specific area is included in the same-size area of the content, that is, in the changed content, the area corresponding to the same-size area of the content (corresponding area) (step S207; Yes), the terminal device 10 displays the advertisement content. (Step S208). For example, the terminal device 10 displays advertisement content in a display area in a web page. In addition, when the specific area is not included in the corresponding area (Step S207; No), the terminal device 10 repeats the processes of Steps S205 to S208 while not detecting the change content designation cancellation (Step S209; No). .

なお、端末装置10は、変更コンテンツの指定の解除を検知した場合(ステップS209;Yes)、変更コンテンツの表示態様を変更する処理を終了する。具体的には、端末装置10は、変更コンテンツがユーザにより変更操作が解除された場合、変更コンテンツの表示態様を変更させることを停止する。   If the terminal device 10 detects the release of the change content designation (step S209; Yes), the terminal device 10 ends the process of changing the display mode of the change content. Specifically, the terminal device 10 stops changing the display mode of the changed content when the changed content is released by the user.

〔8.変形例〕
上述した実施形態に係る配信システム1は、上記実施形態以外にも種々の異なる形態にて実施されてよい。そこで、以下では、配信システム1の他の実施形態について説明する。なお、以下に説明する端末装置10は、ウェブページに含まれる制御情報に従って、コンテンツの表示処理を行う。
[8. (Modification)
The distribution system 1 according to the above-described embodiment may be implemented in various different forms other than the above-described embodiment. Therefore, in the following, another embodiment of the distribution system 1 will be described. The terminal device 10 described below performs content display processing according to control information included in the web page.

〔8−1.指定解除後の表示態様〕
上記実施形態において、端末装置10は、変更コンテンツがユーザにより指定が解除された場合に、等倍指定範囲の位置を変更操作がされる前の位置に移動させ、変更コンテンツの表示態様をユーザによる変更操作が行われる前の態様に変化させてもよい。この点について、図12を用いて説明する。図12は、変形例に係る表示処理の一例を示す図である。なお、図12中に示す符号、例えば、コンテンツC10や表示領域WR10等は、図1における同一符号のものに対応する。
[8-1. Display mode after canceling designation)
In the above embodiment, when the change content is designated by the user, the terminal device 10 moves the position of the same-size designated range to the position before the change operation, and changes the display mode of the change content by the user. You may change to the aspect before change operation is performed. This point will be described with reference to FIG. FIG. 12 is a diagram illustrating an example of display processing according to the modification. In addition, the code | symbol shown in FIG. 12, for example, content C10, display area WR10, etc. respond | correspond to the thing of the same code | symbol in FIG.

図12(a)〜(b)の変更操作は、図1(a)〜(b)の変更操作に対応する。ここで、図12(b)に示すように、端末装置10は、変更コンテンツVC11の表示態様が変更され変更コンテンツVC12が表示されている場合、ユーザによる変更コンテンツVC12への指定が解除された場合(図11中のステップS209;Yesに相当)、変更コンテンツVC12の表示態様をユーザによる変更操作が行われる前の態様に変化させる。具体的には、図12(b)に示すように、端末装置10は、ユーザによる変更操作が行われ変更コンテンツVC12が表示された後、ユーザによる変更コンテンツVC12への指定が解除された場合、図12(c)に示すように表示領域WR10に変更コンテンツVC11を表示する。言い換えると、端末装置10は、変更コンテンツVC12から変更コンテンツVC11へ徐々に表示態様を変更する。これにより、ユーザは、変更操作を行った後に、変更操作を行う前の状態に戻す手間を省くことができるため、ユーザに対してより適切なコンテンツの表示となる。また、ユーザは変更操作をやめるだけで表示を元に戻すことができるので、ユーザが変更操作を行う心理的な負担が少なくなり、ユーザがより多く変更操作を行うことが期待できる。なお、ユーザによる変更コンテンツVC12への指定が解除された場合に限らず、例えば、ユーザが端末装置10に表示された戻るボタンを指定することにより、等倍指定範囲の位置を変更操作がされる前の位置に移動させ、変更コンテンツの表示態様をユーザによる変更操作が行われる前の態様に変化させてもよい。   The changing operation in FIGS. 12A to 12B corresponds to the changing operation in FIGS. Here, as illustrated in FIG. 12B, when the display mode of the changed content VC11 is changed and the changed content VC12 is displayed, the terminal device 10 cancels the designation of the changed content VC12 by the user. (Step S209 in FIG. 11; equivalent to Yes), the display mode of the changed content VC12 is changed to the mode before the change operation by the user. Specifically, as illustrated in FIG. 12B, when the terminal device 10 performs a change operation by the user and the changed content VC12 is displayed, the designation of the changed content VC12 by the user is canceled. As shown in FIG. 12C, the changed content VC11 is displayed in the display area WR10. In other words, the terminal device 10 gradually changes the display mode from the changed content VC12 to the changed content VC11. As a result, the user can save the trouble of returning to the state before the change operation after performing the change operation, so that the content can be displayed more appropriately for the user. In addition, since the user can restore the display by simply quitting the change operation, the psychological burden of the user performing the change operation is reduced, and it can be expected that the user performs more change operations. In addition, it is not limited to the case where the designation of the changed content VC12 by the user is cancelled. For example, when the user designates the return button displayed on the terminal device 10, the position of the same size designated range is changed. It may be moved to the previous position, and the display mode of the changed content may be changed to the mode before the change operation by the user is performed.

〔8−2.コンテンツ、変更操作等〕
上述した実施形態に係る端末装置10では、ウェブページ中の表示領域に表示するコンテンツを変形してコンテンツ全体を表示する例を示したが、全体を表示させるコンテンツとしては種々のコンテンツであってもよい。例えば、ウェブページ全体をブラウザの表示領域に合わせて全体が表示されるようにウェブページ自体を変更してもよい。この場合、スマートフォンなどの画面の小さい端末装置で、スマートフォン専用のウェブページ以外を閲覧する場合であっても、全体を表示し、かつ見たい部分は等倍等の所定の倍率で表示することが可能となる。また、上述した実施形態に係る端末装置10では、変更コンテンツに対する変更操作として、スワイプ操作やドラッグ操作を行う例を示したが、変更操作としては種々の操作を受け付けてもよい。例えば、表示領域中のある点を指定し、その指定された点に対応領域の中心の位置を移動させてもよい。この場合、コンテンツ中の等倍領域の位置も表示領域において指定された点の位置に応じて移動させてもよい。これにより、ユーザは自身が見たい箇所を即時に等倍などの所定の倍率で見ることが可能となる。また、ピンチアウトやピンチインの操作を等倍領域や対応領域の大きさの変更として受け付けてもよい。この場合、ユーザは自身が注視したい領域の大きさを指定することが可能となる。また、例えば、ユーザが端末装置10に表示された切替えボタンを指定することにより、表示処理によりコンテンツを変更した変更コンテンツと、コンテンツ全体を単純に縮小したコンテンツとを切り替え表示させてもよい。
[8-2. (Content, change operation, etc.)
In the terminal device 10 according to the above-described embodiment, the example in which the content displayed in the display area in the web page is transformed and the entire content is displayed has been described. Good. For example, the web page itself may be changed so that the entire web page is displayed in accordance with the display area of the browser. In this case, even when browsing a web page other than a smartphone-specific web page on a terminal device with a small screen such as a smartphone, the entire screen can be displayed, and the part to be viewed can be displayed at a predetermined magnification such as the same magnification. It becomes possible. In the terminal device 10 according to the above-described embodiment, an example in which a swipe operation or a drag operation is performed as the change operation for the changed content has been described. However, various operations may be accepted as the change operation. For example, a certain point in the display area may be designated, and the center position of the corresponding area may be moved to the designated point. In this case, the position of the equal-magnification area in the content may be moved according to the position of the point designated in the display area. As a result, the user can immediately see the part he / she wants to see at a predetermined magnification such as the same magnification. Further, a pinch-out or pinch-in operation may be accepted as a change in the size of the same size area or the corresponding area. In this case, the user can specify the size of the area he / she wants to watch. Further, for example, when the user designates a switching button displayed on the terminal device 10, the changed content whose content has been changed by the display process and the content which is simply reduced from the entire content may be switched and displayed.

また、端末装置10は、端末装置10の傾きと連動して変更コンテンツ中の対応領域の位置を移動させてもよい。具体的には、端末装置10は、端末装置10の傾きの変化を変更コンテンツに対する変更操作として受け付けてもよい。例えば、端末装置10は、ユーザが端末装置10を傾けた際に、端末装置10に表示された変更コンテンツにおいて下側(重力が働く方向)に行くほど縮尺を小さい倍率にしてもよい。言い換えると、端末装置10は、ユーザが端末装置10を傾けた際に、端末装置10に表示された変更コンテンツにおいて上側(重力と反対方向)に対応領域(等倍領域)を移動させてもよい。これにより、端末装置10に表示された変更コンテンツの表示態様が、変更コンテンツが重力の影響を受けたかのように変化するため、ユーザのメンタルモデルに合致した変更コンテンツの表示態様の変化となることが期待できる。また、ユーザは、端末装置10の傾きを変えるだけで注視したい領域を探すことが可能となるため、ユーザビリティの向上も期待できる。例えば、ユーザは、端末装置10がスマートフォンである場合、端末装置10を持った手を所望の方向に傾けるだけで変更コンテンツの表示態様を変化させ、注視したい領域を探すことが可能となる。また、この場合、端末装置10は、検知部12として、例えば、ジャイロセンサ(ジャイロスコープや角速度センサ等と呼ばれる場合もある)を有してもよい。そして、端末装置10は、検知部12によって、端末装置10における物理的な動きの変化を検知する。つまり、端末装置10は、端末装置10における物理的な動きの変化を変更操作として受け付ける。また、例えば、端末装置10は、ユーザが端末装置10を傾けた際に、端末装置10に表示された変更コンテンツにおいて上側(重力と反対方向)に行くほど縮尺を小さい倍率にしてもよい。言い換えると、端末装置10は、ユーザが端末装置10を傾けた際に、端末装置10に表示された変更コンテンツにおいて下側(重力が働く方向)に対応領域(等倍領域)を移動させてもよい。このように、端末装置10に表示された変更コンテンツの表示態様が、端末装置10の傾きに応じて変化することにより、ユーザにとってよりゲーム性の高いコンテンツの表示となるため、ユーザがコンテンツへ関心を持ち、より長い時間コンテンツを注視することも期待できる。   The terminal device 10 may move the position of the corresponding area in the changed content in conjunction with the inclination of the terminal device 10. Specifically, the terminal device 10 may accept a change in the tilt of the terminal device 10 as a change operation for the changed content. For example, when the user tilts the terminal device 10, the terminal device 10 may reduce the scale to the lower side (the direction in which gravity works) in the changed content displayed on the terminal device 10. In other words, when the user tilts the terminal device 10, the terminal device 10 may move the corresponding region (same size region) upward (in the direction opposite to gravity) in the changed content displayed on the terminal device 10. . Thereby, since the display mode of the changed content displayed on the terminal device 10 changes as if the changed content was affected by gravity, the display mode of the changed content that matches the user's mental model may change. I can expect. In addition, since the user can search for a region to be watched only by changing the inclination of the terminal device 10, it is possible to expect improvement in usability. For example, when the terminal device 10 is a smartphone, the user can change the display mode of the changed content simply by tilting the hand holding the terminal device 10 in a desired direction, and search for a region to be watched. In this case, the terminal device 10 may include, for example, a gyro sensor (sometimes called a gyroscope or an angular velocity sensor) as the detection unit 12. Then, the terminal device 10 detects a change in physical movement in the terminal device 10 by the detection unit 12. That is, the terminal device 10 receives a change in physical movement in the terminal device 10 as a change operation. In addition, for example, when the user tilts the terminal device 10, the terminal device 10 may reduce the scale to the lower side in the changed content displayed on the terminal device 10 as it goes upward (opposite to gravity). In other words, when the user tilts the terminal device 10, the terminal device 10 may move the corresponding region (same size region) to the lower side (direction in which gravity works) in the changed content displayed on the terminal device 10. Good. As described above, since the display mode of the changed content displayed on the terminal device 10 changes according to the inclination of the terminal device 10, the content that is more game-friendly for the user is displayed. You can also expect to watch content for a longer time.

〔8−3.装置構成〕
また、上記実施形態では、配信システム1に、配信装置100と広告装置30とが含まれる例を示したが、配信装置100と広告装置30とは1個の装置として形成されてもよい。この場合、図3に示した配信装置100は、例えば、コンテンツ記憶部120とは別に、広告コンテンツ記憶部を有する。そして、配信装置100は、端末装置10からウェブページの取得要求を受け付けた場合に、広告コンテンツ記憶部にある広告コンテンツとともに、広告取得命令を含まないウェブページを端末装置10に配信する。
[8-3. Device configuration〕
In the above embodiment, the distribution system 1 includes the distribution device 100 and the advertising device 30. However, the distribution device 100 and the advertising device 30 may be formed as a single device. In this case, for example, the distribution device 100 illustrated in FIG. 3 includes an advertisement content storage unit separately from the content storage unit 120. Then, when receiving a web page acquisition request from the terminal device 10, the distribution device 100 distributes a web page that does not include an advertisement acquisition command to the terminal device 10 together with the advertisement content in the advertisement content storage unit.

また、上記実施形態では、広告装置30から端末装置10に広告コンテンツが配信される例を示したが、配信装置100が、広告装置30から広告コンテンツを取得してもよい。この場合、広告装置30は、配信装置100から広告コンテンツの取得要求を受け付ける。また、広告装置30は、配信装置100に広告コンテンツを配信する。また、配信装置100の配信部132は、広告装置30から取得した広告コンテンツとともに、広告取得命令を含まないウェブページを端末装置10に配信する。   In the above-described embodiment, the example in which the advertising content is distributed from the advertising device 30 to the terminal device 10 has been described. However, the distribution device 100 may acquire the advertising content from the advertising device 30. In this case, the advertising device 30 receives an advertisement content acquisition request from the distribution device 100. In addition, the advertising device 30 distributes advertising content to the distribution device 100. In addition, the distribution unit 132 of the distribution device 100 distributes the web page that does not include the advertisement acquisition command to the terminal device 10 together with the advertising content acquired from the advertising device 30.

〔8−4.その他〕
また、上記各実施形態において説明した各処理のうち、自動的に行われるものとして説明した処理の全部または一部を手動的に行うこともでき、あるいは、手動的に行われるものとして説明した処理の全部または一部を公知の方法で自動的に行うこともできる。この他、上記文書中や図面中で示した処理手順、具体的名称、各種のデータやパラメータを含む情報については、特記する場合を除いて任意に変更することができる。例えば、各図に示した各種情報は、図示した情報に限られない。
[8-4. Others]
In addition, among the processes described in the above embodiments, all or a part of the processes described as being automatically performed can be manually performed, or the processes described as being manually performed All or a part of the above can be automatically performed by a known method. In addition, the processing procedures, specific names, and information including various data and parameters shown in the document and drawings can be arbitrarily changed unless otherwise specified. For example, the various types of information illustrated in each drawing is not limited to the illustrated information.

また、図示した各装置の各構成要素は機能概念的なものであり、必ずしも物理的に図示の如く構成されていることを要しない。すなわち、各装置の分散・統合の具体的形態は図示のものに限られず、その全部または一部を、各種の負荷や使用状況などに応じて、任意の単位で機能的または物理的に分散・統合して構成することができる。また、上述してきた各実施形態は、処理内容を矛盾させない範囲で適宜組み合わせることが可能である。   Further, each component of each illustrated apparatus is functionally conceptual, and does not necessarily need to be physically configured as illustrated. In other words, the specific form of distribution / integration of each device is not limited to that shown in the figure, and all or a part thereof may be functionally or physically distributed or arbitrarily distributed in arbitrary units according to various loads or usage conditions. Can be integrated and configured. Moreover, each embodiment mentioned above can be combined suitably in the range which does not contradict a process content.

〔8−5.ハードウェア構成〕
上述してきた実施形態に係る端末装置10、広告装置30及び配信装置100は、例えば図13に示すような構成のコンピュータ1000によって実現される。以下、配信装置100を例に挙げて説明する。図13は、配信装置100の機能を実現するコンピュータ1000の一例を示すハードウェア構成図である。コンピュータ1000は、CPU1100、RAM1200、ROM1300、HDD1400、通信インターフェイス(I/F)1500、入出力インターフェイス(I/F)1600、及びメディアインターフェイス(I/F)1700を有する。
[8-5. Hardware configuration)
The terminal device 10, the advertising device 30, and the distribution device 100 according to the above-described embodiments are realized by a computer 1000 having a configuration as illustrated in FIG. Hereinafter, the distribution apparatus 100 will be described as an example. FIG. 13 is a hardware configuration diagram illustrating an example of a computer 1000 that implements the functions of the distribution apparatus 100. The computer 1000 includes a CPU 1100, RAM 1200, ROM 1300, HDD 1400, communication interface (I / F) 1500, input / output interface (I / F) 1600, and media interface (I / F) 1700.

CPU1100は、ROM1300又はHDD1400に格納されたプログラムに基づいて動作し、各部の制御を行う。ROM1300は、コンピュータ1000の起動時にCPU1100によって実行されるブートプログラムや、コンピュータ1000のハードウェアに依存するプログラム等を格納する。   The CPU 1100 operates based on a program stored in the ROM 1300 or the HDD 1400 and controls each unit. The ROM 1300 stores a boot program executed by the CPU 1100 when the computer 1000 is started up, a program depending on the hardware of the computer 1000, and the like.

HDD1400は、CPU1100によって実行されるプログラム、及び、かかるプログラムによって使用されるデータ等を格納する。通信インターフェイス1500は、ネットワーク40を介して他の機器からデータを受信してCPU1100へ送り、CPU1100が生成したデータをネットワーク40を介して他の機器へ送信する。   The HDD 1400 stores programs executed by the CPU 1100, data used by the programs, and the like. The communication interface 1500 receives data from other devices via the network 40 and sends the data to the CPU 1100, and transmits data generated by the CPU 1100 to other devices via the network 40.

CPU1100は、入出力インターフェイス1600を介して、ディスプレイやプリンタ等の出力装置、及び、キーボードやマウス等の入力装置を制御する。CPU1100は、入出力インターフェイス1600を介して、入力装置からデータを取得する。また、CPU1100は、生成したデータを入出力インターフェイス1600を介して出力装置へ出力する。   The CPU 1100 controls an output device such as a display and a printer and an input device such as a keyboard and a mouse via the input / output interface 1600. The CPU 1100 acquires data from the input device via the input / output interface 1600. In addition, the CPU 1100 outputs the generated data to the output device via the input / output interface 1600.

メディアインターフェイス1700は、記録媒体1800に格納されたプログラム又はデータを読み取り、RAM1200を介してCPU1100に提供する。CPU1100は、かかるプログラムを、メディアインターフェイス1700を介して記録媒体1800からRAM1200上にロードし、ロードしたプログラムを実行する。記録媒体1800は、例えばDVD(Digital Versatile Disc)、PD(Phase change rewritable Disk)等の光学記録媒体、MO(Magneto-Optical disk)等の光磁気記録媒体、テープ媒体、磁気記録媒体、または半導体メモリ等である。   The media interface 1700 reads a program or data stored in the recording medium 1800 and provides it to the CPU 1100 via the RAM 1200. The CPU 1100 loads such a program from the recording medium 1800 onto the RAM 1200 via the media interface 1700, and executes the loaded program. The recording medium 1800 is, for example, an optical recording medium such as a DVD (Digital Versatile Disc) or PD (Phase change rewritable disk), a magneto-optical recording medium such as an MO (Magneto-Optical disk), a tape medium, a magnetic recording medium, or a semiconductor memory. Etc.

例えば、コンピュータ1000が実施形態に係る配信装置100として機能する場合、コンピュータ1000のCPU1100は、RAM1200上にロードされたプログラムを実行することにより、制御部130の機能を実現する。コンピュータ1000のCPU1100は、これらのプログラムを記録媒体1800から読み取って実行するが、他の例として、他の装置からネットワーク40を介してこれらのプログラムを取得してもよい。   For example, when the computer 1000 functions as the distribution device 100 according to the embodiment, the CPU 1100 of the computer 1000 implements the function of the control unit 130 by executing a program loaded on the RAM 1200. The CPU 1100 of the computer 1000 reads these programs from the recording medium 1800 and executes them, but as another example, these programs may be acquired from other devices via the network 40.

なお、コンピュータ1000が実施形態に係る端末装置10として機能する場合、コンピュータ1000のCPU1100は、RAM1200上にロードされたプログラムを実行することにより、制御部15の機能を実現する。   When the computer 1000 functions as the terminal device 10 according to the embodiment, the CPU 1100 of the computer 1000 realizes the function of the control unit 15 by executing a program loaded on the RAM 1200.

〔9.効果〕
上述してきたように、実施形態に係る端末装置10は、表示部153と、変更部154とを有する。表示部153は、コンテンツC10において所定の範囲に含まれる領域である注視領域(実施形態においては等倍領域。以下同じ)の縮尺が所定の倍率(実施形態においては等倍。以下同じ)であり、コンテンツC10における注視領域以外の領域の縮尺が所定の倍率と異なる倍率である変更コンテンツVC11全体を表示する。変更部154は、表示部153により表示された変更コンテンツVC11に対して変更操作が行われた場合、変更操作に応じて、コンテンツC10における所定の範囲の位置を移動させることにより、移動後の所定の範囲に含まれる新たな注視領域(実施形態においては等倍領域R25。以下同じ)の縮尺を所定の倍率に変更する。
[9. effect〕
As described above, the terminal device 10 according to the embodiment includes the display unit 153 and the change unit 154. In the display unit 153, the scale of the gaze area (the same size area in the embodiment, the same applies hereinafter) that is an area included in the predetermined range in the content C10 is a predetermined magnification (the same size in the embodiment, the same applies hereinafter). Then, the entire changed content VC11 in which the scale of the region other than the gaze region in the content C10 is a magnification different from the predetermined magnification is displayed. When the changing operation is performed on the changed content VC11 displayed on the display unit 153, the changing unit 154 moves the position of the predetermined range in the content C10 according to the changing operation, thereby changing the predetermined content after the movement. The scale of a new gaze area (equal magnification area R25 in the embodiment, the same applies hereinafter) included in the range is changed to a predetermined magnification.

これにより、実施形態に係る端末装置10は、コンテンツ全体の視認性を保ちつつユーザが所望の領域を注視できるコンテンツを表示することができる。例えば、端末装置10は、コンテンツ全体の視認性を保ちつつ、ユーザが所望の領域を等倍にした態様でコンテンツを表示することができる。また、表示領域に表示された変更コンテンツの表示態様がユーザの変更操作により変化するので、ユーザにとってゲーム性の高いコンテンツの表示となる。そのため、ユーザが変更操作を行わせることにより、ユーザが変更操作を行っている間は、ユーザの注目をそのコンテンツに向けさせることができる。   Thereby, the terminal device 10 according to the embodiment can display the content that allows the user to gaze at a desired region while maintaining the visibility of the entire content. For example, the terminal device 10 can display the content in a mode in which the user has magnified a desired area while maintaining the visibility of the entire content. Moreover, since the display mode of the changed content displayed in the display area is changed by the user's changing operation, the content with high game characteristics for the user is displayed. Therefore, when the user performs the change operation, the user's attention can be directed to the content while the user is performing the change operation.

また、実施形態に係る端末装置10において、変更部154は、変更操作が行われた場合、移動後の所定の範囲に対応する新たな注視領域の縮尺を所定の倍率とし、コンテンツC10における新たな注視領域以外の領域の倍率を変更コンテンツVC11〜VC13の大きさに応じて変更する。   In addition, in the terminal device 10 according to the embodiment, when the change operation is performed, the changing unit 154 sets the scale of the new gaze area corresponding to the predetermined range after movement to a predetermined magnification, and sets a new magnification in the content C10. The magnification of the area other than the gaze area is changed according to the size of the changed contents VC11 to VC13.

これにより、実施形態に係る端末装置10は、ユーザが注視したい領域が変わった場合であっても、コンテンツ全体の視認性を保ちつつユーザが所望の領域を注視できるコンテンツを表示することができる。   Thereby, the terminal device 10 according to the embodiment can display the content that allows the user to gaze at a desired area while maintaining the visibility of the entire content even when the area that the user wants to gaze changes.

また、実施形態に係る端末装置10において、変更部154は、コンテンツC10における注視領域以外の領域の縮尺を所定の倍率よりも小さい倍率にすることにより変更コンテンツVC11〜VC13全体を表示させる。   In the terminal device 10 according to the embodiment, the changing unit 154 displays the entire changed content VC11 to VC13 by setting the scale of the region other than the gaze region in the content C10 to a magnification smaller than a predetermined magnification.

これにより、実施形態に係る端末装置10は、ユーザが注視したい領域が変わった場合であっても、コンテンツ全体の視認性を保ちつつユーザが所望の領域を注視できるコンテンツを表示することができる。具体的には、端末装置10は、ユーザが注視したい注視領域を等倍で、他の領域を縮小して表示することにより、コンテンツ全体の視認性を保ちつつ、ユーザが所望の領域を等倍にした態様でコンテンツを表示することができる。   Thereby, the terminal device 10 according to the embodiment can display the content that allows the user to gaze at a desired area while maintaining the visibility of the entire content even when the area that the user wants to gaze changes. Specifically, the terminal apparatus 10 displays the gaze area that the user wants to gaze at the same magnification, and displays the other areas at a reduced size, thereby maintaining the visibility of the entire content and the user to the desired area at the same magnification. Content can be displayed in the manner described above.

また、実施形態に係る端末装置10において、変更部154は、変更コンテンツVC11〜VC13に対してユーザが指定する位置が検知されている場合、ユーザが指定する位置を変化させる操作を変更操作として所定の範囲の位置を移動させる。   Further, in the terminal device 10 according to the embodiment, the change unit 154 determines, as the change operation, an operation for changing the position specified by the user when the position specified by the user with respect to the changed contents VC11 to VC13 is detected. Move the position of the range.

これにより、実施形態に係る端末装置10を使用するユーザは、表示領域にコンテンツ全体の内容が表示されているため、ページ遷移やスクロール操作を行うことなく、ドラッグ操作やスワイプ操作などにより、自身が見たいコンテンツの領域を探すことができる。具体的には、端末装置10を使用するユーザは、表示領域に表示された変更コンテンツの対応領域を変更操作により移動させることにより、自身が見たいコンテンツの領域を探すことができる。また、ユーザは直観的な変更操作が可能となる。   Thereby, since the content of the entire content is displayed in the display area, the user who uses the terminal device 10 according to the embodiment can perform the drag operation or the swipe operation without performing the page transition or the scroll operation. You can search the content area you want to see. Specifically, the user who uses the terminal device 10 can search the area of the content he / she wants to see by moving the corresponding area of the changed content displayed in the display area by the change operation. In addition, the user can perform an intuitive change operation.

また、実施形態に係る端末装置10において、変更部154は、変更コンテンツVC11〜VC13に対してユーザが指定する位置の変化の方向と反対方向に移動させる。   In the terminal device 10 according to the embodiment, the changing unit 154 moves the changed contents VC11 to VC13 in the direction opposite to the direction of change of the position designated by the user.

これにより、実施形態に係る端末装置10は、コンテンツの表示態様の変化がユーザがコンテンツを引っ張る動作を行った場合のような変化となるため、ユーザは直観的な変更操作が可能となる。また、表示領域に表示された変更コンテンツの表示態様がユーザの変更操作により引っ張ったような変化するので、ユーザにとってさらにゲーム性の高いコンテンツの表示となり、ユーザをコンテンツに注目させることができる。   Thereby, in the terminal device 10 according to the embodiment, the change in the display mode of the content is the same as when the user performs an operation of pulling the content, and thus the user can perform an intuitive change operation. Further, since the display mode of the changed content displayed in the display area changes as if pulled by the user's change operation, the content is displayed with higher game characteristics for the user, and the user can be focused on the content.

また、実施形態に係る端末装置10において、変更部154は、所定の条件を満たした場合、所定の範囲の位置を変更操作がされる前の位置に移動させる。   In the terminal device 10 according to the embodiment, the change unit 154 moves the position in the predetermined range to the position before the change operation when the predetermined condition is satisfied.

これにより、実施形態に係る端末装置10は、ユーザが変更操作を行った後に、ユーザが変更操作を行う前の状態に戻す手間を省くことができるため、ユーザに対してより適切なコンテンツの表示となる。   Thereby, since the terminal device 10 according to the embodiment can save time and effort to return to the state before the user performs the change operation after the user performs the change operation, it is possible to display more appropriate content for the user. It becomes.

また、実施形態に係る端末装置10において、変更部154は、変更操作がされなくなることを所定の条件とする。   In the terminal device 10 according to the embodiment, the changing unit 154 sets a predetermined condition that the changing operation is not performed.

これにより、実施形態に係る端末装置10は、ユーザが変更操作を行った後に、ユーザが変更操作を行う前の状態に戻す手間を省くことができるため、ユーザに対してより適切なコンテンツの表示となる。この場合、ユーザは変更操作をやめるだけで表示を元に戻すことができるので、ユーザが変更操作を行う心理的な負担が少なくなり、ユーザがより多く変更操作を行うことが期待できる。   Thereby, since the terminal device 10 according to the embodiment can save time and effort to return to the state before the user performs the change operation after the user performs the change operation, it is possible to display more appropriate content for the user. It becomes. In this case, the user can restore the display by simply quitting the change operation, so the psychological burden of the user performing the change operation is reduced, and the user can be expected to perform more change operations.

また、実施形態に係る端末装置10において、変更部154、注視領域にコンテンツC10中の特定領域SA10が含まれる場合、コンテンツC10に関連する関連コンテンツを表示させる。   Further, in the terminal device 10 according to the embodiment, when the specific area SA10 in the content C10 is included in the changing unit 154 and the gaze area, related content related to the content C10 is displayed.

これにより、実施形態に係る端末装置10は、ユーザが変更操作を行わせることにより、ユーザが変更操作を行っている間は、ユーザの注目をそのコンテンツに向けさせることができ、表示領域に表示された変更コンテンツに対して変更操作を行っているユーザは、そのコンテンツに対して関心のあるユーザである可能性が高いと推定できる。そのため、端末装置10は、ユーザの変更操作によってコンテンツ中の特定領域が、対応領域に含まれたことをトリガーとしてコンテンツに関連する関連コンテンツを表示する。これにより、表示したコンテンツに関心があると推定されるユーザに対してコンテンツに関連する関連コンテンツを表示することができる。   Thereby, the terminal device 10 according to the embodiment allows the user to perform a change operation so that the user's attention can be directed to the content while the user performs the change operation, and the display is displayed in the display area. It can be estimated that a user who is performing a change operation on the changed content is likely to be a user who is interested in the content. Therefore, the terminal device 10 displays related content related to the content, triggered by the fact that the specific region in the content is included in the corresponding region by the user's change operation. Thereby, related content related to the content can be displayed to a user who is estimated to be interested in the displayed content.

また、実施形態に係る端末装置10において、変更部154、所定の範囲の位置が所定の大きさを超えて移動した場合、コンテンツC10に関連する関連コンテンツを表示させる。   Further, in the terminal device 10 according to the embodiment, when the position of the changing unit 154 and the predetermined range moves beyond a predetermined size, related content related to the content C10 is displayed.

これにより、実施形態に係る端末装置10は、ユーザが変更操作を行わせることにより、ユーザが変更操作を行っている間は、ユーザの注目をそのコンテンツに向けさせることができ、表示領域に表示された変更コンテンツに対して変更操作を行っているユーザは、そのコンテンツに対して関心のあるユーザである可能性が高いと推定できる。そのため、端末装置10は、ユーザの変更操作によって所定の範囲の位置が所定の大きさを超えて移動したことをトリガーとしてコンテンツに関連する関連コンテンツを表示する。これにより、表示したコンテンツに関心があると推定されるユーザに対してコンテンツに関連する関連コンテンツを表示することができる。   Thereby, the terminal device 10 according to the embodiment allows the user to perform a change operation so that the user's attention can be directed to the content while the user performs the change operation, and the display is displayed in the display area. It can be estimated that a user who is performing a change operation on the changed content is likely to be a user who is interested in the content. Therefore, the terminal device 10 displays related content related to the content triggered by the movement of the position in the predetermined range exceeding the predetermined size by the change operation of the user. Thereby, related content related to the content can be displayed to a user who is estimated to be interested in the displayed content.

また、実施形態に係る端末装置10において、変更部154は、関連コンテンツとしてコンテンツC10に関連する広告コンテンツAC10を表示させる。   In the terminal device 10 according to the embodiment, the changing unit 154 displays the advertising content AC10 related to the content C10 as the related content.

これにより、実施形態に係る端末装置10は、ユーザが変更操作を行わせることにより、ユーザが変更操作を行っている間は、ユーザの注目をそのコンテンツに向けさせることができる。そして、表示領域に表示された変更コンテンツに対して変更操作を行っているユーザは、そのコンテンツに対して関心のあるユーザである可能性が高いと推定できる。そのため、端末装置10は、ユーザの変更操作によってコンテンツ中の特定領域が対応領域に含まれたことや所定の範囲の位置が所定の大きさを超えて移動したことをトリガーとしてコンテンツに関連する広告コンテンツを表示する。これにより、表示したコンテンツに関心があると推定されるユーザに対してコンテンツに関連する広告コンテンツを表示することができるため、広告コンテンツの広告効果を向上させることができる。   Thereby, the terminal device 10 according to the embodiment can direct the user's attention to the content while the user performs the changing operation by causing the user to perform the changing operation. And it can be estimated that the user who is performing change operation with respect to the change content displayed on the display area has a high possibility of being a user interested in the content. Therefore, the terminal device 10 is an advertisement related to the content triggered by the fact that the specific region in the content is included in the corresponding region by the change operation of the user or the position of the predetermined range has moved beyond the predetermined size. Display content. Thereby, since the advertising content related to the content can be displayed to the user who is estimated to be interested in the displayed content, the advertising effect of the advertising content can be improved.

また、実施形態に係る端末装置10において、表示部153は、コンテンツC10が分割された複数の領域R11〜R19のうち1つの領域R15を所定の範囲に含まれる注視領域とする。   In the terminal device 10 according to the embodiment, the display unit 153 sets one region R15 among the plurality of regions R11 to R19 into which the content C10 is divided as a gaze region included in a predetermined range.

これにより、実施形態に係る端末装置10は、コンテンツ全体の視認性を保ちつつユーザが所望の領域を注視できるコンテンツを表示することができる。例えば、端末装置10は、コンテンツ全体の視認性を保ちつつ、ユーザが所望の領域を等倍にした態様でコンテンツを表示することができる。   Thereby, the terminal device 10 according to the embodiment can display the content that allows the user to gaze at a desired region while maintaining the visibility of the entire content. For example, the terminal device 10 can display the content in a mode in which the user has magnified a desired area while maintaining the visibility of the entire content.

また、実施形態に係る端末装置10において、表示部153は、コンテンツC10が等しい大きさに分割された複数の領域R11〜R19のうち1つの領域R15を所定の範囲に含まれる注視領域とする。   In the terminal device 10 according to the embodiment, the display unit 153 sets one region R15 among the plurality of regions R11 to R19 in which the content C10 is divided into equal sizes as a gaze region included in a predetermined range.

これにより、実施形態に係る端末装置10は、コンテンツ全体の視認性を保ちつつユーザが所望の領域を注視できるコンテンツを表示することができる。例えば、端末装置10は、コンテンツ全体の視認性を保ちつつ、ユーザが所望の領域を等倍にした態様でコンテンツを表示することができる。   Thereby, the terminal device 10 according to the embodiment can display the content that allows the user to gaze at a desired region while maintaining the visibility of the entire content. For example, the terminal device 10 can display the content in a mode in which the user has magnified a desired area while maintaining the visibility of the entire content.

また、実施形態に係る配信装置100は、配信部132を有する。配信部132は、端末装置10に表示されるコンテンツC10を制御する制御情報を端末装置10に配信する。また、実施形態に係る制御情報は、コンテンツC10において所定の範囲に含まれる領域である注視領域の縮尺が所定の倍率であり、コンテンツC10における注視領域以外の領域の縮尺が所定の倍率と異なる倍率である変更コンテンツVC11〜VC13全体を表示する表示手順と、表示手順により表示された変更コンテンツVC11〜VC13に対して変更操作が行われた場合、変更操作に応じて、コンテンツC10における所定の範囲の位置を移動させることにより、移動後の所定の範囲に含まれる新たな注視領域の縮尺を所定の倍率に変更する変更手順とを端末装置10に実行させる。   In addition, the distribution device 100 according to the embodiment includes a distribution unit 132. The distribution unit 132 distributes control information for controlling the content C <b> 10 displayed on the terminal device 10 to the terminal device 10. In the control information according to the embodiment, the scale of the gaze area that is an area included in the predetermined range in the content C10 is a predetermined magnification, and the scale of the area other than the gaze area in the content C10 is different from the predetermined magnification. Display procedure for displaying the entire changed content VC11 to VC13, and when the change operation is performed on the changed content VC11 to VC13 displayed by the display procedure, a predetermined range in the content C10 is determined according to the change operation. By moving the position, the terminal device 10 is caused to execute a changing procedure for changing the scale of the new gaze area included in the predetermined range after the movement to a predetermined magnification.

これにより、実施形態に係る配信装置100は、コンテンツ全体の視認性を保ちつつ、ユーザが所望の領域を等倍にした態様でコンテンツを表示することができる。また、表示領域に表示された変更コンテンツの表示態様がユーザの変更操作により変化するので、ユーザにとってゲーム性の高いコンテンツの表示となる。そのため、ユーザが変更操作を行わせることにより、ユーザが変更操作を行っている間は、ユーザの注目をそのコンテンツに向けさせることができる。   Thereby, the distribution apparatus 100 according to the embodiment can display the content in a mode in which the user has made the desired area the same size while maintaining the visibility of the entire content. Moreover, since the display mode of the changed content displayed in the display area is changed by the user's changing operation, the content with high game characteristics for the user is displayed. Therefore, when the user performs the change operation, the user's attention can be directed to the content while the user is performing the change operation.

以上、本願の実施形態のいくつかを図面に基づいて詳細に説明したが、これらは例示であり、発明の開示の行に記載の態様を始めとして、当業者の知識に基づいて種々の変形、改良を施した他の形態で本発明を実施することが可能である。   As described above, some of the embodiments of the present application have been described in detail with reference to the drawings. It is possible to implement the present invention in other forms with improvements.

また、上述してきた「部(section、module、unit)」は、「手段」や「回路」などに読み替えることができる。例えば、検知部は、検知手段や検知回路に読み替えることができる。   In addition, the “section (module, unit)” described above can be read as “means” or “circuit”. For example, the detection unit can be read as detection means or a detection circuit.

1 配信システム
10 端末装置
12 検知部
13 出力部
14 記憶部
15 制御部
151 要求部
152 受付部
153 表示部
154 変更部
100 配信装置
120 コンテンツ記憶部
130 制御部
131 受付部
132 配信部
DESCRIPTION OF SYMBOLS 1 Distribution system 10 Terminal apparatus 12 Detection part 13 Output part 14 Storage part 15 Control part 151 Request part 152 Reception part 153 Display part 154 Change part 100 Distribution apparatus 120 Content memory | storage part 130 Control part 131 Reception part 132 Distribution part

Claims (15)

所定の対象を含むコンテンツにおいて所定の範囲に含まれる領域である注視領域であって前記所定の対象の一部が含まれる注視領域の縮尺が所定の倍率であり、前記コンテンツにおける前記注視領域以外の領域であって前記所定の対象の前記一部とは異なる他の一部が含まれる領域の縮尺が前記所定の倍率と異なる倍率である変更コンテンツ全体を表示する表示部と、
前記表示部により表示された前記変更コンテンツに対して変更操作が行われた場合、前記変更操作に応じて、前記コンテンツにおける前記所定の範囲の位置を移動させることにより、前記移動後の所定の範囲に含まれる新たな注視領域の縮尺を前記所定の倍率に変更する変更部と、
を備えたことを特徴とする端末装置。
A gaze area which is an area included in a predetermined range in content including a predetermined target, and a scale of the gaze area including a part of the predetermined target is a predetermined magnification, and other than the gaze area in the content A display unit for displaying the entire changed content in which the scale of the region including another part different from the part of the predetermined target is different from the predetermined magnification;
When a change operation is performed on the changed content displayed by the display unit, the predetermined range after the movement is moved by moving the position of the predetermined range in the content according to the change operation. A changing unit that changes the scale of the new gaze area included in the predetermined magnification,
A terminal device comprising:
前記変更部は、
前記変更操作が行われた場合、前記移動後の所定の範囲に対応する前記新たな注視領域の縮尺を前記所定の倍率とし、前記コンテンツにおける前記新たな注視領域以外の領域の倍率を前記変更コンテンツの大きさに応じて変更する、
ことを特徴とする請求項1に記載の端末装置。
The changing unit is
When the change operation is performed, the scale of the new gaze area corresponding to the predetermined range after the movement is set as the predetermined magnification, and the scale of the area other than the new gaze area in the content is the changed content Change according to the size of
The terminal device according to claim 1.
前記表示部は、
前記コンテンツにおける前記注視領域以外の領域の縮尺を前記所定の倍率よりも小さい倍率にすることにより前記変更コンテンツ全体を表示させる、
ことを特徴とする請求項1又は請求項2に記載の端末装置。
The display unit
Displaying the entire changed content by reducing the scale of the area other than the gaze area in the content to a magnification smaller than the predetermined magnification;
The terminal device according to claim 1, wherein the terminal device is a terminal device.
前記変更部は、
前記変更コンテンツに対してユーザが指定する位置が検知されている場合、前記ユーザが指定する位置を変化させる操作を前記変更操作として前記所定の範囲の位置を移動させる、
ことを特徴とする請求項1〜3のいずれか1項に記載の端末装置。
The changing unit is
When a position designated by the user with respect to the change content is detected, an operation for changing the position designated by the user is moved as the change operation, and the position in the predetermined range is moved.
The terminal device according to any one of claims 1 to 3.
前記変更部は、
前記所定の範囲の位置を、前記変更コンテンツに対して前記ユーザが指定する位置の変化の方向と反対方向に移動させる、
ことを特徴とする請求項4に記載の端末装置。
The changing unit is
Moving the position of the predetermined range in a direction opposite to the direction of change of the position specified by the user with respect to the changed content;
The terminal device according to claim 4.
前記変更部は、
所定の条件を満たした場合、前記所定の範囲の位置を前記変更操作がされる前の位置に移動させる、
ことを特徴とする請求項1〜5のいずれか1項に記載の端末装置。
The changing unit is
When the predetermined condition is satisfied, the position of the predetermined range is moved to a position before the change operation is performed.
The terminal device according to claim 1, wherein:
前記変更部は、
前記変更操作がされなくなることを前記所定の条件とする、
ことを特徴とする請求項6に記載の端末装置。
The changing unit is
The predetermined condition is that the change operation is not performed,
The terminal device according to claim 6.
前記変更部は、
前記注視領域に前記コンテンツ中の特定領域が含まれる場合、前記コンテンツに関連する関連コンテンツを表示させる、
ことを特徴とする請求項1〜7のいずれか1項に記載の端末装置。
The changing unit is
When the specific area in the content is included in the gaze area, related content related to the content is displayed.
The terminal device according to any one of claims 1 to 7.
前記変更部は、
前記所定の範囲の位置が所定の大きさを超えて移動した場合、前記コンテンツに関連する関連コンテンツを表示させる、
ことを特徴とする請求項1〜8のいずれか1項に記載の端末装置。
The changing unit is
When the position of the predetermined range moves beyond a predetermined size, display related content related to the content;
The terminal device according to claim 1, wherein:
前記変更部は、
前記関連コンテンツとして前記コンテンツに関連する広告コンテンツを表示させる、
ことを特徴とする請求項8又は請求項9に記載の端末装置。
The changing unit is
Displaying advertisement content related to the content as the related content;
The terminal device according to claim 8 or 9, wherein
前記表示部は、
前記コンテンツが分割された複数の領域のうち1つの領域を前記所定の範囲に含まれる前記注視領域とする、
ことを特徴とする請求項1〜10のいずれか1つに記載の端末装置。
The display unit
One region of the plurality of regions into which the content is divided is set as the gaze region included in the predetermined range.
The terminal device according to any one of claims 1 to 10.
前記表示部は、
前記コンテンツが等しい大きさに分割された複数の領域のうち1つの領域を前記所定の範囲に含まれる前記注視領域とする、
ことを特徴とする請求項11に記載の端末装置。
The display unit
One area among a plurality of areas into which the content is divided into equal sizes is set as the gaze area included in the predetermined range.
The terminal device according to claim 11.
端末装置に表示されるコンテンツを制御する制御情報を前記端末装置に配信する配信部を備え、
前記制御情報は、前記端末装置に、
所定の対象を含むコンテンツにおいて所定の範囲に含まれる領域である注視領域であって前記所定の対象の一部が含まれる注視領域の縮尺が所定の倍率であり、前記コンテンツにおける前記注視領域以外の領域であって前記所定の対象の前記一部とは異なる他の一部が含まれる領域の縮尺が前記所定の倍率と異なる倍率である変更コンテンツ全体を表示する表示手順と、
前記表示手順により表示された前記変更コンテンツに対して変更操作が行われた場合、前記変更操作に応じて、前記コンテンツにおける前記所定の範囲の位置を移動させることにより、前記移動後の所定の範囲に含まれる新たな注視領域の縮尺を前記所定の倍率に変更する変更手順と、
を実行させることを特徴とする配信装置。
A distribution unit for distributing control information for controlling content displayed on the terminal device to the terminal device;
The control information is sent to the terminal device.
A gaze area which is an area included in a predetermined range in content including a predetermined target, and a scale of the gaze area including a part of the predetermined target is a predetermined magnification, and other than the gaze area in the content A display procedure for displaying an entire changed content in which the scale of an area including another part different from the part of the predetermined target is a magnification different from the predetermined magnification;
When a change operation is performed on the changed content displayed by the display procedure, the predetermined range after the movement is moved by moving the position of the predetermined range in the content according to the change operation. A change procedure for changing the scale of the new gaze area included in the image to the predetermined magnification;
A distribution apparatus characterized in that
コンピュータが実行する表示方法であって、
所定の対象を含むコンテンツにおいて所定の範囲に含まれる領域である注視領域であって前記所定の対象の一部が含まれる注視領域の縮尺が所定の倍率であり、前記コンテンツにおける前記注視領域以外の領域であって前記所定の対象の前記一部とは異なる他の一部が含まれる領域の縮尺が前記所定の倍率と異なる倍率である変更コンテンツ全体を表示する表示工程と、
前記表示工程により表示された前記変更コンテンツに対して変更操作が行われた場合、前記変更操作に応じて、前記コンテンツにおける前記所定の範囲の位置を移動させることにより、前記移動後の所定の範囲に含まれる新たな注視領域の縮尺を前記所定の倍率に変更する変更工程と、
を備えたことを特徴とする表示方法。
A display method executed by a computer,
A gaze area which is an area included in a predetermined range in content including a predetermined target, and a scale of the gaze area including a part of the predetermined target is a predetermined magnification, and other than the gaze area in the content A display step of displaying the entire changed content in which the scale of the region including another part different from the part of the predetermined target is different from the predetermined magnification;
When a change operation is performed on the changed content displayed in the display step, the predetermined range after the movement is moved by moving the position of the predetermined range in the content according to the change operation. A change step of changing the scale of the new gaze area included in the predetermined magnification,
A display method characterized by comprising:
所定の対象を含むコンテンツにおいて所定の範囲に含まれる領域である注視領域であって前記所定の対象の一部が含まれる注視領域の縮尺が所定の倍率であり、前記コンテンツにおける前記注視領域以外の領域であって前記所定の対象の前記一部とは異なる他の一部が含まれる領域の縮尺が前記所定の倍率と異なる倍率である変更コンテンツ全体を表示する表示手順と、
前記表示手順により表示された前記変更コンテンツに対して変更操作が行われた場合、前記変更操作に応じて、前記コンテンツにおける前記所定の範囲の位置を移動させることにより、前記移動後の所定の範囲に含まれる新たな注視領域の縮尺を前記所定の倍率に変更する変更手順と、
をコンピュータに実行させることを特徴とする表示プログラム。
A gaze area which is an area included in a predetermined range in content including a predetermined target, and a scale of the gaze area including a part of the predetermined target is a predetermined magnification, and other than the gaze area in the content A display procedure for displaying an entire changed content in which the scale of an area including another part different from the part of the predetermined target is a magnification different from the predetermined magnification;
When a change operation is performed on the changed content displayed by the display procedure, the predetermined range after the movement is moved by moving the position of the predetermined range in the content according to the change operation. A change procedure for changing the scale of the new gaze area included in the image to the predetermined magnification;
A display program characterized by causing a computer to execute.
JP2014191291A 2014-09-19 2014-09-19 Terminal device, distribution device, display method, and display program Active JP6228090B2 (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
JP2014191291A JP6228090B2 (en) 2014-09-19 2014-09-19 Terminal device, distribution device, display method, and display program

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
JP2014191291A JP6228090B2 (en) 2014-09-19 2014-09-19 Terminal device, distribution device, display method, and display program

Publications (2)

Publication Number Publication Date
JP2016062439A JP2016062439A (en) 2016-04-25
JP6228090B2 true JP6228090B2 (en) 2017-11-08

Family

ID=55796084

Family Applications (1)

Application Number Title Priority Date Filing Date
JP2014191291A Active JP6228090B2 (en) 2014-09-19 2014-09-19 Terminal device, distribution device, display method, and display program

Country Status (1)

Country Link
JP (1) JP6228090B2 (en)

Family Cites Families (10)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JPH06274586A (en) * 1993-03-22 1994-09-30 Mitsubishi Electric Corp Displaying system
JP2000010705A (en) * 1998-06-17 2000-01-14 Nec Corp Output image deforming system and record medium recording program for output image deformation
JP2006004196A (en) * 2004-06-17 2006-01-05 Sony Corp Image display apparatus and image display method
JP2008250948A (en) * 2007-03-30 2008-10-16 Sharp Corp Information processing device, information processing method, information processing program, storage medium recording information processing program, and information display device
JP4895211B2 (en) * 2007-07-02 2012-03-14 アルパイン株式会社 Display processing apparatus and display control method
JP2009080573A (en) * 2007-09-25 2009-04-16 E Compute Kk Display method
JP5324241B2 (en) * 2009-01-30 2013-10-23 国立大学法人 名古屋工業大学 MAP DISPLAY DEVICE, MAP DISPLAY METHOD, AND MAP SEARCH SERVER
JP5206810B2 (en) * 2010-03-31 2013-06-12 株式会社デンソー Map display device
JP5160604B2 (en) * 2010-09-14 2013-03-13 任天堂株式会社 Display control program, display control system, display control apparatus, and display control method
JP5612459B2 (en) * 2010-12-24 2014-10-22 京セラ株式会社 Mobile terminal device

Also Published As

Publication number Publication date
JP2016062439A (en) 2016-04-25

Similar Documents

Publication Publication Date Title
JP6130335B2 (en) Information display program, distribution device, information display method, and information display device
JP5837108B2 (en) Distribution device, terminal device, distribution method, and distribution program
JP5937262B1 (en) Information display program, information display apparatus, information display method, distribution apparatus, and distribution method
JP5580924B1 (en) Distribution device, terminal device, distribution method, and distribution program
JP6223310B2 (en) Information display program, distribution device, information display method, and information display device
JP6224682B2 (en) Information display program, information display device, information display method, and distribution device
JP6162773B2 (en) Distribution device, terminal device, distribution method, distribution program, terminal program, and control program
JP5774661B2 (en) Distribution device, terminal device, distribution method, distribution program, and terminal program
JP6158903B2 (en) Information display program, information display device, information display method, and distribution device
JP6228090B2 (en) Terminal device, distribution device, display method, and display program
JP6005217B2 (en) DISTRIBUTION DEVICE, DISPLAY PROGRAM, TERMINAL DEVICE, INFORMATION DISPLAY METHOD, DISTRIBUTION METHOD, AND DISTRIBUTION PROGRAM
JP2015099557A (en) Distribution device, terminal device, distribution method, distribution program, and terminal program
JP6243204B2 (en) Distribution device, terminal device, distribution method, distribution program, and terminal program
JP7137984B2 (en) Information display program, information display method, and information processing device
JP6050396B2 (en) Distribution device, display control device, display control method, and display control program
JP6203140B2 (en) Display program, terminal device, display method, and distribution device
JP6227938B2 (en) Distribution device, terminal device, distribution method, distribution program, and display program
JP6271383B2 (en) Terminal device, distribution device, display method, and display program
JP2017129752A (en) Information display program, information display method, and control device
JP6096841B2 (en) Display control program and terminal device
JP6144245B2 (en) Terminal device, distribution device, display method, and display program
JP5646709B1 (en) Terminal device, distribution device, display method, and display program
JP2015153043A (en) Distribution device, terminal device, distribution method, and distribution program
JP6029647B2 (en) Display program, display method, terminal device, and distribution device
JP5923141B2 (en) Distribution device, terminal device, distribution method, distribution program, and server device

Legal Events

Date Code Title Description
A621 Written request for application examination

Free format text: JAPANESE INTERMEDIATE CODE: A621

Effective date: 20160915

A977 Report on retrieval

Free format text: JAPANESE INTERMEDIATE CODE: A971007

Effective date: 20170531

A131 Notification of reasons for refusal

Free format text: JAPANESE INTERMEDIATE CODE: A131

Effective date: 20170606

A521 Request for written amendment filed

Free format text: JAPANESE INTERMEDIATE CODE: A523

Effective date: 20170721

TRDD Decision of grant or rejection written
A01 Written decision to grant a patent or to grant a registration (utility model)

Free format text: JAPANESE INTERMEDIATE CODE: A01

Effective date: 20170912

A61 First payment of annual fees (during grant procedure)

Free format text: JAPANESE INTERMEDIATE CODE: A61

Effective date: 20171012

R150 Certificate of patent or registration of utility model

Ref document number: 6228090

Country of ref document: JP

Free format text: JAPANESE INTERMEDIATE CODE: R150

S533 Written request for registration of change of name

Free format text: JAPANESE INTERMEDIATE CODE: R313533

R350 Written notification of registration of transfer

Free format text: JAPANESE INTERMEDIATE CODE: R350

S111 Request for change of ownership or part of ownership

Free format text: JAPANESE INTERMEDIATE CODE: R313111

R350 Written notification of registration of transfer

Free format text: JAPANESE INTERMEDIATE CODE: R350

R250 Receipt of annual fees

Free format text: JAPANESE INTERMEDIATE CODE: R250

R250 Receipt of annual fees

Free format text: JAPANESE INTERMEDIATE CODE: R250

S111 Request for change of ownership or part of ownership

Free format text: JAPANESE INTERMEDIATE CODE: R313111

R350 Written notification of registration of transfer

Free format text: JAPANESE INTERMEDIATE CODE: R350