JP6962352B2 - Information processing equipment, recording systems, and programs - Google Patents

Information processing equipment, recording systems, and programs Download PDF

Info

Publication number
JP6962352B2
JP6962352B2 JP2019171466A JP2019171466A JP6962352B2 JP 6962352 B2 JP6962352 B2 JP 6962352B2 JP 2019171466 A JP2019171466 A JP 2019171466A JP 2019171466 A JP2019171466 A JP 2019171466A JP 6962352 B2 JP6962352 B2 JP 6962352B2
Authority
JP
Japan
Prior art keywords
image
component
template
area
display
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Active
Application number
JP2019171466A
Other languages
Japanese (ja)
Other versions
JP2020074507A (en
Inventor
純 山田
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Brother Industries Ltd
Original Assignee
Brother Industries Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Priority claimed from JP2018084857A external-priority patent/JP6810719B2/en
Application filed by Brother Industries Ltd filed Critical Brother Industries Ltd
Priority to JP2019171466A priority Critical patent/JP6962352B2/en
Publication of JP2020074507A publication Critical patent/JP2020074507A/en
Application granted granted Critical
Publication of JP6962352B2 publication Critical patent/JP6962352B2/en
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Description

本発明は、記録用紙に記録されるプレビュー画像を編集及び表示する情報処理装置に搭載されるプログラム等に関する。 The present invention relates to a program installed in an information processing device that edits and displays a preview image recorded on a recording paper.

従来より、写真やメッセージを所定の位置に配置するユーザ操作を受け付け、当該操作によって生成された画像を記録用紙に記録するシステムが知られている。例えば特許文献1には、葉書の宛名面に記録される宛先及び通信面に記録される写真やメッセージ等を入力するユーザ操作を受け付け、入力された各種情報が記録された葉書のプレビュー画像を表示し、入力された各種情報を葉書に記録する処理をサーバ装置に実行させるシステムが開示されている。 Conventionally, there has been known a system that accepts a user operation of arranging a photograph or a message at a predetermined position and records an image generated by the operation on a recording paper. For example, Patent Document 1 accepts a user operation for inputting a destination recorded on the address side of a postcard and a photo or message recorded on the communication side, and displays a preview image of the postcard in which various input information is recorded. However, a system for causing a server device to execute a process of recording various input information in a postcard is disclosed.

また、予め用意されたテンプレート画像をユーザに選択させ、且つユーザによって入力された写真、差出人、及びメッセージ等を示す画像(以下、これらを総称して「部品画像」と表記する。)を当該テンプレート画像の任意の位置に合成することによって、葉書の通信面に記録される画像を編集可能な情報処理装置が知られている。なお、テンプレート画像上における部品画像の位置を決定する方法としては、例えば、対話形式のインタフェース、或いは部品画像の位置をマウスによってユーザに直接指定させる方法等が考えられる。 In addition, a template image prepared in advance is selected by the user, and an image showing a photograph, a sender, a message, etc. input by the user (hereinafter, these are collectively referred to as "part image") is the template. There is known an information processing device capable of editing an image recorded on the communication surface of a leaflet by synthesizing the image at an arbitrary position. As a method of determining the position of the component image on the template image, for example, an interactive interface or a method of allowing the user to directly specify the position of the component image with the mouse can be considered.

特開2002−44355号公報JP-A-2002-44355

しかしながら、対話形式のインタフェースでは、テンプレート画像上における部品画像の位置が直感的に分かりにくいという課題がある。また、部品画像の位置をマウスによって指定させる方法では、特に表示画面の小さい情報処理装置において位置の調整が難しいという課題がある。 However, the interactive interface has a problem that the position of the component image on the template image is difficult to understand intuitively. Further, the method of designating the position of the component image with a mouse has a problem that it is difficult to adjust the position especially in an information processing device 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 by an intuitive and simple operation.

本明細書に記載のプログラムは、画像を表示する表示画面を有する表示部及び前記表示画面をタッチするユーザ操作を受け付ける操作部を備えるコンピュータによって実行可能である。該プログラムは、記録用紙に記録されるテンプレート画像を示すテンプレート画像データ、及び部品画像を合成可能な前記テンプレート画像上の部品領域を示す領域情報と、前記部品画像の種類を示す複数の属性のうちの当該部品領域に合成可能な前記部品画像の属性を示す属性情報とを含む部品情報を取得する第1取得処理と、前記テンプレート画像が記録用紙に記録された状態を示す第1プレビュー画像を前記表示部に表示させる第1表示処理と、前記第1プレビュー画像に含まれる前記部品領域の位置をタッチするユーザ操作を前記操作部が受け付けたことに応じて、前記コンピュータに設定された複数のデータ取得元のうちの前記属性情報に対応づけられた前記データ取得元から前記部品画像を示す部品データを取得する第2取得処理と、前記第1プレビュー画像の前記部品領域に前記部品画像を合成した第2プレビュー画像を前記表示部に表示させる第2表示処理と、を前記コンピュータに実行させる。そして、前記部品情報は、第1部品領域を示す第1領域情報と、第1部品領域と異なる第2部品領域を示す第2領域情報と、前記第1部品領域に合成可能な前記部品画像の第1属性を示す第1属性情報と、前記第2部品領域に合成可能な前記部品画像の属性であって、前記第1属性と異なる第2属性を示す第2属性情報とを含む。 The program described in the present 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, area information indicating a component area on the template image capable of synthesizing a component image, and a plurality of attributes indicating the type of the component image. The first acquisition process for acquiring the part information including the attribute information indicating the attribute of the part image that can be synthesized in the part area, and the first preview image showing the state in which the template image is recorded on the recording paper are described. A plurality of data set in the computer according to the reception of the first display process to be displayed on the display unit and the user operation of touching the position of the component area included in the first preview image. The second acquisition process of acquiring the component data indicating the component image from the data acquisition source associated with the attribute information among the acquisition sources, and the component image are combined with the component area of the first preview image. The computer is made to execute the second display process of displaying the second preview image on the display unit. The component information includes first region information indicating the 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. It includes first attribute information indicating the first attribute and second attribute information indicating a second attribute which is an attribute of the component image that can be synthesized in the second component region and is different from the first attribute.

本明細書に記載のプログラムによれば、テンプレート画像上の予め定められた部品領域をタッチすることによって、予め定められた属性の部品画像が当該部品領域に合成されるので、直感的で且つ簡単な操作でテンプレート画像に部品画像を合成することができる。 According to the program described in the present specification, by touching a predetermined part area on the template image, a part image having a predetermined attribute is synthesized in the part area, so that it is intuitive and easy. The part image can be combined with the template image by various operations.

図1は、実施形態に係る記録システム100のブロック図である。FIG. 1 is a block diagram of the recording system 100 according to the embodiment. 図2は、テンプレート定義ファイルに定義された情報の一例である。FIG. 2 is an example of the information defined in the template definition file. 図3は、通信面記録処理のフローチャートである。FIG. 3 is a flowchart of the communication surface recording process. 図4は、タップ位置判定処理のフローチャートである。FIG. 4 is a flowchart of the tap position determination process. 図5は、表示部53の表示例であって、(A)はメニュー画面を、(B)は年賀状作成画面を示す。5A and 5B are display examples of the display unit 53, in which FIG. 5A shows a menu screen and FIG. 5B shows a New Year's card creation screen. 図6は、表示部53の表示例であって、(A)はテンプレート画像一覧表示画面を、(B)はプレビュー画面を示す。6A and 6B are display examples of the display unit 53, in which FIG. 6A shows a template image list display screen and FIG. 6B shows a preview screen. 図7は、表示部53の表示例であって、(A)は写真一覧表示画面を、(B)は写真画像編集画面を示す。7A and 7B are display examples of the display unit 53, in which FIG. 7A shows a photo list display screen and FIG. 7B shows a photo image editing screen. 図8は、表示部53の表示例であって、(A)はアドレス一覧表示画面を、(B)はプレビュー画面を示す。8A and 8B show a display example of the display unit 53, in which FIG. 8A shows an address list display screen and FIG. 8B shows a preview screen. 図9は、変形例1に係る表示部53の表示例であって、(A)はプレビュー画面を、(B)はスタンプ一覧表示画面を示す。9A and 9B are display examples of the display unit 53 according to the first modification, in which FIG. 9A shows a preview screen and FIG. 9B shows a stamp list display screen. 図10は、変形例1に係る表示部53の表示例であって、(A)はテキスト入力画面を、(B)はプレビュー画面を示す。10A and 10B show a display example of the display unit 53 according to the first modification, in which FIG. 10A shows a text input screen and FIG. 10B shows a preview screen. 図11は、(A)が変形例2に係る差出人情報入力入力画面の一例を、(B)が変形例3に係る全画面プレビュー画面の一例を示す。In FIG. 11, (A) shows an example of the sender information input input screen according to the modified example 2, and (B) shows an example of the full screen preview screen according to the modified example 3.

以下、適宜図面を参照して本発明の実施形態について説明する。なお、以下に説明される実施形態は本発明の一例にすぎず、本発明の要旨を変更しない範囲で、本発明の実施形態を適宜変更できることは言うまでもない。 Hereinafter, embodiments of the present invention will be described with reference to the drawings as appropriate. It goes without saying that the embodiments described below are merely examples of the present invention, and the embodiments of the present invention can be appropriately changed without changing the gist of the present invention.

図1は、本実施形態における記録システム100の概略図である。図1に示される記録システム100は、複合機10と、携帯端末50と、サーバ装置70とで構成されている。複合機10、携帯端末50、及びサーバ装置70は、通信ネットワーク102を介して相互に通信可能とされている。通信ネットワーク102の具体例は特に限定されないが、例えば、インターネット、移動体通信網、有線LAN(Local Area Networkの略)、無線LAN、或いはこれらの組み合わせであってもよい。 FIG. 1 is a schematic view of a recording system 100 according to the present embodiment. The recording system 100 shown in FIG. 1 includes a multifunction device 10, a mobile terminal 50, and a server device 70. The multifunction device 10, the mobile 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.

[複合機10]
複合機10は、図1に示されるように、プリンタ部11と、スキャナ部12と、表示部23と、操作部24と、通信部25と、CPU31と、記憶部32と、通信バス33とを主に備える。複合機10を構成する各構成要素は、通信バス33を介して相互に接続されている。複合機10は、画像記録装置の一例である。
[Multifunction device 10]
As shown in FIG. 1, the multifunction device 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. Mainly prepared. The components constituting the multifunction device 10 are connected to each other via the communication bus 33. The multifunction device 10 is an example of an image recording device.

[プリンタ部11、スキャナ部12]
プリンタ部11は、画像データで示される画像を記録用紙に記録する記録処理を実行する。プリンタ部11の記録方式は特に限定されないが、例えば、インクジェット方式や電子写真方式などの公知の方式を採用することができる。スキャナ部12は、記録用紙に記録されている画像を読み取って画像データを生成するスキャン処理を実行する。複合機10は、FAXの送受信を行うFAX機能、記録用紙に記録された画像を読み取って他の記録用紙に記録するコピー機能等をさらに有してもよい。
[Printer unit 11, scanner unit 12]
The printer unit 11 executes a recording process of recording an image represented by image data on a recording sheet. The recording method of the printer unit 11 is not particularly limited, but for example, a known method such as an inkjet method or an electrophotographic method can be adopted. The scanner unit 12 executes a scanning process of reading the image recorded on the recording paper and generating image data. The multifunction device 10 may further have a fax function for transmitting and receiving faxes, a copy function for reading an image recorded on a recording paper and recording it on another recording paper, and the like.

[表示部23]
表示部23は、各種情報を表示する表示画面を備える。表示部23の具体的な構成は特に限定されないが、例えば、液晶ディスプレイ(Liquid Crystal Displayの略)、有機ELディスプレイ(Organic Electro−Luminescence Displayの略)等を採用することができる。
[Display unit 23]
The display unit 23 includes a display screen for displaying various information. The specific configuration of the display unit 23 is not particularly limited, but for example, a liquid crystal display (abbreviation of Liquid Crystal Display), an organic EL display (abbreviation of Organic Electro-Luminence Display), and the like can be adopted.

[操作部24]
操作部24は、表示部23の表示画面に表示されたオブジェクトを選択するユーザの操作を受け付ける。具体的には、操作部24は、例えば押ボタンを有しており、押下された押ボタンに対応づけられた各種の操作信号をCPU31へ出力する。さらに、操作部24は、表示部23の表示画面に重畳された膜状のタッチセンサを有していてもよい。すなわち、表示部23がタッチパネルディスプレイとして構成されてもよい。タッチセンサには、静電容量方式、抵抗膜方式等の周知の方式を採用することができる。
[Operation unit 24]
The operation unit 24 receives an operation of a user who selects an object displayed on the display screen of the display unit 23. Specifically, the operation unit 24 has, for example, a push button, and outputs various operation signals associated with the pressed push button to the CPU 31. Further, the operation unit 24 may have 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. As the touch sensor, a well-known method such as a capacitance method or a resistance film method can be adopted.

なお、「オブジェクト」とは、ユーザが操作部24を操作することによって選択可能な画像を指す。一例として、オブジェクトは表示部23に表示された文字列であって、操作部24の方向キーを押下することによってオブジェクトの1つがハイライト表示され、操作部24の決定ボタンを押下することによってハイライト表示されたオブジェクトが選択されてもよい。他の例として、操作部24がタッチパネルである場合のオブジェクトは表示部23に表示されたアイコン、ボタン、リンク等であって、タッチ位置に表示されたオブジェクトが選択されてもよい。 The "object" refers to an image that can be selected by the user by operating the operation unit 24. As an example, the object is a character string displayed on the display unit 23, and one of the objects is highlighted by pressing the direction key of the operation unit 24, and high by pressing the enter button of the operation unit 24. Lighted objects may be selected. As another example, when the operation unit 24 is a touch panel, the object may be 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.

[通信部25]
通信部25は、通信ネットワーク102を通じて外部装置と通信を行うためのインタフェースである。すなわち、複合機10は、通信部25を通じて携帯端末50或いはサーバ装置70に各種情報を出力し、通信部25を通じて携帯端末50或いはサーバ装置70から各種データ又は各種情報を受信する。通信部25の具体的な通信手順は特に限定されないが、例えば、Wi−Fi(Wi−Fi Allianceの登録商標)を採用することができる。
[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 mobile terminal 50 or the server device 70 through the communication unit 25, and receives various data or various information from the mobile terminal 50 or the server device 70 through the communication unit 25. The specific communication procedure of the communication unit 25 is not particularly limited, but for example, Wi-Fi (registered trademark of Wi-Fi Alliance) can be adopted.

[CPU31]
CPU(Central Processing Unitの略)31は、複合機10の全体動作を制御するものである。CPU31は、操作部24から出力される各種情報、及び通信部25を通じて外部装置から取得した各種情報等に基づいて、後述する各種プログラムを記憶部32から取得して実行する。すなわち、CPU31及び記憶部32は、制御部の一例を構成する。
[CPU31]
The CPU (abbreviation of Central Processing Unit) 31 controls the overall operation of the multifunction device 10. The CPU 31 acquires and executes various programs described later from the storage unit 32 based on various information output from the operation unit 24 and various information acquired from the external device through the communication unit 25. That is, the CPU 31 and the storage unit 32 form an example of the control unit.

[記憶部32]
記憶部32は、プログラム記憶領域32Aと、データ記憶領域32Bとを有する。プログラム記憶領域32Aには、OS(Operating Systemの略)34と、制御プログラム35とが格納される。なお、制御プログラム35は、単一のプログラムであってもよいし、複数のプログラムの集合体であってもよい。データ記憶領域32Bには、制御プログラム35の実行に必要なデータ或いは情報が記憶される。
[Storage 32]
The storage unit 32 has a program storage area 32A and a data storage area 32B. The OS (abbreviation of Operating System) 34 and the control program 35 are stored in the program storage area 32A. The control program 35 may be a single program or a collection of a plurality of programs. The data storage area 32B stores data or information necessary for executing the control program 35.

なお、本明細書中の「データ」と「情報」とは、コンピュータによって取り扱い可能なビット或いはビット列である点において共通する。「データ」とは、各ビットが示す意味内容をコンピュータが考慮することなく取り扱えるものを指す。これに対して、「情報」とは、各ビットが示す意味内容によってコンピュータの動作が分岐するものを指す。さらに、「指示」は、送信先の装置に対して次の動作を促すための制御信号であって、情報を含んでいることもあるし、それ自体が情報としての性質を有していることもある。 In addition, "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 without the computer considering the meaning and content of each bit. On the other hand, "information" refers to information in which the operation of a computer branches depending on the meaning and content indicated by each bit. Further, the "instruction" is a control signal for prompting the destination device to perform the next operation, may include information, and has the property of information itself. There is also.

また、「データ」及び「情報」は、形式(例えば、テキスト形式、バイナリ形式、フラグ形式等)がコンピュータ毎に変更されたとしても、同一の意味内容と認識される限り、同一のデータ及び情報として取り扱われる。例えば、「2つ」であることを示す情報が、あるコンピュータではASCIIコードで”0x32”というテキスト形式の情報として保持され、別のコンピュータでは二進数表記で”10”というバイナリ形式の情報として保持されてもよい。 Further, "data" and "information" are the same data and information as long as they are recognized as having the same meaning even if the format (for example, text format, binary format, flag format, etc.) is changed for each computer. Treated as. For example, information indicating that there are "two" is retained as text format information "0x32" in ASCII code on one computer, and as binary format information "10" in binary notation on another computer. May be done.

但し、上記の「データ」及び「情報」の区別は厳密なものではなく、例外的な取り扱いも許容される。例えば、データが一時的に情報として扱われてもよいし、情報が一時的にデータとして扱われてもよい。また、ある装置ではデータとして扱われるものが、他の装置では情報として扱われてもよい。さらには、データの中から情報が取り出されてもよいし、情報の中からデータが取り出されてもよい。 However, the above distinction between "data" and "information" is not strict, and exceptional handling is permitted. For example, the data may be temporarily treated as information, or the information may be temporarily treated as data. Further, what is treated as data in one device may be treated as information in another device. Furthermore, information may be extracted from the data, or data may be extracted from the information.

記憶部32は、例えば、RAM(Random Access Memoryの略)、ROM(Read Only Memoryの略)、EEPROM(Electrically Erasable Programmable Read−Only Memoryの略)、HDD(Hard Disk Driveの略)、CPU31が備えるバッファ等、或いはそれらの組み合わせによって構成される。なお、記憶部32は、コンピュータが読み取り可能なストレージ媒体であってもよい。コンピュータが読み取り可能なストレージ媒体とは、non−transitoryな媒体である。non−transitoryな媒体には、上記の例の他に、CD−ROM、DVD−ROM等の記録媒体も含まれる。また、non−transitoryな媒体は、tangibleな媒体でもある。一方、インターネット上のサーバなどからダウンロードされるプログラムを搬送する電気信号は、コンピュータが読み取り可能な媒体の一種であるコンピュータが読み取り可能な信号媒体であるが、non−transitoryなコンピュータが読み取り可能なストレージ媒体には含まれない。 The storage unit 32 includes, for example, RAM (abbreviation of Random Access Memory), ROM (abbreviation of Read Only Memory), EEPROM (abbreviation of Electrically Erasable Program Read-Only Memory), CPU (abbreviation of Memory), HDD (abbreviation of HDD). It is composed of a buffer or the like or a combination thereof. The storage unit 32 may be a storage medium that can be read by a computer. A computer-readable storage medium is a non-transitory medium. In addition to the above examples, the non-transitory medium also includes a recording medium such as a CD-ROM or a DVD-ROM. The non-transitory medium is also a tangible medium. On the other hand, an electric signal that carries a program downloaded from a server on the Internet is a computer-readable signal medium, which is a kind of computer-readable medium, but is a storage that can be read by a non-transitory computer. Not included in the medium.

プログラム記憶領域32Aに記憶されているプログラムは、CPU31によって実行される。しかしながら、本明細書では、CPU31を省略して各プログラムの動作を説明することがある。すなわち、以下の説明において、「プログラムAが処理Aを実行する」という趣旨の記述は、「CPU31がプログラムAに記述された処理Aを実行する」ことを指してもよい。後述する携帯端末50についても同様である。 The program stored in the program storage area 32A is executed by the CPU 31. However, in the present specification, the operation of each program may be described by omitting the CPU 31. That is, in the following description, the description to the effect that "the program A executes the process A" may refer to "the CPU 31 executes the process A described in the program A". The same applies to the mobile terminal 50 described later.

OS34は、複合機10を構成するハードウェアであるプリンタ部11、スキャナ部12、表示部23、操作部24、及び通信部25等を制御するためのAPI(Application Programming Interfaceの略)を提供する基本プログラムである。すなわち、上記の各プログラムは、OS34が提供するAPIを呼び出すことによって、各ハードウェアを制御する。しかしながら、本明細書では、OS34を省略して各プログラムの動作を説明する。すなわち、以下の説明において、「プログラムBがハードウェアCを制御する」という趣旨の記述は、「プログラムBがOS34のAPIを通じてハードウェアCを制御する」ことを指してもよい。後述する携帯端末50についても同様である。 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, which are the hardware constituting the multifunction device 10. It is a basic program. That is, each of the above programs controls each hardware by calling the API provided by the OS 34. However, in this specification, the operation of each program will be described by omitting OS34. That is, in the following description, the description to the effect that "program B controls hardware C" may refer to "program B controls hardware C through the API of OS34". The same applies to the mobile terminal 50 described later.

[携帯端末50]
携帯端末50は、図1に示されるように、表示部53と、操作部54と、通信部55と、CPU61と、記憶部62と、通信バス63とを主に備える。携帯端末50に含まれる表示部53、操作部54、通信部55、CPU61、記憶部62、及び通信バス63は、複合機10に含まれる表示部23、操作部24、通信部25、CPU31、記憶部32、及び通信バス33と共通するので、再度の説明は省略する。携帯端末50は情報処理装置の一例であり、CPU61及び記憶部62は制御部の一例である。情報処理装置の具体例は、スマートフォン、携帯電話、タブレット端末等の携帯端末50に限定されず、PC(Personal Computerの略)等であってもよい。
[Mobile terminal 50]
As shown in FIG. 1, the mobile 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 mobile terminal 50 are the display unit 23, the operation unit 24, the communication unit 25, and the CPU 31 included in the multifunction device 10. Since it is common to the storage unit 32 and the communication bus 33, the description thereof will be omitted again. The mobile terminal 50 is an example of an information processing device, and the CPU 61 and the storage unit 62 are an example of a control unit. Specific examples of the information processing device are 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.

携帯端末50の操作部54は、表示部53の表示画面に重畳された膜状のタッチセンサを含む。そして、操作部54は、表示部53の表示画面をタッチするユーザ操作を受け付ける。また、操作部54は、ユーザがタッチした表示画面上の位置を示す位置情報を出力する。位置情報は、例えば、表示画面の左上端を原点とし、右向きをx軸の正の向き、下向きをy軸の正の向きとしたx−y平面上の座標(x,y)として表現できる。 The operation unit 54 of the mobile terminal 50 includes a film-like touch sensor superimposed on the display screen of the display unit 53. Then, the operation unit 54 accepts a user operation of touching the display screen of the display unit 53. In addition, the operation unit 54 outputs position information indicating a 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 edge of the display screen as the origin, the rightward direction as the positive direction of the x-axis, and the downward direction as the positive direction of the y-axis.

なお、本明細書中における「タッチ」とは、入力媒体を表示画面に接触させる操作全般を含む。すなわち、タッチした入力媒体を所定時間内に表示画面から離間させるタップ操作、タッチした入力媒体を表示画面上で静止させるロングタッチ操作、タッチした入力媒体を表示画面上でスライドさせるスライド操作、表示画面上の異なる位置にタッチした2つの入力媒体を互いに近づける向きにスライドさせるピンチイン操作、表示画面上の異なる位置にタッチした2つの入力媒体を互いに離れる向きにスライドさせるピンチアウト操作等は、タッチの一例である。また、入力媒体とは、ユーザの指であってもよいし、タッチペン等であってもよい。 The term "touch" in the present specification includes all operations of bringing the input medium into contact with the display screen. That is, a tap operation for separating the touched input medium from the display screen within a predetermined time, a long touch operation for keeping the touched input medium stationary on the display screen, a slide operation for sliding the touched input medium on the display screen, and a display screen. An example of touch is a pinch-in operation that slides two input media touched at different positions on the display screen in a direction that brings them closer to each other, and a pinch-out operation that slides two input media touched at different positions on the display screen in a direction that separates them from each other. Is. Further, the input medium may be a user's finger, a touch pen, or the like.

通信部55は、移動体通信網或いは無線LANを通じて複合機10或いはサーバ装置70と通信する。また、記憶部62のプログラム記憶領域62Aには、OS64と、制御プログラム65とが格納されている。記憶部62のデータ記憶領域62Bには、例えば、写真データを記憶する写真データフォルダ、アドレス情報を記憶するアドレスフォルダ、及びスタンプ画像データを記憶するスタンプフォルダ等が含まれていてもよい。アドレス情報には、例えば、氏名、住所、電話番号、メールアドレス等が含まれている。 The communication unit 55 communicates with the multifunction device 10 or the server device 70 through the mobile communication network or the wireless LAN. Further, the OS 64 and the control program 65 are stored in the program storage area 62A of the storage unit 62. The data storage area 62B of the storage unit 62 may include, for example, a photo data folder for storing photo data, an address folder for storing address information, a stamp folder for storing stamp image data, and the like. The address information includes, for example, a name, an address, a telephone number, an e-mail address, and the like.

[サーバ装置70]
サーバ装置70は、複数のテンプレート画像データと、複数のテンプレート画像データそれぞれに対応づけられた複数の部品情報とを記憶している。また、サーバ装置70は、携帯端末50からの要求に応じて、テンプレート画像データ及び部品情報を携帯端末50に送信する。テンプレート画像データは、記録用紙の一例である葉書に記録されるテンプレート画像を示すものである。部品情報は、テンプレート画像に合成可能な部品画像に関する情報である。なお、本明細書中の「に応じて」は、当該文字列の前に記載された条件が満たされた場合に、当該文字列の後に記載された処理が実行されることを示す。なお、処理が実行されるタイミングは、条件が満たされた後であればよく、当該条件が満たされた直後である必要は必ずしもない。
[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 the template image data and the component information to the mobile terminal 50 in response to the request from the mobile terminal 50. The template image data shows a template image recorded on a postcard, which is an example of recording paper. The part information is information about a part image that can be combined with a template image. In addition, "according to" in this specification indicates that the processing described after the character string is executed when the condition described before the character string is satisfied. It should be noted that the timing at which the processing is executed may be after the condition is satisfied, and does not necessarily have to be immediately after the condition is satisfied.

より詳細には、サーバ装置70は、携帯端末50からの要求に応じて、図2に示されるテンプレート定義ファイルを携帯端末50に送信する。テンプレート定義ファイルは、複数のテンプレート画像情報と、複数のテンプレート画像情報それぞれに対応づけられた複数の部品情報とを含む。テンプレート画像情報は、テンプレート画像データのファイル名、テンプレート画像データの取得先URL、及びテンプレート画像のサイズを示すサイズ情報を含む。そして、サーバ装置70は、取得先URLで特定されるテンプレート画像データの送信を携帯端末50から要求されたことに応じて、当該テンプレート画像データを携帯端末50に送信する。 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, a URL from which the template image data is acquired, and size information indicating the size of the template image. Then, the server device 70 transmits the template image data to the mobile terminal 50 in response to a request from the mobile terminal 50 to transmit the template image data specified by the acquisition destination URL.

部品情報は、例えば図2に示されるように、領域情報と、属性情報と、重なり情報と、形式情報とを含む。本実施形態において、各テンプレート画像情報に対応づけられた部品情報は、複数の領域情報と、複数の属性情報とを含む。また、複数の領域情報は、互いに異なる部品領域を示す。但し、複数の部品領域の一部が互いに重なり合っていてもよい。さらに、複数の属性情報は、互いに異なる属性を示す。但し、複数の属性情報の一部が同一の属性を示していてもよい。テンプレート定義ファイルのデータ構造の具体例は特に限定されないが、例えば、XML(eXtensible Markup Languageの略)、或いはJSON(JavaScript(登録商標) Object Notationの略)等の形式を採用してもよい。 As shown in FIG. 2, for example, the component information includes area information, attribute information, overlap information, and format information. 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 indicates different component areas. However, a part of a plurality of component regions may overlap each other. Furthermore, the plurality of attribute informations indicate different attributes from each other. However, some of the plurality of attribute information may indicate the same attribute. Specific examples of the data structure of the template definition file are not particularly limited, but for example, a format such as XML (abbreviation of eXtensible Markup Language) or JSON (abbreviation of JSON (registered trademark) Object Notification) may be adopted.

領域情報は、部品画像を合成可能なテンプレート画像上の部品領域を示す情報である。一例として、図2に示されるテンプレート1の部品1の領域情報は、中心位置”center”及び半径”radius”で特定される円形状の領域を指す。他の例として、テンプレート1の部品2の領域情報は、左端位置”left”、上端位置”top”、右端位置”right”、及び下端位置”bottom”で特定される矩形状の領域を指す。上記の各位置は、例えば、テンプレート画像の左上端位置を基準として特定される。なお、部品領域の形状及び特定方法は上記の例に限定されない。例えば、3つの頂点の位置によって三角形の部品領域を特定してもよい。 The area information is information indicating a part area on a template image in which a part image can be synthesized. As an example, the area information of the component 1 of the template 1 shown in FIG. 2 refers to 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 refers to 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, for example, with reference to the upper left corner position of the template image. The shape of the component region and the method for specifying the component region are not limited to the above examples. For example, the triangular part region may be specified by the positions of the three vertices.

また、領域情報の”position=fixed”は、当該領域情報で示される部品領域の予め定められた位置を基点として、プレビュー画像に部品画像が合成されることを示す。このような領域情報を含む部品情報は、固定位置部品情報の一例である。一方、領域情報の”positon=free”は、操作部54が受け付けたタップ位置を基点として、プレビュー画像に部品画像が合成されることを示す。このような領域情報を含む部品情報は、自由位置部品情報の一例である。 Further, "position = fixed" of the area information indicates that the component image is combined with the preview image from a predetermined position of the component area indicated by the area information as a base point. The component information including such area information is an example of the fixed position component information. On the other hand, the area information "posion = free" indicates that the component image is combined with the preview image with the tap position received by the operation unit 54 as the base point. The component information including such area information is an example of the free position component information.

属性情報は、当該部品領域に合成可能な部品画像の属性を示す情報である。属性とは、部品画像の種類を示すものである。より具体的には、属性とは、部品画像の元データの種類を示す。一例として、属性情報が”写真”を示す場合の部品画像は、写真データから生成される。他の例として、属性情報が”差出人”を示す場合の部品画像は、アドレス情報から取得される氏名、郵便番号、住所の少なくとも一部を示すテキストデータから生成される。さらに他の例として、属性情報が”文字列”を示す場合の部品画像は、テキストデータから生成される。さらに他の例として、属性情報が”スタンプ”を示す場合の部品画像は、予め用意されたスタンプ画像である。なお、属性情報の具体例は上記の例に限定されない。また、1つの部品領域に合成可能な部品画像の属性は1つに限定されない。 The attribute information is information indicating the attributes of the component image that can be synthesized in the component area. The attribute indicates the type of the component image. More specifically, the attribute indicates the type of the original data of the component image. As an example, the component image when the attribute information indicates a "photograph" is generated from the photo data. As another example, the part image when the attribute information indicates "sender" is generated from text data indicating at least a part of the name, zip code, and address obtained from the address information. As yet another example, the component image when the attribute information indicates a "character string" is generated from the text data. As yet another example, the component image when the attribute information indicates a "stamp" is a stamp image prepared in advance. The specific example of the attribute information is not limited to the above example. Further, the attributes of the component images that can be combined in one component area are not limited to one.

形式情報は、部品領域に合成可能な部品画像の形式を示す情報である。一例として、属性情報が”写真”である部品画像に設定可能な形式情報としては、当該部品画像の色調が挙げられる。色調の具体例としては、例えば、オリジナル、セピア、モノクロ等が挙げられる。他の例として、属性情報が”文字列”である部品画像に設定可能な形式情報としては、配列方向、書体、フォントサイズ等が挙げられる。配列方向の具体例としては、例えば、縦配列、横配列等が挙げられる。書体の具体例としては、例えば、明朝体、ゴシック体、毛筆体、ポップ体等が挙げられる。さらに他の例として、属性情報が”差出人”である部品画像に設定可能な形式情報としては、アドレス情報から抽出すべき情報の種類と各情報のレイアウト等が挙げられる。本実施形態では、アドレス情報から抽出された住所及び氏名が、横配列で2段表記される。 The format information is information indicating the format of the component image that can be synthesized in the component area. As an example, as the format information that can be set for the part image whose attribute information is "photograph", the color tone of the part image can be mentioned. Specific examples of color tones include original, sepia, monochrome, and the like. As another example, the format information that can be set for the component image whose attribute information is a "character string" includes an arrangement direction, a typeface, a font size, and the like. Specific examples of the arrangement direction include vertical arrangement, horizontal arrangement, and the like. Specific examples of typefaces include Mincho typeface, Gothic typeface, brush typeface, and pop typeface. As yet another example, as the format information that can be set in the component image whose attribute information is the "sender", the type of information to be extracted from the address information, the layout of each information, and the like can be mentioned. In the present embodiment, the address and the name extracted from the address information are represented in two columns in a horizontal arrangement.

なお、後述する通信面記録処理において選択された部品画像の形式と、形式情報で示される形式とが相違する場合、当該部品画像が形式情報で示される形式に変換される。また、形式情報に複数の選択肢が設定されている場合、当該選択肢のうちの1つをユーザに選択させることができる。さらに、図2のテンプレート1の部品2のように、1つの部品画像に設定可能な形式情報は1つに限定されない。 If 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 to the format indicated by the format information. Further, when a plurality of options are set in the format information, the user can be made to select one of the options. Further, unlike the component 2 of the template 1 of FIG. 2, the format information that can be set in one component image is not limited to one.

重なり情報は、テンプレート画像及び当該テンプレート画像に合成される1以上の部品画像の奥行き方向における論理的な位置関係を示す情報である。奥行き方向とは、表示部53の表示画面と交差する方向を指す。本実施形態における重なり情報には、数値が設定される。対応する部品領域に合成される部品画像は、重なり情報で示される数値が小さいほど奥側に位置し、重なり情報で示される数値が大きいほど手前側に位置する。図2の例では、テンプレート画像の重なり情報が省略されているが、本実施形態ではテンプレート画像の重なり情報を0とする。すなわち、図2のテンプレート1において、手前側から奥側に向かって、部品2に基づいて取得された部品画像、テンプレート画像、部品1に基づいて取得された部品画像の順に重ね合わされる。 The overlap information is information indicating a logical positional relationship in the depth direction of 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. Numerical values are set for the overlap information in the present embodiment. The component image synthesized in the corresponding component area is located on the back side as the numerical value indicated by the overlap information is smaller, and is located on the front side as the numerical value indicated by the overlap information is larger. In the example of FIG. 2, the overlap information of the template images is omitted, but in the present embodiment, the overlap information of the template images is set to 0. 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.

なお、本実施形態の表示部53は、2次元画像を表示するものであって、各画像の重なりが立体的に表現されるわけではない。すなわち、「奥行き方向における論理的な位置関係」とは、例えば、手前側に位置する第1画像と奥側に位置する第2画像とが重なり合う場合において、第1画像と重なる第2画像の領域が表示部53に表示されなくなる関係を指す。但し、第2画像と重なる第1画像の領域が透過画像である場合、当該透過画像に重なる第2画像の領域は、表示部53に表示される。 The display unit 53 of the present embodiment displays a two-dimensional image, and the overlap of the images is not three-dimensionally expressed. That is, the "logical positional relationship in the depth direction" means, for example, the area of the second image that overlaps with the first image when the first image located on the front side and the second image located on the back side overlap. Refers to the relationship in which is not displayed on the display unit 53. However, when the region of the first image that overlaps with the second image is a transparent image, the region of the second image that overlaps with the transparent image is displayed on the display unit 53.

[記録システム100の動作]
図2〜図8を参照して、記録システム100の動作を説明する。本実施形態に係る記録システム100は、サーバ装置70から取得したテンプレート画像及びデータ取得元から取得した部品画像を携帯端末50が合成し、合成された画像を複合機10が葉書に記録する処理を実行する。以下、年賀状の通信面に記録する画像を合成する処理を説明する。しかしながら、合成した画像の用途はこれに限定されず、例えば、暑中見舞い、クリスマスカード、チラシ等にも応用することができる。
[Operation of recording system 100]
The operation of the recording system 100 will be described with reference to FIGS. 2 to 8. In the recording system 100 according to the present embodiment, the mobile terminal 50 synthesizes the template image acquired from the server device 70 and the component image acquired from the data acquisition source, and the multifunction device 10 records the combined image in a leaflet. Run. Hereinafter, the process of synthesizing the images to be recorded on the communication surface of the New Year's card will be described. However, the use of the combined image is not limited to this, and can be applied to, for example, summer greeting cards, Christmas cards, leaflets, and the like.

まず、携帯端末50の制御プログラム65が起動されたことに応じて、例えば図5(A)に示されるメニュー画面が携帯端末50の表示部53に表示される。図5(A)に示されるメニュー画面は、年賀状作成画面を表示させる年賀状作成アイコン81と、年賀状アルバムを表示させる年賀状アルバムアイコン82と、保存データを表示させる保存データアイコン83とを含む。次に、制御プログラム65は、年賀状作成アイコン81をタップするユーザ操作を操作部54が受け付けたことに応じて、例えば図5(B)に示される年賀状作成画面を表示部53に表示させる。図5(B)に示される年賀状作成画面は、通信面に記録する画像を生成する処理を実行させる通信面編集アイコン84と、宛名面に記録する画像を生成する処理を実行させる宛名面編集アイコン85とを含む。 First, in response to the activation of the control program 65 of the mobile terminal 50, for example, the 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's card creation icon 81 for displaying a New Year's card creation screen, a New Year's card album icon 82 for displaying a New Year's 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, the New Year's card creation screen shown in FIG. 5B in response to the user operation of tapping the New Year's card creation icon 81 being accepted by the operation unit 54. The New Year's card creation screen shown in FIG. 5B has a communication surface edit icon 84 that executes a process of generating an image to be recorded on the communication surface, and an address surface edit icon 84 that executes a process of generating an image to be recorded on the address surface. Includes 85 and.

なお、図5(A)に示される年賀状作成アイコン81には、通信面に画像が記録された2枚の葉書と、宛名面に画像が記録された1枚の葉書とを組み合わせた画像が用いられている。また、図5(B)に示される通信面編集アイコン84には、年賀状作成アイコン81に含まれる3枚の葉書のうち、通信面に画像が記録された2枚の葉書を組み合わせた画像が用いられている。さらに、図5(B)に示される宛名面編集アイコン85には、年賀状作成アイコン81に含まれる3枚の葉書のうち、宛名面に画像が記録された1枚の葉書の画像が用いられている。 For the New Year's card creation icon 81 shown in FIG. 5 (A), an image combining two postcards with an image recorded on the communication surface and one postcard with an image recorded on the address surface is used. Has been done. Further, for the communication surface editing icon 84 shown in FIG. 5 (B), an image obtained by combining two postcards in which an image is recorded on the communication surface is used among the three postcards included in the New Year's card creation icon 81. Has been done. Further, for the address side editing icon 85 shown in FIG. 5B, an image of one postcard in which an image is recorded on the address side is used among the three postcards included in the New Year's card creation icon 81. There is.

すなわち、年賀状作成アイコン81は、通信面に記録する画像を生成する処理と、宛名面に記録する画像を生成する処理とが実行可能であることを示す。また、通信面編集アイコン84は、通信面に記録する画像を生成する複数の処理が実行可能であることを示す。さらに、宛名面編集アイコン85は、宛名面に記録する画像を生成する処理が実行可能であることを示す。以下、通信面編集アイコン84がタップされた後の処理を詳細に説明し、宛名面編集アイコン85がタップされた後の処理の詳細な説明は省略する。また、通信面編集アイコン84によって示される複数の処理のうち、テンプレート画像に部品画像を合成する処理を詳細に説明する。 That is, the New Year's card creation icon 81 indicates that the process of generating an image to be recorded on the communication surface and the process of generating an image to be recorded on the address surface can be executed. Further, 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 side edit icon 85 indicates that the process of generating an image to be recorded on the address side can be executed. Hereinafter, the process after the communication surface edit icon 84 is tapped will be described in detail, and the detailed description of the process after the address surface edit icon 85 is tapped will be omitted. Further, among the plurality of processes indicated by the communication surface edit icon 84, the process of synthesizing the component image with the template image will be described in detail.

次に、制御プログラム65は、通信面編集アイコン84をタップするユーザ操作を操作部54が受け付けたことに応じて、通信部55を通じてサーバ装置70からテンプレート定義ファイルを受信する。また、制御プログラム65は、受信したテンプレート定義ファイルに含まれる取得先URLで特定される各テンプレート画像データを、通信部55を通じてサーバ装置70から受信する。本実施形態では、図2に示されるテンプレート定義ファイルと、当該テンプレート定義ファイルの取得先URLで特定される4つのテンプレート画像データとが取得されたものとする。なお、図2において、”テンプレート3”及び”テンプレート4”に含まれる各種情報の具体例の図示は省略されている。なお、テンプレート定義ファイル及びテンプレート画像データの取得先は、サーバ装置70に限定されず、データ記憶領域62Bであってもよい。この処理は、第1取得処理の一例である。 Next, the control program 65 receives the template definition file from the server device 70 through the communication unit 55 in response to the user operation of tapping the communication surface edit icon 84 being accepted by the operation unit 54. Further, the control program 65 receives each template image data specified by the acquisition destination 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 the four template image data specified by the acquisition destination URL of the template definition file are acquired. In FIG. 2, the illustration of specific examples of various information included in the "template 3" and the "template 4" is 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 the first acquisition process.

そして、制御プログラム65は、テンプレート画像一覧表示画面を表示部53に表示させ、図2に示される通信面記録処理を実行する。図6(A)は、テンプレート画像一覧表示画面の一例である。図6(A)に示されるテンプレート画像一覧表示画面は、サーバ装置70から受信した複数のテンプレート画像データそれぞれで示される複数のテンプレート画像を含む。なお、テンプレート画像一覧表示画面において、左上のテンプレート画像は図2の”テンプレート1”に対応し、右上のテンプレート画像は図2の”テンプレート2”に対応し、左下のテンプレート画像は図2の”テンプレート3”に対応し、右下のテンプレート画像は図2の”テンプレート4”に対応する。また、テンプレート画像一覧表示画面に含まれる各テンプレート画像は、プレビュー画面を表示させるアイコンとして機能する。 Then, the control program 65 causes the display unit 53 to display the template image list display screen, and executes the communication surface recording process shown in FIG. FIG. 6A is an example of the template image list display screen. The template image list display screen shown in FIG. 6A includes a plurality of template images shown by each of the plurality of template image data received from the server device 70. In the template image list display screen, the template image on the upper left corresponds to "template 1" in FIG. 2, the template image on the upper right corresponds to "template 2" in FIG. 2, and the template image on the lower left corresponds to "template 2" in FIG. It corresponds to "template 3", and the template image on the lower right corresponds to "template 4" in FIG. In addition, each template image included in the template image list display screen functions as an icon for displaying the preview screen.

次に、制御プログラム65は、テンプレート画像一覧表示画面に含まれるテンプレート画像の1つをタップするユーザ操作を操作部54が受け付けたことに応じて(S11)、プレビュー画面を表示部53に表示させる(S12)。図6(B)は、図6(A)の左上に表示されたテンプレート画像がタップされた場合のプレビュー画面の一例である。図6(B)に示されるプレビュー画面は、第1プレビュー画像86と、部品画像を合成可能なテンプレート画像上の部品領域を示す領域指示画像87、88と、プリントアイコン89と、保存アイコン90とを含む。ステップS12の処理は、第1表示処理の一例である。また、プリントアイコン89は記録指示アイコンの一例であり、保存アイコン90は保存指示アイコンの一例である。 Next, the control program 65 causes the display unit 53 to display the preview screen in response to the user operation of 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, area indication images 87 and 88 indicating a component area on a template image capable of synthesizing component images, a print icon 89, and a save icon 90. including. The process of step S12 is an example of the 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.

第1プレビュー画像86は、テンプレート画像一覧表示画面においてタップされた左上のテンプレート画像が葉書に記録された状態を示す画像である。すなわち、第1プレビュー画像86は、図2の”テンプレート1”で定義されるテンプレート画像を含む。また、領域指示画像87の位置は図2の”テンプレート1”の”部品1”に対応し、領域指示画像88の位置は図2の”テンプレート1”の”部品2”に対応する。さらに、図6(B)の第1プレビュー画像86に含まれるテンプレート画像のうち、領域指示画像87で示される領域は、透過画像である。 The first preview image 86 is an image showing a state in which the upper left template image tapped on the template image list display screen is recorded on a postcard. That is, the first preview image 86 includes the template image defined in the “template 1” of FIG. Further, the position of the area indication image 87 corresponds to "part 1" of "template 1" in FIG. 2, and the position of the area indication image 88 corresponds to "part 2" of "template 1" in FIG. Further, among the template images included in the first preview image 86 of FIG. 6B, the region indicated by the region indication image 87 is a transparent image.

領域指示画像87は、図2び”テンプレート1”の”部品1”の領域情報で示される部品領域を示す画像である。より詳細には、領域指示画像87は、当該部品領域の形状に対応するハッチングされた円の画像である。領域指示画像88は、”テンプレート1”の”部品2”の領域情報で示される部品領域を示す画像である。より詳細には、領域指示画像88は、当該部品領域の形状に対応する破線の枠と、当該枠の内部に属性情報である”差出人”の文字とを組み合わせた画像である。但し、領域指示画像の具体例はこれらに限定されない。 The area indication image 87 is an image showing a part area indicated by the area information of "part 1" of FIG. 2 and "template 1". More specifically, the region indication image 87 is an image of a hatched circle corresponding to the shape of the component region. The area indication image 88 is an image showing a part area indicated by the area information of "part 2" of "template 1". More specifically, the area indication image 88 is an image in which a frame of a broken line corresponding to the shape of the component area and a character of "sender" which is attribute information are combined inside the frame. However, specific examples of the area indication image are not limited to these.

次に、制御プログラム65は、表示部53の表示画面をタップするユーザ操作を操作部54が受け付けたことに応じて(S13:Yes)、タップ位置判定処理を実行する(S14)。タップ位置判定処理は、プレビュー画面のどの位置をタップしたかを判定する処理である。本実施形態に係るタップ位置判定処理では、図6(B)に示されるプレビュー画面のうち、領域指示画像87、88で示される部品領域、第1プレビュー画像86上の部品領域と異なる領域(以下、「背景領域」と表記する。)、プリントアイコン89の位置、及び保存アイコン90の位置のどこがタップされたかを判定する。図4を参照して、タップ位置判定処理を詳細に説明する。 Next, the control program 65 executes the tap position determination process in response to the operation unit 54 receiving the user operation of tapping the display screen of the display unit 53 (S13: Yes) (S14). The tap position determination process is a process of 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, the component area shown by the area indication images 87 and 88 and the area different from the component area on the first preview image 86 (hereinafter, , "Background area"), 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.

まず、制御プログラム65は、ユーザがタップした表示画面上の位置を示す位置情報を操作部54から取得する。そして、制御プログラム65は、位置情報が第1プレビュー画像86内であるか否かを判断する(S31)。制御プログラム65は、ステップS31において、操作部54から取得した位置情報と、テンプレート定義ファイルに含まれるテンプレート画像のサイズ情報とを比較すればよい。次に、制御プログラム65は、位置情報が第1プレビュー画像86内であることに応じて(S31:Yes)、位置情報が領域指示画像87、88内であるか否かを判断する(S32)。制御プログラム65は、ステップS32において、操作部54から取得した位置情報と、テンプレート定義ファイルに含まれる各領域情報とを比較すればよい。 First, the control program 65 acquires position information indicating a 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). 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 in step S31. Next, the control program 65 determines whether or not the position information is in the area indicating images 87 and 88 according to the position information in the first preview image 86 (S31: Yes) (S32). .. The control program 65 may compare the position information acquired from the operation unit 54 with the area information included in the template definition file in step S32.

そして、制御プログラム65は、位置情報が領域指示画像87、88内であることに応じて(S32:Yes)、部品領域がタップされたと判定する(S35)。一方、制御プログラム65は、位置情報が領域指示画像87、88から外れた位置であることに応じて(S32:No)、背景領域がタップされたと判定する(S36)。なお、ステップS33、S34の処理は、後述する変形例1において説明する。 Then, the control program 65 determines that the component area has been tapped according to the position information in the area indication images 87 and 88 (S32: Yes) (S35). On the other hand, the control program 65 determines that the background area has been tapped according to the position information deviating from the area indication images 87 and 88 (S32: No) (S36). The processing of steps S33 and S34 will be described in Modification 1 described later.

一方、制御プログラム65は、位置情報が第1プレビュー画像86から外れた位置であることに応じて(S31:No)、位置情報がどのアイコンに含まれるかを判断する(S37)。制御プログラム65は、ステップS37において、操作部54から取得した位置情報と、予め定められた各アイコンの位置情報とを比較すればよい。そして、制御プログラム65は、位置情報がプリントアイコン89内であることに応じて(S37:プリントアイコン)、プリントアイコン89がタップされたと判断する(S38)。また、制御プログラム65は、位置情報が保存アイコン90内であることに応じて(S37:保存アイコン)、保存アイコン90がタップされたと判断する(S39)。 On the other hand, the control program 65 determines which icon includes the position information according to the position where the position information deviates from the first preview image 86 (S31: No) (S37). 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 according to the position information in the print icon 89 (S37: print icon) (S38). Further, the control program 65 determines that the save icon 90 has been tapped according to the position information being in the save icon 90 (S37: save icon) (S39).

図3に戻って、制御プログラム65は、部品領域がタップされたことに応じて(S15:部品領域)、当該部品領域に合成する部品画像を示す部品データを取得する(S16)。次に、制御プログラム65は、ステップS16で取得した部品データで示される部品画像の形式を変更する必要があると判断したことに応じて(S17:Yes)、当該部品画像の形式を変換する(S18)。一方、制御プログラム65は、当該部品画像の形式を変更する必要が無いと判断したことに応じて(S17:No)、ステップS18をスキップする。ステップS16の処理は第2取得処理の一例であり、ステップS18の処理は変換処理の一例である。なお、ステップS19の処理は、後述する変形例1において説明する。 Returning to FIG. 3, the control program 65 acquires component data indicating a component image to be synthesized in the component area in response to the tapping of the component area (S15: component area) (S16). Next, the control program 65 converts the format of the component image according to the determination that it is necessary to change the format of the component image indicated by the component data acquired in step S16 (S17: Yes) (S17: Yes). S18). On the other hand, the control program 65 skips step S18 in response to the determination that it is not necessary to change the format of the component image (S17: No). The process of step S16 is an example of the second acquisition process, and the process of step S18 is an example of the conversion process. The process of step S19 will be described in Modification 1 described later.

なお、携帯端末50には、部品データを取得可能な複数のデータ取得元が予め設定されている。データ取得元は、データが記憶された記憶部に限定されない、ユーザからデータを取得するユーザインタフェース、外部装置からデータを取得する通信インタフェース等であってもよい。また、各データ取得元は、属性情報に対応づけられている。さらに、データ取得元と属性情報との対応関係は、例えば、OS64に保持されていてもよいし、制御プログラム65にプログラムされていてもよいし、制御プログラム65が読み込む定義ファイルに定義されていてもよい。 A plurality of data acquisition sources capable of acquiring component data are preset in the mobile terminal 50. The data acquisition source is not limited to the storage unit in which the data is stored, and may be a user interface for acquiring data from the user, a communication interface for acquiring data from an external device, or the like. In addition, each data acquisition source is associated with attribute information. Further, the correspondence between the data acquisition source and the attribute information may be held in the OS 64, programmed in the control program 65, or defined in the definition file read by the control program 65, for example. May be good.

一例として、写真データが記憶されたデータ記憶領域62B或いは携帯端末50に搭載された不図示のカメラ等は、”写真”を示す属性情報に対応づけられたデータ取得元である。他の例として、アドレス帳が記憶されたデータ記憶領域62Bは、”差出人”を示す属性情報に対応づけられたデータ取得元である。さらに他の例として、表示部53に表示可能なソフトウェアキーボードは、”文字列”を示す属性情報に対応づけられたデータ取得元である。さらに他の例として、スタンプ画像データが記憶されたデータ記憶領域62Bは、”スタンプ”を示す属性情報に対応づけられたデータ取得元である。また、データ取得元は携帯端末50に内蔵されている必要は必ずしもなく、携帯端末50に接続されたデータ記憶装置であってもよいし、通信ネットワーク102に接続された外部装置あってもよい。 As an example, a data storage area 62B in which photographic data is stored, a camera (not shown) mounted on the mobile terminal 50, or the like is a data acquisition source associated with attribute information indicating a "photograph". As another example, the data storage area 62B in which the address book is stored is a data acquisition source associated with the attribute information indicating the "sender". As yet another example, the software keyboard that can be displayed on the display unit 53 is a data acquisition source associated with the attribute information indicating the "character string". As yet another example, the data storage area 62B in which the stamp image data is stored is a data acquisition source associated with the attribute information indicating the "stamp". Further, 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.

図7及び図8を参照して、図6(B)の領域指示画像87、88で示される部品領域に部品画像を合成する処理を詳細に説明する。すなわち、図3のステップS12〜S19の処理が2回繰り返されることになる。以下、領域指示画像87がタップされたことに応じて実行される処理、及び領域指示画像88がタップされたことに応じて実行される処理の順に説明するが、領域指示画像87、88のタップ順序がこれに限定されないことは言うまでもない。 With reference to FIGS. 7 and 8, the process of synthesizing the component image with the component region shown by the region indication images 87 and 88 of FIG. 6B will be described in detail. That is, the processes of steps S12 to S19 of FIG. 3 are repeated twice. Hereinafter, the process executed in response to the tapping of the area instruction image 87 and the process executed in response to the tapping of the area instruction image 88 will be described. It goes without saying that the order is not limited to this.

まず、制御プログラム65は、図6(B)の領域指示画像87の位置をタップするユーザ操作を操作部54が受け付けたことに応じて(S15:部品領域)、写真一覧表示画面を表示部53に表示させる。図7(A)は、写真一覧表示画面の一例である。図7(A)に示される写真一覧表示画面には、複数のサムネイル画像が一覧表示されている。サムネイル画像は、データ記憶領域62Bに記憶された写真データで示される画像を縮小した縮小画像の一例である。また、写真一覧表示画面に表示された各サムネイル画像は、部品データの一例である写真データの選択を受け付けるアイコンとして機能する。すなわち、写真一覧表示画面に含まれるサムネイル画像は、部品データを識別する部品識別子の一例である。 First, the control program 65 displays the photo list display screen on the photo list display unit 53 in response to the user operation of tapping the position of the area instruction image 87 in FIG. 6 (B) received by the operation unit 54 (S15: parts area). 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. 7A. The thumbnail image is an example of a reduced image obtained by reducing the image represented by the photographic data stored in the data storage area 62B. In addition, each thumbnail image displayed on the photo list display screen functions as an icon that accepts the 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 the component identifier that identifies the component data.

次に、制御プログラム65は、図7(A)のサムネイル画像の1つをタップするユーザ操作を操作部54が受け付けたことに応じて、当該サムネイル画像で識別される写真データをデータ記憶領域62Bから取得し、写真画像編集画面を表示部53に表示させる。図7(B)は、写真画像編集画面の一例である。図7(B)に示される写真画像編集画面は、データ記憶領域62Bから取得した写真データで示される写真画像91と、トリミング枠92と、オリジナルアイコン93と、セピアアイコン94と、モノクロアイコン95とを含む。 Next, the control program 65 stores the photographic data identified by the thumbnail image in the data storage area 62B in response to the user operation of tapping one of the thumbnail images in FIG. 7A being accepted by the operation unit 54. 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 represented by photographic data acquired from the data storage area 62B, a trimming frame 92, an original icon 93, a sepia icon 94, and a monochrome icon 95. including.

トリミング枠92は、写真画像91のうちの部品画像として取得する領域をユーザに指定させるための画像である。換言すれば、トリミング枠92は、写真画像91のうちの部品領域に合成する領域をユーザに指定させるための画像である。トリミング枠92は、対応する領域情報で示される部品領域と相似形状である。トリミング枠92は、例えば、スライド操作によって写真画像91上を移動させることができ、ピンチイン操作によって縮小することができ、ピンチアウト操作によって拡大することができてもよい。 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 of the photographic image 91. The trimming frame 92 has a shape similar to the component region indicated by the corresponding region information. The trimming frame 92 may be moved on the photographic image 91 by a slide operation, may be reduced by a pinch-in operation, or may be enlarged by a pinch-out operation, for example.

オリジナルアイコン93は、写真画像91のうちのトリミング枠92によって指定された領域の画像を、写真画像91の色調のままで部品画像として取得するためのアイコンである。セピアアイコン94は、写真画像91のうちのトリミング枠92によって指定された領域の画像を、セピア調に変換して部品画像として取得するためのアイコンである。モノクロアイコン95は、写真画像91のうちのトリミング枠92によって指定された領域の画像を、モノクロ調に変換して部品画像として取得するためのアイコンである。各アイコン93、94、95は、領域指示画像87で示される部品領域に合成可能な部品画像の複数の形式それぞれを識別する形式識別子の一例である。 The original icon 93 is an icon for acquiring an image of a region designated by the trimming frame 92 of the photographic image 91 as a component image with the color tone of the photographic image 91 as it is. The sepia icon 94 is an icon for converting an image of a region designated by the trimming frame 92 of 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 in a region designated by the trimming frame 92 of the photographic image 91 into a monochrome tone and acquiring 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 the component image that can be synthesized in the component region indicated by the region indication image 87.

そして、制御プログラム65は、アイコン93〜95の1つをタップするユーザ操作を操作部54が受け付けたことに応じて、写真画像91のうちのトリミング枠92の内側の画像を示すデータを、部品データとして取得する(S16)。さらに、制御プログラム65は、セピアアイコン94或いはモノクロアイコン95をタップするユーザ操作を操作部54が受け付けたことに応じて(S17:Yes)、取得した部品データで示される部品画像を、タップしたアイコン94、95で識別される色調に変換する(S18)。色調を変換する具体的な処理は周知であるので、詳しい説明は省略する。 Then, the control program 65 obtains data indicating an image inside the trimming frame 92 of the photographic image 91 in response to the user operation of tapping one of the icons 93 to 95 accepted by the operation unit 54. Acquire as data (S16). Further, the control program 65 taps the component image indicated by the acquired component data in response to the user operation of tapping the sepia icon 94 or the monochrome icon 95 accepted by the operation unit 54 (S17: Yes). It is converted into a color tone identified by 94 and 95 (S18). Since the specific process for converting the color tone is well known, detailed description thereof will be omitted.

次に、制御プログラム65は、第1プレビュー画像86の領域指示画像87で示される部品領域に、写真画像91から取得した部品画像を合成した第2プレビュー画像を含むプレビュー画面を表示部53に表示させる(S12)。なお、ステップS16〜S19を実行した後のステップS12において表示されるプレビュー画面は、タップされた部品領域に部品画像が合成されている点において図6(B)に示されるプレビュー画面と相違し、その他の点は図6(B)に示されるプレビュー画面と共通する。上記の処理は、第2表示処理の一例である。第2表示処理の詳細は、後述する。 Next, the control program 65 displays on the display unit 53 a preview screen including a second preview image obtained by synthesizing the component images acquired from the photographic image 91 in the component area indicated by the area indication image 87 of the first preview image 86. (S12). 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 area. Other points are common to the preview screen shown in FIG. 6 (B). The above process is an example of the second display process. The details of the second display process will be described later.

次に、制御プログラム65は、図6(B)の領域指示画像88の位置をタップするユーザ操作を操作部54が受け付けたことに応じて(S15:部品領域)、アドレス一覧表示画面を表示部53に表示させる。図8(A)は、アドレス一覧表示画面の一例である。図8(A)に示されるアドレス一覧表示画面には、複数の氏名アイコンが一覧表示されている。氏名アイコンは、データ記憶領域62Bに記憶されている各アドレス情報に含まれる氏名が記述されたアイコンである。氏名アイコンは、部品データの他の例であるアドレス情報の選択を受け付けるアイコンである。すなわち、氏名アイコンは、部品データを識別する部品識別子の他の例である。但し、アドレス一覧表示画面に表示されるアイコンに記述される情報は氏名に限定されず、さらに住所等が記述されてもよい。 Next, the control program 65 displays the address list display screen in response to the operation unit 54 receiving the user operation of tapping the position of the area instruction image 88 in FIG. 6 (B) (S15: component area). Display on 53. FIG. 8A is an example of the address list display screen. On the address list display screen shown in FIG. 8A, a plurality of name icons are displayed in a list. 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 the selection of address information, which is another example of component data. That is, the name icon is another example of a part identifier that identifies part data. However, the information described in the icon displayed on the address list display screen is not limited to the name, and the address or the like may be further described.

次に、制御プログラム65は、アドレス一覧表示画面に表示された氏名アイコンの1つをタップするユーザ操作を操作部54が受け付けたことに応じて、当該氏名アイコンに記述された氏名を含むアドレス情報をデータ記憶領域62Bから取得する(S16)。また、制御プログラム65は、取得したアドレス情報から住所及び氏名を抽出し、これらを横配列で2段表記した部品画像に変換する(S17:Yes→S18)。図8(A)のアドレス一覧表示画面の上から2番目の氏名アイコンがタップされたものとして、後述の処理を説明する。 Next, the control program 65 responds to the operation unit 54 accepting the user operation of tapping one of the name icons displayed on the address list display screen, and the address information including the name described in the name icon. Is acquired from the data storage area 62B (S16). Further, the control program 65 extracts the address and the name from the acquired address information, and converts them into a component image represented in two stages in a horizontal arrangement (S17: Yes → S18). The process described later will be described assuming that the second name icon from the top of the address list display screen of FIG. 8A is tapped.

次に、制御プログラム65は、図8(B)に示されるように、図6(B)の第1プレビュー画像86の領域指示画像87、88で示される部品領域に、写真画像91から取得した部品画像96と、アドレス情報から生成された部品画像97とを合成した第2プレビュー画像98を表示部53に表示させる(S12)。なお、制御プログラム65は、テンプレート画像及び2つの部品画像96、97のうち、重なり情報で示される位置が奥の画像から順に表示部53のグラフィックメモリに描画することによって、第2プレビュー画像98を表示部53に表示させる。すなわち、制御プログラム65は、部品画像96、テンプレート画像、及び部品画像97の順に表示部53のグラフィックメモリに描画する。 Next, as shown in FIG. 8 (B), the control program 65 acquired the component region shown in the area indication images 87 and 88 of the first preview image 86 in FIG. 6 (B) from the photographic image 91. A second preview image 98, which is a combination of 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 in the graphic memory of the display unit 53 in order from the back image at the position indicated by the overlap information among the template image and the two component images 96 and 97. 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 this order in the graphic memory of the display unit 53.

なお、図2に示される定義ファイルにおいて、”テンプレート1”の”部品1”及び”部品2”の領域情報には”position=fixed”が設定されている。そのため、各部品画像96、97は、対応する部品領域の予め定められた位置を基点として第1プレビュー画像86に合成される。一例として、部品画像96は、円形状の部品領域の中心位置と当該部品画像96の中心位置とが一致するように配置され、且つ当該部品領域の大きさに合わせて拡大或いは縮小されてもよい。また、部品画像97は、長方形の部品領域の左上端位置と当該部品画像97の左上端位置とが一致するように配置され、且つ当該部品領域の大きさに合わせて拡大或いは縮小されてもよい。 In the definition file shown in FIG. 2, "position = fixed" is set in the area information of "part 1" and "part 2" of "template 1". Therefore, the component images 96 and 97 are combined with the first preview image 86 with a predetermined position of the corresponding component region as a base point. As an example, the component image 96 may be arranged so that the center position of the circular component region and the center position of the component image 96 coincide with each other, and may be enlarged or reduced according to the size of the component region. .. Further, the part image 97 may be arranged so that the upper left end position of the rectangular part area and the upper left end position of the part image 97 coincide with each other, and may be enlarged or reduced according to the size of the part area. ..

次に、制御プログラム65は、例えば図8(B)に示されるプレビュー画面の背景領域をタップするユーザ操作を操作部54が受け付けたことに応じて(S15:背景領域)、プレビュー画面に含まれるテンプレート画像を編集(S20)し、編集されたテンプレート画像を含むプレビュー画面を表示部53に表示させる(S12)。ステップS20を実行した後のステップS12の処理は、第3表示処理の一例である。なお、図6(B)に示されるプレビュー画面の背景領域がタップされた場合も同様の処理が実行される。また、テンプレート画像の編集の具体例は、例えば、テンプレート画像の色調を変更する、テンプレート画像の背景色を変更する、或いはテンプレート画像を構成する背景画像を変更すること等が挙げられる。テンプレート画像毎に編集可能な項目は、例えば、テンプレート定義ファイルに定義されていてもよい。 Next, the control program 65 is included in the preview screen, for example, in response to the operation unit 54 accepting the user operation of tapping the background area of the preview screen shown in FIG. 8 (B) (S15: background area). The template image is edited (S20), and the 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 the third display process. The same process is executed when the background area of the preview screen shown in FIG. 6B is tapped. Further, specific examples of editing the template image include changing the color tone of the template image, changing the background color of the template image, changing the background image constituting the template image, and the like. Items that can be edited for each template image may be defined in, for example, a template definition file.

一例として、テンプレート画像の色調としてオリジナル、セピア、モノクロが採用可能である場合、テンプレート画像の背景領域がタップされる度に、当該テンプレート画像の色調がオリジナル、セピア、モノクロの順に変更されてもよい。また、背景領域がロングタッチされたことに応じて変更可能な色調を示す色調識別子の一覧が表示され、色調識別子の1つがタップされたことに応じて当該色調識別子で識別される色調にテンプレート画像が変更されてもよい。テンプレート画像の背景色を変更する場合も同様である。 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 tone identifiers indicating color tones that can be changed according to the long touch of the background area is displayed, and the template image is set to the color tone identified by the color tone identifier when one of the color tone identifiers is tapped. May be changed. The same applies when changing the background color of the template image.

他の例として、サーバ装置70から受信したテンプレート画像データに複数の背景画像と、背景画像より奥行き方向の手前に位置する前景画像とが含まれていた場合、最初のプレビュー画面において前景画像及び第1背景画像で構成されるテンプレート画像を含む第1プレビュー画像を表示部53に表示させる。そして、この第1プレビュー画像の背景領域がタップされたことに応じて、前景画像及び第1背景画像で構成されるテンプレート画像を含む第3プレビュー画像を表示部53に表示させてもよい。 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 front of the background image in the depth direction, the foreground image and the first preview screen are displayed. A first preview image including a template image composed of one background image is displayed on the display unit 53. Then, in response to the tapping of the background area of the first preview image, the display unit 53 may display the third preview image including the template image composed of the foreground image and the first background image.

次に、制御プログラム65は、例えば図8(B)のプレビュー画面に含まれるプリントアイコン89をタップする操作を操作部54が受け付けたことに応じて(S15:アイコン&S21:プリントアイコン)、記録制御処理を実行する(S22)。記録制御処理は、プレビュー画面に含まれる第2プレビュー画像98を葉書に記録する記録処理をプリンタ部11に実行させる処理である。具体的には、制御プログラム65は、第2プレビュー画像98を示す画像データを含む記録指示情報を、通信部55を通じて複合機10に送信する。そして、複合機10は、通信部25を通じて携帯端末50から記録指示情報を取得したことに応じて、当該記録指示情報に含まれる画像データに対する記録処理をプリンタ部11に実行させる。 Next, the control program 65 controls recording in response to the operation unit 54 accepting, for example, the operation of tapping the print icon 89 included in the preview screen of FIG. 8 (B) (S15: icon & S21: print icon). The process is executed (S22). The recording control process is a process of causing the printer unit 11 to execute a recording process of recording the second preview image 98 included in the preview screen on a postcard. Specifically, the control program 65 transmits the recording instruction information including the image data indicating the second preview image 98 to the multifunction device 10 through the communication unit 55. Then, the multifunction device 10 causes the printer unit 11 to execute the recording process for the image data included in the recording instruction information in response to the acquisition of the recording instruction information from the mobile terminal 50 through the communication unit 25.

また、制御プログラム65は、図8(B)のプレビュー画面に含まれる保存アイコン9
0をタップする操作を操作部54が受け付けたことに応じて(S15:アイコン&S21
:保存アイコン)、保存制御処理を実行する(S23)。保存制御処理は、プレビュー画
面に含まれる第2プレビュー画像98に関するデータをデータ記憶領域62Bに記憶させ
る処理である。
Further, the control program 65 has a save icon 9 included in the preview screen of FIG. 8 (B).
In response to the operation of tapping 0 being accepted by the operation unit 54 (S15: Icon & S21)
: Save icon), execute the save control process (S23). The storage control process is a process of storing the data related to the second preview image 98 included in the preview screen in the data storage area 62B.

