JP6330488B2 - Information processing apparatus, recording system, and program - Google Patents

Description

  The present invention relates to a program or the like installed in an information processing apparatus that edits and displays a preview image recorded on a recording sheet.

  2. Description of the Related Art Conventionally, a system for receiving a user operation for placing a photograph or message at a predetermined position and recording an image generated by the operation on a recording sheet is known. For example, Patent Document 1 accepts a user operation for inputting a destination recorded on the address side of a postcard and a photograph or message recorded on a communication side, and displays a preview image of the postcard on which various pieces of input information are recorded. A system that causes a server device to execute processing for recording various input information in a postcard is disclosed.

  In addition, the template image prepared by the user is selected and an image showing a photograph, a sender, a message, and the like input by the user (hereinafter collectively referred to as “component image”). There is known an information processing apparatus capable of editing an image recorded on a communication surface of a postcard by combining it at an arbitrary position of the image. As a method for determining the position of the component image on the template image, for example, an interactive interface or a method in which the user directly specifies the position of the component image with a mouse can be considered.

JP 2002-44355 A

  However, the interactive interface has a problem that the position of the component image on the template image is difficult to understand intuitively. In addition, the method of specifying the position of the component image with the mouse has a problem that it is difficult to adjust the position particularly in an information processing apparatus having a small display screen.

  The present invention has been made in view of the above circumstances, and an object of the present invention is to provide a program capable of arranging a component image on a template image with an intuitive and simple operation.

  The program described in this specification can be executed by a computer including a display unit having a display screen for displaying an image and an operation unit for receiving a user operation for touching the display screen. The program includes template image data indicating a template image recorded on a recording sheet, region information indicating a component region on the template image that can be combined with a component image, and a plurality of attributes indicating the type of the component image. A first acquisition process for acquiring component information including attribute information indicating an attribute of the component image that can be combined with the component region, and a first preview image indicating a state in which the template image is recorded on a recording sheet. A plurality of data set in the computer in response to the first display process to be displayed on the display unit and the operation unit receiving a user operation to touch the position of the component area included in the first preview image A second acquisition process for acquiring component data indicating the component image from the data acquisition source associated with the attribute information of the acquisition sources. When, to execute a second display processing for displaying the second preview image obtained by combining the component images in the component regions of the first preview image on the display unit, to the computer. The component information includes first region information indicating a first component region, second region information indicating a second component region different from the first component region, and the component image that can be combined with the first component region. 1st attribute information which shows a 1st attribute, and 2nd attribute information which is an attribute of the said component image which can be synthesize | combined with the said 2nd component area | region, and shows a 2nd attribute different from the said 1st attribute.

  According to the program described in this specification, by touching a predetermined part area on the template image, a part image having a predetermined attribute is synthesized with the part area. The component image can be combined with the template image with a simple operation.

FIG. 1 is a block diagram of a recording system 100 according to the embodiment. FIG. 2 is an example of information defined in the template definition file. FIG. 3 is a flowchart of the communication surface recording process. FIG. 4 is a flowchart of the tap position determination process. 5A and 5B are display examples of the display unit 53, where FIG. 5A shows a menu screen and FIG. 5B shows a New Year card creation screen. 6A and 6B are display examples of the display unit 53, where FIG. 6A shows a template image list display screen and FIG. 6B shows a preview screen. FIG. 7 is a display example of the display unit 53, where (A) shows a photo list display screen and (B) shows a photo image editing screen. FIG. 8 is a display example of the display unit 53, where (A) shows an address list display screen and (B) shows a preview screen. FIG. 9 is a display example of the display unit 53 according to the first modification, where (A) shows a preview screen and (B) shows a stamp list display screen. FIGS. 10A and 10B are display examples of the display unit 53 according to the first modification. FIG. 10A shows a text input screen and FIG. 10B shows a preview screen. 11A shows an example of a sender information input / input screen according to the second modification, and FIG. 11B shows an example of a full-screen preview screen according to the third modification.

  Hereinafter, embodiments of the present invention will be described with reference to the drawings as appropriate. The embodiment described below is merely an example of the present invention, and it is needless to say that the embodiment of the present invention can be changed as appropriate without departing from the gist of the present invention.

  FIG. 1 is a schematic diagram of a recording system 100 in the present embodiment. A recording system 100 shown in FIG. 1 includes a multifunction device 10, a portable terminal 50, and a server device 70. The multi-function device 10, the portable terminal 50, and the server device 70 can communicate with each other via the communication network 102. Specific examples of the communication network 102 are not particularly limited, but may be, for example, the Internet, a mobile communication network, a wired LAN (abbreviation of Local Area Network), a wireless LAN, or a combination thereof.

[Multifunction machine 10]
As shown in FIG. 1, the multifunction machine 10 includes a printer unit 11, a scanner unit 12, a display unit 23, an operation unit 24, a communication unit 25, a CPU 31, a storage unit 32, and a communication bus 33. Is mainly provided. Each component constituting the multi-function device 10 is connected to each other via a communication bus 33. The multifunction machine 10 is an example of an image recording apparatus.

[Printer 11 and Scanner 12]
The printer unit 11 executes a recording process for recording an image indicated by the image data on a recording sheet. The recording method of the printer unit 11 is not particularly limited. For example, a known method such as an ink jet method or an electrophotographic method can be employed. The scanner unit 12 executes a scan process for reading an image recorded on a recording sheet and generating image data. The multi-function device 10 may further include a FAX function for performing FAX transmission / reception, a copy function for reading an image recorded on a recording sheet and recording it on another recording sheet.

[Display unit 23]
The display unit 23 includes a display screen that displays various types of information. Although the specific configuration of the display unit 23 is not particularly limited, for example, a liquid crystal display (abbreviation of Liquid Crystal Display), an organic EL display (abbreviation of Organic Electro-Luminescence Display), or the like can be employed.

[Operation unit 24]
The operation unit 24 receives a user operation for selecting an object displayed on the display screen of the display unit 23. Specifically, the operation unit 24 includes, for example, a push button, and outputs various operation signals associated with the pushed push button to the CPU 31. Further, the operation unit 24 may include a film-like touch sensor superimposed on the display screen of the display unit 23. That is, the display unit 23 may be configured as a touch panel display. For the touch sensor, a known method such as a capacitance method or a resistance film method can be adopted.

  The “object” refers to an image that can be selected by the user operating the operation unit 24. As an example, the object is a character string displayed on the display unit 23. One of the objects is highlighted when the direction key of the operation unit 24 is pressed, and the object is highlighted by pressing the enter button of the operation unit 24. A light-displayed object may be selected. As another example, an object when the operation unit 24 is a touch panel is an icon, a button, a link, or the like displayed on the display unit 23, and the object displayed at the touch position may be selected.

[Communication unit 25]
The communication unit 25 is an interface for communicating with an external device through the communication network 102. That is, the multifunction device 10 outputs various information to the portable terminal 50 or the server device 70 through the communication unit 25, and receives various data or various information from the portable terminal 50 or the server device 70 through the communication unit 25. Although the specific communication procedure of the communication part 25 is not specifically limited, For example, Wi-Fi (registered trademark of Wi-Fi Alliance) is employable.

