JP6702900B2 - 情報処理装置、表示制御方法、及びプログラム - Google Patents

情報処理装置、表示制御方法、及びプログラム Download PDF

Info

Publication number
JP6702900B2
JP6702900B2 JP2017016211A JP2017016211A JP6702900B2 JP 6702900 B2 JP6702900 B2 JP 6702900B2 JP 2017016211 A JP2017016211 A JP 2017016211A JP 2017016211 A JP2017016211 A JP 2017016211A JP 6702900 B2 JP6702900 B2 JP 6702900B2
Authority
JP
Japan
Prior art keywords
page
image
spread
display area
displayed
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
JP2017016211A
Other languages
English (en)
Other versions
JP2018124782A (ja
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.)
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 JP2017016211A priority Critical patent/JP6702900B2/ja
Priority to US15/880,240 priority patent/US10545656B2/en
Publication of JP2018124782A publication Critical patent/JP2018124782A/ja
Application granted granted Critical
Publication of JP6702900B2 publication Critical patent/JP6702900B2/ja
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/0486Drag-and-drop
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G06F3/04817Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance using icons
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G06F3/0482Interaction with lists of selectable items, e.g. menus
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G06F3/0483Interaction with page-structured environments, e.g. book metaphor
    • HELECTRICITY
    • H04ELECTRIC COMMUNICATION TECHNIQUE
    • H04NPICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N1/00Scanning, transmission or reproduction of documents or the like, e.g. facsimile transmission; Details thereof
    • H04N1/00127Connection or combination of a still picture apparatus with another apparatus, e.g. for storage, processing or transmission of still picture signals or of information associated with a still picture
    • H04N1/00132Connection or combination of a still picture apparatus with another apparatus, e.g. for storage, processing or transmission of still picture signals or of information associated with a still picture in a digital photofinishing system, i.e. a system where digital photographic images undergo typical photofinishing processing, e.g. printing ordering
    • H04N1/00185Image output
    • H04N1/00196Creation of a photo-montage, e.g. photoalbum
    • HELECTRICITY
    • H04ELECTRIC COMMUNICATION TECHNIQUE
    • H04NPICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N1/00Scanning, transmission or reproduction of documents or the like, e.g. facsimile transmission; Details thereof
    • H04N1/0035User-machine interface; Control console
    • H04N1/00405Output means
    • HELECTRICITY
    • H04ELECTRIC COMMUNICATION TECHNIQUE
    • H04NPICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N1/00Scanning, transmission or reproduction of documents or the like, e.g. facsimile transmission; Details thereof
    • H04N1/0035User-machine interface; Control console
    • H04N1/00405Output means
    • H04N1/00408Display of information to the user, e.g. menus
    • H04N1/0044Display of information to the user, e.g. menus for image preview or review, e.g. to help the user position a sheet
    • H04N1/00442Simultaneous viewing of a plurality of images, e.g. using a mosaic display arrangement of thumbnails

Description