なお、当該画像データの保存先はデータ記憶領域62Bに限定されず、インターネット上のストレージサーバ等であってもよい。また、ステップS23においてデータ記憶領域62Bに記憶されるデータは、テンプレート画像と部品画像とが合成された画像を示す1つの画像データであってもよいし、テンプレート画像データ、部品データ、及びテンプレート画像上における部品画像のレイアウトを示すレイアウト情報等であってもよい。さらに、制御プログラム65は、例えば図5(A)に示される保存データアイコン83をタップするユーザ操作を操作部54が受け付けたことに応じて、第2プレビュー画像98を示す画像データをデータ記憶領域62Bから取得し、図8(B)に示されるプレビュー画面を再び表示部53に表示させてもよい。 The storage destination of the image data is not limited to the data storage area 62B, and may be a storage server or the like on the Internet. Further, the data stored in the data storage area 62B in step S23 may be one image data indicating an image in which the template image and the component image are combined, or the template image data, the component data, and the template image. It may be layout information or the like 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 user operation of tapping the saved data icon 83 shown in FIG. 5A, for example, received by the operation unit 54. The preview screen obtained from 62B and shown in FIG. 8B may be displayed on the display unit 53 again.

[本実施形態の作用効果]
上記の実施形態によれば、テンプレート画像上の予め定められた部品領域をタップすることによって、予め定められた属性の部品画像が当該部品領域に合成される。その結果、直感的で且つ簡単な操作でテンプレート画像に部品画像を合成することができる。また、上記の実施形態によれば、領域指示画像87、88によって部品領域の位置をユーザに容易に認識させることができる。なお、上記の実施形態では、領域指示画像87、88及び各種アイコン等をタップすることによって次の処理が実行される例を説明したが、次の処理を実行させる操作はタップ操作に限定されず、タッチ操作、ロングタッチ操作、スライド操作等であってもよい。
[Action and effect 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 embodiment, the user can easily recognize the position of the component region by the region indication images 87 and 88. In the above embodiment, an example in which the next process is executed by tapping the area instruction images 87, 88, various icons, and the like has been described, but the operation for executing the next process is not limited to the tap operation. , Touch operation, long touch operation, slide operation, etc. may be performed.

なお、上記の実施形態において、プレビュー画面に含まれるプレビュー画像を、第1プレビュー画像、第2プレビュー画像、及び第3プレビュー画像と区別しているが、これらの区別は、テンプレート画像に部品画像が合成されているか否か、或いはテンプレート画像が編集されているか否かに応じた便宜的なものであって、本質的には同じものである。すなわち、第1プレビュー画像に対して実行可能な処理は、原則として第2プレビュー画像及び第3プレビュー画像にも実行可能である。第2プレビュー画像及び第3プレビュー画像に対して実行可能な処理についても同様である。 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. In these distinctions, the component image is combined with the template image. It is a convenience depending on whether or not the template image has been edited, and is essentially the same. That is, in principle, the processing that can be executed on the first preview image can also be executed on the second preview image and the third preview image. The same applies to the processes that can be executed on the second preview image and the third preview image.

また、上記の実施形態では、図7(A)の写真一覧表示画面或いは図8(A)のアドレス一覧表示画面を通じて、部品画像96、97の元になる部品データをユーザに選択させる例を説明した。これにより、ユーザが所望する部品画像96、97をテンプレート画像に合成することができる。但し、部品画像を示す部品データの取得方法はこれに限定されない。例えば、制御プログラム65は、年賀状の差出人の住所及び氏名の入力を操作部54を通じて事前に受け付けておいてもよい。そして、制御プログラム65は、”差出人”を示す属性情報に対応する部品領域をタップするユーザ操作を操作部54が受け付けたことに応じて、事前に取得した差出人の住所及び氏名から部品画像を生成してもよい。 Further, in the above embodiment, an example will be described in which the user is allowed to select the component data that is the source of the component images 96 and 97 through the photo list display screen of FIG. 7 (A) or the address list display screen of FIG. 8 (A). bottom. As a result, the component images 96 and 97 desired by the user can be combined with the template image. However, the method of acquiring the component data showing the component image is not limited to this. For example, the control program 65 may accept the input of the address and name of the sender of the New Year's card in advance through the operation unit 54. Then, the control program 65 generates a part image from the address and name of the sender acquired in advance in response to the user operation of tapping the part area corresponding to the attribute information indicating "sender" received by the operation unit 54. You may.

また、上記の実施形態では、図7(B)の写真画像91から抽出する部品画像96の形式を、アイコン93〜95によってユーザに選択させる例を説明した。これにより、ユーザが所望する形式の部品画像96をテンプレート画像に合成することができる。一方、図8(A)のアドレス一覧表示画面を通じて選択したアドレス情報から生成される部品画像97の形式を、テンプレート定義ファイルに従って自動的に変換する例を説明した。これにより、部品画像の形式をユーザに意識させることなく、適切な形式の部品画像97をテンプレート画像に合成することができる。すなわち、部品画像の形式を変換する変換処理は、ユーザの指示に応じて実行されてもよいし、制御プログラム65の判断によって実行されてもよい。 Further, in the above embodiment, an example has been described in which the user is allowed to select the format of the component image 96 extracted from the photographic image 91 of FIG. 7B by the icons 93 to 95. As a result, the component image 96 in the format desired by the user can be combined with the template image. On the other hand, an example of automatically converting the format of the component image 97 generated from the address information selected through the address list display screen of FIG. 8A according to the template definition file has been described. As a result, 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 according to the instruction of the user, or may be executed at the discretion of the control program 65.

[変形例1]
次に、図9及び図10を参照して、変形例1に係る通信面記録処理を説明する。なお、上記の実施形態に係る通信面記録処理との共通点の詳しい説明は省略し、相違点を中心に説明する。変形例1に係る制御プログラム65は、図6(A)のテンプレート画像一覧表示画面において右上のテンプレート画像をタップするユーザ操作を操作部54が受け付けたことに応じて(S11)、図9(A)に示されるプレビュー画像を表示部53に表示させる(S12)。図9(A)に示されるプレビュー画面は、第1プレビュー画像111と、領域指示画像112、113と、プリントアイコン89と、保存アイコン90とを含む。
[Modification 1]
Next, the communication surface recording process according to the first modification will be described with reference to FIGS. 9 and 10. The detailed description of the common points with the communication surface recording process according to the above embodiment will be omitted, and the differences will be mainly described. In the control program 65 according to the first modification, the operation unit 54 accepts the user operation of tapping the template image on the upper right on the template image list display screen of FIG. 6 (A) (S11), and FIG. 9 (A). ) Is displayed on the display unit 53 (S12). The preview screen shown in FIG. 9A includes a first preview image 111, area indication images 112 and 113, a print icon 89, and a save icon 90.