[CPU 31]
A CPU (abbreviation of Central Processing Unit) 31 controls the overall operation of the multifunction machine 10. The CPU 31 acquires and executes various programs, which will be described later, from the storage unit 32 based on various information output from the operation unit 24 and various information acquired from an external device through the communication unit 25. That is, the CPU 31 and the storage unit 32 constitute an example of a control unit.

[Storage unit 32]
The storage unit 32 includes a program storage area 32A and a data storage area 32B. In the program storage area 32A, an OS (abbreviation of Operating System) 34 and a control program 35 are stored. The control program 35 may be a single program or an aggregate of a plurality of programs. Data or information necessary for execution of the control program 35 is stored in the data storage area 32B.

  Note that “data” and “information” in this specification are common in that they are bits or bit strings that can be handled by a computer. “Data” refers to data that can be handled by the computer without taking into account the meaning of each bit. On the other hand, “information” refers to information that the operation of the computer branches depending on the semantic content indicated by each bit. Furthermore, the “instruction” is a control signal for prompting the destination apparatus to perform the next operation, and may include information or itself has a property as information. There is also.

  In addition, even if the format (for example, text format, binary format, flag format, etc.) is changed for each computer, “data” and “information” have the same data and information as long as they are recognized as the same meaning content. Are treated as For example, information indicating “two” is stored as text information “0x32” in ASCII code in one computer, and binary format information “10” in binary notation in another computer. May be.

  However, the distinction between the above “data” and “information” is not strict, and exceptional handling is allowed. For example, data may be temporarily treated as information, or information may be temporarily treated as data. Also, what is handled as data in a certain device may be handled as information in another device. Furthermore, information may be extracted from the data, or data may be extracted from the information.

  The storage unit 32 includes, for example, RAM (abbreviation of Random Access Memory), ROM (abbreviation of Read Only Memory), EEPROM (abbreviation of Electrically Erasable Programmable Read-Only Memory), HDD (abbreviation of CPU 31), and HDD (abbreviation of HardDr 31). It is configured by a buffer or the like or a combination thereof. The storage unit 32 may be a computer-readable storage medium. A computer-readable storage medium is a non-transitory medium. Non-transitory media include recording media such as CD-ROM and DVD-ROM in addition to the above examples. A non-transitory medium is also a tangible medium. On the other hand, an electrical signal that carries a program downloaded from a server on the Internet is a computer-readable signal medium that is a kind of computer-readable medium, but a non-transitory computer-readable storage. Not included in the media.

  The program stored in the program storage area 32A is executed by the CPU 31. However, in this specification, the operation of each program may be described with the CPU 31 omitted. That is, in the following description, the description that “the program A executes the process A” may indicate that “the CPU 31 executes the process A described in the program A”. The same applies to the portable terminal 50 described later.

  The OS 34 provides an API (abbreviation for Application Programming Interface) for controlling the printer unit 11, the scanner unit 12, the display unit 23, the operation unit 24, the communication unit 25, and the like that are hardware constituting the multifunction machine 10. It is a basic program. That is, each of the above programs controls each hardware by calling an API provided by the OS 34. However, in this specification, the operation of each program will be described with the OS 34 omitted. That is, in the following description, the description “the program B controls the hardware C” may refer to “the program B controls the hardware C through the API of the OS 34”. The same applies to the portable terminal 50 described later.

[Portable terminal 50]
As shown in FIG. 1, the portable terminal 50 mainly includes a display unit 53, an operation unit 54, a communication unit 55, a CPU 61, a storage unit 62, and a communication bus 63. The display unit 53, the operation unit 54, the communication unit 55, the CPU 61, the storage unit 62, and the communication bus 63 included in the portable terminal 50 are the display unit 23, the operation unit 24, the communication unit 25, the CPU 31, Since it is common with the memory | storage part 32 and the communication bus | bath 33, description for the second time is abbreviate | omitted. The portable terminal 50 is an example of an information processing apparatus, and the CPU 61 and the storage unit 62 are examples of a control unit. A specific example of the information processing apparatus is not limited to the mobile terminal 50 such as a smartphone, a mobile phone, and a tablet terminal, and may be a PC (abbreviation of Personal Computer) or the like.

  The operation unit 54 of the portable terminal 50 includes a film-like touch sensor superimposed on the display screen of the display unit 53. Then, the operation unit 54 receives a user operation for touching the display screen of the display unit 53. The operation unit 54 outputs position information indicating the position on the display screen touched by the user. The position information can be expressed, for example, as coordinates (x, y) on the xy plane with the upper left corner of the display screen as the origin, the right direction as the positive direction of the x axis, and the downward direction as the positive direction of the y axis.

  Note that “touch” in this specification includes all operations for bringing an input medium into contact with a display screen. That is, a tap operation to move the touched input medium away from the display screen within a predetermined time, a long touch operation to make the touched input medium stand still on the display screen, a slide operation to slide the touched input medium on the display screen, a display screen Examples of touch include a pinch-in operation in which two input media touched at different upper positions are slid in directions toward each other, a pinch-out operation in which two input media touched at different positions on a display screen are slid in directions away from each other, etc. It is. The input medium may be a user's finger or a touch pen.

  The communication unit 55 communicates with the multifunction device 10 or the server device 70 through a mobile communication network or a wireless LAN. The program storage area 62A of the storage unit 62 stores an OS 64 and a control program 65. The data storage area 62B of the storage unit 62 may include, for example, a photo data folder that stores photo data, an address folder that stores address information, a stamp folder that stores stamp image data, and the like. The address information includes, for example, a name, an address, a telephone number, a mail address, and the like.

