WO2014185417A1

WO2014185417A1 - Display control method, computer, and computer-readable non-transient storage medium

Info

Publication number: WO2014185417A1
Application number: PCT/JP2014/062726
Authority: WO
Inventors: 大介高山
Original assignee: グリー株式会社
Priority date: 2013-05-14
Filing date: 2014-05-13
Publication date: 2014-11-20

Abstract

Provided are a display control method, etc., whereby it is possible to simplify an operation for acquiring information relating to desired content from among a plurality of instances of the content, and to improve a user experience (UX) wherein a user operates a terminal. The display control method which a computer comprising a storage unit executes comprises: the storage unit storing information which indicates a list formed from a plurality of items, and information corresponding to each of the plurality of items; creating data for displaying the list; changing the display content included in the list, and selecting one of the plurality of items included in the list at a time whereat the change of the display content has finished, according to an operation of a user upon the displayed list; and reading out the information corresponding to the selected item from the storage unit and creating data for displaying the information.

Description

Display control method, computer, and computer-readable non-transitory storage medium

The present invention relates to a display control method, a computer, and a computer-readable non-transitory storage medium.

Conventionally, for example, two methods are known as methods for acquiring information related to a desired content from a plurality of contents.

As shown in Non-Patent Document 1, the first method uses, for example, html (HyperText Markup Language), css (cascading style sheet) 3 and JavaScript (registered trademark). According to the first method, a plurality of contents themselves are arranged in a vertical direction or a horizontal direction, the contents are moved in accordance with a flick operation on these contents, and the desired contents are designated. Can be obtained.

In addition, as shown in Non-Patent Document 2, the second method switches content by designating a tab provided for each content, and then designates desired content. This is a method for acquiring information of specified content.

Thus, 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 searches for information desired from the large number of information. Several display methods are employed to enable browsing. 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 3, 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.

However, in the methods of

Non-Patent Documents

1 and 2, when acquiring information related to a desired content from a plurality of contents, the user is required to perform two operations such as content movement (or switching) and content specification. .

Further, in the search service of Non-Patent Document 3, 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 number of page numbers that can be displayed simultaneously on the terminal is limited, and when the page number of the desired page is not displayed, the user presses the “Next” button or the “Previous” button, etc. Thus, it is necessary to display the page number of the desired page.

Therefore, in the conventional method, the user's operation becomes complicated, and the UX (User Experienc: user experience, satisfaction, etc.) when the user operates the terminal may be impaired.

The present invention has been made to solve such a conventional problem. The present invention simplifies the operation when acquiring information related to a desired content from a plurality of contents, and the UX when the user operates the terminal. It is an object of the present invention to provide a display control method, a computer, and a computer-readable non-transitory storage medium that can improve the performance.

The display control method according to the present invention is a display control method executed by a computer including a storage unit, and the storage unit stores information indicating a list including a plurality of items and information corresponding to each of the plurality of items. Then, create data to display the list, change the display contents included in the list according to the user's operation on the displayed list, and include the list when the display contents change Selecting one of the plurality of items, reading information corresponding to the selected item from the storage unit, and creating data for displaying the information.

In the display control method according to the present invention, it is preferable that the change in display content is scrolling of a plurality of items.

Further, in the display control method according to the present invention, the selection calculates a change amount of the list in accordance with a user operation on the list, and changes the display contents of the list based on the calculated change amount. It is preferable to select the item located at the top of the list when the change of the display content is completed.

Alternatively, in the display control method according to the present invention, in calculating the amount of change, the start position information indicating the start point at the position where the user's flick operation on the list is started and the time when the flick operation is started. The start point time information indicating the end point position information indicating the end point and the end point position information indicating the end point of the flick operation is acquired, and the start point position information is acquired. Then, based on the start point time information, the end point position information and the end point time information, calculate an operation speed indicating the speed of the user's flick operation, and based on the distance from the start point to the end point and the calculated operation speed, It is preferable to calculate the amount of change in the displayed contents of the list.

In the display control method according to the present invention, in calculating the operation speed, the start point is calculated by subtracting the position indicated by the acquired start point position information from the position indicated by the acquired end point position information. Is calculated from the time indicated by the acquired start time information by subtracting the time indicated by the acquired start time information from the time indicated by the acquired end time information. Preferably, the operation speed is calculated by dividing the calculated distance by the calculated time.

In the display control method according to the present invention, it is preferable that the method further includes setting a time during which the display content of the list can be changed based on the calculated operation speed.

Further, in the display control method according to the present invention, the computer is communicably connected to a mobile terminal including a touch panel that senses contact according to an operation of a user who plays the game, and the plurality of items are It is an item that can determine an action in a game, and the list is displayed on the screen of the mobile terminal, and by selecting, the display content included in the list is changed by moving the list. It is preferable that the method further includes transmitting data for displaying information corresponding to the selected item to the portable terminal.

Alternatively, in the display control method according to the present invention, the computer further includes an output unit, and each of the plurality of items is a page number corresponding to the number of pages when the plurality of item information is divided into a plurality of pages for display. The list includes page numbers corresponding to the number of pages, and the information corresponding to each of the plurality of items is each of the plurality of item information. The correspondence between each item information and the page number for the number of pages is further stored in the storage unit, and the page number for the number of pages can be scrolled by creating data for displaying the list. Create page number display data for display on the list as data for displaying the list and output it to the output unit to select one of the plurality of items And selecting a predetermined page number designated by the user as one of the plurality of items, and creating data for displaying information corresponding to the selected item. Based on the above, item display data for displaying predetermined item information of the plurality of item information corresponding to the specified page number is used as data for displaying information corresponding to the selected item It is preferable to create and output to the output unit.

Further, in the display control method according to the present invention, the output unit is a communication unit that communicates with a terminal that displays the item information, and in outputting the item display data, the item display data is transmitted to the communication unit. It is preferable to transmit to the said terminal via.

Further, in the display control method according to the present invention, the item display data is output, and after the item display data for the specified page number is created, the page numbers that correspond to the specified page number are corresponded in order. It is preferable to create item display data for item information and transmit the item display data to the terminal via the communication unit in the order of creation.

Also, in the display control method according to the present invention, in outputting the item display data, after creating the item display data for the specified page number, immediately before the specified page number and the page number are specified It is preferable to create item display data for item information corresponding to the page numbers between the page numbers specified in, and transmit the created item display data to the terminal via the communication unit.

The display control method according to the present invention further includes obtaining a page number predicted based on the operation result up to the present before the scroll operation by the user is completed,
In outputting the item display data, it is preferable to create item display data for item information corresponding to the predicted page number and transmit the created item display data to the terminal via the communication unit.

Further, the computer according to the present invention includes a storage unit that stores information indicating a list including a plurality of items, information corresponding to each of the plurality of items, and a first creation for generating data for displaying the list The display content included in the list is changed according to the user's operation with respect to the displayed list and one of the plurality of items included in the list is changed when the change of the display content is completed. An item selection unit to be selected, and a second creation unit that reads information corresponding to the selected item from the storage unit and creates data for displaying the information.

A non-transitory computer-readable storage medium according to the present invention is a non-transitory computer-readable storage medium on which a display control program used in a computer having a storage unit is recorded. In addition, information indicating a list including a plurality of items and information corresponding to each of the plurality of items are written in the storage unit, data for displaying the list is created, and the user operates the displayed list according to the user's operation. The display content included in the list is changed, and when the change of the display content is completed, one of a plurality of items included in the list is selected, and information corresponding to the selected item is stored. And reading out the data and creating data for displaying the information.

The display control method, the computer, and the computer-readable non-transitory storage medium according to the present invention simplify the operation when acquiring information related to desired content from a plurality of contents, and allow the user to operate the mobile terminal. UX at the time can be improved.

Further, the display control method, the computer, and the computer-readable non-transitory storage medium according to the present invention divide and display a plurality of item information related to a specific item into a plurality of pages, and each page of the plurality of pages. By creating data for displaying numbers in a scrollable manner, it is possible to improve the UX when the user operates the terminal.

It is a schematic diagram for demonstrating the outline | summary of 1st Embodiment. It is a mimetic diagram showing an example of a schematic structure of a game system to which a game control method concerning a 1st embodiment is applied. It is a schematic diagram which shows an example of the functional block structure of the web server apparatus in 1st Embodiment. It is a schematic diagram which shows an example of the functional block structure of the portable terminal in 1st Embodiment. It is a schematic diagram for demonstrating an example of the operating method of the portable terminal in 1st Embodiment. It is a schematic diagram which shows the concept of the connection architecture between the web server apparatus and portable terminal in 1st Embodiment. It is a flowchart which shows an example of operation | movement of the game system in 1st Embodiment. It is a schematic diagram for demonstrating the pull-back behavior of the list in 1st Embodiment. It is a figure which shows an example of schematic structure of the game system 101 which concerns on 2nd Embodiment. 2 is a diagram illustrating an example of a schematic configuration of a mobile terminal 102. FIG. 5 is a diagram showing an example of a screen 1100. FIG. 5 is a diagram showing an example of a screen 1100. FIG. It is a schematic diagram for demonstrating the acquisition process of a page number. 2 is a diagram illustrating an example of a schematic configuration of a server 103. FIG. It 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 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 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.

