JP6363054B2 - Display data creation method, control program, and computer - Google Patents

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.

  For example, in the search service of Non-Patent Document 1, the search server requested to search from the terminal divides a plurality of items as search results into a plurality of pages, and in order so that the user can specify the page number of each page. To display on the terminal. In this terminal, when one of the displayed page numbers is designated by the user, the search server causes the terminal to display an item corresponding to the designated page number.

  Further, in Patent Literature 1, a plurality of elements constituting the list are classified and a plurality of element groups are determined based on a classification condition according to an attribute such as a price of an element such as a product constituting the list. An information processing apparatus is described that divides pages so that all elements included in each element group are displayed on the same page.

Google, Inc., "Google", [online], Internet <URL: https://www.google.com/>

JP2013-137626A

  In the search service of Non-Patent Document 1, the user can select a specific page from a plurality of pages, and can search and browse a desired item in a short time. However, the user cannot change the number of items to be displayed at the same time, and UX (User Experience: user experience, satisfaction, etc.) when the user operates the terminal may be impaired.

  In addition, the information processing apparatus of Patent Document 1 can display a plurality of elements on each page by dividing the elements for each attribute. However, when there are many elements having the same attribute, the number of elements displayed on one page increases, and the user needs to perform many scroll operations until the desired element is reached. On the contrary, when there are few elements with the same attribute, the number of elements displayed on one page decreases, and the user needs to display many pages sequentially in order to search for a desired element.

  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.

  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.

  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.

  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. .

  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.

  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.

  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.

  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.

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.

  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.

1 is a diagram illustrating an example of a schematic configuration of a game system 1. FIG. 2 is a diagram illustrating an example of a schematic configuration of a mobile terminal 2. FIG. (A), (b) is a figure which shows an example of the screen 300 displayed on the display part 24 of the portable terminal 2. FIG. It is a schematic diagram for demonstrating the acquisition process of the designated page number designated by the flick operation. (A), (b) is a schematic diagram for demonstrating the acquisition process of the number of pages instruct | indicated by 2 points | pieces, and an instruction | indication page number. (A), (b) is a schematic diagram for demonstrating a designated page number. It is a schematic diagram for demonstrating the process in the case of notifying in real time 2 points | pieces designated according to the swipe operation as a designated page number. (A) is a figure which shows an example of schematic structure of the server 3, (b), (c) is a figure which shows an example of the data structure of various management tables. It is a figure which shows an example of the operation | movement sequence of the display of item information. It is a figure which shows an example of the operation | movement flow of a total page number determination process. It is a figure which shows an example of the operation | movement flow of a page number analysis process.

  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) 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.

  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) Configuration of Game System 1 FIG. 1 is a diagram illustrating an example of a schematic configuration of the game system 1.

  The game system 1 includes a plurality of portable terminals 2 and a server 3. The portable terminal 2 and the server 3 are connected to each other via a communication network such as a base station 5, a mobile communication network 6, a gateway 7 and the Internet 8. A program (for example, a browsing program) executed on the portable terminal 2 and a program (for example, a game program) executed on the server 3 are made using a communication protocol such as Hypertext Transfer Protocol (HTTP). Communicate.

(2.1) Configuration of Mobile Terminal 2 FIG. 2 is a diagram illustrating an example of a schematic configuration of the mobile terminal 2.

  The mobile terminal 2 is connected to the server 3 via the base station 5, the mobile communication network 6, the gateway 7, and the Internet 8, and communicates with the server 3. The mobile terminal 2 executes a game provided from the server 3 and divides and displays a plurality of item information stored in the server 3 into a plurality of pages every predetermined number. The mobile terminal 2 displays the page number of each page in a scrollable manner, and acquires and displays item information corresponding to the page number and the number of pages specified by the user's operation using the operation unit 23 from the server 3. For this purpose, the mobile terminal 2 includes a terminal communication unit 21, a terminal storage unit 22, an operation unit 23, a display unit 24, and a terminal processing unit 25.

  In the present embodiment, a multi-function mobile phone (so-called “smart phone”) is assumed as the mobile terminal 2, but the present invention is not limited to this. The mobile terminal 2 is not limited as long as the present invention is applicable. For example, a mobile phone (so-called “feature phone”), a mobile information terminal (Personal Digital Assistant, PDA), a mobile game machine, a mobile music player, a tablet PC (Personal Computer), a personal computer, or the like.

  The terminal communication unit 21 includes a communication interface circuit including an antenna whose sensitivity band is a predetermined frequency band, and connects the mobile terminal 2 to the wireless communication network. The terminal communication unit 21 establishes a radio signal line by a CDMA (Code Division Multiple Access) method or the like with the base station 5 through a channel assigned by the base station 5, and communicates with the base station 5. Do. Then, the terminal communication unit 21 transmits the data supplied from the terminal processing unit 25 to the server 3 or the like. Further, the terminal communication unit 21 supplies data received from the server 3 or the like to the terminal processing unit 25. Note that the terminal communication unit 21 may perform wireless communication with a wireless communication method of the IEEE 802.11 standard with a WiFi (Wireless Fidelity) access point (not shown).

  The terminal storage unit 22 includes, for example, at least one of a semiconductor memory, a magnetic disk device, and an optical disk device. The terminal storage unit 22 stores an operating system program, a driver program, an application program, data, and the like used for processing in the terminal processing unit 25. For example, the terminal storage unit 22 stores an input device driver program for controlling the operation unit 23, an output device driver program for controlling the display unit 24, and the like as driver programs. Further, the terminal storage unit 22 stores, as an application program, a browsing program that displays the page number of each page in a scrollable manner and displays item information corresponding to the page number and the number of pages specified by the user. The terminal storage unit 22 also displays the number of item information items displayed per page (hereinafter referred to as the number of display items) when the item information is divided into a plurality of pages and displayed on the display unit 24 as data. While storing beforehand, each item information etc. which were acquired from the server 3 are memorize | stored. Further, the terminal storage unit 22 may temporarily store temporary data related to a predetermined process.

  The operation unit 23 may be any device as long as the operation of the mobile terminal 2 is possible, for example, a touch pad, a keyboard, or the like. The user can input characters, numbers, scroll operations, and the like using the operation unit 23. When operated by the user, the operation unit 23 generates a signal corresponding to the operation. The generated signal is supplied to the terminal processing unit 25 as a user instruction.

  The display unit 24 may be any device that can display images, images, and the like, such as a liquid crystal display and an organic EL (Electro-Luminescence) display. The display unit 24 displays a video corresponding to the video data supplied from the terminal processing unit 25, an image corresponding to the image data, and the like.

  The terminal processing unit 25 includes one or a plurality of processors and their peripheral circuits. The terminal processing unit 25 controls the overall operation of the mobile terminal 2 and is, for example, a CPU (Central Processing Unit). The terminal processing unit 25 includes a terminal communication unit 21, a display unit so that various processes of the mobile terminal 2 are executed in an appropriate procedure according to a program stored in the terminal storage unit 22, an operation of the operation unit 23, and the like. The operation of 24 etc. is controlled. The terminal processing unit 25 executes processing based on programs (operating system program, driver program, application program, etc.) stored in the terminal storage unit 22. Further, the terminal processing unit 25 can execute a plurality of programs (such as application programs) in parallel.

