JP2014215637A - Program and information processing device - Google Patents

Abstract

PROBLEM TO BE SOLVED: To provide a program and an information processing device capable of improving operability.SOLUTION: A plurality of card-shaped objects 1f each corresponding to a plurality of pieces of information is displayed on a touch panel 36, and a first gesture operation in an area of the touch panel 36 in which is displayed one object 1f among the plurality of displayed objects 1f is detected. When the first gesture operation is detected, the one object 1f is moved to a peripheral part of the touch panel 36, and a part of the one object 1f is displayed in the peripheral part of the touch panel 36. Detection is made of a second gesture operation on the peripheral part of the touch panel 36 in which the part of the one object 1f is displayed, and when the second gesture operation is detected, a prescribed process pertaining to information corresponding to the one object 1f is executed.

Description

  The present application relates to a program for operating a screen and an information processing apparatus.

  In an information processing apparatus having a touch panel, an intuitive gesture operation is possible. Therefore, an electronic content browsing device that displays and browses content by an intuitive gesture operation, a character input device that corrects erroneously input characters, an imaging device that selects continuous shooting, and the like are disclosed (for example, Patent Document 1). 2, 3).

JP 2003-345332 A JP 2013-50786 A JP 2013-58958 A

  However, in order to select and process an arbitrary number of pieces of information among a plurality of pieces of information, the user must repeat a plurality of gesture operations. For example, in a smartphone, a tablet PC, etc., for the above-described processing, a gesture operation for switching modes, a gesture operation for selecting an arbitrary number of pieces of information, and a gesture operation for executing processing on the selected information are necessary. Therefore, an information processing apparatus that can select and process an arbitrary number of pieces of information with a fewer number of gesture operations is desired. That is, an information processing apparatus having a touch panel that can improve operability is desired.

  The present application has been made in view of such circumstances. The object is to provide a program and an information processing apparatus capable of improving operability.

  One aspect of the present application is to display a plurality of card-shaped objects respectively corresponding to a plurality of pieces of information on the touch panel in a program that causes a computer having a touch panel to execute processing related to information corresponding to the objects displayed on the touch panel. Detecting a first gesture operation on the area of the touch panel in which one object is displayed among the plurality of displayed objects, and detecting the first gesture operation, the one object is placed on a peripheral portion of the touch panel. Moving, displaying a part of the one object on the periphery of the touch panel, detecting a second gesture operation on the periphery of the touch panel on which the part of the one object is displayed, and detecting the second gesture When an operation is detected, the information corresponding to the one object is Predetermined process relating to the execution.

  According to one aspect of the present application, the operability of an information processing apparatus having a touch panel can be improved.

It is a block diagram which shows the structural example of an information delivery system. It is a block diagram which shows the hardware structural example of a mobile telephone. It is a functional block diagram which shows the mechanism structural example of a mobile telephone. It is explanatory drawing which shows an example of the record layout of the shop information which a portable terminal device receives from a server. It is explanatory drawing which shows the initial state of a home screen. It is explanatory drawing which shows an example of the state by which the flyer was displayed on the whole surface. It is a flowchart which shows an example of the procedure of a fryer initial display process. It is explanatory drawing which shows the home screen on which the flyer selected for favorite registration was displayed. It is explanatory drawing which shows the home screen on which the flyer after a favorite registration process was displayed. It is explanatory drawing which shows the home screen on which the flyer selected as the deletion object was displayed. It is explanatory drawing which shows the home screen on which the flyer after a deletion process was displayed. It is a flowchart which shows an example of the procedure of a favorite registration process and a deletion process. It is a flowchart which shows an example of the procedure of a favorite registration process and a deletion process. It is a flowchart which shows an example of the procedure of a favorite registration process and a deletion process. It is explanatory drawing which shows an example of the home screen which displayed simultaneously the flyer which is the selection state of favorite registration, and the flyer which is the selection state of deletion object. It is explanatory drawing which shows an example of the layout of a menu screen. It is explanatory drawing which shows the home screen which displays only the flyer registered into favorites. It is explanatory drawing which shows an example of the layout of a category selection screen.

  An information distribution system according to the present embodiment will be described with reference to the drawings. The information distribution system according to the present embodiment distributes various types of information to personal PCs (personal computers), mobile phones, and the like via a communication network. In the following, the information distribution system according to the present embodiment will be described by taking as an example information distribution of a store opening a store in a shopping center. A server is installed in the shopping center, and store information is distributed to the user's PC, mobile phone, etc. via the server.

FIG. 1 is a block diagram illustrating a configuration example of the information distribution system 1.
The information distribution system 1 includes a WEB (World Wide Web) server 10, a server 20, and a mobile phone 30. The WEB server 10, the server 20, and the mobile phone 30 are connected to each other via the network 1N. The network 1N includes a LAN (Local Area Network), a WAN (Wide Area Network), the Internet, a fixed telephone line, a mobile phone line, a communication satellite line, and the like. Although there are a plurality of mobile phones 30, in FIG. 1, only one mobile phone 30 is illustrated in a simplified manner. The mobile phone 30 is connected to the network 1N via a base station (not shown). Further, the mobile phones 30 are connected to each other via a mobile phone line via a base station.

  The WEB server 10 is, for example, a general-purpose computer, a workstation, or a desktop PC. One WEB server 10 is managed and operated by a store that opens in a shopping center, and publishes a web page of the store. In the example of FIG. 1, three WEB servers 10 are depicted. However, there are at least as many WEB servers 10 as there are stores in the shopping center.