[Server device 70]
The server device 70 stores a plurality of template image data and a plurality of component information associated with each of the plurality of template image data. Further, the server device 70 transmits template image data and component information to the mobile terminal 50 in response to a request from the mobile terminal 50. The template image data indicates a template image recorded on a postcard which is an example of a recording sheet. The component information is information regarding a component image that can be combined with the template image. Note that “according to” in the present specification indicates that the processing described after the character string is executed when the condition described before the character string is satisfied. Note that the timing at which the process is executed may be after the condition is satisfied, and is not necessarily immediately after the condition is satisfied.

  More specifically, the server device 70 transmits the template definition file shown in FIG. 2 to the mobile terminal 50 in response to a request from the mobile terminal 50. The template definition file includes a plurality of template image information and a plurality of component information associated with each of the plurality of template image information. The template image information includes a file name of the template image data, an acquisition destination URL of the template image data, and size information indicating the size of the template image. Then, the server device 70 transmits the template image data to the portable terminal 50 in response to a request from the portable terminal 50 to transmit the template image data specified by the acquisition destination URL.

  The component information includes, for example, area information, attribute information, overlap information, and format information as shown in FIG. In the present embodiment, the component information associated with each template image information includes a plurality of area information and a plurality of attribute information. Further, the plurality of area information indicate different component areas. However, some of the plurality of component regions may overlap each other. Further, the plurality of attribute information indicates different attributes. However, some of the plurality of pieces of attribute information may indicate the same attribute. A specific example of the data structure of the template definition file is not particularly limited. For example, a format such as XML (abbreviation of eXtensible Markup Language) or JSON (abbreviation of JavaScript Object Notation) may be adopted.

  The region information is information indicating a component region on the template image that can be combined with the component image. As an example, the area information of the part 1 of the template 1 shown in FIG. 2 indicates a circular area specified by the center position “center” and the radius “radius”. As another example, the area information of the component 2 of the template 1 indicates a rectangular area specified by the left end position “left”, the upper end position “top”, the right end position “right”, and the lower end position “bottom”. Each of the above positions is specified with reference to, for example, the upper left position of the template image. The shape of the component region and the specifying method are not limited to the above example. For example, a triangular component region may be specified by the positions of three vertices.

  In addition, “position = fixed” in the area information indicates that the component image is combined with the preview image based on a predetermined position of the component area indicated by the area information. The component information including such area information is an example of fixed position component information. On the other hand, “position = free” in the area information indicates that the component image is combined with the preview image based on the tap position received by the operation unit 54. The component information including such region information is an example of free-position component information.

  The attribute information is information indicating an attribute of a component image that can be combined with the component area. The attribute indicates the type of component image. More specifically, the attribute indicates the type of original data of the component image. As an example, a component image when the attribute information indicates “photo” is generated from photo data. As another example, the component image in the case where the attribute information indicates “sender” is generated from text data indicating at least part of a name, a zip code, and an address acquired from the address information. As yet another example, a component image when the attribute information indicates “character string” is generated from text data. As yet another example, the component image when the attribute information indicates “stamp” is a stamp image prepared in advance. A specific example of attribute information is not limited to the above example. The attribute of a component image that can be combined in one component area is not limited to one.

  The format information is information indicating the format of a component image that can be combined with the component area. As an example, format information that can be set for a component image whose attribute information is “photograph” includes the color tone of the component image. Specific examples of the color tone include original, sepia, monochrome, and the like. As another example, format information that can be set for a component image whose attribute information is “character string” includes an arrangement direction, a typeface, a font size, and the like. Specific examples of the arrangement direction include a vertical arrangement and a horizontal arrangement. Specific examples of the typeface include, for example, Mincho, Gothic, writing brush, pop, and the like. As yet another example, the format information that can be set for the component image whose attribute information is “From” includes the type of information to be extracted from the address information, the layout of each information, and the like. In the present embodiment, the address and name extracted from the address information are represented in two rows in a horizontal arrangement.

  In addition, when the format of the component image selected in the communication surface recording process described later is different from the format indicated by the format information, the component image is converted into the format indicated by the format information. Further, when a plurality of options are set in the format information, one of the options can be selected by the user. Furthermore, the format information that can be set for one component image is not limited to one, like the component 2 of the template 1 in FIG.

  The overlap information is information indicating a logical positional relationship in the depth direction between the template image and one or more component images combined with the template image. The depth direction refers to a direction that intersects the display screen of the display unit 53. A numerical value is set for the overlap information in the present embodiment. The component image synthesized in the corresponding component region is positioned on the far side as the numerical value indicated by the overlap information is small, and positioned on the near side as the numerical value indicated by the overlap information is large. In the example of FIG. 2, the template image overlap information is omitted, but in this embodiment, the template image overlap information is set to zero. That is, in the template 1 of FIG. 2, the component image acquired based on the component 2, the template image, and the component image acquired based on the component 1 are superimposed in this order from the front side to the back side.

  Note that the display unit 53 of the present embodiment displays a two-dimensional image, and the overlap of the images is not represented in a three-dimensional manner. That is, the “logical positional relationship in the depth direction” means, for example, a region of the second image that overlaps the first image when the first image located on the near side and the second image located on the far side overlap. Indicates a relationship that is not displayed on the display unit 53. However, when the area of the first image that overlaps the second image is a transparent image, the area of the second image that overlaps the transparent image is displayed on the display unit 53.