(2.1.1) Configuration of Terminal Processing Unit 25 The terminal processing unit 25 includes at least a browsing execution unit 250. The browsing execution unit 250 includes a game execution unit 251, a display control unit 252, a page information reception unit 253, and the like. Each of these units is a functional module realized by a program executed by a processor provided in the terminal processing unit 25. Or these each part may be mounted in the portable terminal 2 as firmware.

  The browsing execution unit 250 transmits a specific display data acquisition request to the server 3 via the terminal communication unit 21 in response to an instruction from the user using the operation unit 23. Further, the browsing execution unit 250 receives the corresponding display data from the server 3 via the terminal communication unit 21. The browsing execution unit 250 creates drawing data based on the received display data. That is, the browsing execution unit 250 analyzes the received display data to identify control data and content data, lays out the specified content data in accordance with the identified control data, and creates drawing data. Then, the browsing execution unit 250 outputs the created drawing data to the display unit 24.

  The game execution unit 251 executes a game provided by the server 3 in response to an instruction from the user using the operation unit 23. When the game execution unit 251 receives a game start instruction from the user using the operation unit 23, the game execution unit 251 further receives a user ID and password from the user using the operation unit 23, and issues a user authentication request including the received user ID and password. The data is transmitted to the server 3 via the terminal communication unit 21. When the server 3 succeeds in the authentication process, the game execution unit 251 displays the game screen acquired from the server 3 via the terminal communication unit 21 on the display unit 24 and accepts an operation from the user using the operation unit 23. Thereafter, processing for the game is performed.

  In response to an instruction from the user using the operation unit 23, the display control unit 252 displays the page number of each page in a scrollable manner, item information included in the page specified by the user, and a specified page Drawing data for displaying numbers and the like is output to the display unit 24. For this purpose, the display control unit 252 transmits a display data acquisition request for requesting acquisition of display data related to drawing data to the server 3 via the terminal communication unit 21. The display data acquisition request includes the number of display items stored in the terminal storage unit 22. Further, the display control unit 252 acquires corresponding display data from the server 3 via the terminal communication unit 21, creates drawing data based on the acquired display data, and outputs the created drawing data to the display unit 24. . Display data can be created using languages such as HTML5 (HyperText Markup Language 5), CSS3 (Cascading Style Sheets 3), and JavaScript (registered trademark).

  The display data transmitted from the server 3 includes item information corresponding to the number of display items from the top of the item information stored in the server 3 as content data, and for displaying the item information as control data. Contains information. Hereinafter, data for displaying item information corresponding to the number of display items from the top may be referred to as initial item display data.

  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.

  “Instruct” means a state in which a page number or the like is being selected. For example, when the operation unit 23 is a touch panel, the user touches a specific area of the touch panel with a swipe operation or the like. State. On the other hand, “specify” means a state in which the page number is fixed, for example, a state immediately after the user lifts a finger or the like from the touch panel in a swipe operation or the like. Hereinafter, the designated page number may be referred to as an designated page number, and the designated page number may be referred to as a designated page number.

  The display control unit 252 stores each item information included in the display data acquired from the server 3 in the terminal storage unit 22. Further, the display control unit 252 displays each item information on the display unit 24 based on the initial item display data. Further, the display control unit 252 arranges the page numbers on the display unit 24 in a scrollable manner based on all page number display data. Further, the display control unit 252 displays an instruction page number display column indicating the instruction page number or the designated page number on the display unit 24 based on the instruction page number display data. Hereinafter, each item information displayed on the display unit 24 is referred to as an item list, and a display area in which each page number is displayed in a scrollable manner is referred to as a scroll pager.

  Further, as will be described later, the display control unit 252 is included in the designated page when a predetermined page number is designated from among the pages displayed in the scroll pager by the user's operation using the operation unit 23. An item information acquisition request for requesting acquisition of item information is transmitted to the server 3 via the terminal communication unit 21. The item information acquisition request includes page information related to the specified page. The page information is, for example, a specified page number. As will be described later, when a plurality of page numbers for a specific number of pages are specified by a user operation using the operation unit 23, the item information acquisition request includes page information for a specific number of pages. It is. In that case, the page information for a specific number of pages can be the number of the first page and the number of the last page of a plurality of designated page numbers. Note that the page information for a specific number of pages may be all specified page numbers, or may be the number of the first page and the number of pages of the specified page number.

  The display control unit 252 acquires content data and control data for displaying item information included in the page corresponding to the page information included in the item information acquisition request from the server 3 via the terminal communication unit 21. Hereinafter, data for displaying item information included in a page corresponding to page information may be referred to as item display data. The item display data is created using a language such as JSON (JavaScript Object Notation) (registered trademark), and can be acquired using a technique such as Ajax (Asynchronous JavaScript and XML) (registered trademark). The display control unit 252 stores each update information included in the acquired content data in the terminal storage unit 22, updates the drawing data based on the acquired content data and control data, and displays the updated drawing data on the display unit 24. To display.

  FIGS. 3A and 3B are diagrams illustrating an example of a screen 300 displayed on the display unit 24.

  FIG. 3A shows a screen 300 when an item information display instruction is first received from the user using the operation unit 23. The screen 300 is displayed based on the initial item display data, all page number display data, instruction page number display data, and the like received from the server 3. As shown in FIG. 3A, a scroll pager 310, an item list 320, and an instruction page number display column 330 are displayed on the screen 300. In the scroll pager 310, the page numbers 311 are arranged and displayed so as to be scrollable. The item list 320 displays item information 321 corresponding to the page number 311 located at the center position 312 of the scroll pager 310. Each item information 321 is displayed from the top in order of new information, for example. When an instruction to display item information is first received from the user using the operation unit 23, the item representing the item information 321 corresponding to the page number “1” is located at the center position 312 of the first page number “1”. A list 320 is displayed. When the number of item information 321 is large and not all item information 321 can be displayed in the item list 320, the item list 320 is displayed so that each item information 321 can be scrolled in the vertical direction (y direction). In the instruction page number display field 330, the currently designated page number is displayed by a balloon from the scroll pager 310. In the state shown in FIG. 3A, the page number “1” is displayed as the designated page number.

  FIG. 3B shows a screen 300 when the user performs a scroll operation in the direction of arrow A in FIG. In FIG. 3B, as a result of the user's scroll operation, the page number “13” is located at the center position 312 of the scroll pager 310, and the page number “13” is displayed as the designated page number in the instruction page number display column 330. Is displayed, and item information 321 corresponding to the page number “13” is displayed in the item list 320. The user can scroll the scroll pager 310 in the horizontal direction to specify a desired page number, and scroll the item list 320 in the vertical direction to view desired item information.

  The page information receiving unit 253 acquires the page number designated by the user's operation from the page numbers displayed in the scroll pager using the operation unit 23, and notifies the display control unit 252 of the page number. An acquisition request is transmitted to the server 3. In this case, the page information included in the item information acquisition request includes a specified page number, that is, a page specified by the user.

  Hereinafter, a method for acquiring the page number will be described taking the case where the operation unit 23 is a touch panel as an example. In the present embodiment, it is assumed that the properties of the webkit-transform of css3 are used to execute various processes shown below.

  First, the page information receiving unit 253 acquires start point position information indicating the start point (touch1), which is a position where the touch panel starts to sense contact, from the operation unit 23 in response to a user's flick operation (scroll operation) on the scroll pager. To do. Further, the page information receiving unit 253 acquires the time when the start point position information is acquired from the operation unit 23 as the start point time information indicating the time (time1) when the touch is started. Next, the page information receiving unit 253 acquires end point position information indicating the end point (touch2), which is the position at which contact according to the user's flick operation on the scroll pager has been sensed, from the operation unit 23. Further, the page information receiving unit 253 acquires the time when the end point position information is acquired from the operation unit 23 as end point time information indicating the time (time2) when the contact is sensed. The position indicated by the start point position information and the end point position information is, for example, horizontal when the upper left of the screen of the display unit 24 is used as a reference (that is, (x, y, z) = (0, 0, 0)). It is represented by an x-coordinate value indicating the position in the direction.

  Next, the page information receiving unit 253 subtracts the position indicated by the start point position information from the position indicated by the end point position information, and calculates the movement distance (distance1 = touch2-touch1) from the start point to the end point. Here, as described above, since the position indicated by the start point position information and the end point position information is based on the upper left of the screen of the mobile terminal, distance1 is positive when the user performs a flick operation in the right direction. When the user performs a flick operation in the left direction, distance1 indicates a negative value. Next, the page information reception unit 253 subtracts the time indicated by the start point time information from the time indicated by the end point time information, and calculates the contact time (time3 = time2−time1) when the mobile terminal sensed the contact. . Next, the page information receiving unit 253 calculates the speed of the user's flick operation (speed1 = distance1 / time3) (hereinafter referred to as operation speed) by dividing the movement distance distance1 by the contact time time3. The unit of operation speed is [pixel / second]. In addition, since it may impair the UX when a user operates a portable terminal if it exceeds predetermined operation speed, you may preset the upper limit (for example, 440 [pixel / second]) of operation speed.

  Next, the page information receiving unit 253 sets a movable time during which the scroll pager can move based on the calculated operation speed. By setting the movable time (for example, 0.4 seconds) as the Time value of webkitTransitionDuration, the time for the scroll pager to move can be set. The operation speed can be used as the movable time. As a result, when the operation speed is slow, the moving distance of the scroll pager is shortened so that the movable time is set to a short time. When the operating speed is fast, the moving distance of the scroll pager is lengthened so that the movable time is lengthened. Can be set.

  Next, the page information receiving unit 253 calculates a movement amount (movePoint) by which the scroll pager should be moved based on the movement distance from the start point to the end point and the operation speed. The page information reception unit 253 calculates the amount of movement of the scroll pager, for example, by calculating “movePoint = distance1 × (speed1 / α)”. Α is a constant determined by experiment, and is 56, for example. Further, the movement amount of the scroll pager may be calculated based on distance1 and speed1, and may be calculated by a method other than the above mathematical calculation.

  Next, the page information reception unit 253 displays the scroll pager on the display unit 24 so as to move the calculated movement amount. The page information reception unit 253 can move the scroll pager by using, for example, webkitTransform = translate3d (x, y, z).

  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). .

  Next, the page information receiving unit 253 acquires the page number located at a predetermined position as the specified page number when the movement of the scroll pager is completed, and displays the acquired specified page number in the instruction page number display field. The display control unit 252 is notified. The predetermined position can be, for example, the horizontal center position of the scroll pager. The page information reception unit 253 acquires a page number that exists at the center position in the horizontal direction of the scroll pager when the movable time has elapsed.

  Note that the page information receiving unit 253 can smoothly move the scroll pager by setting webkitTransformTimingFunction “ease-out” in advance.

  The page information receiving unit 253 also includes the number of page numbers included in the entire scroll pager, the horizontal length of the area displaying each page number, and the horizontal direction between areas displaying page numbers adjacent to each other. Using the margin-right as a margin, the distance that the scroll pager can move (hereinafter referred to as the movable distance) is calculated. Note that the page information reception unit 253 can acquire the horizontal length and margin-right of the area for displaying each page number by using the getComputedStyle method of JavaScript (registered trademark). The page information receiving unit 253 calculates the movable distance by calculating “the number of page numbers × (the horizontal length of the area displaying the page number + margin-right)”. By calculating the movable distance, the page information receiving unit 253 can perform “retraction behavior”. When the calculated movement amount is larger than the movable distance, the page information receiving unit 253 actually lists a value (movePoint × predetermined value) obtained by multiplying the movement amount by a predetermined value less than 1 (for example, 0.9). Is set as a moving amount (hereinafter referred to as an actual moving amount). Thus, for example, when the user continues to perform the flick operation so that the end of the scroll pager exceeds the center position, a “retraction behavior” is displayed to display the scroll pager in a direction opposite to the direction of the flick operation. be able to. The pullback behavior may be either a continuously pulled back behavior or an intermittent pullback behavior.

  Further, the page information receiving unit 253 may hide the desired page number or item information by setting display: none for the desired page number or item information.

  Further, even when one of the page numbers displayed on the scroll pager is tapped, the page information receiving unit 253 obtains the tapped page number as the designated page number, and the obtained designated page number is While being displayed in the instruction page number display field, the display control unit 252 is notified.

  FIG. 4 is a schematic diagram for explaining a process for acquiring a designated page number designated by a flick operation.

  As shown in FIG. 4, when the user performs a flick operation in the direction of arrow A in the scroll pager 310, the page information reception unit 253 acquires the start point 401 and the end point 402 from the operation unit 23, and acquires each point. Get the time. The page information receiving unit 253 calculates the movement distance 403 from the start point 401 and the end point 402, calculates the contact time from the time when each point is acquired, and calculates the operation speed from the movement distance 403 and the contact time. In the example shown in FIG. 4, since the user performs a flick operation in the left direction, the movement distance is a negative value. The page information receiving unit 253 moves the scroll pager 310 to the left by the movement amount determined based on the calculated movement distance, and sets the page number “13” positioned at the center position 312 when the movement of the scroll pager is completed. Get as specified page number.

  In addition, when two points in the scroll pager are designated by the user, the page information receiving unit 253 is based on the distance between the designated two points and the distance between each page number displayed in the scroll pager. A specific number of pages and page numbers corresponding to the specific number of pages are acquired. The page information receiving unit 253 determines the page number and page number based on the relationship between the specified distance between two points and the distance between each page number.

  The page information receiving unit 253 is first position information that indicates the positions of the designated two points (touch3, touch4) in response to a user operation (tap operation, swipe operation, etc.) that designates the two points in the scroll pager. The second position information is acquired from the operation unit 23.

  Next, the page information receiving unit 253 calculates the absolute value of the difference between the position indicated by the first position information and the position indicated by the second position information as a distance between two points (distance2 = | touch3-touch4 |). .

  Next, the page information receiving unit 253 calculates the number of pages according to the distance between the two points. For example, the page information receiving unit 253 sets a predetermined multiple (n, for example, 2) of a value obtained by dividing the distance between two points by the distance (distance 3) between each page number according to the distance between the two points. Get as a number (page count = (distance2 / distance3) x n). Note that n may be a value of 1 or more, or a value of less than 1. When n = 1, when two page numbers are specified, the difference between the two specified page numbers is the number of pages corresponding to the distance between the two points. It becomes possible to specify easily.

  Next, the page information receiving unit 253 acquires as many page numbers as the number of acquired pages as instruction page numbers. For example, the page information accepting unit 253 determines the number of pages in the forward direction according to the distance between two points from the page number previously specified by the flick operation (the page number existing at the horizontal center position of the scroll pager). The page number is acquired as the instruction page number. Note that the page information receiving unit 253 may acquire, as an instruction page number, a page number corresponding to the number of pages in the negative direction corresponding to the distance between two points from the page number previously designated by the flick operation. In the case of this example, the page information included in the item information acquisition request is a number given to a specific number of pages from the page specified by the user.

  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.

  As shown in FIG. 5A, the user can indicate two points 501 and 502 by tapping two points in the scroll pager 310 simultaneously with two fingers. When two points are instructed by the user in the scroll pager 310, the page information receiving unit 253 acquires the two points 501 and 502 from the operation unit 23. The page information receiving unit 253 calculates the distance 503 between the two points 501 and 502 and acquires the number of pages corresponding to the two points. In the example shown in FIG. 5A, the distance 503 between two points is about twice the distance 504 between each page number. Therefore, for example, when the predetermined multiple is twice, the number of pages is four. The page information receiving unit 253 acquires as many page numbers as the specified page number. In the example shown in FIG. 5A, page numbers “13” to “17” for four pages in the forward direction from the page number “13” are acquired as instruction page numbers. Note that page numbers “9” to “13” for four pages in the negative direction from the page number “13” may be acquired as instruction page numbers. The page information receiving unit 253 displays the instruction page numbers “13” to “17” in the instruction page number display field 330.

  The instruction page number acquisition method is not limited to this. For example, the page information receiving unit 253 is newly instructed by the position of the original designated page number (the center position of the scroll pager) previously designated by the flick operation in the scroll pager, the tap operation, the swipe operation, or the like. Instruction page numbers for a specific number of pages may be determined from the positional relationship with the positions of the points.

  For example, the page information receiving unit 253 determines the designated page numbers for a specific number of pages based on the distance between the original designated page number position and each of the designated two positions. In this case, the page information receiving unit 253 obtains a value obtained by subtracting the position (center) of the original designated page number from each of the designated two positions (touch4, touch5) and the position of the original designated page number. It calculates as distance (distance4, distance5) with each position of 2 points | pieces. That is, when the indicated position is on the left side of the original designated page number position, the distance indicates a negative value. When the specified position is on the right side, the distance indicates a positive value. Then, the page information receiving unit 253 calculates the distance (distance4) calculated for the point (touch4) on the negative direction side of the two specified points to the original designated page number as the distance (distance3) between the page numbers. A value obtained by adding a predetermined multiple of the value divided by (n, for example, 2) is used as the first page number of the designated page number (first page number = original designated page number + (distance4 / distance3) × n). Further, the page information receiving unit 253 divides the distance (distance5) calculated for the point (touch5) on the positive direction side of the designated two points by the distance between the page numbers, to the original designated page number. A value obtained by adding a predetermined multiple of the value is used as the last page number of the designated page number (last page number = original designated page number + (distance5 / distance3) × n). Note that n may be a value of 1 or more, or a value of less than 1.

  Note that the page information receiving unit 253 may set the page numbers closest to the instructed two points as the first page number and the last page number, respectively.

  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.

  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.

  In the example shown in FIG. 5B, the page information receiving unit 253 specifies the position based on the positional relationship between the center position 513 in the scroll pager 310 and the positions of the two points 511 and 512 indicated by the tap operation. Instruction page numbers for the number of pages are determined. In this example, the original designated page number “13” is obtained by dividing the distance 514 between the center position 513 and the negative point 511 of the two points by the distance 504 between the page numbers ( A value “9” obtained by adding a value (−4) of a predetermined multiple (−2) of −2) is the first page number of the instruction page number. On the other hand, the value (1) obtained by dividing the original designated page number “13” by the distance 515 between the center position 513 and the positive point 512 of the two points by the distance 504 between the page numbers. A value “15” obtained by adding a value (2) of a predetermined multiple (twice) of the number is the final page number of the instruction page number. The page information receiving unit 253 displays the determined page numbers “9” to “15” in the instruction page number display field 330.

  Further, the page information receiving unit 253 is instructed according to the swipe operation according to the instruction page number display data received from the server 3 when a user swipe operation for instructing two points in the scroll pager is performed. The page numbers corresponding to the two points are displayed in the designated page number display field in real time. As a result, the display of the page numbers corresponding to the two points currently designated by the user's finger changes in real time, so that the user can grasp the currently selected page number and accurately determine the desired page number. Can be specified.

  Next, the page information reception unit 253 indicates the instruction page number that has been instructed when the user's tap operation, swipe operation, or the like that indicates two points in the scroll pager is completed, that is, when the user's finger is released from the touch panel. To the display control unit 252 as the designated page number.

  6A and 6B are schematic diagrams for explaining the designated page number.

  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 server 3 via the display control unit 252 as the designated page numbers, and the item list 320 includes page numbers “13” to “17”. Corresponding item information 321 is displayed. The item information 321 displayed in the item list 320 of FIG. 6A is the same as the item information 321 displayed in the item list 320 of FIG. 5A, but FIG. By scrolling the item list 320 in () in the vertical direction, more item information than the item information displayed in the item list 320 in FIG. 5A is displayed.

  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 server 3 via the display control unit 252 as the designated page numbers, and the item numbers 320 are displayed in the page numbers “9” to “15”. Corresponding item information 321 is displayed.

  Note that the page information reception unit 253 does not display when the user's swipe operation indicating two points in the scroll pager is completed, but uses the two points specified according to the swipe operation as the designated page numbers in real time. 252 may be notified.

  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.

  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 server 3 via the display control unit 252. The item information 321 and the number of item information notified and displayed in the item list 320 change in real time.