Hereinafter, the first embodiment of the present invention will be described with reference to the drawings. Before that, the outline of the first embodiment will be described with reference to FIG.

1st Embodiment is related with the item selection function and information transmission function which are used in the social game which can display the screen which has list display area | region r1 and information display area | region r2 on a portable terminal, for example, as shown in FIG. However, the item selection function and the information transmission function in the first embodiment are not limited to the social game, and are appropriately applied to a web application that can display a screen having the list display area r1 and the information display area r2 on the mobile terminal. Can be used.

The list display area r1 is an area that can display a list (list) including a plurality of items (contents) that can determine an action in a desired social game, and accepts an input from a user operating a mobile terminal This is a possible area. The information display area r2 is an area that can display information corresponding to each of a plurality of items included in the list displayed in the list display area r1, and cannot accept input from a user who operates the mobile terminal. This is an important area.

It should be noted that there are a plurality of lists that can be displayed in the list display area r1. Specifically, there are lists corresponding to each of “My Page”, “Quest”, “Summon”, “Composite Strengthening”, and “Menu” located at the bottom of the screen shown in FIG. When the user who operates the mobile terminal designates each icon drawn as “My Page”, “Quest”, “Summon”, “Strengthening Synthesis”, and “Menu”, it is displayed in the list display area r1.

Here, the item selection function and the information transmission function in the first embodiment will be briefly described.

The item selection function is a function that can automatically select one of a plurality of items included in the list displayed in the list display area r1 in accordance with the operation of the user who operates the mobile terminal. Specifically, the movement amount of the list corresponding to the user's flick (swipe) operation on the list displayed in the list display area r1 is calculated, the list is moved by the movement amount, and the list is displayed when the movement is completed. This is a function for selecting the item located at the top. In the example of FIG. 1, in the list corresponding to “Quest” including a plurality of items such as “Vast Desert Area”, “Vast Hot Spring Area”, “Desert Area”, “Mineland Area”, and “Safe Area”, This shows a case where an item such as “Vast Desert” located at the top of the list is selected.

Note that the method of selecting one of the plurality of items included in the list displayed in the list display area r1 is not limited to the above method, and the user operating the mobile terminal can select a desired item. It is also possible to select a tapped item in response to tapping (designation). In this case, the item selection function moves the list so that the tapped item is positioned at the top of the list.

The information transmission function is a function of transmitting the information to the mobile terminal in order to display information corresponding to the item selected by the item selection function in the information display area r2. In the example of FIG. 1, information corresponding to “a vast desert area” selected by the item selection function (for example, a name of a vast desert area, a background image representing a vast desert area, and an item of a vast desert area) The name of the list including the image of the item that can be acquired in the vast desert area, etc.) is transmitted to the mobile terminal, and the “name of vast desert area” is displayed in the area a included in the information display area r2, and the In this example, a “background image expressing a desert area” is displayed, “name of quest” is displayed in area c, and “image of items that can be acquired in a vast desert area” is displayed in area d.

With these functions, the user who operates the mobile terminal can select a desired item from the list by one operation, and can grasp (summary) information corresponding to the selected item. When it is desired to grasp more detailed information corresponding to the selected item, the user operating the mobile terminal can grasp more detailed information by tapping the selected item again.

In the item selection function and the information transmission function as described above, the operation when acquiring information corresponding to a desired item from a plurality of items is simplified, and the UX when the user operates the mobile terminal is improved. be able to. In addition, since (summary) information can be grasped without switching pages, a large amount of information can be provided to the user in a short time.

The above is the outline of the first embodiment. Next, details of the first embodiment will be described.

FIG. 2 is a schematic diagram showing a configuration example of a game system to which the game control method according to the first embodiment is applied. A web server device 2 is connected to a network 1 including the Internet, and a plurality of, for example, three portable terminals 4A to 4C, which are client devices used by a user in this system, are connected to a wireless LAN (Local Area Network ) Access point (AP) 5 or base station 6.

The web server device 2 is a computer that provides the mobile terminals 4A to 4C with a game control program and event information for realizing a so-called social game. The web server device 2 is installed by a company operating an SNS (Social Networking System), for example, to provide an online game service as part of the service, and is connected to the network 1.

On the other hand, the client-side mobile terminals 4A to 4C each include a smartphone, a feature phone, etc., and may be, for example, a mobile phone that operates on an OS (Operating System) such as Android (registered trademark) or iOS. Furthermore, it may be a notebook personal computer, a mobile computer or the like. In the first embodiment, in order to simplify the description, the mobile terminals 4A to 4C will be described as being smartphones each having a touch panel that senses contact according to an operation of a user who plays a game.

In addition to the connection with the network 1 via the base station 6, the portable terminals 4A to 4C are, for example, IEEE (The Institute of Electrical Engineering and Electronics Engineers, Inc.) 802.11a / b / g / n standard wireless It is assumed that Wi-Fi (Wireless Fidelity) (registered trademark) which is a LAN is preferentially selected and can be interconnected with the access point 5.

In addition, the mobile terminals 4A to 4C can be wirelessly connected to each other by, for example, Bluetooth (registered trademark) technology which is a short-range wireless communication standard.

The mobile terminals 4A to 4C have a wide variety of hardware configurations specific to the model, the OS used, the installed applications, etc., and the web server device 2 has various applications corresponding to these various mobile terminals. It is assumed that the program can be distributed to each.

The functional block configurations of the web server device 2 and the mobile terminals 4A to 4C will be described with reference to FIGS.

The web server device 2 includes a memory 21, a storage device 22, a processor 23, and a communication unit 24 as shown in FIG.

The memory 21 is used as a work area required when executing a game control program p-s3 or the like stored in a storage device 22 to be described later. Further, the memory 21 stores information indicating various lists described later and information corresponding to a plurality of items included in these various lists.

The storage device 22 stores a game control program p-s3 and the like for realizing a social game. For example, a hard disk drive (HDD), an optical disk drive, a DVD (Digital Versatile Disk), and an MO (Magneto-Optical disk). ) And the like. This storage device stores an OS p-s0, a server-side JS (Java Script) (registered trademark) execution environment program p-s1, a company A framework program p-s2, and a game control program p-s3.

OS p-s0 is a program for realizing the basic functions of the web server device 2.

The server-side JS execution environment program ps1 is a program that is executed by the processor 23 and realizes a server-side JS execution environment S1 described later.

The company A framework program ps2 is executed by the processor 23 and is a program for realizing the company A framework S2 described later.

The game control program ps3 is a program executed by the processor 23 to realize a social game, and includes, for example, a program for causing the processor 23 to realize the following functions (f1) to (f3). .

(f1) The list is moved according to the user's operation on the list displayed on the screens of the mobile terminals 4A to 4C, and when the movement of the list is completed, the list includes a plurality of items included in the list. Item selection function to select one.

(F2) An information transmission function for transmitting information related to the item selected by the item selection function of (f1) above to the mobile terminals 4A to 4C in order to display the information on the screens of the mobile terminals 4A to 4C.

(F3) A travel time setting function for setting the time during which the list can be moved based on the operation speed described later.

The item selection function (f1) further includes the following functions (f1-1) and (f1-2).

(F1-1) A movement amount calculation function for calculating the movement amount of the list in accordance with a user operation on the list.

(f1-2) The list is moved based on the movement amount calculated by the movement amount calculation function of (f1-1) above, and the item located at the top of the list is moved when the movement of the list is completed. Function to select.

The movement amount calculation function (f1-1) further includes the following functions (f1-1-1) to (f1-1-4).

(f1-1-1) In response to the user's flick operation on the list, the touch panel provided on the mobile terminals 4A to 4C is the position where the touch panel has started to detect contact, the start position information indicating the start point, and the touch is detected. A function of acquiring start point time information indicating the start time from the portable terminals 4A to 4C.

(f1-1-2) The mobile terminal displays end point position information indicating the end point, and end point time information indicating the end point of the contact detection, at the position where the contact according to the user's flick operation on the list has been detected Function acquired from 4A to 4C.

(f1-1-3) Start point position information and start point time information acquired by the function (f1-1-1) above, and end point position information and end point time acquired by the function (f1-1-2) above An operation speed calculation function that calculates an operation speed indicating the speed of the user's flick operation based on the information.

(F1-1-4) A function for calculating the movement amount of the list based on the distance from the start point to the end point and the operation speed calculated by the operation speed calculation function (f1-1-3) above.

Furthermore, the operation speed calculation function (f1-1-3) further includes the following functions (f1-1-3-1) to (f1-1-3-3).

(f1-1-3-1) From the position indicated by the end point position information acquired by the function (f1-1-2) above, indicated by the start point position information acquired by the function (f1-1-1) above. Function to calculate the distance from the start point to the end point by subtracting the position.