次に、制御プログラム65は、図9(A)のプレビュー画面において、領域指示画像112、113の互いに重なる位置、すなわち入力媒体114で示される位置をタップするユーザ操作を操作部54が受け付けたことに応じて(S33)、各部品領域に合成される部品画像を示す部品データの取得順を決定する(S34)。制御プログラム65は、例えば、重なり情報で示される位置が手前の部品領域に合成される部品画像を示す部品データから順に取得する。より詳細には、制御プログラム65は、未だ部品画像が合成されていない部品領域のうち、重なり情報で示される位置が手前の部品領域に合成される部品画像を示す部品データから順に取得してもよい。すなわち、変形例1に係る図3のステップS16〜ステップS19において、領域指示画像113の位置に合成される部品画像を示す部品データが先に取得され、領域指示画像112の位置に合成される部品画像を示す部品データが後で取得される。 Next, in the control program 65, on the preview screen of FIG. 9A, the operation unit 54 accepts a user operation of tapping a position where the area instruction images 112 and 113 overlap each other, that is, a position indicated by the input medium 114. (S33), the acquisition order of the component data indicating the component image synthesized in each component area is determined (S34). The control program 65 acquires, for example, the position indicated by the overlap information in order from the component data indicating the component image synthesized in the front component region. More specifically, the control program 65 may acquire the component data indicating the component image in which the position indicated by the overlap information is synthesized in the front component area among the component areas in which the component images have not yet been synthesized. good. That is, in steps S16 to S19 of FIG. 3 according to the first modification, the component data indicating the component image to be combined at the position of the area indicating image 113 is first acquired, and the component is synthesized at the position of the area indicating image 112. Part data showing the image will be acquired later.