(2.2) Configuration of Server 3 FIG. 8A is a diagram illustrating an example of a schematic configuration of the server 3.

  The server 3 provides a predetermined game to the mobile terminal 2, stores a plurality of item information used in the game, and item information corresponding to the requested page number in response to a request from the mobile terminal 2. Is transmitted to the portable terminal 2. For this purpose, the server 3 includes a server communication unit 31, a server storage unit 32, and a server processing unit 33.

  The server communication unit 31 is an example of an output unit, includes a communication interface circuit for connecting the server 3 to the Internet 8, and performs communication with the Internet 8. Then, the server communication unit 31 supplies data received from the mobile terminal 2 or the like to the server processing unit 33. In addition, the server communication unit 31 transmits the data supplied from the server processing unit 33 to the mobile terminal 2 or the like.

  The server storage unit 32 includes, for example, at least one of a magnetic tape device, a magnetic disk device, and an optical disk device. The server storage unit 32 stores an operating system program, a driver program, an application program, data, and the like used for processing in the server processing unit 33. For example, the server storage unit 32 stores a game program or the like that transmits requested item information to the mobile terminal 2 in response to a request from the mobile terminal 2 as an application program. The server storage unit 32 also stores, as data, a user management table (FIG. 8B) for managing users, an item management table (FIG. 8C) for managing item information, and item information stored in the item management table. Is stored in advance. Further, the server storage unit 32 may temporarily store temporary data related to a predetermined process.

  FIGS. 8B and 8C are diagrams illustrating examples of data structures of various management tables.

  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 mobile terminal 2 of the user, and the number of display items. The number of pages for displaying item information is stored.

  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.

  The server processing unit 33 includes one or a plurality of processors and their peripheral circuits. The server processing unit 33 comprehensively controls the overall operation of the server 3 and is, for example, a CPU. The server processing unit 33 controls the operation of the server communication unit 31 and the like so that various processes of the server 3 are executed in an appropriate procedure in accordance with a program stored in the server storage unit 32. The server processing unit 33 executes processing based on programs (operating system program, driver program, application program, etc.) stored in the server storage unit 32. Further, the server processing unit 33 can execute a plurality of programs (such as application programs) in parallel.

