[go: up one dir, main page]

WO2014185417A1 - Procédé de commande d'affichage, ordinateur et support de stockage non transitoire lisible par ordinateur - Google Patents

Procédé de commande d'affichage, ordinateur et support de stockage non transitoire lisible par ordinateur Download PDF

Info

Publication number
WO2014185417A1
WO2014185417A1 PCT/JP2014/062726 JP2014062726W WO2014185417A1 WO 2014185417 A1 WO2014185417 A1 WO 2014185417A1 JP 2014062726 W JP2014062726 W JP 2014062726W WO 2014185417 A1 WO2014185417 A1 WO 2014185417A1
Authority
WO
WIPO (PCT)
Prior art keywords
item
list
information
display
unit
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Ceased
Application number
PCT/JP2014/062726
Other languages
English (en)
Japanese (ja)
Inventor
大介 高山
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
GREE Holdings Inc
Original Assignee
GREE Inc
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Priority claimed from JP2013102492A external-priority patent/JP5513662B1/ja
Priority claimed from JP2013135056A external-priority patent/JP5693667B2/ja
Application filed by GREE Inc filed Critical GREE Inc
Publication of WO2014185417A1 publication Critical patent/WO2014185417A1/fr
Anticipated expiration legal-status Critical
Ceased legal-status Critical Current

Links

Images

Classifications

    • A—HUMAN NECESSITIES
    • A63—SPORTS; GAMES; AMUSEMENTS
    • A63F—CARD, BOARD, OR ROULETTE GAMES; INDOOR GAMES USING SMALL MOVING PLAYING BODIES; VIDEO GAMES; GAMES NOT OTHERWISE PROVIDED FOR
    • A63F13/00—Video games, i.e. games using an electronically generated display having two or more dimensions
    • G—PHYSICS
    • G06—COMPUTING OR CALCULATING; COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G06F3/0482—Interaction with lists of selectable items, e.g. menus
    • G—PHYSICS
    • G06—COMPUTING OR CALCULATING; COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/0485—Scrolling or panning
    • G—PHYSICS
    • G06—COMPUTING OR CALCULATING; COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
    • G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
    • G06F3/04883—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures for inputting data by handwriting, e.g. gesture or text