The server 20 is, for example, a general-purpose computer, a workstation, or a desktop PC. The server 20 is managed and operated by, for example, a shopping center. The server 20 collects store information from the WEB server 10 via the network 1N.
The server 20 includes a hard disk 21. The hard disk 21 stores a database 22 that stores store information collected by the server 20 from the WEB server 10.

  The mobile phone 30 is a high function mobile phone (so-called smartphone). The user of the mobile phone 30 accesses a website that provides an application for the mobile phone 30, and downloads the program 3P to the mobile phone 30 from the website. The downloaded program 3P is installed by the OS (Operating System) of the mobile phone 30. The program 3P is software related to the user interface of the information distribution system 1. The program 3P may be provided from the server 20 to the mobile phone 30.

  Note that the mobile phone 30 may be replaced by a tablet PC, a PDA (Personal Digital Assistant), or the like. The PDA here has a communication function and a touch panel.

FIG. 2 is a block diagram illustrating a hardware configuration example of the mobile phone 30. The cellular phone 30 includes a central processing unit (CPU) (display unit, first detection unit, partial display unit, second detection unit, execution unit) 31, storage unit 32, and RAM (Random Access Memory) 33.
The CPU 31 is a processor for executing an instruction set described in the software program. The CPU 31 controls each component of the mobile phone 30 via the bus 3b. The CPU 31 reads the program 3P stored in the storage unit 32 into the RAM 33, and executes the program 3P read into the RAM 33.

  The storage unit 32 is, for example, a nonvolatile semiconductor memory or a readable / writable storage medium other than the semiconductor memory. The storage unit 32 stores a basic input / output system (BIOS) executed by the CPU 31 when the mobile phone 30 is activated, firmware, and the like. The storage unit 32 also stores a program 3 </ b> P downloaded from the server 10, an application such as a browser and a mailer executed by the CPU 31, and a control program related to each component of the mobile phone 30.

  The RAM 33 is a main storage device. The RAM 33 is, for example, an SRAM or a DRAM, and temporarily stores work variables, data, and the like that are necessary during the process executed by the CPU 31. A flash memory, a memory card, or the like may be used instead of the RAM 33.

The mobile phone 30 includes a communication unit 34, an IC chip 35, and a touch panel 36.
The communication unit 34 is an interface that communicates with another mobile phone 30 and the server 20 by wireless communication with a base station included in the mobile phone network. The communication unit 34 also includes an interface for connecting to the network 1N wirelessly and by wire without using a mobile phone line.

  The IC chip 35 is an integrated circuit that performs non-contact communication with the outside. The IC chip 35 stores identification information of the mobile phone 30 and the like.