[Operation of Recording System 100]
The operation of the recording system 100 will be described with reference to FIGS. In the recording system 100 according to the present embodiment, the portable terminal 50 combines the template image acquired from the server device 70 and the component image acquired from the data acquisition source, and the MFP 10 records the combined image on a postcard. Run. Hereinafter, a process for synthesizing an image to be recorded on the New Year's card communication surface will be described. However, the use of the synthesized image is not limited to this, and it can be applied to, for example, summer greetings, Christmas cards, flyers, and the like.

  First, in response to the activation of the control program 65 of the mobile terminal 50, for example, a menu screen shown in FIG. 5A is displayed on the display unit 53 of the mobile terminal 50. The menu screen shown in FIG. 5A includes a New Year card creation icon 81 for displaying a New Year card creation screen, a New Year card album icon 82 for displaying a New Year card album, and a saved data icon 83 for displaying saved data. Next, the control program 65 causes the display unit 53 to display, for example, a new year card creation screen shown in FIG. 5B in response to the operation unit 54 accepting a user operation to tap the new year card creation icon 81. The New Year's card creation screen shown in FIG. 5B includes a communication plane edit icon 84 for executing a process for generating an image to be recorded on the communication plane, and an address plane edit icon for executing a process for generating an image to be recorded on the address plane. 85.

  Note that the New Year's card creation icon 81 shown in FIG. 5A uses an image in which two postcards with images recorded on the communication side and one postcard with images recorded on the address side are used. It has been. In addition, for the communication surface editing icon 84 shown in FIG. 5B, an image obtained by combining two postcards recorded on the communication surface among the three postcards included in the New Year card creation icon 81 is used. It has been. Further, for the address face editing icon 85 shown in FIG. 5 (B), one postcard image in which an image is recorded on the address face among the three postcards included in the New Year card creation icon 81 is used. Yes.

  That is, the New Year's card creation icon 81 indicates that processing for generating an image to be recorded on the communication surface and processing for generating an image to be recorded on the address surface can be executed. The communication surface edit icon 84 indicates that a plurality of processes for generating an image to be recorded on the communication surface can be executed. Further, the address face editing icon 85 indicates that processing for generating an image to be recorded on the address face can be executed. Hereinafter, the processing after the communication surface editing icon 84 is tapped will be described in detail, and the detailed description of the processing after the address surface editing icon 85 is tapped will be omitted. Of the plurality of processes indicated by the communication surface editing icon 84, a process for synthesizing the component image with the template image will be described in detail.

  Next, the control program 65 receives the template definition file from the server device 70 through the communication unit 55 in response to the operation unit 54 receiving a user operation for tapping the communication surface editing icon 84. Further, the control program 65 receives each template image data specified by the acquisition URL included in the received template definition file from the server device 70 through the communication unit 55. In the present embodiment, it is assumed that the template definition file shown in FIG. 2 and four template image data specified by the acquisition destination URL of the template definition file are acquired. In FIG. 2, illustrations of specific examples of various types of information included in “template 3” and “template 4” are omitted. The acquisition destination of the template definition file and the template image data is not limited to the server device 70, and may be the data storage area 62B. This process is an example of a first acquisition process.

  Then, the control program 65 displays the template image list display screen on the display unit 53, and executes the communication surface recording process shown in FIG. FIG. 6A is an example of a template image list display screen. The template image list display screen shown in FIG. 6A includes a plurality of template images indicated by a plurality of template image data received from server device 70, respectively. In the template image list display screen, the upper left template image corresponds to “Template 1” in FIG. 2, the upper right template image corresponds to “Template 2” in FIG. 2, and the lower left template image in FIG. Corresponding to template 3 ", the lower right template image corresponds to" template 4 "in FIG. Each template image included in the template image list display screen functions as an icon for displaying a preview screen.

  Next, the control program 65 causes the display unit 53 to display a preview screen in response to the operation unit 54 receiving a user operation for tapping one of the template images included in the template image list display screen (S11). (S12). FIG. 6B is an example of a preview screen when the template image displayed in the upper left of FIG. 6A is tapped. The preview screen shown in FIG. 6B includes a first preview image 86, region instruction images 87 and 88 that indicate component regions on a template image that can be combined with a component image, a print icon 89, and a save icon 90. including. The process of step S12 is an example of a first display process. The print icon 89 is an example of a recording instruction icon, and the save icon 90 is an example of a save instruction icon.

  The first preview image 86 is an image showing a state where the upper left template image tapped on the template image list display screen is recorded on the postcard. That is, the first preview image 86 includes a template image defined by “template 1” in FIG. The position of the area instruction image 87 corresponds to “component 1” of “template 1” in FIG. 2, and the position of the area instruction image 88 corresponds to “component 2” of “template 1” in FIG. Furthermore, of the template images included in the first preview image 86 in FIG. 6B, the region indicated by the region instruction image 87 is a transparent image.

  The area instruction image 87 is an image showing the component area indicated by the area information of “component 1” in FIG. 2 and “template 1”. More specifically, the area instruction image 87 is a hatched circle image corresponding to the shape of the component area. The area instruction image 88 is an image showing a component area indicated by area information of “component 2” of “template 1”. More specifically, the area instruction image 88 is an image obtained by combining a broken-line frame corresponding to the shape of the component area and a character “sender” as attribute information in the frame. However, specific examples of the area instruction image are not limited to these.

  Next, the control program 65 executes a tap position determination process in response to the operation unit 54 receiving a user operation for tapping the display screen of the display unit 53 (S13: Yes) (S14). The tap position determination process is a process for determining which position on the preview screen is tapped. In the tap position determination process according to the present embodiment, in the preview screen shown in FIG. 6B, a part area indicated by the area instruction images 87 and 88 and an area different from the part area on the first preview image 86 (hereinafter referred to as the part area) , “Background region”), and the position of the print icon 89 and the position of the save icon 90 are determined. The tap position determination process will be described in detail with reference to FIG.

  First, the control program 65 acquires position information indicating the position on the display screen tapped by the user from the operation unit 54. Then, the control program 65 determines whether or not the position information is in the first preview image 86 (S31). In step S31, the control program 65 may compare the position information acquired from the operation unit 54 with the size information of the template image included in the template definition file. Next, in response to the position information being in the first preview image 86 (S31: Yes), the control program 65 determines whether the position information is in the area instruction images 87 and 88 (S32). . In step S <b> 32, the control program 65 may compare the position information acquired from the operation unit 54 with each area information included in the template definition file.

  Then, the control program 65 determines that the component area has been tapped in response to the position information being in the area instruction images 87 and 88 (S32: Yes) (S35). On the other hand, the control program 65 determines that the background area has been tapped (S36) in response to the position information being a position deviated from the area instruction images 87 and 88 (S32: No). In addition, the process of step S33, S34 is demonstrated in the modification 1 mentioned later.

  On the other hand, the control program 65 determines which icon the position information is included in (S37) in response to the position information being out of the first preview image 86 (S31: No). The control program 65 may compare the position information acquired from the operation unit 54 with the position information of each predetermined icon in step S37. Then, the control program 65 determines that the print icon 89 has been tapped in response to the position information being in the print icon 89 (S37: print icon) (S38). Further, the control program 65 determines that the save icon 90 has been tapped in response to the position information being in the save icon 90 (S37: save icon) (S39).

  Returning to FIG. 3, in response to the tapping of the component area (S15: component area), the control program 65 acquires component data indicating a component image to be combined with the component area (S16). Next, the control program 65 converts the format of the component image in response to determining that the format of the component image indicated by the component data acquired in step S16 needs to be changed (S17: Yes) ( S18). On the other hand, the control program 65 skips step S18 in response to determining that it is not necessary to change the format of the component image (S17: No). The process of step S16 is an example of a second acquisition process, and the process of step S18 is an example of a conversion process. In addition, the process of step S19 is demonstrated in the modified example 1 mentioned later.

  Note that a plurality of data acquisition sources capable of acquiring component data are set in advance in the mobile terminal 50. The data acquisition source is not limited to a storage unit in which data is stored, but may be a user interface for acquiring data from a user, a communication interface for acquiring data from an external device, or the like. Each data acquisition source is associated with attribute information. Furthermore, the correspondence between the data acquisition source and the attribute information may be held in the OS 64, may be programmed in the control program 65, or may be defined in a definition file read by the control program 65, for example. Also good.

  As an example, a data storage area 62B in which photo data is stored or a camera (not shown) mounted on the portable terminal 50 is a data acquisition source associated with attribute information indicating “photo”. As another example, the data storage area 62B in which the address book is stored is a data acquisition source associated with attribute information indicating “sender”. As yet another example, the software keyboard that can be displayed on the display unit 53 is a data acquisition source associated with attribute information indicating “character string”. As yet another example, the data storage area 62B in which stamp image data is stored is a data acquisition source associated with attribute information indicating “stamp”. The data acquisition source does not necessarily have to be built in the mobile terminal 50, and may be a data storage device connected to the mobile terminal 50 or an external device connected to the communication network 102.

  With reference to FIGS. 7 and 8, the process of synthesizing the component image with the component region indicated by the region instruction images 87 and 88 in FIG. 6B will be described in detail. That is, the processes in steps S12 to S19 in FIG. 3 are repeated twice. Hereinafter, a process executed in response to the area instruction image 87 being tapped and a process executed in response to the area instruction image 88 being tapped will be described in this order. However, the area instruction images 87 and 88 are tapped. It goes without saying that the order is not limited to this.

  First, the control program 65 displays the photo list display screen on the display unit 53 in response to the operation unit 54 accepting a user operation for tapping the position of the region instruction image 87 in FIG. 6B (S15: component region). To display. FIG. 7A is an example of a photo list display screen. A plurality of thumbnail images are displayed in a list on the photo list display screen shown in FIG. The thumbnail image is an example of a reduced image obtained by reducing the image indicated by the photo data stored in the data storage area 62B. Each thumbnail image displayed on the photo list display screen functions as an icon for receiving selection of photo data which is an example of component data. That is, the thumbnail image included in the photo list display screen is an example of a component identifier that identifies component data.

  Next, in response to the operation unit 54 receiving a user operation for tapping one of the thumbnail images in FIG. 7A, the control program 65 stores the photo data identified by the thumbnail image in the data storage area 62B. And the photographic image editing screen is displayed on the display unit 53. FIG. 7B is an example of a photographic image editing screen. The photographic image editing screen shown in FIG. 7B includes a photographic image 91 indicated by photographic data acquired from the data storage area 62B, a trimming frame 92, an original icon 93, a sepia icon 94, a monochrome icon 95, including.

  The trimming frame 92 is an image for allowing the user to specify an area to be acquired as a component image in the photographic image 91. In other words, the trimming frame 92 is an image for allowing the user to specify an area to be combined with the component area in the photographic image 91. The trimming frame 92 has a similar shape to the part area indicated by the corresponding area information. For example, the trimming frame 92 may be moved on the photographic image 91 by a slide operation, may be reduced by a pinch-in operation, and may be enlarged by a pinch-out operation.

  The original icon 93 is an icon for acquiring an image of an area specified by the trimming frame 92 in the photographic image 91 as a component image while maintaining the color tone of the photographic image 91. The sepia icon 94 is an icon for converting an image of an area specified by the trimming frame 92 in the photographic image 91 into a sepia tone and acquiring it as a component image. The monochrome icon 95 is an icon for converting an image of an area designated by the trimming frame 92 in the photographic image 91 into a monochrome tone and obtaining it as a component image. Each of the icons 93, 94, and 95 is an example of a format identifier that identifies each of a plurality of formats of a component image that can be combined with the component area indicated by the area instruction image 87.

  Then, in response to the operation unit 54 receiving a user operation for tapping one of the icons 93 to 95, the control program 65 stores data indicating an image inside the trimming frame 92 in the photographic image 91. Obtained as data (S16). Furthermore, the control program 65 responds to the user operation of tapping the sepia icon 94 or the monochrome icon 95 being accepted by the operation unit 54 (S17: Yes), and the icon that has tapped the component image indicated by the acquired component data. The color is identified as 94, 95 (S18). Since specific processing for converting the color tone is well known, detailed description thereof is omitted.

  Next, the control program 65 displays on the display unit 53 a preview screen including a second preview image obtained by synthesizing the part image acquired from the photographic image 91 in the part area indicated by the area instruction image 87 of the first preview image 86. (S12). Note that the preview screen displayed in step S12 after executing steps S16 to S19 is different from the preview screen shown in FIG. 6B in that the component image is combined with the tapped component region. Other points are common to the preview screen shown in FIG. The above process is an example of a second display process. Details of the second display process will be described later.

  Next, the control program 65 displays the address list display screen on the display unit in response to the operation unit 54 receiving a user operation for tapping the position of the region instruction image 88 in FIG. 6B (S15: component region). 53 is displayed. FIG. 8A is an example of an address list display screen. A plurality of name icons are displayed in a list on the address list display screen shown in FIG. The name icon is an icon in which the name included in each address information stored in the data storage area 62B is described. The name icon is an icon that accepts selection of address information, which is another example of component data. That is, the name icon is another example of a component identifier that identifies component data. However, the information described in the icon displayed on the address list display screen is not limited to the name, and an address or the like may be further described.

  Next, when the operation unit 54 receives a user operation for tapping one of the name icons displayed on the address list display screen, the control program 65 includes address information including the name described in the name icon. Is obtained from the data storage area 62B (S16). Further, the control program 65 extracts an address and a name from the acquired address information, and converts them into a component image expressed in two rows in a horizontal array (S17: Yes → S18). The process described below will be described on the assumption that the second name icon from the top of the address list display screen in FIG.

  Next, as shown in FIG. 8B, the control program 65 is acquired from the photographic image 91 in the part area indicated by the area instruction images 87 and 88 of the first preview image 86 in FIG. 6B. A second preview image 98 obtained by combining the component image 96 and the component image 97 generated from the address information is displayed on the display unit 53 (S12). The control program 65 draws the second preview image 98 by drawing the template image and the two component images 96 and 97 in the graphic memory of the display unit 53 in order from the image at the position indicated by the overlap information. It is displayed on the display unit 53. That is, the control program 65 draws the component image 96, the template image, and the component image 97 in the graphic memory of the display unit 53 in this order.

  In the definition file shown in FIG. 2, “position = fixed” is set in the area information of “component 1” and “component 2” of “template 1”. Therefore, the component images 96 and 97 are combined with the first preview image 86 with the predetermined position of the corresponding component region as a base point. As an example, the part image 96 may be arranged so that the center position of the circular part region and the center position of the part image 96 coincide with each other, and may be enlarged or reduced according to the size of the part region. . Further, the component image 97 may be arranged such that the upper left position of the rectangular component area and the upper left position of the component image 97 coincide with each other, and may be enlarged or reduced in accordance with the size of the component area. .

  Next, the control program 65 is included in the preview screen, for example, when the operation unit 54 receives a user operation to tap the background region of the preview screen shown in FIG. 8B (S15: background region). The template image is edited (S20), and a preview screen including the edited template image is displayed on the display unit 53 (S12). The process of step S12 after executing step S20 is an example of a third display process. Note that the same processing is executed when the background area of the preview screen shown in FIG. 6B is tapped. Specific examples of editing the template image include, for example, changing the color tone of the template image, changing the background color of the template image, or changing the background image constituting the template image. Items that can be edited for each template image may be defined in a template definition file, for example.

  As an example, when original, sepia, and monochrome can be adopted as the color tone of the template image, the color tone of the template image may be changed in the order of original, sepia, and monochrome each time the background area of the template image is tapped. . In addition, a list of color identifiers indicating colors that can be changed according to the long touch of the background area is displayed, and a template image is displayed in a color identified by the color identifier when one of the color identifiers is tapped. May be changed. The same applies when the background color of the template image is changed.

  As another example, when the template image data received from the server device 70 includes a plurality of background images and a foreground image located in the depth direction of the background image, the foreground image and the first image are displayed on the first preview screen. A first preview image including a template image composed of one background image is displayed on the display unit 53. Then, a third preview image including a template image composed of the foreground image and the first background image may be displayed on the display unit 53 in response to the background area of the first preview image being tapped.

  Next, the control program 65 performs recording control in response to the operation unit 54 accepting an operation of tapping the print icon 89 included in the preview screen of FIG. 8B, for example (S15: icon & S21: print icon). Processing is executed (S22). The recording control process is a process for causing the printer unit 11 to execute a recording process for recording the second preview image 98 included in the preview screen on a postcard. Specifically, the control program 65 transmits recording instruction information including image data indicating the second preview image 98 to the multifunction device 10 through the communication unit 55. Then, in response to acquiring the recording instruction information from the portable terminal 50 through the communication unit 25, the multifunction machine 10 causes the printer unit 11 to perform recording processing on the image data included in the recording instruction information.

  Further, the control program 65 performs the storage control process in response to the operation unit 54 accepting an operation of tapping the storage icon 90 included in the preview screen of FIG. 8B (S15: icon & S21: storage icon). Execute (S23). The storage control process is a process of storing data related to the second preview image 98 included in the preview screen in the data storage area 62B.

  The storage destination of the image data is not limited to the data storage area 62B, and may be a storage server on the Internet. Further, the data stored in the data storage area 62B in step S23 may be one image data indicating an image obtained by combining the template image and the component image, or the template image data, the component data, and the template image. It may be layout information indicating the layout of the component image above. Further, the control program 65 stores the image data indicating the second preview image 98 in the data storage area in response to the operation unit 54 accepting a user operation to tap the saved data icon 83 shown in FIG. The preview screen acquired from 62B and shown in FIG. 8B may be displayed on the display unit 53 again.