(f1-1-3-2) From the time indicated by the end point time information acquired by the function (f1-1-2) above, indicated by the start point time information acquired by the function (f1-1-1) above. A function that calculates the time during which contact was sensed by subtracting the time that is detected.

(f1-1-3-3) By dividing the distance calculated by the function (f1-1-3-1) above by the time calculated by the function (f1-1-3-2) above, A function that calculates the operation speed.

The processor 23 performs a social game in cooperation with the game control program p-s3 stored in the storage device 22, and controls the entire web server device 2.

The communication unit 24 controls communication with external devices such as the mobile terminals 4A to 4C via the network 1.

Since the functional block configurations of the mobile terminals 4A to 4C are the same as each other, the functional block configuration of the mobile terminal 4A will be described as a representative example here.

4, the portable terminal 4A includes a memory 41A, a storage device 42A, a processor 43A, a communication unit 44A, an electronic compass 45A, a camera 46A, a display unit 47A, and a touch panel 48A. The explanation of each part 41A-48A can be read as explanation of each part 41B-48B of another portable terminal 4B or explanation of each part 41C-48C of another portable terminal 4C by replacing the end A of the code with B or C. It has become.

The memory 41A is used as a work area or the like necessary for executing a client-side game control program pc-4 described later.

The storage device 42A stores a client-side game control program pc-c4 for realizing a social game, and is a large-capacity storage device such as a flash memory, for example. The storage device 42A includes an OS (operating system) p-c0, an application execution environment program p-c1, a company A DB connection kit program p-c2, a company A framework program pc-c3, and a game control program pc-c4. It is remembered.

OS p-c0 is a program for realizing the basic functions of the mobile terminal 4A.

The application execution environment program pc-c1 is a program that is executed by the processor 43A and realizes an application execution environment C1 described later.

The A company DB connection kit program pc-2 is executed by the processor 43A, and is a program for realizing the A company DB connection kit C2 described later.

The company A framework program pc-3 is executed by the processor 43A and is a program for realizing the company A framework C3 described later.

The game control program pc-4 is a program that is executed by the processor 43A and controls processing on the client side of the social game.

The processor 43A, in cooperation with the game control program pc-c4 stored in the storage device 42A, plays a social game and controls the entire mobile terminal 4A.

The communication unit 44A controls communication with an external device such as the web server device 2 via the network 1. The communication unit 44A also has a wireless communication function such as a wireless LAN, Bluetooth (registered trademark), and Wi-Fi.

The electronic compass 45A has a geomagnetic sensor and measures the direction.

The camera 46A has an imaging function and stores the captured image in the storage device 42A.

The display unit 47A is a display device to which a touch panel 48A is attached.

The touch panel 48A has a function of inputting operation data in accordance with a user operation. Specifically, the touch panel 48A, for example, in response to the user's flick operation on the list as shown in FIG. It has a function of inputting start point time information indicating time as operation data. Similarly, the touch panel 48A indicates, for example, end point position information indicating the end point of the position corresponding to the user's flick operation on the list as illustrated in FIG. 5 and indicating the end point, and the time when the touch is detected. It has a function of inputting end point time information as operation data. These operation data are data that can be appropriately transmitted to the web server device 2 in response to a request from the web server device 2.

Since the hardware configuration itself of the electronic circuit corresponding to the respective functional block configurations of the web server device 2 and the mobile terminals 4A to 4C is very general and well known, its description and description are omitted.

FIG. 6 is a schematic diagram showing a concept of a connection architecture between the web server device 2 and the mobile terminals 4A to 4C according to the first embodiment. As shown in the figure, in executing an online game program or application program provided by Company A, the game program or application program described in, for example, AIR (registered trademark) is included in the portable terminals 4A to 4C. An application execution environment C1 is installed, and a company A database connection kit C2 for connecting to the database of company A and performing accounting processing and the like is incorporated.

At the same time, the (software) client-side framework C3 developed by Company A is installed for the part where the portable terminals 4A to 4C communicate with the web server device 2.

One web server device 2 is provided with a server-side JavaScript (registered trademark) execution environment S1 described in Node.js (registered trademark), for example, for executing online games and applications, and mobile terminals 4A to 4C. In the part that communicates with the above, a framework S2 on the company A (software) server side corresponding to the framework C3 is provided.

Between the framework C3 of the mobile terminals 4A to 4C and the framework S2 of the web server device 2, item information and the like are transmitted and received based on the web socket (WebSocket) which is a standard related to HTML5.

According to WebSocket, once handshake is performed using HTTP (hypertext transfer transfer protocol) between server clients and connection is established between server clients, without using HTTP (request and response method), Bidirectional communication is performed using a protocol dedicated to web sockets. The bi-directional communication by the web socket is premised on a long-time connection, and is continuously executed until disconnected by the server or the client. Further, the communication by the web socket has an advantage that the header information and the processing load (overhead) are smaller than the HTTP communication. Further, the communication by the web socket has an advantage that all devices in the connected state can transmit and receive the same data in real time and share them. Further, in the web socket, transmission can be performed from either the client side or the server side. For example, data can be push-distributed from the server side to the client side.

Thus, according to the web socket, real-time communication with a small processing load can be realized, and unlike the conventional case, a plurality of client devices can be connected to the server device without limiting the number of client devices, and various games can be obtained. Can be realized.

The frameworks C3 and S2 are described using, for example, JavaScript (registered trademark) as a script language independent of the OS. Therefore, the same connection environment can be constructed regardless of whether the OS of the mobile terminals 4A to 4C is Android or iOS.

Next, an example of the operation of the game system configured as described above will be described with reference to the flowchart of FIG. In the following description, it is assumed that the programs p-s1 to p-s3 shown in FIG. 3 are installed in the web server device 2 in advance. Similarly, it is assumed that the programs p-c1 to pc4 shown in FIG. 4 are installed in the portable terminal 4A when the service is first received from the company A. Further, in the following description, from the viewpoint of simplifying the description, a description that a communication unit is interposed in transmission and reception is omitted. In the present embodiment, it is assumed that the property of -webkit-transform: translated3d (x, y, z) of css3 is used to execute the various processes described below.

First, in the web server device 2, the processor 23 transmits data for displaying a screen having the list display area r <b> 1 and the information display area r <b> 2 on the mobile terminal in accordance with the user's operation ( Step ST1). Further, in the web server device 2, the processor 23 displays the latest list in the list display area r 1, and information corresponding to the item located at the top of the list among the plurality of items included in the list is information. Data to be displayed in the display area r2 is transmitted to the portable terminal (step ST2).

Subsequently, in the web server device 2, the processor 23 starts position information indicating a start point (touch 1) at which the touch panel provided on the portable terminal starts to sense contact in response to a user flick operation on the list. And the starting point time information which shows the time (time1) which started detecting a contact is acquired from a portable terminal (step ST3).

Next, in the web server device 2, the processor 23 detects the contact according to the user's flick operation on the list, the end position information indicating the end point (touch 2), and the time when the contact has been detected. End point time information indicating (time2) is acquired from the portable terminal (step ST4).

Note that the position (eg, coordinates, etc.) indicated by the start point position information and end point position information acquired by the processing of step ST3 and step ST4 is based on the upper left of the screen of the mobile terminal (ie, (x, y, z) = (0, 0, 0)).

Subsequently, in the web server device 2, the processor 23 subtracts the position indicated by the start point position information from the position indicated by the end point position information, and calculates the distance from the start point to the end point (distance1 = touch2-touch1) (step 1). ST5). Here, as described above, 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. Therefore, when the user performs a flick operation from the top to the bottom, distance 1 is correct. When the user performs a flick operation from the bottom to the top, distance1 indicates a negative value.

Next, in the web server device 2, the processor 23 subtracts the time indicated by the start point time information from the time indicated by the end point time information, and calculates the time (time3 = time2-time1) when the mobile terminal sensed the contact. Calculate (step ST6).

Subsequently, in the web server device 2, the processor 23 divides the distance calculated by the process of step ST5 by the time calculated by the process of step ST6, so that the speed of the flick operation of the user operating the mobile terminal (speed1 = distance1 / time3) (hereinafter referred to as operation speed) is calculated (step ST7). Here, the unit of the operation speed is [pixel / second]. In addition, since it may impair the UX when a user operates a portable terminal when it exceeds a predetermined operation speed, the upper limit value of the operation speed is set in advance, and the upper limit value of the operation speed is, for example, For example, 440 [pixel / second] is set.

Next, in the web server device 2, the processor 23 sets a time during which the list can be moved based on the operation speed calculated by the process of step ST7 (step ST8). Here, the processor 23 sets the time during which the list can be moved (for example, 0.4 seconds) by setting the operation speed calculated by the process of step ST7 as the Time value of webkitTransitionDuration.

Subsequently, in the web server device 2, the processor 23 calculates the movement amount (movePoint) of the list based on the distance from the start point to the end point calculated by the process of step ST5 and the operation speed calculated by the process of step ST7. (Step ST9). Here, the processor 23 calculates the movement amount of the list by calculating “movePoint「 = distance1 × (speed1 / 56) ”. It should be noted that the movement amount of the list is not limited to being calculated by calculating the above formula, but may be calculated based on distance1 and speed1.

