JP2017033421A - Image display method - Google Patents

Abstract

PROBLEM TO BE SOLVED: To solve a following problem: in the image layout application, when an image to be arranged on a page is selected, an image already arranged on the page is displayed, but it is not specified to a user on which page the image is and with which kind of layout the image is arranged.EFFECT: An image display method allows a user to select an image to use in a book creation while confirming an arrangement of an image already used.SELECTED DRAWING: Figure 4

Description

  The present invention relates to an image processing apparatus, an image processing method, a computer program, and a computer-readable recording medium, and particularly to image layout application program software (hereinafter referred to as “image layout application”) that allocates an electronic image to each page. It is suitable for use.

  In recent years, there is an image layout application that arranges images on a page and creates a photo book or the like. Some images used in a photo book are selected from an image list that can be acquired by an application and assigned.

  Even when replacing images on individual pages, the thumbnail list of images that can be acquired by the app is displayed. Of these, thumbnails that are already used in this photo book are added with a mark to indicate that. Or perform image processing such as watermarking. In addition, when selecting a plurality of images, there is a method in which the effect of knowing that the images are selected is applied in the order of the images, and numbers are displayed on the images so that the order of selection is known (see Patent Document 1).

JP 2014-106595 A

  In the flow of creating / editing a photo book with an image layout application, etc., when replacing images on individual pages, images already added to the page are also displayed in the image list that can be acquired by the application However, it is impossible to present to the user how many pages the image is used and what layout is arranged on the page.

  In particular, when photobook editing is performed in a limited screen size of a mobile terminal or the like, it is necessary to present the current editing status in an easy-to-understand manner.

An image processing apparatus according to the present invention includes:
In an image processing apparatus having a function of replacing an image to be arranged on a page by an image layout application in which a user arranges a photo and text on the page to create a photo book,
It has a means to display a list of image thumbnails to be replaced,
If there is an image already used in the photo book, it has a means to add an effect to the image list that shows how many pages have been placed,
The user has a means to select an image by clicking or tapping an image thumbnail on the image list,
When the selection of the image is completed, the image is arranged in a photo book on a designated page.

  According to the image processing apparatus of the present invention, when selecting an image to be used for a photo book with an image layout application or the like, the user confirms the page number and arrangement status of the image already used in the photo book, Images used for book creation can be selected.