[Operational effects of this embodiment]
According to the above embodiment, by tapping a predetermined component area on the template image, a component image having a predetermined attribute is combined with the component area. As a result, the component image can be combined with the template image with an intuitive and simple operation. Further, according to the above-described embodiment, the position of the component area can be easily recognized by the user by the area instruction images 87 and 88. In the above embodiment, the example in which the next process is executed by tapping the area instruction images 87 and 88 and various icons has been described. However, the operation for executing the next process is not limited to the tap operation. Touch operation, long touch operation, slide operation, and the like may be used.

  In the above embodiment, the preview image included in the preview screen is distinguished from the first preview image, the second preview image, and the third preview image. These distinctions are made by combining the component image with the template image. This is convenient depending on whether or not the template image is edited, and is essentially the same. That is, the process that can be performed on the first preview image can be performed on the second preview image and the third preview image in principle. The same applies to processing that can be performed on the second preview image and the third preview image.

  In the above-described embodiment, an example in which the user selects component data based on the component images 96 and 97 through the photo list display screen in FIG. 7A or the address list display screen in FIG. 8A will be described. did. Thereby, the component images 96 and 97 desired by the user can be combined with the template image. However, the method for acquiring the component data indicating the component image is not limited to this. For example, the control program 65 may accept input of the address and name of the sender of the New Year's card through the operation unit 54 in advance. Then, the control program 65 generates a part image from the address and name of the sender acquired in advance in response to the operation unit 54 accepting a user operation for tapping the part area corresponding to the attribute information indicating “sender”. May be.

  In the above-described embodiment, the example in which the user selects the format of the component image 96 extracted from the photographic image 91 of FIG. Thereby, the component image 96 of the format desired by the user can be combined with the template image. On the other hand, the example in which the format of the component image 97 generated from the address information selected through the address list display screen in FIG. 8A is automatically converted according to the template definition file has been described. Thereby, the component image 97 in an appropriate format can be combined with the template image without making the user aware of the format of the component image. That is, the conversion process for converting the format of the component image may be executed in accordance with a user instruction or may be executed based on the determination of the control program 65.