本発明は、情報処理装置、表示制御方法、及びプログラムに関する。特に、アイテムの表示制御を行う技術に関する。
スマートフォンやタブレット端末等のタッチパネルの操作において、ドラッグ&ドロップによってアプリケーションアイコン等のアイテムを別ページに移動させる方法がある。この方法の場合、まずユーザは、そのアイテムを画面の左右の端にドラッグして移動させることによりページを順番にめくる。そして、所望のページが表示されたら、そのページでアイテムの画面の左右の端から離してドロップすることにより、所望のページにアイテムを再配置する(特許文献1参照)。
特開2016−115337号公報
特許文献1では、アイテムが複数ページに配置可能でドラッグ操作でアイテムを任意のページに再配置する場合、アイテムを所定の位置(画面の左右の端など)にドラッグしたまま置くことにより、ページを順番にめくる必要があった。この方法ではページを順番にめくるため、ページ数が多い場合に時間がかかっていた。本発明は、上記課題に鑑み、アイテムを移動する際のユーザの利便性をより高めることを目的とする。
画像をテンプレート内のスロットにレイアウトすることにより、それぞれに画像がレイアウトされた第1見開きページと前記第1見開きページとは異なる第2見開きページとを含む複数の見開きページを生成するレイアウト手段と、表示部の第1表示領域に、前記複数の見開きページのサムネイルを一覧表示する第1制御手段と、ユーザからの入力に基づき、前記第1表示領域に表示されているサムネイルのうち第1見開きページに対応するサムネイルが選択された場合に、前記第1見開きページを前記表示部の第2表示領域に表示する第2制御手段と、画像を、ユーザのドラッグ操作に応じて移動させる第3制御手段と、を備え、前記第2表示領域に表示されている前記第1見開きページ内の第1スロットに配置されている第1画像が、ユーザのドラッグ操作に応じて前記第1表示領域に一覧表示されているサムネイルのうち前記第2見開きページに対応するサムネイルに移動されることにより、前記第2制御手段は前記第2見開きページを前記第2表示領域に表示し、前記第2見開きページが前記第2表示領域に表示されている状態で、ユーザのドラッグ操作に応じて前記第1画像が前記第2表示領域の前記第2見開きページ上に移動され、且つ、前記第2見開きページ内の第2スロットに配置された第2画像上で前記ドラッグ操作がリリースされることにより、前記第3制御手段は、前記第1画像を前記第2スロットに配置し、前記第2画像を前記第1スロットに配置し、前記第2制御手段は、前記第1画像が、前記第2表示領域に表示されている見開きページを変更するためのボタン上に移動されることによっても、前記第2表示領域に表示されている見開きページを変更する。
本発明により、アイテムを任意のページに移動させる場合に、容易に所望のページを表示することができ、ユーザの利便性をより高めることができる。
情報処理装置を含むシステムの構成を示す図である。 情報処理装置のハードウェア構成を示す図である。 情報処理装置のソフトウェア構成を示す図である。 アルバム作成アプリケーションにより提供される画面を示す模式図である。 アルバム作成アプリケーションの自動レイアウト処理部を示す図である。 自動レイアウト処理の流れを示すフローチャートである。 自動レイアウト処理における画像解析情報を説明する図である。 自動レイアウト処理における画像群分割を説明する図である。 自動レイアウト処理におけるシーン分類を説明する図である。 自動レイアウト処理における画像得点を説明する図である。 自動レイアウト処理における画像選択を説明する図である。 自動レイアウト処理における画像レイアウトを説明する図である。 表示制御方法について説明する模式図である。 表示制御方法について説明する模式図である。 表示制御方法について説明するフローチャートである。 表示制御方法について説明する模式図である。 表示制御方法について説明する模式図である。 表示制御方法について説明する模式図である。 表示制御方法について説明する模式図である。
以下、添付図面を参照して本発明の好適な実施の形態を詳しく説明する。尚、以下の実施の形態は特許請求の範囲に係る本発明を限定するものでなく、また本実施の形態で説明されている特徴の組み合わせの全てが本発明の解決手段に必須のものとは限らない。
<実施形態1>
図1は、フォトアルバム作成/注文のための情報処理システムの構成の一例を示す図である。図1に示すように、情報処理システムは、ユーザが使用する情報処理装置1と、フォトアルバムを作成する会社の情報処理装置2とを有し、情報処理装置1と情報処理装置2は、インターネット3を介して接続されている。情報処理装置1は、例えば、パーソナルコンピュータが挙げられる。情報処理装置2は、例えば、サーバPCである。情報処理装置1、情報処理装置2は、例えばOperating System(以下、OSと略す場合がある)として、Windows(登録商標)8又はWindows(登録商標)Server 2012と同等のOSがインストールされている。情報処理装置1、情報処理装置2は、それぞれEthernet(登録商標)で構成されるネットワーク4及び8に接続されている。
情報処理装置1には、フォトアルバム作成のためのアプリケーション80(以下、アルバムアプリともいう)がインストールされている。アプリは、例えば、Windows(登録商標)用の実行可能形式のファイル(*.EXE)で構成される。また、情報処理装置1には、Webブラウザアプリケーション143(以下、Webブラウザともいう)がインストールされている。Webブラウザ143は、WWW(WorldWideWeb)を利用する際に用いられるブラウザである。ネットワーク4は、情報処理装置1を使用するユーザのためのネットワークであり、例えば、一般家庭用のホームネットワークが挙げられる。
情報処理装置2は、Webサーバの機能を備えるWebサーバ9を含み、例えば、インターネット3を介して所定の会社(仮にABC社とする)のWebサイトを提供する。ショッピングサイト11は、ABC社がユーザ向けにサービスを提供しているショッピングサイトであり、ユーザはショッピングサイト11を利用してフォトアルバムを注文することができる。
図2は、情報処理装置1のハードウェア構成の一例を表す図である。なお、情報処理装置2も同様の構成を有するものとする。ただし、情報処理装置1と情報処理装置2は、同一の構成からなる必要はない。図2に示すように、情報処理装置は、CPU204、RAM201、ROM203、HDD202、表示部205、入力部208、通信制御部207を有し、それぞれがシステムバス206により接続されている。
CPU(中央演算装置/プロセッサ)204は、システム制御部であり、情報処理装置1全体を制御する。また、CPU204は、本実施形態で説明する表示制御方法をプログラムに従って実行する。
RAM201は、ランダムアクセスメモリであり、CPU204によるプログラムの実行時に、各種情報を一時的に記憶するためのメモリを提供している。ROM203は、CPU204により実行されるプログラムが記憶されている。
HDD(ハードディスク)202は、画像ファイルや画像解析などの処理結果を保持するデータベースなどを記憶するための記憶媒体である。HDD202は、アルバムアプリ80、Webブラウザ143等のアプリケーションや、図3で説明する各モジュール(ソフトウェア)を記憶し、必要に応じてRAM201に読み出されてCPU204により実行される。これにより、CPU204が、アプリケーション80、Webブラウザ143等のアプリケーションや、図3に示す各モジュール(ソフトウェア)の機能を実現する。
表示部205は、本実施形態のUI(ユーザーインターフェイス)や画像のレイアウト結果をユーザに表示する。表示部205は、タッチセンサー機能を備えてもよい。入力部208は、ユーザが各種操作をする際に用いられ、例えば、表示部205に表示されたUI上に所定の情報を入力するのに用いられる。
通信制御部207は、プリンタやサーバなどの外部装置と通信するための装置である。例えば、自動レイアウトをして生成したアルバムデータは、通信制御部207を介して情報処理装置2に送信される。
図3は、情報処理装置1のHDD202に保存されているソフトウェアモジュール群の構成を示す図である。図3に示したソフトウェアモジュールはHDD202に保存されているソフトウェアモジュール群の一部を示したものであって、全てではない。また、HDD204に保存されるソフトウェアモジュール群は、情報処理装置1に搭載されるOSや、情報処理装置1の使用環境などに応じて適宜変更される。
モジュール92は、Ethernetを制御するEthernet制御スタックである。モジュール91は、IP Networkを制御するIP Network制御スタックである。モジュール90は、ネットワーク上のデバイス探索の仕組みを提供するWSD(Web Service on Devices)を制御するWSD制御スタックである。モジュール88は、ネットワークのプラグアンドプレイを制御するPnP−X制御スタックである。尚、PnP−Xとは、ネットワーク接続デバイスに対するサポートを提供する、プラグアンドプレイの一連の拡張機能としてWindows8(登録商標)に標準搭載されている機能であるPlug and Play Extensionsの略称である。モジュール85は、デバイスドライバ群であり、OSに標準で同梱されている標準ドライバ群87と、IndependentHardwareVendor(IHV)から提供されるIHV製ドライバ群86とを含んで構成される。
モジュール84は、アプリケーション/DDIインタフェースであり、ApplicationProgramingInterface(API)、DeviceDriverInterface(DDI)を含んで構成される。アプリケーション群82は、アプリケーション80、Webブラウザ143を含むアプリケーション群である。
図4は、フォトアルバムアプリケーションの実行によりCPU204によって提供される表示画面であり、フォトアルバムを編集するための編集画面の一例である。編集画面401は、フォトアルバムアプリケーションにより提供される。表示領域402は、フォトアルバムの各ページのサムネイルを一覧表示する領域である。表示領域403は、表示領域402で選択されたページとして選択ページの内容(プレビュー画像)を表示する領域であり、レイアウト画像の編集を行うことができる。
表示領域402において、ユーザが各ページのサムネイルの中から所望のサムネイルを選択することで、そのページが選択状態の表示404になる。図4では、3〜4ページの2ページ分(見開き1つ分)が選択状態であり、このページのレイアウト画像が表示領域403に表示される。なお見開きとは、たとえば表示においてはひとつの表示用ウィンドウに相当し、印刷においては印刷された互いに隣接する1対のページに相当する。
表示領域403では、フォトアルバムの編集操作が可能となる。レイアウト画像において表示されるテンプレートは、1以上のスロットを有する。図4では、3ページ目(図中左ページ)に3つのスロット405を有し、4ページ目(図中右ページ)に1つのスロット405を有する。スロット405は、スロットであり、各スロットには写真が割り当てられる。なお、本実施形態では、各スロット405には、自動で写真が割当てられている。テキストボックス406にはユーザにより任意のテキストが入力される。
ボタン407は、アプリケーションにより作成した(編集した)フォトアルバムをカートに入れるためのボタンである。このボタン407を押すことにより、編集したフォトアルバムがインターネット3経由で情報処理装置2のショッピングカートにアップロードされる。
(自動レイアウト処理部の構成)
図5は、アルバム作成アプリケーションの一部の機能のソフトウェアブロック図である。アルバム作成アプリケーションは様々な機能を持つが、本実施形態では、特に自動レイアウト処理部916により提供される自動レイアウト機能に関して説明する。自動レイアウト機能は、撮影された写真をその内容や属性に基づいて分類し、あるいは選択して写真をレイアウトし、表示部205に表示するアルバム画像を生成するための機能である。
本実施形態では、アルバム作成アプリケーションは、表示部205に表示されているアプリケーションのアイコンがユーザにより押下されることにより起動する。図5に示すように、アルバム作成アプリケーションは、アルバム作成条件指定部901と、自動レイアウト処理部916と、を含む。マウス等の入力部208を介したUI操作に応じてアルバム作成条件を自動レイアウト処理部916に指定する。
画像取得部902は、アルバム作成指定部から指定された画像群をHDD202から取得する。ここでいう画像群とは、1つのアルバム作成の際にレイアウトする候補画像群を指す。例えば、アルバム作成条件指定部201において、XX年1月1日〜XX年12月31日が指定された場合は、XX年1月1日〜XX年12月31日に撮影された画像全てが指定された画像群に該当する。
画像変換903は、以降の処理に使う画像データを所望の画素数や色情報に変換する。本実施形態では、短辺画素の画素数とsRGBの色情報の解析画像に変換する。
画像解析部904は、解析画像から後述の特徴量取得、顔検出、表情認識、個人認識を実施する処理である。また、HDD202から取得した画像に付随したデータ、例えばExif情報から撮影日時の取得も画像処理部904で実施する。
画像分類部905は、画像群に対して撮影日時情報や枚数、検出した顔情報を使って後述のシーン分割、シーン分類を実施する処理である。シーンとは、旅行や日常、結婚式等の撮影シーンのことである。シーンとは、例えば、一つの撮影対象について一時期の撮影機会に撮影された画像の集まりであるということもできる。
主人公情報入力部906は、アルバム作成条件指定部901から指示された主人公のID(識別情報)を画像得点部に入力する。
画像得点部907は、各画像に対して得点付けをする。本実施形態では、レイアウトに適した画像が高得点になるように得点付けをする。レイアウトに適した画像が高得点になるように得点付けする際は、画像解析部904で得られた情報、画像分類部905で得られた情報を使う。画像得点部907は、主人公情報入力部906から入力された主人公IDが含まれる画像の得点が高得点になるように、各画像に対して得点付けをする。
見開き割当部909は、画像群を分割して各見開きに割り当てる。ここでいう見開きとは、例えばアルバムを作成した際の見開きであり2ページ分に相当する。
見開き入力部908は、アルバム作成条件指定部904から指定されたアルバムの見開き数を見開き割当部909に入力する。
見開き割当部909は、入力された見開き数に応じて画像群を分割して各見開きに画像群の一部を割り当てる。例えば、見開き数が5である場合、取得した画像群を5つに分割して小画像群を生成し、各見開きに1つの画像群を割り当てる。
画像選択部910は、見開き割当部909で各見開きに割り当てられた画像群の一部から画像得点部907で付けた得点に基づいて画像を選択する。
テンプレート入力部911は、アルバム作成条件指定部901から指定されたテンプレート情報に応じた複数のテンプレートを画像レイアウト部912に入力する。
画像レイアウト部912は、画像のレイアウトを決定する。具体的には、テンプレート入力部911が入力したそれぞれのテンプレートのうち、画像選択部910が選択した画像に適したテンプレートを選択し、各画像のレイアウト(配置位置)を決定する。
画像補正条件入力部913は、アルバム作成条件指定部901から指定された画像補正のON/OFF条件を画像補正部914に入力する。
画像補正部914は、覆い焼き補正、赤目補正、コントラスト補正をする。画像補正部914は画像補正条件ONの場合は、画像に対して補正を実施する。画像補正条件OFFの場合は、補正を実施しない。尚、画像補正部914には、画像変換部903から入力された画像に対して補正のON/OFFを実施する。画像変化部903から画像補正部914に入力する画像の画素数は、画像レイアウト部912で決定したレイアウトのサイズに合わせて変えられる構成となっている。
レイアウト情報出力部915は、画像レイアウト部912が決定した画像レイアウトに従って、ディスプレイに表示する為のレイアウト情報を出力する。レイアウト情報は例えば、選択したテンプレートに選択した画像をレイアウトしたビットマップデータである。
(自動レイアウト処理のフロー)
図6は本実施形態に係るアルバム作成アプリケーションの自動レイアウト処理部916に関する処理フローを示すフローチャートである。図6に示すフローチャートは、例えば、CPU204がHDD202に格納されたプログラムをROMやRAM201に読み出して実行することにより実現される。図6を使って、自動レイアウトの処理フローを以下説明する。
Step01では、画像変換部903で解析画像を生成する。アルバム作成条件指定部901で指定されたHDD202の画像群の各画像を所望の画素数と色情報に変換する。なお、ここで変換する画素数及び色情報は、予め決められており、保存されている。本実施形態では、短辺画素とsRGBの色情報の解析画像に変換する。
Step02では、画像解析部904で画像特徴量を取得する。HDD202から取得した各画像データに付随する例えばExif情報から撮影日時を取得する。また、Step01で生成された解析画像から特徴量を取得する。特徴量としては、例えば、ピントが挙げられる。エッジの検出方法として一般的にソーベルフィルタが知られている。ソーベルフィルタでエッジ検出して、エッジの始点と終点の輝度差を始点と終点の距離で割ればエッジの傾きを算出できる。画像中のエッジの平均傾きを算出して、平均傾き大の画像は平均傾き小の画像よりもピントが合っていると考えることが出来る。傾きに対して異なる値の複数の閾値を設定し、どの閾値以上かを判別することでピント量を出せる。本実施形態では異なる2つの閾値を設定し、○△×の3段階でピント量を判別する。アルバムに採用したいピントの傾きを○、許容できるピントの傾きを△、許容できない傾きを×として、実験を通して閾値を設定する。
Step03では、画像解析部904で顔検出を実施する。Step01で生成された解析画像から顔を検出する。顔の検出は、公知の方法を用いることができ、例えば、複数用意した弱識別器から強識別器を作成するAdaboostが挙げられる。本実施形態では、Adaboostにより作成した強識別器により人物(オブジェクト)の顔を検出する。顔画像を抽出すると共に、検出した顔位置の左上座標値と右下座標値を取得する。なお、ここでいう「画像」とはStep01で生成された画像データにより表される画像である。この2種の座標を特定することにより、人物の顔の位置と顔のサイズを特定することができる。なお、ここでは、人物の顔を検出するものとしたが、人物の顔に限らず、犬や猫等の動物、花、食べ物、建物、置物等のオブジェクトを顔の代わりの検出対象としてAdaboostによって強識別器を作成することができる。すなわち、顔以外のオブジェクトを検出するようにしてもよい。
Step04では、画像解析部904で個人認識をする。まずStep03で抽出した顔画像を顔辞書データベースに個人ID毎に保存されている代表顔画像との類似性を比較する。そして、類似性が閾値以上で最も類似性が高いIDを抽出した顔画像のIDとする。なお、類似性が閾値未満の場合は新規の顔として新規の個人IDとして顔辞書データベースに抽出した顔画像を登録する。
Step02からStep04で取得した画像解析情報は、図7に示すように各画像を識別するID毎に区別して記憶する。Step02で取得した撮影日時情報とピント判別結果、Step03で検出した顔の数と位置情報を保存する。なお、顔の位置情報はStep04で取得した個人ID毎に区別して記憶する。画像データにおいて顔が検出されない場合は、Step02で取得した撮影日時情報及びピント判別結果が保存される。
Step05では、アルバム作成条件指定部201で指定されたHDD104の画像群の全画像に対してStep01からStep04が終了したか否かを判定する。終了していない場合(Step05でNo)、Step01に戻る。終了している場合(Step05でYes)はStep06に移行する。
Step06では、画像分類部205でシーン分割をする。シーン分割とは、取得した画像群をシーンに応じて複数のサブ画像群に分割することを指す。具体的には、Step02で取得済みの撮影日時情報に基づいて、画像と画像との時間差を頼りに画像群を複数に分割する。画像と画像の撮影日が連続していない場合、すなわち、画像間に撮影していない日が存在する場合は、分割する。次に、撮影日が連続する場合について説明する。本実施形態では、画像と画像の撮影時間の差が16時間以上空いている場合は分割する。画像と画像の撮影時間の差が16時間未満の場合は、連続する各日の最初の撮影から最後の撮影までの時間差が4時間未満なら分割する。本実施形態では、4時間以上の場合は、連続する各日の撮影枚数が50枚未満なら分割し、50枚以上であれば分割しないものとする。なお、分割の際の時間差の閾値や枚数の閾値は、これに限定されるものではない。図8(A)は、上述したシーン分割方法で分割した結果を示している。
Step07では、画像分類部906でシーン分類をする。本実施形態では、各サブ画像群(各シーン)を旅行、日常、セレモニーの3つに分類する場合を例に挙げて説明するが、分類はこれに限定されるものではない。まず、旅行、日常、セレモニーのうちいずれに分類されるかを予め判定したサブ画像群を複数取得する。各画像群について、撮影の特徴量を取得する。本実施形態で取得する特徴量は、例えば、撮影期間、撮影枚数、撮影人数である。撮影期間は、画像群の最初の撮影から最後の撮影までの時間差である。撮影枚数は、サブ画像群に含まれる画像の数(写真の枚数)である。撮影人数は、顔が写っている画像における顔の数である。すなわち、1つの画像に含まれる顔の数である。そして、複数のサブ画像群に対して、撮影期間の平均値と標準偏差、撮影枚数の平均値と標準偏差、1画像あたりの人数の平均値と標準偏差を求める。なお、本実施形態では、1画像あたりの顔の数が、1画像あたりの人数とする。図9は、撮影期間(時間)、撮影枚数(枚)、撮影人数(人)の各平均値と標準偏差を示す。これらの求めた値は、アルバム作成アプリケーションのプログラムに予め組み込んでおく。アルバム作成アプリケーションが起動された後、ユーザがパスボックス302で指定した画像群のStep06でシーン分割された各分割に対して、撮影期間と撮影枚数、撮影人数の平均値を算出する。そして、シーン毎に、前記各サブ画像群の撮影期間、撮影枚数、撮影人数の特徴量について、それぞれの平均値と標準偏差に基づいて、以下の式により得点化を実施する。
得点=50−|10×(平均値−特徴量)/標準偏差| (式1)
平均得点=(撮影期間の得点+撮影枚数の得点+人数の得点)/特徴量項目数 (式2)
以上によって、旅行、日常、セレモニー毎の平均得点が算出される。サブ画像群毎に最高点のシーンをそのサブ画像群のシーンとして分類する。2以上のシーンが同点の場合は、優先シーンに分類する。例えば本実施形態では、日常>セレモニー>旅行の順であり、日常の優先度を最も高くしている。
図8(A)のシーン分割された後のサブ画像群(5)は、撮影期間が36時間、撮影枚数が300枚、撮影人数が1.7人であった。旅行の平均得点は45.32、日常の平均得点は18.38、セレモニーの平均得点は−29.92となり、シーンは旅行に分類される。分類したシーンは識別ができるようにシーンIDで管理する。
Step08では、Step06で分割された全サブ群に対してStep07のシーン分類が終了したか否かを判定する。終了していない場合(Step08でNo)、Step07に戻る。終了している場合(Step08でYes)、Step09に移行する。
Step09では、画像得点化部207で主人公設定をする。主人公設定はユーザが指定した画像群に対して実施され、自動と手動の2種類がある。自動で主人公を設定する場合、Step04の個人認識の結果と、Step06のシーン分割の結果に基づいて設定をする。Step04で取得した結果から、サブ画像群に登場する各個人IDの回数、各シーンに登場する各個人IDの回数、各個人IDが登場するシーンの回数等を特定し、これらの情報から自動で主人公を設定する。本実施形態では、サブ画像群に複数シーンがある場合は複数のシーンに登場する個人IDを主人公IDと設定し、サブ画像群が単一シーンである場合は、単一シーンの登場回数が多い個人IDを主人公IDと設定する。主人公設定部304でユーザが特定のアイコンを指定している場合は、主人公情報入力部206を介して選択されたアイコンに対応する個人IDが画像得点部207に伝えられる。ユーザ指定の個人IDがある場合は、上述した自動設定の主人公IDは無視して、ユーザ指定の個人IDを主人公IDと設定する。このように、主人公設定部304の指定に基づく設定を手動設定とする。
Step10では、画像得点化部207で得点化をする。得点化とは、後述する画像選択時に参照する値であり、画像データ毎に後述する観点で評価した得点を付ける。
図12は、3枚の画像をレイアウトする際に用いるテンプレート群を示している。図12の(1−1)に示すテンプレート1601は1枚のテンプレートであり、メインスロット1602と、サブスロット1603、サブスロット1604を有する。メインスロット1602とは、テンプレート1601でメインとなるスロット(画像をレイアウトする枠)であり、サブスロット1603とサブスロット1604よりもサイズが大きい。また、サブスロットとは、各テンプレートにおいて、メインスロット以外のスロットである。メインスロット用の得点とサブスロット用の得点の両方を各画像データに付ける。得点化処理では、メインスロット用の得点とサブスロット用の得点の両方を画像毎に付ける。
次に、図10(A)に画像データの得点化の基準を示す。図10(A)は旅行、日常、セレモニーのシーン毎に得点が高くなる画像の特徴を、メインスロットとサブスロットに分けてまとめた表である。なお、図10(A)に示すように、スロットの種類に応じて、得点が高くなる特徴が異なる。例えば、サブ画像群のシーン分類が旅行である場合、人物と風景が入ったひいた画像は、メインスロットとしての得点が高くなり、顔のアップや横顔の画像は、サブスロットとしての得点が高くなる。例えば、サブ画像群のシーン分類が日常である場合、顔のアップや横顔の画像は、メインスロットとしての得点が高くなり、人物と風景が入ったひいた画像は、サブスロットとしての得点が高くなる。例えば、サブ画像群のシーン分類がセレモニーである場合、2人の距離が近い画像は、メインスロットとしての得点が高くなり、大人数の画像は、サブスロットとしての得点が高くなる。このように、シーン及びスロットの種類に応じて、得点が高くなる特徴、言い換えれば、評価基準が異なる。本実施形態では、シーン及びスロットの種類に応じた得点が高くなる特徴は、アプリケーションにおいて予め設定しておき、プログラムに含むものとする。なお、得点が高くなる特徴は、上述したものに限定されるものではない。図10(A)に示す各シーンのメインスロットとサブスロットのそれぞれの特徴に基づいて、各サブ画像群に含まれる各画像データに得点を付ける。各画像における顔の数、各画像における顔の位置、各画像における顔のサイズを取得し、平均値と標準偏差を各シーン各スロット種類(メインスロットとサブスロット)に対して求めて、アルバム作成アプリケーションのプログラムに記憶しておく。ユーザが指定した画像群の各画像データが表す画像がいずれのシーンに属するか(分類されるか)は、Step07のシーン分類の結果から特定する。そして、注目画像のシーンに対応する予め求めた前記平均値と標準偏差、注目画像における主人公IDの顔の数、顔の位置、顔サイズの各特徴量に基づいて以下の式を使って得点と平均得点を出す。
得点=50−|10×(平均値−特徴量)/標準偏差|
平均得点=(顔数の得点+顔位置の得点+顔サイズの得点)/特徴量項目数
なお、得点化は、メインスロット用とサブスロット用の両方を実施する。またアルバムに使う画像は、図7に示すピントの特徴量が○である画像IDの画像に対しては得点を加算してもよい。これにより、ピントが合っている画像の得点を高くすることができる。図10(B)は、各画像の得点結果の一例を示しており、各画像IDに対して、メインスロットとサブスロットの得点が付けられている。
Step11では、画像得点部207がユーザ指定の画像群の全画像に対してStep10の画像得点化が終了したか否かを判定する。終了していない場合(Step11でNo)、Step10に戻る。終了している場合(Step11でYes)、Step12に移行する。
Step12では、見開き割当部909が、画像分類部905のシーン分割により得られたシーン数(サブ画像群の数)が見開き数入力部908により入力される見開き数と同じか否かを判定する。同じでない場合(Step12でNo)、Step13に移行する。同じ場合(Step12でYes)、Step16に移行する。例えば、図10(A)のシーン分割数が8であり、見開き数入力部908の入力数が8であればStep16に移行する。
Step13では、見開き割当部909が画像分類部905のシーン分割により得られたシーン数が見開き数入力部908により入力される見開き数より少ないか否かを判定する。シーン数が見開き数より少なくない場合(Step13でNo)、Step15に移行する。シーン数が見開き数より少ない場合(Step13でYes)はStep14に移行する。例えば、図8(A)のシーン分割数が8であり、見開き数入力部908の入力数が10であれば、シーン数が見開き数より少なくないため、Step14に移行する。
Step14では、見開き割当部909がサブシーン分割をする。サブシーン分割とは、シーン分割数<見開き数の場合に分割されたシーンを更に細分割することを指す。図8(A)のシーン分割数8に対して指定見開き数が10である場合を例に挙げて説明する。図8(B)では、図8(A)をサブシーン分割した結果である。破線矢印の箇所でサブ画像群をさらに分割したことで、分割数を10にしている。サブシーン分割する基準は、画像枚数および撮影日時である。図8(A)の分割の中で画像枚数が多いサブ画像群を特定する。ここでは、シーン数を8から10に2つ増やしたいため、画像枚数が多い2つのサブ画像群を特定する。多い方からサブ画像群(5)、次にサブ画像群(1)とサブ画像群(2)である。
本実施形態では、サブ画像群に含まれる枚数が同じである場合は、サブ画像群に含まれる最初の画像と最後の画像の時間差が大きい方のサブ画像群を分割する。サブ画像群(1)とサブ画像群(2)は、含まれる画像の同じ枚数だが、サブ画像群(2)の方が最初の画像から最後の画像の時間差が大きいため、サブ画像群(2)を分割対象とする。すなわち、図8(B)では、サブ画像群(5)とサブ画像群(2)をそれぞれさらに分割する。
まず、サブ画像群(2)の分割方法について説明する。サブ画像群(2)には、画像枚数の山が2つあり、この2つは撮影日が違う。この場合は、撮影日が変わる箇所(図8(B)の破線矢印の箇所)で分割する。
次に、サブ画像群(5)の分割を説明する。サブ画像群(5)には画像枚数の山が3つあり、この3つは撮影日が違う。この場合も、撮影日が変わる箇所で分割する。このとき、撮影日が変わる箇所が2箇所あるが、分割後の各画像群の枚数差が小さくなるように分割する。図11(B)では、サブ画像群(5)では、2日目と3日目の境目で分割した方が、1日目と2日目の境目で分割するよりも分割後の各画像群の枚数差が小さくなるので、2日目と3日目の境目で分割する。すなわち、図11(B)の破線矢印の箇所で分割する。以上により分割数を8から10にする。ここでは撮影日の違う箇所で分割したが、画像枚数が多いサブ画像群が単一日で撮影されたものである場合は、単一日の中で時間差が最大の箇所で分割する。
Step15では、見開き割当部909がシーン統合をする。シーン統合とは、シーン数が見開き数よりも多い場合、分割されたシーン(サブ画像群)を統合する。具体的には、シーン数と見開き数が一致するように、シーン統合をする。図8(C)は、見開き数が6の場合、図8(A)をシーン統合してシーン数を6とした結果である。破線の箇所を統合、言い換えれば、破線の箇所での分割をしないことで、シーン数(サブ画像群の数)を6にする。シーン統合では、画像枚数が少ないサブ画像群を特定する。ここでは、分割数を8から6に2つ減らしたいため、画像の枚数が少ないサブ画像群を特定する。
画像枚数が少ないサブ画像群は、少ない方からサブ画像群(8)、サブ画像群(3)、サブ画像群(7)である。したがって、まず、サブ画像群(8)を統合対象とする。次に、サブ画像群(3)とサブ画像群(7)は、画像の枚数は同じである。ただし、サブ画像群(7)に隣接するサブ画像群(8)が統合対象であるため、サブ画像群(3)を統合対象とする。次に、統合対象のサブ画像群を、撮影日時が前のサブ画像群に統合するか、撮影日時が後のサブ画像群に統合するかを決定する。まず、サブ画像群(3)の統合を説明する。サブ画像群(3)の前後のサブ画像群(2)とサブ画像群(4)との時間差を比較すると、サブ画像群(3)の最後の画像とサブ画像群(4)の最初の画像との撮影時間の差の方がサブ画像群(3)の最初の画像とサブ画像群(2)の最後の画像との撮影時間の差よりも小さい。したがって、サブ画像群(3)は、サブ画像群(4)に統合すると決定する。すなわち、図11(C)の破線の箇所を統合する。次に、サブ画像群(8)の統合を説明する。サブ画像群(8)は、後のサブ画像群がない為、前のサブ画像群(7)と統合する。すなわち、図11(C)の破線箇所で統合する。なお、本実施形態では、撮影時間の差が小さいサブ画像群同士を統合することにしたが、これに限定されるものではない。例えば、統合対象のサブ画像群を撮影枚数が少ないサブ画像群に統合するようにしてもよい。
Step16では、見開き割当部909が見開き割当をする。Step12〜Step15によって、サブ画像群の数と指定見開き数は同じになっている。本実施形態では、撮影日時が先頭のサブ画像群から見開きの先頭に割り当てる。すなわち、撮影日時順にサブ画像群をアルバムの各見開きのページに割当てる。これにより、撮影日時順にサブ画像群が並んだアルバムを作成することができる。なお、後述する通り、1つの見開きページ内では、画像は撮影日時に並んでいなくてもよい。
Step17では、画像選択部910が各サブ画像群から所定枚数の画像を選択する。図11を用いて、ある見開きに割り当てられたサブ画像群から画像を4枚選択する場合を例に挙げて説明する。なお、ここでは、見開きとは、2ページを指し、最初の見開き及び最後の見開きは、1ページとする。図11(A)は、見開きに割り当てられたサブ画像群に含まれる最初の画像から最後の画像のまでの撮影日時の時間差、言い換えれば、サブ画像群の撮影期間を示す。図11(B)を使って、4枚選択する際の1枚目を選択する方法を説明する。テンプレートには、1つのメインスロット1002がある。1枚目は、メインスロット用の画像を選択する。図11(B)に示すサブ画像群の撮影期間に撮影された全ての画像のうちStep10で付けたメインスロット用の得点が最高点の画像を選択する。そして、2枚目以降はサブスロット用の画像を選択する。本実施形態では、サブ画像群の撮影期間を細分化して画像を選択することにより、サブ画像群の撮影期間の一部に集中しないようにする。まず、図11(C)のようにサブ画像群の撮影期間を2分割して、2つの撮影期間とする。すなわち、サブ分割撮影期間を2等分して2つの撮影期間にする(グループ分けする)。次に、図11(D)のように1枚目が選ばれていない撮影期間(実線の区間)からサブスロット用の得点が最高点の画像を2枚目として選択する。次に、図11(E)のように、図11(D)の各撮影期間をそれぞれ2等分する。図11(F)の実線区間、すなわち、1枚目と2枚目が選ばれていない2つの撮影期間に撮影された画像(2つの撮影期間に対応する画像)のうちサブスロット用の得点が最高点の画像を3枚目として選択する。次に、画像を選択する撮影期間に画像が存在せず、画像選択できない例を4枚目の選択を例に挙げて説明する。本実施形態では、画像の枚数に関わらず、時間に応じて撮影期間を分割している。したがって、分割して得られた撮影期間に画像が存在しない場合がある。例えば、図11(G)のように、まだ画像が選ばれていない撮影期間(斜線の区間)から4枚目を選択したいが、この斜線区間には画像が存在しないとする。この場合は、図11(H)のように、画像を選択済みの各撮影期間をそれぞれ2分割する。次に、図11(I)のように、1〜3枚目が選ばれていない実線の撮影期間に撮影された画像のうちサブスロット用の最高点の画像を4枚目として選択する。
Step18では、画像レイアウト部912が処理対象の見開きの画像レイアウトを決定する。テンプレート入力部911は、指定のテンプレート情報に従ってある見開きに対して図12の(1−1)〜(4−4)を入力した場合を例に挙げて説明する。入力されたテンプレートのスロット数は3である。選択されている画像3枚の画像の向きが縦方向か横方向かを撮影日時の順に並べると図12(A)であったとする。ここでは、画像1605がメインスロット用として選択された画像であり、画像1606と画像1607がサブスロット用として選択された画像とする。本実施形態では、テンプレートの左上に撮影日時のより古い画像、右下に撮影日時のより新しい画像をレイアウトするものとする。画像1605は、撮影日時が一番新しく且つメインスロット用の画像であるため、図12(3−1)〜(3−4)のテンプレートが候補となる。そして、サブスロット用の古い方の画像1606、すなわち、左上に配置したい画像が縦画像で、新しい方の画像1607が横画像である。したがって、(3−2)が、選択された画像に最も適したテンプレートとしてレイアウトが決まる。このようにStep18では、レイアウトに用いるテンプレートと、テンプレートのいずれのスロットにいずれの画像をレイアウトするかを識別できる情報が決定する。図12では、スロット数が3の場合を例に挙げて説明を行ったが、Step17で、必要枚数が4枚となった場合には、スロット数4のテンプレートセットを用意して、それらに対して同様に、スロット状態と画像の状態の合致具合を判定する。これにより、どのテンプレートに画像をレイアウトするかを決めればよい。
Step19では、画像補正部914が画像補正をする。画像補正の条件入力部がONを入力した場合は、画像補正を実施する。本実施形態では、画像補正として、覆い焼き補正、赤目補正、コントラスト補正を自動で実施する。画像補正の条件入力部がOFFを入力した場合は、画像補正を実施しない。補正する画像の画素数は短辺1200画素で、sRGBの色空間に変換した画像に対して画像補正ON/OFFを実施する。
Step20では、レイアウト情報出力部915がレイアウト情報を作成する。Step18で決まった通りに各画像をレイアウトする。このとき、テンプレートが有する各スロットのサイズ情報に合わせてレイアウトする画像を変倍してレイアウトする。そして、テンプレートに画像をレイアウトしたビットマップデータを生成する。
Step21はStep17〜Step20が全ての見開きに対して終了したか否かを判定する。終了していない場合(Step21でNo)はStep17に戻る。終了している場合(Step21でYes)は自動レイアウト処理を終了する。
(フォトアルバムの編集)
次に、レイアウトされたフォトアルバムを編集する際の操作について説明する。ここでは、あるページのスロットに設定されている写真と、別のページに設定されている写真を入れ替えるという例を説明する。本実施形態においては、レイアウト後の写真(画像)を表示アイテムとみなし、ユーザ操作に基づきアイテムを移動させる場合の表示制御の例について説明する。
図13は、情報処理装置1である端末装置(PC、スマートフォンやタブレット端末)の表示領域内に、フォトアルバムの編集画面401が表示されている様子を示している。表示領域402は、フォトアルバムの各ページのサムネイルを一覧表示する領域である。表示領域403は、表示領域402で選択されたページとして選択ページの内容(プレビュー画像)を表示する領域であり、アルバムの編集を行うことができる。表示領域402において、ユーザにより各ページに対応するサムネイルの中から所望のサムネイルが選択されることで、そのページが選択状態の表示404になり、このページのレイアウト画像が表示領域403に表示される。なお、図13では、アルバムの1つの見開きは2ページ分に対応し、表示領域402のサムネイル一覧もアルバムの見開き単位で分かれて表示されており、表示領域403の表示も見開き毎に表示される。なお、図13における表示制御は、CPU204がHDD202に格納されたプログラムを、ROMやRAM201に読み出して実行することにより実現される。
図13(1)では、サムネイルの表示領域402内において見開きA(3〜4ページ目に対応する2ページ分)のサムネイルが選択されているため、フォトアルバムのプレビューを表示する表示領域403には見開きAのプレビュー画像が表示されている。見開きAにはスロットA1、A2があり、それぞれ写真a1、a2が配置されている。
図13(2)は、ユーザ操作によりスロットA1の写真a1がドラッグされ保持されている様子を示す図である。写真a1がドラッグされ保持されている状態では、スロットA1から写真a1を抜き出し状態であるため、スロットA1の中はグレーで表示して何も写真が配置されていないことを示している。
図13(3)は、ドラッグ操作により保持された写真a1が表示領域402における見開きBに対応するサムネイルまで移動され、見開きBのサムネイルに重ねられた状態を示している。このように、ドラッグ操作により保持されている写真が移動し、サムネイル表示領域402の見開きBに対応するサムネイルに重ねられることにより、表示領域403の表示は見開きBに切り替わる。見開きBにはスロットB1、B2、B3があり、それぞれ写真b1、b2、b3が配置されている。
図13(4)は、ドラッグされ保持されている写真a1が、スロットB3上でドロップ(ドラッグのリリース)された際の図である。本例では、スロットB3の領域内に写真a1をドラッグしているポインターが入ったときに、そのスロットB3に写真a1がドロップして配置できる状態になる。
ユーザはスロットB3上で写真a1をドロップすることにより、スロットB3に写真a1が配置される。なお、本例では、元々スロットB3に配置されていた写真b3は、見開きAのスロットA1に配置される。つまり、写真a1と写真b3とは配置領域が入れ替わる。
なお、この操作により、見開きAと見開きBのレイアウトが更新されるため、サムネイル表示領域402の見開きAのサムネイルと見開きBのサムネイルも更新される。なお、この例では、画像を入れ替えた後に、見開きAに未読マーク408が表示されている。これは、見開きAの内容が更新されたにもかかわらず、表示領域403ではまだ見開きAを表示していないため、ユーザが更新された見開きAの内容を表示領域403で確認していないためである。このようにユーザが確認していないページに未読マークを付けることにより、未読のページがある状態のまま、ユーザがアルバムを注文してしまうことを防ぐことができる。
図14は見開きAが未読状態のままで「カートに入れる」ボタン407を選択した場合の模式図である。図14(1)は見開きAが未読状態であるため見開きAに未読マーク408が付いている。この状態で「カートに入れる」ボタン407を選択すると図14(2)に示したように警告メッセージが表示される。警告メッセージは、見開きAが未読であるため注文前にページを確認してもらう旨のメッセージを表示している。ここでは、そのメッセージに見開きAのサムネイルを付けることにより、ユーザにどのページが未読であるかを提示している。図14では、この警告メッセージの「OK」ボタンが選択されると、表示領域403の表示が見開きAの内容に切り替わり、ユーザに見開きAを確認してもらうことが可能となる。
このように、本実施形態では、ユーザのドラッグ操作に応じて、CPU204は、アイテムである写真を、表示領域402に表示されている所定のページのサムネイルに移動させることにより、表示領域403にそのページを表示することができる。よって、ページが多い場合に、容易に所望のページを表示することができ、ユーザの利便性がより高まる。
また、本実施形態では、表示領域403に表示されたページにアイテムをそのままドラッグして移動させることにより、そのページにアイテムを配置させることができ、よりユーザの利便性が高まる。
(アイテムの表示制御フロー)
図15は、図13で説明したアイテムの表示に関する表示制御フローを示すフローチャートである。図15に示すフローチャートは、例えば、CPU204がHDD202に格納されたプログラムをROMやRAM201に読み出して実行することにより実現される。
S101では、ユーザからの指示に基づき、CPU204はフォトアルバムの種類を選択設定する。フォトアルバムの種類とは、例えば、フォトアルバムのサイズ、ページ数、綴じ方、紙の種類などのことを指す。
S102では、ユーザからの指示に基づき、CPU204はフォトアルバムの自動レイアウトに使用される写真群を選択設定する。例えば、ピクチャーフォルダーに写真が保存さている場合は、ユーザによりピクチャーフォルダー内から所定のフォルダが選択されることにより、CPU204はそのフォルダの写真群をレイアウト対象として選択する。
S103でCPU204はフォトアルバムの作成を開始する。例えば、S101で選ばれたフォトアルバムの種類とS102で選ばれた写真群に応じて、CPU204は、自動で写真を配置するテンプレートを選別し、そのテンプレート内のスロットに自動で写真を配置する。このステップは図6で説明した自動レイアウト処理の一連のフローを示している。なお、ここでは、自動で画像レイアウトを行う形態を説明したが、本実施形態はそれに限定されるものではなく、ユーザが手動でテンプレートや写真を選択し、フォトアルバムを作成してもよい。
S104では、CPU204は、レイアウト後のページのサムネイル一覧を表示領域402に表示する。
S105で、ユーザにより表示領域402の所望のページ(仮に、見開きAとする)に対応するサムネイルが選択されることにより、CPU204は、表示領域403に見開きAの2ページ目と3ページ目を表示する。ユーザはこの画面で自動レイアウト結果のレイアウト画を手動で修正することができる。
S106では、ユーザの入力に基づき、図13(2)で示したとおり、CPU204は見開きAのスロットA1の写真a1をドラッグして保持し、写真a1を移動させる。
S107では、CPU204は、図13(3)で示したようにドラッグされている写真a1が、表示領域403の見開きBに対応するサムネイルに重なったか判定する。写真a1が見開きBのサムネイルに重なったと判定された場合(S107でYES)はS108に進み、重なっていない場合はS109へ進む。
S108では、CPU204は表示領域403に見開きBを表示する。なお、S108では、すぐに表示領域403に見開きBを表示するのではなく、S107で写真a1を見開きBのサムネイルに所定時間以上重ねた場合にページの表示を切り替えるようにしてもよい。これは、図13(3)の状態から写真a1をスロットB3にドラッグで移動させるときに、表示領域402の見開きCのサムネイル上を通過してしまう場合があるためである。つまり、CPU204は、所定ページのサムネイル上に所定時間(例えば、1秒間)重ねたときに初めて表示領域403のそのページに表示に切り替わるようにするとよい。このように、アイテムがサムネイルに所定時間重なったかを判定する判定ステップを設けることにより、所定時間未満の場合は表示領域403の表示が切り替わらないように制御することができる。よって、ユーザが意図せずに表示領域402の見開きCのサムネイル上をドラッグして通過した場合であっても、CPU204は表示領域403の表示を見開きCに切り替えることがない。よって、ユーザの混乱を招くことが少なくなる。
ユーザは見開きBのスロットB3に写真a1を配置させたい場合、見開きBが表示領域403に表示された状態で、ドラッグ操作により写真a1を見開きBのスロットB3へ動かす。CPU204は、ユーザのドラッグ操作に応じて、見開きBのスロットB3にドラッグされた写真a1を移動させる。
S109では、CPU204は、写真a1がスロットB3に重なった状態でドラッグが解除され、写真a1がドロップされたか判定する。スロットB3にドラッグされた写真a1が重なった状態でドラッグが解除された場合(S109でYES)はS110へ、スロットB3にドラッグされた写真a1が重なった状態でドラッグが解除されていない場合(S109でNO)はS113へ進む。
写真a1がスロットB3に重なったかの判定基準は、写真a1が所定量(所定面積)だけスロットB3に重なったと判定してもよく、写真a1の所定点がスロット内の所定範囲内に入ったらスロットB3に重なったと判定してもよい。また、写真a1をドラッグしているポインタがスロットB3内に入ったら重ねったと判定してもよい。さらには、S109において、重ねられた時間が所定時間以上の場合にはYESと判定するが、重ねられた時間が所定時間未満の場合はNOと判定する判定基準を設けてもよい。また、スロットB3に対して写真a1が重ねられ、ドロップにより写真a1をスロットB3に配置できる状態になったことをユーザが認識可能にするため、スロットの表示を変えてもよい。例えば、そのスロットの枠を太くする、または、色を変えるなどの変化をさせるとよい。
S110では、CPU204は、スロットB3に写真a1を配置する。そして、S111では、CPUは、元々写真a1が配置されていたスロットA1に、スロットB3に配置されていた写真b3を配置する。つまり、写真a1と写真b3とは配置領域が入れ替わる。
S112では、CPU204は、ドラッグされている写真が、スロット以外の領域でリリースされたか否かを判定する。スロット以外の領域でリリースされたと判定された場合(S112でYES)はS113に進み、スロット以外の領域でリリースされていないと判定された場合(S112でNO)はS107へ戻る。なお、S112の判定基準として、写真が全くスロットに接していない状態でリリースされれば、スロット以外の領域でリリースされた(YES)と判定しているが、本実施形態はこれに限られない。例えば、写真の一部がスロットに接しているとしても、写真上の所定点がスロット内の所定範囲上に存在していない場合は、その状態でリリースされた写真は、スロット外でリリースされた(YES)と判定してもよい。
S113では、CPU204は、写真を元のスロットに戻すキャンセル処理を開始する。例えば、写真a1のドラッグがスロット外で解除された場合、スロットA1に写真a1を戻すキャンセル処理を開始する。S113では、CPU204は、表示領域403の表示を、元の見開きAに切り替える。
そして、S114で、CPU204は、スロットA1に写真a1を再配置することによりキャンセル処理が完了する。
図16は、キャンセル処理について説明するための模式図である。図16(1)〜(3)は、図13(1)〜(3)と同様であるため説明を割愛する。図16(4)は、図16(3)の状態になった後、スロット外でドラッグ状態が解除された場合の図である。
S112において、配置領域であるスロット以外の領域でドラッグ状態が解除された場合、図16(4)に示すように、CPU204は、表示領域403の表示を元のページである見開きAに切り替え、元々配置されていたスロットA1に写真a1を再び配置する。
なお、ここでは、キャンセル処理において、CPU204は元の見開きAに表示領域403の表示を切り替えたが、本発明はそれに限るものではなく、表示領域403は見開きBの表示のままで、見開きAのスロットA1に写真a1を再配置してもよい。
また、上述の例では、CPU204は任意のページに写真を移動させることができるが、本実施形態はそれに限定されるものではなく、特定のページだけに移動可能なように制御してもよい。例えば、図6で説明した、自動的に写真を抽出してレイアウトし、アルバムを作成するアプリケーションを用いた場合の適用例について説明する。このアプリケーションの場合、ユーザにより指定された複数の写真(写真群)を解析することにより、シーン毎に写真データをグループ分けし、グループごとにページを割り当ててレイアウトするものがある。
例えば、写真データの解析により写真群はシーン1とシーン2に分けられた場合、CPU204は、見開きA、B、Cにはシーン1の写真を割り当て、見開きD、Eにはシーン2の写真を割り当てたと想定する。このような場合、シーン1とシーン2の写真が入れ替えられると、シーン1の中にシーン2の写真が入ってしまって、時系列順に写真がレイアウトされず、アルバムのレイアウトとして不自然な仕上がりになる。よって、そのようなことを避けるため、同じシーンの中だけでページを入れ替えることができるように制御をしてもよい。
図17は、このケースの制御について説明するための模式図である。この例では、見開きA、B、Cにはシーン1の写真がレイアウトされ、見開きD、Eはシーン2の写真がレイアウトされているとする。図17では、スロットA1の写真a1がドラッグ操作により保持されている状態であり、この場合、見開きDと見開きEに対応するサムネイルがグレーアウトしている。これは写真a1がシーン1と判断された写真であり、シーン2の写真を割り当てている見開きDとEには移動できないことを示している。この場合、ユーザ操作により、ドラッグされている写真a1が見開きDや見開きE上に重ねられても、CPU204は、表示領域403に見開きDや見開きEを表示しない。
なお、図17では、入れ替え対象外のページをグレーアウトしたが、入れ替えが可能な見開きA、B、Cを強調して表示するなど、そのページだけアイテムを移動できることがわかるように表示してもよい。さらには、ユーザ操作に応じて、表示領域403に見開きDやEに写真a1を配置することができるが、見開きDやEに写真a1をドロップした場合には、CPU204は、異なるシーンへ配置していることを示す警告を表示してもよい。
また、図15の制御では、表示領域402の各ページのサムネイルに写真を重ねたときに、表示領域403の表示を切り替えていたが、本実施形態のページ切り替えはそれに限るものでない。上述のページ切り替え方法に加え、図18に示すように、前のページに表示を切り替えるボタン1101や、次ページに表示を切り替えるボタン1102により切り替える方法を用いてもよい。CPU204は、ドラッグされた写真a1が、切り替えボタン1101や1102の領域に重ねられることにより、表示領域402の表示を順次切り替えられる。この切り替えボタン1101や1102は、写真a1のドラッグ操作だけでなく、単にタップやクリック操作等でもページ切り替えが可能である。
また、本実施形態では、表示領域402にすべてのページのサムネイルを表示する必要はない。例えばページが多く、全てのサムネイルが表示しきれない場合は、図19に示すように、表示領域402の左の端部1201や右の端部1202にドラッグした写真を重ねることで、サムネイル表示を切り替えてもよい。図19(1)で、CPU204は、ドラッグされた写真a1を右端の端部1202に重ねることにより、図19(2)のように表示領域402のサムネイル一覧の表示が切り替わる。これにより、ユーザは、例えば見開きGのサムネイルにドラッグした写真a1を重ねることで、表示領域402の表示が見開きGの表示に切り替わる。
また、上述の例では1つのアイテムの移動により、別のアイテムとの間でスロット入れ替えを行う例を説明したが、本実施形態はそれに限定されるものではなく、単に1つのアイテムを移動させるような制御であってもよい。例えば、図13(3)において、CPU204は、表示領域403の表示を見開きBに切り替えた後、ユーザ操作に基づき、見開きB上の任意の位置で写真a1をドロップした場合、そのドロップした位置に写真a1を挿入してもよい。つまり、ページ上の既に設定されているスロット以外の領域でドロップした場合でも、その領域(スロット以外の領域)に写真a1を配置してもよい。この場合、CPU204は、見開きBに写真a1が追加されることにより、見開きBを再度レイアウトするとよい。つまり、写真a1の挿入により、既に配置されていた写真b3の表示サイズを小さくなる等のレイアウト変更を行うとよい。また、写真a1を見開きBに配置された場合に、スロットA1は見開きAから削除してもよい。その際には、単に見開きAからスロットA1を削除するだけでなく、既に見開きAに配置されている写真の表示サイズを大きくする等、見開きAのレイアウト変更を行うとよい。
また、上述の例では、1つのアイテムだけを移動させる例を示したが、本実施形態はそれに限定されるものでなく、複数のスロットの写真を同時に移動させるようなものであってもよい。例えば、見開きAのスロットA1の写真a1とスロットA2の写真a2をドラッグし、見開きBのサムネイルに移動させることで見開きBに表示を切り替えてもよい。そして、CPU204は、見開きB上で写真a1と写真a2をドロップすることで見開きBに写真a1と写真a2を配置するような制御を行ってもよい。
また、上述の例では、表示領域402のサムネイル表示は見開き単位で分けて一覧表示され、表示領域403の表示は、見開きごとに表示したが、本実施形態はそれに限定されるものではない。表示領域402のサムネイルは1ページずつ分けて一覧表示し、表示領域403には1ページずつ表示してもよい。
また、上述の例では、アイテムとして、レイアウト後の写真を移動させる例を示したが本実施形態はそれに限定されるものではない。写真以外の画像、テキストボックス、操作ボタン、アプリケーションアイコン、ショートカット、コンテンツ、スタンプ等の表示アイテムであってもよい。例えば、アプリケーションアイコンの場合、複数のページで配置が可能である場合が多い。よって、それらのページを一覧でサムネイル表示させるような表示領域を持ち、そこにアイテムを重ねることにより所望のページに表示を切り替えるような形態も実現可能である。
また、上述した実施形態では、情報処理装置1として、スマートフォンやタブレット等の端末装置の例を記載したが、その他の装置においても実現される。例えば、PCや、プリンタ等の画像処理装置でもよい。
<他の実施形態>
上述した実施形態は、以下の処理を実行することによっても実現される。すなわち、上述した実施形態の機能を実現するソフトウェア(プログラム)を、ネットワーク又は各種記憶媒体を介してシステム或いは装置に供給し、そのシステム或いは装置のコンピュータ(CPUやMPU等)がプログラムを読み出して実行する処理である。また、プログラムは、1つのコンピュータで実行させても、複数のコンピュータで連動させて実行させるようにしてもよい。また、上記した処理の全てをソフトウェアで実現する必要はなく、処理の一部または全部をASIC等のハードウェアで実現するようにしてもよい。また、CPUも1つのCPUで全ての処理を行うものに限らず、複数のCPUが適宜連携をしながら処理を行うものとしてもよい。
80 アプリケーション
204 CPU
201 RAM
202 HDD