制御プログラム65は、1回目のステップS16において、”スタンプ”を示す属性情報に対応するデータ取得元の一例であるスタンプ一覧表示画面を表示部53に表示させる。図9(B)は、スタンプ一覧表示画面の一例である。図9(B)に示されるスタンプ一覧表示画面には、例えばデータ記憶領域62Bに記憶されたスタンプ画像データで示されるスタンプ画像が一覧表示されている。スタンプ一覧表示画面に含まれるスタンプ画像は、スタンプ画像データの選択を受け付けるアイコンとして機能する。すなわち、スタンプ一覧表示画面に含まれるスタンプ画像は、部品データを識別する部品識別子の他の例である。制御プログラム65は、スタンプ一覧表示画面に表示されたスタンプ画像の1つをタップするユーザ操作を操作部54が受け付けたことに応じて、当該スタンプ画像で識別されるスタンプ画像データをデータ記憶領域62Bから取得する。図9(B)のスタンプ一覧表示画面の右下のスタンプ画像がタップされたものとして、後述の処理を説明する。 In the first step S16, the control program 65 causes the display unit 53 to display a stamp list display screen, which is an example of a data acquisition source corresponding to the attribute information indicating the “stamp”. FIG. 9B is an example of a stamp list display screen. On the stamp list display screen shown in FIG. 9B, for example, stamp images represented by stamp image data stored in the data storage area 62B are displayed in a list. The stamp image included in the stamp list display screen functions as an icon for accepting the selection of stamp image data. That is, the stamp image included in the stamp list display screen is another example of the component identifier that identifies the component data. The control program 65 stores the stamp image data identified by the stamp image in the data storage area 62B in response to the user operation of tapping one of the stamp images displayed on the stamp list display screen by the operation unit 54. Get from. The process described later will be described assuming that the stamp image at the lower right of the stamp list display screen of FIG. 9B is tapped.