(2.2.1) Configuration of Server Processing Unit 33 The server processing unit 33 includes a game control unit 331, a display number acquisition unit 332, an all page number determination unit 333, an association unit 334, and a page information acquisition unit. 335, an item information determination unit 336, a display data creation unit 337, and a transmission control unit 338. Each of these units is a functional module realized by a program executed by a processor included in the server processing unit 33. Alternatively, each of these units may be mounted on the server 3 as firmware.

  The game control unit 331 controls the progress of the game. When the game control unit 331 receives a user authentication request from the mobile terminal 2 via the server communication unit 31, the game control unit 331 analyzes the received user authentication request and specifies a user ID and a password. Then, the game control unit 331 instructs the user authentication unit (not shown) to execute the process using the specified user ID and password as parameters.

  When the authentication by the user authentication unit is successful, the game control unit 331 transmits a game screen for executing the game to the mobile terminal 2 via the server communication unit 31, and thereafter performs processing for the game. To do.

  The display number acquisition unit 332 acquires a display data acquisition request from each portable terminal 2 via the server communication unit 31 and stores the number of display items included in the display data acquisition request in the user management table of the server storage unit 32. The total page number determination unit 333 is notified.

  The number of display items may be stored in advance in the user management table of the server storage unit 32 instead of being acquired from the mobile terminal 2. Thereby, the server 3 can manage the number of item information per page displayed on each portable terminal 2.

  The total page number determination unit 333 reads the total number of item information and the number of display items from the server storage unit 32, and divides the plurality of item information into a plurality of pages from the total number of item information and the number of display items read. To determine the number of pages to be displayed (hereinafter referred to as the total number of pages). The total page number determination unit 333 calculates the total page number by dividing the total number of item information by the number of display items. The total page number determination unit 333 stores the calculated total number of pages in the server storage unit 32 and notifies the display data creation unit 337 of it.

  The association unit 334 reads the number of display items from the server storage unit 32, and determines item information included in each page from the read number of display items. The associating unit 334 associates each item information included in each page with the page number of each page for the total number of pages, and stores the correspondence in the user management table of the server storage unit 32.

  The associating unit 334 associates each item information with the number of display items in ascending order of information ID to each page in ascending order of page number. The association unit 334 associates each page number with “display item number × (the page number−1) +1” -th item information to “display item number × the relevant page number” -th item information.

  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.

  When the page information acquisition unit 335 acquires an item information acquisition request including page information from each portable terminal 2 via the server communication unit 31, the page information acquisition unit 335 notifies the item information determination unit 336 of the page information included in the item information acquisition request. .

  When the page information is notified from the page information acquisition unit 335, the item information determination unit 336 is included in the page corresponding to the notified page information based on the correspondence stored in the user management table of the server storage unit 32. Item information to be displayed is determined as item information to be displayed. Then, the item information determination unit 336 notifies the display data creation unit 337 of the information ID of the determined item information.

  When the total number of pages is notified from the total page number determination unit 333, the display data creation unit 337 reads item information for the number of display items from the top of the item management table in the server storage unit 32 and displays it on the mobile terminal 2. Display data is created, notified to the transmission control unit 338, and output from the server communication unit 31. The display data to be created includes initial item display data, all page number display data having the page number of the first page as the specified page number, and specified page number display data.

  Further, when the information ID of the item information is notified from the item information determination unit 336, the display data creation unit 337 reads item information corresponding to the notified information ID from the item management table of the server storage unit 32. The display data creation unit 337 creates item display data for displaying the read item information, notifies the transmission control unit 338, and causes the server communication unit 31 to output it. The item display data is created using a technique such as Ajax (registered trademark).

  When the display data creation unit 337 notifies the display data including the initial item display data, the all page number display data, and the specified page number display data, the transmission control unit 338 sends the notified display data via the server communication unit 31. To each mobile terminal 2. Further, when the item display data is notified from the display data creation unit 337, the transmission control unit 338 transmits the notified item display data to each mobile terminal 2 via the server communication unit 31.