Definitions

  • the present invention relates to a display control method, a computer, and a computer-readable non-transitory storage medium.
  • two methods are known as methods for acquiring information related to a desired content from a plurality of contents.
  • the first method uses, for example, html (HyperText Markup Language), css (cascading style sheet) 3 and JavaScript (registered trademark).
  • html HyperText Markup Language
  • css cascading style sheet
  • JavaScript registered trademark
  • 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.
  • a portable information terminal with a small screen size such as a so-called smartphone
  • 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.
  • 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.
  • buttons must be pressed, which takes a lot of time and effort.
  • 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.
  • the search server causes the terminal to display an item corresponding to the designated page number.
  • 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. .
  • 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.
  • 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.
  • the user's operation becomes complicated, and the UX (User Experienc: user experience, satisfaction, etc.) when the user operates the terminal may be impaired.
  • UX User Experienc: user experience, satisfaction, etc.
  • 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 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.
  • the change in display content is scrolling of a plurality of items.
  • 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.
  • 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 is acquired.
  • 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.
  • 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.
  • 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.
  • the operation speed is calculated by dividing the calculated distance by the calculated time.
  • the method further includes 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 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.
  • 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.
  • 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.
  • 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.
  • the display control method 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 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.
  • the computer 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 is a non-transitory computer-readable storage medium on which a display control program used in a computer having a storage unit is recorded.
  • 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.
  • the display control method, the computer, and the computer-readable non-transitory storage medium 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.
  • 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. 5 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. 5 is a diagram showing an example of a schematic configuration of a server 103.
  • the item selection function and 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.
  • list display area r1 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.
  • 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.
  • 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.
  • 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.
  • 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.
  • the user operating the mobile terminal can grasp more detailed information by tapping the selected item again.
  • 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.
  • (summary) information can be grasped without switching pages, a large amount of information can be provided to the user in a short time.
  • 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.
  • LAN Local Area Network
  • AP Access point
  • 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.
  • SNS Social Networking System
  • 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.
  • OS Operating System
  • 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.
  • 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.
  • IEEE The Institute of Electrical Engineering and Electronics Engineers, Inc. 802.11a / b / g / n standard wireless
  • Wi-Fi Wireless Fidelity
  • 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.
  • Bluetooth registered trademark
  • 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 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.
  • a hard disk drive HDD
  • an optical disk drive a DVD (Digital Versatile Disk), and an MO (Magneto-Optical disk).
  • MO Magnetic-Optical disk
  • 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). .
  • 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.
  • the movement amount calculation function (f1-1) further includes the following functions (f1-1-1) to (f1-1-4).
  • 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.
  • 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-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.
  • the operation speed calculation function (f1-1-3) further includes the following functions (f1-1-3-1) to (f1-1-3-3).
  • 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.
  • 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.
  • 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.
  • 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.
  • 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.
  • a framework S2 on the company A (software) server side corresponding to the framework C3 is provided.
  • 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.
  • the communication by the web socket has an advantage that the header information and the processing load (overhead) are smaller than the HTTP communication.
  • 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.
  • 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.
  • 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.
  • 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 (Ste 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).
  • 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).
  • 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).
  • 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.
  • the unit of the operation speed is [pixel / second].
  • 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.
  • 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).
  • 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.
  • 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).
  • the processor 23 moves the list by the movement amount calculated by the process of step ST9 (step ST10).
  • the list itself is only y down from the top left of the list displayed on the mobile device screen. Move to.
  • the list moves in the vertical direction (y direction).
  • the list is not limited to this, and the list may move in the horizontal direction (x direction).
  • 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.
  • 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.
  • 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.
  • 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).
  • DOM Document Object Model
  • webkitTransformTimingFunction “ease-out” is preset in the web server device 2 in order to smoothly move the list in the list display area r1.
  • 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)”.
  • 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.
  • the value obtained by multiplying the movement amount calculated by the process of step ST9 by 0.9 is the actual movement amount.
  • the value multiplied by the movement amount is a management for managing the web server device 2. The person can change as appropriate.
  • 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.
  • 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.
  • 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.
  • 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.
  • 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.
  • 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.
  • 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.
  • 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.
  • 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.
  • 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.
  • 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.
  • 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).
  • HTTP hypertext transfer protocol
  • 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.
  • 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.
  • 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.
  • 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.
  • CDMA Code Division Multiple Access
  • 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.
  • 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.
  • 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.
  • 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.
  • 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.
  • 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.
  • 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.
  • 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.
  • 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.
  • 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.
  • 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.
  • 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.
  • 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.
  • the item list 1120 is displayed so that each item information 1121 can be scrolled in the vertical direction (y direction).
  • 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.
  • 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.
  • 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.
  • the unit of operation speed is [pixel / second].
  • the page number receiving unit 1253 sets a movable time during which the scroll pager can move based on the calculated operation speed.
  • the movable time for example, 0.4 seconds
  • the operation speed can be used as the movable time.
  • the moving distance of the scroll pager is shortened so that the movable time is set to a short time.
  • the moving distance of the scroll pager is lengthened so that the movable time is lengthened. Can be set.
  • 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.
  • ⁇ is a constant determined by experiment, and is 56, for example.
  • 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.
  • the page number reception unit 1253 displays the scroll pager on the display unit 124 so as to move the calculated movement amount.
  • the scroll pager is described as moving in the horizontal direction (x direction).
  • the present invention is not limited to this, and the scroll pager may be moved in the vertical direction (y direction). .
  • 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.
  • 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 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)”.
  • 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).
  • 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.
  • 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.
  • 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.
  • 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.
  • 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.
  • 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.
  • 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.
  • the server 103 can manage the number of item information per page displayed on each portable terminal 102.
  • 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.
  • 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.
  • 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.
  • 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.
  • the transmission control unit 1338 transmits the notified display data to each portable terminal 102 via the server communication unit 131. To do.
  • the transmission control unit 1338 transmits the notified item display data to each mobile terminal 102 via the server communication unit 131.
  • 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.
  • 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).
  • 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).
  • the display control unit 1252 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).
  • 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.
  • 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.
  • 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.
  • 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).
  • 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.
  • 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).
  • 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).
  • 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).
  • 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).
  • 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).
  • the page number receiving unit 1253 sets a movable time based on the operation speed (step ST56).
  • the page number receiving unit 1253 calculates the movement amount based on the movement distance and the operation speed (step ST57).
  • 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).
  • 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.
  • 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.
  • 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 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.
  • 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.
  • 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.
  • 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.
  • 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.
  • 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.
  • the server 103 causes the page numbers “2” to “12”.
  • the item display data corresponding to “” is transmitted to the mobile terminal 102.
  • 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.
  • the scroll pager is returned in the direction of the number, item information can be displayed in a short time.
  • 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.
  • 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.
  • the present invention is not limited to this embodiment.
  • 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.
  • 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.
  • 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.
  • 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.
  • the mobile terminal 102 may perform the page number determination acquisition process.
  • the terminal storage unit 122 of the portable terminal 102 stores the total number of item information in advance.
  • 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.
  • the mobile terminal 102 may perform the item determination process.
  • 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.
  • 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.
  • 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.
  • 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.
  • the number of item information displayed per page is fixed.
  • the number of characters, the number of lines, the data size, etc. of the item information per page may be fixed.
  • 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.
  • 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
  • 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.
  • the server searches according to the request
  • the present invention can also be applied to a message management system that displays a message on each terminal.
  • each search result is item information
  • each message is item information.
  • the portable terminal has been described as an example.
  • 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.
  • 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.