Subsequently, in the web server device 2, the processor 23 moves the list by the movement amount calculated by the process of step ST9 (step ST10). Here, the processor 23 moves the list itself by setting the movement amount calculated by the process of step ST9 as the y coordinate of webkitTransform = translated3d (x, y, z). The initial value of webkitTransformTrans = translated3d (x, y, z) is (0, 0, 0), which indicates the upper left position of the list displayed on the screen of the mobile terminal. In other words, if a positive value is set for the y-coordinate of webkitTransform = translated3d (x, y, z), the list itself is only y down from the top left of the list displayed on the mobile device screen. Move to. Similarly, if a negative value is set for the y-coordinate of webkitTransform = translated3d (x, y, z), the list itself is displayed from the bottom by y, based on the upper left of the list displayed on the mobile device screen. Move up.

In this operation example, the list moves in the vertical direction (y direction). However, the list is not limited to this, and the list may move in the horizontal direction (x direction). In this case, in the process of step ST10, the list itself can be moved in the horizontal direction by setting the movement amount calculated by the process of step ST9 as the x coordinate of webkitTransform = translated3d (x, y, z). it can.

After that, in the web server device 2, the processor 23 selects the item located at the top of the list at the time when the movement by the process of step ST10 is completed, and displays information corresponding to the selected item in the information display area r2. Data to be displayed is transmitted to the portable terminal (step ST11), and the operation in the web server device 2 is terminated.

Specifically, when the time set by the process of step ST8 has elapsed, the processor 23 determines where the top of the list displayed on the screen of the portable terminal is located, that is, the current position. Identify. Thereafter, the processor 23 identifies an item located at the top of the list, selects the identified item, and displays data corresponding to the selected item in the information display area r2 on the mobile terminal. Send. As an example of a method for identifying the item positioned at the top of the list, for example, “Math.round (Math.abs (current position / {height of the entire list + margin − bottom}))” is calculated by the processor 23. There is a way to make it.

In addition, after the process of step ST11, the mobile terminal accepts input of data transmitted from the web server device 2, and displays the accepted data on the screen via DOM (Document Object Model). As described above, since the mobile terminal generally displays data on the screen via the DOM, it is possible to switch the display of the screen using only normal html.

Also, webkitTransformTimingFunction “ease-out” is preset in the web server device 2 in order to smoothly move the list in the list display area r1.

Here, additional functions of the web server device 2 will be described supplementarily.

The processor 23 of the web server device 2 uses the number of a plurality of items included in the list, the height of the entire list including items not displayed on the screen of the mobile terminal, and margin-bottom as a margin. It is also possible to calculate a distance that can be moved (hereinafter referred to as a movable distance). Specifically, the processor 23 of the web server device 2 can calculate the movable distance by calculating “the number of items × (the height of the entire list + margin − bottom)”.

By calculating the movable distance, the processor 23 of the web server device 2 can set “retraction behavior” as shown in FIG. 8, for example. Specifically, when the movement amount calculated by the process of step ST9 is larger than the movable distance, the processor 23 of the web server device 2 sets a value obtained by multiplying the movement amount by 0.9 (movePoint * 0.9). It is set as the amount of movement that actually moves the list (hereinafter referred to as the actual movement amount). Thereby, for example, it is possible to realize a “retraction behavior” in which the actual movement amount is reduced by 0.9 times until the distance is less than the movable distance. The pullback behavior may be either a continuously pulled back behavior or an intermittent pullback behavior. Here, the value obtained by multiplying the movement amount calculated by the process of step ST9 by 0.9 is the actual movement amount. However, the value multiplied by the movement amount is a management for managing the web server device 2. The person can change as appropriate.

Further, as a further function of the web server device 2, the processor 23 of the web server device 2 can also hide desired information by setting display: none of css3 to desired information. is there.

In the present embodiment, the web server device 2 can calculate the distance from the start point to the end point, calculate the time that the mobile terminal has sensed contact, calculate the speed of the user's flick operation, and move the list. The example of setting the time, calculating the movement amount of the list, moving the list, selecting the item at the top of the list, and creating the display data related to the selected item has been explained. One or more may be executed by the mobile terminal. Further, the web server device 2 may be omitted, and the mobile terminal may store each information stored in the web server device 2 in advance and execute all of the above processes.

According to the first embodiment described above, the operation when acquiring information related to desired content from a plurality of contents (items) is simplified, and the UX when the user operates the mobile terminal is improved. be able to.

Further, according to the present embodiment, the amount of movement of a list including a plurality of contents is calculated, the list is moved based on the calculated amount of movement, and when the movement of the list is completed, Since the content located at the top can be automatically selected, the user only needs to perform a flick operation to move the list, and the UX when the user operates the mobile terminal can be improved.

Furthermore, according to the present embodiment, since the time during which the list can be moved can be set, it is possible to reduce the waiting time of the user until the content included in the list is selected.

Note that the method described in the above embodiment includes a magnetic disk (floppy (registered trademark) disk, hard disk, etc.), an optical disk (CD-ROM (compact disk read only memory), DVD, etc.) as programs that can be executed by a computer. ), And can be stored and distributed in a computer-readable storage medium such as a magneto-optical disk (MO) or a semiconductor memory. This program may be installed in the storage device 22 or the storage device 42A from a computer-readable portable recording medium using a known setup program or the like.

Note that the present invention is not limited to the above-described embodiment as it is, and can be embodied by modifying the constituent elements without departing from the scope of the invention in the implementation stage. Moreover, various inventions can be formed by appropriately combining a plurality of constituent elements disclosed in the embodiment. For example, some components may be deleted from all the components shown in the embodiment. Furthermore, constituent elements over different embodiments may be appropriately combined.

Hereinafter, an outline of the second embodiment will be described.

In the second embodiment, the user uses a mobile terminal to execute a game provided from the server. The server stores a plurality of item information that is information related to specific items such as characters, items, comments posted on the bulletin board from each user used in the game, and according to a request from the user via the mobile terminal, A plurality of item information is divided into a plurality of pages and displayed on the mobile terminal. Further, the server displays the page numbers of the respective pages side by side on the mobile terminal so as to be scrollable, and causes the mobile terminal to display item information corresponding to the page number designated by the user's scroll operation. Thereby, it is aimed to improve the UX when the user operates the terminal. In other words, in the second embodiment, the page number of each page corresponds to each of the plurality of items in the first embodiment, and the number of pages corresponding to the number of pages when the item information is divided into a plurality of pages and displayed. The page number corresponds to the list in the first embodiment, and each of the plurality of item information corresponds to information corresponding to each of the plurality of items in the first embodiment.

Hereinafter, the configuration of the game system 101 according to the second embodiment will be described.

FIG. 9 is a diagram illustrating an example of a schematic configuration of the game system 101.

The game system 101 includes a plurality of portable terminals 102 and a server 103. The portable terminal 102 and the server 103 are connected to each other via a communication network such as a base station 105, a mobile communication network 106, a gateway 107, and the Internet 108. A program (for example, a browsing program) executed on the mobile terminal 102 and a program (for example, a game program) executed on the server 103 communicate using a communication protocol such as a hypertext transfer protocol (HTTP).

Hereinafter, the configuration of the mobile terminal 102 will be described.

FIG. 10 is a diagram illustrating an example of a schematic configuration of the mobile terminal 102.

The mobile terminal 102 connects to the server 103 via the base station 105, the mobile communication network 106, the gateway 107, and the Internet 108, and communicates with the server 103. The mobile terminal 102 executes a game provided from the server 103, and a plurality of specific items such as characters, items, and comments posted on the bulletin board from each user, which are stored in the server 103 and used in the game. The item information, which is information related to the item, is divided into a plurality of pages and displayed every certain number. The mobile terminal 102 displays the page number of each page in a scrollable manner, acquires item information corresponding to the page number designated by the scroll operation through the operation unit 123 by the user from the server 103, and displays it. For this purpose, the mobile terminal 102 includes a terminal communication unit 121, a terminal storage unit 122, an operation unit 123, a display unit 124, and a terminal processing unit 125.

In this embodiment, a multi-function mobile phone (so-called “smartphone”) is assumed as the mobile terminal 102, but the present invention is not limited to this. The mobile terminal 102 only needs to be applicable to the present invention. 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 121 includes a communication interface circuit including an antenna whose sensitivity band is a predetermined frequency band, and connects the mobile terminal 102 to the wireless communication network. The terminal communication unit 121 establishes a radio signal line by a CDMA (Code Division Multiple Access) method or the like with the base station 105 via a channel assigned by the base station 105, and communicates with the base station 105. Do. Then, the terminal communication unit 121 transmits the data supplied from the terminal processing unit 125 to the server 103 or the like. In addition, the terminal communication unit 121 supplies data received from the server 103 or the like to the terminal processing unit 125.

