JP2020149581A - Information processor, information processing method, program and storage medium - Google Patents

Information processor, information processing method, program and storage medium Download PDF

Info

Publication number
JP2020149581A
JP2020149581A JP2019048668A JP2019048668A JP2020149581A JP 2020149581 A JP2020149581 A JP 2020149581A JP 2019048668 A JP2019048668 A JP 2019048668A JP 2019048668 A JP2019048668 A JP 2019048668A JP 2020149581 A JP2020149581 A JP 2020149581A
Authority
JP
Japan
Prior art keywords
page
image
history
slot
electronic album
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.)
Pending
Application number
JP2019048668A
Other languages
Japanese (ja)
Inventor
渡辺 和宏
Kazuhiro Watanabe
和宏 渡辺
優子 保刈
Yuko Hokari
優子 保刈
茜 坂本
Akane Sakamoto
茜 坂本
武司 中田
Takeshi Nakada
武司 中田
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.)
Canon Inc
Original Assignee
Canon Inc
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Canon Inc filed Critical Canon Inc
Priority to JP2019048668A priority Critical patent/JP2020149581A/en
Priority to US16/807,482 priority patent/US11436776B2/en
Publication of JP2020149581A publication Critical patent/JP2020149581A/en
Pending legal-status Critical Current

Links

Abstract

To provide a technique enabling an easy reuse of a photograph, etc. used by a user.SOLUTION: An information processor includes: switching means configured to switch a page of an electronic album displayed in the screen according to an operation by a user; storage means configured to store, as a history, information on the image added or deleted in each page of the electronic album; and display control means configured to display, in the screen, information showing the history corresponding to the page after switching by the switching means.SELECTED DRAWING: Figure 2A

Description

本発明は、電子アルバムの作成を支援する情報処理装置、情報処理方法、プログラム及び記憶媒体に関する。 The present invention relates to an information processing device, an information processing method, a program, and a storage medium that support the creation of an electronic album.

従来、写真およびテキストなどのデザイン要素を配置することにより、電子アルバムを自動作成する技術が知られている。例えば、特許文献1は、画像の編集に用いられた設定情報の履歴一覧を、編集内容が反映された画像とともに表示し、ユーザが所望の履歴情報を選択することを容易にする技術を開示している。 Conventionally, a technique for automatically creating an electronic album by arranging design elements such as photographs and texts has been known. For example, Patent Document 1 discloses a technique for displaying a history list of setting information used for editing an image together with an image reflecting the edited content, and facilitating the user to select desired history information. ing.

特開2015−200983号公報Japanese Unexamined Patent Publication No. 2015-200983

しかしながら、複数ページを有するアルバムでは、各ページに対する編集内容の履歴を、履歴一覧から探すのは手間がかかる。このため、ユーザは、過去に使用した写真等を、アルバムのページごとに再利用するのは困難であった。 However, in an album having a plurality of pages, it is troublesome to search the history list of the edited contents for each page. For this reason, it has been difficult for the user to reuse the photographs and the like used in the past for each page of the album.

本発明は、このような問題点に鑑みてなされたものであり、ユーザが過去に使用した写真等を、容易に再利用することが可能な技術を提供することを目的とする。 The present invention has been made in view of such problems, and an object of the present invention is to provide a technique capable of easily reusing photographs and the like used in the past by a user.

上記課題を解決するために、本発明の情報処理装置は、ユーザの操作に応じて、表示手段に表示された電子アルバムのページを切り替える切替手段と、前記電子アルバムの各ページに追加または削除された画像を、履歴として記憶する記憶手段と、前記切替手段による切り替え後のページに対応する前記履歴を、前記表示手段に表示する表示制御手段とを有することを特徴とする。 In order to solve the above problems, the information processing apparatus of the present invention has a switching means for switching the page of the electronic album displayed on the display means according to the operation of the user, and is added or deleted to each page of the electronic album. It is characterized by having a storage means for storing the image as a history and a display control means for displaying the history corresponding to the page after switching by the switching means on the display means.

本発明によれば、ユーザが過去に使用した写真等を、容易に再利用することが可能となる。 According to the present invention, it is possible to easily reuse photographs and the like that the user has used in the past.

情報処理装置のハードウェア構成を例示する図である。It is a figure which illustrates the hardware configuration of the information processing apparatus. 履歴サムネイルの表示処理を例示するフローチャートである。It is a flowchart which illustrates the display process of the history thumbnail. 履歴サムネイルの表示処理を例示するフローチャートである。It is a flowchart which illustrates the display process of the history thumbnail. 電子アルバムのページへの画像の追加処理を例示するフローチャートである。It is a flowchart which illustrates the process of adding an image to the page of an electronic album. 電子アルバム編集の初期画面を例示する図である。It is a figure which illustrates the initial screen of the electronic album editing. 電子アルバムのページをめくるユーザ操作による画面例を示す図である。It is a figure which shows the screen example by the user operation which turns the page of an electronic album. 電子アルバムのページをめくるユーザ操作による画面例を示す図である。It is a figure which shows the screen example by the user operation which turns the page of an electronic album. 電子アルバムのページをめくるユーザ操作による画面例を示す図である。It is a figure which shows the screen example by the user operation which turns the page of an electronic album. スロットに対応した履歴サムネイルを表示する画面例を示す図である。It is a figure which shows the screen example which displays the history thumbnail corresponding to a slot. スロットに対応した履歴サムネイルを表示する画面例を示す図である。It is a figure which shows the screen example which displays the history thumbnail corresponding to a slot. フォーカスおよび画像トレイの状態を示す画面例を示す図である。It is a figure which shows the screen example which shows the state of a focus and an image tray. フォーカスおよび画像トレイの状態を示す画面例を示す図である。It is a figure which shows the screen example which shows the state of a focus and an image tray. スロットに追加画像を配置するユーザ操作による画面例を示す図である。It is a figure which shows the screen example by the user operation which arranges an additional image in a slot. スロットに追加画像を配置するユーザ操作による画面例を示す図である。It is a figure which shows the screen example by the user operation which arranges an additional image in a slot. スロットに追加画像を配置するユーザ操作による画面例を示す図である。It is a figure which shows the screen example by the user operation which arranges an additional image in a slot. スロットに追加画像を配置するユーザ操作による画面例を示す図である。It is a figure which shows the screen example by the user operation which arranges an additional image in a slot. スロットに追加画像を配置するユーザ操作による画面例を示す図である。It is a figure which shows the screen example by the user operation which arranges an additional image in a slot.

<実施形態>
(装置構成)
以下、本発明の実施形態について図面に基づいて説明する。図1は、本実施形態に係る情報処理装置100のハードウェア構成を例示する図である。情報処理装置100は、例えば、パーソナルコンピュータ(PC)、スマートフォン、タブレット端末等である。
<Embodiment>
(Device configuration)
Hereinafter, embodiments of the present invention will be described with reference to the drawings. FIG. 1 is a diagram illustrating a hardware configuration of the information processing device 100 according to the present embodiment. The information processing device 100 is, for example, a personal computer (PC), a smartphone, a tablet terminal, or the like.

図1において、内部バス150に対してCPU101、メモリ102、不揮発性メモリ103、画像処理部104、ディスプレイ105、操作部106、表示制御部107、記録媒体I/F108、外部I/F109、通信I/F110が接続されている。内部バス150に接続される各部は、内部バス150を介して互いにデータのやりとりを行うことができるようにされている。 In FIG. 1, the CPU 101, memory 102, non-volatile memory 103, image processing unit 104, display 105, operation unit 106, display control unit 107, recording medium I / F 108, external I / F 109, and communication I with respect to the internal bus 150. / F110 is connected. Each part connected to the internal bus 150 is configured to be able to exchange data with each other via the internal bus 150.

CPU101は、情報処理装置100の各部を制御する制御部であり、少なくとも1つのプロセッサーまたは回路からなる。メモリ102は、例えばRAM(半導体素子を利用した揮発性のメモリなど)からなる。CPU101は、例えば不揮発性メモリ103に格納されるプログラムに従い、メモリ102をワークメモリとして用いて、情報処理装置100の各部(切替手段、記憶手段、表示制御手段)を制御する。 The CPU 101 is a control unit that controls each unit of the information processing device 100, and includes at least one processor or circuit. The memory 102 includes, for example, a RAM (such as a volatile memory using a semiconductor element). The CPU 101 controls each part (switching means, storage means, display control means) of the information processing apparatus 100 by using the memory 102 as a work memory according to a program stored in the non-volatile memory 103, for example.

不揮発性メモリ103には、画像データやその他のデータ、CPU101が動作するための各種プログラムなどが格納される。不揮発性メモリ103は例えばハードディスク(HD)やROMなどで構成される。なお、後述する情報処理装置100の機能や処理は、CPU101が不揮発性メモリ103に格納されているプログラムを読み出し、このプログラムを実行することにより実現されるものである。本実施形態では、電子アルバム作成アプリケーション・プログラムが記憶されており、これを実行することにより以下に説明する処理を実現する。 The non-volatile memory 103 stores image data, other data, various programs for operating the CPU 101, and the like. The non-volatile memory 103 is composed of, for example, a hard disk (HD) or a ROM. The functions and processes of the information processing apparatus 100, which will be described later, are realized by the CPU 101 reading a program stored in the non-volatile memory 103 and executing this program. In the present embodiment, the electronic album creation application program is stored, and by executing this, the processing described below is realized.