Landscapes

  • Engineering & Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Human Computer Interaction (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Multimedia (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

L'invention porte sur un procédé de commande d'affichage, etc., grâce auquel il est possible de simplifier une opération pour acquérir des informations concernant un contenu souhaité parmi une pluralité d'instances du contenu, et d'améliorer l'expérience utilisateur (UX) dans laquelle un utilisateur actionne un terminal. Le procédé de commande d'affichage, qui est exécuté par un ordinateur comprenant une unité de stockage, comprend les opérations suivantes : l'unité de stockage stocke des informations qui indiquent une liste formée d'une pluralité d'éléments, et des informations correspondant à chaque élément de la pluralité d'éléments ; création des données pour afficher la liste ; changement du contenu d'affichage inclus dans la liste, et sélection d'un élément de la pluralité d'éléments inclus dans la liste à un instant auquel le changement du contenu d'affichage est terminé, conformément à une opération d'un utilisateur sur la liste affichée ; et lecture des informations correspondant à l'élément sélectionné dans l'unité de stockage et création de données pour afficher les informations.
PCT/JP2014/062726 2013-05-14 2014-05-13 Procédé de commande d'affichage, ordinateur et support de stockage non transitoire lisible par ordinateur Ceased WO2014185417A1 (fr)

Applications Claiming Priority (4)

Application Number Priority Date Filing Date Title
JP2013-102492 2013-05-14
JP2013102492A JP5513662B1 (ja) 2013-05-14 2013-05-14 ゲーム制御方法、サーバ装置、ゲーム制御プログラム及び記憶媒体
JP2013-135056 2013-06-27
JP2013135056A JP5693667B2 (ja) 2013-06-27 2013-06-27 表示データ作成方法、制御プログラム及びコンピュータ

Publications (1)

Publication Number Publication Date
WO2014185417A1 true WO2014185417A1 (fr) 2014-11-20

Family

ID=51898394

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/JP2014/062726 Ceased WO2014185417A1 (fr) 2013-05-14 2014-05-13 Procédé de commande d'affichage, ordinateur et support de stockage non transitoire lisible par ordinateur

Country Status (1)

Country Link
WO (1) WO2014185417A1 (fr)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN113038167A (zh) * 2021-04-07 2021-06-25 广州方硅信息技术有限公司 页面显示方法、装置、计算机可读存储介质及电子设备

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US5347295A (en) * 1990-10-31 1994-09-13 Go Corporation Control of a computer through a position-sensed stylus
US20120054673A1 (en) * 2010-08-26 2012-03-01 Samsung Electronics Co., Ltd. System and method for providing a contact list input interface
JP2012168943A (ja) * 2011-02-14 2012-09-06 Sony Mobile Communications Ab 表示制御装置
JP2012215648A (ja) * 2011-03-31 2012-11-08 Aisin Aw Co Ltd 表示装置、表示方法、及び表示プログラム
US20130100497A1 (en) * 2011-10-20 2013-04-25 Koichi AMIYA Display system including first and second display devices

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US5347295A (en) * 1990-10-31 1994-09-13 Go Corporation Control of a computer through a position-sensed stylus
US20120054673A1 (en) * 2010-08-26 2012-03-01 Samsung Electronics Co., Ltd. System and method for providing a contact list input interface
JP2012168943A (ja) * 2011-02-14 2012-09-06 Sony Mobile Communications Ab 表示制御装置
JP2012215648A (ja) * 2011-03-31 2012-11-08 Aisin Aw Co Ltd 表示装置、表示方法、及び表示プログラム
US20130100497A1 (en) * 2011-10-20 2013-04-25 Koichi AMIYA Display system including first and second display devices

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN113038167A (zh) * 2021-04-07 2021-06-25 广州方硅信息技术有限公司 页面显示方法、装置、计算机可读存储介质及电子设备
CN113038167B (zh) * 2021-04-07 2022-02-25 广州方硅信息技术有限公司 页面显示方法、装置、计算机可读存储介质及电子设备

Similar Documents

Publication Publication Date Title
JP2015149095A (ja) 表示データ作成方法、制御プログラム及びコンピュータ
US12260069B2 (en) Display data generation method, computer-readable, non-transitory medium and computer
US20130241854A1 (en) Image sharing system and user terminal for the system
JP2015090570A (ja) 情報処理装置および制御方法
US9553840B2 (en) Information sharing system, server device, display system, storage medium, and information sharing method
KR20130089921A (ko) 컨텐츠 제공 시스템 및 동작 방법
CN115033331B (zh) 卡片显示方法及相关产品
JP7136985B1 (ja) プログラム、情報処理装置及び情報処理方法
JP5840311B2 (ja) 表示データ作成方法、制御プログラム、コンピュータ及び端末
WO2014185417A1 (fr) Procédé de commande d'affichage, ordinateur et support de stockage non transitoire lisible par ordinateur
JP2014085793A (ja) 表示装置及び表示制御方法
JP5513662B1 (ja) ゲーム制御方法、サーバ装置、ゲーム制御プログラム及び記憶媒体
JP5842076B2 (ja) 表示制御方法、コンピュータ、表示制御プログラム及び記憶媒体
JP7274030B2 (ja) プログラム、情報処理装置及び情報処理方法
JP5693667B2 (ja) 表示データ作成方法、制御プログラム及びコンピュータ
JP2009216833A (ja) 画像表示装置、画像送信サーバ、画像表示システム、画像表示方法、画像表示プログラム、および、記録媒体
JP2014225243A (ja) 表示制御方法、コンピュータ、表示制御プログラム及び記憶媒体
JP5832691B1 (ja) 表示データ作成方法、制御プログラム及びコンピュータ
JP6363054B2 (ja) 表示データ作成方法、制御プログラム及びコンピュータ
JP2019130119A (ja) ゲームプログラム、方法、および情報処理装置
JP6608402B2 (ja) プログラム、制御方法及び端末装置
CN119325011A (zh) 直播间信息展示方法、装置、电子设备及存储介质
JP2017182440A (ja) 情報処理装置、情報処理方法及びプログラム
CN120499435A (zh) 评论处理方法、装置、电子设备及存储介质
US9304661B2 (en) Method of displaying image

Legal Events

Date Code Title Description
121 Ep: the epo has been informed by wipo that ep was designated in this application

Ref document number: 14798252

Country of ref document: EP

Kind code of ref document: A1

NENP Non-entry into the national phase

Ref country code: DE

122 Ep: pct application non-entry in european phase

Ref document number: 14798252

Country of ref document: EP

Kind code of ref document: A1