The touch panel 36 is an electronic component that combines a display device and a position input device such as a touch pad, and is an input device that operates the mobile phone 30 when an object (for example, a user's finger) touches the screen. . The display device of the touch panel 36 has a screen such as a liquid crystal display, an organic EL (Electro Luminescence) display, or a CRT (Cathode Ray Tube) display. The screen of the touch panel 36 has a rectangular shape, and the size is, for example, 320 pixels × 480 pixels, 640 pixels × 960 pixels, and 640 pixels × 1136 pixels.
In addition, the shape of the screen of the touch panel 36 may be a rounded rectangular shape, a square shape, a rounded square shape, a circular shape, an elliptical shape, an indefinite shape, or the like.

  The touch panel 36 detects the coordinates of the contact position related to the user's touch operation, and outputs the detected coordinates of the contact position to the CPU 31. The CPU 31 determines a gesture operation by the user based on the coordinates received from the touch panel 36 or the time change of the coordinates.

The cellular phone 30 includes a tuner 37, a microphone 38, a speaker 39, a camera 40, a timer 41, and a sensor unit 42.
The tuner 37 is a tuning device that selects and receives broadcast data of a one-segment partial reception service (so-called one-segment) being transmitted on a designated channel. The tuner 37 is a digital tuner that receives, for example, TS (Transport Stream) data that is broadcast data of terrestrial digital broadcasting. The tuner 37 includes an MPEG decoder that performs decoding processing on the selected and received broadcast data, restores the digital video signal and the digital audio signal, and outputs them. The touch panel 36 displays an image related to the digital video signal restored by the tuner 37 on its own screen.
The tuner 37 may include AM radio and FM radio tuners.

  The microphone 38 and the speaker 39 are acoustic parts related to a call. The microphone 38 inputs the voice of the sender to the mobile phone 30. The speaker 39 outputs the other speaker's voice.

  The camera 40 is an optical sensor that captures still images or moving images. The CPU 31 stores the image captured by the camera 40 in the storage unit 32 or the RAM 33 by detecting contact at the shutter button position displayed on the touch panel 36.

  The timer 41 is a device that counts a predetermined time by counting clocks. The timer 41 outputs the clocked result to the CPU 31.

The sensor unit 42 includes an acceleration sensor 421, a gyro sensor 422, a fingerprint sensor 423, and a GPS (Global Positioning System) sensor 424.
The acceleration sensor 421 is a device that detects the triaxial acceleration of the mobile phone 30.
The gyro sensor 422 is a device that detects the triaxial angular velocity of the mobile phone 30. For example, the CPU 31 performs camera shake correction of an image captured by the camera 40 using the rotation angular velocity detected by the gyro sensor 422. The gyro sensor 422 may be replaced with an angular velocity sensor.

  The movement of the mobile phone 30 can be defined from the triaxial acceleration detected by the acceleration sensor 421 and the triaxial angular velocity detected by the gyro sensor 422. Therefore, for example, an instruction for the program 3P and a user's physical movement gesture are associated with each other and stored in the storage unit 32 in advance. The CPU 31 determines a gesture of the user holding the mobile phone 30 from the detection values of the acceleration sensor 421 and the gyro sensor 422. The CPU 31 executes processing of the program 3P corresponding to the determined gesture. Accordingly, not only a gesture operation based on a touch on the touch panel 36 but also a body gesture operation by a user holding the mobile phone 30 can be performed.

  The fingerprint sensor 423 is a device that reads a user's fingerprint. The information distribution system 1 may use the fingerprint read by the fingerprint sensor 423 for authentication processing. For example, the user's fingerprint image is stored in advance in the hard disk 21 of the server 20. When a fingerprint image is transmitted from the mobile phone 30, the server 20 compares the received fingerprint image with the fingerprint image stored in the hard disk 21 and executes an authentication process.

The GPS sensor 424 is a device that determines the position of the mobile phone 30 in a three-dimensional space based on radio waves transmitted from an artificial satellite. CPU 31 may set the position of the base station to which mobile phone 30 is connected wirelessly as its own position.
The sensor unit 42 may further include a thermometer, an electronic compass for detecting the direction, and the like.

  FIG. 3 is a functional block diagram illustrating an example of a mechanism configuration of the mobile phone 30. Each functional unit of the mobile phone 30 is realized by the cooperation of the program 3P stored in the storage unit 32 and hardware resources such as the CPU 31 and the RAM 33. The mobile phone 30 includes a communication unit 51, a flyer display unit 52, an icon display unit 53, a gesture detection unit 54, and an execution unit 55.

  The communication unit 51 is a functional unit corresponding to the hardware communication unit 34. The communication unit 51 receives information regarding each store of the shopping center from the server 20. The CPU 31 transmits a store information transmission request to the server 20 via the communication unit 51.

The flyer display unit 52 generates one or a plurality of flyers (card-shaped objects) based on one or a plurality of store information received from the server 20 by the communication unit 51, and the generated one or a plurality of flyers are touched. It is a functional part displayed on 36 screens. The flyer is a substantially rectangular card-shaped object, and imitates the advertising leaflet of each store. A notification word and / or an image from each store is displayed on the flyer.
The flyer display unit 52 changes the display form of the flyer according to the user's gesture operation. For example, the flyer display unit 52 can switch between full display and partial display of the flyer.

The icon display unit 53 is a functional unit that displays icons (symbolized figures) related to the functions of the program 3P on the screen of the touch panel 36.
The gesture detection unit 54 is a functional unit that detects a gesture operation performed on the screen of the touch panel 36 by the user based on the contact position of the object detected by the touch panel 36.

  Here, the gesture operation includes tap, double tap, drag, flick, pinch, swipe, touch and hold, and the like. Tap is an operation of tapping the screen with a finger. The double tap is an operation for performing tapping twice in succession. Dragging is an operation of tracing the screen to move an object on the screen to another position with a finger. A flick is an operation of lightly touching a short distance on the screen with a finger. Pinch is an operation of changing the distance between two points by dragging both or one side while touching two points on the screen. Swipe is an operation of sliding a finger while the finger touches the screen. Swipe is a gesture operation that is similar to dragging, but is used when a finger is used to trace the screen regardless of whether the object to be operated is displayed on the screen or not. Touch and hold is an operation for maintaining a state where a finger touches the screen for a certain period of time.

  In the above description, the gesture operation with the finger is exemplified, but it is needless to say that the gesture detection unit 54 also detects a gesture operation with, for example, a stylus or a pencil.

  The execution unit 55 is a functional unit that performs certain processing on the store information associated with the flyer based on the gesture operation detected by the gesture detection unit 54. When the processing result is to be transmitted to the outside, the execution unit 55 outputs the processing result to the communication unit 51. The communication unit 51 inputs the processing result output by the execution unit 55 and transmits the input processing result to the outside, for example, the server 20.

Next, operations of the server 20 and the mobile phone 30 will be described.
The user performs a predetermined operation and installs the program 3P on his / her mobile phone 30. The user starts the program 3P. When the program 3P is activated for the first time, the CPU 31 connects to the server 20 via the communication unit 34. The server 20 transmits screen information related to simple user registration to the mobile phone 30. The CPU 31 displays a screen related to the screen information transmitted by the server 20 on the touch panel 36. The user selects and inputs his / her gender, age, and favorite store category from the screen. The CPU 31 transmits the user's sex, age, favorite store category, and identification information of the mobile phone 30 to the server 20. The server 20 stores the user's sex, age, favorite store category, and identification information of the mobile phone 30 in the hard disk 21 and uses the stored information related to the user for customer management.

The server 20 stores the user's sex, age, favorite store category, and identification information of the mobile phone 30 in the hard disk 21, and then transmits the store information to the mobile phone 30.
Moreover, CPU31 transmits the transmission request | requirement of shop information to the server 20, when the program 3P is restarted. Even in such a case, the server 20 transmits the store information to the mobile phone 30.

In addition, when the program 3P is complete | finished or when the mobile telephone 30 is set to the power saving mode, the server 20 may transmit a notification that there is store information to be transmitted to the mobile telephone 30. When receiving the notification, the CPU 31 transmits a store information transmission request to the server 20 when the program 3P is restarted. The server 20 transmits store information to the mobile phone 20 in response to a transmission request from the mobile phone 30.
Note that the server 20 may transmit the store information to the mobile phone 30 even when there is no transmission request from the mobile phone 30.

  FIG. 4 is an explanatory diagram illustrating an example of a record layout of store information that the mobile terminal device 30 receives from the server 20. The data format of the store information may be any format, such as a CSV format, a TSV format, or a format using an XML tag. FIG. 4 illustrates store information in a table format.

The store information includes a store name, category, wording, image, new flag, and update date / time. The store name is the name of the store that opens in the shopping center. The category is a store category. The wording is information notified from the store to the user, acquired from the store's WEB server 10. The wording includes a character string displayed on the flyer. The image is an image file acquired from the WEB server 10 of the store. Store information may or may not include an image. When the store information includes an image, the image is displayed on the flyer.
The image includes an icon associated with the URL of the store WEB server 10. The wording may or may not include information indicating the positional relationship between the image displayed on the flyer and the character string.

  The new flag is a flag for determining whether or not an elapsed time since the store information is updated is shorter than a certain time. When the elapsed time since the store information is updated is less than one week, for example, 1 is stored in the new flag, and when the elapsed time since the store information is updated is, for example, one week or more, new 0 is stored in the flag. The update date and time is the date and time when the store information is updated.

  Note that the URL of the store WEB server 10 may be included in the store information instead of the image. In such a case, when displaying the flyer on the touch panel 36, the CPU 31 acquires an image from the WEB server 10 corresponding to the URL.

  FIG. 5 is an explanatory diagram showing an initial state of the home screen. The home screen is a screen that displays the flyer 1f. The home screen includes a button area 1d, a flyer area 2d, and a logo area 3d. The button area 1d is a screen area in which operation buttons are arranged. The flyer area 2d is a screen area on which the flyer 1f is displayed. The logo area 3d is a screen area in which the logo type of the program 3P is displayed. Note that the home screen does not include buttons for switching modes corresponding to the functions of the so-called program 3P.

  The button area 1d includes a menu button 1bn and a narrow-down button 2bn. The menu button 1bn is a button for displaying a menu screen related to the program 3P. The menu screen will be described later. The narrow-down button 2bn is a button for displaying a category selection screen related to a narrow-down condition for narrowing down the flyer 1f to be displayed on the home screen by a store category or the like. The narrow-down display function and category selection screen of the flyer 1f will be described later.

  In the flyer region 2d, each flyer 1f is not displayed on the entire surface. Each flyer 1f is displayed in the form of a covering tile or a roof tile in the vertical direction so that cards of ribbon spread cards overlap each other and only a part of each card can be seen. The lower fryer 1f covers the middle to the lower part of the adjacent upper fryer 1f. Therefore, each flyer 1f displays only an upper portion having a strip shape extending in the lateral direction.

In the center of the flyer 1f, a part of the wording included in the store information is displayed.
A star mark 1s is displayed at the left end of the flyer 1f. The star mark 1s is a mark indicating whether or not the favorite flyer 1f is registered as a favorite. All the flyers 1f in the initial state are not registered as favorites, and the star mark 1s is displayed in a dark color. The star mark 1s of the flyer 1f that has been registered as a favorite is displayed in a bright color. Thereby, the user can visually recognize whether or not the store information corresponding to the flyer 1f has been registered as a favorite.

  A category mark 1c indicating a store category corresponding to the store information displayed on the flyer 1f is displayed at the right end of the flyer 1f. The category mark 1c is, for example, a house building, a flag, an envelope, a cart, a gift wrap, or the like.

  The flyer 1f is displayed with its background color classified by category. Thereby, the user can discriminate | determine instantly the category of the shop information contained in the flyer 1f. Note that the background color of the flyer 1f may be associated with a store attribute other than the category. The attributes include, for example, the number of floors of the store in the shopping center, the occupied area of the store, whether or not a credit card is usable, whether or not the store is a new store, and the name of the building that is entered when the shopping center is composed of a plurality of buildings. It is.

  When store information corresponding to the flyer 1f is downloaded from the server 20 to the mobile phone 30, the CPU 31 generates a flyer 1f based on the store information, and displays the generated flyer 1f on the home screen. At that time, the CPU 31 performs an effect of animation in which the plurality of flyers 1f descend from the top to the bottom of the screen. The plurality of flyers 1f that have fallen are accumulated from the bottom to the top of the home screen and displayed in the state of FIG.

  In the initial state in which the flyer 1f is displayed, for example, a notification word “24 new flyers has arrived!” Is displayed superimposed on the button area 1d. In the example of FIG. 5, nine flyers 1f are displayed, and other flyers 1f are not displayed. The other flyer 1f is hidden behind the screen of the touch panel 36 and is rendered invisible.

  When the hidden lower flyer 1 f is displayed on the home screen, the user swipes up (seventh gesture operation) on the screen of the touch panel 36. This swipe corresponds to a gesture operation for scrolling the flyer 1f upward. The flyer 1f scrolled upward disappears above the home screen. When the flyer 1f that has disappeared above the home screen is displayed again on the home screen, the user swipes down on the touch panel 36.

When displaying the entire flyer 1f in which only the upper part is displayed, the user taps (sixth gesture operation) in the screen area in which the flyer 1f to be displayed on the entire surface is displayed.
FIG. 6 is an explanatory view showing an example of a state in which the flyer 1f is displayed on the entire surface. In the example of FIG. 6, the full-displayed flyer 1f is displayed at the top of the flyer area 2d.

  The flyer 1f displayed on the entire surface is substantially square. In the band-like portion at the upper part of the flyer 1f that was displayed before the entire display, a part of the word included in the store information, the star mark 1s and the category mark 1c are displayed even after the entire display. An image is embedded in the center of the flyer 1f displayed on the entire surface. In the lower part of the flyer 1f displayed on the entire surface, a longer word is displayed than the word displayed on the upper part.

  An icon indicating a character string “See more” is displayed at the bottom left side of the flyer 1f displayed on the entire screen. The icon is associated with the URL of the WEB server 10 of the store related to the flyer 1f displayed on the entire screen. When the user taps the icon, the CPU 31 activates a browser and displays a web page downloaded from the WEB server 10 of the store related to the flyer 1 f on the touch panel 36.

  In the state of FIG. 6, when the screen area of the flyer 1f displayed on the entire surface is tapped by the user, the tapped flyer 1f returns to the state of FIG. 5 in which only the upper part is displayed. The CPU 31 stores, in the storage unit 32 or the RAM 33, a flag indicating that the entire display is performed in association with the store information corresponding to the flyer 1f displayed on the entire surface. On the other hand, when the full-screen display of the flyer 1f is canceled, the CPU 31 deletes the flag from the storage unit 32 or the RAM 33. Thereby, the CPU 31 can always determine whether or not to display the entire flyer 1f.

The flyer 1f displayed on the entire surface has a larger area than other flyers 1f on which only the upper part is displayed. Therefore, in the example of FIG. 6, the number of flyers 1f in which only the upper part is displayed is three, unlike the case of FIG.
In the state of FIG. 6, when the user wants to display the entire upper portion of the flyer 1 f located immediately below the full-displayed flyer 1 f, the user taps the screen area on which the upper portion of the flyer 1 f is displayed. The CPU 31 switches the flyer 1f displayed on the entire surface to the partial display, and displays the tapped flyer 1f on the entire surface.

  When the user swipes in the vertical direction in the state of FIG. 6, the CPU 31 executes a process of scrolling the flyer 1f in the flyer area 2d in the swipe direction.

  FIG. 7 is a flowchart showing an example of the procedure of the flyer if initial display process. In the flowchart of FIG. 7, the process of switching the full-displayed flyer 1f to the partial display again and the process when the icon associated with the URL is tapped on the full-displayed flyer 1f are omitted.

  CPU31 receives store information from server 20 (Step S101). CPU31 memorize | stores the received shop information in the memory | storage part 32 or RAM33 (step S102). CPU31 produces | generates the flyer 1f based on the memorize | stored store information (step S103). The CPU 31 arranges the generated flyers 1f in the vertical direction in a cover tile shape and displays them on the touch panel 36 (step S104). The CPU 31 determines whether or not the touch panel 36 has been swiped in the vertical direction (step S105). When it is determined that the touch panel 36 has been swiped in the vertical direction (step S105: YES), the CPU 31 executes a process of scrolling the flyer 1f in the flyer area 2d in the swipe direction (step S106).

  When determining that the touch panel 36 has not been swiped in the vertical direction (step S105: NO), the CPU 31 determines whether or not the display area of the flyer 1f on the touch panel 36 has been tapped (step S107). CPU31 complete | finishes a process, when it determines with the display area of the flyer 1f in the touch panel 36 not being tapped (step S107: NO). If the CPU 31 determines that the display area of the flyer 1f on the touch panel 36 has been tapped (step S107: YES), the CPU 31 displays the tapped flyer 1f on the entire surface (step S108), and ends the process.

  In the state of FIG. 5 or FIG. 6, when the user wants to register the flyer 1 f as a favorite, the user flicks the corresponding flyer 1 f to the left (first gesture operation). The fried flyer 1f is selected. The selected fryer 1 f moves to the left side, and only the right end portion is displayed on the left end portion of the screen of the touch panel 36.

  FIG. 8 is an explanatory diagram showing a home screen on which the flyer 1f selected for favorite registration is displayed. The cellular phone 30 can set a plurality of flyers 1f to a favorite registration selection state. FIG. 8 shows that the left flick is repeated three times for the three flyers 1f and the three flyers 1f are selected.

  When at least one flyer 1f is selected for favorite registration, the CPU 31 displays a favorite icon 1ic at the lower left of the flyer area 2d. The favorite icon 1ic is a figure combining a downward arrow symbol and an asterisk symbol. The favorite icon 1 ic is assigned processing for registering store information corresponding to the flyer 1 f in the favorite registration selected state.

  When at least one flyer 1f is in the favorite registration selection state, the CPU 31 displays a cancel icon 2ic in the lowermost center of the flyer area 2d. The cancel icon 2ic is an icon indicating a character string “cancel”. The cancel icon 2ic is assigned a process for deselecting the flyer 1f in the selected state for favorite registration.

  Even when the flyer 1f is in the favorite registration selection state, the CPU 31 performs the flyer 1f when the user swipes vertically (seventh gesture operation) other than the left edge of the screen to scroll the flyer 1f. Scroll. In addition, even when the flyer 1f is in the favorite registration selection state, the CPU 31 displays the flyer 1f partially when the user performs a tap (sixth gesture operation) for switching the flyer 1f between partial display and full display. And switch between full screen display.

In the state of FIG. 8, when the favorite icon 1ic is tapped (third gesture operation) or when the left end of the touch panel 36 is swiped vertically (second gesture operation, fourth gesture operation), the CPU 31 Execute the process. CPU31 matches and stores the flag which shows that it is favorite in the store information corresponding to the selected flyer 1f among the store information memorize | stored in the memory | storage part 32 or RAM33.
When the cancel icon 2ic is tapped in the state of FIG. 8, the CPU 31 deselects the flyer 1f in the favorite registration selected state.

FIG. 9 is an explanatory diagram showing a home screen on which the flyer 1f after the favorite registration process is displayed. The favorite icon 1ic and the cancel icon 2ic are not displayed. Each flyer 1f has returned to the initial state. However, the star mark 1s of the flyer 1f that has been selected for favorite registration has changed from dark to light.
In addition, in order to cancel the registered store information from favorites, the target flyer 1f is flicked to the left and the cancel icon 2ic is tapped. In such a case, the star mark 1s of the flyer 1f in the favorite registration state changes from light to dark.

  In the state of FIG. 5 or FIG. 6, when the user wants to delete the flyer 1 f, the user flicks the corresponding flyer 1 f to the right side (first gesture operation). The fried flyer 1f is selected as a deletion target. The selected flyer 1 f moves to the right side, and only the left end portion is displayed on the right end portion of the screen of the touch panel 36.

  FIG. 10 is an explanatory diagram showing a home screen on which a flyer 1f selected as a deletion target is displayed. The mobile phone 30 can select a plurality of flyers 1f to be deleted. FIG. 10 shows that the right flick is repeated three times for the three flyers 1f, and the three flyers 1f are selected.

  When at least one flyer 1f is selected for deletion, the CPU 31 displays a trash can icon 3ic at the lower right of the flyer area 2d. The trash can icon 3ic is a figure combining a downward arrow symbol and a trash can image. Processing for deleting store information corresponding to the flyer 1f in the selection state to be deleted is assigned to the trash can icon 3ic.

  When at least one flyer 1f is selected to be deleted, the CPU 31 displays a cancel icon 2ic at the bottom center of the flyer area 2d. The cancel icon 2ic is an icon indicating a character string “cancel”. The cancel icon 2ic is assigned a process for deselecting the flyer 1f in the selected state to be deleted.

  The CPU 31 scrolls the flyer 1f when the user swipes other than the right edge of the screen (seventh gesture operation) in order to scroll the flyer 1f, even when the flyer 1f is in the selection state to be deleted. . Further, even when the flyer 1f is in a selection state to be deleted, when the user performs a tap (sixth gesture operation) for switching the flyer 1f between the partial display and the full display, the flyer 1f is partially displayed. And switch between full screen display.

In the state of FIG. 10, when the trash can icon 3ic is tapped (third gesture operation) or when the right end of the touch panel 36 is swiped vertically (second gesture operation, fifth gesture operation), the CPU 31 Execute the process. The CPU 31 deletes the store information corresponding to the selected flyer 1f from the storage unit 32 or the RAM 33.
When the cancel icon 2ic is tapped in the state of FIG. 10, the CPU 31 puts the flyer 1f in the selected state to be deleted into a non-selected state.

  FIG. 11 is an explanatory diagram showing a home screen on which the flyer 1f after the deletion process is displayed. The trash can icon 3ic and the cancel icon 2ic are not displayed. Each flyer 1f has returned to the initial state. However, the flyer 1f that was in the selected state to be deleted disappears from the flyer area 2d. The flyer 1f that was not the deletion target is displayed so as to be packed upward so as to fill the display portion of the deleted flyer 1f.

12, 13, and 14 are flowcharts illustrating an example of a procedure for favorite registration processing and deletion processing. In FIG. 12, FIG. 13 and FIG. 14, the processing when the cancel icon 2ic is tapped is omitted.
CPU31 determines whether the display area of the flyer 1f in the touch panel 36 was flicked to the side (step S201).

  If the CPU 31 determines that the display area of the flyer 1f on the touch panel 36 is not flicked laterally (step S201: NO), the CPU 31 returns the process to step S201. When the CPU 31 determines that the display area of the flyer 1f on the touch panel 36 is flicked to the side (step S201: YES), the CPU 31 determines whether or not the display area of the flyer 1f on the touch panel 36 is flicked to the left (step). S202).

  When the CPU 31 determines that the display area of the flyer 1f on the touch panel 36 has been flicked to the left (step S202: YES), the CPU 31 sets the flicked flyer 1f to a favorite registration selection state (step S203). The CPU 31 moves the flicked flyer 1f to the left side of the touch panel 36 (step S204).