(3) Operation of Game System 1 FIG. 9 shows an example of an operation sequence for displaying item information by the game system 1. Note that the operation sequence described below is based on the programs stored in the terminal storage unit 22 and the server storage unit 32 in advance, mainly by the terminal processing unit 25 and the server processing unit 33, by the mobile terminal 2 and the server 3. It is executed in cooperation with each element.

  First, the user instructs the terminal processing unit 25 to execute the browsing program using the operation unit 23 of the mobile terminal 2. The terminal processing unit 25 starts processing based on the browsing program. That is, when the game execution unit 251 of the browsing execution unit 250 realized by the browsing program receives a game start instruction from the user using the operation unit 23, the game execution unit 251 further receives a user ID and password from the user using the operation unit 23. . And the game execution part 251 transmits the user authentication request | requirement containing a user ID and a password to the server 3 via the terminal communication part 21 (step S101).

  When the game control unit 331 of the server 3 receives the user authentication request from the portable terminal 2 via the server communication unit 31, the game control unit 331 analyzes the received user authentication request and identifies the user ID and password. Then, the game control unit 331 instructs the user authentication unit (not shown) to execute the authentication process using the specified user ID and password as parameters (step S102).

  When the authentication by the user authentication unit is successful, the game control unit 331 transmits a game screen for executing the game to the mobile terminal 2 via the server communication unit 31 (step S103).

  The game execution part 251 of the portable terminal 2 displays the game screen acquired from the server 3 via the terminal communication part 21 on the display part 24, and implements the process for the game after that (step S104).

  Next, when receiving a display instruction for item information from the user using the operation unit 23, the display control unit 252 reads the number of display items from the terminal storage unit 22, and issues a display data acquisition request including the read display item number to the terminal. It transmits to the server 3 via the communication part 21 (step S105).

  When the display number acquisition unit 332 of the server 3 acquires the display data acquisition request from the portable terminal 2 via the server communication unit 31, the display number acquisition unit 332 stores the number of display items included in the display data acquisition request in the server storage unit 32, and The page number determination unit 333 is notified. Next, the total page number determination unit 333 performs a total page number determination process for calculating the total page number (step S106).

  FIG. 10 is a diagram illustrating an example of an operation flow of the total page number determination process by the total page number determination unit 333.

  First, the total page number determination unit 333 reads the total number of item information and the number of display items from the server storage unit 32 (step S201). Next, the total page number determination unit 333 calculates the total page number by dividing the total number of item information by the number of display items (step S202), stores the calculated total page number in the server storage unit 32, and The display data creation unit 337 is notified, and a series of steps is completed.

  Returning to FIG. 9, the associating unit 334 reads the number of display items from the server storage unit 32, determines item information included in each page from the number of read display items, each item information included in each page, The page numbers of the respective pages corresponding to the total number of pages are associated with each other, and the correspondence is stored in the user management table of the server storage unit 32 (step S107).

  Next, the display data creation unit 337 reads item information for the number of display items on one page from the top of the item management table in the server storage unit 32, and creates display data to be displayed on the mobile terminal 2 (step S108). The transmission control unit 338 is notified. This display data includes initial item display data, all page number display data having the page number of the first page as the specified page number, and specified page number display data.

  Next, the transmission control unit 338 transmits the display data created by the display data creation unit 337 to the mobile terminal 2 via the server communication unit 31 (step S109).

  When the display control unit 252 of the portable terminal 2 acquires display data from the server 3 via the terminal communication unit 21, the display control unit 252 analyzes the acquired display data and stores each item information included in the display data in the terminal storage unit 22. At the same time, drawing data is created and the created drawing data is displayed on the display unit 24 (step S110).

  Next, the page information reception unit 253 performs a page number analysis process for receiving a page number designated by the user's scroll operation using the operation unit 23 (step S111).

  FIG. 11 is a diagram illustrating an example of an operation flow of a page number analysis process performed by the page information receiving unit 253.

  First, the page information receiving unit 253 determines whether or not two points are instructed in the scroll pager (step S301).

  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 information receiving unit 253 acquires start point position information and start point time information. (Step S302). Next, the page information receiving unit 253 acquires end point position information and end point time information (step S303). Next, the page information receiving unit 253 calculates a movement distance from the start point position information and the end point position information (step S304), calculates a contact time from the start point time information and the end point time information (step S305), and moves the movement distance and the contact. The operation speed is calculated from the time (step S306). Next, the page information receiving unit 253 sets a movable time based on the operation speed (step S307). Next, the page information receiving unit 253 calculates a movement amount based on the movement distance and the operation speed (step S308).

  Next, the page information receiving unit 253 displays the scroll pager on the display unit 24 so as to move by the calculated movement amount (step S309). Next, the page information receiving unit 253 acquires a page number located at a predetermined position when the movement of the scroll pager is completed (step S310), notifies the display control unit 252 of the acquired page number, and a series of steps. Exit.

  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 information receiving unit 253 displays the first two positions indicated. Position information and second position information are acquired (step S311). Next, the page information receiving unit 253 calculates the absolute value of the difference between the position indicated by the first position information and the position indicated by the second position information as the distance between the two points (step S312). Next, the page information receiving unit 253 acquires the number of pages corresponding to the distance between the two points based on the distance between the two points and the distance between the page numbers (step S313), and the determined page A few page numbers are acquired as instruction page numbers (step S314). Next, the page information receiving unit 253 displays the acquired instruction page number in the instruction page number display field (step S315).

  Next, the page information reception unit 253 determines whether or not the user's tap operation, swipe operation, or the like has been completed (step S316). When the user's tap operation, swipe operation, or the like has not been completed (step S316-No), the page information receiving unit 253 returns the process to step S311 and repeats the processes of steps S311 to S316. On the other hand, when the user's tap operation, swipe operation, or the like is completed (step S316-Yes), the page information receiving unit 253 specifies the instruction page number that was instructed when the user's tap operation, swipe operation, or the like is completed. It acquires as a number (step S317), notifies the acquired designated page number to the display control unit 252 and ends a series of steps.

  Returning to FIG. 9, the display control unit 252 transmits an item information acquisition request including the designated page number notified from the page information receiving unit 253 as page information to the server 3 via the terminal communication unit 21 (step S <b> 112).

  When the page information acquisition unit 335 of the server 3 acquires the item information acquisition request from the mobile terminal 2 via the server communication unit 31, the page information acquisition unit 335 notifies the item information determination unit 336 of the page information included in the item information acquisition request.

  Next, when the page information is notified from the page information acquisition unit 335, the item information determination unit 336 determines the item information to be displayed based on the correspondence stored in the user management table of the server storage unit 32 ( In step S113), the display data creation unit 337 is notified of the information ID of the determined item information.

  Next, the display data creation unit 337 reads item information corresponding to the information ID of the item information determined by the item information determination unit 336 from the item management table of the server storage unit 32, and creates item display data for the read item information. (Step S114), and notifies the transmission control unit 338.

  The transmission control unit 338 transmits the item display data to the mobile terminal 2 via the server communication unit 31 (step S115).

  When the display control unit 252 of the portable terminal 2 acquires item display data from the server 3 via the terminal communication unit 21, the display control unit 252 stores the update information included in the acquired item display data in the terminal storage unit 22 and also acquires the acquired item. The drawing data is updated based on the display data, and the updated drawing data is displayed on the display unit 24 (step S116).

  The display control unit 252 of the portable terminal 2 stores each item information included in each display data received from the server 3 in step S110 or S116 in the terminal storage unit 22 in association with the page number, and then When all the page numbers designated by the user are stored in the terminal storage unit 22, the stored item information may be displayed. Thus, when the user browses a specific page, browses another page, and browses the specific page again, it is not necessary to acquire each item information of the specific page from the server 3 again. It becomes possible to display in time. Or the display control part 252 may acquire only the item information which is not memorize | stored in the terminal memory | storage part 22 among the page numbers designated by the user from the server 3. FIG. This makes it possible to display item information in a short time while reducing the amount of communication on the network.

  In addition, the display control unit 252 of the mobile terminal 2 associates each item information included in each display data received from the server 3 in step S110 or S116 with a page number in a memory on the browser (one function of HTML5). If the page number designated by the user is stored in the memory on the browser, the stored item information may be displayed. By doing so, item information can be displayed in a short time while further reducing the amount of communication on the network.

  The display control unit 252 of the mobile terminal 2 acquires item information corresponding to the specified page number specified by the user from the server 3 and displays it on the display unit 24, and then sets the page number close to the specified page number. Corresponding item information may be acquired from the server 3. In that case, after transmitting the item information acquisition request including the specified page number acquired from the page information receiving unit 253 to the server 3, the display control unit 252 includes each page number in the order of the page numbers close to the specified page number. An item information acquisition request is transmitted to the server 3. The item information determination unit 336 of the server 3 determines corresponding item information in accordance with the sequentially received item information acquisition requests. That is, after determining the item information corresponding to the specified page number, the item information determination unit 336 determines the corresponding item information in the order of the page numbers close to the specified page number. The display data creation unit 337 creates content data and control data for the determined item information in the order determined by the item information determination unit 336. That is, after creating the item display data for the designated page number, the display data creation unit 337 creates item display data for the corresponding item information in the order of the page numbers close to the designated page number. The transmission control unit 338 transmits the created item display data to the mobile terminal 2 via the server communication unit 31 in the order created by the display data creation unit 337.

  For example, when the designated page numbers are “13” to “17”, the server 3 transmits the item display data corresponding to the page numbers “13” to “17” to the mobile terminal 2, and then the page number “ Item display data corresponding to “12” and “18” and item display data corresponding to page numbers “11” and “19” are sequentially transmitted to the mobile terminal 2.

  When the item information is stored in the server 3 in an order according to some rule such as time series, the user is highly likely to desire browsing of item information close to the item information currently being browsed. Therefore, the portable terminal 2 acquires the item information close to the item information currently being browsed from the server 3 in advance, and when the user desires to view the item information close to the item information, There is no need to obtain it from the server 3 again, and it is possible to display in a short time. The mobile terminal 2 may acquire item information close to the item information currently being browsed from the server 3 in advance and store it in the memory on the browser. In this way, when the user desires to browse the adjacent item information, it is not necessary to acquire the item information from the server 3 again, and the item information can be displayed in a shorter time.

  As described above, the server 3 displays the page number of each page on the mobile terminal 2 in a scrollable manner, and pages corresponding to the number of pages corresponding to the distance between two points designated by the user in the display area. Is displayed on the portable terminal 2. Thereby, the user can change the number of pages on which item information is displayed by a swipe operation, a tap operation, or the like using two fingers. Accordingly, the user can easily and accurately change the number of item information displayed by a gesture that has a small movement range and can be performed in a short time, and the item information currently displayed and the item desired to be viewed Even when a lot of item information exists between the information, the desired item information can be browsed in a short time and with a small amount of labor. Therefore, it is possible to improve the UX when the user operates the terminal.

  In addition, when the display of item information is requested, the server 3 first transmits only item information corresponding to the number of display items from the top, and thereafter, in accordance with a request for changing the item information to be displayed, the specified item information Send only. Therefore, the server 3 can suppress transmission of item information that the user does not need, and can reduce the amount of communication on the network. Furthermore, when the change of the item information to be displayed is requested, the server 3 transmits only the designated item information using the technology of Ajax (registered trademark). Therefore, the server 3 does not need to retransmit screen information other than item information, such as a scroll pager, and can reduce the amount of communication on the network.

  Note that the present invention is not limited to this embodiment. For example, in the present embodiment, the example in which the mobile terminal 2 performs the page number analysis process has been described, but the server 3 may perform the page number analysis process. In that case, when one point is designated by the user's flick operation or the like, the page information reception unit 253 of the portable terminal 2 sends the start point position information, start point time information, end point position information to the server 3 via the terminal communication unit 21. And end point time information is transmitted. On the other hand, the page information acquisition unit 335 of the server 3 calculates a movement distance from the acquired start point position information and end point position information, calculates a contact time from the start point time information and the end point time information, and calculates an operation speed from the movement distance and the contact time. Is calculated. In addition, the page information acquisition unit 335 calculates the movable time based on the operation speed, calculates the movement amount based on the movement distance and the operation speed, and when the movement of the scroll pager is completed from the calculated movement amount. The page number located at a predetermined position is acquired. Further, the page information acquisition unit 335 transmits the calculated movable time and operation speed to the mobile terminal 2 via the server communication unit 31. The page information reception unit 253 of the portable terminal 2 sets the movable time acquired from the server 3 via the terminal communication unit 21 and displays it on the display unit 24 so as to move the scroll pager by the acquired movement amount.

  The page information reception unit 253 of the mobile terminal 2 receives the first position information and the second position information from the server 3 via the terminal communication unit 21 when two points are designated by a user's tap operation, swipe operation, or the like. Send. On the other hand, the page information acquisition unit 335 of the server 3 calculates the distance between the two points from the acquired first position information and second position information, acquires the number of pages corresponding to the two points, and corresponds to the number of pages. Get the specified page number. Further, the page information acquisition unit 335 transmits the acquired designated page number to the mobile terminal 2 via the server communication unit 31. The page information reception unit 253 of the portable terminal 2 displays the specified page number acquired from the server 3 via the terminal communication unit 21 in the instruction page number display field.

  In the present embodiment, the example in which the server 3 performs the total page number determination process has been described. However, the mobile terminal 2 may perform the total page number determination process. In that case, the terminal storage unit 22 of the portable terminal 2 stores in advance the total number of item information. Alternatively, the server 3 transmits the item information to the mobile terminal 2 whenever the total item information is changed, and the mobile terminal 2 stores the received item information in the terminal storage unit 22. The terminal processing unit 25 includes a total page number determination unit having the same function as the total page number determination unit 333 of the server 3 in addition to the units illustrated in FIG. The total page number determination unit of the portable terminal 2 reads the total number of item information and the number of display items from the terminal storage unit 22, calculates the total number of pages from the total number of item information and the number of display items, and the terminal communication unit 21 The server 3 is notified via

  Moreover, although the server 3 demonstrated the example which implements the item information determination process in this embodiment, the portable terminal 2 may implement the item information determination process. In that case, the terminal processing unit 25 of the mobile terminal 2 includes an item information determination unit having the same function as the item information determination unit 336 of the server 3 in addition to the units illustrated in FIG. The item information determination unit of the portable terminal 2 reads the number of display items from the terminal storage unit 22 and acquires the page number designated by the user from the page number analysis unit. Then, the item information determination unit determines item information corresponding to the page number from the number of display items and the page number, and notifies the server 3 via the terminal communication unit 21.

  Further, the server 3 transmits all item information to the mobile terminal 2, and the mobile terminal 2 divides the plurality of item information into a plurality of pages and displays the item information corresponding to the page specified by the user. May be. In that case, the mobile terminal 2 creates an item management table based on all item information received from the server 3, calculates the total number of item information, and stores it in the terminal storage unit 22. In addition to the units shown in FIG. 2, the terminal processing unit 25 includes units having functions similar to those of the units other than the game control unit 331 among the units of the server processing unit 33 of the server 3. The terminal processing unit 25 transmits and receives each piece of information within the terminal processing unit 25 instead of transmitting and receiving each information via the terminal communication unit 21 and the server communication unit 31, and the display unit 24 functions as an output unit.

  The server 3 may be omitted, and the mobile terminal 2 may store all item information in advance. In that case, the terminal storage unit 22 stores the item management table and the total number of item information stored in the item management table in advance, and the terminal processing unit 25 performs server processing of the server 3 in addition to the units illustrated in FIG. Each part has the same function as each part of the part 33. The terminal processing unit 25 transmits and receives each piece of information within the terminal processing unit 25 instead of transmitting and receiving each information via the terminal communication unit 21 and the server communication unit 31, and the display unit 24 functions as an output unit.

  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 terminal storage unit 22 of each portable terminal 2 stores the number of characters, the number of lines, or the data size of item information that can be displayed per page instead of the number of display items, and the display control unit 252 Send the acquisition request including the number of characters, the number of lines, or the data size. On the other hand, the server storage unit 32 of the server 3 stores the number of characters, the number of lines, or the data size of each item information, and the total page number determination unit 333 includes the number of characters, the number of lines, or the data size of each item information, The total number of pages is determined from the number of characters, the number of lines, or the data size of item information per page. The associating unit 334 determines the item information included in each page from the number of characters, the number of lines, or the data size of each item information and the number of characters, the number of lines, or the data size of the item information per page. Each page number corresponding to the number of pages is associated with each item information included in each page.

  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.

  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 operation unit 23.

  A computer program for causing a computer to realize the functions of the terminal processing unit 25 and the server processing unit 33 is provided in a form recorded on a computer-readable recording medium such as a magnetic recording medium or an optical recording medium. May be.

  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.