[Modification 1]
Next, the communication surface recording process according to the first modification will be described with reference to FIGS. 9 and 10. A detailed description of the common points with the communication surface recording process according to the above embodiment will be omitted, and the description will focus on the differences. The control program 65 according to the modified example 1 responds to the fact that the operation unit 54 receives a user operation for tapping the upper right template image on the template image list display screen of FIG. 6A (S11), and FIG. ) Is displayed on the display unit 53 (S12). The preview screen shown in FIG. 9A includes a first preview image 111, area instruction images 112 and 113, a print icon 89, and a save icon 90.

  Next, the control program 65 has received that the operation unit 54 has received a user operation for tapping the position where the area instruction images 112 and 113 overlap each other, that is, the position indicated by the input medium 114 on the preview screen of FIG. Accordingly, the acquisition order of the component data indicating the component image to be combined with each component region is determined (S34). For example, the control program 65 sequentially acquires component data indicating a component image in which the position indicated by the overlap information is combined with the component region in the foreground. More specifically, the control program 65 may sequentially acquire component data indicating a component image in which the position indicated by the overlap information is combined with the previous component region among component regions in which component images are not yet combined. Good. That is, in step S16 to step S19 of FIG. 3 according to the first modification, the component data indicating the component image to be combined with the position of the region instruction image 113 is first acquired and combined with the position of the region instruction image 112. Part data representing an image is acquired later.

  In step S <b> 16 for the first time, the control program 65 causes the display unit 53 to display a stamp list display screen that is an example of a data acquisition source corresponding to attribute information indicating “stamp”. FIG. 9B is an example of a stamp list display screen. On the stamp list display screen shown in FIG. 9B, for example, a list of stamp images indicated by the stamp image data stored in the data storage area 62B is displayed. The stamp image included in the stamp list display screen functions as an icon for receiving selection of stamp image data. That is, the stamp image included in the stamp list display screen is another example of a component identifier for identifying component data. When the operation unit 54 receives a user operation to tap one of the stamp images displayed on the stamp list display screen, the control program 65 stores the stamp image data identified by the stamp image in the data storage area 62B. Get from. The process described below will be described on the assumption that the stamp image at the lower right of the stamp list display screen in FIG. 9B has been tapped.

  Further, in the second step S <b> 16, the control program 65 causes the display unit 53 to display a text input screen that is an example of a data acquisition source associated with the attribute information indicating “character string”. FIG. 10A is an example of a text input screen. The text input screen shown in FIG. 10A includes a text box and a software keyboard. The control program 65 displays the character string input by the user through the software keyboard in the text box, and the character displayed in the text box in response to the user operation of tapping the enter key being accepted by the operation unit 54. Component data is generated from the column (S16). Further, the control program 65 converts the character string of the horizontal arrangement displayed in the text box into the vertical arrangement according to the attribute information indicating “vertical arrangement” (S17: Yes → S18). As the character string is converted from a horizontal array to a vertical array, the character string may be changed to a font suitable for the vertical array, or half-width alphanumeric characters may be changed to full-width alphanumeric characters. , Arabic numerals may be changed to Chinese numerals.

  Next, as shown in FIG. 10B, the control program 65 is input to the component area indicated by the area instruction images 112 and 113 of the first preview image 111 in FIG. 9A through the text input screen. A second preview image 117 obtained by combining the component image 115 generated from the character string and the component image 116 indicated by the stamp image data selected through the stamp list display screen is displayed on the display unit 53 (S12).

  In the definition file shown in FIG. 2, since “position = free” is set in the area information of “component 2” of “template 2”, the component image 116 is displayed on the preview screen of FIG. The first preview image 111 is combined with the tap position received by the operation unit 54 as a base point. For example, the component image 116 having a predetermined size is arranged so that the center position of the component image 116 coincides with the tap position.

  As in the first modification, by allowing the plurality of component regions to overlap, the degree of freedom in layout is improved. Further, by making it possible to combine the component image 115 whose position is fixed and the component image 116 whose position can be freely set with the template image, both ease of operation and freedom of layout can be achieved.

[Modification 2]
Next, with reference to FIG. 11A, a method for acquiring component data according to the second modification will be described. First, the control program 65 according to the modified example 2 displays a sender information input screen on the display unit 53 in response to the operation unit 54 receiving a user operation for tapping the position of the area instruction image 88 in FIG. Display. FIG. 9A is an example of a sender information input screen. In the sender input screen shown in FIG. 9 (A), a plurality of text boxes in which sender information such as “zip code”, “address”, “last name”, “first name” and the like are input and an arbitrary comment are input A text box, an address book icon, and a completion icon are included.

  In each text box included in the sender information input screen, a character string can be input through a software keyboard displayed by tapping the position of the text box. That is, the sender information input screen shown in FIG. 9A is an example of a data acquisition source associated with attribute information indicating “sender” and “character string”. More specifically, the text box into which the sender information is input is a data acquisition source associated with the attribute information indicating “sender”. On the other hand, a text box into which an arbitrary comment is input is a data acquisition source associated with attribute information indicating “character string”.

  Further, the control program 65 may cause the display unit 53 to display, for example, an address list display screen shown in FIG. 8A in response to the user operation of tapping the address book icon being accepted by the operation unit 54. . Then, in response to the operation unit 54 receiving a user operation for tapping one of the name icons displayed on the address list display screen, the control program 65 obtains address information including the name described in the name icon. Alternatively, it may be displayed in a corresponding text box on the sender information input screen. Further, the control program 65 generates a part image from the sender information and the character string displayed in each text box of the sender information input screen in response to the operation unit 54 receiving a user operation for tapping the completion icon. Also good. Thus, component data associated with each of the plurality of attribute information can be acquired through one screen.