The terminal storage unit 122 includes, for example, at least one of a semiconductor memory, a magnetic disk device, and an optical disk device. The terminal storage unit 122 stores an operating system program, a driver program, an application program, data, and the like used for processing in the terminal processing unit 125. For example, the terminal storage unit 122 stores an input device driver program for controlling the operation unit 123, an output device driver program for controlling the display unit 124, and the like as driver programs. Further, the terminal storage unit 122 displays, as an application program, the page number of each page to be displayed by dividing a plurality of item information in a scrollable manner, and item information corresponding to the page number designated by the user from the server. A browsing program to be acquired and displayed is stored. The terminal storage unit 122 also displays, as data, the number of item information displayed per page (hereinafter referred to as the number of display items) when a plurality of item information is divided into a plurality of pages and displayed on the display unit 124. In addition to storing in advance, each item information acquired from the server 103 is stored. Further, the terminal storage unit 122 may temporarily store temporary data related to a predetermined process.

The operation unit 123 may be any device as long as the operation of the mobile terminal 102 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 123. When operated by the user, the operation unit 123 generates a signal corresponding to the operation. The generated signal is supplied to the terminal processing unit 125 as a user instruction.

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

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

Hereinafter, the configuration of the terminal processing unit 125 will be described.

The terminal processing unit 125 includes at least a browsing execution unit 1250. The browsing execution unit 1250 includes a game execution unit 1251, a display control unit 1252, a page number reception unit 1253, and the like. Each of these units is a functional module realized by a program executed by a processor included in the terminal processing unit 125. Alternatively, each of these units may be mounted on the mobile terminal 102 as firmware.

The browsing execution unit 1250 transmits an acquisition request for specific display data to the server 103 via the terminal communication unit 121 in response to an instruction from the user via the operation unit 123. Further, the browsing execution unit 1250 receives corresponding display data from the server 103 via the terminal communication unit 121. The browsing execution unit 1250 creates drawing data based on the received display data. That is, the browsing execution unit 1250 analyzes the received display data to specify control data and content data, lays out the specified content data in accordance with the specified control data, and creates drawing data. Then, the browsing execution unit 1250 outputs the created drawing data to the display unit 124.

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

The display control unit 1252 displays item information for one specific page of the item information stored in the server 103 in accordance with an instruction from the user via the operation unit 123, and can be specified by the user. Drawing data that displays an identification number (hereinafter referred to as a page number) of each page displaying item information in a scrollable manner is output to the display unit 124. For this purpose, the display control unit 1252 transmits a display data acquisition request for requesting acquisition of display data relating to drawing data to the server 103 via the terminal communication unit 121. The display data acquisition request includes the number of display items stored in the terminal storage unit 122. In addition, the display control unit 1252 acquires corresponding display data from the server 103 via the terminal communication unit 121, creates drawing data based on the acquired display data, and outputs the created drawing data to the display unit 124. . The display data can be created using a language such as HTML5, CSS3, and JavaScript (registered trademark).

The display data transmitted from the server 103 includes item information corresponding to the number of display items from the top of the item information stored in the server 103 as content data, and the item information is displayed as control data. Contains information. In addition, the display data includes each page number for the number of pages when displaying multiple items of information divided into multiple pages as content data, and each page number specified by the user as control data It includes information for enabling and displaying side by side scrollable.

The display control unit 1252 stores each item information included in the display data acquired from the server 103 in the terminal storage unit 122, displays each item information based on the display data, and can scroll the page numbers side by side. It is displayed on the display unit 124. Hereinafter, each item information displayed on the display unit 124 is referred to as an item list, and a scrollable part in which the page numbers are arranged is referred to as a scroll pager.

Further, as will be described later, when a predetermined page number is specified by a scroll operation by the user via the operation unit 123, the display control unit 1252 requests acquisition of item information corresponding to the specified page number. The item information acquisition request is transmitted to the server 103 via the terminal communication unit 121. The item information acquisition request includes the specified page number. The display control unit 1252 acquires content data and control data for item information corresponding to the designated page number from the server 103 via the terminal communication unit 121. Each content data and control data is created using a language such as JSON (JavaScript Object Notation) (registered trademark), and is acquired using a technology such as Ajax (Asynchronous JavaScript and XML) (registered trademark). Can do. The display control unit 1252 stores each update information included in the acquired content data in the terminal storage unit 122, updates the drawing data based on the acquired content data and control data, and displays the updated drawing data on the display unit 124. To display.

FIG. 11A and FIG. 11B are diagrams illustrating an example of a screen 1100 displayed on the display unit 124.

FIG. 11A shows a screen 1100 when an instruction to display item information is first received from the user via the operation unit 123. As shown in FIG. 11A, a scroll pager 1110 and an item list 1120 are displayed on the screen 1100. In the scroll pager 1110, page numbers 1111 are arranged and displayed so as to be scrollable. In the item list 1120, item information 1121 corresponding to the page number 1111 located at the center position 1112 of the scroll pager 1110 is displayed. Each item information 1121 is displayed in order from the top, for example, in the order of new information. When an instruction to display item information is first received from the user via the operation unit 123, the first page number “1” is positioned at the center position 1112 and the item representing the item information 1121 corresponding to the page number “1” A list 1120 is displayed. When the number of item information 1121 is large and not all item information 1121 can be displayed in the item list 1120, the item list 1120 is displayed so that each item information 1121 can be scrolled in the vertical direction (y direction).

FIG. 11B shows a screen 1100 when the user performs a scroll operation in the direction of arrow A in FIG. 11A in scroll pager 1110. In FIG. 11B, as a result of the user's scroll operation, the page number “13” is positioned at the center position 1112 of the scroll pager 1110, and the item information 1121 corresponding to the page number “13” is displayed in the item list 1120. . The user can scroll the scroll pager 1110 in the horizontal direction, specify a desired page number, and scroll the item list 1120 in the vertical direction to view desired item information.

The page number reception unit 1253 receives the page number designated by the user's scroll operation via the operation unit 123 and notifies the display control unit 1252 of the page number.

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

First, the page number receiving unit 1253 obtains, from the operation unit 123, start point position information indicating the start point (touch1), which is the position at which the touch panel starts to sense contact, in response to a user flick operation on the scroll pager. Further, the page number receiving unit 1253 acquires the time at which the start point position information is acquired from the operation unit 123 as start point time information indicating the time (time1) at which contact is started. Next, the page number reception unit 1253 obtains 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 123. In addition, the page number receiving unit 1253 acquires the time when the end point position information is acquired from the operation unit 123 as end point time information indicating the time (time2) when the contact is sensed. Note that 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 124 is used as a reference (ie, (x, y, z) = (0, 0, 0)). It is represented by an x-coordinate value indicating the position in the direction.

Next, the page number receiving unit 1253 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 number receiving unit 1253 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 number receiving unit 1253 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 number receiving unit 1253 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 number receiving unit 1253 calculates a movement amount (movePoint) to 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 number receiving unit 1253 calculates the movement amount of the scroll pager by calculating, for example, “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 number reception unit 1253 displays the scroll pager on the display unit 124 so as to move the calculated movement amount. The page number reception unit 1253 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 number receiving unit 1253 acquires the page number located at a predetermined position when the movement of the scroll pager is completed, and notifies the display control unit 1252 of the acquired page number. The predetermined position can be the center position in the horizontal direction of the display area of the scroll pager, for example. When the movable time elapses, the page number receiving unit 1253 specifies the page number that exists at the center position in the horizontal direction of the display area of the scroll pager, and acquires the specified page number.

The page number receiving unit 1253 can move the scroll pager smoothly by setting webkitTransformTimingFunction “ease-out” in advance.

Further, the page number receiving unit 1253 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 adjacent page numbers. 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 number receiving unit 1253 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 number receiving unit 1253 calculates the movable distance by calculating “number of page numbers × (horizontal length of the area displaying the page number + margin-right)”. By calculating the movable distance, the page number receiving unit 1253 can perform the “retraction behavior”. When the calculated movement amount is larger than the movable distance, the page number receiving unit 1253 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 number receiving unit 1253 may hide the desired page number or item information by setting display: none for the desired page number or item information.

In addition, even when one of the page numbers displayed in the display area of the scroll pager is tapped, the page number receiving unit 1253 acquires the tapped page number and sets the tapped page number as a predetermined number. The display control unit 1252 is notified of the movement to the position (center position).

FIG. 12 is a schematic diagram for explaining the page number acquisition process.

As shown in FIG. 12, when the user performs a flick operation in the direction of arrow A in the scroll pager 1110, the page number reception unit 1253 acquires the start point 1201 and the end point 1202 from the operation unit 123, and acquires each point. Get the time. The page number receiving unit 1253 calculates the movement distance 1203 from the start point 1201 and the end point 1202, calculates the contact time from the time when each point is acquired, and calculates the operation speed from the movement distance 1203 and the contact time. In the example shown in FIG. 12, since the user performs a flick operation in the left direction, the movement distance is a negative value. The page number reception unit 1253 moves the scroll pager 1110 leftward by the amount of movement determined based on the calculated movement distance, and sets the page number “13” positioned at the center position 1112 when the movement of the scroll pager is completed. get.