Claims (9)

  1. 画像をテンプレート内のスロットにレイアウトすることにより、それぞれに画像がレイアウトされた第1見開きページと前記第1見開きページとは異なる第2見開きページとを含む複数の見開きページを生成するレイアウト手段と、
    表示部の第1表示領域に、前記複数の見開きページのサムネイルを一覧表示する第1制御手段と、
    ユーザからの入力に基づき、前記第1表示領域に表示されているサムネイルのうち第1見開きページに対応するサムネイルが選択された場合に、前記第1見開きページを前記表示部の第2表示領域に表示する第2制御手段と、
    画像を、ユーザのドラッグ操作に応じて移動させる第3制御手段と、
    を備え、
    前記第2表示領域に表示されている前記第1見開きページ内の第1スロットに配置されている第1画像が、ユーザのドラッグ操作に応じて前記第1表示領域に一覧表示されているサムネイルのうち前記第2見開きページに対応するサムネイルに移動されることにより、前記第2制御手段は前記第2見開きページを前記第2表示領域に表示し、
    前記第2見開きページが前記第2表示領域に表示されている状態で、ユーザのドラッグ操作に応じて前記第1画像が前記第2表示領域の前記第2見開きページ上に移動され、且つ、前記第2見開きページ内の第2スロットに配置された第2画像上で前記ドラッグ操作がリリースされることにより、前記第3制御手段は、前記第1画像を前記第2スロットに配置し、前記第2画像を前記第1スロットに配置し、
    前記第2制御手段は、前記第1画像が、前記第2表示領域に表示されている見開きページを変更するためのボタン上に移動されることによっても、前記第2表示領域に表示されている見開きページを変更することを特徴とする情報処理装置。
  2. 前記第2制御手段は、前記第1画像が前記第2見開きページのサムネイルに重ねられた時間が所定時間以上である場合に、前記第2表示領域に前記第2見開きページを表示し、前記第1画像が前記第2見開きページのサムネイルに重ねられた時間が所定時間未満の場合は前記第2表示領域に前記第2見開きページを表示しないことを特徴とする請求項1に記載の情報処理装置。
  3. 前記第3制御手段により、前記第1見開きページから、前記複数の見開きページのうち第3見開きページに対応するサムネイルに前記第1画像を移動させても、前記第2制御手段は前記第3見開きページを前記第2表示領域に表示しないことを特徴とする請求項1又は2に記載の情報処理装置。
  4. 前記第1見開きページと前記第3見開きページとは、配置されている画像のシーンが異なることを特徴とする請求項に記載の情報処理装置。
  5. 画像をテンプレート内のスロットにレイアウトすることにより、それぞれに画像がレイアウトされた第1見開きページと前記第1見開きページとは異なる第2見開きページとを含む複数の見開きページを生成するステップと、
    表示部の第1表示領域に、前記複数の見開きページのサムネイルを一覧表示するステップと、
    ユーザからの入力に基づき、前記第1表示領域に表示されているサムネイルのうち第1見開きページに対応するサムネイルが選択された場合に、前記第1見開きページを前記表示部の第2表示領域に表示するステップと、
    画像を、ユーザのドラッグ操作に応じて移動させるステップと、
    を備え、
    前記第2表示領域に表示されている前記第1見開きページ内の第1スロットに配置されている第1画像が、ユーザのドラッグ操作に応じて、前記第1表示領域に一覧表示されているサムネイルのうち前記第2見開きページに対応するサムネイルに移動されることにより、前記第2見開きページを前記第2表示領域に表示し、
    前記第2見開きページが前記第2表示領域に表示されている状態で、ユーザのドラッグ操作に応じて前記第1画像が前記第2表示領域の前記第2見開きページ上に移動され、且つ、前記第2見開きページ内の第2スロットに配置された第2画像上で前記ドラッグ操作がリリースされることにより、前記第1画像を前記第2スロットに配置し、前記第2画像を前記第1スロットに配置し、
    前記第1画像が、前記第2表示領域に表示されている見開きページを変更するためのボタン上に移動されることによっても、前記第2表示領域に表示されている見開きページは変更されることを特徴とする表示制御方法。
  6. 前記第1画像が前記第2見開きページのサムネイルに重ねられた時間が所定時間以上である場合に、前記第2表示領域に前記第2見開きページを表示し、前記第1画像が前記第2見開きページのサムネイルに重ねられた時間が所定時間未満の場合は前記第2表示領域に前記第2見開きページを表示しないことを特徴とする請求項に記載の表示制御方法。
  7. 前記第1見開きページから、前記複数の見開きページのうち第3見開きページに対応するサムネイルに前記第1画像を移動させても、前記第3見開きページを前記第2表示領域に表示しないことを特徴とする請求項5又は6に記載の表示制御方法。
  8. 前記第1見開きページと前記第3見開きページとは、配置されている画像のシーンが異なることを特徴とする請求項に記載の表示制御方法。
  9. 請求項5乃至8のいずれか1項に記載の表示制御方法の各ステップをコンピュータに実行させるプログラム。