画像処理部104は、CPU101の制御に基づいて、不揮発性メモリ103や記録媒体113に格納された画像データや、外部I/F109、通信I/F110を介して取得した画像データなどに対して各種画像処理を施す。画像処理部104が行う画像処理には、A/D変換処理、D/A変換処理、画像データの符号化処理、圧縮処理、デコード処理、拡大/縮小処理(リサイズ)、ノイズ低減処理、色変換処理などが含まれる。 Based on the control of the CPU 101, the image processing unit 104 handles various types of image data stored in the non-volatile memory 103 and the recording medium 113, image data acquired via the external I / F 109 and communication I / F 110, and the like. Perform image processing. The image processing performed by the image processing unit 104 includes A / D conversion processing, D / A conversion processing, image data encoding processing, compression processing, decoding processing, enlargement / reduction processing (resizing), noise reduction processing, and color conversion. Processing etc. are included.

ディスプレイ105(表示手段)は、CPU101の制御に基づいて、画像やGUI(Graphical User Interface)を構成するGUI画面などを表示する。CPU101は、プログラムに従って表示制御信号を生成し、ディスプレイ105に表示させるための映像信号の生成およびディスプレイ105への出力を制御する。なお、情報処理装置100自体が備える構成としては、ディスプレイ105に表示させるための映像信号を出力するためのインターフェースまでとし、ディスプレイ105は外付けのモニタ(テレビなど)で構成してもよい。 The display 105 (display means) displays an image, a GUI screen that constitutes a GUI (Graphical User Interface), and the like based on the control of the CPU 101. The CPU 101 generates a display control signal according to a program, and controls the generation of a video signal to be displayed on the display 105 and the output to the display 105. The information processing device 100 itself may include an interface for outputting a video signal to be displayed on the display 105, and the display 105 may be configured by an external monitor (television or the like).

操作部106は、キーボードやマイクロホンなどを含む文字情報入力デバイスである。また、操作部106は、マウスやタッチパネルといったポインティングデバイス、ボタン
、ダイヤル、ジョイスティック、タッチセンサ、タッチパッドなどを含む、ユーザ操作を受け付ける入力デバイスである。
The operation unit 106 is a character information input device including a keyboard, a microphone, and the like. Further, the operation unit 106 is an input device that accepts user operations, including a pointing device such as a mouse and a touch panel, a button, a dial, a joystick, a touch sensor, and a touch pad.

表示制御部107(表示制御手段)は、ディスプレイ105の表示を制御する。表示制御部107は、CPU101が生成した表示制御信号に従って、ディスプレイ105に表示するための映像信号を生成し、ディスプレイ105に出力する。 The display control unit 107 (display control means) controls the display of the display 105. The display control unit 107 generates a video signal to be displayed on the display 105 according to the display control signal generated by the CPU 101, and outputs the video signal to the display 105.

記録媒体I/F108(記憶手段)は、メモリカードやCD、DVDといった記録媒体113が着脱可能である。記録媒体I/F108は、CPU101の制御に基づき、装着された記録媒体113からのデータの読み出しや、記録媒体113に対するデータの書き込みを行う。 The recording medium I / F 108 (storage means) has a removable recording medium 113 such as a memory card, a CD, or a DVD. The recording medium I / F 108 reads data from the mounted recording medium 113 and writes data to the recording medium 113 based on the control of the CPU 101.

外部I/F109は、有線ケーブル(USBケーブルなど)や無線によって外部機器と接続し、映像信号や音声信号の入出力(データ通信)を行うためのインターフェースである。通信I/F110は、外部機器やインターネット111などと通信して、ファイルやコマンドなどの各種データの送受信(データ通信)を行うためのインターフェースである。 The external I / F 109 is an interface for connecting to an external device by a wired cable (USB cable or the like) or wirelessly to input / output (data communication) a video signal or an audio signal. The communication I / F 110 is an interface for communicating with an external device, the Internet 111, etc., and transmitting / receiving various data such as files and commands (data communication).

なお、情報処理装置100は、操作部106の一つとして、ディスプレイ105に対する接触を検知可能なタッチパネル112を有する。タッチパネル112は、ディスプレイ105に重ね合わせて平面的に構成され、接触された位置に応じた座標情報が出力されるようにした入力デバイスである。例えば、タッチパネル112は、光の透過率がディスプレイ105の表示を妨げないように構成され、ディスプレイ105の表示面の上層に取り付けられる。タッチパネルにおける入力座標は、ディスプレイ105上の表示座標と対応付けられる。これにより、ディスプレイ105上に表示された画面を、ユーザが直接的に操作可能であるようなGUIが実現される。 The information processing device 100 has a touch panel 112 capable of detecting contact with the display 105 as one of the operation units 106. The touch panel 112 is an input device that is superposed on the display 105 and is configured in a plane so that coordinate information corresponding to the contacted position is output. For example, the touch panel 112 is configured so that the light transmittance does not interfere with the display of the display 105, and is attached to the upper layer of the display surface of the display 105. The input coordinates on the touch panel are associated with the display coordinates on the display 105. As a result, a GUI is realized in which the user can directly operate the screen displayed on the display 105.

CPU101は、タッチパネル112に対する以下の操作または状態を検出することができる。
・タッチパネル112にタッチしていなかった指やペンが新たにタッチパネル112にタッチしたこと、すなわち、タッチの開始(以下、タッチダウン(Touch−Down)と称する)
・タッチパネル112を指やペンでタッチしている状態であること(以下、タッチオン(Touch−On)と称する)
・タッチパネル112を指やペンでタッチしたまま移動していること(以下、タッチムーブ(Touch−Move)と称する)
・タッチパネル112へタッチしていた指やペンを離したこと。すなわち、タッチの終了(以下、タッチアップ(Touch−Up)と称する)
・タッチパネル112に何もタッチしていない状態(以下、タッチオフ(Touch−Off)と称する)
The CPU 101 can detect the following operations or states on the touch panel 112.
-A finger or pen that has not touched the touch panel 112 newly touches the touch panel 112, that is, the start of touch (hereinafter referred to as touch-down).
-The touch panel 112 is in a state of being touched with a finger or a pen (hereinafter referred to as "touch-on").
-Movement while touching the touch panel 112 with a finger or a pen (hereinafter referred to as Touch-Move).
-The finger or pen that was touching the touch panel 112 was released. That is, the end of touch (hereinafter referred to as touch-up (Touch-Up)).
-A state in which nothing is touched on the touch panel 112 (hereinafter referred to as touch-off).

タッチダウンが検出されると、同時にタッチオンであることも検出される。タッチダウンの後、タッチアップが検出されない限りは、通常はタッチオンが検出され続ける。タッチムーブが検出されるのもタッチオンが検出されている状態である。タッチオンが検出されていても、タッチ位置が移動していなければタッチムーブは検出されない。タッチしていた全ての指やペンがタッチアップしたことが検出された後は、タッチオフとなる。 When touchdown is detected, it is also detected that it is touch-on. After a touchdown, touch-on usually continues to be detected unless touch-up is detected. The touch move is also detected when the touch on is detected. Even if touch-on is detected, touch move is not detected unless the touch position is moved. After it is detected that all the fingers and pens that have been touched are touched up, the touch is turned off.

タッチパネル112に対する操作・状態、およびタッチパネル112上で指やペンがタッチしている位置座標は、内部バスを通じてCPU101に通知される。CPU101は、通知された情報に基づいて、タッチパネル112上にどのような操作(タッチ操作)が
行なわれたかを判定する。タッチムーブについては、タッチパネル112上で移動する指やペンの移動方向についても、位置座標の変化に基づいて、タッチパネル112上の垂直成分・水平成分毎に判定できる。
The operation / state of the touch panel 112 and the position coordinates of the finger or pen touching on the touch panel 112 are notified to the CPU 101 via the internal bus. The CPU 101 determines what kind of operation (touch operation) has been performed on the touch panel 112 based on the notified information. Regarding the touch move, the moving direction of the finger or pen moving on the touch panel 112 can also be determined for each vertical component and horizontal component on the touch panel 112 based on the change in the position coordinates.