It is a block diagram for demonstrating the apparatus structure of the information processing apparatus which processes the program code which implement | achieves the function of embodiment of this invention. 6 is a flowchart illustrating a flow from selecting an image to be arranged on a specific page of the photo book from a list of images to arranging the image on the page when editing the photo book in the image layout application according to the embodiment of the present invention. . In the image layout application of the embodiment of the present invention, it is an example of a page list screen in which the user instructs replacement of the image of the target page. 6 is an example of an image list screen for selecting an image to be replaced in the image layout application according to the embodiment of the present invention. In the image layout application of the embodiment of the present invention, it is an example of an image list screen after selecting an image to be replaced. In the embodiment of the present invention, when an image to be replaced is selected, if there is an image that is already used, the user is notified how many pages the image is used and what layout is arranged on the page. It is the flowchart explaining the flow which produces | generates the image list screen to show. In the embodiment of the present invention, an example of a table for managing information related to A image information management data, B page management data, and C book management data is shown. A screen is displayed according to the information in this table. It is a design example of a batch that presents to a user what page an image is used for and what layout is arranged on the page. (A) Batch example arranged on the left page, (B) Batch example arranged on the left and right spread, (C) Batch example arranged on the right page

  Hereinafter, preferred embodiments of the present invention will be described in detail with reference to the accompanying drawings.

  The configuration of the computer apparatus that constitutes the information processing apparatus of this embodiment will be described with reference to the block diagram of FIG.

  The information processing apparatus may be realized by a single computer apparatus, or may be realized by distributing functions to a plurality of computer apparatuses as necessary. When configured by a plurality of computer devices, they are connected by a communication line such as a local area network (LAN) so that they can communicate with each other.

  In FIG. 1, a control unit 101 controls the entire information processing apparatus 100, and is, for example, a Central Processing Unit (hereinafter referred to as a CPU). A Read Only Memory (ROM) 102 stores programs and parameters that do not need to be changed. A random access memory (RAM) 103 temporarily stores programs and data supplied from an external device or the like. The external storage device 104 is a hard disk, a memory card, or the like that is fixedly installed in the information processing apparatus 100, and stores a program such as an operating system (OS). The input interface 105 is connected to an input device such as a pointing device or a keyboard for inputting data in response to a user operation.

  The Bit Move Unit (BMU) 106 controls, for example, data transfer between memories (for example, between the VRAM 107 and another memory) or between the memory and each I / O device (for example, the network interface 109). The video RAM (VRAM) 107 draws an image to be displayed on the display unit 111. The image generated in the VRAM 107 is transmitted to the display unit 111 according to a predetermined rule, whereby the display unit 111 displays the image. The network interface 109 is connected to a network line 110 such as the Internet. The system bus 112 connects the units 101 to 109 so that they can communicate with each other.

  Note that the external storage device 104 stores the image layout application of the present embodiment and the image file generated by the imaging device. In addition, a present Example is not restricted to this, When keyboard operation or the display part 111 is a touchscreen which has a touch sensor, you may operate according to the output of the said sensor. Note that the touch panel is an input device that is configured to be two-dimensionally superimposed on the display unit 111 and that outputs coordinate information corresponding to the touched position.

  When the operation input unit includes a touch panel, the CPU 101 can detect the following operations on the touch panel. Touching the touch panel with a finger or a pen (hereinafter referred to as touchdown). The touch panel is touched with a finger or a pen (hereinafter referred to as touch-on). The touch panel is moved while being touched with a finger or a pen (hereinafter referred to as a move). The finger or pen that was touching the touch panel is released (hereinafter referred to as touch-up). A state where nothing is touched on the touch panel (hereinafter referred to as touch-off).

  In this embodiment, in particular, the touch-on is detected immediately after the touch-down is detected, the time when the touch-on is continuously detected is shorter than the predetermined time, and the other time is within the predetermined time before and after the touch-down is detected. The operation when the touch operation is not detected is referred to as “tap”. In addition, an operation when the touch-on is continuously detected is longer than a predetermined time, and another touch operation is not detected within a predetermined time before and after the touch-down is detected, is referred to as “long tap”. .

  The CPU 101 is notified of these operations and the position coordinates at which the finger or pen touches the touch panel, and the CPU 101 determines what operation has been performed on the touch panel based on the notified information. Regarding the move, the moving direction of the finger or pen moving on the touch panel can also be determined for each vertical component / horizontal component on the touch panel based on the change of the position coordinates. Further, when touch-up is performed on the touch panel through a move of a predetermined distance or more from touchdown, it is assumed that a drop is performed via drag (drag and drop).

  The touch panel may be any of various types of touch panels such as a resistive film method, a capacitance method, a surface acoustic wave method, an infrared method, an electromagnetic induction method, an image recognition method, and an optical sensor method. .

  In addition, although a present Example demonstrates as an example the case where this invention is applied to a smart phone, it is not limited to this. That is, the present invention may be applied to an imaging apparatus such as a digital camera. That is, the present invention can also be applied when a captured image recorded on a recording medium readable by a digital camera such as a memory card is reproduced and displayed on a display such as a rear liquid crystal device of the digital camera. In addition, PDAs, mobile phone terminals, portable image viewers, printers equipped with displays, digital photo frames, music players, game consoles, electronic book readers, and other devices that can display content such as images, text, and illustrations If present, the present invention is applicable.

  In the embodiment of the present invention, in the flow of creating / editing a photo book with an image layout application or the like in response to a user operation, a flow from selecting an image from a list of images and arranging it on a page is illustrated below. This will be described with reference to the flowchart of FIG. In the present embodiment, an example of arranging one image per page including a cover and an example of a screen will be described, but the present invention is not limited to this.

  Thereafter, the CPU 101 of the information processing apparatus 100 reads out the image data of the table or image file storing the book information used by the application in the RAM 103 in accordance with the instruction of the image layout application read and started from the ROM 102, and edits the photo book. Shall be executed.

  The CPU 101 activates the image layout application, reads the image information management / page management / image information management table of FIGS. 5A to 5C, and displays the page list screen FIG. 3A of the photobook. Table information constituting the book of FIGS. 5A to 5C will be described in detail later. The page list screen displays all pages of the book to be edited. However, in the case of a terminal with screen restrictions, the page to be currently edited is displayed at the center as shown in page 301 in FIG. 3A.

  In step S201, the CPU 101 identifies the user when the image layout application is activated. The book ID 521 and book title 523 owned by the user are acquired from the book management table 520 using the user ID 522 as a key, and a list of books to be edited is displayed. When the user refers to the book title from the book list and designates the book to be edited, in step S202, the CPU 101 specifies the book to be edited according to the user's instruction.

  In step S203, the CPU 101 searches the page information in the page management table 510 using the book ID of the book to be edited as a key, and displays the book page. For images displayed on individual pages, the image management information table 500 is searched using the page image ID 501 as a key, the stored image file path 502 is read, and the page list screen 300 of FIG. 3A is displayed. The image file path is assumed to be an image storage area in the application, but may be an image storage folder in the device or a storage on the Internet, and is not limited in this embodiment.

  The user selects a page to be edited from the page list on the page list screen 300 in FIG. 3A and presses the image area 302 of the page 301. In step S204, the CPU 101 specifies a page to be edited in response to a user instruction. All images in the image acquisition area set in the app are referenced to display a list of images. The image acquisition destination is assumed to be an image storage area in the application, but may be an image storage folder in the device or a storage on the Internet, and is not limited in this embodiment.

  Among the images displayed here, images already added to the page are also displayed. The flow for displaying the image list area 311 of the image list screen 310 of the image list screen diagram B presenting the page number and layout of the images already used to the user will be described in detail with reference to the flowchart of FIG.

  The user confirms a batch (312, 313, 315) indicating the page number and layout of the screen frame 314 arranged on this page and the already used images on the image list screen 310 of FIG. 3B. While selecting the image to be replaced, the user selects the image by tapping the thumbnail. When an image is selected, a mark 312 that is known to be selected is overlaid on the image list screen 320 in FIG. 3C.

  In step S205, the CPU 101 refers to the acquisition destination of the selected image and acquires image data. A record is added to the image management information table 500, an image ID 501 is issued, and a file path 502 from which an image is acquired is stored. The book ID 503 to be edited is also stored. In addition, the record is deleted for the image before replacement. Also, the information in the page management table 510 is updated. The record is searched using the page No. 512 to be edited as a key, and the image ID 511 is updated to the previously issued image ID. After updating the database, transition to the page list screen.

  In step S206, the CPU 101 redisplays the page list screen. The book management / page management / image information management tables of FIGS. 5A to 5C are read, and the page list screen of the book currently being edited is displayed. The image of the page that the user has instructed to replace is updated, and the image arrangement result of the book is displayed.