[Modification 3]
Next, with reference to FIG. 11B, a process associated with the tap operation on the background area according to the third modification will be described. The control program 65 according to the modified example 3 displays the full screen preview screen on the display unit 53 in response to the user operation of tapping the background area of the preview screen illustrated in FIG. Display. FIG. 11B is an example of a full screen preview screen. The full-screen preview screen shown in FIG. 11B includes an enlarged preview image obtained by enlarging the second preview image 98 shown in FIG. 8B and a close icon.

  The control program 65 causes the display unit 53 to display the preview screen shown in FIG. 8B again in response to the operation unit 54 accepting a user operation for tapping the close icon. Further, the control program 65 may cause the display unit 53 to display an enlarged preview image further enlarged with the touch position as the center in response to the operation unit 54 receiving a pinch-out operation at the position of the enlarged preview image. . Thereby, the user can confirm the details of the second preview image 98. Thus, the process associated with the operation of tapping the background area is not limited to editing the template image.

  In the multifunction machine 10 and the portable terminal 50 of each embodiment, the CPU 31 and 61 execute various programs stored in the program storage areas 32A and 62A of the storage units 32 and 62, so that the control unit of the present invention is executed. An example in which each process to be executed is realized has been described. However, the configuration of the control unit is not limited to this, and part or all of the configuration may be realized by hardware such as an integrated circuit (also referred to as an IC (Integrated Circuit)).

  Furthermore, the present invention may be realized not only as the multifunction device 10 or the portable terminal 50 but also as a program that causes the multifunction device 10 or the portable terminal 50 to execute processing. Then, the program may be provided by being recorded on a non-transitory recording medium. The non-transitory recording medium may include a storage unit mounted on a server device that can be connected to the multifunction device 10 or the portable terminal 50 via the communication network 102 in addition to a CD-ROM, a DVD-ROM, or the like. And the program memorize | stored in the memory | storage part of the server apparatus may be delivered via the communication networks 102, such as the internet, as the information or signal which shows the said program.

DESCRIPTION OF SYMBOLS 10 ... Multifunction machine 11 ... Printer part 50 ... Portable terminal 53 ... Display part 54 ... Operation part 55 ... Communication part 61 ... CPU
62 ... Storage unit 65 ... Control program 70 ... Server device

Claims (19)