タッチパネル112上をタッチダウンから一定のタッチムーブを経てタッチアップする操作を、ストロークを描くと称する。素早くストロークを描く操作をフリックと呼ぶ。フリックは、タッチパネル上に指をタッチしたままある程度の距離だけ素早く動かして、そのまま離すといった操作である。フリックは、言い換えればタッチパネル上を指ではじくように素早くなぞる操作である。CPU101は、所定距離以上を、所定速度以上でタッチムーブされたことを検出し、そのままタッチアップを検出するとフリックが行われたと判定することができる。また、CPU101は、所定距離以上を、所定速度未満でタッチムーブしたことを検出した場合、ドラッグが行われたと判定するものとする。タッチパネル112は、抵抗膜方式や静電容量方式、表面弾性波方式、赤外線方式、電磁誘導方式、画像認識方式、光センサ方式等、様々な方式のタッチパネルのうちいずれの方式のものを用いても良い。方式によって、タッチパネルに対する接触があったことでタッチがあったと検出する方式や、タッチパネルに対する指やペンの接近があったことでタッチがあったと検出する方式ものがあるが、いずれの方式でもよい。 The operation of touching up on the touch panel 112 from touchdown through a constant touch move is referred to as drawing a stroke. The operation of drawing a stroke quickly is called flicking. Flicking is an operation in which a finger is touched on the touch panel, quickly moved by a certain distance, and then released. In other words, flicking is an operation of swiftly tracing on the touch panel as if flicking with a finger. The CPU 101 can detect that the touch move has been performed at a predetermined speed or more for a predetermined distance or more, and if the touch-up is detected as it is, it can be determined that the flick has been performed. Further, when the CPU 101 detects that the touch move is performed at a predetermined speed or more at a predetermined speed or more, it is determined that the drag has been performed. The touch panel 112 may use any of various touch panels such as a resistive film method, a capacitance method, a surface acoustic wave method, an infrared method, an electromagnetic induction method, an image recognition method, and an optical sensor method. good. Depending on the method, there are a method of detecting that there is a touch due to contact with the touch panel and a method of detecting that there is a touch due to the approach of a finger or a pen to the touch panel, but any method may be used.

(処理内容)
図2A〜図2Cは、電子アルバムにおける履歴サムネイルの表示処理および画像の追加処理について説明する図である。情報処理装置100において、CPU101は複数ページを有する電子アルバムをディスプレイ105に表示する。CPU101は、ユーザの指示(操作)に応じて電子アルバムのページをめくる(切り替える)ようなアニメーション表示を行うとともに、ディスプレイ105に表示されるページを変更する。CPU101は、ユーザの指示に応じて、電子アルバムのページに配置する画像の追加、置換または削除等の編集を行う。CPU101は、電子アルバムのページに追加された後、新しい別の画像に置き換えられたり、電子アルバムのページから削除されたりした画像のサムネイル画像(縮小画像)を「履歴サムネイル」としてページごとに関連付けて記憶する。また、CPU101は、置換または削除されたサムネイル画像(履歴サムネイル)をディスプレイ105に表示する。なお、履歴サムネイルとして表示されるのは、写真に限られず、テキストデータ、ユーザが作成したイラストや図形など、その他の画像であってもよい。また、電子アルバムのページ上の1つのスロットに複数の画像が追加されたり、削除されたりすることで、電子アルバムのページの当該スロットには、複数の画像のサムネイル画像が履歴サムネイルとして関連付けて記憶される。
(Processing content)
2A to 2C are diagrams for explaining the history thumbnail display process and the image addition process in the electronic album. In the information processing apparatus 100, the CPU 101 displays an electronic album having a plurality of pages on the display 105. The CPU 101 performs an animation display such as turning (switching) a page of an electronic album according to a user's instruction (operation), and changes the page displayed on the display 105. The CPU 101 edits the image to be arranged on the page of the electronic album, such as adding, replacing, or deleting, according to the instruction of the user. The CPU 101 associates thumbnail images (reduced images) of images that have been added to the electronic album page and then replaced with another new image or deleted from the electronic album page as "history thumbnails" for each page. Remember. Further, the CPU 101 displays the replaced or deleted thumbnail image (history thumbnail) on the display 105. The history thumbnail is not limited to the photograph, but may be other images such as text data, illustrations and figures created by the user. Further, by adding or deleting a plurality of images to one slot on the page of the electronic album, thumbnail images of the plurality of images are associated and stored as history thumbnails in the slot of the page of the electronic album. Will be done.

図2Aは、履歴サムネイルの表示処理を例示するフローチャートである。図2Aは、電子アルバムのページ切り替えに伴う履歴サムネイルの表示処理を説明する。また、図3Aから図3Dは、図2Aに示す表示処理を説明するための画面例を示す。 FIG. 2A is a flowchart illustrating the display processing of the history thumbnail. FIG. 2A describes a history thumbnail display process associated with page switching of an electronic album. Further, FIGS. 3A to 3D show screen examples for explaining the display process shown in FIG. 2A.

図2Bは、履歴サムネイルの表示処理を例示するフローチャートである。図2Bは、ユーザが選択したスロットに対する履歴サムネイルの表示処理を説明する。スロットは、電子アルバム上で画像がレイアウト(配置)される位置を示す枠である。また、図4A、図4B、図5Aおよび図5Bは、図2Bに示す表示処理を説明するための画面例を示す。 FIG. 2B is a flowchart illustrating the display processing of the history thumbnail. FIG. 2B describes a history thumbnail display process for a slot selected by the user. A slot is a frame indicating a position where an image is laid out (arranged) on an electronic album. Further, FIGS. 4A, 4B, 5A and 5B show screen examples for explaining the display process shown in FIG. 2B.

図2Cは、電子アルバムのページへの画像の追加処理を例示するフローチャートである。図2Cは、ユーザが、画像トレイまたは履歴エリアに表示されたサムネイル画像をスロット上に配置させる場合の処理を説明する。また、図6Aから図6Eは、図2Cに示す画像の追加処理を説明するための画面例を示す。 FIG. 2C is a flowchart illustrating the process of adding an image to the page of the electronic album. FIG. 2C describes a process in which the user arranges the thumbnail image displayed in the image tray or the history area on the slot. 6A to 6E show screen examples for explaining the additional processing of the image shown in FIG. 2C.

まず、図2Aに示す履歴サムネイルの表示処理について説明する。図2Aの履歴サムネ
イルの表示処理は、例えば、情報処理装置100の電源の投入、または電子アルバム作成アプリケーション・プログラムの起動等により開始される。
First, the display processing of the history thumbnail shown in FIG. 2A will be described. The history thumbnail display process of FIG. 2A is started, for example, by turning on the power of the information processing apparatus 100, starting the electronic album creation application program, or the like.

ステップS201では、CPU101は、まず、ディスプレイ105上に、電子アルバムを作成するための初期画面を表示する。ここで、図3Aにより、初期画面について説明する。 In step S201, the CPU 101 first displays an initial screen for creating an electronic album on the display 105. Here, the initial screen will be described with reference to FIG. 3A.

図3Aは、電子アルバム編集の初期画面を例示する図である。初期画面は、電子アルバムのページ300、画像トレイ301、履歴サムネイル302、スロット303、テキストボックス304を表示する。 FIG. 3A is a diagram illustrating an initial screen for editing an electronic album. The initial screen displays the page 300 of the electronic album, the image tray 301, the history thumbnail 302, the slot 303, and the text box 304.

電子アルバムは、複数のページを有し、ユーザ操作に応じてディスプレイ105に表示されるページ300が切り替えられる。図3Aでは、電子アルバムを開いたときに対になる左右のページ(見開きページ)がディスプレイ105に表示される。画像トレイ301は、電子アルバムのページ300に配置可能(追加可能)な1つ以上の画像の一部またはすべてと対応するサムネイル画像(候補サムネイル)を一覧表示する。画像トレイ301に一部の候補サムネイルしか表示されていない場合、ユーザによる画像トレイ301へのスクロール操作等に応じて、画像トレイ301に表示される候補サムネイルを変更することができる。履歴サムネイル302は、電子アルバムのページ300に対して追加または削除されたサムネイル画像を履歴として表示したものである。ユーザは、履歴サムネイル302からいずれかを選択して電子アルバムのページ300に追加することができる。以下、画像トレイ301または履歴サムネイル302から選択されて、電子アルバムのページ300に新たに追加される画像は、追加画像とも称する。 The electronic album has a plurality of pages, and the page 300 displayed on the display 105 is switched according to a user operation. In FIG. 3A, the left and right pages (spread pages) paired when the electronic album is opened are displayed on the display 105. The image tray 301 displays a list of thumbnail images (candidate thumbnails) corresponding to a part or all of one or more images that can be arranged (added) on the page 300 of the electronic album. When only a part of the candidate thumbnails are displayed on the image tray 301, the candidate thumbnails displayed on the image tray 301 can be changed according to the scroll operation to the image tray 301 by the user or the like. The history thumbnail 302 displays thumbnail images added or deleted to the page 300 of the electronic album as a history. The user can select one of the history thumbnails 302 and add it to the page 300 of the electronic album. Hereinafter, an image selected from the image tray 301 or the history thumbnail 302 and newly added to the page 300 of the electronic album is also referred to as an additional image.