The CPU 31 displays only the right end portion of the flyer 1f on the left end of the screen (step S205). The CPU 31 displays the favorite icon 1ic and the cancel icon 2ic at the lowermost left end and the lowermost center of the flyer area 2d, respectively (step S206).
Note that the CPU 31 executes the process shown in FIG. 7 when the user performs a gesture operation for switching the scroll or the display mode of the flyer 1f even when step S206 is completed.

  The CPU 31 determines whether the favorite icon 1ic has been tapped or whether the left end portion of the touch panel 36 has been swiped in the vertical direction (step S207). If the CPU 31 determines that the favorite icon 1ic has not been tapped or the left end of the touch panel 36 has not been swiped in the vertical direction (step S207: NO), the process returns to step S207.

  When the CPU 31 determines that the favorite icon 1ic has been tapped or the left end of the touch panel 36 has been swiped in the vertical direction (step S207: YES), the CPU 31 executes the following processing. CPU31 memorize | stores the flag which shows that it is a favorite in correlation with the shop information corresponding to the selected flyer 1f among the shop information memorize | stored in the memory | storage part 32 or RAM33 (step S208).

  CPU31 produces | generates the flyer 1f based on the shop information memorize | stored in the memory | storage part 32 or RAM33 (step S209). CPU31 sets the star mark 1s of the flyer 1f produced | generated from the shop information matched with the flag which shows that it is a favorite to light color (step S210).

  The CPU 31 arranges the generated flyers 1f in the vertical direction in a cover tile shape and displays them on the touch panel 36 (step S211), and ends the process. At that time, the CPU 31 refers to the flag stored in the storage unit 32 or the RAM 33 with respect to the flyer 1f that has been displayed on the entire surface before the favorite registration, and maintains the entire display state.

  When the CPU 31 determines that the display area of the flyer 1f on the touch panel 36 is not flicked to the left side (step S202: NO), that is, when it is determined that the display area of the flyer 1f is flicked to the right side, the following processing is performed. Run. The CPU 31 puts the flyer 1f flicked to the right side into a deletion target selection state (step S212).