A program executable by a computer including a display unit having a display screen for displaying an image and an operation unit for accepting a user operation to touch the display screen,
Template image data indicating a template image recorded on a recording sheet, region information indicating a component region on the template image that can be combined with a component image, and the component region among a plurality of attributes indicating the type of the component image First acquisition processing for acquiring component information including attribute information indicating an attribute of the component image that can be combined with
A first display process for displaying on the display unit a first preview image indicating a state in which the template image is recorded on a recording sheet;
Corresponding to the attribute information among a plurality of data acquisition sources set in the computer in response to the operation unit accepting a user operation to touch the position of the component area included in the first preview image. Second acquisition processing for acquiring component data indicating the component image from the obtained data acquisition source;
Causing the computer to execute a second display process for causing the display unit to display a second preview image obtained by combining the component image with the component region of the first preview image;
The part information is
First area information indicating a first part area;
Second region information indicating a second component region different from the first component region;
First attribute information indicating a first attribute of the component image that can be combined with the first component region;
Second attribute information indicating a second attribute different from the first attribute, which is an attribute of the component image that can be combined with the second component region ;
Fixed position component information in which the component image is combined with the first preview image, using a predetermined position of the component region as a base point;
A program including: free-position component information in which the component image is combined with the first preview image with the touch position received by the operation unit as a base point . A program executable by a computer including a display unit having a display screen for displaying an image and an operation unit for accepting a user operation to touch the display screen,
Template image data indicating a template image recorded on a recording sheet, region information indicating a component region on the template image that can be combined with a component image, and the component region among a plurality of attributes indicating the type of the component image First acquisition processing for acquiring component information including attribute information indicating an attribute of the component image that can be combined with
A first display process for displaying on the display unit a first preview image indicating a state in which the template image is recorded on a recording sheet;
Corresponding to the attribute information among a plurality of data acquisition sources set in the computer in response to the operation unit accepting a user operation to touch the position of the component area included in the first preview image. Second acquisition processing for acquiring component data indicating the component image from the obtained data acquisition source;
Causing the computer to execute a second display process for causing the display unit to display a second preview image obtained by combining the component image with the component region of the first preview image;
The part information is
First area information indicating a first part area;
Second region information indicating a second component region different from the first component region;
First attribute information indicating a first attribute of the component image that can be combined with the first component region;
A attribute of synthesizable the component images in the second part region, seen including a second attribute information indicating a second attribute that is different from the first attribute,
The template image included in the first preview image is edited in response to the operation unit accepting a user operation to touch a position different from the component area on the first preview image, and the edited template A program for causing the computer to execute a third display process for displaying a third preview image including an image on the display unit . The template image is composed of a background image and a foreground image positioned in front of the background image,
In the first acquisition process, the template image data including the foreground image, the first background image, and the second background image is acquired;
In the first display process, the first preview image including the template image composed of the foreground image and the first background image is displayed on the display unit,
3. The program according to claim 2 , wherein in the third display process, the third preview image including the template image including the foreground image and the second background image is displayed on the display unit. The component information is information indicating a logical positional relationship in a depth direction intersecting the display screen of a plurality of images combined in the second preview image, and is combined with the component region indicated by the region information. Including overlapping information indicating the position of the part image
The first component region and the second component region partially overlap each other,
In the second acquisition process executed in response to the operation unit accepting a user operation for touching a position where the first component region and the second component region overlap each other, the first component region and the second component region The program according to any one of claims 1 to 3, wherein a position indicated by the overlap information among the component images synthesized in a component area is acquired in order from the component data indicating the preceding component image. And the component image to be synthesized in the first part region, and the component image to be combined with the second component region, in the second display process, the position of the part image indicated by the overlapping information back of The program according to claim 4 , wherein the second preview image is displayed on the display unit by sequentially drawing the component images. Wherein in the first display processing, the region instruction image indicating the component regions, the program according to any one of claims 1 to 5 to be displayed on the display unit superposed on the first preview image. The component information includes format information indicating a format of the component image that can be combined with the component area,
A conversion process for converting the component image into a format indicated by the format information is further executed by the computer prior to the second display process;
In the second display processing, converted the component image the first preview image the part program according to any one of claims 1 to 6, which synthesized the second preview image in a region to be displayed on the display unit of the . In the first acquisition process, the attribute information indicates a character string, and the format information acquires the component information indicating a vertical arrangement,
In the second acquisition process, the component data including character strings arranged in a horizontal direction is acquired,
The program according to claim 7 , wherein in the conversion process, a character string included in the component data is converted from a horizontal array to a vertical array. In the second acquisition process, one or more component identifiers for identifying the component data that can be acquired from the data acquisition source are displayed in a list on the display unit, and a user operation for touching the position of the component identifier is performed on the operation unit The program according to any one of claims 1 to 8 , wherein the part data identified by the part identifier is acquired in response to acceptance of the part data. The computer includes a storage unit that stores photo data as the data acquisition source associated with the attribute information indicating a photo,
In the first acquisition process, the attribute information acquires the part information indicating a photograph,
The program according to claim 9 , wherein in the second acquisition process, a reduced photographic image obtained by reducing a photographic image indicated by the photographic data stored in the storage unit is displayed as a list on the display unit as the component identifier. The computer includes a storage unit that stores address information as the data acquisition source associated with the attribute information indicating a sender,
In the first acquisition process, the attribute information acquires the part information indicating a sender,
The program according to claim 9 , wherein, in the second acquisition process, a name included in the address information stored in the storage unit is displayed as a list on the display unit as the component identifier. A user operation for displaying a list of format identifiers for identifying each of a plurality of formats of the component image that can be combined with the component area at the touch position received by the operation unit on the display unit and touching the position of the format identifier. In response to the reception of the operation unit, the computer further performs conversion processing for converting the component image into a format identified by the format identifier, prior to the second display processing,
In the second display processing, it converted the component image program according to any one of claims 1 to 11 for displaying the synthesized second preview image in the part region of the first preview image on the display unit . Each of the plurality of format identifiers indicates a color tone of the component image,
The program according to claim 12 , wherein, in the conversion process, the component image is converted to a color tone identified by the format identifier of the touch position received by the operation unit. The computer includes a communication unit that communicates with the image recording apparatus,
In the second display process, a recording instruction icon is displayed on the display unit,
Recording instruction information for executing a recording process for recording the combined template image and component image on a recording sheet in response to the operation unit receiving a user operation for touching the position of the recording instruction icon. the recording control processing to be transmitted to the image recording apparatus through the communication unit, a program according to any one of claims 1 to 13, further executing in the computer. The computer includes a communication unit that communicates with a server device,
The program according to any one of claims 1 to 14 , wherein in the first acquisition process, the template image data and the component information are received from the server device through the communication unit. A display unit having a display screen for displaying an image;
An operation unit that receives a user operation to touch the display screen;
A control unit, and
The controller is
Template image data indicating a template image recorded on a recording sheet, region information indicating a component region on the template image that can be combined with a component image, and the component region among a plurality of attributes indicating the type of the component image First acquisition processing for acquiring component information including attribute information indicating an attribute of the component image that can be combined with
A first display process for displaying on the display unit a first preview image indicating a state in which the template image is recorded on a recording sheet;
Corresponding to the attribute information among a plurality of data acquisition sources set in the control unit in response to the operation unit receiving a user operation to touch the position of the component area included in the first preview image A second acquisition process of acquiring component data indicating the component image from the attached data acquisition source;
A second display process for causing the display unit to display a second preview image obtained by combining the component image with the component region of the first preview image;
The part information is
First area information indicating a first part area;
Second region information indicating a second component region different from the first component region;
First attribute information indicating a first attribute of the component image that can be combined with the first component region;
Second attribute information indicating a second attribute different from the first attribute, which is an attribute of the component image that can be combined with the second component region ;
Fixed position component information in which the component image is combined with the first preview image, using a predetermined position of the component region as a base point;
An information processing apparatus including: free-position component information in which the component image is combined with the first preview image with the touch position received by the operation unit as a base point . A display unit having a display screen for displaying an image;
An operation unit that receives a user operation to touch the display screen;
A control unit, and
The controller is
Template image data indicating a template image recorded on a recording sheet, region information indicating a component region on the template image that can be combined with a component image, and the component region among a plurality of attributes indicating the type of the component image First acquisition processing for acquiring component information including attribute information indicating an attribute of the component image that can be combined with
A first display process for displaying on the display unit a first preview image indicating a state in which the template image is recorded on a recording sheet;
Corresponding to the attribute information among a plurality of data acquisition sources set in the control unit in response to the operation unit receiving a user operation to touch the position of the component area included in the first preview image A second acquisition process of acquiring component data indicating the component image from the attached data acquisition source;
A second display process for causing the display unit to display a second preview image obtained by combining the component image with the component region of the first preview image;
The part information is
First area information indicating a first part area;
Second region information indicating a second component region different from the first component region;
First attribute information indicating a first attribute of the component image that can be combined with the first component region;
A attribute of synthesizable the component images in the second part region, seen including a second attribute information indicating a second attribute that is different from the first attribute,
The template image included in the first preview image is edited in response to the operation unit accepting a user operation to touch a position different from the component area on the first preview image, and the edited template An information processing apparatus that causes the computer to execute a third display process for displaying a third preview image including an image on the display unit . A display unit having a display screen for displaying an image;
An operation unit that receives a user operation to touch the display screen;
A communication unit that communicates with the image recording device, a recording unit that executes a recording process for recording an image on recording paper,
A control unit, and
The controller is
Template image data indicating a template image recorded on a recording sheet, region information indicating a component region on the template image that can be combined with a component image, and the component region among a plurality of attributes indicating the type of the component image First acquisition processing for acquiring component information including attribute information indicating an attribute of the component image that can be combined with
A first display process for displaying on the display unit a first preview image indicating a state in which the template image is recorded on a recording sheet;
Corresponding to the attribute information among a plurality of data acquisition sources set in the control unit in response to the operation unit receiving a user operation to touch the position of the component area included in the first preview image A second acquisition process of acquiring component data indicating the component image from the attached data acquisition source;
A second display process for causing the display unit to display a second preview image obtained by synthesizing the component image in the component area of the first preview image, and a recording instruction icon;
A recording control process for recording the combined template image and the component image on the recording sheet on the recording unit in response to the operation unit receiving a user operation for touching the position of the recording instruction icon; Run
The part information is
First area information indicating a first part area;
Second region information indicating a second component region different from the first component region;
First attribute information indicating a first attribute of the component image that can be combined with the first component region;
Second attribute information indicating a second attribute different from the first attribute, which is an attribute of the component image that can be combined with the second component region ;
Fixed position component information in which the component image is combined with the first preview image, using a predetermined position of the component region as a base point;
A recording system including: free-position component information in which the component image is combined with the first preview image, with the touch position received by the operation unit as a base point . A display unit having a display screen for displaying an image;
An operation unit that receives a user operation to touch the display screen;
A communication unit that communicates with the image recording device, a recording unit that executes a recording process for recording an image on a recording sheet, and
A control unit, and
The controller is
Template image data indicating a template image recorded on a recording sheet, region information indicating a component region on the template image that can be combined with a component image, and the component region among a plurality of attributes indicating the type of the component image First acquisition processing for acquiring component information including attribute information indicating an attribute of the component image that can be combined with
A first display process for displaying on the display unit a first preview image indicating a state in which the template image is recorded on a recording sheet;
Corresponding to the attribute information among a plurality of data acquisition sources set in the control unit in response to the operation unit receiving a user operation to touch the position of the component area included in the first preview image A second acquisition process of acquiring component data indicating the component image from the attached data acquisition source;
A second display process for causing the display unit to display a second preview image obtained by synthesizing the component image in the component area of the first preview image, and a recording instruction icon;
A recording control process for recording the combined template image and the component image on the recording sheet on the recording unit in response to the operation unit receiving a user operation for touching the position of the recording instruction icon; Run
The part information is
First area information indicating a first part area;
Second region information indicating a second component region different from the first component region;
First attribute information indicating a first attribute of the component image that can be combined with the first component region;
A attribute of synthesizable the component images in the second part region, seen including a second attribute information indicating a second attribute that is different from the first attribute,
The template image included in the first preview image is edited in response to the operation unit accepting a user operation to touch a position different from the component area on the first preview image, and the edited template The recording system which makes the said computer perform the 3rd display process which displays the 3rd preview image containing an image on the said display part .