また、制御プログラム65は、2回目のステップS16において、”文字列”を示す属性情報に対応づけられたデータ取得元の一例であるテキスト入力画面を表示部53に表示させる。図10(A)は、テキスト入力画面の一例である。図10(A)に示されるテキスト入力画面は、テキストボックスと、ソフトウェアキーボードとを含む。そして、制御プログラム65は、ソフトウェアキーボードを通じてユーザが入力した文字列をテキストボックスに表示させ、確定キーをタップするユーザ操作を操作部54が受け付けたことに応じて、テキストボックスに表示されている文字列から部品データを生成する(S16)。また、制御プログラム65は、”縦配列”を示す属性情報に従って、テキストボックスに表示された横配列の文字列を縦配列に変換する(S17:Yes→S18)。なお、文字列を横配列から縦配列に変換するのに合わせて、当該文字列を縦配列に適した字体に変更してもよいし、半角英数字を全角英数字に変更してもよいし、アラビア数字を漢数字に変更してもよい。 Further, in the second step S16, the control program 65 causes the display unit 53 to display a text input screen which is an example of a data acquisition source associated with the attribute information indicating the “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. Then, the control program 65 displays the character string input by the user through the software keyboard in the text box, and the characters displayed in the text box in response to the user operation of tapping the confirmation key received by the operation unit 54. Part 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 the "vertical arrangement" (S17: Yes → S18). In addition, according to the conversion of the character string from the horizontal arrangement to the vertical arrangement, the character string may be changed to a font suitable for the vertical arrangement, or half-width alphanumeric characters may be changed to full-width alphanumeric characters. , Arabic numerals may be changed to Chinese numerals.