The CPU 31 moves the flicked flyer 1f to the right side of the touch panel 36 (step S213). The CPU 31 displays only the left end portion of the flyer 1f on the right end of the screen (step S214). The CPU 31 displays the trash can icon 3ic and the cancel icon 2ic at the lowermost right end and the lowermost center of the flyer area 2d, respectively (step S215).
Note that the CPU 31 executes the process shown in FIG. 7 when the user performs a gesture operation for switching the scroll or the display mode of the flyer 1f even when step S215 is completed.

  The CPU 31 determines whether or not the trash can icon 3ic has been tapped, or whether or not the right end portion of the touch panel 36 has been swiped in the vertical direction (step S216). If the CPU 31 determines that the trash can icon 3ic has not been tapped or the right end portion of the touch panel 36 has not been swiped in the vertical direction (step S216: NO), the process returns to step S216.

  If the CPU 31 determines that the trash can icon 3ic has been tapped or the right end portion of the touch panel 36 has been swiped in the vertical direction (step S216: YES), the CPU 31 executes the following processing. CPU31 deletes the store information corresponding to the selected fryer 1f among the store information memorize | stored in the memory | storage part 32 or RAM33 (step S217).

  CPU31 produces | generates the flyer 1f based on the shop information memorize | stored in the memory | storage part 32 or RAM33 (step S218). The CPU 31 arranges the generated flyers 1f in the vertical direction in a cover tile shape and displays them on the touch panel 36 (step S219), and ends the process. At that time, the CPU 31 refers to the flag stored in the storage unit 32 or the RAM 33 with respect to the flyer 1f that has been displayed on the entire surface before the favorite registration, and maintains the entire display state.

  In the above description, the selection states of the favorite registration and deletion target flyer 1f are shown separately. However, the cellular phone 30 can simultaneously hold the favorite registration and the selection state of the flyer 1f to be deleted.

