JP6363054B2 - Display data creation method, control program, and computer - Google Patents
Display data creation method, control program, and computer Download PDFInfo
- Publication number
- JP6363054B2 JP6363054B2 JP2015210055A JP2015210055A JP6363054B2 JP 6363054 B2 JP6363054 B2 JP 6363054B2 JP 2015210055 A JP2015210055 A JP 2015210055A JP 2015210055 A JP2015210055 A JP 2015210055A JP 6363054 B2 JP6363054 B2 JP 6363054B2
- Authority
- JP
- Japan
- Prior art keywords
- page
- unit
- information
- display data
- designated
- 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
Links
- 238000000034 method Methods 0.000 title claims description 81
- 238000004891 communication Methods 0.000 claims description 72
- 230000004044 response Effects 0.000 claims description 9
- 238000012545 processing Methods 0.000 description 56
- 230000008569 process Effects 0.000 description 27
- 238000010586 diagram Methods 0.000 description 18
- 230000005540 biological transmission Effects 0.000 description 12
- 230000006870 function Effects 0.000 description 8
- 238000004458 analytical method Methods 0.000 description 6
- 230000006399 behavior Effects 0.000 description 5
- 230000008859 change Effects 0.000 description 5
- 230000003287 optical effect Effects 0.000 description 3
- 244000208734 Pisonia aculeata Species 0.000 description 2
- 230000001174 ascending effect Effects 0.000 description 2
- 238000005401 electroluminescence Methods 0.000 description 2
- 230000010365 information processing Effects 0.000 description 2
- 238000010295 mobile communication Methods 0.000 description 2
- 230000002093 peripheral effect Effects 0.000 description 2
- 238000004364 calculation method Methods 0.000 description 1
- 238000004590 computer program Methods 0.000 description 1
- 230000007423 decrease Effects 0.000 description 1
- 238000005516 engineering process Methods 0.000 description 1
- 238000002474 experimental method Methods 0.000 description 1
- 230000001771 impaired effect Effects 0.000 description 1
- 239000004973 liquid crystal related substance Substances 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 238000010079 rubber tapping Methods 0.000 description 1
- 239000004065 semiconductor Substances 0.000 description 1
- 230000035945 sensitivity Effects 0.000 description 1
- 238000006467 substitution reaction Methods 0.000 description 1
- 238000012546 transfer Methods 0.000 description 1
Images
Landscapes
- User Interface Of Digital Computer (AREA)
Description
本発明は、表示データ作成方法、制御プログラム及びコンピュータに関する。 The present invention relates to a display data creation method, a control program, and a computer.
所謂スマートフォン等の画面サイズの小さい携帯情報端末が、サーバ等に格納された多数の項目についての情報を表示する場合に、ユーザがその多数の情報の中から所望する情報を探して閲覧できるように、幾つかの表示方式が採用されている。例えば、携帯情報端末が、各情報をスクロール可能に表示することにより、ユーザはスクロール操作によって所望する情報を探して閲覧することができる。または、携帯情報端末が、所定数ずつ各情報を表示し、現在表示している所定数の情報とともに次の所定数の情報を表示するための「もっと見る」ボタン等を表示することにより、ユーザは、そのボタンの押下によって所望する情報を探して閲覧することができる。 When a portable information terminal with a small screen size, such as a so-called smartphone, displays information about a large number of items stored in a server or the like, the user can search for desired information from the large number of information and browse the information. Several display methods are adopted. For example, when the portable information terminal displays each information in a scrollable manner, the user can search for and browse the desired information by a scroll operation. Alternatively, the portable information terminal displays each information by a predetermined number, and displays a “more” button for displaying the next predetermined number of information together with the predetermined number of currently displayed information. Can search and browse desired information by pressing the button.
しかしながら、現在表示されている情報と、ユーザが閲覧を所望する情報との間に非常に多くの情報が存在する場合、ユーザは、所望する情報に辿り着くまでに多くのスクロール操作又は「もっと見る」ボタンの押下を行う必要があり、多くの時間及び労力を要する。 However, if there is a great deal of information between the currently displayed information and the information that the user wants to view, the user will have many scrolling operations or “more” to reach the desired information. "Button must be pressed, which takes a lot of time and effort.
例えば、非特許文献1の検索サービスでは、端末から検索を要求された検索サーバは、検索結果である複数の項目を複数のページに分割し、各ページのページ番号をユーザが指定できるように順番に並べて端末に表示させる。この端末において、表示したページ番号のうちの一つがユーザにより指定されると、検索サーバは、指定されたページ番号に対応する項目を端末に表示させる。
For example, in the search service of Non-Patent
また、特許文献1には、一覧を構成する商品等の要素の、価格等の属性に応じた区分条件に基づいて、その一覧を構成する複数の要素を区分して複数の要素群を決定し、各要素群に含まれる要素の全てを同一のページに表示するようにページを区切る情報処理装置が記載されている。
Further, in
非特許文献1の検索サービスでは、ユーザは、複数のページの中から特定のページを選択することができ、所望する項目を短時間に探して閲覧することが可能になる。しかしながら、ユーザは、同時に表示する項目数を変更することができず、ユーザが端末を操作する際のUX(User Experience:ユーザの体験内容、満足感等)が損なわれる場合があった。
In the search service of Non-Patent
また、特許文献1の情報処理装置は、複数の要素を属性ごとに区分して各ページに表示することができる。しかしながら、属性が同じ要素が多い場合、一つのページに表示される要素の数が多くなり、ユーザは、所望する要素に辿り着くまでに多くのスクロール操作を行う必要がある。逆に、属性が同じ要素が少ない場合、一つのページに表示される要素の数が少なくなり、ユーザは、所望する要素を探すために多くのページを順次表示させる必要がある。
In addition, the information processing apparatus of
本発明は、このような従来の課題を解決すべくなされたものであり、ユーザが端末を操作する際のUXを向上させることを可能とする表示データ作成方法、制御プログラム及びコンピュータを提供することを目的とする。 The present invention has been made to solve such a conventional problem, and provides a display data creation method, a control program, and a computer that can improve UX when a user operates a terminal. With the goal.
本発明に係る表示データ作成方法は、出力部を備えるコンピュータにおける表示データ作成方法であって、各ページに所定の項目情報が含まれる複数のページの各ページ番号をスクロール可能に表示するためのページ番号表示データを作成して出力部に出力させ、ユーザにより各ページ番号が表示された表示領域内の2点が指定された場合に、2点間の距離と表示領域内に表示された各ページ番号間の距離とに基づく特定のページ数分のページ情報を取得し、特定のページ数分のページ情報に対応するページに含まれる項目情報を表示するための項目表示データを作成して出力部に出力させることを含む。 A display data creation method according to the present invention is a display data creation method in a computer including an output unit, and a page for scrollably displaying each page number of a plurality of pages including predetermined item information on each page. Number display data is created and output to the output unit, and when the user specifies two points in the display area where each page number is displayed, the distance between the two points and each page displayed in the display area Acquires page information for a specific number of pages based on the distance between numbers, creates item display data to display item information included in the page corresponding to the page information for a specific number of pages, and output unit Including the output.
また、本発明に係る表示データ作成方法において、表示領域内に表示された各ページ番号の中からユーザによりページを指定することをさらに含み、特定のページ数分のページ情報には、指定されたページが含まれることが好ましい。 Further, in the display data creation method according to the present invention, the method further includes designating a page by the user from each page number displayed in the display area, the page information for a specific number of pages being designated. Preferably a page is included.
また、本発明に係る表示データ作成方法において、特定のページ数分のページ情報は、指定されたページから特定のページ数分のページに付された番号であることが好ましい。 In the display data creation method according to the present invention, it is preferable that the page information for a specific number of pages is a number assigned to a specific number of pages from a specified page.
また、本発明に係る表示データ作成方法において、特定のページ数分のページ情報は、表示領域内における指定されたページの位置と2点の位置との位置関係から定められることが好ましい。 In the display data creation method according to the present invention, the page information for a specific number of pages is preferably determined from the positional relationship between the position of the designated page and the position of two points in the display area.
また、本発明に係る表示データ作成方法において、表示領域内の2点として、表示領域内の2点を指示するユーザのスワイプ操作が完了した時に指示されていた2点が指定されることが好ましい。 In the display data creation method according to the present invention, it is preferable that the two points designated when the user's swipe operation for designating two points in the display area is completed are designated as the two points in the display area. .
また、本発明に係る表示データ作成方法において、表示領域内の2点として、表示領域内の2点を指示するユーザのスワイプ操作に応じて指示されている2点が指定されることが好ましい。 In the display data creation method according to the present invention, it is preferable that two points designated in accordance with a swipe operation of a user who designates two points in the display area are designated as two points in the display area.
また、本発明に係る表示データ作成方法において、スワイプ操作に応じて指示されている2点に対応するページ番号を表示するための指示ページ番号表示データを作成して出力部に出力させることをさらに含むことが好ましい。 In the display data creation method according to the present invention, it is further possible to create instruction page number display data for displaying page numbers corresponding to two points designated in accordance with the swipe operation and output the instruction page number display data to the output unit. It is preferable to include.
また、本発明に係る表示データ作成方法において、項目情報は、クエストのステージに関する情報、又は、バトルの対戦相手に関する情報であることが好ましい。 Moreover, in the display data creation method according to the present invention, the item information is preferably information related to a quest stage or information related to a battle opponent.
また、本発明に係る表示データ作成方法において、決定した項目情報数の項目情報を表示するための項目表示データを作成して出力部に出力させることが好ましい。 In the display data creation method according to the present invention, it is preferable that item display data for displaying item information of the determined number of item information is created and output to the output unit.
また、本発明に係る表示データ作成方法において、項目表示データは、Ajax(登録商標)を用いて作成されることが好ましい。 In the display data creation method according to the present invention, the item display data is preferably created using Ajax (registered trademark).
また、本発明に係る表示データ作成方法において、項目情報を表示する端末と通信を行う通信部であることが好ましい。 In the display data creation method according to the present invention, it is preferable that the communication unit communicates with a terminal that displays item information.
また、本発明に係るコンピュータの制御プログラムは、出力部を備えるコンピュータにおける制御プログラムであって、コンピュータに、各ページに所定の項目情報が含まれる複数のページの各ページ番号をスクロール可能に表示するためのページ番号表示データを作成して出力部に出力させ、ユーザにより各ページ番号が表示された表示領域内の2点が指定された場合に、2点間の距離と表示領域内に表示された各ページ番号間の距離とに基づく特定のページ数分のページ情報を取得し、特定のページ数分のページ情報に対応するページに含まれる項目情報を表示するための項目表示データを作成して出力部に出力させることを実行させる。 A computer control program according to the present invention is a control program for a computer having an output unit, and displays, on the computer, each page number of a plurality of pages in which predetermined item information is included in each page in a scrollable manner. Page number display data is generated and output to the output unit. When the user designates two points in the display area where each page number is displayed, the distance between the two points and the display area are displayed. Acquire page information for a specific number of pages based on the distance between each page number and create item display data to display item information included in the page corresponding to the page information for the specific number of pages. To output to the output unit.
また、本発明に係るコンピュータは、出力部と、各ページに所定の項目情報が含まれる複数のページの各ページ番号をスクロール可能に表示するためのページ番号表示データを作成して出力部に出力させる表示データ作成部と、ユーザにより各ページ番号が表示された表示領域内の2点が指定された場合に、2点間の距離と表示領域内に表示された各ページ番号間の距離とに基づく特定のページ数分のページ情報を取得するページ情報取得部と、を備え、表示データ作成部は、特定のページ数分のページ情報に対応するページに含まれる項目情報を表示するための項目表示データを作成して出力部に出力させる。
また、本発明に係る表示データ作成方法は、出力部を備えるコンピュータにおける表示データ作成方法であって、各ページに一連の複数の項目情報が分割されて含まれる複数のページの各ページ番号をスクロール可能に表示するためのページ番号表示データを作成して出力部に出力させ、各ページ番号が表示された第1領域でユーザにより指示又は指定されたページ番号を第1領域と異なる第2領域に表示するための第2ページ番号表示データを作成して出力部に出力させる、ことを含む。
また、本発明に係る表示データ作成方法において、第2領域には、ユーザにより指定されたページ番号として、第1領域でユーザにより指示された2点に対応するページ番号の範囲が表示されることが好ましい。
また、本発明に係る表示データ作成方法において、項目情報は、クエストのステージに関する情報、又は、バトルの対戦相手に関する情報であることが好ましい。
また、本発明に係る表示データ作成方法において、さらに、ユーザにより指定されたページ番号に対応するページに含まれる項目情報を表示するための項目表示データを作成して出力部に出力させることが好ましい。
また、本発明に係る表示データ作成方法において、項目表示データは、Ajax(登録商標)を用いて作成されることが好ましい。
また、本発明に係る表示データ作成方法において、出力部は、項目情報を表示する端末と通信を行う通信部であることが好ましい。
また、本発明に係る制御プログラムは、出力部を備えるコンピュータにおける制御プログラムであって、コンピュータに、各ページに一連の複数の項目情報が分割されて含まれる複数のページの各ページ番号をスクロール可能に表示するためのページ番号表示データを作成して出力部に出力させ、各ページ番号が表示された第1領域でユーザにより指示又は指定されたページ番号を第1領域と異なる第2領域に表示するための第2ページ番号表示データを作成して出力部に出力させる、ことをコンピュータに実行させる。
また、本発明に係るコンピュータは、出力部と、各ページに一連の複数の項目情報が分割されて含まれる複数のページの各ページ番号をスクロール可能に表示するためのページ番号表示データを作成して出力部に出力させる表示データ作成部と、を備え、表示データ作成部は、各ページ番号が表示された第1領域でユーザにより指示又は指定されたページ番号を第1領域と異なる第2領域に表示するための第2ページ番号表示データを作成して出力部に出力させる。
また、本発明に係る表示データ作成方法は、出力部を備えるコンピュータにおける表示データ作成方法であって、各ページに所定の項目情報が含まれる複数のページの各ページ番号をスクロール可能に表示するためのページ番号表示データを作成して出力部に出力させ、ユーザにより所定のページ番号が指示又は指定された場合に、指示又は指定されたページ番号を含む複数のページ番号に対応するページに含まれる項目情報を表示するための項目表示データを作成して出力部に出力させる、ことを含む。
また、本発明に係る表示データ作成方法において、複数のページ番号は、指示又は指定されたページ番号から特定のページ数分のページ番号であることが好ましい。
また、本発明に係る表示データ作成方法において、さらに、ユーザにより各ページ番号が表示された表示領域内の2点が指示又は指定され、複数のページ番号は、指示又は指定されたページ番号の位置と表示領域内における2点の位置との位置関係から定められることが好ましい。
また、本発明に係る表示データ作成方法において、項目情報は、クエストのステージに関する情報、又は、バトルの対戦相手に関する情報であることが好ましい。
また、本発明に係る表示データ作成方法において、項目表示データは、Ajax(登録商標)を用いて作成されることが好ましい。
また、本発明に係る表示データ作成方法において、出力部は、項目情報を表示する端末と通信を行う通信部であることが好ましい。
また、本発明に係る制御プログラムは、出力部を備えるコンピュータにおける制御プログラムであって、コンピュータに、各ページに所定の項目情報が含まれる複数のページの各ページ番号をスクロール可能に表示するためのページ番号表示データを作成して出力部に出力させ、ユーザにより所定のページ番号が指示又は指定された場合に、指示又は指定されたページ番号を含む複数のページ番号に対応するページに含まれる項目情報を表示するための項目表示データを作成して出力部に出力させることを実行させる。
また、本発明に係るコンピュータは、出力部と、各ページに所定の項目情報が含まれる複数のページの各ページ番号をスクロール可能に表示するためのページ番号表示データを作成して出力部に出力させる表示データ作成部と、を備え、表示データ作成部は、ユーザにより所定のページ番号が指示又は指定された場合に、指示又は指定されたページ番号を含む複数のページ番号に対応するページに含まれる項目情報を表示するための項目表示データを作成して出力部に出力させる。
In addition, the computer according to the present invention generates and outputs to the output unit, page number display data for scrollably displaying each page number of a plurality of pages including predetermined item information on each page. When the display data creation unit to be displayed and two points in the display area where each page number is displayed are specified by the user, the distance between the two points and the distance between each page number displayed in the display area A page information acquisition unit that acquires page information for a specific number of pages based on, and the display data creation unit is an item for displaying item information included in a page corresponding to the page information for a specific number of pages Display data is created and output to the output unit.
The display data creation method according to the present invention is a display data creation method in a computer including an output unit, and each page number of a plurality of pages including a series of a plurality of item information divided into each page is scrolled. Create page number display data for display in a possible manner and output it to the output unit. In the first area where each page number is displayed, the page number specified or designated by the user in a second area different from the first area. Generating second page number display data for display and outputting it to the output unit.
In the display data creation method according to the present invention, a range of page numbers corresponding to two points designated by the user in the first area is displayed in the second area as the page number designated by the user. Is preferred.
Moreover, in the display data creation method according to the present invention, the item information is preferably information related to a quest stage or information related to a battle opponent.
In the display data creation method according to the present invention, it is preferable that the item display data for displaying the item information included in the page corresponding to the page number designated by the user is further created and output to the output unit. .
In the display data creation method according to the present invention, the item display data is preferably created using Ajax (registered trademark).
In the display data creation method according to the present invention, the output unit is preferably a communication unit that communicates with a terminal that displays item information.
Further, the control program according to the present invention is a control program in a computer including an output unit, and the computer can scroll each page number of a plurality of pages including a series of a plurality of item information divided into each page. The page number display data for display on the page is created and output to the output unit, and the page number designated or designated by the user in the first area where each page number is displayed is displayed in a second area different from the first area. To generate the second page number display data to be output and output it to the output unit.
Further, the computer according to the present invention creates an output unit and page number display data for scrollably displaying each page number of a plurality of pages including a series of item information divided into each page. A display data creation unit for outputting to the output unit, wherein the display data creation unit is a second area in which the page number designated or designated by the user in the first area in which each page number is displayed is different from the first area. Second page number display data to be displayed on the screen is created and output to the output unit.
The display data creation method according to the present invention is a display data creation method in a computer including an output unit, and displays each page number of a plurality of pages including predetermined item information on each page in a scrollable manner. The page number display data is generated and output to the output unit. When a predetermined page number is instructed or designated by the user, the page number display data is included in pages corresponding to a plurality of page numbers including the instructed or designated page number. Generating item display data for displaying item information and outputting it to the output unit.
In the display data creation method according to the present invention, the plurality of page numbers are preferably page numbers corresponding to a specific number of pages from the page number designated or designated.
Further, in the display data creation method according to the present invention, two points in the display area where each page number is displayed are designated or designated by the user, and the plurality of page numbers are the positions of the designated or designated page numbers. And the positional relationship between the two points in the display area.
Moreover, in the display data creation method according to the present invention, the item information is preferably information related to a quest stage or information related to a battle opponent.
In the display data creation method according to the present invention, the item display data is preferably created using Ajax (registered trademark).
In the display data creation method according to the present invention, the output unit is preferably a communication unit that communicates with a terminal that displays item information.
A control program according to the present invention is a control program in a computer including an output unit, and displays on the computer each page number of a plurality of pages in which predetermined item information is included in each page in a scrollable manner. Item included in a page corresponding to a plurality of page numbers including the specified or specified page number when the page number display data is generated and output to the output unit, and a predetermined page number is specified or specified by the user Create item display data for displaying information and cause the output unit to output the data.
In addition, the computer according to the present invention generates and outputs to the output unit, page number display data for scrollably displaying each page number of a plurality of pages including predetermined item information on each page. And a display data creation unit included in a page corresponding to a plurality of page numbers including the designated or designated page number when a predetermined page number is designated or designated by the user. Item display data for displaying the item information to be displayed is created and output to the output unit.
本発明に係る表示データ作成方法、制御プログラム及びコンピュータは、特定の項目に関する所定の項目情報が含まれる各ページのページ番号をスクロール可能に表示させ、そのページ番号が表示された表示領域内でユーザにより指定された2点間の距離に基づくページ数分のページに含まれる項目情報を表示させることにより、ユーザが端末を操作する際のUXを向上させることを可能とする。 A display data creation method, a control program, and a computer according to the present invention display a page number of each page including predetermined item information related to a specific item in a scrollable manner, and the user can display the page number in the display area where the page number is displayed. By displaying the item information included in the pages for the number of pages based on the distance between the two points specified by, it is possible to improve the UX when the user operates the terminal.
以下、図面を参照しつつ、本発明の様々な実施形態について説明する。ただし、本発明の技術的範囲はそれらの実施形態に限定されず、特許請求の範囲に記載された発明とその均等物に及ぶ点に留意されたい。 Hereinafter, various embodiments of the present invention will be described with reference to the drawings. However, it should be noted that the technical scope of the present invention is not limited to these embodiments, and extends to the invention described in the claims and equivalents thereof.
(1)本実施形態の概略
本実施形態では、ユーザは、携帯端末を用いて、サーバから提供されるゲームを実行する。提供されるゲームは、ユーザが所有するゲーム媒体を用いた敵キャラクタ又は他ユーザとのバトル(対戦)、ゲームのシナリオに従って進行するクエスト等である。ゲーム媒体とは、ゲームに使用される電子データであり、例えば、カード、アイテム、キャラクタ及びアバタ等を含む。また、ゲーム媒体は、ゲームの進行に応じ、ユーザによって、ゲーム内で、取得、保有、使用、管理、交換、合成、強化、売却、廃棄、及び/又は贈与等され得る電子データであるが、ゲーム媒体の利用態様は本明細書で明示されるものには限られない。クエストとは、一般に、探索、ミッション等とも称されるものであり、複数のステージを有し、各ステージの処理を順次実行していくものである。
(1) Outline of the present embodiment In the present embodiment, the user uses a mobile terminal to execute a game provided from the server. The provided game is a battle (fight) with an enemy character or another user using a game medium owned by the user, a quest that proceeds according to a game scenario, or the like. A game medium is electronic data used in a game, and includes, for example, a card, an item, a character, an avatar, and the like. The game medium is electronic data that can be acquired, held, used, managed, exchanged, combined, strengthened, sold, discarded, and / or gifted, etc. by the user as the game progresses. The usage mode of the game media is not limited to those specified in this specification. A quest is generally called a search, a mission, or the like, and has a plurality of stages, and sequentially executes the processing of each stage.
サーバは、バトルの対戦相手に関する情報、クエストのステージに関する情報、ゲームで使用されるキャラクタ、アイテム、各ユーザから掲示板に投稿されたコメント等の特定の項目に関する情報である項目情報を複数記憶する。バトルの対戦相手に関する情報は、バトルの対戦相手の名前、レベル、属性等である。クエストのステージに関する情報は、クエストのステージの名前、難易度等である。サーバは、携帯端末を介したユーザからの要求に従って、各ページに所定の項目情報が含まれる複数のページのそれぞれの識別番号(以下、ページ番号と称する)を並べてスクロール可能に携帯端末に表示させ、ユーザにより指定されたページに含まれる項目情報を携帯端末に表示させる。さらに、サーバは、各ページ番号が表示された表示領域内でユーザにより2点が指定された場合、指定された2点間の距離に応じたページ数分のページに含まれる項目情報を携帯端末に表示させる。これにより、ユーザが端末を操作する際のUXを向上させることを図る。 The server stores a plurality of item information, which is information about specific items such as information on battle opponents, information on quest stages, characters and items used in the game, and comments posted on the bulletin board by each user. The information about the battle opponent is the name, level, attribute, etc. of the battle opponent. The information about the quest stage includes the name of the quest stage, the difficulty level, and the like. In accordance with a request from the user via the mobile terminal, the server displays the identification numbers (hereinafter referred to as page numbers) of a plurality of pages including predetermined item information on each page and displays them on the mobile terminal in a scrollable manner. The item information included in the page designated by the user is displayed on the portable terminal. Further, when two points are designated by the user in the display area where each page number is displayed, the server stores item information included in pages corresponding to the number of pages corresponding to the distance between the two designated points. To display. Thereby, it is aimed to improve the UX when the user operates the terminal.
(2)ゲームシステム1の構成
図1は、ゲームシステム1の概略構成の一例を示す図である。
(2) Configuration of
ゲームシステム1は、複数の携帯端末2と、サーバ3とを備える。携帯端末2とサーバ3とは、通信ネットワーク、例えば基地局5、移動体通信網6、ゲートウェイ7及びインターネット8を介して相互に接続される。携帯端末2で実行されるプログラム(例えば、閲覧プログラム)と、サーバ3で実行されるプログラム(例えば、ゲームプログラム)とは、ハイパーテキスト転送プロトコル(Hypertext Transfer Protocol, HTTP)等の通信プロトコルを用いて通信を行う。
The
(2.1)携帯端末2の構成
図2は、携帯端末2の概略構成の一例を示す図である。
(2.1) Configuration of
携帯端末2は、基地局5、移動体通信網6、ゲートウェイ7、及びインターネット8を介してサーバ3に接続し、サーバ3と通信を行う。携帯端末2は、サーバ3から提供されるゲームを実行し、サーバ3に記憶された複数の項目情報を所定数ごとに複数のページに分割して表示する。携帯端末2は、各ページのページ番号をスクロール可能に表示し、ユーザによる操作部23を用いた操作により指定されたページ番号及びページ数に対応する項目情報をサーバ3から取得して表示する。そのために、携帯端末2は、端末通信部21と、端末記憶部22と、操作部23と、表示部24と、端末処理部25とを備える。
The
なお、本実施形態では、携帯端末2として、多機能携帯電話(所謂「スマートフォン」)を想定するが、本発明はこれに限定されるものではない。携帯端末2は、本発明が適用可能であればよく、例えば、携帯電話(所謂「フィーチャーフォン」)、携帯情報端末(Personal Digital Assistant, PDA)、携帯ゲーム機、携帯音楽プレーヤ、タブレットPC(Personal Computer)、パーソナルコンピュータ等でもよい。
In the present embodiment, a multi-function mobile phone (so-called “smart phone”) is assumed as the
端末通信部21は、所定の周波数帯を感受帯域とするアンテナを含む、通信インターフェース回路を備え、携帯端末2を無線通信ネットワークに接続する。端末通信部21は、基地局5により割り当てられるチャネルを介して、基地局5との間でCDMA(Code Division Multiple Access)方式等による無線信号回線を確立し、基地局5との間で通信を行う。そして、端末通信部21は、端末処理部25から供給されたデータをサーバ3等に送信する。また、端末通信部21は、サーバ3等から受信したデータを端末処理部25に供給する。なお、端末通信部21は、不図示のWifi(Wireless Fidelity)のアクセスポイントとの間でIEEE802.11規格の無線通信方式による無線通信を行うものでもよい。
The
端末記憶部22は、例えば、半導体メモリ、磁気ディスク装置、又は光ディスク装置のうちの少なくともいずれか一つを備える。端末記憶部22は、端末処理部25での処理に用いられるオペレーティングシステムプログラム、ドライバプログラム、アプリケーションプログラム、データ等を記憶する。例えば、端末記憶部22は、ドライバプログラムとして、操作部23を制御する入力デバイスドライバプログラム、表示部24を制御する出力デバイスドライバプログラム等を記憶する。また、端末記憶部22は、アプリケーションプログラムとして、各ページのページ番号をスクロール可能に表示するとともに、ユーザにより指定されたページ番号及びページ数に対応する項目情報を表示する閲覧プログラム等を記憶する。また、端末記憶部22は、データとして、複数の項目情報を複数のページに分割して表示部24に表示する際の1ページあたりの項目情報の表示数(以下、表示項目数と称する)を予め記憶しておくとともに、サーバ3から取得した各項目情報等を記憶する。さらに、端末記憶部22は、所定の処理に係る一時的なデータを一時的に記憶してもよい。
The
操作部23は、携帯端末2の操作が可能であればどのようなデバイスでもよく、例えば、タッチパッド、キーボード等である。ユーザは、操作部23を用いて、文字、数字、スクロール操作等を入力することができる。操作部23は、ユーザにより操作されると、その操作に対応する信号を発生する。そして、発生した信号は、ユーザの指示として、端末処理部25に供給される。
The
表示部24も、映像、画像等の表示が可能であればどのようなデバイスでもよく、例えば、液晶ディスプレイ、有機EL(Electro−Luminescence)ディスプレイ等である。表示部24は、端末処理部25から供給された映像データに応じた映像、画像データに応じた画像等を表示する。
The
端末処理部25は、一又は複数個のプロセッサ及びその周辺回路を備える。端末処理部25は、携帯端末2の全体的な動作を統括的に制御するものであり、例えば、CPU(Central Processing Unit)である。端末処理部25は、携帯端末2の各種処理が端末記憶部22に記憶されているプログラム、操作部23の操作等に応じて適切な手順で実行されるように、端末通信部21、表示部24等の動作を制御する。端末処理部25は、端末記憶部22に記憶されているプログラム(オペレーティングシステムプログラム、ドライバプログラム、アプリケーションプログラム等)に基づいて処理を実行する。また、端末処理部25は、複数のプログラム(アプリケーションプログラム等)を並列に実行することができる。
The
(2.1.1)端末処理部25の構成
端末処理部25は、少なくとも閲覧実行部250を備える。閲覧実行部250は、ゲーム実行部251、表示制御部252、ページ情報受付部253等を含む。これらの各部は、端末処理部25が備えるプロセッサで実行されるプログラムにより実現される機能モジュールである。あるいは、これらの各部は、ファームウェアとして携帯端末2に実装されてもよい。
(2.1.1) Configuration of
閲覧実行部250は、操作部23を用いたユーザからの指示に応じて、特定の表示データの取得要求を端末通信部21を介してサーバ3に送信する。また、閲覧実行部250は、対応する表示データを、サーバ3から端末通信部21を介して受信する。閲覧実行部250は、受信した表示データに基づいて描画データを作成する。即ち、閲覧実行部250は、受信した表示データを解析して制御データ及び内容データを特定し、特定した制御データに従って同じく特定した内容データをレイアウトし、描画データを作成する。そして、閲覧実行部250は、作成した描画データを表示部24に出力する。
The
ゲーム実行部251は、操作部23を用いたユーザからの指示に応じて、サーバ3により提供されるゲームを実行する。ゲーム実行部251は、操作部23を用いてユーザからゲームの開始指示を受け付けると、さらに操作部23を用いてユーザからユーザID及びパスワードを受け付け、受け付けたユーザID及びパスワードを含むユーザ認証要求を端末通信部21を介してサーバ3に送信する。サーバ3が認証処理に成功すると、ゲーム実行部251は、端末通信部21を介してサーバ3から取得したゲーム画面を表示部24に表示するとともに、操作部23を用いてユーザからの操作を受け付け、以降、そのゲームのための処理を実施する。
The
表示制御部252は、操作部23を用いたユーザからの指示に応じて、各ページのページ番号をスクロール可能に表示するとともに、ユーザにより指定されたページに含まれる項目情報、指定されているページ番号等を表示する描画データを表示部24に出力する。そのために、表示制御部252は、描画データに係る表示データの取得を要求する表示データ取得要求を端末通信部21を介してサーバ3に送信する。表示データ取得要求には、端末記憶部22に記憶された表示項目数が含まれる。また、表示制御部252は、対応する表示データを端末通信部21を介してサーバ3から取得し、取得した表示データに基づいて描画データを作成し、作成した描画データを表示部24に出力する。表示データは、例えばHTML5(HyperText Markup Language 5)、CSS3(Cascading Style Sheets 3)、及びJavaScript(登録商標)等の言語を利用して作成することができる。
In response to an instruction from the user using the
サーバ3から送信される表示データには、内容データとして、サーバ3に記憶された項目情報のうち先頭から表示項目数分の項目情報が含まれ、制御データとして、その項目情報を表示するための情報が含まれる。以下では、先頭から表示項目数分の項目情報を表示するためのデータを初回項目表示データと称する場合がある。
The display data transmitted from the
また、表示データには、内容データとして、複数のページの全ページ数分の各ページ番号が含まれ、制御データとして、各ページ番号をユーザにより指定可能とし、並べてスクロール可能に表示するための情報が含まれる。以下では、全ページ数分の各ページ番号を表示するためのデータを全ページ番号表示データと称する場合がある。 In addition, the display data includes each page number corresponding to the total number of pages as the content data, and the control data is information that can be specified by the user and displayed side by side as scrollable. Is included. Hereinafter, data for displaying each page number for the total number of pages may be referred to as all page number display data.
さらに、表示データには、内容データとして、ユーザにより現在指示されているページ番号又はユーザにより指定されたページ番号を表示するための指示ページ番号表示欄が含まれ、制御データとして、その指示ページ番号表示欄に、ユーザにより現在指示されているページ番号又はユーザにより指定されたページ番号を表示するための情報が含まれる。以下では、ユーザにより現在指示されているページ番号又はユーザにより指定されたページ番号を表示するためのデータを指示ページ番号表示データと称する場合がある。 Further, the display data includes a page number currently indicated by the user as the contents data or an instruction page number display field for displaying the page number specified by the user, and the indicated page number as the control data. The display field includes information for displaying the page number currently designated by the user or the page number designated by the user. Hereinafter, data for displaying the page number currently designated by the user or the page number designated by the user may be referred to as designated page number display data.
なお、「指示する」とは、ページ番号等を選択中である状態をいい、例えば操作部23がタッチパネルである場合にユーザがスワイプ操作等において指等をタッチパネルの特定の領域に接触させている状態である。一方、「指定する」とは、ページ番号を確定させた状態をいい、例えばユーザがスワイプ操作等において指等をタッチパネルから離した直後の状態である。以下では、指示されているページ番号を指示ページ番号と称し、指定されているページ番号を指定ページ番号と称する場合がある。
“Instruct” means a state in which a page number or the like is being selected. For example, when the
表示制御部252は、サーバ3から取得した表示データに含まれる各項目情報を端末記憶部22に記憶する。また、表示制御部252は、初回項目表示データに基づいて各項目情報を表示部24に表示する。また、表示制御部252は、全ページ番号表示データに基づいて各ページ番号を並べてスクロール可能に表示部24に表示する。また、表示制御部252は、指示ページ番号表示データに基づいて、指示ページ番号又は指定ページ番号を表す指示ページ番号表示欄を表示部24に表示する。以下では、表示部24に表示する各項目情報を項目リストと称し、各ページ番号がスクロール可能に並べて表示された表示領域をスクロールページャと称する。
The
また、表示制御部252は、後述するように、操作部23を用いたユーザの操作によりスクロールページャ内に表示された各ページの中から所定のページ番号が指定された場合、指定ページに含まれる項目情報の取得を要求する項目情報取得要求を端末通信部21を介してサーバ3に送信する。項目情報取得要求には指定ページに係るページ情報が含まれる。ページ情報は、例えば指定ページ番号である。なお、後述するように、操作部23を用いたユーザの操作により特定のページ数分の複数のページ番号が指定された場合、項目情報取得要求には、特定のページ数分のページ情報が含まれる。その場合、特定のページ数分のページ情報は、複数の指定ページ番号の先頭ページの番号及び最終ページの番号とすることができる。なお、特定のページ数分のページ情報は、全ての指定ページ番号としてもよいし、指定ページ番号の先頭ページの番号及びページ数としてもよい。
Further, as will be described later, the
表示制御部252は、項目情報取得要求に含まれるページ情報に対応するページに含まれる項目情報を表示するための内容データ及び制御データを端末通信部21を介してサーバ3から取得する。以下では、ページ情報に対応するページに含まれる項目情報を表示するためのデータを項目表示データと称する場合がある。項目表示データは、例えば、JSON(JavaScript Object Notation)(登録商標)等の言語を利用して作成され、Ajax(Asynchronous JavaScript and XML)(登録商標)等の技術を用いて取得することができる。表示制御部252は、取得した内容データに含まれる各更新情報を端末記憶部22に記憶するとともに、取得した内容データ及び制御データに基づいて描画データを更新し、更新した描画データを表示部24に表示する。
The
図3(a)、(b)は、表示部24に表示される画面300の一例を示す図である。
FIGS. 3A and 3B are diagrams illustrating an example of a
図3(a)は、操作部23を用いてユーザから項目情報の表示指示を最初に受け付けたときの画面300を示す。画面300は、サーバ3から受信した初回項目表示データ、全ページ番号表示データ及び指示ページ番号表示データ等に基づいて表示される。図3(a)に示されるように、画面300には、スクロールページャ310と、項目リスト320と、指示ページ番号表示欄330とが表示される。スクロールページャ310には、各ページ番号311が並べられ、スクロール可能に表示される。項目リスト320には、スクロールページャ310の中心位置312に位置するページ番号311に対応する項目情報321が表示される。なお、各項目情報321は、例えば新しい情報の順に、上から順に表示される。操作部23を用いてユーザから項目情報の表示指示を最初に受け付けたときは、先頭のページ番号「1」が中心位置312に位置し、ページ番号「1」に対応する項目情報321を表す項目リスト320が表示される。また、項目情報321の数が多く、全ての項目情報321が項目リスト320に表示できない場合、項目リスト320は各項目情報321を垂直方向(y方向)にスクロール可能に表示される。指示ページ番号表示欄330には、現在指定されている指定ページ番号が、スクロールページャ310からの吹き出しにより表示される。図3(a)に示す状態では、指定ページ番号としてページ番号「1」が表示される。
FIG. 3A shows a
図3(b)は、スクロールページャ310において、図3(a)の矢印Aの方向にユーザのスクロール操作がなされた場合の画面300を示す。図3(b)では、ユーザのスクロール操作の結果、スクロールページャ310の中心位置312にページ番号「13」が位置しており、指示ページ番号表示欄330には指定ページ番号としてページ番号「13」が表示され、項目リスト320にはページ番号「13」に対応する項目情報321が表示される。ユーザは、スクロールページャ310を水平方向にスクロールさせて所望のページ番号を指定し、項目リスト320を垂直方向にスクロールさせて所望の項目情報を閲覧することができる。
FIG. 3B shows a
ページ情報受付部253は、スクロールページャ内に表示された各ページ番号の内から操作部23を用いてユーザの操作により指定されたページ番号を取得し、表示制御部252に通知して、項目情報取得要求をサーバ3に送信させる。この場合、項目情報取得要求に含まれるページ情報には、指定ページ番号、すなわちユーザにより指定されたページが含まれる。
The page
以下、操作部23がタッチパネルである場合を例にページ番号を取得する方法について説明する。なお、本実施形態では、以下に示す各種処理を実行するために、css3のwebkit-transformの各プロパティが使用されるものとする。
Hereinafter, a method for acquiring the page number will be described taking the case where the
まず、ページ情報受付部253は、スクロールページャに対するユーザのフリック操作(スクロール操作)に応じて、タッチパネルが接触を感知し始めた位置である始点(touch1)を示す始点位置情報を操作部23から取得する。また、ページ情報受付部253は、操作部23から始点位置情報を取得した時刻を、接触を感知し始めた時刻(time1)を示す始点時刻情報として取得する。次に、ページ情報受付部253は、スクロールページャに対するユーザのフリック操作に応じた接触を感知し終えた位置である終点(touch2)を示す終点位置情報を操作部23から取得する。また、ページ情報受付部253は、操作部23から終点位置情報を取得した時刻を、接触を感知し終えた時刻(time2)を示す終点時刻情報として取得する。なお、始点位置情報及び終点位置情報により示される位置は、例えば、表示部24の画面の左上を基準(すなわち、(x ,y ,z)=(0, 0, 0))としたときの水平方向の位置を示すx座標の値で表される。
First, the page
次に、ページ情報受付部253は、終点位置情報に示される位置から始点位置情報に示される位置を減算し、始点から終点までの移動距離(distance1 = touch2 - touch1)を算出する。ここでは、上記したように、始点位置情報及び終点位置情報により示される位置が携帯端末の画面の左上を基準としているため、ユーザが右方向にフリック操作を行った場合には、distance1は正の値を示し、ユーザが左方向にフリック操作を行った場合には、distance1は負の値を示す。次に、ページ情報受付部253は、終点時刻情報に示される時刻から始点時刻情報に示される時刻を減算し、携帯端末が接触を感知していた接触時間(time3 = time2 - time1)を算出する。次に、ページ情報受付部253は、移動距離distance1を、接触時間time3で除算することにより、ユーザのフリック操作の速度(speed1 = distance1 / time3)(以下、操作速度と表記)を算出する。操作速度の単位は[pixel/秒]とする。なお、所定の操作速度を超えると、ユーザが携帯端末を操作する際のUXを損なう恐れがあるため、操作速度の上限値(例えば、440[pixel/秒])を予め設定してもよい。
Next, the page
次に、ページ情報受付部253は、算出した操作速度に基づいて、スクロールページャが移動可能である移動可能時間を設定する。移動可能時間(例えば、0.4秒)をwebkitTransitionDurationのTime値として設定することにより、スクロールページャが移動する時間を設定することができる。なお、操作速度を移動可能時間として用いることができる。これにより、操作速度が遅い場合、スクロールページャの移動距離が短くなるので移動可能時間を短時間に設定し、操作速度が速い場合、スクロールページャの移動距離が長くなるので移動可能時間を長時間に設定することができる。
Next, the page
次に、ページ情報受付部253は、始点から終点までの移動距離と操作速度とに基づいて、スクロールページャを移動させるべき移動量(movePoint)を算出する。ページ情報受付部253は、例えば「movePoint = distance1 × (speed1 / α)」を演算することにより、スクロールページャの移動量を算出する。なお、αは実験により定められた定数であり、例えば56である。また、スクロールページャの移動量は、distance1とspeed1とに基づいて算出すればよく、上記の数式演算以外の方法により算出してもよい。
Next, the page
次に、ページ情報受付部253は、算出した移動量だけスクロールページャを移動するように表示部24に表示する。ページ情報受付部253は、例えば、webkitTransform = translate3d(x, y, z)を利用することにより、スクロールページャを移動させることができる。
Next, the page
なお、本実施形態では、スクロールページャが水平方向(x方向)に移動するものとして説明しているが、これに限定されず、スクロールページャは垂直方向(y方向)に移動するようにしてもよい。 In this embodiment, the scroll pager is described as moving in the horizontal direction (x direction). However, the present invention is not limited to this, and the scroll pager may be moved in the vertical direction (y direction). .
次に、ページ情報受付部253は、スクロールページャの移動が終了した時点で所定位置に位置するページ番号を指定ページ番号として取得し、取得した指定ページ番号を、指示ページ番号表示欄に表示するとともに、表示制御部252に通知する。所定位置は、例えばスクロールページャの水平方向の中心位置とすることができる。ページ情報受付部253は、移動可能時間が経過したときに、スクロールページャの水平方向の中心位置に存在するページ番号を取得する。
Next, the page
なお、ページ情報受付部253は、webkitTransformTimingFunction ”ease-out”を予め設定することにより、スクロールページャを滑らかに移動させることができる。
Note that the page
また、ページ情報受付部253は、スクロールページャ全体に含まれるページ番号の数と、各ページ番号を表示する領域の水平方向の長さと、相互に隣接するページ番号を表示する領域間の水平方向の余白であるmargin-rightとを用いて、スクロールページャが移動可能な距離(以下、移動可能距離と表記)を算出する。なお、ページ情報受付部253は、JavaScript(登録商標)のgetComputedStyleメソッドを利用することにより、各ページ番号を表示する領域の水平方向の長さと、margin-rightを、取得することができる。ページ情報受付部253は、「ページ番号の数×(ページ番号を表示する領域の水平方向の長さ + margin-right)」を演算することにより、移動可能距離を算出する。移動可能距離を算出しておくことにより、ページ情報受付部253は、「引き戻しの挙動」を実施することができる。ページ情報受付部253は、算出した移動量が移動可能距離より大きい場合、その移動量に1未満の所定値(例えば、0.9)を乗算した値(movePoint × 所定値)を、実際に一覧を移動させる移動量(以下、実移動量と称する)として設定する。これにより、例えばスクロールページャの端部が中心位置を越えるようにユーザがフリック操作をし続ける場合に、スクロールページャをフリック操作の方向と反対方向に引き戻すように表示する「引き戻しの挙動」を実現することができる。なお、引き戻しの挙動は、連続的に引き戻される挙動又は断続的に引き戻される挙動のいずれでもよい。
The page
また、ページ情報受付部253は、display:noneを所望のページ番号又は項目情報に対して設定することにより、所望のページ番号又は項目情報を非表示にしてもよい。
Further, the page
また、ページ情報受付部253は、スクロールページャに表示されているページ番号のうちの一つがタップされた場合も、そのタップされたページ番号を指定ページ番号として取得し、取得した指定ページ番号を、指示ページ番号表示欄に表示するとともに、表示制御部252に通知する。
Further, even when one of the page numbers displayed on the scroll pager is tapped, the page
図4は、フリック操作により指定された指定ページ番号の取得処理について説明するための模式図である。 FIG. 4 is a schematic diagram for explaining a process for acquiring a designated page number designated by a flick operation.
図4に示すように、スクロールページャ310において、矢印Aの方向へユーザのフリック操作がなされた場合、ページ情報受付部253は、始点401及び終点402を操作部23から取得し、各点を取得した時刻を取得する。ページ情報受付部253は、始点401及び終点402から移動距離403を算出し、各点を取得した時刻から接触時間を算出し、移動距離403と接触時間から操作速度を算出する。なお、図4に示す例では、ユーザが左方向にフリック操作を行っているため、移動距離は負の値となる。ページ情報受付部253は、算出した移動距離に基づいて決定した移動量だけスクロールページャ310を左方向に移動させ、スクロールページャの移動が終了した時点で中心位置312に位置するページ番号「13」を指定ページ番号として取得する。
As shown in FIG. 4, when the user performs a flick operation in the direction of arrow A in the
また、ページ情報受付部253は、ユーザによりスクロールページャ内の2点が指定された場合に、指定された2点間の距離と、スクロールページャ内に表示された各ページ番号間の距離とに基づく特定のページ数と、その特定のページ数分のページ番号とを取得する。ページ情報受付部253は、指定された2点間の距離と各ページ番号間の距離との関係に基づいて、そのページ数及びページ番号を決定する。
In addition, when two points in the scroll pager are designated by the user, the page
ページ情報受付部253は、スクロールページャ内の2点を指示するユーザの操作(タップ操作、スワイプ操作等)に応じて、指示された2点(touch3,touch4)の位置をそれぞれ示す第1位置情報及び第2位置情報を操作部23から取得する。
The page
次に、ページ情報受付部253は、第1位置情報に示される位置と第2位置情報に示される位置の差の絶対値を2点間の距離(distance2 = |touch3 - touch4|)として算出する。
Next, the page
次に、ページ情報受付部253は、その2点間の距離に応じたページ数を算出する。例えば、ページ情報受付部253は、2点間の距離を各ページ番号の間の距離(distance3)で割った値の所定倍(n、例えば2)を、その2点間の距離に応じたページ数として取得する(ページ数=(distance2 / distance3)×n)。なお、nは1以上の値でもよいし、1未満の値でもよい。n=1とした場合、2つのページ番号が指示されると、指示された2つのページ番号の差が、2点間の距離に応じたページ数となるので、ユーザは、所望するページ数を容易に指定することが可能となる。
Next, the page
次に、ページ情報受付部253は、取得したページ数分のページ番号を指示ページ番号として取得する。例えば、ページ情報受付部253は、フリック操作により予め指定されていたページ番号(スクロールページャの水平方向の中心位置に存在するページ番号)から、2点間の距離に応じた正方向のページ数分のページ番号を指示ページ番号として取得する。なお、ページ情報受付部253は、フリック操作により予め指定されていたページ番号から、2点間の距離に応じた負方向のページ数分のページ番号を指示ページ番号として取得してもよい。なお、この例の場合、項目情報取得要求に含まれるページ情報は、ユーザにより指定されたページから特定のページ数分のページに付された番号となる。
Next, the page
図5(a)は、2点で指示されたページ数及び指示ページ番号の取得処理について説明するための模式図である。 FIG. 5A is a schematic diagram for explaining the acquisition processing of the number of pages designated at two points and the designated page number.
図5(a)に示すように、ユーザは、2本の指によりスクロールページャ310内の2点を同時にタップすることにより、2点501及び502を指示することができる。スクロールページャ310において、ユーザにより2点が指示された場合、ページ情報受付部253は、2点501及び502を操作部23から取得する。ページ情報受付部253は、2点501及び502の間の距離503を算出し、2点に対応するページ数を取得する。図5(a)に示す例では、2点間の距離503は各ページ番号の間の距離504の約2倍である。したがって、例えば、上記した所定倍が2倍である場合、ページ数は4となる。ページ情報受付部253は、取得したページ数分のページ番号を指示ページ番号として取得する。図5(a)に示す例では、ページ番号「13」から正方向に4ページ分のページ番号「13」〜「17」が指示ページ番号として取得される。なお、ページ番号「13」から負方向に4ページ分のページ番号「9」〜「13」が指示ページ番号として取得されてもよい。ページ情報受付部253は、指示ページ番号「13」〜「17」を指示ページ番号表示欄330に表示する。
As shown in FIG. 5A, the user can indicate two
なお、指示ページ番号の取得方法は、これに限定されない。例えば、ページ情報受付部253は、スクロールページャ内のフリック操作により予め指定されていた元の指定ページ番号の位置(スクロールページャの中心位置)と、タップ操作、スワイプ操作等により新たに指示された2点の位置との位置関係から、特定のページ数分の指示ページ番号を定めてもよい。
The instruction page number acquisition method is not limited to this. For example, the page
例えば、ページ情報受付部253は、元の指定ページ番号の位置と、指示された2点の各位置との間の距離に基づいて、特定のページ数分の指示ページ番号を決定する。その場合、ページ情報受付部253は、指示された2点の各位置(touch4, touch5)から元の指定ページ番号の位置(center)を減じた値を、元の指定ページ番号の位置と、指示された2点の各位置との距離(distance4, distance5)として算出する。すなわち、指示された位置が元の指定ページ番号の位置より左側にある場合、その距離は負の値を示し、右側にある場合、その距離は正の値を示す。そして、ページ情報受付部253は、元の指定ページ番号に、指示された2点のうちの負方向側の点(touch4)について算出した距離(distance4)を各ページ番号の間の距離(distance3)で割った値の所定倍(n、例えば2)の値を加算した値を指示ページ番号の先頭ページ番号とする(先頭ページ番号=元の指定ページ番号+(distance4 / distance3)×n)。また、ページ情報受付部253は、元の指定ページ番号に、指示された2点のうちの正方向側の点(touch5)について算出した距離(distance5)を各ページ番号の間の距離で割った値の所定倍の値を加算した値を指示ページ番号の最終ページ番号とする(最終ページ番号=元の指定ページ番号+(distance5 / distance3)×n)。なお、nは1以上の値でもよいし、1未満の値でもよい。
For example, the page
なお、ページ情報受付部253は、指示された2点の位置に最も近いページ番号を、それぞれ先頭ページ番号及び最終ページ番号としてもよい。
Note that the page
これらの例の場合、項目情報取得要求に含まれるページ情報は、スクロールページャ内において予め指定されていたページの位置と、新たに指定された2点の位置との位置関係から定められる。 In these examples, the page information included in the item information acquisition request is determined based on the positional relationship between the position of the page designated in advance in the scroll pager and the two newly designated positions.
図5(b)は、2点の指示によるページ数及び指示ページ番号の取得処理の他の例について説明するための模式図である。 FIG. 5B is a schematic diagram for explaining another example of the page number and instruction page number acquisition processing based on two-point instructions.
図5(b)に示す例では、ページ情報受付部253は、スクロールページャ310内の中心位置513と、タップ操作により指示された2点511及び512の各位置との位置関係に基づいて、特定のページ数分の指示ページ番号を決定する。この例では、元の指定ページ番号「13」に、中心位置513と、2点のうちの負方向側の点511との間の距離514を各ページ番号の間の距離504で割った値(−2)の所定倍(2倍)の値(−4)を加算した値「9」が指示ページ番号の先頭ページ番号となる。一方、元の指定ページ番号「13」に、中心位置513と、2点のうちの正方向側の点512との間の距離515を各ページ番号の間の距離504で割った値(1)の所定倍(2倍)の値(2)を加算した値「15」が指示ページ番号の最終ページ番号となる。ページ情報受付部253は、決定したページ番号「9」〜「15」を指示ページ番号表示欄330に表示する。
In the example shown in FIG. 5B, the page
また、ページ情報受付部253は、スクロールページャ内の2点を指示するユーザのスワイプ操作が行われた場合に、サーバ3から受信した指示ページ番号表示データに従って、そのスワイプ操作に応じて指示されている2点に対応するページ番号をリアルタイムに指示ページ番号表示欄に表示する。これにより、ユーザの指が現在指示している2点に対応するページ番号の表示がリアルタイムに変化するため、ユーザは、現在選択中のページ番号を把握することができ、所望のページ番号を正確に指定することができる。
Further, the page
次に、ページ情報受付部253は、スクロールページャ内の2点を指示するユーザのタップ操作、スワイプ操作等が完了した時、即ちユーザの指がタッチパネルから離れた時に、指示されていた指示ページ番号を指定ページ番号として表示制御部252に通知する。
Next, the page
図6(a)、(b)は、指定ページ番号について説明するための模式図である。 6A and 6B are schematic diagrams for explaining the designated page number.
図6(a)は、図5(a)に示す状態から、ユーザの指がタッチパネルから離れた状態を示している。図6(a)では、指定ページ番号としてページ番号「13」〜「17」が表示制御部252を介してサーバ3に通知され、項目リスト320には、ページ番号「13」〜「17」に対応する項目情報321が表示される。なお、図6(a)の項目リスト320に表示されている各項目情報321は、図5(a)の項目リスト320に表示されている各項目情報321と同じであるが、図6(a)の項目リスト320を垂直方向にスクロールさせることにより、図5(a)の項目リスト320に表示されている各項目情報より多くの項目情報が表示される。
FIG. 6A shows a state where the user's finger is separated from the touch panel from the state shown in FIG. In FIG. 6A, page numbers “13” to “17” are notified to the
図6(b)は、図5(b)に示す状態から、ユーザの指がタッチパネルから離れた状態を示している。図6(b)では、指定ページ番号としてページ番号「9」〜「15」が表示制御部252を介してサーバ3に通知され、項目リスト320には、ページ番号「9」〜「15」に対応する項目情報321が表示される。
FIG. 6B shows a state in which the user's finger is separated from the touch panel from the state shown in FIG. In FIG. 6B, page numbers “9” to “15” are notified to the
なお、ページ情報受付部253は、スクロールページャ内の2点を指示するユーザのスワイプ操作が完了した時でなく、スワイプ操作に応じて指示されている2点を指定ページ番号としてリアルタイムに表示制御部252に通知してもよい。
Note that the page
図7は、スワイプ操作に応じて指示されている2点を指定ページ番号としてリアルタイムに通知する場合の処理について説明するための模式図である。 FIG. 7 is a schematic diagram for explaining processing in a case where two points designated according to the swipe operation are notified in real time as designated page numbers.
図7では、ユーザのスワイプ操作に応じて、即ち、ユーザの指がタッチパネルから離れていない状態で、指定ページ番号としてページ番号「9」〜「15」が表示制御部252を介してサーバ3に通知され、項目リスト320に表示される項目情報321及び項目情報数がリアルタイムに変化する。
In FIG. 7, in response to the user's swipe operation, that is, in a state where the user's finger is not separated from the touch panel, the page numbers “9” to “15” are designated as the designated page numbers to the
(2.2)サーバ3の構成
図8(a)は、サーバ3の概略構成の一例を示す図である。
(2.2) Configuration of
サーバ3は、所定のゲームを携帯端末2に提供するとともに、そのゲームで使用される複数の項目情報を記憶し、携帯端末2からの要求に応じて、要求されたページ番号に対応する項目情報を携帯端末2に送信する。そのために、サーバ3は、サーバ通信部31と、サーバ記憶部32と、サーバ処理部33とを備える。
The
サーバ通信部31は、出力部の一例であり、サーバ3をインターネット8に接続するための通信インターフェース回路を備え、インターネット8との間で通信を行う。そして、サーバ通信部31は、携帯端末2等から受信したデータを、サーバ処理部33に供給する。また、サーバ通信部31は、サーバ処理部33から供給されたデータを携帯端末2等に送信する。
The
サーバ記憶部32は、例えば、磁気テープ装置、磁気ディスク装置、又は光ディスク装置のうちの少なくともいずれか一つを備える。サーバ記憶部32は、サーバ処理部33での処理に用いられるオペレーティングシステムプログラム、ドライバプログラム、アプリケーションプログラム、データ等を記憶する。例えば、サーバ記憶部32は、アプリケーションプログラムとして、携帯端末2からの要求に応じて、要求された項目情報を携帯端末2に送信するゲームプログラム等を記憶する。また、サーバ記憶部32は、データとして、ユーザを管理するユーザ管理テーブル(図8(b))、項目情報を管理する項目管理テーブル(図8(c))、項目管理テーブルに記憶する項目情報の総数等を予め記憶する。さらに、サーバ記憶部32は、所定の処理に係る一時的なデータを一時的に記憶してもよい。
The
図8(b)、(c)は、各種管理テーブルのデータ構造の一例を示す図である。 FIGS. 8B and 8C are diagrams illustrating examples of data structures of various management tables.
図8(b)には、ユーザを管理するユーザ管理テーブルが示されている。ユーザ管理テーブルは、各ユーザについて、当該ユーザの識別番号(以下、ユーザIDと称する)、名前、パスワード、当該ユーザの携帯端末2についての各ページ番号と各項目情報との対応関係、表示項目数、項目情報を表示する複数のページのページ数等を記憶する。
FIG. 8B shows a user management table for managing users. The user management table includes, for each user, an identification number of the user (hereinafter referred to as a user ID), a name, a password, a correspondence between each page number and each item information about the
図8(c)には、項目情報を管理する項目管理テーブルが示されている。項目管理テーブルは、各項目情報について、当該項目情報の識別番号(以下、情報IDと称する)、項目情報自体等を記憶する。なお、各項目情報は、例えば新しい情報の順に、上から順に記憶される。 FIG. 8C shows an item management table for managing item information. The item management table stores, for each item information, an identification number of the item information (hereinafter referred to as an information ID), item information itself, and the like. Each item information is stored in order from the top, for example, in the order of new information.
サーバ処理部33は、一又は複数個のプロセッサ及びその周辺回路を備える。サーバ処理部33は、サーバ3の全体的な動作を統括的に制御するものであり、例えば、CPUである。サーバ処理部33は、サーバ3の各種処理がサーバ記憶部32に記憶されているプログラム等に応じて適切な手順で実行されるように、サーバ通信部31等の動作を制御する。サーバ処理部33は、サーバ記憶部32に記憶されているプログラム(オペレーティングシステムプログラム、ドライバプログラム、アプリケーションプログラム等)に基づいて処理を実行する。また、サーバ処理部33は、複数のプログラム(アプリケーションプログラム等)を並列に実行することができる。
The
(2.2.1)サーバ処理部33の構成
サーバ処理部33は、ゲーム制御部331と、表示数取得部332と、全ページ数決定部333と、対応付け部334と、ページ情報取得部335と、項目情報決定部336と、表示データ作成部337と、送信制御部338とを備える。これらの各部は、サーバ処理部33が備えるプロセッサで実行されるプログラムにより実現される機能モジュールである。あるいは、これらの各部は、ファームウェアとしてサーバ3に実装されてもよい。
(2.2.1) Configuration of
ゲーム制御部331は、ゲームの進行を制御する。ゲーム制御部331は、携帯端末2からサーバ通信部31を介して、ユーザ認証要求を受信した場合に、受信したユーザ認証要求を解析してユーザID及びパスワードを特定する。そして、ゲーム制御部331は、特定したユーザID及びパスワードをパラメータとして、ユーザ認証部(不図示)に処理の実行を指示する。
The
ゲーム制御部331は、ユーザ認証部による認証が成功した場合、そのゲームを実施するためのゲーム画面をサーバ通信部31を介して携帯端末2に送信し、以降、そのゲームのための処理を実施する。
When the authentication by the user authentication unit is successful, the
表示数取得部332は、サーバ通信部31を介して各携帯端末2から表示データ取得要求を取得し、表示データ取得要求に含まれる表示項目数をサーバ記憶部32のユーザ管理テーブルに記憶するとともに、全ページ数決定部333に通知する。
The display
なお、表示項目数は、携帯端末2から取得するのではなく、サーバ記憶部32のユーザ管理テーブルに予め記憶しておいてもよい。これにより、サーバ3が各携帯端末2に表示される1ページあたりの項目情報の数を管理することができる。
The number of display items may be stored in advance in the user management table of the
全ページ数決定部333は、サーバ記憶部32から項目情報の総数と、表示項目数とを読み出し、読み出した項目情報の総数と表示項目数とから、複数の項目情報を複数のページに分割して表示する際のページ数(以下、全ページ数と称する)を決定する。全ページ数決定部333は、項目情報の総数を表示項目数で除算することにより全ページ数を算出する。全ページ数決定部333は、算出した全ページ数をサーバ記憶部32に記憶するとともに、表示データ作成部337に通知する。
The total page
対応付け部334は、サーバ記憶部32から表示項目数を読み出し、読み出した表示項目数から、各ページに含まれる項目情報を決定する。対応付け部334は、各ページに含まれる各項目情報と、全ページ数分の各ページのページ番号とを対応付けて、その対応関係をサーバ記憶部32のユーザ管理テーブルに記憶する。
The
対応付け部334は、ページ番号の小さい順に各ページに、各項目情報を情報IDの小さい順に表示項目数ずつ対応付けていく。対応付け部334は、各ページ番号と、「表示項目数×(当該ページ番号−1)+1」番目の項目情報から「表示項目数×当該ページ番号」番目の項目情報までとを対応付ける。
The associating
例えば、表示項目数が10である場合、ページ番号「1」に対応付けられる項目情報は、1番目の項目情報から10番目の項目情報までとなり、ページ番号「13」に対応付けられる項目情報は、121番目の項目情報から130番目の項目情報までとなる。 For example, when the number of display items is 10, the item information associated with the page number “1” is from the first item information to the tenth item information, and the item information associated with the page number “13” is From the 121st item information to the 130th item information.
ページ情報取得部335は、サーバ通信部31を介して各携帯端末2から、ページ情報を含む項目情報取得要求を取得すると、項目情報取得要求に含まれるページ情報を項目情報決定部336に通知する。
When the page
項目情報決定部336は、ページ情報取得部335からページ情報が通知されると、サーバ記憶部32のユーザ管理テーブルに記憶された対応関係に基づいて、通知されたページ情報に対応するページに含まれる項目情報を、表示する項目情報として決定する。そして、項目情報決定部336は、決定した項目情報の情報IDを表示データ作成部337に通知する。
When the page information is notified from the page
表示データ作成部337は、全ページ数決定部333から全ページ数が通知されると、サーバ記憶部32の項目管理テーブルの先頭から表示項目数分の項目情報を読み出し、携帯端末2に表示させる表示データを作成し、送信制御部338へ通知して、サーバ通信部31から出力させる。作成する表示データには、初回項目表示データと、先頭ページのページ番号を指定ページ番号とする全ページ番号表示データ及び指定ページ番号表示データとが含まれる。
When the total number of pages is notified from the total page
また、表示データ作成部337は、項目情報決定部336から項目情報の情報IDが通知されると、通知された情報IDに対応する項目情報をサーバ記憶部32の項目管理テーブルから読み出す。表示データ作成部337は、読み出した項目情報を表示するための項目表示データを作成し、送信制御部338へ通知して、サーバ通信部31から出力させる。項目表示データは、Ajax(登録商標)等の技術を用いて作成される。
Further, when the information ID of the item information is notified from the item
送信制御部338は、表示データ作成部337から初回項目表示データ、全ページ番号表示データ及び指定ページ番号表示データを含む表示データが通知されると、通知された表示データをサーバ通信部31を介して各携帯端末2に送信する。また、送信制御部338は、表示データ作成部337から項目表示データが通知されると、通知された項目表示データをサーバ通信部31を介して各携帯端末2に送信する。
When the display
(3)ゲームシステム1の動作
図9は、ゲームシステム1による項目情報の表示の動作シーケンスの一例を示す。なお、以下に説明する動作シーケンスは、予め端末記憶部22及びサーバ記憶部32に記憶されているプログラムに基づいて、主に端末処理部25及びサーバ処理部33により、携帯端末2及びサーバ3の各要素と協働して実行される。
(3) Operation of
まず、ユーザにより、携帯端末2の操作部23を用いて端末処理部25に、閲覧プログラムの実行が指示される。端末処理部25は、閲覧プログラムに基づいて処理を開始する。即ち、閲覧プログラムにより実現される閲覧実行部250のゲーム実行部251は、操作部23を用いてユーザからゲームの開始指示を受け付けると、さらに操作部23を用いてユーザからユーザID及びパスワードを受け付ける。そして、ゲーム実行部251は、ユーザID及びパスワードを含むユーザ認証要求を端末通信部21を介してサーバ3に送信する(ステップS101)。
First, the user instructs the
サーバ3のゲーム制御部331は、サーバ通信部31を介して携帯端末2からユーザ認証要求を受信すると、受信したユーザ認証要求を解析してユーザID及びパスワードを特定する。そして、ゲーム制御部331は、特定したユーザID及びパスワードをパラメータとして、ユーザ認証部(不図示)に認証処理の実行を指示する(ステップS102)。
When the
ゲーム制御部331は、ユーザ認証部による認証が成功した場合、そのゲームを実施するためのゲーム画面をサーバ通信部31を介して携帯端末2に送信する(ステップS103)。
When the authentication by the user authentication unit is successful, the
携帯端末2のゲーム実行部251は、端末通信部21を介してサーバ3から取得したゲーム画面を表示部24に表示し、以降、そのゲームのための処理を実施する(ステップS104)。
The
次に、表示制御部252は、操作部23を用いてユーザから項目情報の表示指示を受け付けると、端末記憶部22から表示項目数を読み出し、読み出した表示項目数を含む表示データ取得要求を端末通信部21を介してサーバ3に送信する(ステップS105)。
Next, when receiving a display instruction for item information from the user using the
サーバ3の表示数取得部332は、サーバ通信部31を介して携帯端末2から表示データ取得要求を取得すると、表示データ取得要求に含まれる表示項目数をサーバ記憶部32に記憶するとともに、全ページ数決定部333に通知する。次に、全ページ数決定部333は、全ページ数を算出する全ページ数決定処理を実施する(ステップS106)。
When the display
図10は、全ページ数決定部333による全ページ数決定処理の動作フローの一例を示す図である。
FIG. 10 is a diagram illustrating an example of an operation flow of the total page number determination process by the total page
まず、全ページ数決定部333は、サーバ記憶部32から項目情報の総数と、表示項目数とを読み出す(ステップS201)。次に、全ページ数決定部333は、項目情報の総数を表示項目数で除算することにより全ページ数を算出し(ステップS202)、算出した全ページ数をサーバ記憶部32に記憶するとともに、表示データ作成部337に通知し、一連のステップを終了する。
First, the total page
図9に戻り、対応付け部334は、サーバ記憶部32から表示項目数を読み出し、読み出した表示項目数から、各ページに含まれる項目情報を決定し、各ページに含まれる各項目情報と、全ページ数分の各ページのページ番号とを対応付けて、その対応関係をサーバ記憶部32のユーザ管理テーブルに記憶する(ステップS107)。
Returning to FIG. 9, the associating
次に、表示データ作成部337は、サーバ記憶部32の項目管理テーブルの先頭から1ページの表示項目数分の項目情報を読み出し、携帯端末2に表示させる表示データを作成し(ステップS108)、送信制御部338へ通知する。この表示データには、初回項目表示データと、先頭ページのページ番号を指定ページ番号とする全ページ番号表示データ及び指定ページ番号表示データとが含まれる。
Next, the display
次に、送信制御部338は、表示データ作成部337が作成した表示データをサーバ通信部31を介して携帯端末2に送信する(ステップS109)。
Next, the
携帯端末2の表示制御部252は、端末通信部21を介してサーバ3から表示データを取得すると、取得した表示データを解析して、表示データに含まれる各項目情報を端末記憶部22に記憶するともに、描画データを作成し、作成した描画データを表示部24に表示する(ステップS110)。
When the
次に、ページ情報受付部253は、操作部23を用いてユーザのスクロール操作により指定されたページ番号を受け付けるページ番号解析処理を実施する(ステップS111)。
Next, the page
図11は、ページ情報受付部253によるページ番号解析処理の動作フローの一例を示す図である。
FIG. 11 is a diagram illustrating an example of an operation flow of a page number analysis process performed by the page
まず、ページ情報受付部253は、スクロールページャ内で2点が指示されているか否かを判定する(ステップS301)。
First, the page
スクロールページャ内で2点が指示されていない場合(ステップS301−No)、即ちユーザのフリック操作等により1点が指定された場合、ページ情報受付部253は、始点位置情報及び始点時刻情報を取得する(ステップS302)。次に、ページ情報受付部253は、終点位置情報及び終点時刻情報を取得する(ステップS303)。次に、ページ情報受付部253は、始点位置情報及び終点位置情報から移動距離を算出し(ステップS304)、始点時刻情報及び終点時刻情報から接触時間を算出し(ステップS305)、移動距離及び接触時間から操作速度を算出する(ステップS306)。次に、ページ情報受付部253は、操作速度に基づいて移動可能時間を設定する(ステップS307)。次に、ページ情報受付部253は、移動距離及び操作速度に基づいて移動量を算出する(ステップS308)。
When two points are not designated in the scroll pager (step S301-No), that is, when one point is designated by a user's flick operation or the like, the page
次に、ページ情報受付部253は、算出した移動量だけスクロールページャを移動するように表示部24に表示する(ステップS309)。次に、ページ情報受付部253は、スクロールページャの移動が終了した時点で所定位置に位置するページ番号を取得し(ステップS310)、取得したページ番号を表示制御部252に通知し、一連のステップを終了する。
Next, the page
一方、スクロールページャ内で、ユーザのタップ操作、スワイプ操作等により2点が指示されていた場合(ステップS301−Yes)、ページ情報受付部253は、指示された2点の位置をそれぞれ示す第1位置情報及び第2位置情報を取得する(ステップS311)。次に、ページ情報受付部253は、第1位置情報に示される位置と第2位置情報に示される位置の差の絶対値を2点間の距離として算出する(ステップS312)。次に、ページ情報受付部253は、2点間の距離と、各ページ番号の間の距離とに基づいた、2点間の距離に応じたページ数を取得し(ステップS313)、決定したページ数分のページ番号を指示ページ番号として取得する(ステップS314)。次に、ページ情報受付部253は、取得した指示ページ番号を指示ページ番号表示欄に表示する(ステップS315)。
On the other hand, when two points are instructed by the user's tap operation, swipe operation, or the like in the scroll pager (step S301-Yes), the page
次に、ページ情報受付部253は、ユーザのタップ操作、スワイプ操作等が完了したか否かを判定する(ステップS316)。ユーザのタップ操作、スワイプ操作等が完了していない場合(ステップS316−No)、ページ情報受付部253は、処理をステップS311に戻し、ステップS311〜S316の処理を繰り返す。一方、ユーザのタップ操作、スワイプ操作等が完了した場合(ステップS316−Yes)、ページ情報受付部253は、ユーザのタップ操作、スワイプ操作等が完了した時に指示されていた指示ページ番号を指定ページ番号として取得し(ステップS317)、取得した指定ページ番号を表示制御部252に通知し、一連のステップを終了する。
Next, the page
図9に戻り、表示制御部252は、ページ情報受付部253から通知された指定ページ番号をページ情報として含む項目情報取得要求を端末通信部21を介してサーバ3に送信する(ステップS112)。
Returning to FIG. 9, the
サーバ3のページ情報取得部335は、サーバ通信部31を介して携帯端末2から項目情報取得要求を取得すると、項目情報取得要求に含まれるページ情報を項目情報決定部336に通知する。
When the page
次に、項目情報決定部336は、ページ情報取得部335からページ情報が通知されると、サーバ記憶部32のユーザ管理テーブルに記憶された対応関係に基づいて、表示する項目情報を決定し(ステップS113)、決定した項目情報の情報IDを表示データ作成部337に通知する。
Next, when the page information is notified from the page
次に、表示データ作成部337は、項目情報決定部336が決定した項目情報の情報IDに対応する項目情報をサーバ記憶部32の項目管理テーブルから読み出し、読み出した項目情報について項目表示データを作成し(ステップS114)、送信制御部338へ通知する。
Next, the display
送信制御部338は、項目表示データをサーバ通信部31を介して携帯端末2に送信する(ステップS115)。
The
携帯端末2の表示制御部252は、端末通信部21を介してサーバ3から項目表示データを取得すると、取得した項目表示データに含まれる更新情報を端末記憶部22に記憶するとともに、取得した項目表示データに基づいて描画データを更新し、更新した描画データを表示部24に表示する(ステップS116)。
When the
なお、携帯端末2の表示制御部252は、ステップS110又はS116においてサーバ3から受信した各表示データに含まれる各項目情報をページ番号と対応付けて端末記憶部22に記憶しておき、その後、ユーザにより指定されたページ番号が全て端末記憶部22に記憶されている場合、記憶された項目情報を表示してもよい。これにより、ユーザが特定のページを閲覧した後、他のページを閲覧し、再度その特定のページを閲覧した場合、その特定のページの各項目情報をサーバ3から改めて取得する必要がなくなり、短時間に表示することが可能となる。または、表示制御部252は、ユーザにより指定されたページ番号のうち、端末記憶部22に記憶されていない項目情報のみをサーバ3から取得してもよい。これにより、ネットワーク上の通信量を低減しつつ、項目情報を短時間に表示することが可能となる。
The
さらに付け加えると、携帯端末2の表示制御部252は、ステップS110又はS116においてサーバ3から受信した各表示データに含まれる各項目情報をページ番号と対応付けてブラウザ上のメモリ(HTML5の一機能であるLocalStorage「ローカルストレージ」)に記憶しておき、その後、ユーザにより指定されたページ番号が全てブラウザ上のメモリに記憶されている場合、記憶された項目情報を表示してもよい。こうすることで、ネットワーク上の通信量をより低減しつつ、項目情報を短時間に表示することが可能となる。
In addition, the
また、携帯端末2の表示制御部252は、ユーザにより指定された指定ページ番号に対応する項目情報をサーバ3から取得して表示部24に表示した後、その指定ページ番号に近接するページ番号に対応する項目情報をサーバ3から取得しておいてもよい。その場合、表示制御部252は、ページ情報受付部253から取得した指定ページ番号を含む項目情報取得要求をサーバ3に送信した後、その指定ページ番号に近いページ番号の順に、各ページ番号を含む項目情報取得要求をサーバ3に送信する。サーバ3の項目情報決定部336は、順次受信した項目情報取得要求に従って、対応する項目情報を決定する。つまり、項目情報決定部336は、指定ページ番号に対応する項目情報を決定した後、その指定ページ番号に近いページ番号の順に、対応する項目情報を決定する。表示データ作成部337は、項目情報決定部336が決定した順に、決定した項目情報についての内容データ及び制御データを作成する。つまり、表示データ作成部337は、指定ページ番号についての項目表示データを作成した後、その指定ページ番号に近いページ番号の順に、対応する項目情報についての項目表示データを作成する。送信制御部338は、表示データ作成部337が作成した順に、作成した項目表示データをサーバ通信部31を介して携帯端末2に送信する。
The
例えば、指定ページ番号が「13」〜「17」である場合、サーバ3は、ページ番号「13」〜「17」に対応する項目表示データを携帯端末2に送信し、続いて、ページ番号「12」及び「18」に対応する項目表示データ、ページ番号「11」及び「19」に対応する項目表示データを、順次、携帯端末2に送信する。
For example, when the designated page numbers are “13” to “17”, the
項目情報が時系列等、何らかの規則に従った順にサーバ3に記憶されている場合、ユーザは、現在閲覧している項目情報に近接する項目情報の閲覧を所望する可能性が高い。したがって、携帯端末2は、現在閲覧されている項目情報に近接する項目情報をサーバ3から予め取得しておくことにより、ユーザがその近接する項目情報の閲覧を所望した場合に、その項目情報をサーバ3から改めて取得する必要がなくなり、短時間に表示することが可能となる。なお、携帯端末2は、現在閲覧されている項目情報に近接する項目情報をサーバ3から予め取得して、ブラウザ上のメモリに格納しておいてもよい。こうすることで、ユーザがその近接する項目情報の閲覧を所望した場合に、その項目情報をサーバ3から改めて取得する必要がなくなり、より短時間に表示することが可能となる。
When the item information is stored in the
以上説明してきたように、サーバ3は、各ページのページ番号をスクロール可能に携帯端末2に表示させ、その表示領域内でユーザにより指定された2点間の距離に応じたページ数分のページに含まれる項目情報を携帯端末2に表示させる。これにより、ユーザは、2本の指を用いたスワイプ操作、タップ操作等により、項目情報を表示するページ数を変更することができる。したがって、ユーザは、移動範囲が小さく且つ短時間に実施可能なジェスチャーによって、表示される項目情報数を容易且つ正確に変更することができ、現在表示されている項目情報と、閲覧を所望する項目情報との間に多くの項目情報が存在する場合でも、短時間且つ少ない労力で所望する項目情報を閲覧することができる。したがって、ユーザが端末を操作する際のUXを向上させることが可能となる。
As described above, the
また、サーバ3は、項目情報の表示が要求された場合、最初は、先頭から表示項目数分の項目情報のみを送信し、以後、表示する項目情報の変更の要求に従って、指定された項目情報のみを送信する。したがって、サーバ3は、ユーザが必要としない項目情報を送信することを抑制することができ、ネットワーク上の通信量を低減することができる。さらに、サーバ3は、表示する項目情報の変更が要求された場合、Ajax(登録商標)の技術を用いて、指定された項目情報のみを送信する。したがって、サーバ3は、スクロールページャ等の、項目情報以外の画面の情報を送信しなおす必要がなく、ネットワーク上の通信量を低減することができる。
In addition, when the display of item information is requested, the
なお、本発明は、本実施形態に限定されるものではない。例えば、本実施形態では、携帯端末2がページ番号解析処理を実施する例を説明したが、サーバ3がページ番号解析処理を実施してもよい。その場合、携帯端末2のページ情報受付部253は、ユーザのフリック操作等により1点が指定された場合、端末通信部21を介してサーバ3に、始点位置情報、始点時刻情報、終点位置情報及び終点時刻情報を送信する。一方、サーバ3のページ情報取得部335は、取得した始点位置情報及び終点位置情報から移動距離を算出し、始点時刻情報及び終点時刻情報から接触時間を算出し、移動距離及び接触時間から操作速度を算出する。また、ページ情報取得部335は、操作速度に基づいて移動可能時間を算出するとともに、移動距離及び操作速度に基づいて移動量を算出し、算出した移動量からスクロールページャの移動が終了した時点で所定位置に位置するページ番号を取得する。さらに、ページ情報取得部335は、算出した移動可能時間及び操作速度をサーバ通信部31を介して携帯端末2に送信する。携帯端末2のページ情報受付部253は、端末通信部21を介してサーバ3から取得した移動可能時間を設定し、取得した移動量だけスクロールページャを移動するように表示部24に表示する。
Note that the present invention is not limited to this embodiment. For example, in the present embodiment, the example in which the
また、携帯端末2のページ情報受付部253は、ユーザのタップ操作、スワイプ操作等により2点が指定された場合、端末通信部21を介してサーバ3に、第1位置情報及び第2位置情報を送信する。一方、サーバ3のページ情報取得部335は、取得した第1位置情報及び第2位置情報から2点間の距離を算出し、その2点に対応するページ数を取得し、そのページ数分の指定ページ番号を取得する。さらに、ページ情報取得部335は、取得した指定ページ番号をサーバ通信部31を介して携帯端末2に送信する。携帯端末2のページ情報受付部253は、端末通信部21を介してサーバ3から取得した指定ページ番号を指示ページ番号表示欄に表示する。
The page
また、本実施形態では、サーバ3が全ページ数決定処理を実施する例を説明したが、携帯端末2が全ページ数決定処理を実施してもよい。その場合、携帯端末2の端末記憶部22は項目情報の総数を予め記憶する。あるいは、サーバ3は、項目情報の総数に変更があるたびに携帯端末2に送信し、携帯端末2は受信した項目情報の総数を端末記憶部22に記憶する。端末処理部25は、図2に示した各部に加えて、サーバ3の全ページ数決定部333と同様の機能を持つ全ページ数決定部を有する。携帯端末2の全ページ数決定部は、端末記憶部22から項目情報の総数と、表示項目数とを読み出し、項目情報の総数と表示項目数とから全ページ数を算出し、端末通信部21を介してサーバ3に通知する。
In the present embodiment, the example in which the
また、本実施形態では、サーバ3が項目情報決定処理を実施する例を説明したが、携帯端末2が項目情報決定処理を実施してもよい。その場合、携帯端末2の端末処理部25は、図2に示した各部に加えて、サーバ3の項目情報決定部336と同様の機能を持つ項目情報決定部を有する。携帯端末2の項目情報決定部は、端末記憶部22から表示項目数を読み出すとともに、ページ番号解析部からユーザにより指定されたページ番号を取得する。そして、項目情報決定部は、表示項目数とページ番号とから当該ページ番号に対応する項目情報を決定し、端末通信部21を介してサーバ3に通知する。
Moreover, although the
また、サーバ3が全ての項目情報を携帯端末2に送信し、携帯端末2が複数の項目情報を複数のページに分割して、ユーザから指定されたページに対応する項目情報を表示するようにしてもよい。その場合、携帯端末2は、サーバ3から受信した全ての項目情報に基づいて、項目管理テーブルを作成するとともに項目情報の総数を算出し、端末記憶部22に記憶する。端末処理部25は、図2に示した各部に加えて、サーバ3のサーバ処理部33の各部のうちゲーム制御部331以外の各部と同様の機能を持つ各部を有する。端末処理部25は、各情報を端末通信部21及びサーバ通信部31を介して送受信することに代えて、端末処理部25内で送受信し、表示部24が出力部として機能する。
Further, the
また、サーバ3を省略し、携帯端末2が全ての項目情報を予め記憶するものとしてもよい。その場合、端末記憶部22は、項目管理テーブル及び項目管理テーブルに記憶する項目情報の総数等を予め記憶し、端末処理部25は、図2に示した各部に加えて、サーバ3のサーバ処理部33の各部と同様の機能を持つ各部を有する。端末処理部25は、各情報を端末通信部21及びサーバ通信部31を介して送受信することに代えて、端末処理部25内で送受信し、表示部24が出力部として機能する。
The
また、本実施形態では、1ページあたりの項目情報の表示数を一定にするものとしたが、1ページあたりの項目情報の文字数、行数、データサイズ等を一定にしてもよい。その場合、各携帯端末2の端末記憶部22は、表示項目数の代わりに1ページあたりに表示可能な項目情報の文字数、行数、又はデータサイズを記憶し、表示制御部252は、表示データ取得要求にその文字数、行数、又はデータサイズを含めて送信する。一方、サーバ3のサーバ記憶部32は、各項目情報の文字数、行数、又はデータサイズを記憶し、全ページ数決定部333は、各項目情報の文字数、行数、又はデータサイズと、1ページあたりの項目情報の文字数、行数、又はデータサイズとから、全ページ数を決定する。対応付け部334は、各項目情報の文字数、行数、又はデータサイズと、1ページあたりの項目情報の文字数、行数、又はデータサイズとから、各ページに含まれる項目情報を決定し、全ページ数分の各ページ番号と、各ページに含まれる各項目情報とを対応付ける。
Further, in the present embodiment, the number of item information displayed per page is fixed, but the number of characters, the number of lines, the data size, etc. of the item information per page may be fixed. In that case, the
また、本実施形態では、ゲームシステムを例に説明したが、端末からの要求に応じてサーバが検索を行い、端末に検索結果を表示する検索システム、サーバに記憶された、複数の端末からのメッセージを各端末に表示するメッセージ管理システム等に本発明を適用することも可能である。検索システムに本発明を適用する場合、各検索結果が項目情報となり、メッセージ管理システムに本発明を適用する場合、各メッセージが項目情報となる。 Moreover, although this embodiment demonstrated the game system to the example, the server searches according to the request | requirement from a terminal, and the search system which displays a search result on a terminal, from several terminals memorize | stored in the server The present invention can also be applied to a message management system that displays a message on each terminal. When the present invention is applied to a search system, each search result is item information, and when the present invention is applied to a message management system, each message is item information.
また、本実施形態では、携帯端末を例に説明したが、携帯端末の代わりに、インターネット8に接続するための通信インターフェース回路を備え、インターネット8と直接に通信を行うノート型PC等の有線端末を用いてもよい。その場合、操作部23としてキーボード、マウス等を利用し、マウスを用いたユーザのスクロール操作によりページ番号が指定されてもよい。
In the present embodiment, the portable terminal has been described as an example. However, instead of the portable terminal, a wired terminal such as a notebook PC that includes a communication interface circuit for connecting to the Internet 8 and communicates directly with the Internet 8. May be used. In that case, a page number may be designated by a user's scroll operation using a mouse using a keyboard, a mouse, or the like as the
また、端末処理部25及びサーバ処理部33が備える各機能をコンピュータに実現させるためのコンピュータプログラムは、磁気記録媒体、光記録媒体等のコンピュータにより読み取り可能な記録媒体に記録された形で提供されてもよい。
A computer program for causing a computer to realize the functions of the
当業者は、本発明の精神及び範囲から外れることなく、様々な変更、置換、及び修正をこれに加えることが可能であることを理解されたい。 It should be understood by those skilled in the art that various changes, substitutions, and modifications can be made thereto without departing from the spirit and scope of the present invention.
1 ゲームシステム
2 携帯端末
21 端末通信部
22 端末記憶部
23 操作部
24 表示部
25 端末処理部
250 閲覧実行部
251 ゲーム実行部
252 表示制御部
253 ページ情報受付部
3 サーバ
31 サーバ通信部
32 サーバ記憶部
33 サーバ処理部
331 ゲーム制御部
332 表示数取得部
333 全ページ数決定部
334 対応付け部
335 ページ情報取得部
336 項目情報決定部
337 表示データ作成部
338 送信制御部
DESCRIPTION OF
Claims (12)
各ページに所定の項目情報が含まれる複数のページの各識別番号を表示するための番号表示データを作成して前記出力部に出力させ、
ユーザにより前記各識別番号が表示された表示領域内で指示又は指定された2点に基づく特定のページ数分のページ情報を取得し、
前記特定のページ数分のページ情報に対応するページに含まれる全ての項目情報を、スクロール表示するためのユーザ操作に応じて、ユーザにより閲覧可能に表示するための項目表示データを作成して前記出力部に出力させる、
ことを含むことを特徴とする表示データ作成方法。 A display data creation method in a computer having an output unit,
Create number display data for displaying each identification number of a plurality of pages each containing predetermined item information on each page, and output it to the output unit,
Acquire page information for a specific number of pages based on two points designated or designated in the display area where each identification number is displayed by the user,
In accordance with a user operation for scrolling display of all item information included in the page corresponding to the page information for the specific number of pages, creating item display data for displaying in a viewable manner by the user Let the output part output,
A display data creation method characterized by including:
前記特定のページ数分のページ情報には、前記指示又は指定されたページが含まれる、請求項1に記載の表示データ作成方法。 Further comprising designating or designating a page by a user from among the identification numbers displayed in the display area;
The display data creation method according to claim 1, wherein the page information for the specific number of pages includes the instruction or designated page.
前記特定のページ数分のページ情報は、前記表示領域内における前記指示又は指定されたページの位置と前記2点の位置との位置関係から定められる、請求項1に記載の表示データ作成方法。 Further comprising designating or designating a page by a user from among the identification numbers displayed in the display area;
The display data creation method according to claim 1, wherein the page information for the specific number of pages is determined from a positional relationship between the position of the instruction or designated page and the position of the two points in the display area.
前記表示領域内で指示又は指定された2点は、前記表示領域内の2点を指示又は指定するユーザのスワイプ操作が完了した時に指示又は指定されていた2点である、請求項1〜4の何れか一項に記載の表示データ作成方法。 In the display area, the identification numbers are displayed in a scrollable manner.
The two points designated or designated in the display area are the two points designated or designated when the user's swipe operation to designate or designate two points in the display area is completed. The display data creation method according to any one of the above.
前記表示領域内で指示又は指定された2点は、前記表示領域内の2点を指示又は指定するユーザのスワイプ操作に応じて指示又は指定されている2点である、請求項1〜4の何れか一項に記載の表示データ作成方法。 In the display area, the identification numbers are displayed in a scrollable manner.
The two points designated or designated in the display area are two points designated or designated in accordance with a user's swipe operation that designates or designates two points in the display area. The display data creation method according to any one of the above.
各ページに所定の項目情報が含まれる複数のページの各識別番号を表示するための番号表示データを作成して前記出力部に出力させ、
ユーザにより前記各識別番号が表示された表示領域内で指示又は指定された2点に基づく特定のページ数分のページ情報を取得し、
前記特定のページ数分のページ情報に対応するページに含まれる全ての項目情報を、スクロール表示するためのユーザ操作に応じて、ユーザにより閲覧可能に表示するための項目表示データを作成して前記出力部に出力させる、
ことを実行させることを特徴とする制御プログラム。 A control program in a computer including an output unit, the computer
Create number display data for displaying each identification number of a plurality of pages each containing predetermined item information on each page, and output it to the output unit,
Acquire page information for a specific number of pages based on two points designated or designated in the display area where each identification number is displayed by the user,
In accordance with a user operation for scrolling display of all item information included in the page corresponding to the page information for the specific number of pages, creating item display data for displaying in a viewable manner by the user Let the output part output,
A control program characterized by causing
各ページに所定の項目情報が含まれる複数のページの各識別番号を表示するための番号表示データを作成して前記出力部に出力させる表示データ作成部と、を備え、
前記表示データ作成部は、ユーザにより前記各識別番号が表示された表示領域内で指示又は指定された2点に基づく特定のページ数分のページ情報を取得し、前記特定のページ数分のページ情報に対応するページに含まれる全ての項目情報を、スクロール表示するためのユーザ操作に応じて、ユーザにより閲覧可能に表示するための項目表示データを作成して前記出力部に出力させる、
ことを特徴とするコンピュータ。 An output section;
A display data creation unit that creates number display data for displaying each identification number of a plurality of pages each including predetermined item information on each page and outputs the data to the output unit,
The display data creation unit obtains page information for a specific number of pages based on two points designated or designated in a display area where each identification number is displayed by a user, and pages for the specific number of pages. In response to a user operation for scrolling and displaying all item information included in the page corresponding to the information, item display data for displaying the item so as to be viewable by the user is created and output to the output unit.
A computer characterized by that.
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
JP2015210055A JP6363054B2 (en) | 2015-10-26 | 2015-10-26 | Display data creation method, control program, and computer |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
JP2015210055A JP6363054B2 (en) | 2015-10-26 | 2015-10-26 | Display data creation method, control program, and computer |
Related Parent Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
JP2015168760A Division JP5832691B1 (en) | 2015-08-28 | 2015-08-28 | Display data creation method, control program, and computer |
Publications (3)
Publication Number | Publication Date |
---|---|
JP2016048564A JP2016048564A (en) | 2016-04-07 |
JP2016048564A5 JP2016048564A5 (en) | 2017-02-09 |
JP6363054B2 true JP6363054B2 (en) | 2018-07-25 |
Family
ID=55649382
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
JP2015210055A Active JP6363054B2 (en) | 2015-10-26 | 2015-10-26 | Display data creation method, control program, and computer |
Country Status (1)
Country | Link |
---|---|
JP (1) | JP6363054B2 (en) |
Family Cites Families (8)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
JP2001265481A (en) * | 2000-03-21 | 2001-09-28 | Nec Corp | Method and device for displaying page information and storage medium with program for displaying page information stored |
JP4333031B2 (en) * | 2000-12-27 | 2009-09-16 | カシオ計算機株式会社 | Electronic book device |
JP2004021467A (en) * | 2002-06-14 | 2004-01-22 | Matsushita Electric Ind Co Ltd | Data display method and its program |
US9830066B2 (en) * | 2004-12-22 | 2017-11-28 | Conversant Wireless Licensing S.A R.L. | Mobile communications terminal and method |
JP2011053971A (en) * | 2009-09-02 | 2011-03-17 | Sony Corp | Apparatus, method and program for processing information |
JP2012168790A (en) * | 2011-02-15 | 2012-09-06 | Brother Ind Ltd | Display program and display device |
JP2012190277A (en) * | 2011-03-10 | 2012-10-04 | Sharp Corp | Display device, display method, computer program and recording medium |
JP2013145471A (en) * | 2012-01-13 | 2013-07-25 | Sharp Corp | Display scroll device, display scroll device control method, display scroll device control program, and computer-readable recording medium with program stored therein |
-
2015
- 2015-10-26 JP JP2015210055A patent/JP6363054B2/en active Active
Also Published As
Publication number | Publication date |
---|---|
JP2016048564A (en) | 2016-04-07 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
JP5802853B2 (en) | Display data creation method, control program, and computer | |
JP5735146B1 (en) | Display data creation method, control program, and computer | |
RU2576472C2 (en) | Display device, user interface method and programme | |
US9553840B2 (en) | Information sharing system, server device, display system, storage medium, and information sharing method | |
JP5840311B2 (en) | Display data creation method, control program, computer and terminal | |
JP5486118B1 (en) | Game medium group organization method, control program, and computer | |
JP6871691B2 (en) | Information processing equipment, information processing methods and information processing programs | |
JP6363054B2 (en) | Display data creation method, control program, and computer | |
JP5832691B1 (en) | Display data creation method, control program, and computer | |
EP3048576A1 (en) | Information processing device | |
US20150186921A1 (en) | Wifi Landing Page for Remote Control of Digital Signs | |
JP5693667B2 (en) | Display data creation method, control program, and computer | |
WO2014185417A1 (en) | Display control method, computer, and computer-readable non-transient storage medium | |
JP6592467B2 (en) | Program, terminal device, and terminal control method | |
JP5799158B2 (en) | Control method, control program, and computer | |
JP2016045875A (en) | Information processing program, information processing apparatus, information processing system, and information processing method | |
JP7274030B2 (en) | Program, information processing device and information processing method | |
US20230306063A1 (en) | Information processing method, information processing apparatus, and recording medium | |
JP7136985B1 (en) | Program, information processing device and information processing method | |
JP6679664B2 (en) | Information processing apparatus, information processing method, and program | |
JP2018049320A (en) | Information processing program, information processing device and information processing method | |
JP6608402B2 (en) | Program, control method, and terminal device | |
JP5676042B2 (en) | Control method, control program, and computer | |
JP5584376B1 (en) | GAME MEDIA GROUP ORGANIZATION METHOD, CONTROL PROGRAM, AND COMPUTER | |
JP5842076B2 (en) | Display control method, computer, display control program, and storage medium |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
A521 | Request for written amendment filed |
Free format text: JAPANESE INTERMEDIATE CODE: A523 Effective date: 20161228 |
|
A621 | Written request for application examination |
Free format text: JAPANESE INTERMEDIATE CODE: A621 Effective date: 20161228 |
|
A871 | Explanation of circumstances concerning accelerated examination |
Free format text: JAPANESE INTERMEDIATE CODE: A871 Effective date: 20161228 |
|
A975 | Report on accelerated examination |
Free format text: JAPANESE INTERMEDIATE CODE: A971005 Effective date: 20170405 |
|
A131 | Notification of reasons for refusal |
Free format text: JAPANESE INTERMEDIATE CODE: A131 Effective date: 20170418 |
|
A521 | Request for written amendment filed |
Free format text: JAPANESE INTERMEDIATE CODE: A523 Effective date: 20170616 |
|
A02 | Decision of refusal |
Free format text: JAPANESE INTERMEDIATE CODE: A02 Effective date: 20170704 |
|
A521 | Request for written amendment filed |
Free format text: JAPANESE INTERMEDIATE CODE: A523 Effective date: 20170925 |
|
A911 | Transfer to examiner for re-examination before appeal (zenchi) |
Free format text: JAPANESE INTERMEDIATE CODE: A911 Effective date: 20171002 |
|
A912 | Re-examination (zenchi) completed and case transferred to appeal board |
Free format text: JAPANESE INTERMEDIATE CODE: A912 Effective date: 20171013 |
|
A61 | First payment of annual fees (during grant procedure) |
Free format text: JAPANESE INTERMEDIATE CODE: A61 Effective date: 20180627 |
|
R150 | Certificate of patent or registration of utility model |
Ref document number: 6363054 Country of ref document: JP Free format text: JAPANESE INTERMEDIATE CODE: R150 |
|
R250 | Receipt of annual fees |
Free format text: JAPANESE INTERMEDIATE CODE: R250 |
|
R250 | Receipt of annual fees |
Free format text: JAPANESE INTERMEDIATE CODE: R250 |
|
R250 | Receipt of annual fees |
Free format text: JAPANESE INTERMEDIATE CODE: R250 |
|
R250 | Receipt of annual fees |
Free format text: JAPANESE INTERMEDIATE CODE: R250 |