JP2008271094A - List image display device, list image display control method, and list image display control program - Google Patents
List image display device, list image display control method, and list image display control program Download PDFInfo
- Publication number
- JP2008271094A JP2008271094A JP2007110394A JP2007110394A JP2008271094A JP 2008271094 A JP2008271094 A JP 2008271094A JP 2007110394 A JP2007110394 A JP 2007110394A JP 2007110394 A JP2007110394 A JP 2007110394A JP 2008271094 A JP2008271094 A JP 2008271094A
- Authority
- JP
- Japan
- Prior art keywords
- image
- list
- thumbnail
- original
- acquisition
- 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.)
- Granted
Links
- 238000000034 method Methods 0.000 title claims abstract description 130
- 230000008569 process Effects 0.000 claims description 120
- 230000009467 reduction Effects 0.000 claims description 44
- 230000006870 function Effects 0.000 claims description 11
- 238000004590 computer program Methods 0.000 claims 2
- 230000005540 biological transmission Effects 0.000 description 37
- 238000012545 processing Methods 0.000 description 30
- 238000010586 diagram Methods 0.000 description 11
- 238000004891 communication Methods 0.000 description 6
- 230000006872 improvement Effects 0.000 description 6
- 238000011946 reduction process Methods 0.000 description 4
- 238000003860 storage Methods 0.000 description 4
- 230000009466 transformation Effects 0.000 description 4
- 230000007704 transition Effects 0.000 description 3
- 238000010923 batch production Methods 0.000 description 2
- 230000009193 crawling Effects 0.000 description 2
- 230000006835 compression Effects 0.000 description 1
- 238000007906 compression Methods 0.000 description 1
- 238000012790 confirmation Methods 0.000 description 1
- 238000005520 cutting process Methods 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 238000012546 transfer Methods 0.000 description 1
Images
Landscapes
- Editing Of Facsimile Originals (AREA)
Abstract
Description
本発明は、ネットワーク上のサーバに蓄積された画像を一覧にして表示する一覧画像表示装置、一覧画像表示制御方法および一覧画像表示制御プログラムに関する。 The present invention relates to a list image display device, a list image display control method, and a list image display control program for displaying a list of images stored in a server on a network.
インターネットのポータルサイト等では、ネットワーク上の多数のサーバに蓄積された画像を検索するサービスを提供している場合がある。 An Internet portal site or the like may provide a service for searching for images stored in a large number of servers on a network.
図1は従来の画像検索サービスの概要を示す図であり、画像検索サービスを提供する検索サーバ01は、検索用のキーワードと画像との対応関係を保持する画像検索用のインデクスDBと、予め画像をクロール(収集)して生成したサムネイル画像(簡易表示用に縮小した画像)を保持するサムネイル画像DBとを有している。
FIG. 1 is a diagram showing an overview of a conventional image search service. A
クライアント端末03から検索サーバ01に対して画像検索のためのキーワードを伴うクエリ(問い合わせ)を入力すると(ステップS1)、検索サーバ01ではインデクスDBを検索し、検索でヒットした画像の画像サイズやサムネイル画像およびオリジナル画像の格納先のURL(Uniform Resource Locator)等の情報を検索結果としてクライアント端末03に返す(ステップS2)。クライアント端末03は、検索サーバ01から得た情報に基づいて検索サーバ01のサムネイル画像DBにアクセスしてサムネイル画像を取得する(ステップS3、S4)。
When a query (inquiry) with a keyword for image search is input from the
クライアント端末03では取得した検索結果に基づいてサムネイル画像A、B、C、・・・等を含む一覧画面を生成して表示する。そして、ユーザがその一覧画面の中から例えばサムネイル画像Aを選択すると(ステップS5)、クライアント端末03は検索結果に含まれている画像URLに基づいて画像提供元サーバ04からオリジナル画像を取得(ダウンロード)し(ステップS6、S7)、サムネイル画像の一覧画面を消去してオリジナル画像を表示する。
The
一方、特許文献1には、検索を迅速かつ容易に行えるようにした画像処理装置等が開示されている。すなわち、特許文献1では、フラッシュメモリに撮影画像の圧縮画像データとそのサムネイル画像とを予め格納しておき、一覧表示されたサムネイル画像から所望の画像を指定すると、その指定されたサムネイル画像の圧縮画像データをフル画像より小さく、かつサムネイル画像よりも大きなサイズの中間画像にして表示し、その中間画像が選択されるとフル画像で表示する。また、サムネイル画像の角部を押した状態で画像を拡大させるとサムネイル画像が拡大され、その拡大したサムネイル画像を選択するとフル画像が表示される。
図1に示した従来の画像検索サービスでは、ユーザが検索結果を早く確認できるようにするために、オリジナル画像よりも画像サイズが小さいサムネイル画像を検索サーバ01から送信するようになっている。サムネイル画像はデータ量が小さいためデータ通信には好適であるが、画像サイズが小さいために、画像の詳細な確認には不向きである。
In the conventional image search service shown in FIG. 1, a thumbnail image having a smaller image size than the original image is transmitted from the
また、画像を詳細に確認する場合、ユーザはサムネイル画像の一覧から所望のサムネイル画像を選択してオリジナル画像を表示させるが、再度他のサムネイル画像を閲覧するためには、画面をサムネイル画像の一覧に戻さなければならず、操作が煩雑である。この際、検索結果の一覧を表示するための再読み込みが行われることになり、表示完了までに若干の時間を要してしまう。なお、ブラウザ上で複数のウインドウを開き、一覧画面のウインドウを残しておいたままオリジナル画像を別ウインドウで開く操作手法もあるが、ウインドウ操作が煩雑になってしまう。 In addition, when checking images in detail, the user selects a desired thumbnail image from the list of thumbnail images and displays the original image. However, in order to view another thumbnail image again, the screen is displayed in a list of thumbnail images. The operation must be complicated. At this time, re-reading for displaying a list of search results is performed, and it takes some time to complete the display. Although there is an operation method in which a plurality of windows are opened on the browser and the original image is opened in another window while leaving the window of the list screen, the window operation becomes complicated.
更に、通常のブラウザではオリジナル画像については更に拡大や縮小の操作を行うことはできず、これを行うには別の画像表示アプリケーションを使用しなければならず、操作が煩雑となる。 Furthermore, with an ordinary browser, the original image cannot be further enlarged or reduced. To do this, another image display application must be used, which complicates the operation.
一方、特許文献1に開示される技術は、フラッシュメモリにオリジナル画像とサムネイル画像が予め記憶されているものであり、クライアント端末が検索サーバと画像提供元サーバからそれぞれ画像を取得するネットワーク環境においては適用することができない。
On the other hand, in the technique disclosed in
また、サムネイル画像自体の拡大を行えるようにしているが、サムネイル画像はデータ量が小さいため拡大には限界があり、十分な画質で表示を行うことができない場合がある。更に、オリジナル画像の表示後に他の画像と比較するためには、オリジナル画像の表示後にサムネイル画像の一覧に表示を戻す必要があり、操作が煩雑である。更に、サムネイル画像の拡大操作後にオリジナル画像の表示に切り替えた後は、オリジナル画像の拡大はできず、使い勝手が悪かった。 Although the thumbnail image itself can be enlarged, the thumbnail image has a limited amount of data because the amount of data is small, and may not be displayed with sufficient image quality. Furthermore, in order to compare with other images after displaying the original image, it is necessary to return the display to the list of thumbnail images after displaying the original image, and the operation is complicated. Furthermore, after switching to the display of the original image after the operation for enlarging the thumbnail image, the original image cannot be enlarged, and the usability is poor.
本発明は上記の従来の問題点に鑑み提案されたものであり、その目的とするところは、一覧画面上に表示される個々の一覧画像に対して任意に拡大・縮小を行うことのできる一覧画像表示装置、一覧画像表示制御方法および一覧画像表示制御プログラムを提供することにある。 The present invention has been proposed in view of the above-described conventional problems, and an object of the present invention is to provide a list capable of arbitrarily enlarging / reducing individual list images displayed on the list screen. An object is to provide an image display device, a list image display control method, and a list image display control program.
上記の課題を解決するため、本発明にあっては、請求項1に記載されるように、サーバから受信した複数の画像を一覧にして表示する一覧表示手段と、上記一覧の個々の画像に対して拡大もしくは縮小の操作を行う操作手段と、上記操作手段による拡大の操作の対象となった画像につき、それがサムネイル画像である場合に当該サムネイル画像に対応するオリジナル画像をサーバから取得する取得手段と、上記拡大の操作の対象となったサムネイル画像の表示サイズまで上記取得したオリジナル画像を拡大もしくは縮小して上記一覧上の画像を置き換える画像置換手段とを備える一覧画像表示装置を要旨としている。
In order to solve the above-described problems, in the present invention, as described in
また、請求項2に記載されるように、請求項1に記載の一覧画像表示装置において、上記取得手段は、サーバから複数のサムネイル画像を受信して一覧を表示する際に、全サムネイル画像に対応するオリジナル画像の取得を開始するようにすることができる。 According to a second aspect of the present invention, in the list image display device according to the first aspect, when the acquisition unit receives a plurality of thumbnail images from the server and displays the list, all the thumbnail images are displayed. Acquisition of the corresponding original image can be started.
また、請求項3に記載されるように、請求項1に記載の一覧画像表示装置において、上記取得手段は、サーバから複数のサムネイル画像を受信して一覧を表示する際に、全サムネイル画像のうち表示順位の高い上位所定数のサムネイル画像に対応するオリジナル画像の取得を開始するようにすることができる。 According to a third aspect of the present invention, in the list image display device according to the first aspect, when the acquisition unit receives a plurality of thumbnail images from the server and displays the list, all the thumbnail images are displayed. The acquisition of the original image corresponding to the upper predetermined number of thumbnail images having a higher display order can be started.
また、請求項4に記載されるように、請求項1に記載の一覧画像表示装置において、上記取得手段は、上記サーバから複数のサムネイル画像を受信して一覧表示する際に、上記拡大の操作の対象となった画像に対応するオリジナル画像の取得を開始するようにすることができる。 According to a fourth aspect of the present invention, in the list image display device according to the first aspect, the acquiring means receives the plurality of thumbnail images from the server and displays the list when displaying the list. The acquisition of the original image corresponding to the image that is the target of the process can be started.
また、請求項5に記載されるように、請求項1乃至4のいずれか一項に記載の一覧画像表示装置において、上記取得手段は、上記サムネイル画像のサイズと当該サムネイル画像に対応するオリジナル画像のサイズとを比較し、そのサイズ差が所定値未満である場合にオリジナル画像の取得の処理を省略するようにすることができる。
In addition, as described in
また、請求項6に記載されるように、サーバから受信した複数の画像を一覧にして表示する一覧表示手段と、上記一覧の個々の画像に対して拡大もしくは縮小の操作を行う操作手段と、上記操作手段による拡大の操作の対象となった画像につき、それがサムネイル画像である場合に当該サムネイル画像に対応する中間画像をサーバから取得する第1の取得手段と、上記拡大の操作の対象となったサムネイル画像の表示サイズまで上記取得した中間画像を拡大もしくは縮小して上記一覧上の画像を置き換える第1の画像置換手段と、上記中間画像の取得に続いて当該中間画像に対応するオリジナル画像をサーバから取得する第2の取得手段と、上記一覧上の置き換えられた中間画像の表示サイズまで上記取得したオリジナル画像を拡大もしくは縮小して上記一覧上の画像を置き換える第2の画像置換手段とを備える一覧画像表示装置として構成することができる。 According to a sixth aspect of the present invention, a list display unit that displays a list of a plurality of images received from the server, an operation unit that performs an enlargement or reduction operation on each image in the list, A first acquisition unit that acquires, from the server, an intermediate image corresponding to the thumbnail image when the image is the target of the enlargement operation by the operation unit, and the target of the enlargement operation. First image replacement means for replacing the image on the list by enlarging or reducing the acquired intermediate image to the display size of the thumbnail image, and an original image corresponding to the intermediate image following acquisition of the intermediate image A second acquisition means for acquiring the image from the server, and enlarging the acquired original image to the display size of the replaced intermediate image on the list or Small to be able to configure a list image display apparatus and a second image replacing means for replacing the image on the list.
また、請求項7に記載されるように、請求項6に記載の一覧画像表示装置において、上記第1および第2の取得手段は、サーバから複数のサムネイル画像を受信して一覧を表示する際に、全サムネイル画像に対応する中間画像もしくはオリジナル画像の取得を開始するようにすることができる。 According to a seventh aspect of the present invention, in the list image display device according to the sixth aspect, the first and second acquisition units receive a plurality of thumbnail images from the server and display the list. In addition, acquisition of an intermediate image or an original image corresponding to all thumbnail images can be started.
また、請求項8に記載されるように、請求項6に記載の一覧画像表示装置において、上記第1および第2の取得手段は、サーバから複数のサムネイル画像を受信して一覧を表示する際に、全サムネイル画像のうち表示順位の高い上位所定数のサムネイル画像に対応する中間画像もしくはオリジナル画像の取得を開始するようにすることができる。
Further, as described in claim 8, in the list image display device according to
また、請求項9に記載されるように、請求項6に記載の一覧画像表示装置において、上記第1および第2の取得手段は、上記サーバから複数のサムネイル画像を受信して一覧表示する際に、上記拡大の操作の対象となった画像に対応する中間画像もしくはオリジナル画像の取得を開始するようにすることができる。 According to a ninth aspect of the present invention, in the list image display device according to the sixth aspect, the first and second acquisition means receive a plurality of thumbnail images from the server and display the list. In addition, acquisition of an intermediate image or an original image corresponding to the image subjected to the enlargement operation can be started.
また、請求項10に記載されるように、請求項6乃至9のいずれか一項に記載の一覧画像表示装置において、上記第1および第2の取得手段は、上記サムネイル画像のサイズと当該サムネイル画像に対応するオリジナル画像のサイズとを比較し、そのサイズ差が第1の所定値に相当するサイズ差未満である場合に中間画像およびオリジナル画像の取得を省略し、サイズ差が上記第1の所定値よりも大きく、かつ上記第1の所定値よりも大きい第2の所定値に相当するサイズ差未満である場合に中間画像の取得の処理を省略するようにすることができる。
Further, as described in claim 10, in the list image display device according to any one of
また、請求項11に記載されるように、請求項1乃至10のいずれか一項に記載の一覧画像表示装置において、上記一覧の個々の画像に対し、表示された画像内の領域を指定して部分的な拡大を行う手段を備えるようにすることができる。
In addition, as described in claim 11, in the list image display device according to any one of
また、請求項12に記載されるように、サーバから受信した複数の画像を一覧にして表示する一覧表示手段と、上記一覧の個々の画像に対して拡大の操作が行われたときに、当該拡大の操作の対象となった画像につき、それがサムネイル画像である場合に当該サムネイル画像に対応するオリジナル画像の受信を開始しつつ当該サムネイル画像を当該拡大の操作に応じて拡大し、当該オリジナル画像の受信が完了した場合に、そのオリジナル画像をサムネイル画像の表示サイズまで拡大もしくは縮小して上記一覧上の画像を置き換える画像置換手段とを備える一覧画像表示装置として構成することができる。 According to a twelfth aspect of the present invention, when a list display unit that displays a plurality of images received from the server as a list and an enlargement operation is performed on each of the images in the list, For an image subjected to an enlargement operation, if the image is a thumbnail image, the original image corresponding to the thumbnail image is started to be received and the thumbnail image is enlarged according to the enlargement operation. Can be configured as a list image display device provided with image replacement means for replacing the image on the list by enlarging or reducing the original image to the display size of the thumbnail image.
また、請求項13に記載されるように、サーバから受信した複数の画像を一覧にして表示する一覧表示手段と、上記一覧の個々の画像に対して拡大の操作が行われたときに、当該拡大の操作の対象となった画像につき、それがサムネイル画像である場合に当該サムネイル画像に対応する中間画像の受信を開始しつつ当該サムネイル画像を当該拡大の操作に応じて拡大し、当該中間画像の受信が完了した場合に、その中間画像をサムネイル画像の表示サイズまで拡大もしくは縮小して上記一覧上の画像を置き換える第1の画像置換手段と、上記中間画像の受信完了に続いて上記拡大の操作の対象となるサムネイル画像に対応するオリジナル画像の受信を開始しつつ上記置き換えた中間画像を当該拡大の操作に応じて拡大し、当該オリジナル画像の受信が完了した場合に、当該オリジナル画像を上記中間画像の表示サイズまで拡大もしくは縮小して上記一覧上の画像を置き換える第2の画像置換手段とを備える一覧画像表示装置として構成することができる。 According to a thirteenth aspect of the present invention, when a list display unit that displays a list of a plurality of images received from the server and an enlargement operation is performed on each of the images in the list, When the image that is the target of the enlargement operation is a thumbnail image, the intermediate image corresponding to the thumbnail image is started to be received and the thumbnail image is enlarged according to the enlargement operation. When the reception of the intermediate image is completed, the intermediate image is enlarged or reduced to the display size of the thumbnail image to replace the image on the list, and the enlargement is performed following the completion of the reception of the intermediate image. While starting to receive the original image corresponding to the thumbnail image to be operated, the replaced intermediate image is enlarged according to the enlargement operation, and the original image When the reception is completed, the original image may be configured as a list image display device and a second image replacing means for expanding or reduced to the display size of the intermediate image replacing the image on the list.
また、請求項14、15に記載されるように、一覧画像表示制御方法として構成することができる。 Moreover, as described in claims 14 and 15, it can be configured as a list image display control method.
また、請求項16、17に記載されるように、一覧画像表示制御プログラムとして構成することができる。 Further, as described in claims 16 and 17, it can be configured as a list image display control program.
本発明の一覧画像表示装置、一覧画像表示制御方法および一覧画像表示制御プログラムにあっては、一覧画面に表示される個々の一覧画像に対して十分な画質で任意に拡大・縮小を行うことができる。 In the list image display device, list image display control method, and list image display control program of the present invention, each list image displayed on the list screen can be arbitrarily enlarged / reduced with sufficient image quality. it can.
以下、本発明の好適な実施形態につき説明する。なお、画像検索サービスを対象とした例について説明するが、検索を経ないで複数の画像をサーバから取得して一覧表示する場合にも本発明を適用することができる。 Hereinafter, preferred embodiments of the present invention will be described. Although an example for an image search service will be described, the present invention can also be applied to a case where a plurality of images are acquired from a server and displayed as a list without searching.
<用語定義>
以下の説明において、次のように用語を定義する。
サムネイル画像:オリジナル画像を縮小した画像。
一覧画像:画像検索の結果として一覧表示される画像(サムネイル画像、中間画像、オリジナル画像のいずれか)。
中間画像:サムネイル画像とオリジナル画像の中間程度のデータ量を有する画像。
<Term definition>
In the following description, terms are defined as follows.
Thumbnail image: An image obtained by reducing the original image.
List image: Images displayed as a list as a result of image search (either thumbnail images, intermediate images, or original images).
Intermediate image: An image having an intermediate amount of data between the thumbnail image and the original image.
<システム構成>
図2は本発明の一実施形態にかかるシステムの構成例を示す図である。
<System configuration>
FIG. 2 is a diagram illustrating a configuration example of a system according to an embodiment of the present invention.
図2において、インターネット等のネットワーク2には、画像検索サービスを提供する検索サーバ1と、ユーザの操作するPC(Personal Computer)、PDA(Personal Digital Assistant)、携帯電話等のクライアント端末3と、検索対象となる画像のオリジナル画像を保持する画像提供元サーバ4とが接続されている。
In FIG. 2, a
図3は検索サーバ1の構成例を示す図である。
FIG. 3 is a diagram illustrating a configuration example of the
図3において、検索サーバ1には、データベース(DB)として、キーワード(テキスト)、サムネイル情報(画像URL、画像サイズ)、オリジナル情報(ページURL、画像URL、画像サイズ)、中間画像情報(記憶先、画像サイズ)等を対応付けて保持する検索用のインデクスDB111と、サムネイル画像を保持するサムネイル画像DB112と、中間画像を保持する中間画像DB113とを備えている。サムネイル画像および中間画像は予めネットワーク上をクロールして作成しておく。なお、中間画像については後述する第3、第4の実施例における処理において使用し、第1、第2の実施例では使用しない。
In FIG. 3, the
また、検索サーバ1は、機能部として、クライアント端末3から検索のためのキーワードを含むクエリを受信するクエリ受信部101と、クエリ受信部101で受信したクエリに基づいてインデクスDB111を検索する検索実行部102と、この検索実行部102の検索結果をクライアント端末3に送信する検索結果送信部103とを備えている。
In addition, the
また、検索サーバ1は、機能部として、クライアント端末3からサムネイル画像の取得要求を受信するサムネイル画像取得要求受信部104と、要求されたサムネイル画像をサムネイル画像DB112から取得するサムネイル画像取得部105と、取得したサムネイル画像をクライアント端末3に送信するサムネイル画像送信部106とを備えている。
Further, the
また、検索サーバ1は、機能部として、クライアント端末3から中間画像の取得要求を受信する中間画像取得要求受信部107と、要求された中間画像を中間画像DB113から取得する中間画像取得部108と、取得した中間画像をクライアント端末3に送信する中間画像送信部109とを備えている。
Further, the
図4はクライアント端末3の構成例を示す図である。
FIG. 4 is a diagram illustrating a configuration example of the
図4において、クライアント端末3は、操作するユーザに対してユーザインタフェース(UI)を提供するUI制御部31と、ネットワーク2を介した通信を行う通信制御部32とを備えている。
4, the
UI制御部31は、画像検索のためのクエリを入力する画面を表示する入力画面表示部311と、入力画面表示部311により表示された入力画面に対し、ユーザからの操作を受け付けてクエリ入力を行うクエリ入力部312とを備えている。
The
また、UI制御部31は、検索結果に含まれる複数の画像(一覧画像)を一覧画面にして表示する検索結果表示部313と、一覧画像の各種情報を管理する一覧画像管理テーブル314(データ構造については後述)と、検索結果表示部313により表示された一覧画面内の個々の一覧画像に対し、ユーザからの操作を受け付けて拡大・縮小等の操作を行う画像操作部315と、検索結果表示部313から呼び出されて一覧画像の拡大・縮小を行う一覧画像拡大縮小部316と、サーバ側から受信したサムネイル画像、オリジナル画像および中間画像を保持する受信画像保持部317とを備えている。
The
通信制御部32は、入力画面表示部311により表示された入力画面に入力されたクエリをネットワーク2を介して検索サーバ1(図2)に送信するクエリ送信部321と、検索サーバ1からネットワーク2を介して送信された検索結果を受信し、検索結果表示部313に引き渡す検索結果受信部322と、検索結果表示部313における一覧画像への拡大操作時もしくは一覧表示直後に処理を開始して所定のオリジナル画像もしくは中間画像の取得および一覧画像の置き換えを行う画像取得/置換部323とを備えている。
The
画像取得/置換部323は、AJAX(Asynchronous JavaScript + XML:Webブラウザに実装されているJavaScriptのHTTP(HyperText Transfer Protocol)通信機能を使い、Webページのリロードを伴わずにサーバとXML(Extensible Markup Language)形式のデータのやり取りを行なって画面制御等の処理を行う実装)等により構成されるソフトウェアモジュールである。なお、画像取得/置換部323は、AJAXに代えて、Flash(Adobe社が開発したソフトウェアであり、Webブラウザに専用のプラグインをインストールしておくことで利用が可能)により実現してもよい。
The image acquisition /
画像取得/置換部323は、検索結果表示部313により表示される一覧画像への拡大操作時もしくは一覧表示直後にオリジナル画像もしくは中間画像の取得要求をネットワーク2を介して画像提供元サーバ4もしくは検索サーバ1に送信する画像取得要求送信部324と、画像提供元サーバ4もしくは検索サーバ1から送信されたオリジナル画像もしくは中間画像を受信し、受信画像保持部317に引き渡す画像受信部325と、画像受信部325で受信されたオリジナル画像もしくは中間画像を現表示サイズに拡大・縮小して一覧画像の置き換えを行う一覧画像置き換え部326とを備えている。
The image acquisition /
図5は一覧画像管理テーブル314のデータ構造例を示す図であり、一覧画像を識別する「一覧画像ID」、一覧画面上での一覧画像の表示位置を示す「表示位置」、一覧画像のファイル名を示す「一覧画像ファイル名」、一覧画像がサムネイル画像であるか中間画像であるかオリジナル画像であるかを示す「種別(サムネイル画像、中間画像、オリジナル画像)」、中間画像もしくはオリジナル画像が受信済であるか受信中であるかを示す「状態(受信済、受信中)」、一覧画面での一覧画像の表示サイズを示す「表示サイズ」、一覧画像が部分拡大表示されている場合の表示領域を示す「表示領域(比率)」の項目を有している。 FIG. 5 is a diagram showing an example of the data structure of the list image management table 314. The “list image ID” for identifying the list image, the “display position” indicating the display position of the list image on the list screen, and the list image file “List image file name” indicating the name, “Type (thumbnail image, intermediate image, original image)” indicating whether the list image is a thumbnail image, an intermediate image or an original image, an intermediate image or an original image is “Status (Received, Receiving)” indicating whether it has been received or being received, “Display Size” indicating the display size of the list image on the list screen, and when the list image is partially enlarged It has an item “display area (ratio)” indicating the display area.
また、対応するサムネイル画像の格納先を示す「サムネイル画像URL」、サムネイル画像のサイズを示す「サムネイル画像サイズ」、オリジナル画像の存在場所を示す「オリジナル画像URL」、オリジナル画像のサイズを示す「オリジナル画像サイズ」、中間画像の格納先を示す「中間画像URL」、中間画像のサイズを示す「中間画像サイズ」等の項目を有している。 Also, a “thumbnail image URL” indicating the storage location of the corresponding thumbnail image, a “thumbnail image size” indicating the size of the thumbnail image, an “original image URL” indicating the location of the original image, and an “original image” indicating the size of the original image Items such as “image size”, “intermediate image URL” indicating the storage destination of the intermediate image, and “intermediate image size” indicating the size of the intermediate image are included.
<第1の実施例>
第1の実施例は、拡大操作の対象となった一覧画像につき画像サイズに応じてオリジナル画像の取得を行うようにしたものである。
<First embodiment>
In the first embodiment, an original image is acquired according to an image size for a list image that is an object of enlargement operation.
図6は第1の実施例にかかる処理例を示すフローチャートである。 FIG. 6 is a flowchart showing an example of processing according to the first embodiment.
図6において、クライアント端末3は、入力画面表示部311により表示される入力画面に対してクエリ入力部312を介してユーザからキーワードを伴う画像検索のクエリが入力されると、入力画面表示部311はクエリ送信部321に入力されたクエリを伝え、クエリ送信部321はクエリをネットワーク2を介して検索サーバ1に送信する(ステップS101)。
In FIG. 6, when the
検索サーバ1は、クライアント端末3からネットワーク2を介してクエリ受信部101によりクエリを受信すると、当該クエリに含まれるキーワードに基づいてインデクスDB111を検索実行部102により検索し、その検索結果を検索結果送信部103によりネットワーク2を介してクライアント端末3に送信する。検索結果には、サムネイル画像のURL、サムネイルの画像サイズ、対応するオリジナル画像のURL、オリジナル画像のサイズが含まれる。
When the
クライアント端末3は、検索サーバ1からネットワーク2を介して検索結果受信部322により検索結果を受信すると(ステップS102)、検索結果表示部313に検索結果を引き渡す。検索結果表示部313は検索結果を一覧画像管理テーブル314に格納し、サムネイル画像を検索サーバ1から取得する。検索サーバ1はクライアント端末3からネットワーク2を介してサムネイル画像の取得要求をサムネイル画像取得要求受信部104により受信すると、対応するサムネイル画像をサムネイル画像DB112からサムネイル画像取得部105により取得し、そのサムネイル画像をサムネイル画像送信部106によりネットワーク2を介してクライアント端末3に送信する。検索結果表示部313は取得したサムネイル画像を受信画像保持部317に格納した上で、サムネイル画像の一覧を表示する(ステップS103)。
When the
その後、検索結果表示部313はユーザから画像操作部315を介して操作を受けた際に、一覧画像に対する操作であるか否かを判断する(ステップS104)。一覧画像に対する操作には、一覧画像の角部をマウスポインタで掴んで外側にドラッグ(引きずる)する拡大操作、内側にドラッグする縮小操作、一覧画像の上にマウスポインタを乗せる部分拡大開始操作が含まれる。また、一覧画像に対するものでない操作としては、一覧画面をクローズ(閉じる)する操作等が含まれる。なお、具体的操作内容については種々の変形があり得る。
Thereafter, when the search
一覧画像に対する操作でない場合(ステップS104のNo)は続いて一覧画面のクローズの操作であるか否か判断し(ステップS105)、クローズの操作でない場合(ステップS105のNo)は操作の判断(ステップS104)に戻り、クローズの操作である場合(ステップS105のYes)は一覧画面のクローズとともに図6の処理を終了する(ステップS106)。 If the operation is not an operation on the list image (No in step S104), it is subsequently determined whether the operation is a closing operation of the list screen (step S105). If the operation is not a closing operation (No in step S105), the operation is determined (step S105). Returning to S104), if the operation is a close operation (Yes in Step S105), the list screen is closed and the processing in FIG. 6 is terminated (Step S106).
一方、一覧画像に対する操作である場合(ステップS104のYes)、検索結果表示部313は続いて拡大操作であるか縮小操作であるか部分拡大開始操作であるかを判断する(ステップS107)。
On the other hand, if the operation is for a list image (Yes in step S104), the search
拡大操作である場合(ステップS107の拡大)、検索結果表示部313は続いて操作対象となった一覧画像が現時点でサムネイル画像であるかオリジナル画像であるか判断する(ステップS108)。一覧画像がサムネイル画像であるかオリジナル画像であるかは一覧画像管理テーブル314(図5)の「種別」の項目を参照することで判断することができる。
If the operation is an enlargement operation (enlargement in step S107), the search
一覧画像がサムネイル画像である場合(ステップS108のサムネイル)、検索結果表示部313は続いて当該サムネイル画像に対応するオリジナル画像を現時点で受信中であるか否か判断する(ステップS109)。オリジナル画像を現時点で受信中であるか否かは一覧画像管理テーブル314(図5)の「状態」の項目を参照することで判断することができる。そして、オリジナル画像を現時点で受信中でない場合(ステップS109のNo)、検索結果表示部313は画像取得/置換部323によるオリジナル画像の取得処理を開始する(ステップS110)。オリジナル画像の取得処理の詳細については後述する。オリジナル画像を現時点で受信中である場合(ステップS109のYes)、新たにオリジナル画像を取得する必要がないため、オリジナル画像の取得処理の開始は行わない。次いで、検索結果表示部313は、オリジナル画像の取得処理と並行して、サムネイル画像を用いた一覧画像に対してユーザの拡大操作に応じた拡大処理を一覧画像拡大縮小部316によって行い(ステップS111)、操作の判断(ステップS104)に戻る。
If the list image is a thumbnail image (thumbnail in step S108), the search
また、一覧画像がオリジナル画像である場合(ステップS108のオリジナル)、検索結果表示部313はオリジナル画像による一覧画像に対して一覧画像拡大縮小部316によりユーザの拡大操作に応じた拡大処理を行い(ステップS112)、操作の判断(ステップS104)に戻る。
If the list image is an original image (original in step S108), the search
図7は一覧画像の拡大時の画面例を示す図である。ユーザが、図7(a)に示す一覧の中から一覧画像Dの右下の角部を太矢印で示すマウスポインタPで掴んで右下方向に向かってドラッグした場合、図7(b)に示すように一覧画像Dの右下の角部がマウスポインタPの移動に連動して移動することで一覧画像が拡大される。この際、他の一覧画像は拡大した一覧画像Dと重ならないように自動的に表示位置がずらされていく。なお、他の一覧画像の表示位置をずらすことなく、拡大した一覧画像Dを上に重ねて表示するようにしてもよいし、マウスのドラッグが解除された場合に一覧画像を元の表示サイズに戻すようにしてもよい。 FIG. 7 is a diagram showing an example of a screen when enlarging the list image. When the user grabs the lower right corner of the list image D with the mouse pointer P indicated by the thick arrow from the list shown in FIG. 7A and drags it in the lower right direction, the state shown in FIG. As shown, the lower right corner of the list image D moves in conjunction with the movement of the mouse pointer P, so that the list image is enlarged. At this time, the display position is automatically shifted so that the other list images do not overlap with the enlarged list image D. It should be noted that the enlarged list image D may be displayed on top without shifting the display position of other list images, or when the mouse drag is released, the list image is restored to the original display size. You may make it return.
同様に、図7(b)の状態から一覧画像Dの右下の角部をマウスポインタPで掴んで右下方向に向かって更にドラッグすることで、図7(c)、図7(d)に示す状態となる。なお、拡大操作の対象となった一覧画像Dがその時点ではサムネイル画像である場合、拡大した状態では若干画質が落ちたものとなるが、並行して行われるオリジナル画像の取得処理(処理の詳細は後述)によりオリジナル画像を受信した時点で画像の置き換えが行われ、十分な画質の状態となる。拡大操作の時点で既にオリジナル画像となっている一覧画像である場合には、操作当初より十分な画質で拡大が行われる。 Similarly, by grasping the lower right corner of the list image D with the mouse pointer P from the state of FIG. 7B and further dragging in the lower right direction, FIGS. 7C and 7D. It will be in the state shown in Note that if the list image D that is the target of the enlargement operation is a thumbnail image at that time, the image quality slightly deteriorates in the enlarged state, but the original image acquisition process (details of the process) performed in parallel is performed. The image is replaced when the original image is received in accordance with (to be described later), and the image quality is sufficient. In the case of a list image that is already an original image at the time of the enlargement operation, enlargement is performed with sufficient image quality from the beginning of the operation.
図8は一覧画像の拡大時の他の画面例を示す図であり、一覧に含まれる一つの一覧画像について拡大操作を行った場合に、一覧画面内の他の一覧画像に対しても同様に拡大を行うようにしたものである。ユーザが図8(a)に示す一覧の中から一覧画像Aの右下の角部をマウスポインタPで掴んで右下方向に向かってドラッグした場合、図8(b)に示すように一覧画像Aの右下の角部がマウスポインタPの移動に連動して移動することで一覧画像が拡大されるとともに、一覧画面内の他の一覧画像も同率で拡大される。同様に、図8(b)の状態から一覧画像Aの右下の角部をマウスポインタPで掴んで右下方向に向かって更にドラッグすることで、図8(c)、図8(d)に示す状態となる。 FIG. 8 is a diagram showing another screen example when enlarging a list image. When an enlargement operation is performed on one list image included in the list, the same applies to other list images in the list screen. It is intended to be enlarged. When the user grabs the lower right corner of the list image A with the mouse pointer P from the list shown in FIG. 8A and drags it in the lower right direction, the list image as shown in FIG. 8B. The list image is enlarged by moving the lower right corner of A in conjunction with the movement of the mouse pointer P, and the other list images in the list screen are also enlarged at the same rate. Similarly, by grasping the lower right corner of the list image A with the mouse pointer P from the state of FIG. 8B and further dragging in the lower right direction, FIGS. 8C and 8D. It will be in the state shown in
図6に戻り、縮小操作である場合(ステップS107の縮小)、検索結果表示部313は一覧画像(サムネイル画像であるかオリジナル画像であるかを問わない)に対して一覧画像拡大縮小部316によりユーザの縮小操作に応じた縮小処理を行い(ステップS113)、操作の判断(ステップS104)に戻る。
Returning to FIG. 6, in the case of a reduction operation (reduction in step S <b> 107), the search
また、部分拡大開始操作である場合(ステップS107の部分拡大)、検索結果表示部313は一覧画像の部分拡大処理を行い(ステップS114)、操作の判断(ステップS104)に戻る。一覧画像の部分拡大処理の詳細については後述する。
If the operation is a partial enlargement start operation (partial enlargement in step S107), the search
図9は拡大操作対象の一覧画像に対応するオリジナル画像の取得処理(図6のステップS110により起動される処理)の例を示すフローチャートである。 FIG. 9 is a flowchart showing an example of an original image acquisition process (process activated in step S110 in FIG. 6) corresponding to a list image to be enlarged.
図9において、検索結果表示部313は処理を開始すると(ステップS121)、操作された一覧画像のオリジナル画像はサムネイル画像の所定倍(例えば、2倍)以上のサイズであるか否か判断する(ステップS122)。なお、この判断は一覧画像管理テーブル314(図5)の「サムネイル画像サイズ」および「オリジナル画像サイズ」を参照することで行うことができる。そして、オリジナル画像がサムネイル画像の所定倍以上のサイズでない場合(ステップS122のNo)、オリジナル画像を取得しても画質の大幅な向上が期待できない(サムネイル画像により同等の画質を維持することができる)ため、オリジナル画像の取得を中止して図9の処理を終了する(ステップS127)。
In FIG. 9, when the search
一方、オリジナル画像がサムネイル画像の所定倍以上のサイズである場合(ステップS122のYes)、検索結果表示部313は画像取得/置換部323に画像取得を要求し、画像取得/置換部323は画像取得要求送信部324によりオリジナル画像URL(一覧画像管理テーブル314の「オリジナル画像URL」)に基づきネットワーク2を介して画像提供元サーバ4に対してオリジナル画像の取得要求を送信する(ステップS123)。画像提供元サーバ4は通常のHTTPによるWebサーバ機能等によりオリジナル画像をネットワーク2を介してクライアント端末3に送信する。
On the other hand, when the original image has a size larger than the predetermined size of the thumbnail image (Yes in step S122), the search
画像取得/置換部323の画像受信部325はオリジナル画像を受信すると(ステップS124)、受信したオリジナル画像を受信画像保持部317に格納するとともに、一覧画像置き換え部326にオリジナル画像を引き渡す。一覧画像管理テーブル314の更新も併せて行う。一覧画像置き換え部326は、拡大操作の対象の一覧画像の現表示サイズ(一覧画像管理テーブル314の「表示サイズ」)までオリジナル画像をリサイズ(サイズ変更)し(ステップS125)、検索結果表示部313で管理される拡大操作の対象のサムネイル画像をリサイズしたオリジナル画像で置き換え(ステップS126)、図9の処理を終了する(ステップS127)。
When the
なお、上記のリサイズの処理(ステップS125)においては、一覧画像が一覧内で部分拡大されて表示されている場合、表示領域(一覧画像管理テーブル314の「表示領域」)に基づいて表示部分の切り出しを併せて行う。 In the above resizing process (step S125), when the list image is partially enlarged and displayed in the list, the display portion is displayed based on the display area ("display area" in the list image management table 314). Cut out together.
図10は部分拡大処理(図6のステップS114)の例を示すフローチャートである。 FIG. 10 is a flowchart showing an example of the partial enlargement process (step S114 in FIG. 6).
図10において、検索結果表示部313は処理を開始すると(ステップS131)、領域指定用ウインドウをオープンする(ステップS132)。図11は一覧画像の部分拡大時の画面例を示す図であり、図11(a)に示す一覧の中から例えば一覧画像Dの上にマウスポインタPが乗せられたことで部分拡大開始操作が行われ、図11(b)に示すように領域指定用ウインドウWが表示される。図11(b)に示す領域指定用ウインドウWにおいて、ユーザはマウスポインタPを直線状(図では左上から右下)にドラッグすることで、部分拡大したい矩形の領域を指定し、部分拡大ボタンBを押すことで拡大領域の指定を確定する。
In FIG. 10, when the search
図10に戻り、検索結果表示部313は領域指定用ウインドウから一覧画像における指定領域の位置比率(例えば、一覧画像の横サイズおよび縦サイズに対する、一覧画像の左上を原点とした、矩形の左上の開始位置と右下の終了位置のX座標およびY座標の比率)を取得し(ステップS133)、次いで、部分拡大ボタンが押されたか否か判断する(ステップS134)。部分拡大ボタンが押されてない場合(ステップS134のNo)は指定領域の位置比率の取得(ステップS133)に戻る。
Returning to FIG. 10, the search
部分拡大ボタンが押された場合(ステップS134のYes)、検索結果表示部313は領域指定用ウインドウをクローズし(ステップS135)、一覧画像がサムネイル画像であるかオリジナル画像であるかを判断する(ステップS136)。一覧画像がサムネイル画像であるかオリジナル画像であるかは一覧画像管理テーブル314(図5)の「種別」の項目を参照することで判断することができる。
When the partial enlarge button is pressed (Yes in step S134), the search
一覧画像がサムネイル画像である場合(ステップS136のサムネイル)、検索結果表示部313は続いて対応するオリジナル画像を現時点で受信中であるか否か判断する(ステップS137)。オリジナル画像を現時点で受信中であるか否かは一覧画像管理テーブル314(図5)の「状態」の項目を参照することで判断することができる。そして、オリジナル画像を現時点で受信中でない場合(ステップS137のNo)、検索結果表示部313は画像取得/置換部323によるオリジナル画像の取得処理を開始する(ステップS138)。なお、ここで開始されるオリジナル画像の取得処理は図9に示したものと同様である。
If the list image is a thumbnail image (thumbnail in step S136), the search
オリジナル画像を現時点で受信中である場合(ステップS137のYes)、新たにオリジナル画像を取得する必要がないため、オリジナル画像の取得処理の開始は行わない。次いで、検索結果表示部313は、サムネイル画像から指定領域を切り出す(ステップS139)。
If the original image is currently being received (Yes in step S137), the original image acquisition process is not started because there is no need to newly acquire the original image. Next, the search
一方、一覧画像がオリジナル画像であると判断した場合(ステップS136のオリジナル)、検索結果表示部313はオリジナル画像から指定領域を切り出す(ステップS140)。
On the other hand, when it is determined that the list image is the original image (original in step S136), the search
サムネイル画像もしくはオリジナル画像から指定領域の切り出しの後、対応する一覧画像の現表示サイズ(一覧画像管理テーブル314の「表示サイズ」)までオリジナル画像をリサイズ(サイズ変更)し(ステップS141)、検索結果表示部313で管理される部分拡大操作の対象の一覧画像(サムネイル画像であるかオリジナル画像であるかを問わない)をリサイズしたオリジナル画像で置き換える(ステップS142)。そして、ユーザの操作に応じ、部分表示された一覧画像に対する拡大処理を行い(ステップS143)、図10の処理を終了する(ステップS144)。
After cutting out the designated area from the thumbnail image or the original image, the original image is resized (changed in size) to the current display size of the corresponding list image (“display size” in the list image management table 314) (step S141), and the search result The list image (whether it is a thumbnail image or an original image) that is the target of the partial enlargement operation managed by the
図11(c)は一覧画像の指定された領域が切り出されて置き換えられた状態を示しており、この部分表示の一覧画像Dの右下の角部をマウスポインタPで掴んで右下方向に向かってドラッグすることで、図11(d)に示すように任意のサイズまで拡大することができる。 FIG. 11C shows a state in which the designated area of the list image is cut out and replaced. The lower right corner of the partially displayed list image D is grasped with the mouse pointer P in the lower right direction. By dragging in the direction, it can be enlarged to an arbitrary size as shown in FIG.
なお、一覧画像の上にマウスポインタを乗せて部分拡大開始操作を開始する際に現状のサムネイル画像もしくはオリジナル画像の全体から部分表示に移行する場合につき説明したが、部分表示された状態で更に部分拡大を行えるようにしてもよい。 In addition, when the mouse pointer is placed on the list image and the partial enlargement start operation is started, the case where the current thumbnail image or the original image is shifted to the partial display has been described. You may enable it to expand.
<第2の実施例>
第2の実施例は、一覧表示直後に検索結果に含まれる全ての一覧画像もしくは表示順位(クエリへのヒット率の順)の高い上位所定数(例えば、20枚表示のうちの上位10枚)の一覧画像につき画像サイズに応じてオリジナル画像の取得を行うとともに、拡大操作の対象となった一覧画像につき画像サイズに応じて優先的にオリジナル画像の取得を行うようにしたものである。
<Second embodiment>
In the second embodiment, all the list images included in the search result immediately after displaying the list or the upper predetermined number with the highest display order (in order of the hit rate to the query) (for example, the top 10 of the 20 display) The original image is acquired according to the image size for each of the list images, and the original image is acquired preferentially according to the image size for the list image subjected to the enlargement operation.
図12は第2の実施例にかかる処理例を示すフローチャートである。 FIG. 12 is a flowchart showing an example of processing according to the second embodiment.
図12において、クライアント端末3は、入力画面表示部311により表示される入力画面に対してクエリ入力部312を介してユーザからキーワードを伴う画像検索のクエリが入力されると、入力画面表示部311はクエリ送信部321に入力されたクエリを伝え、クエリ送信部321はクエリをネットワーク2を介して検索サーバ1に送信する(ステップS201)。
In FIG. 12, when the
検索サーバ1は、クライアント端末3からネットワーク2を介してクエリ受信部101によりクエリを受信すると、当該クエリに含まれるキーワードに基づいてインデクスDB111を検索実行部102により検索し、その検索結果を検索結果送信部103によりネットワーク2を介してクライアント端末3に送信する。検索結果には、サムネイル画像のURL、サムネイルの画像サイズ、対応するオリジナル画像のURL、オリジナル画像のサイズが含まれる。
When the
クライアント端末3は、検索サーバ1からネットワーク2を介して検索結果受信部322により検索結果を受信すると(ステップS202)、検索結果表示部313に検索結果を引き渡す。検索結果表示部313は検索結果を一覧画像管理テーブル314に格納し、サムネイル画像を検索サーバ1から取得する。検索サーバ1はクライアント端末3からネットワーク2を介してサムネイル画像の取得要求をサムネイル画像取得要求受信部104により受信すると、対応するサムネイル画像をサムネイル画像DB112からサムネイル画像取得部105により取得し、そのサムネイル画像をサムネイル画像送信部106によりネットワーク2を介してクライアント端末3に送信する。検索結果表示部313は取得したサムネイル画像を受信画像保持部317に格納した上で、サムネイル画像の一覧を表示する(ステップS203)。
When the
次いで、検索結果表示部313は検索結果に含まれる全ての一覧画像もしくは表示順位の高い上位所定数の一覧画像についてのオリジナル画像の取得処理を開始する(ステップS204)。その処理の詳細については後述する。
Next, the search
その後、検索結果表示部313はユーザから画像操作部315を介して操作を受けた際に、一覧画像に対する操作であるか否かを判断する(ステップS205)。一覧画像に対する操作には、一覧画像の角部をマウスポインタで掴んで外側にドラッグする拡大操作、内側にドラッグする縮小操作、一覧画像の上にマウスポインタを乗せる部分拡大開始操作が含まれる。また、一覧画像に対するものでない操作としては、一覧画面をクローズする操作等が含まれる。なお、具体的操作内容については種々の変形があり得る。
Thereafter, when the search
一覧画像に対する操作でない場合(ステップS205のNo)は続いて一覧画面のクローズの操作であるか否か判断し(ステップS206)、クローズの操作でない場合(ステップS206のNo)は操作の判断(ステップS205)に戻り、クローズの操作である場合(ステップS206のYes)は一覧画面のクローズとともに図12の処理を終了する(ステップS207)。 If the operation is not an operation on the list image (No in step S205), it is subsequently determined whether the operation is a closing operation of the list screen (step S206). If the operation is not a closing operation (No in step S206), the operation is determined (step S206). Returning to S205), if the operation is a close operation (Yes in Step S206), the processing of FIG. 12 is terminated together with the closing of the list screen (Step S207).
一方、一覧画像に対する操作である場合(ステップS205のYes)、検索結果表示部313は続いて拡大操作であるか縮小操作であるか部分拡大開始操作であるかを判断する(ステップS208)。
On the other hand, if the operation is for a list image (Yes in step S205), the search
拡大操作である場合(ステップS208の拡大)、検索結果表示部313は続いて操作対象となった一覧画像が現時点でサムネイル画像であるかオリジナル画像であるか判断する(ステップS209)。一覧画像がサムネイル画像であるかオリジナル画像であるかは一覧画像管理テーブル314(図5)の「種別」の項目を参照することで判断することができる。
If the operation is an enlargement operation (enlargement in step S208), the search
一覧画像がサムネイル画像である場合(ステップS209のサムネイル)、検索結果表示部313は続いて当該サムネイル画像に対応するオリジナル画像を現時点で受信中であるか否か判断する(ステップS210)。オリジナル画像を現時点で受信中であるか否かは一覧画像管理テーブル314(図5)の「状態」の項目を参照することで判断することができる。そして、オリジナル画像を現時点で受信中でない場合(ステップS210のNo)、検索結果表示部313は画像取得/置換部323によるオリジナル画像の取得処理を開始する(ステップS211)。オリジナル画像の取得処理の詳細については後述する。オリジナル画像を現時点で受信中である場合(ステップS210のYes)、新たにオリジナル画像を取得する必要がないため、オリジナル画像の取得処理の開始は行わない。次いで、検索結果表示部313は、オリジナル画像の取得処理と並行して、サムネイル画像を用いた一覧画像に対してユーザの拡大操作に応じた拡大処理を一覧画像拡大縮小部316によって行い(ステップS212)、操作の判断(ステップS205)に戻る。
When the list image is a thumbnail image (thumbnail in step S209), the search
また、一覧画像がオリジナル画像である場合(ステップS209のオリジナル)、検索結果表示部313はオリジナル画像による一覧画像に対して一覧画像拡大縮小部316によりユーザの拡大操作に応じた拡大処理を行い(ステップS213)、操作の判断(ステップS205)に戻る。
If the list image is an original image (original in step S209), the search
一方、縮小操作である場合(ステップS208の縮小)、検索結果表示部313は一覧画像(サムネイル画像であるかオリジナル画像であるかを問わない)に対して一覧画像拡大縮小部316によりユーザの縮小操作に応じた縮小処理を行い(ステップS214)、操作の判断(ステップS205)に戻る。
On the other hand, when the operation is a reduction operation (reduction in step S208), the search
また、部分拡大開始操作である場合(ステップS208の部分拡大)、検索結果表示部313は一覧画像の部分拡大処理を行い(ステップS215)、操作の判断(ステップS205)に戻る。一覧画像の部分拡大処理は図10に示したものと同様であるが、その中で開始(ステップS138)するオリジナル画像の取得処理は図12のオリジナル画像の取得処理開始(ステップS211)により行われるオリジナル画像の取得処理(後述)に置き換わる。
If the operation is a partial enlargement start operation (partial enlargement in step S208), the search
図13は一括処理によるオリジナル画像の取得処理(図12のステップS204により起動される処理)の例を示すフローチャートである。 FIG. 13 is a flowchart showing an example of an original image acquisition process (process activated in step S204 in FIG. 12) by batch processing.
図13において、検索結果表示部313は処理を開始すると(ステップS221)、検索結果のサムネイル画像を上位から順次に指定し(ステップS222)、そのオリジナル画像はサムネイル画像の所定倍(例えば、2倍)以上のサイズであるか否か判断する(ステップS223)。なお、この判断は一覧画像管理テーブル314(図5)の「サムネイル画像サイズ」および「オリジナル画像サイズ」を参照することで行うことができる。そして、オリジナル画像がサムネイル画像の所定倍以上のサイズでない場合(ステップS223のNo)、オリジナル画像を取得しても画質の大幅な向上が期待できない(サムネイル画像により同等の画質を維持することができる)ため、全てもしくは上位所定数のサムネイル画像につき処理済であるか否かの判断(ステップS229)に移行する。
In FIG. 13, when the search
一方、オリジナル画像がサムネイル画像の所定倍以上のサイズである場合(ステップS223のYes)、検索結果表示部313は続いて、オリジナル画像を別途受信済(受信中を含む)(図12のステップS211で開始されるオリジナル画像の取得処理で既にオリジナル画像が取得されている場合)であるか否か判断する(ステップS224)。この判断は一覧画像管理テーブル314(図5)の「状態」もしくは「種別」を参照することで行うことができる。そして、オリジナル画像を別途受信済である場合(ステップS224のYes)、新たにオリジナル画像を取得する必要がないため、全てもしくは上位所定数のサムネイル画像につき処理済であるか否かの判断(ステップS229)に移行する。
On the other hand, when the original image has a size larger than the predetermined size of the thumbnail image (Yes in Step S223), the search
オリジナル画像を別途受信済でない場合(ステップS224のNo)、検索結果表示部313は画像取得/置換部323に画像取得を要求し、画像取得/置換部323は画像取得要求送信部324によりオリジナル画像URL(一覧画像管理テーブル314の「オリジナル画像URL」)に基づきネットワーク2を介して画像提供元サーバ4に対してオリジナル画像の取得要求を送信する(ステップS225)。画像提供元サーバ4は通常のHTTPによるWebサーバ機能等によりオリジナル画像をネットワーク2を介してクライアント端末3に送信する。
If the original image has not been received separately (No in step S224), the search
画像取得/置換部323の画像受信部325はオリジナル画像を受信すると(ステップS226)、受信したオリジナル画像を受信画像保持部317に格納するとともに、一覧画像置き換え部326にオリジナル画像を引き渡す。一覧画像管理テーブル314の更新も併せて行う。一覧画像置き換え部326は対応する一覧画像の現表示サイズ(一覧画像管理テーブル314の「表示サイズ」)までオリジナル画像をリサイズ(サイズ変更)し(ステップS227)、検索結果表示部313で管理される対応する一覧画像のサムネイル画像をリサイズしたオリジナル画像で置き換え(ステップS228)、全てもしくは上位所定数のサムネイル画像につき処理済であるか否かの判断(ステップS229)に移行する。なお、上記のオリジナル画像の受信処理(ステップS226)においては、後述する受信停止要求がなされた場合は受信停止を行い、再読込要求がなされた場合は再読込を行う。また、上記のリサイズの処理(ステップS227)においては、一覧画像が一覧内で部分拡大されて表示されている場合、表示領域(一覧画像管理テーブル314の「表示領域」)に基づいて表示部分の切り出しを併せて行う。
When the
全てもしくは上位所定数のサムネイル画像につき処理済であるか否かの判断(ステップS229)でまだ処理済でない場合(ステップS229のNo)、サムネイル画像の順次指定(ステップS222)に戻り、処理済である場合(ステップS229のYes)は図13の処理を終了する(ステップS230)。 If all or a predetermined number of upper thumbnail images have been processed (step S229) and have not yet been processed (No in step S229), the process returns to the sequential designation of thumbnail images (step S222) and has been processed. If there is (Yes in step S229), the process in FIG. 13 is terminated (step S230).
図14は拡大操作対象の一覧画像に対応するオリジナル画像の取得処理(図12のステップS211により起動される処理)の例を示すフローチャートである。 FIG. 14 is a flowchart showing an example of an original image acquisition process (process activated in step S211 in FIG. 12) corresponding to a list image to be enlarged.
図14において、検索結果表示部313は処理を開始すると(ステップS241)、操作された一覧画像のオリジナル画像はサムネイル画像の所定倍(例えば、2倍)以上のサイズであるか否か判断する(ステップS242)。なお、この判断は一覧画像管理テーブル314(図5)の「サムネイル画像サイズ」および「オリジナル画像サイズ」を参照することで行うことができる。そして、オリジナル画像がサムネイル画像の所定倍以上のサイズでない場合(ステップS242のNo)、オリジナル画像を取得しても画質の大幅な向上が期待できない(サムネイル画像により同等の画質を維持することができる)ため、オリジナル画像の取得を中止して図14の処理を終了する(ステップS249)。
In FIG. 14, when the search
一方、オリジナル画像がサムネイル画像の所定倍以上のサイズである場合(ステップS242のYes)、検索結果表示部313は他の一覧画像に対応するオリジナル画像の受信中である場合、画像取得/置換部323に対して受信停止要求を行う(ステップS243)。他の一覧画像に対応するオリジナル画像の受信中であるか否かは一覧画像管理テーブル314(図5)の「状態」の項目を参照することで判断することができる。
On the other hand, if the original image has a size larger than the predetermined size of the thumbnail image (Yes in step S242), the search
次いで、検索結果表示部313は画像取得/置換部323に画像取得を要求し、画像取得/置換部323は画像取得要求送信部324によりオリジナル画像URL(一覧画像管理テーブル314の「オリジナル画像URL」)に基づきネットワーク2を介して画像提供元サーバ4に対してオリジナル画像の取得要求を送信する(ステップS244)。画像提供元サーバ4は通常のHTTPによるWebサーバ機能等によりオリジナル画像をネットワーク2を介してクライアント端末3に送信する。
Next, the search
画像取得/置換部323の画像受信部325はオリジナル画像を受信すると(ステップS245)、受信したオリジナル画像を受信画像保持部317に格納するとともに、一覧画像置き換え部326にオリジナル画像を引き渡す。一覧画像管理テーブル314の更新も併せて行う。また、検索結果表示部313は操作対象の一覧画像のオリジナル画像を受信したことで他の一覧画像に対応するオリジナル画像の受信を停止させておく必要がなくなるため、画像取得/置換部323に対して他のオリジナル画像の再読込要求を行う(ステップS246)。
When receiving the original image (step S245), the
次いで、一覧画像置き換え部326は対応する一覧画像の現表示サイズ(一覧画像管理テーブル314の「表示サイズ」)までオリジナル画像をリサイズ(サイズ変更)し(ステップS247)、検索結果表示部313で管理される対応する一覧画像のサムネイル画像をリサイズしたオリジナル画像で置き換え(ステップS248)、図14の処理を終了する(ステップS249)。なお、上記のリサイズの処理(ステップS247)においては、一覧画像が一覧内で部分拡大されて表示されている場合、表示領域(一覧画像管理テーブル314の「表示領域」)に基づいて表示部分の切り出しを併せて行う。
Next, the list
<第3の実施例>
第3の実施例は、拡大操作の対象となった一覧画像につき画像サイズに応じて中間画像もしくはオリジナル画像の取得を行うようにしたものである。サムネイル画像、中間画像、オリジナル画像の3段階で画像を取得することで、サムネイル画像からオリジナル画像までのデータ量の差による拡大処理の滞りを補うことができる。
<Third embodiment>
In the third embodiment, an intermediate image or an original image is acquired according to the image size for a list image that is an object of enlargement operation. By acquiring the images in three stages of the thumbnail image, the intermediate image, and the original image, it is possible to compensate for the delay in the enlargement process due to the difference in the data amount from the thumbnail image to the original image.
図15は第3の実施例にかかる処理例を示すフローチャートである。 FIG. 15 is a flowchart showing an example of processing according to the third embodiment.
図15において、クライアント端末3は、入力画面表示部311により表示される入力画面に対してクエリ入力部312を介してユーザからキーワードを伴う画像検索のクエリが入力されると、入力画面表示部311はクエリ送信部321に入力されたクエリを伝え、クエリ送信部321はクエリをネットワーク2を介して検索サーバ1に送信する(ステップS301)。
In FIG. 15, when a query for an image search with a keyword is input from the user via the
検索サーバ1は、クライアント端末3からネットワーク2を介してクエリ受信部101によりクエリを受信すると、当該クエリに含まれるキーワードに基づいてインデクスDB111を検索実行部102により検索し、その検索結果を検索結果送信部103によりネットワーク2を介してクライアント端末3に送信する。検索結果には、サムネイル画像のURL、サムネイルの画像サイズ、対応するオリジナル画像のURL、オリジナル画像のサイズ、中間画像のURL、中間画像のサイズが含まれる。
When the
クライアント端末3は、検索サーバ1からネットワーク2を介して検索結果受信部322により検索結果を受信すると(ステップS302)、検索結果表示部313に検索結果を引き渡す。検索結果表示部313は検索結果を一覧画像管理テーブル314に格納し、サムネイル画像を検索サーバ1から取得する。検索サーバ1はクライアント端末3からネットワーク2を介してサムネイル画像の取得要求をサムネイル画像取得要求受信部104により受信すると、対応するサムネイル画像をサムネイル画像DB112からサムネイル画像取得部105により取得し、そのサムネイル画像をサムネイル画像送信部106によりネットワーク2を介してクライアント端末3に送信する。検索結果表示部313は取得したサムネイル画像を受信画像保持部317に格納した上で、サムネイル画像の一覧を表示する(ステップS303)。
When the
その後、検索結果表示部313はユーザから画像操作部315を介して操作を受けた際に、一覧画像に対する操作であるか否かを判断する(ステップS304)。一覧画像に対する操作には、一覧画像の角部をマウスポインタで掴んで外側にドラッグする拡大操作、内側にドラッグする縮小操作、一覧画像の上にマウスポインタを乗せる部分拡大開始操作が含まれる。また、一覧画像に対するものでない操作としては、一覧画面をクローズする操作等が含まれる。なお、具体的操作内容については種々の変形があり得る。
Thereafter, when the search
一覧画像に対する操作でない場合(ステップS304のNo)は続いて一覧画面のクローズの操作であるか否か判断し(ステップS305)、クローズの操作でない場合(ステップS305のNo)は操作の判断(ステップS304)に戻り、クローズの操作である場合(ステップS305のYes)は一覧画面のクローズとともに図15の処理を終了する(ステップS306)。 If the operation is not an operation on the list image (No in step S304), it is subsequently determined whether the operation is a closing operation of the list screen (step S305). If the operation is not a closing operation (No in step S305), the operation is determined (step S305). Returning to S304, if the operation is a close operation (Yes in Step S305), the process of FIG. 15 is terminated along with the closing of the list screen (Step S306).
一方、一覧画像に対する操作である場合(ステップS304のYes)、検索結果表示部313は続いて拡大操作であるか縮小操作であるか部分拡大開始操作であるかを判断する(ステップS307)。
On the other hand, if the operation is an operation on the list image (Yes in step S304), the search
拡大操作である場合(ステップS307の拡大)、検索結果表示部313は続いて操作対象となった一覧画像が現時点でサムネイル画像であるか中間画像であるかオリジナル画像であるか判断する(ステップS308)。一覧画像がサムネイル画像であるか中間画像であるかオリジナル画像であるかは一覧画像管理テーブル314(図5)の「種別」の項目を参照することで判断することができる。
In the case of an enlargement operation (enlargement in step S307), the search
一覧画像がサムネイル画像である場合(ステップS308のサムネイル)、検索結果表示部313は続いて当該サムネイル画像に対応する中間画像もしくはオリジナル画像を現時点で受信中であるか否か判断する(ステップS309)。中間画像もしくはオリジナル画像を現時点で受信中であるか否かは一覧画像管理テーブル314(図5)の「状態」の項目を参照することで判断することができる。そして、中間画像もしくはオリジナル画像を現時点で受信中でない場合(ステップS309のNo)、検索結果表示部313は画像取得/置換部323による中間画像もしくはオリジナル画像の取得処理を開始する(ステップS310)。中間画像もしくはオリジナル画像の取得処理の詳細については後述する。中間画像もしくはオリジナル画像を現時点で受信中である場合(ステップS309のYes)、新たに中間画像もしくはオリジナル画像を取得する必要がないため、中間画像もしくはオリジナル画像の取得処理の開始は行わない。
When the list image is a thumbnail image (thumbnail in step S308), the search
次いで、検索結果表示部313は、中間画像もしくはオリジナル画像の取得処理と並行して、サムネイル画像を用いた一覧画像に対してユーザの拡大操作に応じた拡大処理を一覧画像拡大縮小部316によって行い(ステップS311)、操作の判断(ステップS304)に戻る。
Next, the search
また、一覧画像が中間画像である場合(ステップS308の中間)、検索結果表示部313は中間画像による一覧画像に対して一覧画像拡大縮小部316によりユーザの拡大操作に応じた拡大処理を行い(ステップS312)、操作の判断(ステップS304)に戻る。
When the list image is an intermediate image (middle of step S308), the search
また、一覧画像がオリジナル画像である場合(ステップS308のオリジナル)、検索結果表示部313はオリジナル画像による一覧画像に対して一覧画像拡大縮小部316によりユーザの拡大操作に応じた拡大処理を行い(ステップS313)、操作の判断(ステップS304)に戻る。
If the list image is an original image (original in step S308), the search
一方、縮小操作である場合(ステップS307の縮小)、検索結果表示部313は一覧画像(サムネイル画像であるか中間画像であるかオリジナル画像であるかを問わない)に対して一覧画像拡大縮小部316によりユーザの縮小操作に応じた縮小処理を行い(ステップS314)、操作の判断(ステップS304)に戻る。
On the other hand, in the case of a reduction operation (reduction in step S307), the search
また、部分拡大開始操作である場合(ステップS307の部分拡大)、検索結果表示部313は一覧画像の部分拡大処理を行い(ステップS315)、操作の判断(ステップS304)に戻る。一覧画像の部分拡大処理は図10に示したものと同様であるが、その中で開始(ステップS138)するオリジナル画像の取得処理は図15の中間画像もしくはオリジナル画像の取得処理開始(ステップS310)により行われる中間画像もしくはオリジナル画像の取得処理(後述)に置き換わる。
If the operation is a partial enlargement start operation (partial enlargement in step S307), the search
図16は拡大操作対象の一覧画像に対応する中間画像もしくはオリジナル画像の取得処理(図15のステップS310により起動される処理)の例を示すフローチャートである。 FIG. 16 is a flowchart showing an example of an intermediate image or original image acquisition process (process activated in step S310 in FIG. 15) corresponding to a list image to be enlarged.
図16において、検索結果表示部313は処理を開始すると(ステップS321)、操作された一覧画像のオリジナル画像はサムネイル画像の所定倍(例えば、2倍)以上のサイズであるか否か判断する(ステップS322)。なお、この判断は一覧画像管理テーブル314(図5)の「サムネイル画像サイズ」および「オリジナル画像サイズ」を参照することで行うことができる。そして、オリジナル画像がサムネイル画像の所定倍以上のサイズでない場合(ステップS322のNo)、オリジナル画像を取得しても画質の大幅な向上が期待できない(サムネイル画像により同等の画質を維持することができる)ため、中間画像もしくはオリジナル画像の取得を中止して図16の処理を終了する(ステップS332)。
In FIG. 16, when the search
一方、オリジナル画像がサムネイル画像の所定倍以上のサイズである場合(ステップS322のYes)、検索結果表示部313は続いてオリジナル画像とサムネイル画像のデータ差が所定値以上であるか否か判断する(ステップS323)。これは、オリジナル画像とサムネイル画像のデータ差が所定値以上ある場合には中間画像を先行して取得することでより高速に画質の維持を行い、データ差が所定値未満の場合は中間画像を取得してもさほど効果的でないため中間画像の取得を省略するためである。
On the other hand, when the original image is a size larger than the predetermined size of the thumbnail image (Yes in step S322), the search
オリジナル画像とサムネイル画像のデータ差が所定値以上である場合(ステップS323のYes)、検索結果表示部313は画像取得/置換部323に画像取得を要求し、画像取得/置換部323は画像取得要求送信部324により中間画像URL(一覧画像管理テーブル314の「中間画像URL」)に基づきネットワーク2を介して検索サーバ1に対して中間画像の取得要求を送信する(ステップS324)。検索サーバ1はクライアント端末3からネットワーク2を介して中間画像取得要求受信部107により中間画像の取得要求を受信すると、中間画像取得部108により中間画像DB113から対応する中間画像を取得し、中間画像送信部109により中間画像をネットワーク2を介してクライアント端末3に送信する。
When the data difference between the original image and the thumbnail image is equal to or larger than the predetermined value (Yes in step S323), the search
画像取得/置換部323の画像受信部325は中間画像を受信すると(ステップS325)、受信した中間画像を受信画像保持部317に格納するとともに、一覧画像置き換え部326に中間画像を引き渡す。一覧画像管理テーブル314の更新も併せて行う。一覧画像置き換え部326は対応する一覧画像の現表示サイズ(一覧画像管理テーブル314の「表示サイズ」)まで中間画像をリサイズ(サイズ変更)し(ステップS326)、検索結果表示部313で管理される対応する一覧画像のサムネイル画像をリサイズした中間画像で置き換える(ステップS327)。なお、上記のリサイズの処理(ステップS326)においては、一覧画像が一覧内で部分拡大されて表示されている場合、表示領域(一覧画像管理テーブル314の「表示領域」)に基づいて表示部分の切り出しを併せて行う。
When receiving the intermediate image (step S325), the
その後、もしくはオリジナル画像とサムネイル画像のデータ差が所定値以上でない場合(ステップS323のNo)、検索結果表示部313は画像取得/置換部323に画像取得を要求し、画像取得/置換部323は画像取得要求送信部324によりオリジナル画像URL(一覧画像管理テーブル314の「オリジナル画像URL」)に基づきネットワーク2を介して画像提供元サーバ4に対してオリジナル画像の取得要求を送信する(ステップS328)。画像提供元サーバ4は通常のHTTPによるWebサーバ機能等によりオリジナル画像をネットワーク2を介してクライアント端末3に送信する。
After that, or when the data difference between the original image and the thumbnail image is not equal to or larger than the predetermined value (No in step S323), the search
画像取得/置換部323の画像受信部325はオリジナル画像を受信すると(ステップS329)、受信したオリジナル画像を受信画像保持部317に格納するとともに、一覧画像置き換え部326にオリジナル画像を引き渡す。また、一覧画像管理テーブル314の更新も併せて行う。一覧画像置き換え部326は対応する一覧画像の現表示サイズ(一覧画像管理テーブル314の「表示サイズ」)までオリジナル画像をリサイズ(サイズ変更)し(ステップS330)、検索結果表示部313で管理される対応する一覧画像(ステップS327で置き換えた中間画像またはステップS303で表示したサムネイル画像)をリサイズしたオリジナル画像で置き換え(ステップS331)、図16の処理を終了する(ステップS332)。なお、上記のリサイズの処理(ステップS330)においては、一覧画像が一覧内で部分拡大されて表示されている場合、表示領域(一覧画像管理テーブル314の「表示領域」)に基づいて表示部分の切り出しを併せて行う。
When receiving the original image (step S329), the
なお、中間画像の取得に続いてオリジナル画像の取得を行うようにしているが、いったん中間画像を取得した場合にはオリジナル画像の取得に連続して移行せずに中間画像の状態で拡大等の操作を行わせ、拡大による表示サイズが中間画像で表示可能な表示サイズを超えて画質を維持できなくなった時点でオリジナル画像の取得を行うようにしてもよい。 Although the acquisition of the original image is performed subsequent to the acquisition of the intermediate image, once the intermediate image is acquired, the intermediate image is not enlarged without being shifted continuously to the acquisition of the original image. The operation may be performed, and the original image may be acquired when the display size by enlargement exceeds the display size that can be displayed by the intermediate image and the image quality cannot be maintained.
図17は一覧画像の拡大時における表示対象画像の遷移例を示す図である。(a)に示す状態では検索サーバ1のサムネイル画像DB112から提供されたサムネイル画像により一覧画像Aが表示されているものとすると、一覧画像Aの右下の角部をマウスポインタPで右下方向にドラッグすることで、中間画像の取得が開始される。中間画像の取得には若干の時間を要するため、(b)の状態への拡大はサムネイル画像に基づいて行われる。その後、中間画像の受信が完了すると、一覧画像Aは検索サーバ1の中間画像DB113から取得された中間画像に置き換えられ、(c)に示す拡大操作は中間画像により画質を維持した状態で行われる。同様に、(d)の状態への拡大は中間画像に基づいて行われ、その後、オリジナル画像の受信が完了すると、一覧画像Aは画像提供元サーバ4から取得されたオリジナル画像に置き換えられ、(e)に示す拡大操作はオリジナル画像により画質を維持した状態で行われる。
FIG. 17 is a diagram illustrating a transition example of the display target image when the list image is enlarged. If the list image A is displayed by the thumbnail image provided from the
<第4の実施例>
第4の実施例は、一覧表示直後に検索結果に含まれる全ての一覧画像もしくは表示順位の高い上位所定数の一覧画像につき画像サイズに応じて中間画像もしくはオリジナル画像の取得を行うとともに、拡大操作の対象となった一覧画像につき画像サイズに応じて優先的に中間画像もしくはオリジナル画像の取得を行うようにしたものである。
<Fourth embodiment>
In the fourth embodiment, an intermediate image or an original image is acquired according to the image size for all the list images included in the search results immediately after the list display or the upper predetermined number of list images having a high display order, and an enlargement operation is performed. The intermediate image or the original image is preferentially acquired according to the image size for the list image that is the target of the above.
図18は第4の実施例にかかる処理例を示すフローチャートである。 FIG. 18 is a flowchart showing an example of processing according to the fourth embodiment.
図18において、クライアント端末3は、入力画面表示部311により表示される入力画面に対してクエリ入力部312を介してユーザからキーワードを伴う画像検索のクエリが入力されると、入力画面表示部311はクエリ送信部321に入力されたクエリを伝え、クエリ送信部321はクエリをネットワーク2を介して検索サーバ1に送信する(ステップS401)。
In FIG. 18, when the
検索サーバ1は、クライアント端末3からネットワーク2を介してクエリ受信部101によりクエリを受信すると、当該クエリに含まれるキーワードに基づいてインデクスDB111を検索実行部102により検索し、その検索結果を検索結果送信部103によりネットワーク2を介してクライアント端末3に送信する。検索結果には、サムネイル画像のURL、サムネイルの画像サイズ、対応するオリジナル画像のURL、オリジナル画像のサイズ、中間画像のURL、中間画像のサイズが含まれる。
When the
クライアント端末3は、検索サーバ1からネットワーク2を介して検索結果受信部322により検索結果を受信すると(ステップS402)、検索結果表示部313に検索結果を引き渡す。検索結果表示部313は検索結果を一覧画像管理テーブル314に格納し、サムネイル画像を検索サーバ1から取得する。検索サーバ1はクライアント端末3からネットワーク2を介してサムネイル画像の取得要求をサムネイル画像取得要求受信部104により受信すると、対応するサムネイル画像をサムネイル画像DB112からサムネイル画像取得部105により取得し、そのサムネイル画像をサムネイル画像送信部106によりネットワーク2を介してクライアント端末3に送信する。検索結果表示部313は取得したサムネイル画像を受信画像保持部317に格納した上で、サムネイル画像の一覧を表示する(ステップS403)。
When the
次いで、検索結果表示部313は検索結果に含まれる全ての一覧画像もしくは表示順位の高い上位所定数の一覧画像についての中間画像もしくはオリジナル画像の取得処理を開始する(ステップS404)。その処理の詳細については後述する。
Next, the search
その後、検索結果表示部313はユーザから画像操作部315を介して操作を受けた際に、一覧画像に対する操作であるか否かを判断する(ステップS405)。一覧画像に対する操作には、一覧画像の角部をマウスポインタで掴んで外側にドラッグする拡大操作、内側にドラッグする縮小操作、一覧画像の上にマウスポインタを乗せる部分拡大開始操作が含まれる。また、一覧画像に対するものでない操作としては、一覧画面をクローズする操作等が含まれる。なお、具体的操作内容については種々の変形があり得る。
Thereafter, when the search
一覧画像に対する操作でない場合(ステップS405のNo)は続いて一覧画面のクローズの操作であるか否か判断し(ステップS406)、クローズの操作でない場合(ステップS406のNo)は操作の判断(ステップS405)に戻り、クローズの操作である場合(ステップS406のYes)は一覧画面のクローズとともに図18の処理を終了する(ステップS407)。 If the operation is not an operation on the list image (No in step S405), it is subsequently determined whether the operation is a closing operation of the list screen (step S406). If the operation is not a closing operation (No in step S406), the operation is determined (step Returning to S405), if the operation is a close operation (Yes in step S406), the process of FIG. 18 is terminated together with the closing of the list screen (step S407).
一方、一覧画像に対する操作である場合(ステップS405のYes)、検索結果表示部313は続いて拡大操作であるか縮小操作であるか部分拡大開始操作であるかを判断する(ステップS408)。
On the other hand, when the operation is an operation on the list image (Yes in step S405), the search
拡大操作である場合(ステップS408の拡大)、検索結果表示部313は続いて操作対象となった一覧画像が現時点でサムネイル画像であるか中間画像であるかオリジナル画像であるか判断する(ステップS409)。一覧画像がサムネイル画像であるか中間画像であるかオリジナル画像であるかは一覧画像管理テーブル314(図5)の「種別」の項目を参照することで判断することができる。
If the operation is an enlargement operation (enlargement in step S408), the search
一覧画像がサムネイル画像である場合(ステップS409のサムネイル)、検索結果表示部313は続いて当該サムネイル画像に対応する中間画像もしくはオリジナル画像を現時点で受信中であるか否か判断する(ステップS410)。中間画像もしくはオリジナル画像を現時点で受信中であるか否かは一覧画像管理テーブル314(図5)の「状態」の項目を参照することで判断することができる。そして、中間画像もしくはオリジナル画像を現時点で受信中でない場合(ステップS410のNo)、検索結果表示部313は画像取得/置換部323による中間画像もしくはオリジナル画像の取得処理を開始する(ステップS411)。オリジナル画像の取得処理の詳細については後述する。中間画像もしくはオリジナル画像を現時点で受信中である場合(ステップS410のYes)、新たに中間画像もしくはオリジナル画像を取得する必要がないため、中間画像もしくはオリジナル画像の取得処理の開始は行わない。次いで、検索結果表示部313は、中間画像もしくはオリジナル画像の取得処理と並行して、サムネイル画像を用いた一覧画像に対してユーザの拡大操作に応じた拡大処理を一覧画像拡大縮小部316によって行い(ステップS412)、操作の判断(ステップS405)に戻る。
When the list image is a thumbnail image (thumbnail in step S409), the search
また、一覧画像が中間画像である場合(ステップS409の中間)、検索結果表示部313は中間画像による一覧画像に対して一覧画像拡大縮小部316によりユーザの拡大操作に応じた拡大処理を行い(ステップS413)、操作の判断(ステップS405)に戻る。
When the list image is an intermediate image (middle of step S409), the search
また、一覧画像がオリジナル画像である場合(ステップS409のオリジナル)、検索結果表示部313はオリジナル画像による一覧画像に対して一覧画像拡大縮小部316によりユーザの拡大操作に応じた拡大処理を行い(ステップS414)、操作の判断(ステップS405)に戻る。
When the list image is an original image (original in step S409), the search
一方、縮小操作である場合(ステップS408の縮小)、検索結果表示部313は一覧画像(サムネイル画像であるか中間画像であるかオリジナル画像であるかを問わない)に対して一覧画像拡大縮小部316によりユーザの縮小操作に応じた縮小処理を行い(ステップS415)、操作の判断(ステップS405)に戻る。
On the other hand, when the operation is a reduction operation (reduction in step S408), the search
また、部分拡大開始操作である場合(ステップS408の部分拡大)、検索結果表示部313は一覧画像の部分拡大処理を行い(ステップS416)、操作の判断(ステップS405)に戻る。一覧画像の部分拡大処理は図10に示したものと同様であるが、その中で開始(ステップS138)するオリジナル画像の取得処理は図18の中間画像もしくはオリジナル画像の取得処理開始(ステップS411)により行われる中間画像もしくはオリジナル画像の取得処理(後述)に置き換わる。
If the operation is a partial enlargement start operation (partial enlargement in step S408), the search
図19は一括処理によるオリジナル画像の取得処理(図18のステップS404により起動される処理)の例を示すフローチャートである。 FIG. 19 is a flowchart showing an example of an original image acquisition process (process activated in step S404 in FIG. 18) by batch processing.
図19において、検索結果表示部313は処理を開始すると(ステップS421)、検索結果のサムネイル画像を上位から順次に指定し(ステップS422)、そのオリジナル画像はサムネイル画像の所定倍(例えば、2倍)以上のサイズであるか否か判断する(ステップS423)。なお、この判断は一覧画像管理テーブル314(図5)の「サムネイル画像サイズ」および「オリジナル画像サイズ」を参照することで行うことができる。そして、オリジナル画像がサムネイル画像の所定倍以上のサイズでない場合(ステップS423のNo)、中間画像もしくはオリジナル画像を取得しても画質の大幅な向上が期待できない(サムネイル画像により同等の画質を維持することができる)ため、全てもしくは上位所定数のサムネイル画像につき処理済であるか否かの判断(ステップS434)に移行する。
In FIG. 19, when the search
一方、オリジナル画像がサムネイル画像の所定倍以上のサイズである場合(ステップS423のYes)、検索結果表示部313は続いて、中間画像もしくはオリジナル画像を別途受信済(受信中を含む)(図18のステップS411で開始される中間画像もしくはオリジナル画像の取得処理で既に中間画像もしくはオリジナル画像が取得されている場合)であるか否か判断する(ステップS424)。この判断は一覧画像管理テーブル314(図5)の「状態」もしくは「種別」を参照することで行うことができる。そして、オリジナル画像を別途受信済である場合(ステップS424のYes)、新たに中間画像もしくはオリジナル画像を取得する必要がないため、全てもしくは上位所定数のサムネイル画像につき処理済であるか否かの判断(ステップS434)に移行する。
On the other hand, when the original image has a size larger than the predetermined size of the thumbnail image (Yes in step S423), the search
中間画像もしくはオリジナル画像を別途受信済でない場合(ステップS424のNo)、検索結果表示部313は続いてオリジナル画像とサムネイル画像のデータ差が所定値以上であるか否か判断する(ステップS425)。これは、オリジナル画像とサムネイル画像のデータ差が所定値以上ある場合には中間画像を先行して取得することでより高速に画質の維持を行い、データ差が所定値未満の場合は中間画像を取得してもさほど効果的でないため中間画像の取得を省略するためである。
When the intermediate image or the original image has not been received separately (No in step S424), the search
オリジナル画像とサムネイル画像のデータ差が所定値以上である場合(ステップS425のYes)、検索結果表示部313は画像取得/置換部323に画像取得を要求し、画像取得/置換部323は画像取得要求送信部324により中間画像URL(一覧画像管理テーブル314の「中間画像URL」)に基づきネットワーク2を介して検索サーバ1に対して中間画像の取得要求を送信する(ステップS426)。検索サーバ1はクライアント端末3からネットワーク2を介して中間画像取得要求受信部107により中間画像の取得要求を受信すると、中間画像取得部108により中間画像DB113から対応する中間画像を取得し、中間画像送信部109により中間画像をネットワーク2を介してクライアント端末3に送信する。
If the data difference between the original image and the thumbnail image is greater than or equal to a predetermined value (Yes in step S425), the search
画像取得/置換部323の画像受信部325は中間画像を受信すると(ステップS427)、受信した中間画像を受信画像保持部317に格納するとともに、一覧画像置き換え部326に中間画像を引き渡す。一覧画像管理テーブル314の更新も併せて行う。一覧画像置き換え部326は対応する一覧画像の現表示サイズ(一覧画像管理テーブル314の「表示サイズ」)まで中間画像をリサイズ(サイズ変更)し(ステップS428)、検索結果表示部313で管理される対応する一覧画像のサムネイル画像をリサイズした中間画像で置き換える(ステップS429)。なお、上記のオリジナル画像の受信処理(ステップS427)においては、後述する受信停止要求がなされた場合は受信停止を行い、再読込要求がなされた場合は再読込を行う。また、上記のリサイズの処理(ステップS428)においては、一覧画像が一覧内で部分拡大されて表示されている場合、表示領域(一覧画像管理テーブル314の「表示領域」)に基づいて表示部分の切り出しを併せて行う。
When receiving the intermediate image (step S427), the
その後、もしくはオリジナル画像とサムネイル画像のデータ差が所定値以上でない場合(ステップS425のNo)、検索結果表示部313は画像取得/置換部323に画像取得を要求し、画像取得/置換部323は画像取得要求送信部324によりオリジナル画像URL(一覧画像管理テーブル314の「オリジナル画像URL」)に基づきネットワーク2を介して画像提供元サーバ4に対してオリジナル画像の取得要求を送信する(ステップS430)。画像提供元サーバ4は通常のHTTPによるWebサーバ機能等によりオリジナル画像をネットワーク2を介してクライアント端末3に送信する。
After that, or when the data difference between the original image and the thumbnail image is not equal to or larger than the predetermined value (No in step S425), the search
画像取得/置換部323の画像受信部325はオリジナル画像を受信すると(ステップS431)、受信したオリジナル画像を受信画像保持部317に格納するとともに、一覧画像置き換え部326にオリジナル画像を引き渡す。また、一覧画像管理テーブル314の更新も併せて行う。一覧画像置き換え部326は対応する一覧画像の現表示サイズ(一覧画像管理テーブル314の「表示サイズ」)までオリジナル画像をリサイズ(サイズ変更)し(ステップS432)、検索結果表示部313で管理される対応する一覧画像(ステップS429で置き換えた中間画像またはステップS403で表示したサムネイル画像)をリサイズしたオリジナル画像で置き換え(ステップS433)、全てもしくは上位所定数のサムネイル画像につき処理済であるか否かの判断(ステップS434)に移行する。なお、上記のオリジナル画像の受信処理(ステップS431)においては、後述する受信停止要求がなされた場合は受信停止を行い、再読込要求がなされた場合は再読込を行う。また、上記のリサイズの処理(ステップS432)においては、一覧画像が一覧内で部分拡大されて表示されている場合、表示領域(一覧画像管理テーブル314の「表示領域」)に基づいて表示部分の切り出しを併せて行う。
When receiving the original image (step S431), the
全てもしくは上位所定数のサムネイル画像につき処理済であるか否かの判断(ステップS434)でまだ処理済でない場合(ステップS434のNo)、サムネイル画像の順次指定(ステップS422)に戻り、処理済である場合(ステップS434のYes)は図19の処理を終了する(ステップS435)。 If all or a predetermined number of upper thumbnail images have been processed (step S434) and have not yet been processed (No in step S434), the process returns to the sequential designation of thumbnail images (step S422) and has been processed. If there is (Yes in step S434), the process in FIG. 19 is terminated (step S435).
なお、中間画像の取得に続いてオリジナル画像の取得を行うようにしているが、いったん中間画像を取得した場合にはオリジナル画像の取得に連続して移行せずに中間画像の状態で拡大等の操作を行わせ、拡大による表示サイズが中間画像で表示可能な表示サイズを超えて画質を維持できなくなった時点でオリジナル画像の取得を行うようにしてもよい。 Although the acquisition of the original image is performed subsequent to the acquisition of the intermediate image, once the intermediate image is acquired, the intermediate image is not enlarged without being shifted continuously to the acquisition of the original image. The operation may be performed, and the original image may be acquired when the display size by enlargement exceeds the display size that can be displayed by the intermediate image and the image quality cannot be maintained.
図20は拡大操作対象の一覧画像に対応する中間画像もしくはオリジナル画像の取得処理(図18のステップS411により起動される処理)の例を示すフローチャートである。 FIG. 20 is a flowchart illustrating an example of an intermediate image or original image acquisition process (process activated in step S411 in FIG. 18) corresponding to a list image to be enlarged.
図20において、検索結果表示部313は処理を開始すると(ステップS441)、操作された一覧画像のオリジナル画像はサムネイル画像の所定倍(例えば、2倍)以上のサイズであるか否か判断する(ステップS442)。なお、この判断は一覧画像管理テーブル314(図5)の「サムネイル画像サイズ」および「オリジナル画像サイズ」を参照することで行うことができる。そして、オリジナル画像がサムネイル画像の所定倍以上のサイズでない場合(ステップS442のNo)、オリジナル画像を取得しても画質の大幅な向上が期待できない(サムネイル画像により同等の画質を維持することができる)ため、オリジナル画像の取得を中止して図20の処理を終了する(ステップS456)。
In FIG. 20, when the search
一方、オリジナル画像がサムネイル画像の所定倍以上のサイズである場合(ステップS442のYes)、検索結果表示部313は続いてオリジナル画像とサムネイル画像のデータ差が所定値以上であるか否か判断する(ステップS443)。これは、オリジナル画像とサムネイル画像のデータ差が所定値以上ある場合には中間画像を先行して取得することでより高速に画質の維持を行い、データ差が所定値未満の場合は中間画像を取得してもさほど効果的でないため中間画像の取得を省略するためである。
On the other hand, when the original image has a size larger than a predetermined size of the thumbnail image (Yes in step S442), the search
オリジナル画像とサムネイル画像のデータ差が所定値以上である場合(ステップS443のYes)、検索結果表示部313は他の一覧画像に対応する中間画像もしくはオリジナル画像の受信中である場合、画像取得/置換部323に対して受信停止要求を行う(ステップS444)。他の一覧画像に対応する中間画像もしくはオリジナル画像の受信中であるか否かは一覧画像管理テーブル314(図5)の「状態」の項目を参照することで判断することができる。
If the data difference between the original image and the thumbnail image is greater than or equal to a predetermined value (Yes in step S443), the search
次いで、検索結果表示部313は画像取得/置換部323に画像取得を要求し、画像取得/置換部323は画像取得要求送信部324により中間画像URL(一覧画像管理テーブル314の「中間画像URL」)に基づきネットワーク2を介して検索サーバ1に対して中間画像の取得要求を送信する(ステップS445)。検索サーバ1はクライアント端末3からネットワーク2を介して中間画像取得要求受信部107により中間画像の取得要求を受信すると、中間画像取得部108により中間画像DB113から対応する中間画像を取得し、中間画像送信部109により中間画像をネットワーク2を介してクライアント端末3に送信する。
Next, the search
画像取得/置換部323の画像受信部325は中間画像を受信すると(ステップS446)、受信した中間画像を受信画像保持部317に格納するとともに、一覧画像置き換え部326に中間画像を引き渡す。一覧画像管理テーブル314の更新も併せて行う。また、検索結果表示部313は操作対象の一覧画像の中間画像を受信したことで他の一覧画像に対応する中間画像もしくはオリジナル画像の受信を停止させておく必要がなくなるため、画像取得/置換部323に対して他の中間画像もしくはオリジナル画像の再読込要求を行う(ステップS447)。
When the
次いで、一覧画像置き換え部326は対応する一覧画像の現表示サイズ(一覧画像管理テーブル314の「表示サイズ」)まで中間画像をリサイズ(サイズ変更)し(ステップS448)、検索結果表示部313で管理される対応する一覧画像のサムネイル画像をリサイズした中間画像で置き換える(ステップS449)。なお、上記のリサイズの処理(ステップS448)においては、一覧画像が一覧内で部分拡大されて表示されている場合、表示領域(一覧画像管理テーブル314の「表示領域」)に基づいて表示部分の切り出しを併せて行う。
Next, the list
その後、もしくはオリジナル画像とサムネイル画像のデータ差が所定値以上でない場合(ステップS443のNo)、検索結果表示部313は中間画像を取得要求した場合を除き、他の一覧画像に対応する中間画像もしくはオリジナル画像の受信中である場合、画像取得/置換部323に対して受信停止要求を行う(ステップS450)。これは、中間画像を取得要求した場合は、追って受信される中間画像により画質の維持を図ることができるため、オリジナル画像の取得を急ぐ必要がないからである。他の一覧画像に対応する中間画像もしくはオリジナル画像の受信中であるか否かは一覧画像管理テーブル314(図5)の「状態」の項目を参照することで判断することができる。
After that, or when the data difference between the original image and the thumbnail image is not greater than or equal to the predetermined value (No in step S443), the search
次いで、検索結果表示部313は画像取得/置換部323に画像取得を要求し、画像取得/置換部323は画像取得要求送信部324によりオリジナル画像URL(一覧画像管理テーブル314の「オリジナル画像URL」)に基づきネットワーク2を介して画像提供元サーバ4に対してオリジナル画像の取得要求を送信する(ステップS451)。画像提供元サーバ4は通常のHTTPによるWebサーバ機能等によりオリジナル画像をネットワーク2を介してクライアント端末3に送信する。
Next, the search
画像取得/置換部323の画像受信部325はオリジナル画像を受信すると(ステップS452)、受信したオリジナル画像を受信画像保持部317に格納するとともに、一覧画像置き換え部326にオリジナル画像を引き渡す。一覧画像管理テーブル314の更新も併せて行う。また、検索結果表示部313は操作対象の一覧画像のオリジナル画像を受信したことで他の一覧画像に対応する中間画像もしくはオリジナル画像の受信を停止させておく必要がなくなるため、画像取得/置換部323に対して他の中間画像もしくはオリジナル画像の再読込要求を行う(ステップS453)。
When receiving the original image (step S452), the
次いで、一覧画像置き換え部326は対応する一覧画像の現表示サイズ(一覧画像管理テーブル314の「表示サイズ」)までオリジナル画像をリサイズ(サイズ変更)し(ステップS454)、検索結果表示部313で管理される対応する一覧画像のサムネイル画像をリサイズしたオリジナル画像で置き換え(ステップS455)、図20の処理を終了する(ステップS456)。なお、上記のリサイズの処理(ステップS454)においては、一覧画像が一覧内で部分拡大されて表示されている場合、表示領域(一覧画像管理テーブル314の「表示領域」)に基づいて表示部分の切り出しを併せて行う。
Next, the list
なお、中間画像の取得に続いてオリジナル画像の取得を行うようにしているが、いったん中間画像を取得した場合にはオリジナル画像の取得に連続して移行せずに中間画像の状態で拡大等の操作を行わせ、拡大による表示サイズが画質を維持できなくなった時点でオリジナル画像の取得を行うようにしてもよい。 Although the acquisition of the original image is performed subsequent to the acquisition of the intermediate image, once the intermediate image is acquired, the intermediate image is not enlarged without being shifted continuously to the acquisition of the original image. The operation may be performed, and the original image may be acquired when the display size by enlargement cannot maintain the image quality.
<総括>
以上説明したように、本発明の実施形態によれば、次のような利点がある。
(1)サムネイル画像の一覧画面上で一覧画像を所望の大きさに変更することができ、画像を比較する場合においてもページ遷移を行う必要がなく、操作が容易になる。
(2)操作対象の一覧画像等につき画像表示の裏側の処理で中間画像もしくはオリジナル画像の取得および置き換えが行われるため、拡大中の画像の画質が荒くなることを防止し、適切な画質を維持することができる。
(3)一覧画面上で一覧画像を任意に拡大・縮小することができ、別のアプリケーションを使用することなくオリジナル画像の大きさ以上にも拡大することができる。
(4)全てのオリジナル画像を受信しない場合は、クライアント端末のメモリ消費が抑制され、クライアント端末の負担が軽減される。
<Summary>
As described above, according to the embodiment of the present invention, there are the following advantages.
(1) The list image can be changed to a desired size on the thumbnail image list screen, and even when comparing the images, there is no need to perform page transition and the operation becomes easy.
(2) Since the intermediate image or original image is acquired and replaced by processing on the back side of the image display for the list image of the operation target, the image quality of the image being enlarged is prevented from becoming rough, and appropriate image quality is maintained. can do.
(3) The list image can be arbitrarily enlarged or reduced on the list screen, and can be enlarged beyond the size of the original image without using another application.
(4) When all original images are not received, the memory consumption of the client terminal is suppressed and the burden on the client terminal is reduced.
以上、本発明の好適な実施の形態により本発明を説明した。ここでは特定の具体例を示して本発明を説明したが、特許請求の範囲に定義された本発明の広範な趣旨および範囲から逸脱することなく、これら具体例に様々な修正および変更を加えることができることは明らかである。すなわち、具体例の詳細および添付の図面により本発明が限定されるものと解釈してはならない。 The present invention has been described above by the preferred embodiments of the present invention. While the invention has been described with reference to specific embodiments, various modifications and changes may be made to the embodiments without departing from the broad spirit and scope of the invention as defined in the claims. Obviously you can. In other words, the present invention should not be construed as being limited by the details of the specific examples and the accompanying drawings.
1 検索サーバ
101 クエリ受信部
102 検索実行部
103 検索結果送信部
104 サムネイル画像取得要求受信部
105 サムネイル画像取得部
106 サムネイル画像送信部
107 中間画像取得要求受信部
108 中間画像取得部
109 中間画像送信部
111 インデクスDB
112 サムネイル画像DB
113 中間画像DB
2 ネットワーク
3 クライアント端末
31 UI制御部
311 入力画面表示部
312 クエリ入力部
313 検索結果表示部
314 一覧画像管理テーブル
315 画像操作部
316 一覧画像拡大縮小部
317 受信画像保持部
32 通信制御部
321 クエリ送信部
322 検索結果受信部
323 画像取得/置換部
324 画像取得要求送信部
325 画像受信部
326 一覧画像置き換え部
4 画像提供元サーバ
DESCRIPTION OF
112 Thumbnail image DB
113 Intermediate image DB
2
Claims (17)
上記一覧の個々の画像に対して拡大もしくは縮小の操作を行う操作手段と、
上記操作手段による拡大の操作の対象となった画像につき、それがサムネイル画像である場合に当該サムネイル画像に対応するオリジナル画像をサーバから取得する取得手段と、
上記拡大の操作の対象となったサムネイル画像の表示サイズまで上記取得したオリジナル画像を拡大もしくは縮小して上記一覧上の画像を置き換える画像置換手段とを備えたことを特徴とする一覧画像表示装置。 List display means for displaying a list of a plurality of images received from the server;
Operation means for performing an enlargement or reduction operation on each image in the list;
An obtaining unit that obtains an original image corresponding to the thumbnail image from the server when the image is a thumbnail image for the enlargement operation by the operation unit;
A list image display device comprising image replacement means for replacing the images on the list by enlarging or reducing the acquired original image up to the display size of the thumbnail image subjected to the enlargement operation.
上記取得手段は、
サーバから複数のサムネイル画像を受信して一覧を表示する際に、全サムネイル画像に対応するオリジナル画像の取得を開始することを特徴とする一覧画像表示装置。 The list image display device according to claim 1,
The acquisition means is
A list image display device which starts acquisition of original images corresponding to all thumbnail images when receiving a plurality of thumbnail images from a server and displaying the list.
上記取得手段は、
サーバから複数のサムネイル画像を受信して一覧を表示する際に、全サムネイル画像のうち表示順位の高い上位所定数のサムネイル画像に対応するオリジナル画像の取得を開始することを特徴とする一覧画像表示装置。 The list image display device according to claim 1,
The acquisition means is
List image display characterized in that when a plurality of thumbnail images are received from a server and displayed as a list, acquisition of original images corresponding to a predetermined number of thumbnail images having a higher display order among all thumbnail images is started. apparatus.
上記取得手段は、
上記サーバから複数のサムネイル画像を受信して一覧表示する際に、上記拡大の操作の対象となった画像に対応するオリジナル画像の取得を開始することを特徴とする一覧画像表示装置。 The list image display device according to claim 1,
The acquisition means is
A list image display device, wherein when a plurality of thumbnail images are received from the server and displayed in a list, acquisition of an original image corresponding to the image subjected to the enlargement operation is started.
上記取得手段は、
上記サムネイル画像のサイズと当該サムネイル画像に対応するオリジナル画像のサイズとを比較し、そのサイズ差が所定値未満である場合にオリジナル画像の取得の処理を省略することを特徴とする一覧画像表示装置。 In the list image display device according to any one of claims 1 to 4,
The acquisition means is
A list image display device that compares the size of the thumbnail image with the size of the original image corresponding to the thumbnail image, and omits the process of acquiring the original image when the size difference is less than a predetermined value. .
上記一覧の個々の画像に対して拡大もしくは縮小の操作を行う操作手段と、
上記操作手段による拡大の操作の対象となった画像につき、それがサムネイル画像である場合に当該サムネイル画像に対応する中間画像をサーバから取得する第1の取得手段と、
上記拡大の操作の対象となったサムネイル画像の表示サイズまで上記取得した中間画像を拡大もしくは縮小して上記一覧上の画像を置き換える第1の画像置換手段と、
上記中間画像の取得に続いて当該中間画像に対応するオリジナル画像をサーバから取得する第2の取得手段と、
上記一覧上の置き換えられた中間画像の表示サイズまで上記取得したオリジナル画像を拡大もしくは縮小して上記一覧上の画像を置き換える第2の画像置換手段とを備えたことを特徴とする一覧画像表示装置。 List display means for displaying a list of a plurality of images received from the server;
Operation means for performing an enlargement or reduction operation on each image in the list;
First acquisition means for acquiring, from a server, an intermediate image corresponding to the thumbnail image when the image is a thumbnail image for the enlargement operation by the operation means;
First image replacement means for expanding or reducing the acquired intermediate image up to the display size of the thumbnail image subjected to the enlargement operation and replacing the image on the list;
Second acquisition means for acquiring an original image corresponding to the intermediate image from the server following acquisition of the intermediate image;
A list image display device comprising: a second image replacement unit that expands or reduces the acquired original image to a display size of the replaced intermediate image on the list and replaces the image on the list. .
上記第1および第2の取得手段は、
サーバから複数のサムネイル画像を受信して一覧を表示する際に、全サムネイル画像に対応する中間画像もしくはオリジナル画像の取得を開始することを特徴とする一覧画像表示装置。 The list image display device according to claim 6,
The first and second acquisition means are:
A list image display device which starts acquisition of an intermediate image or an original image corresponding to all thumbnail images when receiving a plurality of thumbnail images from a server and displaying a list.
上記第1および第2の取得手段は、
サーバから複数のサムネイル画像を受信して一覧を表示する際に、全サムネイル画像のうち表示順位の高い上位所定数のサムネイル画像に対応する中間画像もしくはオリジナル画像の取得を開始することを特徴とする一覧画像表示装置。 The list image display device according to claim 6,
The first and second acquisition means are:
When receiving a plurality of thumbnail images from a server and displaying a list, acquisition of intermediate images or original images corresponding to a predetermined number of thumbnail images having a higher display order among all thumbnail images is started. List image display device.
上記第1および第2の取得手段は、
上記サーバから複数のサムネイル画像を受信して一覧表示する際に、上記拡大の操作の対象となった画像に対応する中間画像もしくはオリジナル画像の取得を開始することを特徴とする一覧画像表示装置。 The list image display device according to claim 6,
The first and second acquisition means are:
An apparatus for displaying a list image, wherein when a plurality of thumbnail images are received from the server and displayed as a list, acquisition of an intermediate image or an original image corresponding to the image subjected to the enlargement operation is started.
上記第1および第2の取得手段は、
上記サムネイル画像のサイズと当該サムネイル画像に対応するオリジナル画像のサイズとを比較し、そのサイズ差が第1の所定値に相当するサイズ差未満である場合に中間画像およびオリジナル画像の取得を省略し、サイズ差が上記第1の所定値よりも大きく、かつ上記第1の所定値よりも大きい第2の所定値に相当するサイズ差未満である場合に中間画像の取得の処理を省略することを特徴とする一覧画像表示装置。 In the list image display device according to any one of claims 6 to 9,
The first and second acquisition means are:
The size of the thumbnail image is compared with the size of the original image corresponding to the thumbnail image, and the acquisition of the intermediate image and the original image is omitted when the size difference is less than the size difference corresponding to the first predetermined value. The intermediate image acquisition process is omitted when the size difference is larger than the first predetermined value and smaller than the second predetermined value larger than the first predetermined value. A list image display device as a feature.
上記一覧の個々の画像に対し、表示された画像内の領域を指定して部分的な拡大を行う手段を備えたことを特徴とする一覧画像表示装置。 In the list image display device according to any one of claims 1 to 10,
A list image display device comprising means for partially enlarging each image in the list by designating a region in the displayed image.
上記一覧の個々の画像に対して拡大の操作が行われたときに、当該拡大の操作の対象となった画像につき、それがサムネイル画像である場合に当該サムネイル画像に対応するオリジナル画像の受信を開始しつつ当該サムネイル画像を当該拡大の操作に応じて拡大し、当該オリジナル画像の受信が完了した場合に、そのオリジナル画像をサムネイル画像の表示サイズまで拡大もしくは縮小して上記一覧上の画像を置き換える画像置換手段とを備えたことを特徴とする一覧画像表示装置。 List display means for displaying a list of a plurality of images received from the server;
When an enlargement operation is performed on an individual image in the above list, if the image targeted for the enlargement operation is a thumbnail image, the original image corresponding to the thumbnail image is received. When starting, the thumbnail image is enlarged according to the enlargement operation, and when reception of the original image is completed, the original image is enlarged or reduced to the display size of the thumbnail image to replace the image on the list. A list image display device comprising image replacement means.
上記一覧の個々の画像に対して拡大の操作が行われたときに、当該拡大の操作の対象となった画像につき、それがサムネイル画像である場合に当該サムネイル画像に対応する中間画像の受信を開始しつつ当該サムネイル画像を当該拡大の操作に応じて拡大し、当該中間画像の受信が完了した場合に、その中間画像をサムネイル画像の表示サイズまで拡大もしくは縮小して上記一覧上の画像を置き換える第1の画像置換手段と、
上記中間画像の受信完了に続いて上記拡大の操作の対象となるサムネイル画像に対応するオリジナル画像の受信を開始しつつ上記置き換えた中間画像を当該拡大の操作に応じて拡大し、当該オリジナル画像の受信が完了した場合に、当該オリジナル画像を上記中間画像の表示サイズまで拡大もしくは縮小して上記一覧上の画像を置き換える第2の画像置換手段とを備えたことを特徴とする一覧画像表示装置。 List display means for displaying a list of a plurality of images received from the server;
When an enlargement operation is performed on each image in the above list, if the image targeted for the enlargement operation is a thumbnail image, an intermediate image corresponding to the thumbnail image is received. When starting, the thumbnail image is enlarged according to the enlargement operation, and when reception of the intermediate image is completed, the intermediate image is enlarged or reduced to the display size of the thumbnail image to replace the image on the list. First image replacement means;
Following the completion of reception of the intermediate image, the reception of the original image corresponding to the thumbnail image that is the target of the enlargement operation is started, and the replaced intermediate image is enlarged according to the enlargement operation. A list image display device comprising: a second image replacement unit that, when reception is completed, enlarges or reduces the original image to the display size of the intermediate image and replaces the image on the list.
上記一覧の個々の画像に対して拡大もしくは縮小の操作を行う操作工程と、
上記操作工程による拡大の操作の対象となった画像につき、それがサムネイル画像である場合に当該サムネイル画像に対応するオリジナル画像をサーバから取得する取得工程と、
上記拡大の操作の対象となったサムネイル画像の表示サイズまで上記取得したオリジナル画像を拡大もしくは縮小して上記一覧上の画像を置き換える画像置換工程とを備えたことを特徴とする一覧画像表示制御方法。 A list display step for displaying a plurality of images received from the server as a list;
An operation step of performing an enlargement or reduction operation on each image in the above list;
An acquisition step of acquiring an original image corresponding to the thumbnail image from the server when it is a thumbnail image for an image subjected to an enlargement operation by the operation step;
A list image display control method comprising: an image replacement step of replacing the image on the list by enlarging or reducing the acquired original image to the display size of the thumbnail image subjected to the enlargement operation .
上記一覧の個々の画像に対して拡大もしくは縮小の操作を行う操作工程と、
上記操作工程による拡大の操作の対象となった画像につき、それがサムネイル画像である場合に当該サムネイル画像に対応する中間画像をサーバから取得する第1の取得工程と、
上記拡大の操作の対象となったサムネイル画像の表示サイズまで上記取得した中間画像を拡大もしくは縮小して上記一覧上の画像を置き換える第1の画像置換工程と、
上記中間画像の取得に続いて当該中間画像に対応するオリジナル画像をサーバから取得する第2の取得工程と、
上記一覧上の置き換えられた中間画像の表示サイズまで上記取得したオリジナル画像を拡大もしくは縮小して上記一覧上の画像を置き換える第2の画像置換工程とを備えたことを特徴とする一覧画像表示制御方法。 A list display step for displaying a plurality of images received from the server as a list;
An operation step of performing an enlargement or reduction operation on each image in the above list;
A first acquisition step of acquiring, from the server, an intermediate image corresponding to the thumbnail image when the image is the target of the enlargement operation in the operation step;
A first image replacement step of enlarging or reducing the acquired intermediate image to replace the image on the list to the display size of the thumbnail image that is the target of the enlargement operation;
A second acquisition step of acquiring an original image corresponding to the intermediate image from the server following acquisition of the intermediate image;
A list image display control comprising: a second image replacement step of replacing the image on the list by enlarging or reducing the acquired original image to the display size of the replaced intermediate image on the list. Method.
サーバから受信した複数の画像を一覧にして表示する一覧表示手段、
上記一覧の個々の画像に対して拡大もしくは縮小の操作を行う操作手段、
上記操作手段による拡大の操作の対象となった画像につき、それがサムネイル画像である場合に当該サムネイル画像に対応するオリジナル画像をサーバから取得する取得手段、
上記拡大の操作の対象となったサムネイル画像の表示サイズまで上記取得したオリジナル画像を拡大もしくは縮小して上記一覧上の画像を置き換える画像置換手段、
として機能させることを特徴とするコンピュータ読み取り可能な一覧画像表示制御プログラム。 Computer
List display means for displaying a list of a plurality of images received from the server,
An operation means for performing an enlargement or reduction operation on each image in the list,
Obtaining means for obtaining, from a server, an original image corresponding to the thumbnail image when the thumbnail image is an image subjected to an enlargement operation by the operation means;
An image replacement means for enlarging or reducing the acquired original image up to the display size of the thumbnail image subjected to the enlarging operation and replacing the image on the list;
A computer-readable list image display control program that functions as a computer program.
サーバから受信した複数の画像を一覧にして表示する一覧表示手段、
上記一覧の個々の画像に対して拡大もしくは縮小の操作を行う操作手段、
上記操作手段による拡大の操作の対象となった画像につき、それがサムネイル画像である場合に当該サムネイル画像に対応する中間画像をサーバから取得する第1の取得手段、
上記拡大の操作の対象となったサムネイル画像の表示サイズまで上記取得した中間画像を拡大もしくは縮小して上記一覧上の画像を置き換える第1の画像置換手段、
上記中間画像の取得に続いて当該中間画像に対応するオリジナル画像をサーバから取得する第2の取得手段、
上記一覧上の置き換えられた中間画像の表示サイズまで上記取得したオリジナル画像を拡大もしくは縮小して上記一覧上の画像を置き換える第2の画像置換手段、
として機能させることを特徴とするコンピュータ読み取り可能な一覧画像表示制御プログラム。 Computer
List display means for displaying a list of a plurality of images received from the server,
An operation means for performing an enlargement or reduction operation on each image in the list,
First acquisition means for acquiring, from a server, an intermediate image corresponding to the thumbnail image when the image has been subjected to an enlargement operation by the operation means when the image is a thumbnail image;
First image replacement means for expanding or reducing the acquired intermediate image to the display size of the thumbnail image subjected to the enlargement operation and replacing the image on the list;
Second acquisition means for acquiring an original image corresponding to the intermediate image from the server following acquisition of the intermediate image;
Second image replacement means for expanding or reducing the acquired original image to the display size of the replaced intermediate image on the list to replace the image on the list;
A computer-readable list image display control program that functions as a computer program.
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
JP2007110394A JP4820327B2 (en) | 2007-04-19 | 2007-04-19 | List image display device, list image display control method, and list image display control program |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
JP2007110394A JP4820327B2 (en) | 2007-04-19 | 2007-04-19 | List image display device, list image display control method, and list image display control program |
Publications (2)
Publication Number | Publication Date |
---|---|
JP2008271094A true JP2008271094A (en) | 2008-11-06 |
JP4820327B2 JP4820327B2 (en) | 2011-11-24 |
Family
ID=40050029
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
JP2007110394A Expired - Fee Related JP4820327B2 (en) | 2007-04-19 | 2007-04-19 | List image display device, list image display control method, and list image display control program |
Country Status (1)
Country | Link |
---|---|
JP (1) | JP4820327B2 (en) |
Cited By (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
JP2009200640A (en) * | 2008-02-19 | 2009-09-03 | Canon Inc | Video image display apparatus and control method thereof, video image output device and control method thereof, and video image output system and control method of video image output |
JP2011239303A (en) * | 2010-05-12 | 2011-11-24 | Canon Inc | Information processor, and control method and computer program thereof |
JP2013031062A (en) * | 2011-07-29 | 2013-02-07 | Furyu Kk | Image provision system, image provision device, method, and program |
JP2016095630A (en) * | 2014-11-13 | 2016-05-26 | コニカミノルタ株式会社 | Image forming apparatus, printing method and browsing program |
Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
JP2003273971A (en) * | 2002-03-13 | 2003-09-26 | Canon Inc | System for describing markup language for mobile application, information processing apparatus for creating display contents, and program |
JP2004235804A (en) * | 2003-01-29 | 2004-08-19 | Sharp Corp | Portable terminal equipment |
JP2004348652A (en) * | 2003-05-26 | 2004-12-09 | Seiko Epson Corp | Portable telephone, server, its print system, method for controlling to print image in portable telephone, and accounting method for server |
JP2006139632A (en) * | 2004-11-15 | 2006-06-01 | Canon Inc | Image data processing method, image processor, image processing program |
-
2007
- 2007-04-19 JP JP2007110394A patent/JP4820327B2/en not_active Expired - Fee Related
Patent Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
JP2003273971A (en) * | 2002-03-13 | 2003-09-26 | Canon Inc | System for describing markup language for mobile application, information processing apparatus for creating display contents, and program |
JP2004235804A (en) * | 2003-01-29 | 2004-08-19 | Sharp Corp | Portable terminal equipment |
JP2004348652A (en) * | 2003-05-26 | 2004-12-09 | Seiko Epson Corp | Portable telephone, server, its print system, method for controlling to print image in portable telephone, and accounting method for server |
JP2006139632A (en) * | 2004-11-15 | 2006-06-01 | Canon Inc | Image data processing method, image processor, image processing program |
Cited By (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
JP2009200640A (en) * | 2008-02-19 | 2009-09-03 | Canon Inc | Video image display apparatus and control method thereof, video image output device and control method thereof, and video image output system and control method of video image output |
JP2011239303A (en) * | 2010-05-12 | 2011-11-24 | Canon Inc | Information processor, and control method and computer program thereof |
JP2013031062A (en) * | 2011-07-29 | 2013-02-07 | Furyu Kk | Image provision system, image provision device, method, and program |
JP2016095630A (en) * | 2014-11-13 | 2016-05-26 | コニカミノルタ株式会社 | Image forming apparatus, printing method and browsing program |
CN105607877B (en) * | 2014-11-13 | 2018-09-28 | 柯尼卡美能达株式会社 | Information processing unit and Method of printing |
Also Published As
Publication number | Publication date |
---|---|
JP4820327B2 (en) | 2011-11-24 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
JP4626703B2 (en) | Information processing apparatus, information processing method, and information processing program | |
CN105867714B (en) | Application program method for down loading, apparatus and system | |
WO2014114070A1 (en) | Search method and device based on thread object | |
US20120079365A1 (en) | Image forming control program, method of image forming control and image processing apparatus | |
JP4820327B2 (en) | List image display device, list image display control method, and list image display control program | |
CN103646122A (en) | Picture identification method based on drag picture, picture identification system based on drag picture, picture identification equipment based on drag picture and picture identification device based on drag picture | |
TWI435269B (en) | Method for opening file | |
JP5437325B2 (en) | Information processing apparatus, system, method, and program | |
JP2009245095A (en) | Information processor, program, and remote operation system | |
JP2008204189A (en) | Updated information responding device and web server | |
CN102663070A (en) | Method and system for supporting browser application | |
JP5903783B2 (en) | Server apparatus and information processing apparatus | |
US9524076B2 (en) | Web page management method and apparatus and storage medium thereof | |
JP4905488B2 (en) | Communication apparatus and program for displaying content | |
CN111367606A (en) | Application page display method, device, terminal and medium | |
JPWO2012133841A1 (en) | Data relevance level determination device, data relevance level determination method, and program | |
CN111782766B (en) | Method and system for retrieving all resources in Kubernetes cluster through keywords | |
CN110622135B (en) | System and method for providing content items in situations involving suboptimal network conditions | |
JP2010039675A (en) | Method for displaying web page | |
US11163431B2 (en) | Enabling and disabling one-click clauses | |
JP2002182811A (en) | Software support system and computer readable recording medium with support program recorded thereon | |
JP2009140509A (en) | Mobile communication terminal device, and method for controlling and operating resource of waiting image using mobile communication terminal device | |
JP5188546B2 (en) | Web server and method for generating Web page for window control | |
JP4374013B2 (en) | Relay device and relay method | |
US20130104081A1 (en) | Display apparatus, display method and computer-readable medium |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
A621 | Written request for application examination |
Free format text: JAPANESE INTERMEDIATE CODE: A621 Effective date: 20090330 |
|
A977 | Report on retrieval |
Free format text: JAPANESE INTERMEDIATE CODE: A971007 Effective date: 20110111 |
|
A131 | Notification of reasons for refusal |
Free format text: JAPANESE INTERMEDIATE CODE: A131 Effective date: 20110125 |
|
A521 | Request for written amendment filed |
Free format text: JAPANESE INTERMEDIATE CODE: A523 Effective date: 20110323 |
|
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: 20110823 |
|
A01 | Written decision to grant a patent or to grant a registration (utility model) |
Free format text: JAPANESE INTERMEDIATE CODE: A01 |
|
A61 | First payment of annual fees (during grant procedure) |
Free format text: JAPANESE INTERMEDIATE CODE: A61 Effective date: 20110902 |
|
FPAY | Renewal fee payment (event date is renewal date of database) |
Free format text: PAYMENT UNTIL: 20140909 Year of fee payment: 3 |
|
R150 | Certificate of patent or registration of utility model |
Free format text: JAPANESE INTERMEDIATE CODE: R150 Ref document number: 4820327 Country of ref document: JP Free format text: JAPANESE INTERMEDIATE CODE: R150 |
|
R250 | Receipt of annual fees |
Free format text: JAPANESE INTERMEDIATE CODE: R250 |
|
R250 | Receipt of annual fees |
Free format text: JAPANESE INTERMEDIATE CODE: R250 |
|
R250 | Receipt of annual fees |
Free format text: JAPANESE INTERMEDIATE CODE: R250 |
|
S531 | Written request for registration of change of domicile |
Free format text: JAPANESE INTERMEDIATE CODE: R313531 |
|
R350 | Written notification of registration of transfer |
Free format text: JAPANESE INTERMEDIATE CODE: R350 |
|
R250 | Receipt of annual fees |
Free format text: JAPANESE INTERMEDIATE CODE: R250 |
|
R250 | Receipt of annual fees |
Free format text: JAPANESE INTERMEDIATE CODE: R250 |
|
R250 | Receipt of annual fees |
Free format text: JAPANESE INTERMEDIATE CODE: R250 |
|
S533 | Written request for registration of change of name |
Free format text: JAPANESE INTERMEDIATE CODE: R313533 |
|
R350 | Written notification of registration of transfer |
Free format text: JAPANESE INTERMEDIATE CODE: R350 |
|
S111 | Request for change of ownership or part of ownership |
Free format text: JAPANESE INTERMEDIATE CODE: R313111 |
|
R350 | Written notification of registration of transfer |
Free format text: JAPANESE INTERMEDIATE CODE: R350 |
|
R250 | Receipt of annual fees |
Free format text: JAPANESE INTERMEDIATE CODE: R250 |
|
R250 | Receipt of annual fees |
Free format text: JAPANESE INTERMEDIATE CODE: R250 |
|
R250 | Receipt of annual fees |
Free format text: JAPANESE INTERMEDIATE CODE: R250 |
|
LAPS | Cancellation because of no payment of annual fees | ||
S111 | Request for change of ownership or part of ownership |
Free format text: JAPANESE INTERMEDIATE CODE: R313111 |
|
R371 | Transfer withdrawn |
Free format text: JAPANESE INTERMEDIATE CODE: R371 |