Hereinafter, the configuration of the server 103 will be described.

FIG. 13A is a diagram illustrating an example of a schematic configuration of the server 103.

The server 103 provides a predetermined game to the mobile terminal 102, 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 102 Is transmitted to the mobile terminal 102. For this purpose, the server 103 includes a server communication unit 131, a server storage unit 132, and a server processing unit 133.

The server communication unit 131 is an example of an output unit, includes a communication interface circuit for connecting the server 103 to the Internet 108, and performs communication with the Internet 108. Then, the server communication unit 131 supplies data received from the mobile terminal 102 or the like to the server processing unit 133. Further, the server communication unit 131 transmits the data supplied from the server processing unit 133 to the mobile terminal 102 or the like.

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

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

FIG. 13B 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 user's mobile terminal 102, and the number of display items. The number of pages for displaying item information is stored.

FIG. 13C 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 133 includes one or a plurality of processors and their peripheral circuits. The server processing unit 133 controls the overall operation of the server 103 and is, for example, a CPU. The server processing unit 133 controls the operation of the server communication unit 131 and the like so that various processes of the server 103 are executed in an appropriate procedure according to a program stored in the server storage unit 132. The server processing unit 133 executes processing based on programs (operating system program, driver program, application program, etc.) stored in the server storage unit 132. The server processing unit 133 can execute a plurality of programs (such as application programs) in parallel.

Hereinafter, the configuration of the server processing unit 133 will be described.

The server processing unit 133 includes a game control unit 1331, a display number acquisition unit 1332, a page number determination unit 1333, an association unit 1334, a page number acquisition unit 1335, an item determination unit 1336, and a display data creation unit 1337. And a transmission control unit 1338. Each of these units is a functional module realized by a program executed by a processor included in the server processing unit 133. Alternatively, each of these units may be mounted on the server 103 as firmware.

The game control unit 1331 controls the progress of the game. When the game control unit 1331 receives a user authentication request from the mobile terminal 102 via the server communication unit 131, the game control unit 1331 analyzes the received user authentication request and identifies a user ID and a password. Then, the game control unit 1331 instructs the user authentication unit (not shown) to execute processing using the specified user ID and password as parameters.

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

The display number acquisition unit 1332 acquires a display data acquisition request from each portable terminal 102 via the server communication unit 131, stores the number of display items included in the display data acquisition request in the server storage unit 132, and determines the number of pages. Notification to the unit 1333.

Note that the number of display items may be stored in advance in the server storage unit 132 instead of being acquired from the mobile terminal 102. Thereby, the server 103 can manage the number of item information per page displayed on each portable terminal 102.

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

The associating unit 1334 reads the number of display items from the server storage unit 132, and determines item information to be displayed on each page from the read number of display items. The association unit 1334 associates each item information to be displayed on each page with each page number corresponding to the total number of pages, and stores the correspondence relationship in the user management table of the server storage unit 132.

The associating unit 1334 associates each item information with each page in ascending order of the page number in order of increasing information ID. The association unit 1334 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.

The page number acquisition unit 1335 acquires an item information acquisition request from each mobile terminal 102 via the server communication unit 131 and notifies the item determination unit 1336 of the page number included in the acquired item information acquisition request.

The item determination unit 1336 determines predetermined item information of the plurality of item information corresponding to the page number acquired from the page number acquisition unit 1335 based on the correspondence relationship stored in the user management table of the server storage unit 132. Then, the display data creation unit 1337 is notified of the information ID of the determined item information.

When the total number of pages is notified from the page number determination unit 1333, the display data creation unit 1337 reads item information corresponding to the number of display items from the top of the item management table in the server storage unit 132, and displays it on the mobile terminal 102. Data is created, notified to the transmission control unit 1338, and output from the server communication unit 131. As described above, the display data to be created includes item information corresponding to the number of display items from the top of the item information stored in the item management table of the server storage unit 132 as content data. Information for displaying item information is included. Furthermore, the display data to be created includes, as content data, each page number for the total number of pages when a plurality of item information is divided into a plurality of pages for display, and each page number is used as control data by the user. It contains information that can be specified by, and is displayed side by side so as to be scrollable. In the following, data for displaying item information for the number of display items from the beginning is referred to as initial item display data, and data for displaying each page number for the total number of pages is referred to as page number display data. There is. That is, in the second embodiment, the page number display data corresponds to the data for displaying the list in the first embodiment.

Further, when the information ID of the item information is notified from the item determining unit 1336, the display data creating unit 1337 reads the item information corresponding to the notified information ID from the item management table of the server storage unit 132. The display data creation unit 1337 creates content data and control data for the read item information, notifies the transmission control unit 1338, and causes the server communication unit 131 to output the data. In the following description, data for displaying item information corresponding to the information ID notified from the item determining unit 1336 may be referred to as item display data. That is, in the second embodiment, the predetermined page number designated by the user corresponds to the item selected when the movement in the first embodiment is completed, and the item display data is the first embodiment. Corresponds to data for displaying information corresponding to the selected item.

When the display data generation unit 1337 receives display data including initial item display data and page number display data, the transmission control unit 1338 transmits the notified display data to each portable terminal 102 via the server communication unit 131. To do. In addition, when the item display data is notified from the display data creation unit 1337, the transmission control unit 1338 transmits the notified item display data to each mobile terminal 102 via the server communication unit 131.

Hereinafter, the operation of the game system 101 will be described.

FIG. 14 shows an example of an operation sequence for displaying item information by the game system 101. Note that the operation sequence described below is mainly performed by the terminal processing unit 125 and the server processing unit 133 based on the programs stored in the terminal storage unit 122 and the server storage unit 132 in advance. It is executed in cooperation with each element.

First, the user instructs the terminal processing unit 125 to execute the browsing program via the operation unit 123 of the mobile terminal 102. The terminal processing unit 125 starts processing based on the browsing program. That is, when the game execution unit 1251 of the browsing execution unit 1250 realized by the browsing program receives a game start instruction from the user via the operation unit 123, the game execution unit 1251 further receives a user ID and password from the user via the operation unit 123. . And the game execution part 1251 transmits the user authentication request | requirement containing a user ID and a password to the server 103 via the terminal communication part 121 (step ST21).

When the game control unit 1331 of the server 103 receives the user authentication request from the portable terminal 102 via the server communication unit 131, the game control unit 1331 analyzes the received user authentication request and specifies the user ID and password. Then, the game control unit 1331 instructs the user authentication unit (not shown) to execute the authentication process using the specified user ID and password as parameters (step ST22).

If the authentication by the user authentication unit is successful, the game control unit 1331 transmits a game screen for executing the game to the mobile terminal 102 via the server communication unit 131 (step ST23).

The game execution unit 1251 of the mobile terminal 102 displays the game screen acquired from the server 103 via the terminal communication unit 121 on the display unit 124, and thereafter performs processing for the game (step ST24).

Next, when receiving a display instruction for item information from the user via the operation unit 123, the display control unit 1252 reads the number of display items from the terminal storage unit 122, and issues a display data acquisition request including the read display item number to the terminal. It transmits to the server 103 via the communication part 121 (step ST25).

When the display number acquisition unit 1332 of the server 103 acquires a display data acquisition request from the portable terminal 102 via the server communication unit 131, the display number acquisition unit 1332 stores the number of display items included in the display data acquisition request in the server storage unit 132, and The number determination unit 1333 is notified. Next, the page number determination unit 1333 performs a page number determination process for calculating the total number of pages (step ST26).

FIG. 15 is a diagram illustrating an example of an operation flow of the page number determination process by the page number determination unit 1333.

First, the page number determination unit 1333 reads the total number of item information and the number of display items from the server storage unit 132 (step ST41). Next, the page number determination unit 1333 calculates the total number of pages by dividing the total number of item information by the number of display items (step ST42), stores the calculated total number of pages in the server storage unit 132, and displays it. The data creation unit 1337 is notified, and a series of steps is completed.

Returning to FIG. 14, the associating unit 1334 reads the number of display items from the server storage unit 132, and associates each item information displayed on each page with each page number corresponding to the total number of pages from the read number of display items. In addition, the correspondence is stored in the user management table of the server storage unit 132 (step ST27).

Next, the display data creation unit 1337 reads item information for the number of display items from the top of the item management table in the server storage unit 132, creates display data to be displayed on the mobile terminal 102 (step ST28), and a transmission control unit. 1338 is notified. This display data includes initial item display data and page number display data.

Next, the transmission control unit 1338 transmits the display data created by the display data creation unit 1337 to the mobile terminal 102 via the server communication unit 131 (step ST29).

When the display control unit 1252 of the mobile terminal 102 acquires display data from the server 103 via the terminal communication unit 121, the display control unit 1252 analyzes the acquired display data and stores each item information included in the display data in the terminal storage unit 122. At the same time, drawing data is created and the created drawing data is displayed on the display unit 124 (step ST30).

Next, the page number receiving unit 1253 performs page number analysis processing for receiving a page number designated by the user's scroll operation via the operation unit 123 (step ST31).

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