[Image list display flow]
Next, a process for presenting the page number and layout of an image that is already used when the user selects a candidate image to be arranged on the page will be described in detail with reference to the flowchart of FIG.

  In step S <b> 401, the CPU 101 acquires a book ID to be updated of an image and stores it in a variable CBBookID. The replacement target page No is acquired and stored in the variable CPageNo. Also, the image ID currently arranged on the target page is acquired.

  In step S <b> 402, the CPU 101 refers to the path of the image storage area that is an image replacement candidate, calculates the number of existing target image candidates, and stores it in the variable Y. Substitute count variable N = 1. If there is no target image candidate image in the storage area (when Y = 0), an error message indicating that there is no replacement target image is displayed and the process is interrupted. The file path of the image to be a replacement candidate is assumed to be an image storage area in the application, but it may be an image storage folder in the device or a storage on the Internet, and is not limited in this embodiment.

  In step S <b> 403, the CPU 101 acquires the Nth image and creates a thumbnail for displaying individual images in a tile shape in the image list area 311 of the image list page 310. In step S404, the CPU 101 determines whether the Nth image has already been arranged on the page. It is compared whether the path of the Nth image matches the image file path 502 of the image management information table 500. If not, it is determined that the image is not arranged on the page, and the process proceeds to step S410. If they match, it is determined that the image is arranged on the page, the image ID is acquired, and the process proceeds to step S405.

  In step S405, the CPU 101 assumes that the Nth image has already been placed on the page, and searches the page management table 510 using the previously acquired image ID and variable cBookID as keys, and the page number stored in page NO512 and its page number. Information on the page layout 513 is acquired.

  In step S406, the CPU 101 creates a batch image illustrating the page number and page layout of the image from the page number acquired in step S405 and the information of the layout 513 of the page, and overlays the previously created image thumbnail. indicate. As a display example, the case where the page layout is the left page arrangement, the case of the center spread arrangement, and the right page arrangement will be described with reference to the batch example of FIG.

  FIG. 6A shows an example of a batch when images are arranged on the left page of four pages. FIG. 6B shows an example of a batch when images are arranged on a spread page of 8-9 pages. FIG. 6C shows an example of a batch when images are arranged on the right page of 5 pages.

  In step S407, the CPU 101 determines whether the Nth image is an image used on the current replacement target page. The page number acquired in step S405 is compared with CPageNo. If it does not match, it is determined that the image is not arranged on the page to be replaced, and the process proceeds to step S410. If they match, it is determined that the image is arranged on the page to be replaced, and the process proceeds to step S408.

  In step S <b> 408, the CPU 101 determines that the Nth image is used on the current replacement target page, and applies an effect that can be recognized to the thumbnail of the Nth image. As an example, a target frame for thumbnails is created and superimposed on the thumbnails. Effects such as blurring thumbnails and creating a three-dimensional effect are also possible. In step S410, the CPU 101 counts up the count variable N.

  In step S411, the CPU 101 compares the count variable N with a variable Y that represents the number of target image candidates that exist. If N> Y, since all the image processing has been performed, the process proceeds to step S412. If there is any remaining information, the process proceeds to step S403, and the same processing is performed on the next image.

  In step S <b> 412, the CPU 101 finishes generating image thumbnails, pages to be displayed in the image list area 311, batches representing the layout, and target frames representing the currently arranged images, and tiles are displayed in the image list area 311 of the image list page 310. The image thumbnails, batches, and target frames are superimposed and displayed on the screen. As a result, the user can display the 310 image list, and can select an image to be used for book creation while confirming the order and arrangement status of images already used.