JP2017016211A 2017-01-31 2017-01-31 情報処理装置、表示制御方法、及びプログラム Active JP6702900B2 (ja)

Priority Applications (2)

Application Number Priority Date Filing Date Title
JP2017016211A JP6702900B2 (ja) 2017-01-31 2017-01-31 情報処理装置、表示制御方法、及びプログラム
US15/880,240 US10545656B2 (en) 2017-01-31 2018-01-25 Information processing apparatus and display controlling method for displaying an item in a display area in response to movement

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
JP2017016211A JP6702900B2 (ja) 2017-01-31 2017-01-31 情報処理装置、表示制御方法、及びプログラム

Publications (2)

Publication Number Publication Date
JP2018124782A JP2018124782A (ja) 2018-08-09
JP6702900B2 true JP6702900B2 (ja) 2020-06-03

Family

ID=62979793

Family Applications (1)

Application Number Title Priority Date Filing Date
JP2017016211A Active JP6702900B2 (ja) 2017-01-31 2017-01-31 情報処理装置、表示制御方法、及びプログラム

Country Status (2)

Country Link
US (1) US10545656B2 (ja)
JP (1) JP6702900B2 (ja)

Families Citing this family (8)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
USD845991S1 (en) * 2017-09-26 2019-04-16 Google Llc Display screen with animated icon
USD896248S1 (en) 2018-05-12 2020-09-15 Canva Pty Ltd. Display screen or portion thereof with an animated graphical user interface
TWI684918B (zh) * 2018-06-08 2020-02-11 和碩聯合科技股份有限公司 臉部辨識系統以及加強臉部辨識方法
USD902952S1 (en) * 2018-09-04 2020-11-24 Lutron Technology Company Llc Display screen or portion thereof with set of animated graphical user interfaces
CN112130715B (zh) * 2019-06-25 2022-09-09 华为技术有限公司 一种显示方法与电子设备
JP2021027555A (ja) * 2019-08-08 2021-02-22 キヤノン株式会社 画像処理装置、制御方法及びプログラム
CN111324249B (zh) 2020-01-21 2020-12-01 北京达佳互联信息技术有限公司 多媒体素材生成方法、装置及存储介质
CN111309240B (zh) * 2020-02-03 2022-04-08 北京无限光场科技有限公司 内容显示方法、装置和电子设备

Family Cites Families (10)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP4701027B2 (ja) * 2004-09-02 2011-06-15 キヤノン株式会社 情報処理装置、制御方法及びプログラム
JP4498074B2 (ja) * 2004-09-03 2010-07-07 キヤノン株式会社 情報処理システム、その制御方法及びプログラム
JP4700942B2 (ja) * 2004-09-03 2011-06-15 キヤノン株式会社 電子アルバム編集装置、電子アルバム編集方法、及びコンピュータプログラム
JP2008186095A (ja) * 2007-01-26 2008-08-14 Canon Inc 画像処理装置及び画像処理方法、及びプログラム
CN102834839A (zh) * 2010-03-31 2012-12-19 株式会社日立医疗器械 检查信息显示装置及方法
KR101760693B1 (ko) * 2010-09-24 2017-08-04 삼성전자 주식회사 터치 디바이스에서 홈스크린 편집 방법 및 장치
JP2014071724A (ja) * 2012-09-28 2014-04-21 Kyocera Corp 電子機器、制御方法及び制御プログラム
CN105335039A (zh) * 2014-07-30 2016-02-17 国际商业机器公司 在可编辑文档的页面之间移动对象的方法及装置
JP2016115337A (ja) 2014-12-15 2016-06-23 キヤノン株式会社 ユーザインタフェース装置、画像形成装置、ユーザインタフェース装置の制御方法及び記憶媒体
JP2017207975A (ja) * 2016-05-19 2017-11-24 キヤノン株式会社 情報処理装置、情報処理方法およびプログラム

Also Published As

Publication number Publication date
US10545656B2 (en) 2020-01-28
US20180217731A1 (en) 2018-08-02
JP2018124782A (ja) 2018-08-09

Similar Documents

Publication Publication Date Title
JP6702900B2 (ja) 情報処理装置、表示制御方法、及びプログラム
JP6711937B2 (ja) 画像処理装置、画像処理方法、及びプログラム
JP6723966B2 (ja) 情報処理装置、表示制御方法、及びプログラム
JP6422409B2 (ja) 表示制御装置、表示制御方法、及びプログラム
CN108377351B (zh) 用于在模板上布局图像的图像处理装置和图像处理方法
JP7076974B2 (ja) 画像処理装置、制御方法およびプログラム
JP2019191830A (ja) 画像処理装置、画像処理方法、およびプログラム
JP6723938B2 (ja) 情報処理装置、表示制御方法、及びプログラム
JP7336211B2 (ja) 画像処理装置、制御方法、及びプログラム
JP6887816B2 (ja) 画像処理装置、制御方法、及びプログラム
JP2017037618A (ja) 画像処理装置、画像処理方法およびプログラム
JP7207908B2 (ja) 情報処理システム、情報処理装置、プログラム、および情報処理方法
JP7336209B2 (ja) 画像処理装置、制御方法、及びプログラム
JP6765978B2 (ja) 情報処理装置及びプログラム
EP3128733B1 (en) Information processing method, information processing apparatus, and program
US9645716B2 (en) Display processing apparatus for controlling display, method of display processing, and nontransitory storage medium storing display processing program
JP6821536B2 (ja) 画像処理装置、制御方法及びプログラム
JP2019003326A (ja) 情報処理装置、制御方法、及びプログラム
JP2021144618A (ja) 画像処理装置、画像処理方法、及びプログラム
JP7336212B2 (ja) 画像処理装置、制御方法、及びプログラム
JP7336210B2 (ja) 画像処理装置、制御方法、及びプログラム
JP6742486B2 (ja) プログラム、画像処理方法
JP6700686B2 (ja) 画像処理装置およびアルバム作成方法およびプログラム
JP6572054B2 (ja) 画像処理装置、画像処理方法

Legal Events

Date Code Title Description
A621 Written request for application examination

Free format text: JAPANESE INTERMEDIATE CODE: A621

Effective date: 20180706

A977 Report on retrieval

Free format text: JAPANESE INTERMEDIATE CODE: A971007

Effective date: 20190228

A131 Notification of reasons for refusal

Free format text: JAPANESE INTERMEDIATE CODE: A131

Effective date: 20190326

A521 Written amendment

Free format text: JAPANESE INTERMEDIATE CODE: A523

Effective date: 20190524

A02 Decision of refusal

Free format text: JAPANESE INTERMEDIATE CODE: A02

Effective date: 20191112

A521 Written amendment

Free format text: JAPANESE INTERMEDIATE CODE: A523

Effective date: 20200210

A911 Transfer to examiner for re-examination before appeal (zenchi)

Free format text: JAPANESE INTERMEDIATE CODE: A911

Effective date: 20200217

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: 20200406

A61 First payment of annual fees (during grant procedure)

Free format text: JAPANESE INTERMEDIATE CODE: A61

Effective date: 20200507

R151 Written notification of patent or utility model registration

Ref document number: 6702900

Country of ref document: JP

Free format text: JAPANESE INTERMEDIATE CODE: R151