First, the page number receiving unit 1253 acquires start point position information and start point time information in accordance with a user's flick operation on the scroll pager (step ST51), and acquires end point position information and end point time information (step ST52). Next, the page number receiving unit 1253 calculates a movement distance from the start point position information and the end point position information (step ST53), calculates a contact time from the start point time information and the end point time information (step ST54), and moves the movement distance and the contact. The operation speed is calculated from the time (step ST55). Next, the page number receiving unit 1253 sets a movable time based on the operation speed (step ST56). Next, the page number receiving unit 1253 calculates the movement amount based on the movement distance and the operation speed (step ST57).

Next, the page number reception unit 1253 displays the scroll pager on the display unit 124 so as to move the calculated movement amount (step ST58). Next, the page number receiving unit 1253 acquires a page number located at a predetermined position when the movement of the scroll pager is completed (step ST59), notifies the display control unit 1252 of the acquired page number, and a series of steps. Exit.

14, the display control unit 1252 transmits an item information acquisition request including the page number acquired by the page number receiving unit 1253 to the server 103 via the terminal communication unit 121 (step ST32).

When the page number acquisition unit 1335 of the server 103 acquires the item information acquisition request from the mobile terminal 102 via the server communication unit 131, the page number acquisition unit 1335 notifies the item determination unit 1336 of the page number included in the item information acquisition request.

Next, the item determination unit 1336 determines item information associated with the page number notified from the page number acquisition unit 1335 based on the correspondence relationship stored in the user management table of the server storage unit 132 (Step S1). ST33), the display data creating unit 1337 is notified of the information ID of the determined item information.

Next, the display data creation unit 1337 reads item information corresponding to the information ID of the item information determined by the item determination unit 1336 from the item management table of the server storage unit 132, and creates item display data for the read item information. (Step ST34), the transmission control unit 1338 is notified.

The transmission control unit 1338 transmits the item display data to the mobile terminal 102 via the server communication unit 131 (step ST35).

When the display control unit 1252 of the portable terminal 102 acquires item display data from the server 103 via the terminal communication unit 121, the display control unit 1252 stores the update information included in the acquired item display data in the terminal storage unit 122 and the acquired item. The drawing data is updated based on the display data, and the updated drawing data is displayed on the display unit 124 (step ST36).

The display control unit 1252 of the mobile terminal 102 stores each item information included in each display data received from the server 103 in step ST30 or ST36 in the terminal storage unit 122 in association with the page number, and then When the page number is designated again by the user, 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 103 again. It becomes possible to display in time.

Further, the display control unit 1252 of the mobile terminal 102 acquires item information corresponding to the page number designated by the user from the server 103 and displays it on the display unit 124, and then corresponds to the page number close to the page number. Item information may be acquired from the server 103. In that case, the display control unit 1252 transmits the item information acquisition request including the page number acquired from the page number receiving unit 1253 to the server 103, and then includes the item information including each page number in the order of the page numbers close to the page number. An acquisition request is transmitted to the server 103. The item determination unit 1336 of the server 103 determines the corresponding item information in accordance with the item information acquisition request received sequentially. That is, after determining the item information corresponding to the page number designated by the user, the item determining unit 1336 determines the corresponding item information in the order of the page numbers close to the page number. The display data creation unit 1337 creates content data and control data for the determined item information in the order determined by the item determination unit 1336. That is, the display data creation unit 1337 creates item display data for the page number designated by the user, and then creates item display data for the corresponding item information in the order of the page numbers close to the page number. The transmission control unit 1338 transmits the created item display data to the mobile terminal 102 via the server communication unit 131 in the order created by the display data creation unit 1337.

For example, when the page number designated by the user is “13”, the server 103 transmits item display data corresponding to the page number “13” to the portable terminal 102, and subsequently, page numbers “12” and “ Item display data corresponding to “14” and item display data corresponding to page numbers “11” and “15” are sequentially transmitted to the mobile terminal 102.

When the item information is stored in the server 103 in order according to some rule such as time series, the user is highly likely to desire to browse item information close to the item information currently being browsed. Therefore, the portable terminal 102 acquires item information close to the item information currently being browsed from the server 103 in advance, and when the user desires to view the item information close to the item information, There is no need to obtain it again from the server 103, and it is possible to display in a short time.

The display control unit 1252 of the mobile terminal 102 acquires item information corresponding to the page number specified by the user's scroll operation from the server 103 and displays it on the display unit 124, and then performs a predetermined position (center position) by the scroll operation. ) May be acquired in advance from the server 103 corresponding to the page number that has passed. In that case, the display control unit 1252 transmits an item information acquisition request including the page number acquired from the page number reception unit 1253 to the server 103, and then the page between the page number and the page number specified immediately before. An item information acquisition request including a number is transmitted to the server 103. The item determination unit 1336 of the server 103 determines corresponding item information in accordance with the received item information acquisition request. That is, the item determination unit 1336 determines item information corresponding to a page number between the page number specified immediately before the user's scroll operation and the page number specified by the scroll operation. The display data creation unit 1337 creates content data and control data for the item information determined by the item determination unit 1336. That is, the display data creation unit 1337 creates the item display data for the page number designated by the user, and then the designated page number and the page number designated immediately before the page number is designated. Create item display data for item information corresponding to the page numbers between. The transmission control unit 1338 transmits the item display data created by the display data creation unit 1337 to the mobile terminal 102 via the server communication unit 131.

For example, when the page number designated immediately before the user's scroll operation is “1” and the page number designated by the scroll operation is “13”, the server 103 causes the page numbers “2” to “12”. The item display data corresponding to “” is transmitted to the mobile terminal 102.

If the user makes a mistake in the scrolling operation or mispredicts the page number including the desired item information and scrolls the scroll pager too much, the user scrolls in the direction of the page number specified before the scrolling operation. The possibility of returning the pager is high. Accordingly, the mobile terminal 102 acquires the item information corresponding to the page numbers between the page numbers specified before and after the scroll operation from the server 103 in advance, so that the page specified before the scroll operation is performed. When the scroll pager is returned in the direction of the number, item information can be displayed in a short time.

Further, the page number receiving unit 1253 may predict the designated page number based on the operation result up to the present time before the user scroll operation for the scroll pager is completed. In that case, the page number reception unit 1253 indicates a midpoint that is a position where the user's contact is sensed at the time after a predetermined time (for example, 100 msec) has elapsed since the start point position information and the start point time information are acquired. The midpoint position information is acquired from the operation unit 123. The page number receiving unit 1253 calculates the movement distance from the start point to the midpoint, and uses the value obtained by dividing the movement distance by the predetermined time as the operation speed. Then, the page number receiving unit 1253 predicts the movement amount by calculating “movement amount = movement distance × (movement speed / β)” (β is a constant), and moves the scroll pager by the predicted movement amount. In this case, the page number located at a predetermined position is predicted as the designated page number. The display control unit 1252 transmits an item information acquisition request including the predicted page number to the server 103. The item determining unit 1336 of the server 103 determines item information corresponding to the predicted page number. The display data creation unit 1337 creates item display data for the item information determined by the item determination unit 1336. The transmission control unit 1338 transmits the item display data created by the display data creation unit 1337 to the mobile terminal 102 via the server communication unit 131.

Accordingly, the mobile terminal 102 can acquire item information from the server 103 before the user's scroll operation is completed, and the item information is displayed when the predicted item information matches the actually specified item information. Can be displayed in a short time.

As described above, the server 103 divides a plurality of item information into a plurality of pages and displays them on the mobile terminal. Furthermore, the server 103 displays the page number of each page on the mobile terminal 102 in a scrollable manner, and displays item information corresponding to the page number designated by the user's scroll operation on the mobile terminal. Thereby, even when there is a great amount of information between the item information currently displayed and the information desired to be browsed, the user can browse the desired information in a short time and with little effort. It becomes like this. Further, when the page number of the page including the desired item is not displayed, the user can select the page number by scrolling without pressing the “next” button or the “previous” button. It becomes like this. Therefore, the mobile terminal 102 can improve the UX when the user operates the terminal.

Note that the present invention is not limited to this embodiment. For example, in this embodiment, an example in which the mobile terminal 102 performs the page number analysis process has been described, but the server 103 may perform the page number analysis process. In that case, the page number reception unit 1253 of the mobile terminal 102 transmits the start point position information, start point time information, end point position information, and end point time information to the server 103 via the terminal communication unit 121. On the other hand, the page number acquisition unit 1335 of the server 103 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 end point time information, and calculates an operation speed from the movement distance and the contact time. Is calculated. Further, the page number acquisition unit 1335 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 number acquisition unit 1335 transmits the calculated movable time and operation speed to the mobile terminal 102 via the server communication unit 131. The page number reception unit 1253 of the portable terminal 102 sets the movable time acquired from the server 103 via the terminal communication unit 121 and displays it on the display unit 124 so as to move the scroll pager by the acquired movement amount.