次に、制御プログラム65は、図10(B)に示されるように、図9(A)の第1プレビュー画像111の領域指示画像112、113で示される部品領域に、テキスト入力画面を通じて入力された文字列から生成された部品画像115と、スタンプ一覧表示画面を通じて選択されたスタンプ画像データで示される部品画像116とを合成した第2プレビュー画像117を、表示部53に表示させる(S12)。 Next, as shown in FIG. 10B, the control program 65 is input to the component area shown by the area indication images 112 and 113 of the first preview image 111 of FIG. 9A through the text input screen. A second preview image 117, which is a combination of 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).

なお、図2に示される定義ファイルにおいて、”テンプレート2”の”部品2”の領域情報には”position=free”が設定されているので、部品画像116は、図9(A)のプレビュー画面において操作部54が受け付けたタップ位置を基点として、第1プレビュー画像111に合成される。例えば、予め定められた大きさの部品画像116は、当該部品画像116の中心位置がタップ位置に一致するように配置される。 In the definition file shown in FIG. 2, "position = free" is set in the area information of "part 2" of "template 2", so that the part image 116 is the preview screen of FIG. 9 (A). With the tap position received by the operation unit 54 as a base point, the image is combined with the first preview image 111. 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.

上記の変形例1のように、複数の部品領域が重なり合うことを許容することにより、レイアウトの自由度が向上する。また、位置が固定された部品画像115及び位置を自由に設定可能な部品画像116をテンプレート画像に合成可能とすることにより、操作の容易性とレイアウトの自由度とを両立させることができる。 By allowing a plurality of component regions to overlap as in the above-described modification 1, 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, it is possible to achieve both ease of operation and freedom of layout.

[変形例2]
次に、図11(A)を参照して、変形例2に係る部品データの取得方法を説明する。まず、変形例2に係る制御プログラム65は、図6(B)の領域指示画像88の位置をタップするユーザ操作を操作部54が受け付けたことに応じて、差出人情報入力画面を表示部53に表示させる。図9(A)は、差出人情報入力画面の一例である。図9(A)に示される差出人入力画面は、”郵便番号”、”住所”、”姓”、”名”等の差出人情報が入力される複数のテキストボックスと、任意のコメントを入力されるテキストボックスと、アドレス帳アイコンと、完了アイコンとを含む。
[Modification 2]
Next, a method of acquiring component data according to the second modification will be described with reference to FIG. 11 (A). First, the control program 65 according to the second modification displays the sender information input screen on the display unit 53 in response to the user operation of tapping the position of the area instruction image 88 in FIG. 6 (B) being received by the operation unit 54. Display it. FIG. 9A is an example of the sender information input screen. In the sender input screen shown in FIG. 9A, a plurality of text boxes in which sender information such as "zip code", "address", "last name", and "first name" are input, and an arbitrary comment are input. Includes a text box, an address book icon, and a completion icon.

差出人情報入力画面に含まれる各テキストボックスには、当該テキストボックスの位置をタップすることによって表示されるソフトウェアキーボードを通じて文字列を入力することができる。すなわち、図9(A)に示される差出人情報入力画面は、”差出人”及び”文字列”を示す属性情報に対応づけられたデータ取得元の一例である。より詳細には、差出人情報が入力されるテキストボックスは、”差出人”を示す属性情報に対応づけられたデータ取得元である。一方、任意のコメントが入力されるテキストボックスは、”文字列”を示す属性情報に対応づけられたデータ取得元である。 In each text box included in the sender information input screen, a character string can be input through the 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 the attribute information indicating the "sender" and the "character string". More specifically, the text box in which the sender information is input is a data acquisition source associated with the attribute information indicating the "sender". On the other hand, the text box in which an arbitrary comment is input is a data acquisition source associated with the attribute information indicating the "character string".

また、制御プログラム65は、アドレス帳アイコンをタップするユーザ操作を操作部54が受け付けたことに応じて、例えば図8(A)に示されるアドレス一覧表示画面を表示部53に表示させてもよい。そして、制御プログラム65は、アドレス一覧表示画面に表示された氏名アイコンの1つをタップするユーザ操作を操作部54が受け付けたことに応じて、当該氏名アイコンに記述された氏名を含むアドレス情報を、差出人情報入力画面の対応するテキストボックスに表示させてもよい。さらに、制御プログラム65は、完了アイコンをタップするユーザ操作を操作部54が受け付けたことに応じて、差出人情報入力画面の各テキストボックスに表示された差出人情報及び文字列から部品画像を生成してもよい。これにより、複数の属性情報それぞれに対応づけられた部品データを、1つの画面を通じて取得することができる。 Further, the control program 65 may display, for example, the address list display screen shown in FIG. 8A on the display unit 53 in response to the user operation of tapping the address book icon received by the operation unit 54. .. Then, the control program 65 receives the address information including the name described in the name icon in response to the reception of the user operation of tapping one of the name icons displayed on the address list display screen by the operation unit 54. , May be displayed in the corresponding text box on the sender information input screen. Further, the control program 65 generates a component image from the sender information and the character string displayed in each text box of the sender information input screen in response to the user operation of tapping the completion icon received by the operation unit 54. May be good. As a result, the component data associated with each of the plurality of attribute information can be acquired through one screen.

[変形例3]
次に、図11(B)を参照して、変形例3に係る背景領域のタップ操作に対応づけられた処理を説明する。変形例3に係る制御プログラム65は、例えば図8(B)に示されるプレビュー画面の背景領域をタップするユーザ操作を操作部54が受け付けたことに応じて、全画面プレビュー画面を表示部53に表示させる。図11(B)は、全画面プレビュー画面の一例である。図11(B)に示される全画面プレビュー画面は、図8(B)の第2プレビュー画像98を拡大した拡大プレビュー画像と、閉じるアイコンとを含む。
[Modification 3]
Next, with reference to FIG. 11B, the process associated with the tap operation of the background area according to the third modification will be described. The control program 65 according to the third modification 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 shown in FIG. 8B, for example, received by the operation unit 54. Display it. 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 of FIG. 8B and a closing icon.

制御プログラム65は、閉じるアイコンをタップするユーザ操作を操作部54が受け付けたことに応じて、図8(B)に示されるプレビュー画面を再び表示部53に表示させる。また、制御プログラム65は、拡大プレビュー画像の位置におけるピンチアウト操作を操作部54が受け付けたことに応じて、タッチ位置を中心としてさらに拡大された拡大プレビュー画像を表示部53に表示させてもよい。これにより、第2プレビュー画像98の細部をユーザに確認させることができる。このように、背景領域をタップする操作に対応づけられた処理は、テンプレート画像の編集に限定されない。 The control program 65 causes the display unit 53 to display the preview screen shown in FIG. 8B again in response to the user operation of tapping the close icon received by the operation unit 54. Further, the control program 65 may display the enlarged preview image further enlarged around the touch position on the display unit 53 in response to the operation unit 54 accepting the pinch-out operation at the position of the enlarged preview image. .. As a result, the user can confirm the details of the second preview image 98. As described above, the process associated with the operation of tapping the background area is not limited to the editing of the template image.

なお、各実施形態の複合機10及び携帯端末50において、記憶部32、62のプログラム記憶領域32A、62Aに記憶された各種プログラムがCPU31、61によって実行されることによって、本発明の制御部が実行する各処理が実現される例を説明した。しかしながら、制御部の構成はこれに限定されず、その一部又は全部を集積回路(IC(Integrated Circuitの略)とも言う。)等のハードウェアで実現してもよい。 In the multifunction device 10 and the mobile terminal 50 of each embodiment, various programs stored in the program storage areas 32A and 62A of the storage units 32 and 62 are executed by the CPUs 31 and 61, so that the control unit of the present invention can be used. 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 a part or all of the control unit may be realized by hardware such as an integrated circuit (also referred to as an IC (abbreviation of Integrated Circuit)).

さらに、本発明は、複合機10或いは携帯端末50として実現できるだけでなく、複合機10或いは携帯端末50に処理を実行させるプログラムとして実現してもよい。そして、当該プログラムは、non−transitoryな記録媒体に記録されて提供されてもよい。non−transitoryな記録媒体は、CD−ROM、DVD−ROM等の他、通信ネットワーク102を介して複合機10或いは携帯端末50に接続可能なサーバ装置に搭載された記憶部を含んでもよい。そして、サーバ装置の記憶部に記憶されたプログラムは、当該プログラムを示す情報或いは信号として、インターネット等の通信ネットワーク102を介して配信されてもよい。 Further, the present invention can be realized not only as a multifunction device 10 or a mobile terminal 50, but also as a program for causing the multifunction device 10 or the mobile terminal 50 to execute a process. Then, the program may be recorded and provided 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 mobile terminal 50 via the communication network 102, in addition to a CD-ROM, a DVD-ROM, and the like. Then, the program stored in the storage unit of the server device may be distributed as information or a signal indicating the program via a communication network 102 such as the Internet.

10・・・複合機
11・・・プリンタ部
50・・・携帯端末
53・・・表示部
54・・・操作部
55・・・通信部
61・・・CPU
62・・・記憶部
65・・・制御プログラム
70・・・サーバ装置
10 ... Multifunction device 11 ... Printer unit 50 ... Mobile terminal 53 ... Display unit 54 ... Operation unit 55 ... Communication unit 61 ... CPU
62 ... Storage unit 65 ... Control program 70 ... Server device

Claims (12)