電子アルバムのページ300上に表示されるオブジェクトは、例えば、スロット303およびテキストボックス304である。スロット303は、電子アルバムのページ300上で画像がレイアウトされる位置を示す枠である。テキストボックス304は、写真キャプション(写真の見出し、説明文等)のテキストがレイアウトされる位置を示すテキストボックスである。ユーザは、電子アルバムのページ300上に表示されたスロット303およびテキストボックス304に対して、画像またはテキスト等を追加することができる。 The objects displayed on page 300 of the electronic album are, for example, slot 303 and text box 304. The slot 303 is a frame indicating a position where the image is laid out on the page 300 of the electronic album. The text box 304 is a text box indicating a position where the text of the photo caption (photo heading, description, etc.) is laid out. The user can add an image, text, or the like to the slot 303 and the text box 304 displayed on the page 300 of the electronic album.

なお、履歴サムネイル302は、ディスプレイ105の画面上で所定の角度(例えば±5°)だけ回転させて、「斜め」にした状態で表示されてもよい。履歴サムネイル302は、画像トレイ301上に表示される候補サムネイルとは異なる態様で表示されることで、画像トレイ301上の候補サムネイルとは異なった印象をユーザに与えることができる。これにより、ユーザは、履歴サムネイル302を、画像トレイ301上の候補サムネイルと容易に区別することができる。 The history thumbnail 302 may be displayed in a state of being "obliquely" rotated by a predetermined angle (for example, ± 5 °) on the screen of the display 105. By displaying the history thumbnail 302 in a manner different from the candidate thumbnail displayed on the image tray 301, it is possible to give the user an impression different from the candidate thumbnail displayed on the image tray 301. As a result, the user can easily distinguish the history thumbnail 302 from the candidate thumbnail on the image tray 301.

ステップS202では、CPU101は、ユーザによりタッチダウン操作がされたか否かを判定する。ユーザによりタッチダウン操作がされた場合(ステップS202でYES)、処理をステップS203へ進める。タッチダウン操作がされていない場合(ステップS202でNO)、ステップS202の判定処理が、所定の間隔で繰り返される。 In step S202, the CPU 101 determines whether or not the touchdown operation has been performed by the user. When the touchdown operation is performed by the user (YES in step S202), the process proceeds to step S203. When the touchdown operation is not performed (NO in step S202), the determination process in step S202 is repeated at predetermined intervals.

ステップS203では、CPU101は、ユーザによりタッチダウンされた位置が電子アルバムのページ300上であるか否かを判定する。タッチダウンされた位置が電子アルバムのページ300上である場合(ステップS203でYES)、処理をステップS204へ進める。タッチダウンされた位置が電子アルバムのページ300上でない場合(ステップS203でNO)、処理を図2CのステップS230へ進める。 In step S203, the CPU 101 determines whether or not the position touched down by the user is on the page 300 of the electronic album. When the touched down position is on the page 300 of the electronic album (YES in step S203), the process proceeds to step S204. If the touched down position is not on page 300 of the electronic album (NO in step S203), the process proceeds to step S230 in FIG. 2C.

ステップS204では、CPU101は、電子アルバムのページ300上でユーザによりポイントされた位置が、ディスプレイ105に向かって右端近傍(図3Aの領域305)か否かを判定する。ポイントされた位置は、タッチダウン操作の後、移動することなくタッチアップ操作がされた位置である。また、ポイントされた位置は、マウス等のポインティングデバイスによりクリックされた位置であってもよい。ユーザによりポイントされている位置が右端近傍である場合(ステップS204でYES)、処理をステップS205へ進める。ユーザによりポイントされている位置が右端近傍でない場合(ステップS204でNO)、処理をステップS208へ進める。 In step S204, the CPU 101 determines whether or not the position pointed by the user on the page 300 of the electronic album is near the right end of the display 105 (area 305 in FIG. 3A). The pointed position is the position where the touch-up operation is performed without moving after the touch-down operation. Further, the pointed position may be the position clicked by a pointing device such as a mouse. When the position pointed by the user is near the right end (YES in step S204), the process proceeds to step S205. If the position pointed to by the user is not near the right end (NO in step S204), the process proceeds to step S208.

ステップS205では、CPU101は、電子アルバムのページ300が最終ページか否かを判定する。表示されているページが最終ページである場合(ステップS205でYES)、処理をステップS213へ進める。最終ページでない場合(ステップS205でNO)、ステップS206において、CPU101は、ディスプレイ105に表示されていた履歴サムネイル302を消去し、非表示にする。そして、処理をステップS207へ進める。ステップS207では、CPU101は、電子アルバムのページ300を次のページに切り替えてディスプレイ105に表示し、ページ送り表示を行う。 In step S205, the CPU 101 determines whether or not the page 300 of the electronic album is the final page. If the displayed page is the final page (YES in step S205), the process proceeds to step S213. If it is not the final page (NO in step S205), in step S206, the CPU 101 erases the history thumbnail 302 displayed on the display 105 to hide it. Then, the process proceeds to step S207. In step S207, the CPU 101 switches the page 300 of the electronic album to the next page, displays it on the display 105, and performs page feed display.

ステップS208では、CPU101は、電子アルバムのページ300上でユーザによりポイントされている位置が、ディスプレイ105に向かって左端近傍(図3Aの領域306)か否かを判定する。ユーザによりポイントされている位置が左端近傍である場合(ステップS208でYES)、処理をステップS209へ進める。ユーザによりポイントされている位置が左端近傍でない場合(ステップS208でNO)、処理を図2BのステップS220へ進める。 In step S208, the CPU 101 determines whether or not the position pointed by the user on the page 300 of the electronic album is near the left end of the display 105 (region 306 in FIG. 3A). When the position pointed by the user is near the left end (YES in step S208), the process proceeds to step S209. When the position pointed by the user is not near the left end (NO in step S208), the process proceeds to step S220 in FIG. 2B.

ステップS209では、CPU101は、電子アルバムのページ300が最初のページか否かを判定する。表示されているページが最初のページである場合(ステップS209でYES)、処理をステップS213へ進める。最初のページでない場合(ステップS209でNO)、ステップS210において、CPU101は、ディスプレイ105に表示されていた履歴サムネイル302を消去し、非表示にする。そして、処理をステップS211へ進める。ステップS211では、CPU101は、電子アルバムのページ300を前のページに切り替えてディスプレイ105に表示し、ページ戻し表示を行う。 In step S209, the CPU 101 determines whether or not the page 300 of the electronic album is the first page. If the displayed page is the first page (YES in step S209), the process proceeds to step S213. If it is not the first page (NO in step S209), in step S210, the CPU 101 erases the history thumbnail 302 displayed on the display 105 to hide it. Then, the process proceeds to step S211. In step S211 the CPU 101 switches the page 300 of the electronic album to the previous page, displays it on the display 105, and displays the page back.

ステップS212では、CPU101は、ページの切り替えにより新たに表示されたページに関連付られた履歴サムネイルを記録媒体113から読み出し、履歴サムネイル302として表示する。 In step S212, the CPU 101 reads the history thumbnail associated with the page newly displayed by switching the page from the recording medium 113 and displays it as the history thumbnail 302.

ここで、図3Bから図3Dにより、ステップS204からステップS212までの処理に関する画面について説明する。図3Bから図3Dは、電子アルバムのページを切り替えるユーザ操作による画面例を示す図である。 Here, the screens related to the processes from step S204 to step S212 will be described with reference to FIGS. 3B to 3D. 3B to 3D are diagrams showing a screen example by a user operation for switching pages of an electronic album.

図3Aに示す初期画面は、ユーザにより電子アルバムのページ300上の右端近傍または左端近傍に対してタッチダウン操作がされると、図3Bに示す画面に遷移する。図3Aの初期画面では、例えば、右端近傍は点線で囲まれた領域305、左端近傍は点線で囲まれた領域306とすることができる。 The initial screen shown in FIG. 3A transitions to the screen shown in FIG. 3B when the user touches down the vicinity of the right end or the vicinity of the left end on the page 300 of the electronic album. In the initial screen of FIG. 3A, for example, the vicinity of the right end can be the area 305 surrounded by the dotted line, and the vicinity of the left end can be the area 306 surrounded by the dotted line.

図3Bに示す画面では、図3Aの初期画面で電子アルバムのページ300に対して表示されていた履歴サムネイル302は非表示になる。また、図3Bの画面は、ページがめくられて新たに表示されたページ300に対応する履歴サムネイル302を表示する。なお、図3Bの画面例では、画像トレイ301は、図3Aの初期画面と同じ候補サムネイルが表示される。 In the screen shown in FIG. 3B, the history thumbnail 302 displayed for the page 300 of the electronic album on the initial screen of FIG. 3A is hidden. Further, the screen of FIG. 3B displays the history thumbnail 302 corresponding to the newly displayed page 300 after the page is turned. In the screen example of FIG. 3B, the image tray 301 displays the same candidate thumbnails as the initial screen of FIG. 3A.