In this embodiment, the example in which the server 103 performs the page number determination process has been described. However, the mobile terminal 102 may perform the page number determination acquisition process. In that case, the terminal storage unit 122 of the portable terminal 102 stores the total number of item information in advance. Alternatively, the server 103 transmits the item information to the mobile terminal 102 every time there is a change, and the mobile terminal 102 stores the received item information in the terminal storage unit 122. The terminal processing unit 125 includes a page number determination unit having the same function as the page number determination unit 1333 of the server 103 in addition to the units illustrated in FIG. The page number determination unit of the portable terminal 102 reads the total number of item information and the number of display items from the terminal storage unit 122, calculates the page number from the total number of item information and the number of display items, and passes the terminal communication unit 121. To the server 103.

In this embodiment, the example in which the server 103 performs the item determination process has been described. However, the mobile terminal 102 may perform the item determination process. In this case, the terminal processing unit 125 of the mobile terminal 102 includes an item determining unit having the same function as the item determining unit 1336 of the server 103 in addition to the units illustrated in FIG. The item determination unit of the mobile terminal 102 reads the number of display items from the terminal storage unit 122 and acquires the page number designated by the user from the page number analysis unit. Then, the item determination unit determines item information corresponding to the page number from the number of display items and the page number, and notifies the server 103 via the terminal communication unit 121.

Further, the server 103 transmits all item information to the mobile terminal 102, and the mobile terminal 102 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 102 creates an item management table based on all item information received from the server 103, calculates the total number of item information, and stores it in the terminal storage unit 122. In addition to the units shown in FIG. 10, the terminal processing unit 125 includes units having functions similar to those of the units other than the game control unit 1331 among the units of the server processing unit 133 of the server 103. The terminal processing unit 125 transmits and receives each piece of information in the terminal processing unit 125 instead of transmitting and receiving each information via the terminal communication unit 121 and the server communication unit 131, and the display unit 124 functions as an output unit.

Alternatively, the server 103 may be omitted, and the mobile terminal 102 may store all item information in advance. In that case, the terminal storage unit 122 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 125 performs server processing of the server 103 in addition to the units illustrated in FIG. Each part has the same function as each part of the part 133. The terminal processing unit 125 transmits and receives each piece of information in the terminal processing unit 125 instead of transmitting and receiving each information via the terminal communication unit 121 and the server communication unit 131, and the display unit 124 functions as an output unit.

In the present embodiment, the number of item information displayed per page is fixed. However, 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 122 of each mobile terminal 102 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 1252 displays display data 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 132 of the server 103 stores the number of characters, the number of lines, or the data size of each item information, and the page number determination unit 1333 includes the number of characters, the number of lines, or the data size of each item information and one page. The total number of pages is determined from the number of characters, the number of lines, or the data size of the item information. The association unit 1334 determines item information to be displayed on 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 displayed on 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 108 and directly communicates with the Internet 108. 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 123.

A computer program for causing a computer to realize the functions of the terminal processing unit 125 and the server processing unit 133 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. The computer program may be installed in the server storage unit 132 or the terminal storage unit 122 from a computer-readable portable recording medium using a known setup program or the like.

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 Network 2

Web server apparatus

4A, 4B, 4C Portable terminal 5 Access point 6

Base station

21,

41A Memory

22,

42A Storage device

23,

43A Processor

24, 44A Communication part

45A Electronic compass 46A Camera

47A Display part 48A Touch panel p-s0 , P-c0 OS
ps1 Server side JS execution environment program ps2, pc3 A company framework program ps3, pc4 Game control program pc1 application execution environment program pc2 A company DB connection kit program C1 application execution Environment C2 Company A DB connection kit C3, S2 Framework S1 Server side JS execution environment r1 List display area r2 Information display area 101 Game system 102 Mobile terminal 121 Terminal communication unit 122 Terminal storage unit 123 Operation unit 124 Display unit 125 Terminal processing unit 1250 Browsing execution unit 1251 Game execution unit 1252 Display control unit 1253 Page number reception unit 103 Server 131 Server communication unit 132 Server storage unit 133 Server processing unit 1331 Game control unit 1332 Readings acquisition unit 1333 page number determination unit 1334 associating unit 1335 page number obtaining unit 1336 item determining unit 1337 display data producing unit 1338 transmission controller

Claims

A display control method executed by a computer including a storage unit,
The storage unit stores information indicating a list including a plurality of items and information corresponding to each of the plurality of items,
Create data to display the list,
In response to a user operation on the displayed list, the display content included in the list is changed, and when the change of the display content is completed, one of a plurality of items included in the list is selected,
Read information corresponding to the selected item from the storage unit, and create data for displaying the information,
The display control method characterized by including this.
The display control method according to claim 1, wherein the change in the display content is scrolling of the plurality of items.
In the selection,
In accordance with the user's operation on the list, the change amount of the list is calculated,
The display content of the list is changed based on the calculated change amount, and the item located at the top of the list is selected when the change of the display content is completed. Display control method.
In calculating the amount of change,
Obtaining start point position information indicating a start point and a start point time information indicating a time when the flick operation is started;
Obtaining end point position information indicating the end point of the position at which the flick operation has been detected and end point time information indicating the time at which the flick operation has been detected,
Based on the start point position information, the start point time information, the end point position information, and the end point time information, an operation speed indicating the flick operation speed of the user is calculated,
The display control method according to claim 3, wherein an amount of change in display content of the list is calculated based on a distance from the start point to the end point and the calculated operation speed.
In calculating the operation speed,
By subtracting the position indicated by the acquired start point position information from the position indicated by the acquired end point position information, the distance from the start point to the end point is calculated,
By subtracting the time indicated by the acquired start point time information from the time indicated by the acquired end point time information, the time when the flick operation was sensed is calculated,
The display control method according to claim 4, wherein the operation speed is calculated by dividing the calculated distance by the calculated time.
The display control method according to claim 4 or 5, further comprising: setting a time during which the display content of the list can be changed based on the calculated operation speed.
The computer is communicably connected to a mobile terminal that includes a touch panel that senses contact according to an operation of a user who plays a game,
The plurality of items are items that can determine an action in the game at the time of game play,
The list is displayed on the screen of the mobile terminal,
In the selection, by changing the display content included in the list by moving the list,
7. The display control method according to claim 1, further comprising transmitting data for displaying information corresponding to the selected item to the mobile terminal.
The computer further includes an output unit,
Each of the plurality of items is each a page number corresponding to the number of pages when displaying a plurality of item information divided into a plurality of pages.
The list consists of page numbers for the number of pages,
The information corresponding to each of the plurality of items is each of the plurality of item information,
In the storing, the storage unit further stores a correspondence relationship between each of the plurality of item information and the page number corresponding to the number of pages,
In creating data for displaying the list, page number display data for scrollably displaying page numbers corresponding to the number of pages is created as data for displaying the list, and the output unit To output
In selecting one of the plurality of items, a predetermined page number designated by the user is selected as one of the plurality of items,
In creating data for displaying information corresponding to the selected item, predetermined item information of the plurality of item information corresponding to a specified page number is displayed based on the correspondence relationship The display control method according to claim 1, wherein item display data to be generated is generated as data for displaying information corresponding to the selected item and output to the output unit.
The output unit is a communication unit that communicates with a terminal that displays the item information,
The display control method according to claim 8, wherein in outputting the item display data, the item display data is transmitted to the terminal via the communication unit.
In outputting the item display data, after creating the item display data for the designated page number, the item display for the corresponding item information in order of page numbers close to the designated page number. The display data control method according to claim 9, wherein data is created, and the item display data is transmitted to the terminal via the communication unit in the order of creation.
In outputting the item display data, after creating the item display data for the specified page number, the specified page number and the page number specified immediately before the page number is specified 11. The display according to claim 9, wherein the item display data for the item information corresponding to a page number between is created, and the created item display data is transmitted to the terminal via the communication unit. Data control method.
Further including obtaining the page number predicted based on the operation result up to the present before the scroll operation by the user is completed,
In outputting the item display data, the item display data for the item information corresponding to the predicted page number is generated, and the generated item display data is transmitted to the terminal via the communication unit. The display control method according to any one of claims 9 to 11.
A storage unit for storing information indicating a list of a plurality of items and information corresponding to each of the plurality of items;
A first creation unit for creating data for displaying the list;
An item for selecting one of a plurality of items included in the list at the time when the display content included in the list is changed in response to a user operation on the displayed list and the change of the display content is completed. A selection section;
A computer comprising: a second creation unit that reads information corresponding to the selected item from the storage unit and creates data for displaying the information.
A non-transitory computer-readable storage medium in which a display control program used in a computer having a storage unit is recorded,
The control program is stored in the computer.
Write information indicating a list of a plurality of items and information corresponding to each of the plurality of items to the storage unit,
Create data to display the list,
In response to a user operation on the displayed list, the display content included in the list is changed, and when the change of the display content is completed, one of a plurality of items included in the list is selected,
Read information corresponding to the selected item from the storage unit, and create data for displaying the information,
A non-transitory computer-readable storage medium characterized in that: