[go: up one dir, main page]

JP2010044498A - Image processor - Google Patents

Image processor Download PDF

Info

Publication number
JP2010044498A
JP2010044498A JP2008207007A JP2008207007A JP2010044498A JP 2010044498 A JP2010044498 A JP 2010044498A JP 2008207007 A JP2008207007 A JP 2008207007A JP 2008207007 A JP2008207007 A JP 2008207007A JP 2010044498 A JP2010044498 A JP 2010044498A
Authority
JP
Japan
Prior art keywords
image
thumbnail
display screen
collective
thumbnails
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
JP2008207007A
Other languages
Japanese (ja)
Inventor
Taku Kodama
児玉  卓
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.)
Ricoh Co Ltd
Original Assignee
Ricoh Co Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Ricoh Co Ltd filed Critical Ricoh Co Ltd
Priority to JP2008207007A priority Critical patent/JP2010044498A/en
Publication of JP2010044498A publication Critical patent/JP2010044498A/en
Pending legal-status Critical Current

Links

Images

Landscapes

  • Processing Or Creating Images (AREA)
  • Information Retrieval, Db Structures And Fs Structures Therefor (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

【課題】複数の領域に分割された集合画像からなる一覧表示画面上で行われるサムネイルの編集処理を従来のものより高速化すること。
【解決手段】複数のサムネイルを表示するための表示画面119を生成する表示画面生成部118と、マップ上に各サムネイルを配置する画像配置部117と、マップを複数の領域に分割し、分割した領域毎に画像配置部117によって配置されたサムネイルを合成して集約した集合画像121を生成する集合画像生成部116とを備え、画像配置部117は、集合画像121間の境界をまたがるように配置されたサムネイルを特定し、集合画像生成部116は、特定されたサムネイルを1つの集合画像121として生成し、表示画面生成部118は、これら集合画像121から表示画面119を生成する。
【選択図】図1
An object of the present invention is to increase the speed of thumbnail editing processing performed on a list display screen composed of a set image divided into a plurality of areas as compared with a conventional one.
A display screen generation unit 118 that generates a display screen 119 for displaying a plurality of thumbnails, an image arrangement unit 117 that arranges each thumbnail on a map, and a map that is divided into a plurality of regions. And a collective image generation unit 116 that generates a collective image 121 obtained by combining thumbnails arranged by the image placement unit 117 for each region, and the image placement unit 117 is arranged so as to straddle the boundary between the collective images 121. The grouped image generation unit 116 generates the identified thumbnail as one grouped image 121, and the display screen generation unit 118 generates the display screen 119 from these grouped images 121.
[Selection] Figure 1

Description

本発明は、画像処理装置に関し、特に、画像データベースに蓄積された画像データのサムネイルの一覧等のような、複数の画像の一覧を表示画面に表示する画像処理装置に関する。   The present invention relates to an image processing apparatus, and more particularly to an image processing apparatus that displays a list of a plurality of images such as a list of thumbnails of image data stored in an image database on a display screen.

従来、紙文書をスキャナ等の入力デバイスを使用して電子化する電子ファイリングを行う装置は存在していたが、大量に紙文書を扱う業務用途にとどまっていた。   Conventionally, there has been an electronic filing apparatus that digitizes a paper document using an input device such as a scanner, but it has been limited to a business application that handles a large amount of paper documents.

近年、スキャナの低価格化、スキャン機能を搭載したMFP(Multi Function Printer)の普及、および、e−文書法等の法制化により、一般的なオフィスにおいてもハンドリングの良さや利便性が認知され、紙文書をスキャンして電子化する機会が増えてきている。   In recent years, due to the low price of scanners, the spread of MFPs (Multi Function Printers) equipped with scanning functions, and legislation such as the e-document method, the handling and convenience of general offices have been recognized. Opportunities to scan and digitize paper documents are increasing.

また、電子化された文書画像データ、写真画像データおよびPC(Personal Computer)等のアプリケーションによって作成された文書データ等をデータベース(以下、「DB」という。)化して一元管理する画像DBの用途も併せて増えてきている。例えば、紙文書の原本を保存しておく必要があっても、管理のしやすさ、検索のしやすさという点で画像DBを構築するようになってきている。   In addition, the application of an image DB that centralizes and manages digitized document image data, photographic image data, document data created by an application such as a PC (Personal Computer), etc. as a database (hereinafter referred to as “DB”). It is also increasing. For example, even if it is necessary to save an original paper document, an image DB has been constructed in terms of ease of management and ease of search.

このような画像DBは、サーバ装置を設置してインターネットやLANを介して多数の人がアクセスする大規模なものから、個人のPC内にDBを構築するパーソナル用途のものまで様々である。また、近年のMFPは、文書を蓄積するHDDを備えており、MFPをベースとした画像DBを構築する例もある。   Such image DBs vary from large-scale ones in which a server device is installed and accessed by a large number of people via the Internet or a LAN to those for personal use in which a DB is constructed in a personal PC. In addition, recent MFPs include an HDD for storing documents, and there is an example in which an image DB based on the MFP is constructed.

このような画像DB内の画像を閲覧するときに、DB内に複数の画像が蓄積されている場合には、ユーザが目的とする画像を検索する必要がある。画像を検索する場合に、検索対象の画像の画像名(ファイル名)が既知であれば、画像名の一覧から検索することもできるが、多くの場合には、サムネイル一覧表示が使用される。   When browsing images in such an image DB, if a plurality of images are stored in the DB, the user needs to search for the target image. When searching for an image, if the image name (file name) of the image to be searched is known, it is possible to search from a list of image names, but in many cases, a thumbnail list display is used.

例えば、ユーザに文書画像を検索させる場合には、キーワード検索で検出された候補画像を対象としたサムネイル一覧表示を行い、検索対象画像を選択させたり、最初からサムネイル一覧表示を行って検索対象画像を探し出させたりする方法がとられている。   For example, when searching for a document image by a user, a thumbnail list display for candidate images detected by keyword search is performed, and a search target image is selected, or a thumbnail list display is performed from the beginning to display a search target image. A way to find out is taken.

サムネイル一覧表示は、複数の縮小画像を画面上に並べて表示することで、簡易に画像の内容を把握させることを目的としている。一般的に、サムネイル一覧表示は、限られた画面上に複数の画像を一度に表示するため、個々のサムネイルの解像度を大きく低下させる。   The thumbnail list display is intended to easily grasp the contents of an image by displaying a plurality of reduced images side by side on the screen. In general, the thumbnail list display displays a plurality of images at once on a limited screen, so that the resolution of each thumbnail is greatly reduced.

このようなサムネイル一覧表示では、写真画像が対象の場合には、解像度を低下させた縮小画像であっても、その内容をユーザに比較的容易に把握させることができるが、文字中心の文書画像が対象の場合には、ユーザが縮小画像で文字を判読することが困難であるため、文書画像の内容をユーザに把握させることが難しい。   In such a thumbnail list display, when a photographic image is a target, even if it is a reduced image with a reduced resolution, the user can grasp the contents relatively easily. Is the target, it is difficult for the user to interpret the characters in the reduced image, so it is difficult for the user to grasp the contents of the document image.

このような文書画像を検索させる場合には、ビューア等を使ってユーザに個々の文書画像を拡大表示させて確認させる必要があり、検索時の操作性が非常に悪いという問題がある。   When such a document image is searched, it is necessary for the user to enlarge and display each document image using a viewer or the like, and there is a problem that the operability during the search is very poor.

また、特にネットワークを介したサーバ・クライアントシステムにおいては、ビューアで画像を表示するときに新たに解像度の高い画像データをサーバからクライアント側に転送する必要があるため、数多く画像を確認させるためには多くの処理時間が必要となり、生産性が低下するという問題がある。   In particular, in a server / client system via a network, when displaying an image with a viewer, it is necessary to transfer new high-resolution image data from the server to the client side. There is a problem that a lot of processing time is required and productivity is lowered.

また、前述したような画像DBにおいては、蓄積画像数が増えると、そのDBに蓄積されている画像の全容を把握するのが難しいという問題がある。通常のサムネイル一覧表示において、蓄積画像数が数千画像程度になると、それら全てをチェックすることは、ユーザにとって非常に厳しい(つらい)作業になるため、特定の画像が絶対に必要な場合以外には、そのような行為が行われることは通常はなく、また行われたとしても、ランダムに並んだサムネイル一覧からDBの全容を推測することは非常に困難である。   Further, in the image DB as described above, when the number of stored images increases, there is a problem that it is difficult to grasp the entire image stored in the DB. In normal thumbnail list display, when the number of stored images reaches several thousand, checking all of them is a very harsh (hard) work for the user. Therefore, unless a specific image is absolutely necessary Such an action is not usually performed, and even if it is performed, it is very difficult to guess the entire DB from a list of thumbnails arranged at random.

これは画像DBのブラックボックス化を示していると考えられ、例えば、WWW(World Wide Web)等のように世界中の莫大な情報を対象とする画像DBにおいては、ユーザが必要とする情報がほぼ確実に存在し得るため、ユーザは安心して検索等を行うが、通常のローカルな画像DBにおいては、「どのような情報がどれだけ蓄積されているか?」という情報は、ユーザの記憶にのみ依存し、その記憶を頼りにユーザがキーワードや日付等により蓄積画像を検索し、所望の情報を得るしかなく、ユーザに忘れられた情報は活用される機会を失うこととなり、画像DBの活用効率を落とす要因になる。   This is considered to indicate the black boxing of the image DB. For example, in an image DB that targets enormous information around the world, such as the WWW (World Wide Web), information required by the user is not obtained. Since the user can almost certainly exist, the user performs a search or the like with peace of mind. However, in a normal local image DB, the information “how much information is accumulated?” Is only stored in the user's memory. Relying on the memory, the user must search the stored image by keyword, date, etc. to obtain desired information, and the information forgotten by the user loses the opportunity to be used, and the utilization efficiency of the image DB It becomes a factor to drop.

上述したような問題に対して、画像を2次元または3次元のマップ上に配置して閲覧利用者が全体俯瞰、ズームおよびスクロール等の機能を使用して地図上を散策するようなイメージで情報空間を散策するマップ探索型の画像閲覧方法が提案されている(例えば、特許文献1参照)。   In order to solve the problems described above, information is displayed in such an image that an image is arranged on a two-dimensional or three-dimensional map and a browsing user walks on the map by using functions such as an overall bird's-eye view, zoom and scroll. A map search type image browsing method for strolling through a space has been proposed (see, for example, Patent Document 1).

しかし、マップ探索型の画像閲覧方法において、画像DBの全容を把握するためには、DB内に蓄積された画像を一覧させるために一度に多量の表示画像を表示する必要がある。   However, in the map search type image browsing method, in order to grasp the entire contents of the image DB, it is necessary to display a large number of display images at a time in order to list the images accumulated in the DB.

これに対し、マップ探索型の画像閲覧方法において、画像の表示倍率(拡大率)に応じて、サムネイルサイズまたは解像度を変更することにより、サムネイルの精細度を変更し、拡大率を上げても画質が低下することなく内容の確認が可能となるマップ探索型の画像閲覧方法(「フリーズーム可能なマップ探索型画像閲覧方法」ともいう。)が提案されている(例えば、特許文献2参照)。   On the other hand, in the map search type image browsing method, changing the thumbnail size or resolution according to the display magnification (enlargement ratio) of the image will change the definition of the thumbnail and increase the enlargement ratio. There has been proposed a map search type image browsing method (also referred to as “map search type image browsing method capable of free zooming”) in which the contents can be confirmed without lowering (see, for example, Patent Document 2).

また、複数の画像を貼り付けた集合画像を階層符号化して用いることによって、多くの画像を表示する際にも軽快に動作するマップ探索型の画像閲覧方法が提案されている(例えば、特許文献2参照)。   In addition, there has been proposed a map search type image browsing method that operates lightly even when displaying a large number of images by using a grouped image obtained by pasting a plurality of images in a hierarchical encoding (for example, Patent Documents). 2).

上述したようなこのような従来の技術では、システムが配置した画像配置がユーザの意に沿わない場合が発生することがある。そのような場合、適度にマップ上の画像配置を変更(マップ編集)して、検索性を向上させ操作性を向上させる必要がある。   In such a conventional technique as described above, there are cases where the image layout arranged by the system does not conform to the user's intention. In such a case, it is necessary to appropriately change the image layout on the map (map editing) to improve searchability and operability.

また、よく使用する画像を目立つ位置に配置したり、目立つ(または目立たない)ようにサイズを変更したりして特定の画像に対するアクセスをしやすくする等の用途もある。また、画像の回転角度を修正する等の用途もある。   In addition, there are uses such as placing a frequently used image in a conspicuous position or changing the size so that it is conspicuous (or inconspicuous) to facilitate access to a specific image. Also, there are uses such as correcting the rotation angle of an image.

また、画像一覧上の画像配置や表示の態様を簡易に編集するために、画像の仕分けに注目し、仕分ウィンドウ内に割り当てられた仕分ビュー内に、原画像のサムネイル画像を一覧配置して形成されたビュー画像を嵌め込んで、表示画面上に表示させ、仕分ビュー内のサムネイル画像に対して、ユーザに選択操作、移動操作および複写操作を行わせることにより、仕分を行わせるものもある(例えば、特許文献3参照)。   Also, in order to easily edit the image layout and display mode on the image list, pay attention to the sorting of images and form thumbnail images of the original image in a list arranged in the sorting view assigned in the sorting window. Some view images are inserted and displayed on the display screen, and sorting is performed by allowing the user to perform selection operation, move operation, and copy operation on the thumbnail images in the sorting view. For example, see Patent Document 3).

これによって、従来のようにスクロールバーを用いなくとも仕分ビュー内に画像が一覧表示されるため、ユーザは、一度に画像を感覚的に把握して仕分ビュー内のサムネイル画像に対して仕分作業を行うことによって、あたかもプリントアウトされた写真を机(仕分ビュー)の上に広げて仕分作業を行うのと同じ感覚で、画像(写真)の仕分を行うことができる。   As a result, the images are displayed in a list in the sorting view without using a scroll bar as in the past, so that the user can grasp the images sensuously at once and sort the thumbnail images in the sorting view. By doing so, it is possible to sort images (photos) with the same feeling as if the printed photos were spread on a desk (sorting view) and sorting work was performed.

マップ上に画像を配置して画像を閲覧させるマップ探索型画像閲覧方法においては、ユーザによって画像配置等を変更する要求がしばしばある。通常、WWWで用いられるようなHTML(Hyper Text Markup Language)文書を利用した場合には、画像の位置情報と画像データ本体とがリンクされ、クライアント側の別々のブラウザソフトによって扱われるため、画像の位置情報を変更することができる。   In a map search type image browsing method in which an image is arranged on a map and browsed, there is often a request for changing the image arrangement or the like by a user. Normally, when using an HTML (Hyper Text Markup Language) document such as that used in the WWW, the image position information and the image data body are linked and handled by separate browser software on the client side. The position information can be changed.

しかし、前述したような集合画像を使用したマップ探索型の画像閲覧方法においては、集合画像という画像データによって個別画像の位置情報と画像データとが表されるため、容易にマップ上の画像配置を変更出来ないという課題があった。   However, in the map search type image browsing method using the collective image as described above, the position information and the image data of the individual image are represented by the image data called the collective image. There was a problem that it could not be changed.

このため、集合画像を使用したマップ探索型画像閲覧方法の表示手法において、ユーザの要求によってマップ上の画像配置や表示の態様を編集可能とするものがある(例えば、特許文献4参照)。
特開2003−76718号公報 特願2006−304012号 特開2005−276163号公報 特願2008−180338号
For this reason, there is a display method of a map search type image browsing method using a collective image that allows editing of an image arrangement and display mode on a map according to a user request (for example, see Patent Document 4).
JP 2003-76718 A Japanese Patent Application No. 2006-304012 JP 2005-276163 A Japanese Patent Application No. 2008-180338

しかしながら、特許文献4に開示されたものにおいては、一覧表示画面を複数の領域に分割した際に複数の集合画像同士が関連する場合には、一覧表示画面を領域に分割した効果が生かされず、サムネイルの編集時に速度低下を招くことがあるといった課題があった。   However, in what is disclosed in Patent Document 4, when a plurality of collective images are related when the list display screen is divided into a plurality of regions, the effect of dividing the list display screen into regions is not utilized, There was a problem that the speed might be reduced when editing thumbnails.

本発明は、従来の課題を解決するためになされたもので、複数の領域に分割された集合画像からなる一覧表示画面上で行われるサムネイルの編集処理を従来のものより高速化することができる画像処理装置を提供することを目的とする。   The present invention has been made to solve the conventional problems, and can speed up the thumbnail editing process performed on the list display screen composed of the aggregated images divided into a plurality of areas, compared to the conventional one. An object is to provide an image processing apparatus.

本発明の画像処理装置は、複数のサムネイルを表示するための一覧表示画面を生成する表示画面生成部を備えた画像処理装置であって、前記一覧表示画面上に前記各サムネイルを配置する画像配置部と、前記一覧表示画面を複数の領域に分割し、分割した領域毎に前記画像配置部によって配置されたサムネイルを合成して集約した集合画像を生成する集合画像生成部と、を備え、前記画像配置部は、前記集合画像間の境界をまたがるように配置されたサムネイルを特定し、前記集合画像生成部は、前記画像配置部によって特定されたサムネイルを1つの集合画像として生成し、前記表示画面生成部は、前記集合画像生成部によって生成された集合画像から前記一覧表示画面を生成する構成を有している。   An image processing apparatus according to the present invention is an image processing apparatus including a display screen generation unit that generates a list display screen for displaying a plurality of thumbnails, and an image arrangement in which each thumbnail is arranged on the list display screen A group image generation unit that divides the list display screen into a plurality of regions and generates a group image by combining the thumbnails arranged by the image arrangement unit for each divided region, The image arrangement unit specifies thumbnails arranged so as to cross the boundary between the group images, and the group image generation unit generates the thumbnails specified by the image arrangement unit as one group image, and displays the display The screen generation unit has a configuration for generating the list display screen from the collective image generated by the collective image generation unit.

この構成により、本発明の画像処理装置は、集合画像間の境界をまたがるように配置されたサムネイルを特定し、特定したサムネイルを1つの集合画像として一覧表示画面を生成するため、複数の領域に分割された集合画像からなる一覧表示画面上で行われるサムネイルの編集処理を従来のものより高速化することができる。   With this configuration, the image processing apparatus of the present invention specifies thumbnails arranged so as to cross the boundary between collective images, and generates a list display screen using the specified thumbnails as one collective image. Thumbnail editing processing performed on a list display screen including divided aggregate images can be made faster than the conventional one.

なお、本発明の画像処理装置は、前記一覧表示画面をユーザに変更させる一覧表示画面変更手段を備えるようにしてもよい。   Note that the image processing apparatus of the present invention may include list display screen changing means for allowing the user to change the list display screen.

この構成により、本発明の画像処理装置は、ユーザの指示に基づいてサムネイルの位置を変更することができる。   With this configuration, the image processing apparatus of the present invention can change the position of the thumbnail based on a user instruction.

また、本発明の画像処理方法は、画像処理装置を用いて、複数のサムネイルを表示するための一覧表示画面を生成する画像処理方法であって、前記一覧表示画面上に前記各サムネイルを配置するサムネイル配置ステップと、前記一覧表示画面を複数の領域に分割し、分割した領域毎に前記サムネイル配置ステップで配置されたサムネイルを合成して集約した集合画像を生成する第1の集合画像生成ステップと、前記集合画像間の境界をまたがるように配置されたサムネイルを特定するサムネイル特定ステップと、前記サムネイル特定ステップで特定されたサムネイルを1つの集合画像として生成する第2の集合画像生成ステップと、前記第1および第2の集合画像生成ステップで生成された集合画像から前記一覧表示画面を生成する一覧表示画面生成ステップと、を有する。   The image processing method of the present invention is an image processing method for generating a list display screen for displaying a plurality of thumbnails using an image processing apparatus, wherein each thumbnail is arranged on the list display screen. A thumbnail arrangement step; a first group image generation step for dividing the list display screen into a plurality of areas, and generating a group image by combining the thumbnails arranged in the thumbnail arrangement step for each divided area and generating an aggregate image; A thumbnail specifying step for specifying thumbnails arranged so as to cross a boundary between the set images, a second set image generating step for generating the thumbnail specified in the thumbnail specifying step as one set image, List display for generating the list display screen from the group images generated in the first and second group image generation steps It has a surface generating step.

したがって、本発明の画像処理方法は、集合画像間の境界をまたがるように配置されたサムネイルを特定し、特定したサムネイルを1つの集合画像として一覧表示画面を生成するため、複数の領域に分割された集合画像からなる一覧表示画面上で行われるサムネイルの編集処理を従来のものより高速化することができる。   Therefore, the image processing method of the present invention identifies thumbnails arranged so as to cross the boundary between collective images, and generates a list display screen with the identified thumbnails as one collective image, so that it is divided into a plurality of regions. The thumbnail editing process performed on the list display screen composed of the collected images can be made faster than the conventional one.

また、本発明の画像処理プログラムは、複数のサムネイルを表示するための一覧表示画面をコンピュータに生成させための画像処理プログラムであって、前記一覧表示画面上に前記各サムネイルを配置するサムネイル配置ステップと、前記一覧表示画面を複数の領域に分割し、分割した領域毎に前記サムネイル配置ステップで配置されたサムネイルを合成して集約した集合画像を生成する第1の集合画像生成ステップと、前記集合画像間の境界をまたがるように配置されたサムネイルを特定するサムネイル特定ステップと、前記サムネイル特定ステップで特定されたサムネイルを1つの集合画像として生成する第2の集合画像生成ステップと、前記第1および第2の集合画像生成ステップで生成された集合画像から前記一覧表示画面を生成する一覧表示画面生成ステップと、を前記コンピュータに実行させる。   The image processing program of the present invention is an image processing program for causing a computer to generate a list display screen for displaying a plurality of thumbnails, wherein the thumbnail arrangement step arranges each thumbnail on the list display screen. Dividing the list display screen into a plurality of areas, and combining the thumbnails arranged in the thumbnail arrangement step for each divided area to generate an aggregate image, and generating the aggregate image, A thumbnail specifying step for specifying thumbnails arranged so as to cross a boundary between images, a second set image generating step for generating the thumbnail specified in the thumbnail specifying step as one set image, the first and The list display screen is generated from the group image generated in the second group image generation step. Executing a list display screen generating step, to the computer.

したがって、本発明の画像処理プログラムは、集合画像間の境界をまたがるように配置されたサムネイルを特定させ、特定されたサムネイルを1つの集合画像とした一覧表示画面を生成させるため、複数の領域に分割された集合画像からなる一覧表示画面上で行われるサムネイルの編集処理を従来のものより高速化させることができる。   Therefore, the image processing program of the present invention specifies thumbnails arranged so as to cross the boundary between collective images, and generates a list display screen using the specified thumbnails as one collective image. Thumbnail editing processing performed on a list display screen including divided aggregate images can be made faster than the conventional one.

なお、上述した画像処理プログラムは、コンピュータに読み取り可能な状態で記録媒体に記録されていてもよい。   Note that the above-described image processing program may be recorded on a recording medium in a readable state by a computer.

本発明は、複数の領域に分割された集合画像からなる一覧表示画面上で行われる編集処理を従来のものより高速化することができる画像処理装置を提供することができる。   The present invention can provide an image processing apparatus capable of speeding up editing processing performed on a list display screen composed of a set image divided into a plurality of areas as compared with the conventional one.

以下、本発明の実施の形態について、図面を参照して説明する。なお、本実施の形態においては、本発明に係る画像処理装置をサーバ装置とクライアント装置とによって構成した例について説明する。   Embodiments of the present invention will be described below with reference to the drawings. In the present embodiment, an example in which the image processing apparatus according to the present invention is configured by a server apparatus and a client apparatus will be described.

図1に示すように、本実施の形態における画像表示システム1は、パーソナルコンピュータ(以下、「PC」という。)等によって構成されたクライアント装置100と、クライアント装置100から通信路104を介して送信されたコマンドに応じて画像分類を行い、分類結果をクライアント装置100に通信路104を介して送信するサーバ装置110とを備えている。   As shown in FIG. 1, the image display system 1 according to the present embodiment transmits a client device 100 configured by a personal computer (hereinafter referred to as “PC”) and the like from the client device 100 via a communication path 104. And a server device 110 that performs image classification according to the received command and transmits the classification result to the client device 100 via the communication path 104.

なお、クライアント装置100は、PCの他に、PDA(Personal Digital Assistant)や携帯電話等のモバイル端末によって構成してもよい。また、通信路104は、LAN(Local Area Network)、インターネット網および無線通信網等よりなる。   In addition to the PC, the client device 100 may be configured by a mobile terminal such as a PDA (Personal Digital Assistant) or a mobile phone. The communication path 104 includes a local area network (LAN), the Internet network, a wireless communication network, and the like.

クライアント装置100は、モニタ等よりなる表示デバイス101と、ユーザ指示の解釈、サーバ装置110との通信、および、表示デバイス101の制御を行うアプリケーション102と、ユーザから指示が入力されるキーボードやポインティングデバイス等よりなる入力デバイス103とを備えている。なお、入力デバイス103は、本発明における一覧表示画面変更手段を構成する。   The client device 100 includes a display device 101 including a monitor and the like, an application 102 that interprets user instructions, communicates with the server device 110, and controls the display device 101, and a keyboard and a pointing device that receive instructions from the user. Etc., and an input device 103 made up of, and the like. The input device 103 constitutes a list display screen changing unit in the present invention.

サーバ装置110は、通信路104に対して設けられた外部インターフェース(以下、「I/F」という。)111と、クライアント装置100から登録が要求された登録画像112を所定サイズ以下に変倍した表示用のサムネイルを生成するサムネイル生成部113と、登録画像112およびサムネイルのデータを蓄積する画像DB114と、複数のサムネイルを合成して集約した集合画像121を生成するとともに、ユーザ操作に応じて集合画像121の変更を行う集合画像生成部116と、クライアント装置100によって指定された編集データ123等に基づいて、サムネイルをマップ上に配置する画像配置部117と、クライアント装置100から送信された画面制御データ120の内容に応じて表示画面119のデータを生成する表示画面生成部118とを備えている。   The server apparatus 110 scales an external interface (hereinafter referred to as “I / F”) 111 provided for the communication path 104 and a registered image 112 requested to be registered by the client apparatus 100 to a predetermined size or less. A thumbnail generation unit 113 that generates thumbnails for display, an image DB 114 that accumulates registered image 112 and thumbnail data, and a combined image 121 by combining a plurality of thumbnails are generated, and a combined image is generated according to a user operation. The collective image generation unit 116 that changes the image 121, the image arrangement unit 117 that arranges thumbnails on the map based on the editing data 123 specified by the client device 100, and the screen control transmitted from the client device 100 Generate data of the display screen 119 according to the contents of the data 120 And a display screen generation unit 118.

ここで、表示画面119のデータは、クライアント装置100の表示デバイス101上にマップを表示させるための情報を表している。   Here, the data on the display screen 119 represents information for displaying a map on the display device 101 of the client apparatus 100.

画像DB114には、サムネイル生成部113によって生成されたサムネイルのデータと、サムネイルを合成して集約した集合画像121のデータと、マップ上のサムネイルの配置を表す画像配置データ122とが格納される。   The image DB 114 stores thumbnail data generated by the thumbnail generation unit 113, data of the collective image 121 obtained by combining and integrating the thumbnails, and image arrangement data 122 representing the arrangement of thumbnails on the map.

画像配置データ122は、各サムネイルの座標を表すデータと、各サムネイルの回転角を表すデータ、および、各サムネイルのマップに対する相対サイズを表すデータとを含んでいる。   The image arrangement data 122 includes data representing the coordinates of each thumbnail, data representing the rotation angle of each thumbnail, and data representing the relative size of each thumbnail with respect to the map.

図2は、サーバ装置110のハードウェア構成を示すブロック図である。サーバ装置110は、プログラムを実行することによって演算や処理を行うCPU(Central Processing Unit)201と、プログラムのコードや画像の符号データ等を一時的に記憶する揮発性のメモリ202と、画像データやプログラム等を保存するためのハードディスク装置(以下、「HDD」という。)203と、モニタ205に表示させるためにデータをバッファリングするビデオメモリ204と、キーボードやポインティングデバイス等よりなる入力デバイス206と、通信路104に対して設けられた外部I/F207と、これら各構成要素を接続するバス208とを備えている。   FIG. 2 is a block diagram illustrating a hardware configuration of the server apparatus 110. The server device 110 includes a CPU (Central Processing Unit) 201 that performs computation and processing by executing a program, a volatile memory 202 that temporarily stores program codes, image code data, and the like, image data, A hard disk device (hereinafter referred to as “HDD”) 203 for storing programs and the like, a video memory 204 for buffering data to be displayed on the monitor 205, an input device 206 such as a keyboard and a pointing device, An external I / F 207 provided for the communication path 104 and a bus 208 for connecting these components are provided.

HDD203には、画像DB114が格納される。また、ビデオメモリ204に書き込まれた画像データが表す画像は、定期的にモニタ205に表示される。   The HDD 203 stores an image DB 114. The image represented by the image data written in the video memory 204 is periodically displayed on the monitor 205.

本実施の形態において、サーバ装置110は、サーバコンピュータによって構成され、画像DB114に登録画像112を登録する画像登録動作等の後述する各動作は、HDD203等に格納されたアプリケーションを実行するCPU201によって実行される。   In the present embodiment, the server device 110 is constituted by a server computer, and each operation described later, such as an image registration operation for registering the registered image 112 in the image DB 114, is executed by the CPU 201 that executes an application stored in the HDD 203 or the like. Is done.

ただし、本発明においては、この例に限定されず、MFP等の装置内に設けられたハードウェアによってサーバ装置110を構成してもよい。また、本発明の画像処理装置をサーバ装置とクライアント装置とによって構成せずに、例えば、図1に示す画像表示システム1と同等に機能する1つのPCまたはMFP等によって構成してもよい。   However, the present invention is not limited to this example, and the server apparatus 110 may be configured by hardware provided in an apparatus such as an MFP. Further, the image processing apparatus of the present invention may be configured by, for example, one PC or MFP that functions in the same manner as the image display system 1 shown in FIG. 1 without being configured by the server apparatus and the client apparatus.

なお、クライアント装置100のハードウェア構成は、図2に示したサーバ装置110のハードウェア構成と同様であるため、図示を省略する。   Note that the hardware configuration of the client device 100 is the same as the hardware configuration of the server device 110 shown in FIG.

以上のように構成された画像表示システム1の動作について説明する。画像表示システム1は、主に、画像登録動作と画像検索動作との2つの動作を実行する。ここで、画像検索動作は、クライアント装置100のユーザが所望する画像の検索、探索、閲覧および取得(サーバ装置110からのダウンロード)を実行するために画像DB114に登録された画像を利用する動作である。   The operation of the image display system 1 configured as described above will be described. The image display system 1 mainly performs two operations, an image registration operation and an image search operation. Here, the image search operation is an operation that uses an image registered in the image DB 114 to execute search, search, browsing, and acquisition (download from the server device 110) of an image desired by the user of the client device 100. is there.

画像検索動作は、ユーザが所望する画像の検索や探索を行い、その後、クライアント装置100のHDD等に格納されたアプリケーション102の1つであるビューアを介して、画像を閲覧させたりクライアント装置100のHDDに蓄積したりする。   The image search operation searches and searches for an image desired by the user, and then allows the user to browse the image via the viewer, which is one of the applications 102 stored in the HDD or the like of the client device 100. Or store it in the HDD.

図3は、画像表示システム1の画像登録動作を示すシーケンス図である。   FIG. 3 is a sequence diagram showing an image registration operation of the image display system 1.

まず、クライアント装置100のユーザによって入力デバイス103を介して、画像データの登録と、登録する登録画像112を表すデータとがアプリケーション102に指示されると(ステップS1)、画像データの登録の指示と、指示された登録画像112を表すデータとが、アプリケーション102によってサーバ装置110に通信路104を介して送信される(ステップS2)。   First, when registration of image data and data representing a registered image 112 to be registered are instructed to the application 102 by the user of the client apparatus 100 via the input device 103 (step S1), The data representing the designated registered image 112 is transmitted by the application 102 to the server apparatus 110 via the communication path 104 (step S2).

サーバ装置110の外部I/F111に受信された登録画像112を表すデータは、サムネイル生成部113によって縮小処理が施され、表示用のサムネイルが生成される(ステップS3)。ここで、登録画像112が、複数のページからなる場合には、ページ毎のサムネイルがサムネイル生成部113によって生成される。   Data representing the registered image 112 received by the external I / F 111 of the server apparatus 110 is reduced by the thumbnail generation unit 113, and a thumbnail for display is generated (step S3). Here, when the registered image 112 includes a plurality of pages, a thumbnail for each page is generated by the thumbnail generation unit 113.

登録画像112を表すデータは、サムネイル生成部113によって生成されたサムネイルを表すデータと、ファイル名等の登録画像112に付随するメタ情報と共に、IDが付されて画像DB114に登録される(ステップS4)。   The data representing the registered image 112 is registered in the image DB 114 with an ID together with data representing the thumbnail generated by the thumbnail generating unit 113 and meta information accompanying the registered image 112 such as a file name (step S4). ).

また、画像配置データ122、すなわち、登録画像112のサムネイルに対する、マップ上の座標と、回転角と、マップに対する相対サイズとが、画像配置部117によって決定され(ステップS5)、登録画像112を表すデータと共に、画像配置部117によって画像DB114に登録される。   Further, the image arrangement data 122, that is, the coordinates on the map, the rotation angle, and the relative size with respect to the map with respect to the thumbnail of the registered image 112 are determined by the image arrangement unit 117 (step S5), and represent the registered image 112. Along with the data, it is registered in the image DB 114 by the image placement unit 117.

ここで、サムネイルのマップ上の位置を決定する処理については、マップの形態に応じてシステム側で定められ、例えば、サムネイルを順番に配置する場合には、前回に配置されたサムネイルの次の位置に決定される。   Here, the process for determining the position of the thumbnail on the map is determined by the system according to the map format. For example, when the thumbnails are arranged sequentially, the next position of the thumbnail arranged last time. To be determined.

また、サムネイルのマップ上の位置を登録画像112の特徴によって決定する場合には、登録画像112から特徴量を抽出し、抽出した特徴量に応じて画像位置を決定すればよい。   Further, when the position of the thumbnail on the map is determined based on the feature of the registered image 112, the feature amount is extracted from the registered image 112, and the image position may be determined according to the extracted feature amount.

また、登録画像112が文書画像の場合には、文章の形態素解析等によって求めた特徴量に応じて、サムネイルのマップ上の位置を決定してもよい。例えば、登録画像112から色味、形状、テクスチャおよびレイアウト等の複数の特徴量を抽出し、自己組織化マップ等の既存手法を用いて2次元または3次元空間の座標へ変換する手法等は、画像の見た目の良さを生かしたマップ探索が可能となり好適である。これらの技術は、既存の技術を用いればよく、またマップ探索を用いる上での重要性は高いが、本発明の主旨とは異なるため、詳細な説明は省略する。   When the registered image 112 is a document image, the position of the thumbnail on the map may be determined according to the feature amount obtained by morphological analysis of the text. For example, a method of extracting a plurality of feature amounts such as color, shape, texture, and layout from the registered image 112 and converting them into coordinates in a two-dimensional or three-dimensional space using an existing method such as a self-organizing map, etc. A map search utilizing the appearance of the image is possible, which is preferable. These techniques only need to use existing techniques and are highly important in using the map search. However, since these are different from the gist of the present invention, a detailed description is omitted.

また、登録画像112の回転角は、初期データを0度とすればよい。また、サムネイルのマップに対する相対サイズは、例えば、全体のサイズを10,000画素×10,000画素と規定したマップに適合するように求めればよい。   The rotation angle of the registered image 112 may be set to 0 degrees for the initial data. Further, the relative size of the thumbnail to the map may be determined so as to conform to a map in which the overall size is defined as 10,000 pixels × 10,000 pixels, for example.

ここで、サムネイルのサイズは、マップ上に表示する画像数等によってシステムで設定すればよい。例えば、サムネイルの最大サイズを500画素×500画素等と規定してサムネイルの長辺のサイズを最大サイズとして、短辺のサイズは長辺と短辺の比率により求めればよい。   Here, the size of the thumbnail may be set by the system depending on the number of images to be displayed on the map. For example, the maximum size of the thumbnail is defined as 500 pixels × 500 pixels, the size of the long side of the thumbnail is set as the maximum size, and the size of the short side may be obtained from the ratio of the long side to the short side.

なお、サムネイルのマップに対する相対サイズについては、サムネイルの幅と高さとを表すデータで保持する他に、サムネイルのマップ上の位置としてサムネイルの左上と右下等の2点の座標で保持してもよい。   Note that the relative size of the thumbnail to the map is stored as data indicating the width and height of the thumbnail, and may be stored as coordinates on the thumbnail map at two coordinates such as the upper left and lower right of the thumbnail. Good.

図3において、サムネイルと、画像配置部117によって決定されたサムネイルの画像配置データ122とに基づいて、集合画像121が集合画像生成部116によって更新され、画像DB114に登録される(ステップS6)。   In FIG. 3, the collective image 121 is updated by the collective image generation unit 116 based on the thumbnail and the image arrangement data 122 of the thumbnail determined by the image arrangement unit 117, and is registered in the image DB 114 (step S6).

なお、画像DB114において、IDやファイル名等の付随するメタ情報を一般的なRDB(リレーショナルデータベース)で管理することにより、このような情報の登録、管理および検索等の処理を容易に実現することができる。   In addition, in the image DB 114, by managing accompanying meta information such as an ID and a file name with a general RDB (relational database), processing such as registration, management, and search of such information can be easily realized. Can do.

また、集合画像121およびサムネイル等を表す画像データについては、必要に応じて圧縮符号化等の処理を施してHDD203に蓄積しておき、メタ情報に含まれるリンクによって特定して読み込むことができるようにしておけばよい。   Further, the image data representing the collective image 121 and thumbnails can be stored in the HDD 203 after being subjected to processing such as compression encoding as necessary, and can be specified and read by a link included in the meta information. Just keep it.

また画像DB114は、上述した機能を満たすものであれば、例えば、XML(eXtensible Markup Language)等の言語を使用し、階層的なデータ構造を構築して各データを蓄積してもよい。また、画像DB114は、複数のデータベースサーバに分散して格納されていてもよい。   Moreover, as long as the image DB 114 satisfies the above-described functions, for example, a language such as XML (eXtensible Markup Language) may be used to build a hierarchical data structure and accumulate each data. The image DB 114 may be distributed and stored in a plurality of database servers.

なお、画像登録動作において、スキャナやデジタルカメラ等の画像入力装置から画像データを直接にサーバ装置110に登録できるようにしてもよい。また、サーバ装置110にレンダリング機能を設けて電子データを入力できるようにしてもよい。   In the image registration operation, image data may be directly registered in the server device 110 from an image input device such as a scanner or a digital camera. In addition, the server apparatus 110 may be provided with a rendering function so that electronic data can be input.

図4は、サーバ装置110の集合画像更新処理(ステップS6、図3)を詳細に示すフローチャートである。なお、ここでは、画像DB114に複数の画像が既に登録されているものとする。   FIG. 4 is a flowchart showing in detail the collective image update process (step S6, FIG. 3) of the server apparatus 110. Here, it is assumed that a plurality of images are already registered in the image DB 114.

まず、登録画像112が所定サイズ以下に変倍されたサムネイルがサムネイル生成部113によって生成される(ステップS10)。ここで、「所定サイズ」とは、登録画像112と、画像配置部117によって決定されたサムネイルのマップに対する相対サイズとによって定められる。   First, the thumbnail generation unit 113 generates a thumbnail obtained by scaling the registered image 112 to a predetermined size or less (step S10). Here, the “predetermined size” is determined by the registered image 112 and the relative size with respect to the map of the thumbnail determined by the image arrangement unit 117.

次に、登録画像112のサムネイルが画像DB114に登録済みの集合画像121間の境界をまたがるか否かが画像配置部117によって判断される(ステップS11)。例えば、当該サムネイルの中心位置、および、表示サイズから、サムネイルの四隅の座標が画像配置部117によって求められる。   Next, the image placement unit 117 determines whether the thumbnail of the registered image 112 crosses the boundary between the collective images 121 registered in the image DB 114 (step S11). For example, the coordinates of the four corners of the thumbnail are obtained by the image arrangement unit 117 from the center position of the thumbnail and the display size.

ここで、図5に示すように、サムネイルの中心座標をO(xo,yo)、サムネイルの四隅の座標をA(xa,ya),B(xb,yb),C(xc,yc),D(xd,yd)、画像の幅をwidth、高さをheightとすると、以下の式が成り立つ。   Here, as shown in FIG. 5, the center coordinates of the thumbnail are O (xo, yo), and the coordinates of the four corners of the thumbnail are A (xa, ya), B (xb, yb), C (xc, yc), D If (xd, yd), the width of the image is width, and the height is height, the following equation holds.

A(xa,ya)=(xo−width/2,yo+height/2)
B(xb,yb)=(xo+width/2,yo+height/2)
C(xc,yc)=(xo−width/2,yo−height/2)
D(xd,yd)=(xo−width/2,yo+height/2)
A (xa, ya) = (xo-width / 2, yo + height / 2)
B (xb, yb) = (xo + width / 2, yo + height / 2)
C (xc, yc) = (xo-width / 2, yo-height / 2)
D (xd, yd) = (xo−width / 2, yo + height / 2)

ここで、当該サムネイルの四隅の座標A乃至Dが属する集合画像121が同一であると判断された場合には、当該サムネイルが、集合画像121間の境界をまたがらないと画像配置部117によって判断される。   Here, when it is determined that the collective images 121 to which the coordinates A to D of the four corners of the thumbnail belong are the same, the image placement unit 117 determines that the thumbnail does not cross the boundary between the collective images 121. Is done.

一方、サムネイルの四隅の座標A乃至Dが属する集合画像121が同一でないと判断された場合には、当該サムネイルが、集合画像121間の境界をまたがると画像配置部117によって判断される。   On the other hand, when it is determined that the collective images 121 to which the coordinates A to D of the four corners of the thumbnail belong are not the same, the image placement unit 117 determines that the thumbnails cross the boundary between the collective images 121.

ここで、当該サムネイルが、集合画像121間の境界をまたがらないと画像配置部117によって判断された場合には(ステップS11:NO)、該当する集合画像121が集合画像生成部116によって画像DB114から取得される(ステップS12)。   If the image placement unit 117 determines that the thumbnail does not cross the boundary between the group images 121 (step S11: NO), the group image generation unit 116 selects the corresponding group image 121 from the image DB 114. (Step S12).

次に、取得された集合画像121に当該サムネイルが合成される合成処理が集合画像生成部116によって実行される(ステップS13)。合成処理は、画像配置部117によって決定された集合画像121の領域に当該サムネイルを貼り付けるように上書きする。   Next, a synthesis process for synthesizing the thumbnail with the acquired collective image 121 is executed by the collective image generation unit 116 (step S13). In the composition process, the thumbnail is overwritten so that the thumbnail is pasted on the area of the collective image 121 determined by the image placement unit 117.

次に、合成処理が施された更新後の集合画像121は、集合画像生成部116によって画像DB114に再登録される(ステップS14)。   Next, the updated collective image 121 subjected to the synthesis process is re-registered in the image DB 114 by the collective image generation unit 116 (step S14).

一方、当該サムネイルが、集合画像121間の境界をまたがると画像配置部117によって判断された場合には(ステップS11:YES)、当該サムネイルからなる集合画像121が集合画像生成部116によって生成され(ステップS15)、画像DB114に新規に登録される(ステップS16)。   On the other hand, if the image placement unit 117 determines that the thumbnail crosses the boundary between the group images 121 (step S11: YES), the group image generation unit 116 generates the group image 121 including the thumbnails ( Step S15) is newly registered in the image DB 114 (Step S16).

なお、上述した集合画像更新処理において、画像配置部117は、集合画像121間の境界をまたがると判断した場合には、当該サムネイルがいずれかの集合画像121に収まるように、当該サムネイルの位置を変更するようにしてもよい。この場合には、画像配置部117は、サムネイルの中心点Oが属する集合画像121に収まるように当該サムネイルの位置を変更する。   In the collective image update process described above, if the image placement unit 117 determines that the border between the collective images 121 is crossed, the position of the thumbnail is set so that the thumbnail fits in any one of the collective images 121. It may be changed. In this case, the image arrangement unit 117 changes the position of the thumbnail so that it falls within the collective image 121 to which the center point O of the thumbnail belongs.

また、画像配置部117は、集合画像121間の境界をまたがると判断した場合には、サムネイルがいずれかの集合画像121に収まるように、他のサムネイルの位置を変更するようにしてもよい。   In addition, when the image placement unit 117 determines that the boundary between the collective images 121 is crossed, the image placement unit 117 may change the position of another thumbnail so that the thumbnail fits in any one of the collective images 121.

ここで、本実施の形態におけるサムネイルと集合画像121との関係について説明する。前述したように、本実施の形態においては、サーバ装置110は、登録画像112毎にクライアント装置100に表示させるサムネイルと、集合画像121とを生成する。   Here, the relationship between the thumbnail and the collective image 121 in the present embodiment will be described. As described above, in the present embodiment, the server device 110 generates a thumbnail to be displayed on the client device 100 for each registered image 112 and the collective image 121.

本実施の形態におけるマップ探索型の画像表示システム1においては、クライアント装置100の表示画面の表示サイズに応じた画像サイズのサムネイルを生成する必要がある。   In the map search type image display system 1 in the present embodiment, it is necessary to generate a thumbnail having an image size corresponding to the display size of the display screen of the client device 100.

サムネイルを生成する方法は、JPEG2000等に代表される階層符号化方式を用いて必要な画像サイズ分の画像データ(符号コード)を用いて実現してもよく(例えば、特願2006−304012号参照)、サイズの異なるサムネイルを複数用意して表示サイズに対応するサムネイルを選択することにより実現してもよい。   The method for generating the thumbnail may be realized by using image data (code code) corresponding to a necessary image size using a hierarchical encoding method typified by JPEG2000 or the like (for example, see Japanese Patent Application No. 2006-304010). This may be realized by preparing a plurality of thumbnails having different sizes and selecting a thumbnail corresponding to the display size.

サムネイルを集約した集合画像121においても、個々の登録画像112の縮小画像であるサムネイルと同様に、階層符号化方式で実現してもよく、サイズの異なる複数の画像で実現してもよい。   Similarly to the thumbnail that is a reduced image of each registered image 112, the collective image 121 in which the thumbnails are aggregated may be realized by a hierarchical encoding method or may be realized by a plurality of images having different sizes.

なお、集合画像121は、一般的に見れば巨大な画像データとなるので、階層符号化方式で構成した方が、全体的な蓄積容量が節約できるため好適である。   Since the collective image 121 is generally large image data, it is preferable to use the hierarchical encoding method because the entire storage capacity can be saved.

また、前述したように、集合画像121は、1つの画像で構成してもよく、集合画像121の全体を分割した複数の部分集合画像で構成してもよい。本実施の形態においては、集合画像121を1つの画像で構成した例について説明する。   Further, as described above, the collective image 121 may be constituted by one image, or may be constituted by a plurality of partial collective images obtained by dividing the collective image 121 as a whole. In the present embodiment, an example in which the collective image 121 is composed of one image will be described.

図6は、画像表示システム1の画像検索動作を示すシーケンス図である。なお、画像検索動作は、クライアント装置100のユーザが目的の登録画像112を画像DB114から検索するときや、画像DB114に登録された登録画像112を探索するときに実行される。   FIG. 6 is a sequence diagram showing an image search operation of the image display system 1. The image search operation is executed when the user of the client device 100 searches for the target registered image 112 from the image DB 114 or searches for the registered image 112 registered in the image DB 114.

まず、ユーザによって入力デバイス103を介して、サムネイルの一覧表示がアプリケーション102に指示されると(ステップS20)、図7(a)に示すようなサムネイルの一覧表示画面の初期画面がサーバ装置110の表示画面生成部118によって生成される(ステップS21)。   First, when the user instructs the application 102 to display a thumbnail list via the input device 103 (step S20), an initial screen of a thumbnail list display screen as shown in FIG. It is generated by the display screen generator 118 (step S21).

図7(a)において、初期画面上には、サムネイルを一覧表示する領域であるサムネイル一覧ビュー302の表示領域を規定するウィンドウ301と、各矩形によって図示されているサムネイル303と、サムネイル一覧ビュー302の表示倍率を設定するスライダ304と、サムネイル一覧ビュー302を水平方向へスクロールさせるためのスライダ305と、サムネイル一覧ビュー302を垂直方向へスクロールさせるためのスライダ306とが表示される。   In FIG. 7A, on the initial screen, a window 301 defining a display area of a thumbnail list view 302 that is an area for displaying thumbnails as a list, a thumbnail 303 illustrated by each rectangle, and a thumbnail list view 302 are displayed. Are displayed, a slider 304 for scrolling the thumbnail list view 302 in the horizontal direction, and a slider 306 for scrolling the thumbnail list view 302 in the vertical direction.

サムネイル一覧ビュー302は、図7(c)に示すように、複数の集合画像121から構成される。図7(c)は、マップを16の集合画像121に分割した例を示し、図中の太線と番号は集合画像121の境界を表している。なお、集合画像121は、マップを均等に分割したものでもよく、均等に分割したものでなくともよく、その形状は、矩形でなくてもよい。   The thumbnail list view 302 includes a plurality of collective images 121 as shown in FIG. FIG. 7C shows an example in which the map is divided into 16 collective images 121, and bold lines and numbers in the figure represent boundaries of the collective images 121. The collective image 121 may be a map obtained by dividing the map equally or may not be divided equally, and the shape thereof may not be a rectangle.

なお、図7(a)乃至(c)において、マップ上のサムネイル303の配置がランダムに配置されており、表示画面生成部118は、マップ上のサムネイル303の重なりを許容しているが、サムネイル303の配置を整列するようにしてもよい。   7A to 7C, the thumbnails 303 on the map are randomly arranged, and the display screen generation unit 118 allows the thumbnails 303 on the map to overlap. The arrangement of 303 may be aligned.

本実施の形態におけるサムネイルの一覧表示画面は、サムネイル一覧ビュー302と、サムネイル一覧ビュー302以外のユーザインターフェースの部分およびデザイン的な意味合いの外枠のフレーム部分とからなる。クライアント装置100のアプリケーション102は、これらを合成して表示デバイス101用の表示画面を生成し、最終的に図7(a)に示すような表示画面を生成する。   The thumbnail list display screen according to the present embodiment includes a thumbnail list view 302, a user interface part other than the thumbnail list view 302, and an outer frame part having a design meaning. The application 102 of the client apparatus 100 combines these to generate a display screen for the display device 101, and finally generates a display screen as shown in FIG.

図7(b)は、サムネイル一覧ビュー302の例を示す概念図である。サムネイル一覧ビュー302は、ウィンドウ301の境界によって規定された表示領域307を有している。ここで、外枠のフレーム部分については、サムネイル一覧ビュー302の表示倍率や表示領域を変更するスライダ304乃至306の表示が更新される程度なので、説明を省略し、サムネイル一覧ビュー302の画面情報を生成することについて説明する。   FIG. 7B is a conceptual diagram illustrating an example of the thumbnail list view 302. The thumbnail list view 302 has a display area 307 defined by the boundary of the window 301. Here, for the frame portion of the outer frame, since the display of the sliders 304 to 306 for changing the display magnification and display area of the thumbnail list view 302 is only updated, the description is omitted, and the screen information of the thumbnail list view 302 is changed. The generation will be described.

表示画面生成部118は、初期画面を生成する場合には、サムネイル一覧ビュー302の表示倍率(図7(a)乃至(c)では最低倍率)と表示領域307とを予め定められた初期値に設定して、サムネイル一覧ビュー302を生成し、外枠のフレーム部分と共に表示画面119のデータとして外部I/F111より通信路104を介してクライアント装置100に送信する。   When generating the initial screen, the display screen generating unit 118 sets the display magnification of the thumbnail list view 302 (the minimum magnification in FIGS. 7A to 7C) and the display area 307 to predetermined initial values. Then, the thumbnail list view 302 is generated and transmitted to the client apparatus 100 from the external I / F 111 via the communication path 104 as data of the display screen 119 together with the frame portion of the outer frame.

サムネイル一覧ビュー302については、図7(b)に示すような画面となるが、表示画面生成部118は、集合画像121を使用する場合には、集合画像121によってサムネイル一覧ビュー302を形成すればよく、個々のサムネイルを使用する場合には、サムネイルの画像配置データ122(座標データ)と、サムネイルのデータを示す画像IDとを保持しておけばよい。   The thumbnail list view 302 has a screen as shown in FIG. 7B, but the display screen generation unit 118 can form the thumbnail list view 302 by using the collective image 121 when the collective image 121 is used. When using individual thumbnails, it is only necessary to store thumbnail image arrangement data 122 (coordinate data) and an image ID indicating thumbnail data.

また、サーバ装置110は、サムネイル一覧ビュー302において表示領域307内の表示画面に対応するデータのみをクライアント装置100へ送信する。ここで、個々のサムネイルを使用してサムネイル一覧ビュー302を生成するか、集合画像121を使用するかについては、例えば、表示画像数や表示倍率で切り替えたり、表示用のモードの選択によって切り替えたりすることによってシステムの動作仕様として決めればよく、本発明とは直接関連しないため説明を省略する。また、図7(b)に示したサムネイル一覧ビュー302については、余白部分が存在するが、実装を容易にするために設けられたものであり、発明の構成には特に関係しない。   In addition, the server apparatus 110 transmits only data corresponding to the display screen in the display area 307 in the thumbnail list view 302 to the client apparatus 100. Here, whether to generate the thumbnail list view 302 using individual thumbnails or to use the collective image 121 is switched according to, for example, the number of display images or display magnification, or by selecting a display mode. Therefore, the operation specification of the system may be determined, and the description is omitted because it is not directly related to the present invention. Further, the thumbnail list view 302 shown in FIG. 7B has a blank portion, but is provided for easy implementation, and is not particularly related to the configuration of the invention.

このような表示画面の作成方法やサーバ・クライアント間の通信方法には種々の方法があるが、一般的によく使用される好適なものとして、サーバ装置110をWebサーバとしてWorldWideWebベースの技術を使用することによって実現することができる。   There are various methods for creating such a display screen and a method for communication between the server and the client. As a preferred method that is commonly used in general, the World Wide Web-based technology is used with the server device 110 as a Web server. Can be realized.

この場合には、表示画面119のデータは、HTML(Hyper Text Markup Language)によって記述され、アプリケーション102として、一般的なWebブラウザを適用すればよい。なお、図7(a)に示すように、本実施の形態においては、表示倍率や表示領域を変更するためのスライダを一覧表示画面内に設けているが、例えば、クライアント装置100に設けられたマウス等の入力デバイス103にそれらの機能を設けるようにしてもよい。   In this case, the data on the display screen 119 is described in HTML (Hyper Text Markup Language), and a general Web browser may be applied as the application 102. As shown in FIG. 7A, in this embodiment, a slider for changing the display magnification and the display area is provided in the list display screen. However, for example, the slider is provided in the client device 100. These functions may be provided in the input device 103 such as a mouse.

図6において、サーバ装置110の表示画面生成部118によって生成された表示画面119のデータを受信したクライアント装置100では、アプリケーション102によって表示画面119が展開(レンダリング)され、表示デバイス101上に表示される(ステップS22)。   In FIG. 6, in the client device 100 that has received the data of the display screen 119 generated by the display screen generation unit 118 of the server device 110, the display screen 119 is developed (rendered) by the application 102 and displayed on the display device 101. (Step S22).

ここで、クライアント装置100を使用しているユーザによって、表示領域を変更するためのスライダ305、306、または、表示倍率を変更するためのスライダ304が操作され、画面スクロールや表示倍率変更の指示が入力されると(ステップS23)、画面スクロールや表示倍率変更の指示は、表示倍率と表示領域とを表す画面制御データ120に変換され、クライアント装置100からサーバ装置110に送信される(ステップS24)。なお、各スライダ等の操作は、マウス等の入力デバイス103により行われる。   Here, sliders 305 and 306 for changing the display area or slider 304 for changing the display magnification are operated by the user using the client apparatus 100, and an instruction to scroll the screen or change the display magnification is issued. When input (step S23), an instruction to scroll the screen or change the display magnification is converted into screen control data 120 representing the display magnification and the display area, and transmitted from the client device 100 to the server device 110 (step S24). . The operation of each slider and the like is performed by an input device 103 such as a mouse.

画面制御データ120を受信したサーバ装置110では、表示画面119が変更され(ステップS25)、変更された表示画面119を表すデータがクライアント装置100に送信される。   In the server device 110 that has received the screen control data 120, the display screen 119 is changed (step S25), and data representing the changed display screen 119 is transmitted to the client device 100.

次に、クライアント装置100では、変更後の表示画面119を表すデータに基づいて、表示画面119がアプリケーション102によって展開され、表示デバイス101上に表示される(ステップS26)。   Next, in the client apparatus 100, the display screen 119 is developed by the application 102 based on the data representing the display screen 119 after the change, and is displayed on the display device 101 (step S26).

ここで、クライアント装置100のユーザが検索対象の登録画像112のサムネイルを見つける等して、画像検索動作の終了がアプリケーション102に指示されている場合には(ステップS27:YES)、画像検索動作は、終了する。一方、画像検索動作の終了がアプリケーション102に指示されていない場合には(ステップS27:NO)、画像検索動作は、ステップS23に戻る。   Here, when the user of the client device 100 finds a thumbnail of the registered image 112 to be searched and the application 102 is instructed to end the image search operation (step S27: YES), the image search operation is performed. ,finish. On the other hand, when the application 102 is not instructed to end the image search operation (step S27: NO), the image search operation returns to step S23.

図8は、本実施の形態におけるクライアント装置100による拡大表示動作を説明するための概念図である。   FIG. 8 is a conceptual diagram for explaining an enlarged display operation by the client device 100 in the present embodiment.

図8(a)において、ユーザは、スライダ305、306を使用して、多くのサムネイルから検索対象の登録画像112のサムネイルの候補を画面中央へ表示させ、図8(b)、(c)に示すように、徐々に拡大率を上げていく仮定で、周囲の登録画像112との比較や画像内容の確認を行いながら表示画面内に検索対象の登録画像112が存在するかどうかを確認する。   In FIG. 8A, the user uses the sliders 305 and 306 to display the thumbnail candidates of the registered image 112 to be searched from many thumbnails at the center of the screen, and FIGS. 8B and 8C. As shown in the figure, on the assumption that the enlargement rate is gradually increased, it is confirmed whether or not the search target registration image 112 exists in the display screen while comparing with the surrounding registration image 112 and confirming the image content.

ここで、表示画面内に検索対象の登録画像112のサムネイルが存在しないことが確認できた場合には、ユーザは、表示倍率を縮小して他の候補から検索対象の登録画像112のサムネイルを探していく。   If it is confirmed that the thumbnail of the registered image 112 to be searched does not exist in the display screen, the user reduces the display magnification and searches for the thumbnail of the registered image 112 to be searched from other candidates. To go.

一方、表示画面内に検索対象の登録画像112のサムネイルが存在することが確認できた場合には、図8(d)に示すように、表示倍率を拡大することによって、ユーザは、サムネイル一覧ビュー302上で登録画像112の内容を詳細に確認することができる。   On the other hand, when it can be confirmed that the thumbnail of the registered image 112 to be searched exists in the display screen, the user zooms in on the thumbnail list view by enlarging the display magnification as shown in FIG. The contents of the registered image 112 can be confirmed in detail on 302.

図9は、画像表示システム1のマップ編集動作を示すシーケンス図である。   FIG. 9 is a sequence diagram showing a map editing operation of the image display system 1.

まず、ユーザによって入力デバイス103を介して、マップの編集がアプリケーション102に指示されると(ステップS31)、マップの編集の指示が、アプリケーション102によってサーバ装置110に通信路104を介して送信される。   First, when the user instructs the application 102 to edit the map via the input device 103 (step S31), the map editing instruction is transmitted to the server apparatus 110 by the application 102 via the communication path 104. .

ここで、マップの編集の指示については、アプリケーション102等でメニューやボタン等を用意して、マップの編集を指示するようにしてもよいし、システムが自動的にマップを編集するモードに移行するようにしてもよい。ここでは、一例として、マップの編集の指示については、前者であるものとして説明をする。なお、マップの編集を指示するためのメニューやボタン等は、一般的によく使用されるものであるため図示を省略する。   Here, with respect to the map editing instruction, the application 102 or the like may prepare menus, buttons, and the like to instruct map editing, or the system may automatically shift to a map editing mode. You may do it. Here, as an example, the map editing instruction is described as being the former. Note that menus, buttons, and the like for instructing map editing are commonly used and are not shown.

マップの編集の指示を受信したサーバ装置110では、表示画面生成部118によってマップ編集用の表示画面119のデータが生成され、クライアント装置100に送信される(ステップS32)。   In the server device 110 that has received the map editing instruction, the display screen generation unit 118 generates data of the display screen 119 for map editing and transmits it to the client device 100 (step S32).

ここで、マップ編集用の表示画面119については、特に限定はないが、表示画面生成部118は、例えば、通常画面と同様な画面で「マップ編集モード」等のタイトルを表示したり、マップ画面を多少グレーダウンしたりする等、ユーザにモードを視覚的に理解しやすいようにする方が好適である。   Here, the display screen 119 for map editing is not particularly limited. For example, the display screen generation unit 118 displays a title such as “map editing mode” on the same screen as the normal screen, It is preferable to make it easier for the user to visually understand the mode, for example, by slightly graying out.

また、集合画像121が表示されている場合には、簡単なマップ編集処理には不向きであるので、表示画面生成部118は、個々のサムネイルを表示するように画面を変更してもよい。この場合には、複数のサムネイルを移動させるときに好適である。   In addition, when the collective image 121 is displayed, the display screen generation unit 118 may change the screen so that individual thumbnails are displayed because it is not suitable for simple map editing processing. This is suitable when moving a plurality of thumbnails.

また、集合画像121と比較して、個々のサムネイルを表示する場合には、表示画像数が多いときに表示時間がかかることがあるため、表示画面生成部118は、例えば、表示倍率を大きくして、表示画像数を小さくする等の処理を行った方がより好適である。   Further, when displaying individual thumbnails as compared to the collective image 121, the display screen generation unit 118 may increase the display magnification, for example, because it may take a long time to display when the number of display images is large. Therefore, it is more preferable to perform processing such as reducing the number of display images.

マップ編集用の表示画面119のデータを受信したクライアント装置100では、表示デバイス101上にマップ編集用の表示画面119が表示される(ステップS33)。   In the client device 100 that has received the data of the map editing display screen 119, the map editing display screen 119 is displayed on the display device 101 (step S33).

ここで、マップ編集用の表示画面119上で、編集したいサムネイルがユーザによってマウス等の入力デバイス103を使用して選択されると(ステップS34)、選択されたサムネイルに対する編集操作が実行される(ステップS35)。   Here, when a thumbnail to be edited is selected by the user using the input device 103 such as a mouse on the map editing display screen 119 (step S34), an editing operation is performed on the selected thumbnail (step S34). Step S35).

図10は、ユーザによるサムネイルの編集操作の一例を示す概念図である。   FIG. 10 is a conceptual diagram showing an example of a thumbnail editing operation by the user.

まず、ユーザは、図10(a)に示すように、編集したいサムネイルを選択する。この選択は、例えば、マウス等の入力デバイス103を用いてカーソル311を表示画面上で合わせて「クリック」等の指示動作をすることによって実現できる。この選択に応じて、例えば、選択されたサムネイルに他のサムネイルが重なっていた場合には、選択されたサムネイルを最も上側に表示するようにした方がより好適である。   First, as shown in FIG. 10A, the user selects a thumbnail to be edited. This selection can be realized, for example, by performing an instruction operation such as “click” by aligning the cursor 311 on the display screen using the input device 103 such as a mouse. In response to this selection, for example, when another thumbnail overlaps the selected thumbnail, it is more preferable to display the selected thumbnail on the uppermost side.

サムネイルが選択されると、図10(b)に示すように、編集メニュー312が選択されたサムネイル近傍に表示され、ユーザは、所望のメニュー項目にカーソル311を合わせて選択する。ここでは、例えば「移動」、「削除」、「サイズ変更」および「回転」の4つのメニュー項目が表示され、ユーザによって「移動」が選択されている例を示している。   When a thumbnail is selected, an edit menu 312 is displayed near the selected thumbnail as shown in FIG. 10B, and the user selects the desired menu item by placing the cursor 311 on it. Here, for example, four menu items “move”, “delete”, “resize”, and “rotate” are displayed, and “move” is selected by the user.

ここで、例えば、「削除」が選択された場合には、選択されたサムネイルをサムネイル一覧ビュー302上から消去すればよい。例えば、個々のサムネイルを表示している場合には、クライアント装置100のアプリケーション102が、選択されたサムネイルの表示を行わなくすればよい。   Here, for example, when “delete” is selected, the selected thumbnail may be deleted from the thumbnail list view 302. For example, when individual thumbnails are displayed, the application 102 of the client device 100 may not display the selected thumbnail.

これにより、ユーザに対しては、見かけ上、選択されたサムネイルが削除されたように表示することができる。ただし、この時点では、サーバ装置110側では、選択されたサムネイルが削除されていない。ここで、クライアント装置100で当該サムネイルの削除が確定されると、集合画像121の編集処理が集合画像生成部116によって実行され、ユーザによって編集された内容がサーバ装置110側に反映される。   Thereby, it is possible to display to the user as if the selected thumbnail was deleted. However, at this time, the selected thumbnail is not deleted on the server device 110 side. Here, when the deletion of the thumbnail is confirmed in the client device 100, the editing processing of the collective image 121 is executed by the collective image generation unit 116, and the contents edited by the user are reflected on the server device 110 side.

「移動」が選択された場合も「削除」が選択された場合と同様で、個々のサムネイルが表示画面119に表示されている場合には、図10(c)に示すように、マウス等の入力デバイス103による「ドラッグ・アンド・ドロップ」等の操作によって移動対象のサムネイルのマップ上の位置を移動させることができる。   The case where “move” is selected is the same as the case where “delete” is selected. When individual thumbnails are displayed on the display screen 119, as shown in FIG. The position of the thumbnail to be moved on the map can be moved by an operation such as “drag and drop” by the input device 103.

一方、集合画像121が表示画面119に表示されている場合には、サーバ装置110から移動対象のサムネイルを受信して、集合画像121に重ねあわせるように移動対象のサムネイルのみを表示すれば、個々のサムネイルが表示画面119に表示されている場合と同様に処理を行うことができ、より好適である。ただし、移動前のマップ上の位置には、移動対象のサムネイルが表示されたままになるので、図10(c)に示すようにマーキング等を施すとよい。   On the other hand, when the collective image 121 is displayed on the display screen 119, if the thumbnails to be moved are received from the server apparatus 110 and only the thumbnails to be moved are displayed so as to be superimposed on the collective image 121, It is possible to perform the same processing as when the thumbnails are displayed on the display screen 119, which is more preferable. However, since the thumbnail to be moved remains displayed at the position on the map before the movement, marking or the like may be performed as shown in FIG.

「サイズ変更」および「回転」についても、図10(c)に示すように、選択されたサムネイルをマウス等の入力デバイス103によって拡大または回転したい方向へドラッグすればよい。また、「サイズ変更」および「回転」においても、「移動」と同様な表示方法を適用すればよい。   As for “size change” and “rotation”, as shown in FIG. 10C, the selected thumbnail may be dragged in the direction in which it is desired to be enlarged or rotated by the input device 103 such as a mouse. In “size change” and “rotation”, a display method similar to “move” may be applied.

図9において、編集操作が完了すると、編集内容を表す編集データ123がクライアント装置100からサーバ装置110に送信される(ステップS36)。ここで、編集データ123は少なくとも、編集対象のサムネイルを特定するための画像ID、編集の内容、および、編集対象のサムネイルの新規のマップ上の座標位置等を表している。   In FIG. 9, when the editing operation is completed, the editing data 123 representing the editing content is transmitted from the client device 100 to the server device 110 (step S36). Here, the edit data 123 represents at least the image ID for specifying the thumbnail to be edited, the contents of editing, the coordinate position on the new map of the thumbnail to be edited, and the like.

なお、編集操作の完了については、画面上のメニューやボタン等を使用して明示的に選択させる方がより好適であり、その際に、編集内容の保存をユーザに確認させる等の処理を実行した方が良い。   For the completion of the editing operation, it is more preferable to explicitly select it using a menu or button on the screen, and at that time, processing such as allowing the user to confirm the saving of the edited content is executed. Better to do.

ここで、例えば、ユーザが編集内容をキャンセルすれば、サーバ装置110側の画像配置データ122は編集前のままとなっているため、サーバ装置110から表示画面119を再ロードすることで編集内容を元に戻すことができる。   Here, for example, if the user cancels the editing content, the image arrangement data 122 on the server device 110 side remains unchanged, so that the editing content can be changed by reloading the display screen 119 from the server device 110. It can be restored.

編集データ123を受信したサーバ装置110では、画像DB114より編集対象のサムネイルの画像配置データ122が画像配置部117によって取得され、編集データ123が表す編集内容に応じて、編集対象のサムネイルの画像配置データ122が変更され、画像DB114に再登録される(ステップS37)。なお、画像配置データ122に編集内容の履歴等を保持させ、ユーザに編集内容の取り消し等を許容するようにした方がより好適である。   In the server apparatus 110 that has received the edit data 123, the image arrangement data 122 of the thumbnail to be edited is acquired from the image DB 114 by the image arrangement unit 117, and the image arrangement of the thumbnail to be edited is determined according to the editing content represented by the edit data 123. The data 122 is changed and re-registered in the image DB 114 (step S37). It is more preferable that the history of editing contents is held in the image arrangement data 122 and the user is allowed to cancel the editing contents.

次に、集合画像生成部116によって、画像DB114に登録されている集合画像121が読み出され、集合画像121の編集処理が実行される(ステップS38)。なお、集合画像121の編集処理については後述する。   Next, the collective image generation unit 116 reads the collective image 121 registered in the image DB 114 and executes the edit processing of the collective image 121 (step S38). Note that the editing process of the collective image 121 will be described later.

集合画像生成部116による集合画像121の編集処理が終了すると、前述した画像検索動作と同様に、表示画面生成部118によって表示画面119のデータが生成され、クライアント装置100に送信される(ステップS39)。   When the editing process of the collective image 121 by the collective image generation unit 116 is completed, the display screen 119 generates data for the display screen 119 and transmits the data to the client device 100 as in the image search operation described above (step S39). ).

表示画面119のデータを受信したクライアント装置100では、表示画面119がアプリケーション102によって展開され、表示デバイス101上に表示され(ステップS40)、マップ編集動作は終了する。   In the client device 100 that has received the data on the display screen 119, the display screen 119 is developed by the application 102 and displayed on the display device 101 (step S40), and the map editing operation ends.

図11は、サーバ装置110による集合画像121の編集処理(ステップS38、図8)を示すフローチャートである。なお、図11に示すフローチャートは、サムネイルの「移動」が行われたときの集合画像121の編集処理を示しているが、「削除」、「サイズ変更」および「回転」が行われたときの集合画像121の編集処理については、図11に基づいて容易に想到することができるため、説明を省略する。   FIG. 11 is a flowchart showing the editing process (step S38, FIG. 8) of the collective image 121 by the server apparatus 110. The flowchart shown in FIG. 11 shows the editing processing of the collective image 121 when the thumbnail is “moved”, but when “deletion”, “size change”, and “rotation” are performed. The editing process of the collective image 121 can be easily conceived based on FIG.

まず、編集前のサムネイルとマップ上で重なるサムネイルが画像配置部117によって抽出される(ステップS50)。ここで、サムネイルが抽出された場合には(ステップS51:YES)、抽出されたサムネイルが属する各集合画像121の該当領域が更新される(ステップS52)。   First, the thumbnail that overlaps the thumbnail before editing on the map is extracted by the image placement unit 117 (step S50). Here, when the thumbnail is extracted (step S51: YES), the corresponding area of each collective image 121 to which the extracted thumbnail belongs is updated (step S52).

なお、該当領域に含まれるサムネイルは、集合画像121上で下に重なっているサムネイルから順に貼り付けていく必要がある。これを実現する一例としては、画像DB114でメタ情報を保持する時に、登録画像112のサムネイル毎のマップ座標の更新日時を保持しておけばよい。マップ座標の更新日時は、登録画像112の登録時にサムネイルを登録した日時とし、サムネイルに編集処理が実施された場合は、その日時とすればよい。   It should be noted that the thumbnails included in the corresponding area need to be pasted in order from the thumbnail that overlaps on the collective image 121. As an example for realizing this, when the meta information is held in the image DB 114, the update date and time of the map coordinates for each thumbnail of the registered image 112 may be held. The update date / time of the map coordinates may be the date / time when the thumbnail is registered when the registered image 112 is registered, and may be the date / time when the thumbnail is edited.

ステップS50においてサムネイルが抽出されなかった場合、または、ステップS52が完了した場合には、編集後のサムネイルが画像DB114に登録済みの集合画像121間の境界をまたがるか否かが画像配置部117によって判断される(ステップS53)。なお、編集後のサムネイルが画像DB114に登録済みの集合画像121間の境界をまたがるか否かの画像配置部117による判断は、図4に示した集合画像更新処理におけるステップS11と同様に行われる。   If no thumbnail is extracted in step S50, or if step S52 is completed, the image placement unit 117 determines whether the edited thumbnail crosses the boundary between the group images 121 registered in the image DB 114. Determination is made (step S53). Note that the determination by the image arrangement unit 117 as to whether or not the edited thumbnail crosses the boundary between the group images 121 registered in the image DB 114 is performed in the same manner as in step S11 in the group image update process shown in FIG. .

ここで、当該サムネイルが、集合画像121間の境界をまたがらないと画像配置部117によって判断された場合には、該当する集合画像121が集合画像生成部116によって画像DB114から取得される(ステップS54)。   Here, if the image placement unit 117 determines that the thumbnail does not cross the boundary between the group images 121, the group image generation unit 116 acquires the corresponding group image 121 from the image DB 114 (step S1). S54).

次に、取得された集合画像121に当該サムネイルが合成される合成処理が集合画像生成部116によって実行される(ステップS55)。次に、合成処理が施された更新後の集合画像121は、集合画像生成部116によって画像DB114に再登録される(ステップS56)。   Next, a composite process for combining the thumbnails with the acquired collective image 121 is executed by the collective image generation unit 116 (step S55). Next, the updated collective image 121 subjected to the synthesis process is re-registered in the image DB 114 by the collective image generation unit 116 (step S56).

一方、当該サムネイルが、集合画像121間の境界をまたがると画像配置部117によって判断された場合には(ステップS53:YES)、当該サムネイルからなる集合画像121が集合画像生成部116によって生成され(ステップS57)、画像DB114に新規に登録される(ステップS58)。   On the other hand, when the image placement unit 117 determines that the thumbnail crosses the boundary between the group images 121 (step S53: YES), the group image generation unit 116 generates the group image 121 including the thumbnails ( In step S57), the image is newly registered in the image DB 114 (step S58).

なお、上述した集合画像121の編集処理において、画像配置部117は、集合画像121間の境界をまたがると判断した場合には、当該サムネイルがいずれかの集合画像121に収まるように、当該サムネイルの位置を変更するようにしてもよい。この場合には、画像配置部117は、サムネイルの中心点Oが属する集合画像121に収まるように当該サムネイルの位置を変更する。   In the above-described editing process of the collective image 121, when the image placement unit 117 determines that the border between the collective images 121 is crossed, the thumbnails of the thumbnails are arranged so that the thumbnails can be included in any of the collective images 121. The position may be changed. In this case, the image arrangement unit 117 changes the position of the thumbnail so that it falls within the collective image 121 to which the center point O of the thumbnail belongs.

また、画像配置部117は、集合画像121間の境界をまたがると判断した場合には、サムネイルがいずれかの集合画像121に収まるように、他のサムネイルの位置を変更するようにしてもよい。   In addition, when the image placement unit 117 determines that the boundary between the collective images 121 is crossed, the image placement unit 117 may change the position of another thumbnail so that the thumbnail fits in any one of the collective images 121.

以上説明したように、本発明一実施の形態としての画像表示システム1は、集合画像121間の境界をまたがるように配置されたサムネイルを特定し、特定したサムネイルを1つの集合画像121として表示画面119を生成するため、複数の領域に分割された集合画像121からなる表示画面119上で行われるサムネイルの編集処理を従来のものより高速化することができる。   As described above, the image display system 1 as an embodiment of the present invention specifies thumbnails arranged so as to cross the boundary between the collective images 121, and displays the specified thumbnails as one collective image 121. Since 119 is generated, the thumbnail editing process performed on the display screen 119 including the collective image 121 divided into a plurality of areas can be made faster than the conventional one.

本発明の一実施の形態としての画像表示システムのブロック図である。1 is a block diagram of an image display system as an embodiment of the present invention. 本発明の一実施の形態としての画像表示システムを構成するサーバ装置のハードウェア構成図である。It is a hardware block diagram of the server apparatus which comprises the image display system as one embodiment of this invention. 本発明の一実施の形態としての画像表示システムの画像登録動作を示すシーケンス図である。It is a sequence diagram which shows the image registration operation | movement of the image display system as one embodiment of this invention. 本発明の一実施の形態としての画像表示システムを構成するサーバ装置の集合画像更新処理を詳細に示すフローチャートである。It is a flowchart which shows in detail the group image update process of the server apparatus which comprises the image display system as one embodiment of this invention. 本発明の一実施の形態としての画像表示システムにおけるサムネイルの各部の座標、高さおよび幅を示す概念図である。It is a conceptual diagram which shows the coordinate of each part of the thumbnail in the image display system as one embodiment of this invention, height, and a width | variety. 本発明の一実施の形態としての画像表示システムの画像検索動作を示すシーケンス図である。It is a sequence diagram which shows the image search operation | movement of the image display system as one embodiment of this invention. (a)は、本発明の一実施の形態としての画像表示システムにおける表示画面の例を示す概念図である。 (b)は、本発明の一実施の形態としての画像表示システムにおけるサムネイル一覧ビューの例を示す概念図である。 (c)は、本発明の一実施の形態としての画像表示システムにおけるマップを16の集合画像に分割した例を示す概念図である。(A) is a conceptual diagram which shows the example of the display screen in the image display system as one embodiment of this invention. (B) is a conceptual diagram showing an example of a thumbnail list view in the image display system as one embodiment of the present invention. (C) is a conceptual diagram showing an example in which a map in the image display system as one embodiment of the present invention is divided into 16 collective images. 本発明の一実施の形態としての画像表示システムを構成するクライアント装置による拡大表示動作を説明するための概念図である。It is a conceptual diagram for demonstrating the enlarged display operation | movement by the client apparatus which comprises the image display system as one embodiment of this invention. 本発明の一実施の形態としての画像表示システムのマップ編集動作を示すシーケンス図である。It is a sequence diagram which shows map editing operation | movement of the image display system as one embodiment of this invention. 本発明の一実施の形態としての画像表示システムにおけるサムネイルの編集操作の一例を示す概念図である。It is a conceptual diagram which shows an example of the edit operation of the thumbnail in the image display system as one embodiment of this invention. 本発明の一実施の形態としての画像表示システムを構成するサーバ装置の集合画像の編集処理を詳細に示すフローチャートである。It is a flowchart which shows the edit process of the group image of the server apparatus which comprises the image display system as one embodiment of this invention in detail.

符号の説明Explanation of symbols

1 画像表示システム
100 クライアント装置
101 表示デバイス
102 アプリケーション
103 入力デバイス
104 通信路
110 サーバ装置
111 外部I/F
112 登録画像
113 サムネイル生成部
114 画像DB
116 集合画像生成部
117 画像配置部
118 表示画面生成部
119 表示画面
120 画面制御データ
121 集合画像
122 画像配置データ
123 編集データ
201 CPU
202 メモリ
203 HDD
204 ビデオメモリ
205 モニタ
206 入力デバイス
207 外部I/F
208 バス
301 ウィンドウ
302 サムネイル一覧ビュー
304、305、306 スライダ
307 表示領域
DESCRIPTION OF SYMBOLS 1 Image display system 100 Client apparatus 101 Display device 102 Application 103 Input device 104 Communication path 110 Server apparatus 111 External I / F
112 Registration Image 113 Thumbnail Generation Unit 114 Image DB
116 Collective Image Generation Unit 117 Image Arrangement Unit 118 Display Screen Generation Unit 119 Display Screen 120 Screen Control Data 121 Collective Image 122 Image Arrangement Data 123 Edit Data 201 CPU
202 Memory 203 HDD
204 Video memory 205 Monitor 206 Input device 207 External I / F
208 Bus 301 Window 302 Thumbnail list view 304, 305, 306 Slider 307 Display area

Claims (5)

複数のサムネイルを表示するための一覧表示画面を生成する表示画面生成部を備えた画像処理装置であって、
前記一覧表示画面上に前記各サムネイルを配置する画像配置部と、
前記一覧表示画面を複数の領域に分割し、分割した領域毎に前記画像配置部によって配置されたサムネイルを合成して集約した集合画像を生成する集合画像生成部と、を備え、
前記画像配置部は、前記集合画像間の境界をまたがるように配置されたサムネイルを特定し、
前記集合画像生成部は、前記画像配置部によって特定されたサムネイルを1つの集合画像として生成し、
前記表示画面生成部は、前記集合画像生成部によって生成された集合画像から前記一覧表示画面を生成することを特徴とする画像処理装置。
An image processing apparatus including a display screen generation unit that generates a list display screen for displaying a plurality of thumbnails,
An image arrangement unit for arranging the thumbnails on the list display screen;
A group image generation unit that divides the list display screen into a plurality of regions and generates a group image that is obtained by combining the thumbnails arranged by the image arrangement unit for each divided region;
The image arrangement unit identifies thumbnails arranged so as to cross a boundary between the collective images,
The collective image generation unit generates the thumbnails identified by the image placement unit as one collective image,
The image processing apparatus, wherein the display screen generation unit generates the list display screen from the collective image generated by the collective image generation unit.
前記一覧表示画面をユーザに変更させる一覧表示画面変更手段を備えたことを特徴とする請求項1に記載の画像処理装置。   The image processing apparatus according to claim 1, further comprising a list display screen changing unit that allows a user to change the list display screen. 画像処理装置を用いて、複数のサムネイルを表示するための一覧表示画面を生成する画像処理方法であって、
前記一覧表示画面上に前記各サムネイルを配置するサムネイル配置ステップと、
前記一覧表示画面を複数の領域に分割し、分割した領域毎に前記サムネイル配置ステップで配置されたサムネイルを合成して集約した集合画像を生成する第1の集合画像生成ステップと、
前記集合画像間の境界をまたがるように配置されたサムネイルを特定するサムネイル特定ステップと、
前記サムネイル特定ステップで特定されたサムネイルを1つの集合画像として生成する第2の集合画像生成ステップと、
前記第1および第2の集合画像生成ステップで生成された集合画像から前記一覧表示画面を生成する一覧表示画面生成ステップと、を有する画像処理方法。
An image processing method for generating a list display screen for displaying a plurality of thumbnails using an image processing apparatus,
A thumbnail placement step of placing each thumbnail on the list display screen;
A first group image generation step of dividing the list display screen into a plurality of areas and generating a group image by combining the thumbnails arranged in the thumbnail arrangement step for each divided area;
A thumbnail specifying step of specifying thumbnails arranged so as to cross the boundary between the collective images;
A second group image generation step of generating the thumbnails identified in the thumbnail identification step as one group image;
An image processing method comprising: a list display screen generating step for generating the list display screen from the collective images generated in the first and second collective image generating steps.
複数のサムネイルを表示するための一覧表示画面をコンピュータに生成させための画像処理プログラムであって、
前記一覧表示画面上に前記各サムネイルを配置するサムネイル配置ステップと、
前記一覧表示画面を複数の領域に分割し、分割した領域毎に前記サムネイル配置ステップで配置されたサムネイルを合成して集約した集合画像を生成する第1の集合画像生成ステップと、
前記集合画像間の境界をまたがるように配置されたサムネイルを特定するサムネイル特定ステップと、
前記サムネイル特定ステップで特定されたサムネイルを1つの集合画像として生成する第2の集合画像生成ステップと、
前記第1および第2の集合画像生成ステップで生成された集合画像から前記一覧表示画面を生成する一覧表示画面生成ステップと、を前記コンピュータに実行させる画像処理プログラム。
An image processing program for causing a computer to generate a list display screen for displaying a plurality of thumbnails,
A thumbnail placement step of placing each thumbnail on the list display screen;
A first group image generation step of dividing the list display screen into a plurality of areas and generating a group image by combining the thumbnails arranged in the thumbnail arrangement step for each divided area;
A thumbnail specifying step of specifying thumbnails arranged so as to cross the boundary between the collective images;
A second group image generation step of generating the thumbnails identified in the thumbnail identification step as one group image;
An image processing program for causing the computer to execute a list display screen generation step for generating the list display screen from the group images generated in the first and second group image generation steps.
請求項4に記載の画像処理プログラムがコンピュータに読み取り可能に記録された記録媒体。   A recording medium on which the image processing program according to claim 4 is recorded so as to be readable by a computer.
JP2008207007A 2008-08-11 2008-08-11 Image processor Pending JP2010044498A (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
JP2008207007A JP2010044498A (en) 2008-08-11 2008-08-11 Image processor

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
JP2008207007A JP2010044498A (en) 2008-08-11 2008-08-11 Image processor

Publications (1)

Publication Number Publication Date
JP2010044498A true JP2010044498A (en) 2010-02-25

Family

ID=42015851

Family Applications (1)

Application Number Title Priority Date Filing Date
JP2008207007A Pending JP2010044498A (en) 2008-08-11 2008-08-11 Image processor

Country Status (1)

Country Link
JP (1) JP2010044498A (en)

Cited By (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2012208920A (en) * 2011-03-29 2012-10-25 Internatl Business Mach Corp <Ibm> Computer mounting method, program and device for visually searching widget
JP2013093042A (en) * 2011-07-26 2013-05-16 Toppan Printing Co Ltd Terminal device, program and image display method
US9554006B2 (en) 2014-10-30 2017-01-24 Kyocera Document Solutions Inc. Information processing apparatus, image forming apparatus, and processing image selection method

Cited By (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2012208920A (en) * 2011-03-29 2012-10-25 Internatl Business Mach Corp <Ibm> Computer mounting method, program and device for visually searching widget
JP2013093042A (en) * 2011-07-26 2013-05-16 Toppan Printing Co Ltd Terminal device, program and image display method
US9554006B2 (en) 2014-10-30 2017-01-24 Kyocera Document Solutions Inc. Information processing apparatus, image forming apparatus, and processing image selection method

Similar Documents

Publication Publication Date Title
US8497883B2 (en) Information display device
US9971485B2 (en) Interactive image thumbnails
US8276098B2 (en) Interactive image thumbnails
US20070279437A1 (en) Method and apparatus for displaying document image, and information processing device
JP6797636B2 (en) Server equipment, information processing methods, and programs
JP2010049158A (en) Image processing device
EP2317424A1 (en) Information display device
JP7030505B2 (en) Devices, methods, and programs for setting information related to scanned images
JP4552005B2 (en) Electronic newspaper display device
US20080231869A1 (en) Method and apparatus for displaying document image, and computer program product
JP2011210013A (en) Image filing system
JP2017097686A (en) Information processing apparatus, control method thereof, and program
JP2010044498A (en) Image processor
JP5205821B2 (en) Document processing method, document processing program, and document processing apparatus
JP2004214991A (en) Document image data management system, document image data management program, document image data management device, and document image data management method
JP2009181450A (en) Image processing apparatus, image processing method, and image processing program
JP2017027319A (en) Display/editing/storage method, device, and processing program of document documentation data
JP2016004428A (en) Information processing apparatus, data processing apparatus, control method for information processing apparatus, data processing method for data processing apparatus, and program
JP2008052496A (en) Image display device, image display method, program, and recording medium
JP4191670B2 (en) Data file management apparatus, data file management processing method and program
JP2012043417A (en) Information processing system, imaging apparatus and program of imaging apparatus
JP2009182933A (en) Image processing system and image processing method
US20060206793A1 (en) Document file management apparatus, document file management method and document file management program
JP2010020534A (en) Image processing apparatus, image processing method, program and recording medium
TW202040349A (en) Image processing device and image display system