さらに、ユーザにより電子アルバムのページ300上の右端近傍または左端近傍に対してタッチダウン操作がされると、電子アルバムのページ300が切り替えられ、画面は図3C、図3Dに遷移する。この場合、図3Aの初期画面から図3Bの画面に遷移した場合と同様に、ページが切り替えられる前に表示されていた履歴サムネイル302は非表示になり、切り替え後のページに対応する履歴サムネイル302が新たに表示される。 Further, when the user performs a touchdown operation on the vicinity of the right end or the vicinity of the left end on the page 300 of the electronic album, the page 300 of the electronic album is switched, and the screen transitions to FIGS. 3C and 3D. In this case, as in the case of transitioning from the initial screen of FIG. 3A to the screen of FIG. 3B, the history thumbnail 302 displayed before the page is switched is hidden, and the history thumbnail 302 corresponding to the page after the switch is switched. Is newly displayed.

ステップS213では、CPU101は、電子アルバムの編集作業の終了条件が充足されたか否かを判定する。終了条件が充足された場合とは、例えば、電子アルバム作成アプリケーション・プログラムの終了指示を受け付けた場合や、情報処理装置100の電源オフ等の所定の操作を受け付ける場合である。終了条件が充足された場合(ステップS213でYES)、図2Aに示す履歴サムネイル302の表示処理は終了する。終了条件が充足されていない場合(ステップS213でNO)、処理をS202に戻す。 In step S213, the CPU 101 determines whether or not the end condition of the editing work of the electronic album is satisfied. The case where the end condition is satisfied is, for example, a case where an end instruction of the electronic album creation application program is accepted, or a case where a predetermined operation such as turning off the power of the information processing apparatus 100 is accepted. When the end condition is satisfied (YES in step S213), the display process of the history thumbnail 302 shown in FIG. 2A ends. If the end condition is not satisfied (NO in step S213), the process returns to S202.

次に、図2Bに示す履歴サムネイル302の表示処理について説明する。図2Bの履歴サムネイルの表示処理は、図2AのステップS208までの処理において、ユーザによりポイントされている位置が右端近傍でも左端近傍でもないと判定された場合の処理である。 Next, the display processing of the history thumbnail 302 shown in FIG. 2B will be described. The history thumbnail display process of FIG. 2B is a process when it is determined in the processes up to step S208 of FIG. 2A that the position pointed by the user is neither near the right end nor near the left end.

ステップS220では、CPU101は、ユーザによりポイントされている位置がスロット303上か否かを判定する。ユーザによりポイントされている位置がスロット303上である場合(ステップS220でYES)、処理をステップS221へ進める。ユーザによりポイントされている位置がスロット303上でない場合(ステップS220でNO)、処理をステップS228へ進める。 In step S220, the CPU 101 determines whether or not the position pointed to by the user is on the slot 303. If the position pointed to by the user is on slot 303 (YES in step S220), the process proceeds to step S221. If the position pointed to by the user is not on slot 303 (NO in step S220), the process proceeds to step S228.

ステップS221では、CPU101は、ユーザによりタッチアップ操作がされたか否かを判定する。ユーザによりタッチアップ操作がされた場合(ステップS221でYES)、処理をステップS222へ進める。タッチアップ操作がされていない場合(ステップS221でNO)、ステップS221の判定処理が、所定の間隔で繰り返される。 In step S221, the CPU 101 determines whether or not the touch-up operation has been performed by the user. When the touch-up operation is performed by the user (YES in step S221), the process proceeds to step S222. When the touch-up operation is not performed (NO in step S221), the determination process of step S221 is repeated at predetermined intervals.

ステップS222では、CPU101は、ユーザによりポイントされたスロットに、既に画像が配置されているか否かを判定する。当該スロットに既に画像が配置されている場合(ステップS222でYES)、処理をステップS223へ進める。当該スロットに画像が配置されていない場合(ステップS222でNO)、処理をステップS225へ進める。 In step S222, the CPU 101 determines whether or not the image has already been placed in the slot pointed to by the user. If an image has already been placed in the slot (YES in step S222), the process proceeds to step S223. If no image is placed in the slot (NO in step S222), the process proceeds to step S225.

ステップS223では、CPU101は、スロットに配置されている画像の全体的な色調(以下、「印象色」と称する)を検出する。CPU101は、例えば、画像の色情報を解析し、当該画像中でより多くの領域を占める色を、当該画像の印象色とすることができる。 In step S223, the CPU 101 detects the overall color tone (hereinafter, referred to as “impression color”) of the image arranged in the slot. The CPU 101 can, for example, analyze the color information of an image and use a color that occupies a larger area in the image as an impression color of the image.

ステップS224では、CPU101は、スロットに配置されている画像の印象色により、当該スロットの周りを縁取る「フォーカス」を表示する。フォーカスは、例えば、スロットの周りを帯状に縁取るものであってもよい。スロットの周りを縁取るフォーカスを表示することは、フォーカス表示とも称される。フォーカス表示は、画像等のGUIオブジェクトが、ユーザにより指示または選択された状態にあることを示す。フォーカスは、一般的に、指示または選択されたGUIオブジェクトの内容にかかわらず特定の色(以下、「特定色」と称する)で表示される。 In step S224, the CPU 101 displays a "focus" that borders around the slot according to the impression color of the image arranged in the slot. The focus may be, for example, a strip around the slot. Displaying the focus that borders the slot is also referred to as the focus display. The focus display indicates that a GUI object such as an image is in a state of being instructed or selected by the user. Focus is generally displayed in a specific color (hereinafter referred to as "specific color") regardless of the content of the indicated or selected GUI object.

ステップS225では、スロットに画像は配置されていないため、CPU101は、当
該スロットを特定色でフォーカス表示する。
In step S225, since the image is not arranged in the slot, the CPU 101 focuses and displays the slot in a specific color.

ステップS226では、CPU101は、ユーザによりポイントされたスロットに対して履歴サムネイルが記憶されているか否かを判定する。ここでの履歴サムネイルは、オブジェクト(スロット)に対して過去に追加・削除された画像のサムネイル画像であり、オブジェクトごとに管理され、表示される。スロットに対応する履歴サムネイルが記憶されている場合、履歴サムネイルが、それぞれのスロットの近傍に表示される。履歴サムネイルの表示は、各スロットに対して履歴サムネイルが存在することがわかればよく、複数の履歴サムネイルは、重なった状態で(整列されていない状態で)表示されてもよい。この場合、新しく履歴として記憶された履歴サムネイルから順に、前面から表示されるようにしてもよい。履歴サムネイルがある場合(ステップS226でYES)、処理をステップS227へ進める。履歴サムネイルがない場合(ステップS226でNO)、処理をステップS213へ進める。 In step S226, the CPU 101 determines whether or not the history thumbnail is stored for the slot pointed to by the user. The history thumbnail here is a thumbnail image of an image that has been added / deleted to an object (slot) in the past, and is managed and displayed for each object. If the history thumbnails corresponding to the slots are stored, the history thumbnails are displayed in the vicinity of each slot. The history thumbnails may be displayed as long as it is known that the history thumbnails exist for each slot, and the plurality of history thumbnails may be displayed in an overlapping state (not aligned). In this case, the history thumbnails newly stored as the history may be displayed in order from the front. If there is a history thumbnail (YES in step S226), the process proceeds to step S227. If there is no history thumbnail (NO in step S226), the process proceeds to step S213.

ステップS227では、CPU101は、ユーザがポイントしたスロットの履歴サムネイルを、当該スロットの近傍に整列させて表示する。例えば重なった状態で表示されていた履歴サムネイルが整列して表示されることにより、ユーザは、整列表示された履歴サムネイルが、ポイントしたオブジェクト(スロット)に対応する履歴サムネイルであることを特定することができる。 In step S227, the CPU 101 arranges and displays the history thumbnails of the slots pointed to by the user in the vicinity of the slots. For example, by displaying the history thumbnails displayed in an overlapping state in an aligned manner, the user can specify that the arranged history thumbnails are the history thumbnails corresponding to the pointed object (slot). Can be done.

ステップS228では、CPU101は、ユーザによりポイントされている位置がスロット303上でないため、タッチダウンされた位置に応じた処理を行う。ステップS229では、CPU101は、ユーザによりタッチアップ操作がされたか否かを判定する。ユーザによりタッチアップ操作がされた場合(ステップS229でYES)、処理をステップS229へ進める。タッチアップ操作がされていない場合(ステップS229でNO)、ステップS228の判定処理が、所定の間隔で繰り返される。図2BにおけるステップS213以降の処理は、図2Aと同様であるため、説明を省略する。 In step S228, since the position pointed to by the user is not on the slot 303, the CPU 101 performs processing according to the touchdown position. In step S229, the CPU 101 determines whether or not the touch-up operation has been performed by the user. When the touch-up operation is performed by the user (YES in step S229), the process proceeds to step S229. When the touch-up operation is not performed (NO in step S229), the determination process of step S228 is repeated at predetermined intervals. Since the processing after step S213 in FIG. 2B is the same as that in FIG. 2A, the description thereof will be omitted.

ここで、図4Aおよび図4Bにより、ステップS220からステップS227までの処理に関する画面について説明する。図4Aおよび図4Bは、スロットに対応した履歴サムネイルを表示する画面例を示す図である。 Here, the screens relating to the processes from step S220 to step S227 will be described with reference to FIGS. 4A and 4B. 4A and 4B are diagrams showing screen examples for displaying history thumbnails corresponding to slots.