FIG. 15 is an explanatory diagram showing an example of a home screen on which a flyer 1f which is a selection state of favorite registration and a flyer 1f which is a selection state of a deletion target are simultaneously displayed.
In the example of FIG. 15, two flyers 1f flicked to the left side and three flyers 1f flicked to the right side are displayed in the flyer area 2d. In addition, a favorite icon 1ic, a cancel icon 2ic, and a trash can icon 3ic are displayed at the bottom left end, the bottom center, and the bottom right end of the flyer area 2d, respectively.

  When the favorite icon 1ic is touched in the state of FIG. 15, the information corresponding to the two flyers 1f is registered as favorites. In addition, when the trash can icon 3ic is tapped in the state of FIG. 15, the information corresponding to the three flyers 1f is deleted.

  Thus, the mobile phone 30 can simultaneously hold different mode selection states related to two functions for a plurality of pieces of information.

  Even if the flyer 1f is in a favorite registration and deletion target selection state, the CPU 31 swipes the area other than the left edge and the right edge of the screen vertically in order to scroll the flyer 1f ( When the seventh gesture operation is performed, the flyer 1f is scrolled. In addition, even when the flyer 1f is in a favorite registration and deletion target selection state, the CPU 31 performs a flyer 1f when the user performs a tap (sixth gesture operation) for switching the flyer 1f between partial display and full display. Is switched between partial display and full display.

Next, the operation of the mobile phone 30 when the menu button 1bn or the narrow-down button 2bn in the button area 1d is tapped will be described.
When the menu button 1bn is tapped, the CPU 31 moves the home screen to the right side. The CPU 31 displays the menu screen in the area of the touch panel 36 where the home screen is hidden due to the movement while only the left end of the home screen is displayed on the right end of the touch panel 36.

FIG. 16 is an explanatory diagram showing an example of the layout of the menu screen.
The menu screen is a screen on which buttons for executing the functions of the program 3P are arranged and displayed. The menu screen includes a home button 3bn and a favorite button 4bn. The home button 3bn is a button for displaying a home screen. The favorite button 4bn is a button for displaying only the flyer 1f registered as a favorite on the home screen. Description of other buttons on the menu screen is omitted.

  When the favorite button 4bn on the menu screen is tapped, the CPU 31 extracts store information associated with a flag indicating that it is a favorite, and generates a flyer 1f based on the extracted store information. The CPU 31 sets the star mark 1s of the flyer 1f to a light color. The CPU 31 arranges the generated flyers 1f in the vertical direction in a cover tile shape and displays them on the touch panel 36. At that time, the CPU 31 refers to the flag stored in the storage unit 32 or the RAM 33 for the flyer 1f that has been displayed on the entire screen before displaying the menu screen, and maintains the full-screen display state.

  FIG. 17 is an explanatory diagram showing a home screen that displays only the flyer 1f registered as a favorite. Below the narrow-down button 2bn, for example, a balloon indicating a character string “condition: favorite” is displayed. This balloon indicates that the flyer 1f displayed on the home screen is narrowed down to the favorite flyer 1f.

When the narrow-down button 2bn is tapped, the CPU 31 displays a category selection screen.
FIG. 18 is an explanatory diagram showing an example of the layout of the category selection screen. The category selection screen is a screen for selecting a store category as a condition for narrowing down the flyer 1f and displaying it on the home screen. The category selection screen includes a plurality of selection buttons 5bn. For example, a character string such as “display all”, “favorite”, “fashion”, “furniture / interior / miscellaneous” is displayed on the selection button 5bn.

  When the “display all” selection button 5bn is tapped, the flyers 1f of all categories are displayed on the home screen in a manner in which no narrowing is performed. When the “favorite” selection button 5bn is tapped, only the favorite fryer 1f is displayed on the home screen (see FIG. 17). When the “Fashion” selection button 5bn is tapped, a flyer 1f related to fashion-related store information is displayed on the home screen.

  In the above description, in the flyer region 2d, the flyer 1f is displayed in a cover tile shape in the vertical direction from the top to the bottom. However, the flyer 1f may be displayed in a cover tile shape in the vertical direction from the bottom to the top. Further, the flyer 1f may be displayed in a cover tile shape in the lateral direction.

  In the above description, as the gesture operation for realizing the function of the program 3P, the flick in the lateral direction with respect to the flyer 1f, the swipe in the vertical direction at the side edge of the touch panel 36, and the like are given. However, the gesture operation is not limited to these. For example, the gesture operation for selecting the flyer 1f for the favorite registration process or the deletion process may be a pinch-in and a pinch-out for the target flyer 1f.

In the above description, the mobile phone 30 sets the information corresponding to the flyer 1f to the favorite registration or deletion target selection state by flicking the flyer 1f to the left side or the right side. However, the content of processing information corresponding to the flyer 1f is not limited to favorite registration and deletion, and various processing details may be set.
For example, the mobile phone 30 may be in a state of selecting a target to output information corresponding to the fried flyer 1f to the mailer by flicking the flyer 1f to the left side. In this case, when the left edge of the touch panel 36 is swiped in the vertical direction, the mobile phone 30 activates the mailer and sets the mail creation mode with the flyer 1f attached. Thereby, the user can easily notify other people of favorite store information.

According to the mobile phone 30, the operability can be improved.
In an information device such as a smartphone or a tablet PC operated by a touch panel, a user needs to perform gesture operations many times in order to process an arbitrary number of pieces of information selected from a plurality of pieces of information. For example, in the case of a mailer, an address book application, etc., the user has to perform at least three gesture operations. Specifically, the three gesture operations include a first gesture operation for selecting a mode such as an edit mode and a delete mode, a second gesture operation for selecting an arbitrary number of pieces of information from a plurality of pieces of information, etc. This is a third gesture operation that causes some processing to be performed on the information. However, the home screen in the present embodiment does not have a button for selecting or switching modes. The flyer 1f is selected when it is flicked for favorite registration or deletion. That is, the mobile phone 30 can complete the first and second gesture operations described above with a single gesture operation. Therefore, the mobile phone 30 can complete the above three gesture operations twice.

  In an information device such as a smartphone or a tablet PC operated by a touch panel, when a user selects one mode, the user cannot perform a gesture operation in another mode. For example, in the case of a mailer, when the user selects an edit mode for creating a mail, the details of each mail cannot be viewed. However, even if the user selects the flier 1f by flicking and switching to the favorite registration mode or the deletion mode, the mobile phone 30 changes the flyer 1f from the partial display to the full display or vice versa. Can be. That is, even when the mobile phone 30 is switched to the favorite registration mode or the deletion mode, so-called normal browsing mode processing can be executed, and operability is improved.

Information devices such as smartphones and tablet PCs that are operated with a touch panel do not simultaneously hold a selection state of modes related to a plurality of different functions with respect to a plurality of pieces of information. However, the cellular phone 30 can simultaneously hold the favorite registration and the selection state of the flyer 1f to be deleted.
When the user flicks one flyer 1f to select a favorite registration state and right-clicks another flyer 1f to select a deletion target, the mobile phone 30 changes the selection state of each flyer 1f simultaneously. Hold. Thereby, the user can cause the mobile phone 30 to execute processes related to a plurality of functions for a plurality of pieces of information in a short time.

  The disclosed embodiments are to be considered in all respects as illustrative and not restrictive. The scope of the present invention is defined by the terms of the claims, rather than the description above, and is intended to include any modifications within the scope and meaning equivalent to the terms of the claims.

  In addition, the technical features (configuration requirements) described in the embodiments can be combined with each other, and a new technical feature can be formed by combining them.

DESCRIPTION OF SYMBOLS 1 Information distribution system 10 WEB server 20 Server 30 Mobile phone (computer, information processing apparatus)
31 CPU (display unit, first detection unit, partial display unit, second detection unit, execution unit)
32 storage unit 33 RAM
36 touch panel 3P program 1f flyer (card-shaped object)
52 Flyer display part (display part, part display part)
53 Icon display unit 54 Gesture detection unit (first detection unit, second detection unit)
55 execution part

Claims (10)

In a program for causing a computer having a touch panel to execute processing related to information corresponding to an object displayed on the touch panel,
Displaying a plurality of card-shaped objects respectively corresponding to a plurality of information on the touch panel;
Detecting a first gesture operation on the area of the touch panel in which one of the displayed objects is displayed;
When the first gesture operation is detected, the one object is moved to the peripheral portion of the touch panel, and a part of the one object is displayed on the peripheral portion of the touch panel.
Detecting a second gesture operation on a peripheral portion of the touch panel on which a part of the one object is displayed;
A program for causing a computer to execute a process of executing a predetermined process related to information corresponding to the one object when the second gesture operation is detected. When the first gesture operation is detected, a graphic symbolizing the predetermined process is displayed on the touch panel,
Detecting a third gesture operation on the area where the figure is displayed on the touch panel;
The program according to claim 1, wherein the predetermined process is executed when the third gesture operation is detected. The program according to claim 1, wherein the second gesture operation corresponds to movement of a contact position of an object in an extending direction of a side of the touch panel at a peripheral edge of the touch panel. The process for displaying the plurality of objects includes biasing each of the plurality of objects in a predetermined direction and displaying the objects in a cover tile shape. The listed program. The touch panel has a rectangular shape,
In the process of displaying the plurality of objects, each of the plurality of objects is biased in the longitudinal direction of the touch panel, and is displayed so as to overlap with a covering tile.
The first gesture operation corresponds to the movement of the one object to one peripheral edge of the long side of the touch panel or the other peripheral edge facing the one peripheral edge,
The process of detecting the second gesture operation detects a fourth gesture operation or a fifth gesture operation for each of the one peripheral edge or the other peripheral edge of the touch panel to which the one object has moved,
When each of the fourth and fifth gesture operations is detected, a different process is executed for each piece of information corresponding to each of the one objects moved to one peripheral part or the other peripheral part of the touch panel. The program according to any one of claims 1 to 4. When each of the plurality of objects is displayed as a cover tile, the sixth gesture operation for the area of the touch panel on which one object is displayed is detected,
The program according to claim 4 or 5, wherein when the sixth gesture operation is detected, the whole of the one object is displayed. When the plurality of objects are displayed so as to overlap each other, and a part of the one object is displayed on the periphery of the touch panel, a sixth gesture operation is performed on the area of the touch panel on which the other object is displayed. Detect
The program according to claim 4 or 5, wherein when the sixth gesture operation is detected, the entire other object is displayed. When the plurality of objects are displayed or a part of the one object is displayed, the seventh gesture operation is detected for the entire area of the touch panel or the area other than the peripheral part of the touch panel where the part is displayed. And
The program according to any one of claims 1 to 7, wherein when the seventh gesture operation is detected, the plurality of objects are scroll-displayed. The process for displaying the plurality of objects includes displaying each of the plurality of objects having a background color that is color-coded according to the attribute of the information corresponding to the object. The program according to one item. In an information processing apparatus having a touch panel and processing information corresponding to an object displayed on the touch panel,
A display unit for displaying a plurality of card-shaped objects respectively corresponding to a plurality of information on the touch panel;
A first detection unit that detects a first gesture operation on a region of the touch panel on which one object is displayed among the plurality of objects displayed by the display unit;
When the first detection unit detects a first gesture operation, the partial display unit moves the one object to the peripheral part of the touch panel and displays a part of the one object on the peripheral part of the touch panel. When,
A second detection unit for detecting a second gesture operation on a peripheral portion of the touch panel on which the partial display unit displays a part of the one object;
An information processing apparatus comprising: an execution unit that executes a predetermined process related to information corresponding to the one object when the second detection unit detects a second gesture operation.

Images