表示部及び操作部を備える情報処理装置のコンピュータによって実行可能なプログラムであって、
複数のテンプレート画像の中からいずれかのテンプレート画像を選択する操作を、前記操作部を介して受け付けたことに応じて、選択されたテンプレート画像を示すテンプレート画像データを取得する第1取得処理を前記コンピュータに実行させ、前記複数のテンプレート画像は、第1種類の部品画像を合成可能な第1領域を示す第1領域指示画像を有する第1テンプレート画像、及び、前記第1領域指示画像を有していない第2テンプレート画像を含んでおり、
前記第1取得処理で取得されたテンプレート画像データに基づいて、前記テンプレート画像を前記表示部に表示させる第1表示処理を前記コンピュータに実行させ、
前記第1取得処理で取得された前記テンプレート画像データが前記第1テンプレート画像を示す場合、前記第1表示処理では、前記第1領域指示画像が示す前記第1領域に、前記第1種類を示す文字列を含んでいる前記第1テンプレート画像を前記表示部に表示させ、
前記第1表示処理で表示され前記第1種類を示す文字列を含んだ前記第1領域指示画像が前記操作部で指定されたことに応じて、前記第1領域指示画像に含まれる文字列が示す前記第1種類に対応する第1データ取得元から、前記第1種類の部品画像を示す第1部品データを取得する第2取得処理と、
前記操作部を介した操作によって指定された前記第1領域指示画像が示す前記第1領域に、前記第2取得処理で取得した前記第1部品データが示す前記第1種類の部品画像を合成した第1合成画像を前記表示部に表示させる第2表示処理と、
前記第1合成画像を示す第1合成画像データを出力する出力処理と、を前記コンピュータに実行させるプログラム。
A program that can be executed by a computer of an information processing device equipped with a display unit and an operation unit.
The first acquisition process for acquiring template image data indicating the selected template image in response to the operation of selecting one of the template images from the plurality of template images is accepted via the operation unit. The plurality of template images, which are executed by a computer, include a first template image having a first region indicating image showing a first region capable of synthesizing a first type of component image, and the first region indicating image. Contains a second template image that is not
Based on the template image data acquired in the first acquisition process, the computer is made to execute the first display process for displaying the template image on the display unit.
When the template image data acquired in the first acquisition process indicates the first template image, in the first display process, the first type is shown in the first area indicated by the first area instruction image. The first template image including the character string is displayed on the display unit, and the display unit is displayed.
In response to the first display including the character string that is displayed indicating the first kinds in the process the first area designation image is designated by the operation unit, a character string included in the first region indication image The second acquisition process of acquiring the first component data indicating the first type component image from the first data acquisition source corresponding to the first type indicated by
The first type of component image indicated by the first component data acquired in the second acquisition process was synthesized with the first region indicated by the first region instruction image designated by the operation via the operation unit. A second display process for displaying the first composite image on the display unit, and
A program that causes the computer to execute an output process for outputting first composite image data indicating the first composite image.
前記第2テンプレート画像は、第2種類の部品画像を合成可能な第2領域を示す第2領域指示画像を有しており、
前記複数のテンプレート画像から、前記第2テンプレート画像を選択する操作を、前記操作部を介して受け付けたことに応じて、前記第1表示処理では、選択された前記第2テンプレート画像を前記表示部に表示させ、
前記第1表示処理では、前記第2領域指示画像が示す前記第2領域に、前記第2種類を示す文字列を含まない前記第2テンプレート画像を前記表示部に表示させ、
前記第1表示処理で表示した前記第2領域指示画像を指定する操作を、前記操作部を介して受け付けたことに応じて、前記第2取得処理では、前記第2領域に対応する第2データ取得元から、前記第2種類の部品画像を示す第2部品データを取得し、
前記第2表示処理では、前記操作部を介した操作によって指定された前記第2領域指示画像が示す前記第2領域に、前記第2取得処理で取得した前記第2部品データが示す前記第2種類の部品画像を合成した第2合成画像を前記表示部に表示させ、
前記出力処理では、前記第2合成画像を示す第2合成画像データを出力する、請求項1に記載のプログラム。
The second template image has a second region instruction image showing a second region in which a second type of component image can be combined.
In response to the operation of selecting the second template image from the plurality of template images being accepted via the operation unit, in the first display process, the selected second template image is displayed on the display unit. Display on
In the first display process, the second template image that does not include the character string indicating the second type is displayed on the display unit in the second area indicated by the second area instruction image.
In response to the operation of designating the second area instruction image displayed in the first display process being received via the operation unit, in the second acquisition process, the second data corresponding to the second area is received. The second part data showing the second type of part image is acquired from the acquisition source, and the second part data is acquired.
In the second display process, the second component data acquired in the second acquisition process indicates the second area in the second area indicated by the second area instruction image designated by the operation via the operation unit. A second composite image, which is a composite of different types of component images, is displayed on the display unit.
The program according to claim 1, wherein in the output process, the second composite image data indicating the second composite image is output.
前記第2表示処理では、前記第2領域指示画像において前記操作部で指定された位置を基点として前記第2種類の部品画像を合成した前記第2合成画像を前記表示部に表示させる請求項2に記載のプログラム。 2. In the second display process, the display unit displays the second composite image obtained by synthesizing the second type of component image with the position designated by the operation unit as the base point in the second area instruction image. The program described in. 前記第2表示処理では、前記第1領域指示画像において予め定められている位置を基点として前記第1種類の部品画像を合成した前記第1合成画像を前記表示部に表示させる請求項1から3のいずれかに記載のプログラム。 In the second display process, claims 1 to 3 cause the display unit to display the first composite image obtained by synthesizing the component image of the first type with a predetermined position in the first region instruction image as a base point. The program described in any of. 前記第1表示処理で表示した前記第1領域指示画像が前記操作部で指定されたことに応じて、前記第1データ取得元から取得可能な前記第1部品データに対応する第1部品アイコンを前記表示部に表示させる第3表示処理を前記コンピュータに実行させ、
前記第3表示処理で表示した前記第1部品アイコンを指定する操作を、前記操作部を介して受け付けたことに応じて、前記第2取得処理では、指定された前記第1部品アイコンに対応する前記第1部品データを前記第1データ取得元から取得する請求項1から4のいずれかに記載のプログラム。
In response to the fact that the first area instruction image displayed in the first display process is designated by the operation unit, a first component icon corresponding to the first component data that can be acquired from the first data acquisition source is displayed. The computer is made to execute the third display process to be displayed on the display unit.
In response to the operation of designating the first component icon displayed in the third display process being accepted via the operation unit, the second acquisition process corresponds to the designated first component icon. The program according to any one of claims 1 to 4, wherein the first component data is acquired from the first data acquisition source.
前記第2表示処理において、前記第2取得処理で取得された前記第1部品データが示す前記第1種類の部品画像を編集し、編集した前記第1種類の部品画像を、前記操作部を介した操作によって指定された前記第1領域指示画像が示す前記第1領域に合成した前記テンプレート画像を表示させる請求項1から5のいずれかに記載のプログラム。 In the second display process, the first type component image indicated by the first component data acquired in the second acquisition process is edited, and the edited first type component image is transmitted via the operation unit. The program according to any one of claims 1 to 5, which displays the template image synthesized in the first area indicated by the first area instruction image designated by the operation. 前記第1表示処理で表示した前記第1テンプレート画像において前記第1領域指示画像と異なる位置を指定する操作を、前記操作部を介して受け付けたことに応じて、前記第1テンプレート画像において前記第1領域指示画像の背景領域を編集し、編集された前記第1テンプレート画像を前記表示部に表示させる第4表示処理を前記コンピュータに実行させる請求項1から6のいずれかに記載のプログラム。 In response to the operation of designating a position different from the first area indicating image in the first template image displayed in the first display process via the operation unit, the first template image is said to be the first. 1 The program according to any one of claims 1 to 6, wherein the background area of the area indicating image is edited, and the computer is made to execute the fourth display process of displaying the edited first template image on the display unit. 前記文字列が差出人を示す場合、前記第2表示処理において、前記操作部を介した操作によって指定された前記第1領域指示画像が示す前記第1領域に、前記第2取得処理で取得した前記第1部品データが示す前記第1種類の部品画像を前記第1テンプレート画像よりも前景側に合成した前記第1合成画像を前記表示部に表示させる請求項1から7のいずれかに記載のプログラム。 When the character string indicates a sender, in the second display process, the first area indicated by the first area instruction image designated by the operation via the operation unit is acquired by the second acquisition process. The program according to any one of claims 1 to 7, wherein the first composite image obtained by synthesizing the first type component image indicated by the first component data on the foreground side of the first template image is displayed on the display unit. .. 前記第1種類が写真を示す場合、前記第2表示処理において、前記操作部を介した操作によって指定された前記第1領域指示画像が示す前記第1領域に、前記第2取得処理で取得した前記第1部品データが示す前記第1種類の部品画像を前記第1テンプレート画像よりも背景側に合成した前記第1合成画像を前記表示部に表示させる請求項1から7のいずれかに記載のプログラム。 When the first type indicates a photograph, in the second display process, the first area indicated by the first area instruction image designated by the operation via the operation unit is acquired by the second acquisition process. The method according to any one of claims 1 to 7, wherein the first composite image obtained by synthesizing the first type component image indicated by the first component data on the background side of the first template image is displayed on the display unit. program. 前記第1表示処理において、複数の前記第1種類を示す文字列を含む前記第1領域指示画像を含む前記第1テンプレート画像、又は、前記第1種類を示す文字列をそれぞれが含む複数の前記第1領域指示画像を含む前記第1テンプレート画像を表示させる請求項1から9のいずれかに記載のプログラム。 In the first display process, the first template image including the first area instruction image including a plurality of character strings indicating the first type, or a plurality of said characters each including a character string indicating the first type. The program according to any one of claims 1 to 9, wherein the first template image including the first area instruction image is displayed. 前記第1表示処理において、複数の前記第1領域指示画像を含む前記第1テンプレート画像を表示させ、前記複数の第1領域指示画像の少なくとも一つは、前記第1種類を示す文字列を含む請求項1から9のいずれかに記載のプログラム。 In the first display process, the first template image including a plurality of the first area instruction images is displayed, and at least one of the plurality of first area instruction images includes a character string indicating the first type. The program according to any one of claims 1 to 9. 表示部及び操作部を備える情報処理装置であって、
複数のテンプレート画像の中からいずれかのテンプレート画像を選択する操作を、前記操作部を介して受け付けたことに応じて、選択されたテンプレート画像を示すテンプレート画像データを取得する第1取得処理を実行し、前記複数のテンプレート画像は、第1種類の部品画像を合成可能な第1領域を示す第1領域指示画像を有する第1テンプレート画像、及び、前記第1領域指示画像を有していない第2テンプレート画像を含んでおり、
前記第1取得処理で取得されたテンプレート画像データに基づいて、前記テンプレート画像を前記表示部に表示させる第1表示処理を実行し、
前記第1取得処理で取得された前記テンプレート画像データが前記第1テンプレート画像を示す場合、前記第1表示処理では、前記第1領域指示画像が示す前記第1領域に、前記第1種類を示す文字列を含んでいる前記第1テンプレート画像を前記表示部に表示させ、
前記第1表示処理で表示され前記第1種類を示す文字列を含んだ前記第1領域指示画像が前記操作部で指定されたことに応じて、前記第1領域指示画像に含まれる文字列が示す前記第1種類に対応する第1データ取得元から、前記第1種類の部品画像を示す第1部品データを取得する第2取得処理と、
前記操作部を介した操作によって指定された前記第1領域指示画像が示す前記第1領域に、前記第2取得処理で取得した前記第1部品データが示す前記第1種類の部品画像を合成した第1合成画像を前記表示部に表示させる第2表示処理と、
前記第1合成画像を示す第1合成画像データを出力する出力処理と、を実行する情報処理装置。
An information processing device including a display unit and an operation unit.
In response to receiving the operation of selecting one of the template images from the plurality of template images via the operation unit, the first acquisition process of acquiring the template image data indicating the selected template image is executed. However, the plurality of template images do not have the first template image having the first region indicating image showing the first region capable of synthesizing the first type of component image, and the first region indicating image. Contains 2 template images
Based on the template image data acquired in the first acquisition process, the first display process for displaying the template image on the display unit is executed.
When the template image data acquired in the first acquisition process indicates the first template image, in the first display process, the first type is shown in the first area indicated by the first area instruction image. The first template image including the character string is displayed on the display unit, and the display unit is displayed.
In response to the first display including the character string that is displayed indicating the first kinds in the process the first area designation image is designated by the operation unit, a character string included in the first region indication image The second acquisition process of acquiring the first component data indicating the first type component image from the first data acquisition source corresponding to the first type indicated by
The first type of component image indicated by the first component data acquired in the second acquisition process was synthesized with the first region indicated by the first region instruction image designated by the operation via the operation unit. A second display process for displaying the first composite image on the display unit, and
An information processing device that executes an output process for outputting the first composite image data indicating the first composite image.
JP2019171466A 2018-04-26 2019-09-20 Information processing equipment, recording systems, and programs Active JP6962352B2 (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
JP2019171466A JP6962352B2 (en) 2018-04-26 2019-09-20 Information processing equipment, recording systems, and programs

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
JP2018084857A JP6810719B2 (en) 2018-04-26 2018-04-26 Information processing equipment, recording systems, and programs
JP2019171466A JP6962352B2 (en) 2018-04-26 2019-09-20 Information processing equipment, recording systems, and programs

Related Parent Applications (1)

Application Number Title Priority Date Filing Date
JP2018084857A Division JP6810719B2 (en) 2018-04-26 2018-04-26 Information processing equipment, recording systems, and programs

Publications (2)

Publication Number Publication Date
JP2020074507A JP2020074507A (en) 2020-05-14
JP6962352B2 true JP6962352B2 (en) 2021-11-05

Family

ID=70610302

Family Applications (1)

Application Number Title Priority Date Filing Date
JP2019171466A Active JP6962352B2 (en) 2018-04-26 2019-09-20 Information processing equipment, recording systems, and programs

Country Status (1)

Country Link
JP (1) JP6962352B2 (en)

Also Published As

Publication number Publication date
JP2020074507A (en) 2020-05-14

Similar Documents

Publication Publication Date Title
US20100251110A1 (en) Document processing apparatus, control method therefor, and computer-readable storage medium storing program for the control method
US20120179960A1 (en) Image layout adjustment aparatus
US10893165B2 (en) Information processing apparatus, method of controlling the same, and storage medium
JP6330488B2 (en) Information processing apparatus, recording system, and program
JP6911317B2 (en) Programs and information processing systems executed on information processing terminals
JP6962352B2 (en) Information processing equipment, recording systems, and programs
JP6810719B2 (en) Information processing equipment, recording systems, and programs
JP6337736B2 (en) Information processing apparatus, recording system, and program
JP2018067856A (en) Program run by information processing terminal and information processing terminal
JP6507939B2 (en) Mobile terminal and program
JP6859665B2 (en) Programs and information processing systems executed by information processing terminals
JP6394270B2 (en) Information processing apparatus, recording system, and program
JP6617448B2 (en) Mobile terminal and program
JP2018077692A (en) Program executed by information processing terminal and information processing system
JP6772770B2 (en) Programs and information processing systems executed by information processing terminals
JP2012248076A (en) Document management device, document management program and document management system
US11451678B2 (en) Image forming apparatus, image forming method, and recording medium define a folding lines to process user information in accordance with a position and a size of area in a template
JP6809051B2 (en) Programs and mobile terminals
JP6809050B2 (en) Programs and mobile terminals
JP6350179B2 (en) Information processing apparatus, recording system, and program
US20150242372A1 (en) System, apparatus and method for layout of information from different content sources onto a page
JP2017174286A (en) Program and terminal device
JP7009893B2 (en) Screen creation program, information processing device and screen creation method
TWI554894B (en) Online image editing system and operation method thereof
JP2015207807A (en) Printer and printing method

Legal Events

Date Code Title Description
A521 Request for written amendment filed

Free format text: JAPANESE INTERMEDIATE CODE: A523

Effective date: 20191016

A621 Written request for application examination

Free format text: JAPANESE INTERMEDIATE CODE: A621

Effective date: 20191018

A131 Notification of reasons for refusal

Free format text: JAPANESE INTERMEDIATE CODE: A131

Effective date: 20201110

A521 Request for written amendment filed

Free format text: JAPANESE INTERMEDIATE CODE: A523

Effective date: 20210104

A131 Notification of reasons for refusal

Free format text: JAPANESE INTERMEDIATE CODE: A131

Effective date: 20210525

A521 Request for written amendment filed

Free format text: JAPANESE INTERMEDIATE CODE: A523

Effective date: 20210603

TRDD Decision of grant or rejection written
A01 Written decision to grant a patent or to grant a registration (utility model)

Free format text: JAPANESE INTERMEDIATE CODE: A01

Effective date: 20210914

A61 First payment of annual fees (during grant procedure)

Free format text: JAPANESE INTERMEDIATE CODE: A61

Effective date: 20210927

R150 Certificate of patent or registration of utility model

Ref document number: 6962352

Country of ref document: JP

Free format text: JAPANESE INTERMEDIATE CODE: R150