図4Aは、電子アルバムを編集するための画面例であり、ディスプレイ105上に表示される。図4Aに示す画面は、電子アルバムのページ300、画像トレイ301、履歴サムネイル302、スロット303、テキストボックス304を表示する。図4Aの画面では、特定のスロットがユーザによりポイントされておらず、履歴サムネイル302に含まれる写真は、重なった状態で表示される。 FIG. 4A is an example of a screen for editing an electronic album, which is displayed on the display 105. The screen shown in FIG. 4A displays the page 300 of the electronic album, the image tray 301, the history thumbnail 302, the slot 303, and the text box 304. On the screen of FIG. 4A, the specific slot is not pointed by the user, and the photographs included in the history thumbnail 302 are displayed in an overlapping state.

ユーザが図4Aのスロット303をポイント(タッチダウン操作およびタッチアップ操作)すると、画面は図4Bに遷移する。図4Bにおいて、スロット303に対してフォーカス401が表示される。フォーカス401は、ユーザによりポイントされたスロット303の周りを縁取るように表示され、配置されている画像の印象色で表示することができる。また、スロット303に対応する履歴サムネイル402(302)は、スロット303の近傍に整列した状態で表示される。この場合、履歴サムネイル402は、新しく履歴として登録された写真から順に左側から整列して表示されるようにしてもよい。 When the user points to slot 303 in FIG. 4A (touchdown operation and touchup operation), the screen transitions to FIG. 4B. In FIG. 4B, the focus 401 is displayed for slot 303. The focus 401 is displayed so as to border around the slot 303 pointed by the user, and can be displayed in the impression color of the arranged image. Further, the history thumbnails 402 (302) corresponding to the slot 303 are displayed in a state of being aligned in the vicinity of the slot 303. In this case, the history thumbnail 402 may be displayed arranged in order from the left side in order from the photograph newly registered as the history.

図5Aおよび図5Bにより、ユーザがスロットをポイントした場合のフォーカス表示(ステップS224およびステップS225)および画像トレイ301の状態について説明する。図5Aおよび図5Bは、フォーカスおよび画像トレイ301の状態を示す画面例を示す図である。 The focus display (step S224 and step S225) and the state of the image tray 301 when the user points to the slot will be described with reference to FIGS. 5A and 5B. 5A and 5B are diagrams showing screen examples showing the states of the focus and the image tray 301.

図5Aは、ユーザにより、既に画像が配置されているスロット501がポイントされた(選択された)状態を示す。図5Aにおいて、スロット501に対してフォーカス502が、印象色(配置されている画像の全体的な色調)により表示されている。 FIG. 5A shows a state in which the user has pointed (selected) the slot 501 in which the image is already placed. In FIG. 5A, the focus 502 is displayed with respect to the slot 501 by the impression color (the overall color tone of the arranged image).

また、画像トレイ301の写真は、おすすめ度合いに応じて、表示位置が上下するアニメーションにより表示されてもよい。例えば、図5Aにおいて、画像トレイ301の左から3番目、7番目、11番目の写真(画像)は、スロット501に対するおすすめ画像として、他の写真よりも上側(電子アルバムのページ300側)の位置に表示される。 Further, the photograph in the image tray 301 may be displayed by an animation in which the display position is moved up and down according to the degree of recommendation. For example, in FIG. 5A, the third, seventh, and eleventh photographs (images) from the left of the image tray 301 are positioned above the other photographs (on the page 300 side of the electronic album) as recommended images for slot 501. Is displayed in.

おすすめ度合いは、情報処理装置100によって算出または決定される。情報処理装置100は、例えば、ポイントされたスロットに配置されている写真の属性情報に基づいて、画像トレイ301内の各写真のおすすめ度合いの値を算出することができる。属性情報は、例えば、撮影日時、色調、被写体(人物、景色)の情報を含む。情報処理装置100は、スロットに配置されている写真と、画像トレイ301内の各写真との属性情報の一致度合いを点数化して、おすすめ度合いを算出することができる。また、情報処理装置100は、スロットに写真が配置されていない場合、選択されたスロットの近くにあるスロットに配置された写真の属性情報に基づいて、画像トレイ301内の各写真のおすすめ度合いを決定してもよい。 The degree of recommendation is calculated or determined by the information processing apparatus 100. The information processing device 100 can calculate, for example, the value of the recommendation degree of each photograph in the image tray 301 based on the attribute information of the photographs arranged in the pointed slots. The attribute information includes, for example, information on the shooting date and time, the color tone, and the subject (person, landscape). The information processing device 100 can calculate the recommendation degree by scoring the degree of matching of the attribute information between the photograph arranged in the slot and each photograph in the image tray 301. Further, when the photo is not arranged in the slot, the information processing device 100 determines the degree of recommendation of each photo in the image tray 301 based on the attribute information of the photo arranged in the slot near the selected slot. You may decide.

情報処理装置100は、算出したおすすめ度合いに応じて、画像トレイ301内の各写真の表示位置を上下させることができる。なお、おすすめ度合いをユーザに通知する方法は、表示位置を上下に変更する場合に限られない。情報処理装置100は、例えば、画像トレイ301内の各写真をおすすめ順に並べ替えて表示してもよい。このように、情報処理装置100は、画像トレイ301内の各写真の表示位置を、おすすめ度合いに応じて変更することで、各写真のおすすめ度合いをユーザに通知することができる。これにより、ユーザは、各写真のおすすめ度合いを容易に把握することができる。また、ユーザは、各写真のおすすめ度合いに応じて写真を選択することができるため、好適なアルバムの編集をすることができる。 The information processing device 100 can raise or lower the display position of each photograph in the image tray 301 according to the calculated recommendation degree. The method of notifying the user of the degree of recommendation is not limited to changing the display position up or down. The information processing device 100 may, for example, rearrange and display each photograph in the image tray 301 in the recommended order. In this way, the information processing device 100 can notify the user of the recommendation degree of each photo by changing the display position of each photo in the image tray 301 according to the recommendation degree. As a result, the user can easily grasp the degree of recommendation of each photograph. In addition, since the user can select a photo according to the degree of recommendation of each photo, it is possible to edit a suitable album.

図5Bは、ユーザにより、画像が配置されていないスロット503がポイントされた場合の状態を示す。図5Bにおいて、スロット503に対して表示されるフォーカス504は印象色ではなく、予め定義された特定色により表示される。 FIG. 5B shows a state when the user points to the slot 503 in which the image is not arranged. In FIG. 5B, the focus 504 displayed for slot 503 is displayed in a predefined specific color rather than the impression color.

次に、図2Cに示す電子アルバムへの画像の追加処理について説明する。図2Cの画像の追加処理は、図2AのステップS203の処理において、ユーザによりタッチダウンされた位置が電子アルバムのページ300上でないと判定された場合の処理である。 Next, the process of adding the image to the electronic album shown in FIG. 2C will be described. The image addition process of FIG. 2C is a process when it is determined in the process of step S203 of FIG. 2A that the position touched down by the user is not on the page 300 of the electronic album.

ステップS230では、CPU101は、ユーザによりタッチダウンされた位置が履歴サムネイル302の画像上であるか否かを判定する。タッチダウンされた位置が履歴サムネイル302の画像上である場合(ステップS230でYES)、処理をステップS231へ進める。タッチダウンされた位置が履歴サムネイル302の画像上でない場合(ステップS230でNO)、処理をステップS233へ進める。 In step S230, the CPU 101 determines whether or not the position touched down by the user is on the image of the history thumbnail 302. If the touched down position is on the image of the history thumbnail 302 (YES in step S230), the process proceeds to step S231. If the touched down position is not on the image of the history thumbnail 302 (NO in step S230), the process proceeds to step S233.

ステップS231では、CPU101は、S230でタッチダウン操作がされた履歴サムネイルの画像(追加画像)を、例えば半透明に表示するなど、移動されている状態であることを示す「移動状態表示」にする。ステップS232では、CPU101は、タッチダウン操作がされた履歴サムネイルに対応するスロットをフォーカス表示する。 In step S231, the CPU 101 sets the "moving state display" indicating that the image (additional image) of the history thumbnail touched down in S230 is in a moving state, for example, by displaying it semi-transparently. .. In step S232, the CPU 101 focuses and displays the slot corresponding to the history thumbnail in which the touchdown operation is performed.

ステップS233では、CPU101は、ユーザによりタッチダウンされた位置が、画
像トレイ301の画像上であるか否かを判定する。タッチダウンされた位置が画像トレイ301の画像上である場合(ステップS233でYES)、処理をステップS234へ進める。タッチダウンされた位置が画像トレイ301の画像上でない場合(ステップS233でNO)、処理をステップS228へ進める。
In step S233, the CPU 101 determines whether or not the position touched down by the user is on the image of the image tray 301. When the touched down position is on the image of the image tray 301 (YES in step S233), the process proceeds to step S234. If the touched down position is not on the image of the image tray 301 (NO in step S233), the process proceeds to step S228.