DESCRIPTION OF SYMBOLS 1 Game system 2 Portable terminal 21 Terminal communication part 22 Terminal memory | storage part 23 Operation part 24 Display part 25 Terminal processing part 250 Browse execution part 251 Game execution part 252 Display control part 253 Page information reception part 3 Server 31 Server communication part 32 Server storage Unit 33 Server processing unit 331 Game control unit 332 Display number acquisition unit 333 Total page number determination unit 334 Association unit 335 Page information acquisition unit 336 Item information determination unit 337 Display data creation unit 338 Transmission control unit

Claims (12)

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: 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.   The display data creation method according to claim 2, wherein the page information for the specific number of pages is a number assigned to the pages for the specific number of pages from the designated or designated page. 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. 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. 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.   7. The method according to claim 5, further comprising: generating instruction number display data for displaying identification numbers corresponding to two points designated or designated in accordance with the swipe operation and outputting the data to the output unit. Display data creation method.   The said item information is the display data creation method as described in any one of Claims 1-7 which is the information regarding the stage of a quest, or the information regarding the battle opponent.   The display data creation method according to claim 1, wherein the item display data is created using Ajax (registered trademark).   The display data creation method according to claim 1, wherein the output unit is a communication unit that communicates with a terminal that displays the item information. 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 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.

Images