[Description of table information that composes book]
The image management information table 500 in FIG. 5A has an image file path 502 and a book ID 503 to which the image belongs, using the image ID 501 as a key. The image file path 502 manages a file path in the device in the case of an image in the device and a URL in the case of an image on the Internet. The image ID 501 is an ID that is issued when an image is arranged on a page.

  The page management table 510 in FIG. 5B has an image ID 511, a page layout 513, and a page caption 514 that are arranged on the page using the page NO 512 and the book ID 515 as keys.

  As an example of page layout in this embodiment, left page arrangement, center spread arrangement, and right page arrangement will be described. However, depending on the product, the upper page / lower page arrangement may be used, and the layout of the present invention is not limited.

  The book management table 520 of FIG. 5C has a user ID 522, a book ID 521, and a book title 523, assuming that the book is managed for each user. The book ID 521 is an ID issued when creating a book.

  Although the present invention has been described in detail based on preferred embodiments thereof, the present invention is not limited to these specific embodiments, and various forms within the scope of the present invention are also included in the present invention. included. A part of the above-described embodiments may be appropriately combined. Also, when a software program that realizes the functions of the above-described embodiments is supplied from a recording medium directly to a system or apparatus having a computer that can execute the program using wired / wireless communication, and the program is executed Are also included in the present invention.

  Accordingly, the program code itself supplied and installed in the computer in order to implement the functional processing of the present invention by the computer also realizes the present invention. That is, the computer program itself for realizing the functional processing of the present invention is also included in the present invention. In this case, the program may be in any form as long as it has a program function, such as an object code, a program executed by an interpreter, or script data supplied to the OS. As a recording medium for supplying the program, for example, a magnetic recording medium such as a hard disk or a magnetic tape, an optical / magneto-optical storage medium, or a nonvolatile semiconductor memory may be used.

  As a program supply method, a computer program that forms the present invention is stored in a server on a computer network, and a connected client computer downloads and programs the computer program.

100 information processing apparatus, 101 control unit, 102 ROM, 103 RAM

Claims (3)

In an image processing apparatus having a function of replacing an image to be arranged on a page by an image layout application in which a user arranges a photo and text on the page to create a photo book,
It has a means to display a list of image thumbnails to be replaced,
If there is an image already used in the photo book, it has a means to add an effect to the image list that shows how many pages have been placed,
The user has a means to select an image by clicking or tapping the image thumbnail on the image list,
An image processing apparatus, wherein when an image is selected, an image is arranged in a photobook on a designated page. The image processing apparatus according to claim 1, wherein when displaying the image thumbnail, a process is performed so that an arrangement layout of an image already used in a photo book is known. When the image thumbnail is displayed, the image layout already used in the photo book is arranged on the left page of the photo book, on the right page, or in a spread across the left and right. The image processing apparatus according to claim 1, wherein a process is performed to determine whether the image is present.