ステップS234では、CPU101は、S233でタッチダウン操作がされた画像トレイ301の画像を、例えば半透明に表示するなど、移動されている状態であることを示す「移動状態表示」にする。 In step S234, the CPU 101 sets the "moving state display" indicating that the image is in a moving state, such as displaying the image of the image tray 301 touched down in S233 in a semi-transparent manner.

ステップS235では、CPU101は、ユーザによりタッチアップ操作がされたか否かを判定する。タッチアップ操作がされた場合(ステップS235でYES)、処理をステップS236へ進める。タッチアップ操作がされていない場合(ステップS235でNO)、ステップS235の判定処理が、所定の間隔で繰り返される。 In step S235, the CPU 101 determines whether or not the touch-up operation has been performed by the user. When the touch-up operation is performed (YES in step S235), the process proceeds to step S236. When the touch-up operation is not performed (NO in step S235), the determination process in step S235 is repeated at predetermined intervals.

ステップS236では、CPU101は、追加画像の移動状態表示(移動されている状態であることを示す表示)を終了する。 In step S236, the CPU 101 ends the movement state display (display indicating that the additional image is being moved) of the additional image.

ステップS237では、CPU101は、タッチアップ操作がされた位置が電子アルバムのページ300内のスロット上であるか否かを判定する。タッチアップ操作がされた位置が電子アルバムのページ300内のスロット上である場合(ステップS237でYES)、処理をステップS238へ進める。タッチアップ操作がされた位置が電子アルバムのページ300内のスロット上でない場合(ステップS237でNO)、処理をステップS213へ進める。 In step S237, the CPU 101 determines whether or not the position where the touch-up operation is performed is on the slot in the page 300 of the electronic album. When the position where the touch-up operation is performed is on the slot in the page 300 of the electronic album (YES in step S237), the process proceeds to step S238. If the position where the touch-up operation is performed is not on the slot in the page 300 of the electronic album (NO in step S237), the process proceeds to step S213.

ステップS238では、CPU101は、追加画像をタッチアップされた位置のスロットに配置して表示する。 In step S238, the CPU 101 arranges and displays the additional image in the slot at the touched-up position.

ステップS239では、CPU101は、タッチアップされた位置のスロットに、追加画像を配置する前に他の画像が表示されていたかを判定する。追加画像を配置する前に他の画像が表示されていた場合(ステップS239でYES)、処理をステップS240へ進める。追加画像を配置する前に他の画像が表示されていなかった場合(ステップS239でNO)、処理をステップS213へ進める。 In step S239, the CPU 101 determines whether another image has been displayed before arranging the additional image in the slot at the touched-up position. If another image is displayed before the additional image is placed (YES in step S239), the process proceeds to step S240. If no other image is displayed before the additional image is placed (NO in step S239), the process proceeds to step S213.

ステップS240では、CPU101は、タッチアップされた位置のスロットに、追加画像を配置する前に表示されていた画像のサムネイルを、電子アルバムのページ300の外側の、当該スロットの近傍に、履歴サムネイル302として表示する。また、追加画像の配置前に表示されていた画像は、当該スロットに対する履歴として、スロットを含むページの識別情報やスロットの識別情報、履歴として記憶された日時の情報とともに記録媒体113に記憶される。履歴として記憶された日時は、追加画像の配置前に表示されていた画像が、追加画像と置換された日時、または削除された日時である。なお、ページ毎に、記憶される履歴に上限数を設け、上限数に達した場合は編集日時が古い履歴から順に記録媒体113から消去するようにしてもよい。また、同じスロットに配置された履歴を、編集日時が新しい履歴が上になるように順に重ねて表示するようにしてもよい。 In step S240, the CPU 101 shifts the thumbnail of the image displayed before placing the additional image in the slot at the touched-up position to the history thumbnail 302 near the slot outside the page 300 of the electronic album. Display as. Further, the image displayed before the placement of the additional image is stored in the recording medium 113 together with the identification information of the page including the slot, the identification information of the slot, and the date and time information stored as the history as the history for the slot. .. The date and time stored as the history is the date and time when the image displayed before the placement of the additional image was replaced with the additional image or the date and time when the additional image was deleted. An upper limit may be set for the stored history for each page, and when the upper limit is reached, the history may be deleted from the recording medium 113 in order from the history with the oldest editing date and time. Further, the histories arranged in the same slot may be displayed in order so that the history with the newest edit date and time is on top.

ステップS228では、CPU101は、ユーザによるタッチダウン位置が、電子アルバムのページ300、履歴サムネイル302、画像トレイ301のいずれにも含まれないため、タッチダウンされた位置に応じた処理を行う。図2CにおけるステップS228およびステップS229の処理は、図2BにおけるステップS228およびステップS229の処理と同様である。また、図2CにおけるステップS213以降の処理は、図2Aと同様であるため、説明を省略する。 In step S228, since the touchdown position by the user is not included in any of the page 300 of the electronic album, the history thumbnail 302, and the image tray 301, the CPU 101 performs processing according to the touchdown position. The processing of step S228 and step S229 in FIG. 2C is the same as the processing of step S228 and step S229 in FIG. 2B. Further, since the processing after step S213 in FIG. 2C is the same as that in FIG. 2A, the description thereof will be omitted.

ここで、図6Aから図6Eにより、ステップS230からステップS240までの処理に関する画面について説明する。図6Aから図6Eは、スロットに追加画像を配置するユーザ操作による画面例を示す図である。 Here, the screen related to the processing from step S230 to step S240 will be described with reference to FIGS. 6A to 6E. 6A to 6E are diagrams showing a screen example by a user operation in which an additional image is arranged in the slot.

図6Aは、画像トレイ301の画像601上でタッチダウン操作がされ、画像601を電子アルバムのページ300に追加するために移動している状態を示す。電子アルバムのページ300に追加される画像601は、画像トレイ301上で半透明に表示される。また、図6Aは、画像601がコピーされた追加画像602が、ユーザ操作により電子アルバムのページ300上に移動されている状態であることを示す。 FIG. 6A shows a state in which a touchdown operation is performed on the image 601 of the image tray 301 and the image 601 is moved to be added to the page 300 of the electronic album. The image 601 added to the page 300 of the electronic album is displayed semi-transparently on the image tray 301. Further, FIG. 6A shows that the additional image 602 to which the image 601 is copied is moved to the page 300 of the electronic album by the user operation.

また、追加画像602は、電子アルバムのページ300上に移動される間、フォーカス表示されている。なお、追加画像602は、タッチダウンした状態でスロット603のほうに移動(タッチムーブ)される。追加画像602のフォーカスの色は、印象色であってもよく、移動中であることを示す特定色であってもよい。また、ユーザによりタッチダウンされている位置に最も近いスロット603には、既に配置されている画像の印象色によりフォーカス604が表示されている。 Further, the additional image 602 is displayed in focus while being moved onto the page 300 of the electronic album. The additional image 602 is touched down and moved toward the slot 603 (touch move). The focus color of the additional image 602 may be an impression color or a specific color indicating that the image is moving. Further, the focus 604 is displayed in the slot 603 closest to the position touched down by the user according to the impression color of the image already arranged.

ユーザのタッチダウン位置がスロット603に近付き、タッチムーブされている追加画像602がスロット603の近傍に移動されると、画面は図6Bの状態に遷移する。図6Bにおいて、追加画像602がスロット603の近傍に移動されると、フォーカス604を囲む線は波立つようなアニメーションで表示される。ユーザは、アニメーション表示により、スロット603に配置されていた画像が追加画像602に置き換えられようとしていることを認識することができる。 When the user's touchdown position approaches slot 603 and the touch-moved additional image 602 is moved to the vicinity of slot 603, the screen transitions to the state shown in FIG. 6B. In FIG. 6B, when the additional image 602 is moved near the slot 603, the line surrounding the focus 604 is displayed in a wavy animation. The user can recognize from the animation display that the image arranged in slot 603 is about to be replaced by the additional image 602.

ユーザのタッチダウン位置がスロット603上に移動すると、画面は図6Cを経て図6Dに遷移する。 When the user's touchdown position moves onto slot 603, the screen transitions to FIG. 6D via FIG. 6C.

図6Dにおいて、スロット603に配置されていた画像のサムネイル605は、スロット603から押し出されるようなアニメーションで表示される。画面は図6Eに遷移する。スロット603に配置されていた画像のサムネイル605は、画面上で所定の角度だけ回転させた状態で、スロット603の近傍に、履歴サムネイル606として表示される。 In FIG. 6D, the thumbnail 605 of the image arranged in the slot 603 is displayed with an animation as if it is pushed out from the slot 603. The screen transitions to FIG. 6E. The thumbnail 605 of the image arranged in the slot 603 is displayed as a history thumbnail 606 in the vicinity of the slot 603 in a state of being rotated by a predetermined angle on the screen.

以上、本発明をその好適な実施形態に基づいて詳述してきたが、本発明はこれら特定の実施形態に限られるものではなく、この発明の要旨を逸脱しない範囲の様々な形態も本発明に含まれる。さらに、上述した各実施形態は本発明の一実施形態を示すものにすぎず、各実施形態を適宜組み合わせることも可能である。 Although the present invention has been described in detail based on the preferred embodiments thereof, the present invention is not limited to these specific embodiments, and various embodiments within the scope of the gist of the present invention are also included in the present invention. included. Furthermore, each of the above-described embodiments is merely an embodiment of the present invention, and each embodiment can be combined as appropriate.

また、上述した実施形態においては、本発明を情報処理装置100に適用した場合を例にして説明したが、これはこの例に限定されず表示画面を備えた装置に適用可能である。すなわち、本発明は、パーソナルコンピュータやPDA、携帯電話端末や携帯型の画像ビューワ、ディスプレイを備えるプリンタ装置、デジタルフォトフレーム、音楽プレーヤー、ゲーム機、電子ブックリーダーに適用可能である。また、本発明は、タブレット端末、スマートフォン、ディスプレイを備える家電装置や車載装置などに適用可能である。 Further, in the above-described embodiment, the case where the present invention is applied to the information processing apparatus 100 has been described as an example, but this is not limited to this example and can be applied to an apparatus provided with a display screen. That is, the present invention is applicable to personal computers, PDAs, mobile phone terminals, portable image viewers, printer devices equipped with displays, digital photo frames, music players, game machines, and electronic book readers. Further, the present invention can be applied to a tablet terminal, a smartphone, a home electric appliance provided with a display, an in-vehicle device, and the like.

<その他の実施形態>
本発明は、上述の実施形態の1以上の機能を実現するプログラムを、ネットワーク又は記憶媒体を介してシステム又は装置に供給し、そのシステム又は装置のコンピュータにおける1つ以上のプロセッサーがプログラムを読出し実行する処理でも実現可能である。また、1以上の機能を実現する回路(例えば、ASIC)によっても実現可能である。
<Other Embodiments>
The present invention supplies a program that realizes one or more functions of the above-described embodiment to a system or device via a network or storage medium, and one or more processors in the computer of the system or device reads and executes the program. It can also be realized by the processing to be performed. It can also be realized by a circuit (for example, ASIC) that realizes one or more functions.

100:情報処理装置 101:CPU
100: Information processing device 101: CPU

Claims (8)

ユーザの操作に応じて、画面に表示された電子アルバムのページを切り替える切替手段と、
前記電子アルバムの各ページに追加または削除された画像に関する情報を、履歴として記憶する記憶手段と、
前記切替手段による切り替え後のページに対応する前記履歴を示す情報を、前記画面に表示する表示制御手段と、
を有することを特徴とする情報処理装置。
A switching means for switching the electronic album page displayed on the screen according to the user's operation,
A storage means for storing information about images added or deleted to each page of the electronic album as a history, and
Display control means for displaying information indicating the history corresponding to the page after switching by the switching means on the screen, and
An information processing device characterized by having.
前記履歴を示す情報は前記画像の縮小画像であり、前記表示制御手段は、前記縮小画像を所定の角度だけ回転させて前記画面に表示する
ことを特徴とする請求項1に記載の情報処理装置。
The information processing device according to claim 1, wherein the information indicating the history is a reduced image of the image, and the display control means rotates the reduced image by a predetermined angle and displays it on the screen. ..
前記ページは、画像を配置するための複数のスロットを含み、
前記記憶手段は、前記スロットに対して追加または削除された画像に関する情報を前記履歴として記憶し、
前記表示制御手段は、前記スロットに対応する前記履歴を示す情報を、前記スロットの近傍に表示する
ことを特徴とする請求項1または2に記載の情報処理装置。
The page contains multiple slots for placing images.
The storage means stores information about images added or deleted to the slot as the history.
The information processing device according to claim 1 or 2, wherein the display control means displays information indicating the history corresponding to the slot in the vicinity of the slot.
前記表示制御手段は、前記ユーザにより選択されたスロットに対し、前記選択されたスロットに対応する前記履歴を示す情報を、整列させて表示する
ことを特徴とする請求項3に記載の情報処理装置。
The information processing apparatus according to claim 3, wherein the display control means aligns and displays information indicating the history corresponding to the selected slot with respect to the slot selected by the user. ..
前記表示制御手段は、前記電子アルバムに追加可能な追加画像を一覧表示する領域において、前記追加画像の属性情報と、前記追加画像と置換される前記電子アルバムのページに配置されている画像の属性情報に応じて、前記領域における前記追加画像の表示位置を変更する
ことを特徴とする請求項1から4のいずれか1項に記載の情報処理装置。
In the area for displaying a list of additional images that can be added to the electronic album, the display control means includes the attribute information of the additional image and the attributes of the image arranged on the page of the electronic album to be replaced with the additional image. The information processing apparatus according to any one of claims 1 to 4, wherein the display position of the additional image in the area is changed according to the information.
ユーザの操作に応じて、画面に表示された電子アルバムのページを切り替える切替ステップと、
前記電子アルバムの各ページに追加または削除された画像に関する情報を、履歴として記憶する記憶ステップと、
前記切替ステップにおける切り替え後のページに対応する前記履歴を示す情報を、前記画面に表示する表示制御ステップと、
を有することを特徴とする情報処理方法。
A switching step to switch the page of the electronic album displayed on the screen according to the user's operation,
A storage step for storing information about images added or deleted from each page of the electronic album as a history, and
A display control step for displaying information indicating the history corresponding to the page after switching in the switching step on the screen, and
An information processing method characterized by having.
コンピュータを、請求項1から5のいずれか1項に記載された情報処理装置の各手段として機能させるためのプログラム。 A program for causing a computer to function as each means of the information processing apparatus according to any one of claims 1 to 5. コンピュータを、請求項1から5のいずれか1項に記載された情報処理装置の各手段として機能させるためのプログラムを格納したコンピュータが読み取り可能な記憶媒体。
A computer-readable storage medium containing a program for causing the computer to function as each means of the information processing apparatus according to any one of claims 1 to 5.
JP2019048668A 2019-03-15 2019-03-15 Information processor, information processing method, program and storage medium Pending JP2020149581A (en)

Priority Applications (2)

Application Number Priority Date Filing Date Title
JP2019048668A JP2020149581A (en) 2019-03-15 2019-03-15 Information processor, information processing method, program and storage medium
US16/807,482 US11436776B2 (en) 2019-03-15 2020-03-03 Information processing apparatus and control method thereof

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
JP2019048668A JP2020149581A (en) 2019-03-15 2019-03-15 Information processor, information processing method, program and storage medium

Publications (1)

Publication Number Publication Date
JP2020149581A true JP2020149581A (en) 2020-09-17

Family

ID=72432067

Family Applications (1)

Application Number Title Priority Date Filing Date
JP2019048668A Pending JP2020149581A (en) 2019-03-15 2019-03-15 Information processor, information processing method, program and storage medium

Country Status (1)

Country Link
JP (1) JP2020149581A (en)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR20230063126A (en) * 2021-11-01 2023-05-09 이경철 Digitalization method for photo album

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR20230063126A (en) * 2021-11-01 2023-05-09 이경철 Digitalization method for photo album
KR102622908B1 (en) 2021-11-01 2024-01-09 이경철 Digitalization method for photo album

Similar Documents

Publication Publication Date Title
US11416205B2 (en) Systems and methods for initiating and interacting with a companion-display mode for an electronic device with a touch-sensitive display
KR102203885B1 (en) User terminal device and control method thereof
JP5248696B1 (en) Electronic device, handwritten document creation method, and handwritten document creation program
JP6147825B2 (en) Electronic apparatus and method
US20230168805A1 (en) Configuration of application execution spaces and sub-spaces for sharing data on a mobile touch screen device
JP5907624B2 (en) Information processing device
JP2016511471A (en) Method for controlling display of a plurality of objects by movement-related input to portable terminal and portable terminal
EP3133486A1 (en) Image forming method, image forming device, and computer-readable recording medium therefor
JP2014038560A (en) Information processing device, information processing method, and program
WO2013011863A1 (en) Information processing device, operation screen display method, control program, and recording medium
EP2701079A1 (en) Information processing device, information processing method, and program
WO2014162604A1 (en) Electronic device and handwriting data processing method
US10684772B2 (en) Document viewing apparatus and program
KR20160053675A (en) Electronic blackboard apparatus and the controlling method thereof
US20160041960A1 (en) Method and device for controlling the same
JP6271125B2 (en) Electronic device, display method, and program
US20160132478A1 (en) Method of displaying memo and device therefor
JP2020149581A (en) Information processor, information processing method, program and storage medium
US11436776B2 (en) Information processing apparatus and control method thereof
JP6209868B2 (en) Information terminal, information processing program, information processing system, and information processing method
JP6779778B2 (en) Display control device and its control method
JP7337520B2 (en) Information processing device, information processing device control method, program, and storage medium
JP5906713B2 (en) Display device, display method, and program
JP6362110B2 (en) Display control device, control method therefor, program, and recording medium
JP2014071755A (en) Editing device and method for controlling editing device