JP7418888B1 - 情報処理システム、情報処理方法及びプログラム - Google Patents

Abstract

【課題】文書の内容を効率的に確認することができるようにする。【解決手段】情報処理システムであって、複数のページを含む文書データを示す文書画像を画面に表示する画面表示部と、文書画像上にポインタが合わせられたときに文書データの複数のページのうちの１つのページを拡大表示し、表示したページ上でのポインタの移動に応じて表示するページを変更する拡大表示部と、を備えることを特徴とする。【選択図】図１

Description

本発明は、情報処理システム、情報処理方法及びプログラムに関する。

画面上の表示項目を拡大表示することが行われている（例えば、特許文献１参照）。

特開2001-056729号公報

しかしながら、特許文献１に記載の技術では、複数ページを含む文書の場合には表紙を拡大できるに過ぎず他のページに遷移することが難しい。

本発明はこのような背景を鑑みてなされたものであり、文書の内容を効率的に確認することができるようにする技術を提供することを目的とする。

上記課題を解決するための本発明の主たる発明は、情報処理システムであって、複数のページを含む文書データを示す文書画像を画面に表示する画面表示部と、前記文書画像上にポインタが合わせられたときに前記文書データの前記複数のページのうちの１つのページを拡大表示し、表示した前記ページ上での前記ポインタの移動に応じて表示するページを変更する拡大表示部と、を備えることを特徴とする。

その他本願が開示する課題やその解決方法については、発明の実施形態の欄及び図面により明らかにされる。

本発明によれば、文書の内容を効率的に確認することができる。

本実施形態に係る情報処理システムの全体構成例を示す図である。 管理サーバ２のハードウェア構成例を示す図である。 管理サーバ２のソフトウェア構成例を示す図である。 連結画像４０の一例を説明する図である。 ユーザ端末１のソフトウェア構成例を示す図である。 画面表示部１１２が表示する画面３０の一例を示す図である。 拡大表示部１１４が拡大表示した様子を説明する図である。 ページの決定を説明する図である。 情報処理システムの動作を説明する図である。

＜システムの概要＞
以下、本発明の一実施形態に係る情報処理システムについて説明する。

図１は、本実施形態に係る情報処理システムの全体構成例を示す図である。本実施形態の情報処理システムは、管理サーバ２を含んで構成される。管理サーバ２は、ユーザ端末１と通信ネットワークを介して通信可能に接続される。通信ネットワークは、たとえばインターネットであり、公衆電話回線網や携帯電話回線網、無線通信路、イーサネット（登録商標）などにより構築される。

ユーザ端末１は、ユーザが操作するコンピュータである。ユーザ端末１は、例えば、スマートフォン、タブレットコンピュータ、パーソナルコンピュータなどとすることができる。

管理サーバ２は、例えばワークステーションやパーソナルコンピュータのような汎用コンピュータとしてもよいし、あるいはクラウド・コンピューティングによって論理的に実現されてもよい。

＜管理サーバ＞
図２は、管理サーバ２のハードウェア構成例を示す図である。なお、図示された構成は一例であり、これ以外の構成を有していてもよい。管理サーバ２は、ＣＰＵ２０１、メモリ２０２、記憶装置２０３、通信インタフェース２０４、入力装置２０５、出力装置２０６を備える。記憶装置２０３は、各種のデータやプログラムを記憶する、例えばハードディスクドライブやソリッドステートドライブ、フラッシュメモリなどである。通信インタフェース２０４は、通信ネットワーク３に接続するためのインタフェースであり、例えばイーサネット（登録商標）に接続するためのアダプタ、公衆電話回線網に接続するためのモデム、無線通信を行うための無線通信機、シリアル通信のためのＵＳＢ（Universal Serial Bus）コネクタやＲＳ２３２Ｃコネクタなどである。入力装置２０５は、データを入力する、例えばキーボードやマウス、タッチパネル、ボタン、マイクロフォンなどである。出力装置２０６は、データを出力する、例えばディスプレイやプリンタ、スピーカなどである。なお、後述する管理サーバ２の各機能部はＣＰＵ２０１が記憶装置２０３に記憶されているプログラムをメモリ２０２に読み出して実行することにより実現され、管理サーバ２の各記憶部はメモリ２０２及び記憶装置２０３が提供する記憶領域の一部として実現される。

図３は、管理サーバ２のソフトウェア構成例を示す図である。管理サーバ２は、文書データ記憶部２３１と、画面データ作成部２１１と、画面データ送信部２１２と、画像作成部２１３と、連結画像送信部２１４と、を備える。

文書データ記憶部２３１は、文書データを記憶する。文書データは複数のページを含む。文書データは、例えば、ＰＤＦ形式やワードプロセッサ形式、プレゼンテーション形式、スプレッドシート形式などのファイルとすることができる。文書データ記憶部２３１は、例えば、ファイルシステムとして実現することができ、文書データはファイルシステムに管理されるファイルとして実現することができる。なお、文書データ記憶部２３１は、ＲＤＢＭＳやオブジェクトデータベースなどにより実現するようにしてもよい。また、文書データ記憶部２３１を外部のストレージとして実現するようにしてもよい。例えば、文書データ記憶部２３１は、クラウドストレージサービスとして実現し、文書データはクラウドストレージにアクセスして取得するようにしてもよい。

文書データ記憶部２３１は、文書データを示す画像（以下、サムネイル画像という。）を記憶することができる。サムネイル画像は、例えば、文書データの表紙であってよい。サムネイル画像は、例えば、文書データに含まれるページの一つを画像に変換したものであってよい。サムネイル画像は、例えば、ＰＮＧ形式のファイル等の画像ファイルとして文書データ記憶部２３１に格納することができる。文書データ記憶部２３１は、文書データに含まれる各ページの画像（以下、ページ画像という。）を記憶することができる。また、文書データ記憶部２３１は、文書データに含まれる複数のページのそれぞれを示すページ画像を一方向に並べて連結した画像（以下、連結画像という。）を記憶することもできる。ページ画像及び連結画像は、文書データが文書データ記憶部２３１に登録される際に登録することができる。ページ画像及び連結画像についても、例えば、ＰＮＧ形式のファイル等の画像ファイルとして文書データ記憶部２３１に格納することができる。なお、事前に文書データ記憶部２３１にページ画像及び連結画像を記憶しておかず、必要に応じて文書データに基づいてページ画像及び／又は連結画像を作成するようにしてもよい。文書データに含まれるページの画像への変換は、例えば、ＰＤＦの編集加工表示ソフトウェアやワードプロセッサソフトウェア、プレゼンテーションソフトウェアなどを用いて画像にエクスポートさせることで行うことができる。

文書データ記憶部２３１が記憶する文書データをユーザが更新することもできる。例えば、管理サーバ２は、ユーザ端末１からのリクエストに応じて文書データを提供し、ユーザ端末１からアップロードされた文書データを受信して文書データ記憶部２３１に記憶されている文書データを更新することができる。

画面データ作成部２１１は、文書データを一覧表示する画面を表示するための画面データを作成する。画面データは例えばＨＴＭＬにより記述することができる。画面には、文書を示すサムネイル画像をリスト表示することができる。画面データ作成部２１１は、ユーザ端末１からのリクエスト（例えばＨＴＴＰリクエスト）に応じて、文書データ記憶部２３１に記憶されているサムネイル画像を読み出して画面データを作成し、ユーザ端末１に応答することができる

画面データ作成部２１１は、各サムネイル画像に、文書データを特定する情報（以下、文書ＩＤという。文書ＩＤは、例えば、一意な文字列であってもよいし、パス名やＵＲＬなどとすることもできる。）を付帯させる。例えば、画面データ作成部２１１は、サムネイル画像を表示するＩＭＧタグのＩＤ属性に、文書ＩＤを設定することができる。

画面データ送信部２１２は、画面データ作成部２１１が作成した画面データをユーザ端末１に送信する。画面データ送信部２１２は、後述するユーザ端末１の機能を実現するためのプログラム（例えばＪａｖａＳｃｒｉｐｔなどにより記述することができる。）を画面データとともにユーザ端末１に送信することができる。

画像作成部２１３は、文書データに基づいて画像を作成する。本実施形態では、画像作成部２１３は、文書データに基づいて、サムネイル画像、ページ画像及び連結画像を作成する。画像作成部２１３は、作成したサムネイル画像、ページ画像及び連結画像を、文書データに対応付けて文書データ本実施形態では、連結画像作成部２１３は、横方向（記述方向、日本語の場合左から右）に各ページ画像を連結する。連結画像は、ページ画像の横幅をページ数倍した幅と、ページ画像の高さとを有する横長の１枚の画像とすることができる。また、ページ数が所定数（例えば１０）以上ある場合には、複数行になるように折り返して連結してもよい。画像作成部２１３は、例えば、全てのページを所定数ごとに、横方向に一列に並べた行連結画像を作成し、作成した行連結画像を縦方向に並べて連結画像を作成することができる。画像作成部２１３は、文書データが文書データ記憶部２３１に登録されるときに、サムネイル画像、ページ画像及び連結画像を作成して文書データ記憶部２３１に文書データとともに登録されるようにすることができる。また、画像作成部２１３は、ユーザ端末１からのリクエストに応じてサムネイル画像、ページ画像及び連結画像を作成するようにしてもよい。

図４は、連結画像４０の一例を説明する図である。図４の例では、文書データには４枚のページが含まれており、連結画像４０は、４ページ分の画像４０１ないし４０４が横方向に並べて構成されている。連結画像４０は１枚の画像として構成される。

連結画像送信部２１４は、連結画像をユーザ端末１に送信する。連結画像送信部２１４は、例えば、ユーザ端末１からのリクエストに応じて、文書データ記憶部２３１から連結画像を読み出して応答することができる。ユーザ端末１からのリクエストには、文書データを特定する文書ＩＤが設定され得、連結画像送信部２１４は、文書ＩＤにより特定される文書データに対応する連結画像を読み出すことができる。

図５は、ユーザ端末１のソフトウェア構成例を示す図である。ユーザ端末１は、画面データ受信部１１１と、画面表示部１１２と、連結画像取得部１１３と、拡大表示部１１４と、を備える。

画面データ受信部１１１は、管理サーバ２から画面データを受信する。画面データ受信部１１１は、例えば、ＷｅｂブラウザによるＨＴＴＰリクエストを管理サーバ２に送信し、リクエストに応答される画面データを取得することができる。

画面表示部１１２は、画面データに基づいて画面を表示する。画面表示部１１２は、例えば、Ｗｅｂブラウザの機能としてＨＴＭＬファイルに基づきＷｅｂページ（画面）を表示することができる。上述したように、画面には、文書データを示すサムネイル画像（文書画像）が一覧表示される。

図６は、画面表示部１１２が表示する画面３０の一例を示す図である。画面３０には、文書データのサムネイル画像３０１が一覧表示されている。また、図６の例では、文書データの属性３０２（例えば、作成日やタイトル、作成者など）がサムネイル画像３０１とともに表示されている。この場合、管理サーバ２の文書データ記憶部２３１は、文書データとともに属性を記憶するようにし、画面データ作成部２１１は、サムネイル画像とともに属性を表示させるように画面データを作成することができる。

連結画像取得部１１３は、画面上でサムネイル画像上にマウス等のポインタが合わせられたとき（マウスオーバーイベントが発生したとき）に、連結画像を取得するためのリクエストを管理サーバ２に送信することができる。連結画像取得部１１３は、マウスオーバーイベントが発生したサムネイル画像に対応する文書ＩＤ（例えば、イベントが発生したＩＭＧ要素のＩＤ属性）をリクエストに設定することができる。連結画像取得部１１３は、リクエストに応答して管理サーバ２から送信される連結画像を取得することができる。なお、連結画像取得部１１３は、イベントが発生する前に、予め連結画像を取得するようにしていてもよい。この場合、連結画像取得部１１３は、キャッシュに連結画像を保存しておくことができる。

拡大表示部１１４は、サムネイル画像上にポインタが合わせられたときに、文書データの複数のページのうちの１つのページ（サムネイル画像）を拡大表示する。拡大表示部１１４は、例えば、ポップアップのダイアログを表示し、当該ダイアログの中にページの画像を表示することができる。本実施形態では、拡大表示部１１４は、連結画像の一部（１ページ分）を切り出して表示するものとする。

図７は、拡大表示部１１４が拡大表示した様子を説明する図である。図６において、ポインタ３０３がサムネイル画像３０１の上に合わせられたとき、拡大表示部１１４は、図７に示すようなポップアップのダイアログ３１を表示し、ダイアログ３１の中には、ページの画像３１１が表示される。また、図７の例では、ダイアログ３１の中に、ページの画像３１１とともに、文書データの属性３１２も表示されている。

また、拡大表示部１１４は、表示したページ上でのポインタの移動に応じて表示するページを変更する。拡大表示部１１４は、ポインタの移動に応じて連結画像から抽出する部分を変更することができる。本実施形態では、ポインタの横移動に応じて表示するページを変更する。図７の例では、ポインタ３０３が、矢印Ｌ又は矢印Ｒの方向に所定距離以上移動した場合に、画像３１１として表示されるページが変更される。

拡大表示部１１４は、拡大表示した表示枠の左右（縦に並べた場合には上下）の一方端部から他方端部までの間におけるポインタの位置に応じて、表示するページを決定することができる。図８は、ページの決定を説明する図である。図８に示すように、拡大表示部１１４は、ページの画像３１１の横幅Ｗを、ページ数（図４に示す連結画像４０の例では「４」）で割った区間Ｗ１ないしＷ４を設定する。拡大表示部１１４は、ポインタ３０３の横方向の位置がＷ１ないしＷ４のどの区間に入るかを判断する。図８の例では、区間Ｗ１に入る。この区間Ｗ１に対応するページを連結画像から抽出するページとして決定することができる。

拡大表示部１１４は、画像３１１の左端からのポインタ３０３のオフセット距離をＯ、ページ数をＮ、区間Ｗ１ないしＷ４の長さ（ページの幅）をｗ、ページの画像の高さをＨとした場合に、ｗ＝Ｗ÷Ｎ、Ｐ＝ｆｌｏｏｒ（Ｏ÷ｗ）を計算する。拡大表示部１１４は、連結画像切り出し範囲＝（ｗ×Ｐ，０）－（ｗ×Ｐ＋ｗ，Ｈ）と計算することができる。図８の例では、ページ画像４０１が切り出され、ダイアログ中の画像３１１として表示される。

なお、所定数Ｍで折り返すように連結画像が作成されている場合には、画像３１１の左端からのポインタ３０３のオフセット距離をＯｘ、画像３１１の上端からのポインタ３０３のオフセット距離をＯｙとして次の計算により連結画像の切り出し範囲を計算することができる。
Ｐｘ＝ｆｌｏｏｒ（Ｏｘ÷ｗ）
Ｐｙ＝ｆｌｏｏｒ（Ｏｙ÷Ｈ）
連結画像切り出し範囲＝（ｗ×Ｐｘ，Ｈ×Ｐｙ）－（ｗ×Ｐｘ＋ｗ，Ｈ×Ｐｙ＋Ｈ）

＜動作＞
図９は、情報処理システムの動作を説明する図である。なお、図９の処理は、画面データに基づく画面３０が表示された後からの処理である。

ユーザ端末１は、サムネイル画像上のマウスオーバーイベントを検出し（Ｓ３０１）、イベントが発生したサムネイル画像の文書ＩＤを、例えば、サムネイル画像の要素のＩＤ属性から特定し、特定した文書ＩＤを含む、連結画像のリクエストを管理サーバ２に送信する（Ｓ３０２）。

管理サーバ２は、リクエストに含まれる文書ＩＤが示す連結画像を文書データ記憶部２３１から読み出し、読み出した連結画像をユーザ端末１に送信する（Ｓ３０５）。なお、文書データ記憶部２３１が、例えば、クラウドストレージ等の外部サーバに管理されている場合には、ユーザ端末１は、外部サーバに対してリクエスト（例えば、ＨＴＴＰリクエスト等）を送信することができる。この際のアクセス先のＵＲＬには、文書ＩＤをエンコードしておくことができる。また、事前に連結画像データを作成していない場合には、管理サーバ２は、ステップＳ３０２において、文書データを文書データ記憶部２３１から読み出すようにし、ステップＳ３０２の後に、読み出した文書データに含まれる各ページの画像を取得するステップ（Ｓ３０３）と、画像を横に並べて連結した連結画像を作成するステップ（Ｓ３０４）とを行うようにすることができる。

ユーザ端末１は、連結画像を受信して、ポインタの位置から表示するべきページを特定し（Ｓ３０６）、連結画像から特定したページの画像を切り出して表示する（Ｓ３０７）。ユーザ端末１は、ダイアログからのマウスアウトイベントを検出した場合には（Ｓ３０８：ＹＥＳ）、処理を終了する。ユーザ端末１は、ポインタが移動した場合には（Ｓ３０９：ＹＥＳ）、Ｓ３０６からの処理を繰り返す。

以上のようにして、本実施形態の情報処理システムによれば、サムネイル画像にポインタを合わせることで、サムネイル表示していた文書データに含まれるページを拡大表示するとともに、ポインタを横方向に移動することでページを切り替えることができる。これにより、ユーザは文書データの内容を効率的に確認することができる。

以上、本実施形態について説明したが、上記実施形態は本発明の理解を容易にするためのものであり、本発明を限定して解釈するためのものではない。本発明は、その趣旨を逸脱することなく、変更、改良され得ると共に、本発明にはその等価物も含まれる。

例えば、本実施形態では、文書データはページを含むものとしたが、動画や音声のように、経時的に変化するデータであってもよい。この場合、ユーザ端末１では、動画を構成する１枚のフレームをページ画像として抽出して表示することができる。また、動画及び音声について、ユーザ端末１では、ポインタの位置に応じた再生開始位置を特定し、特定した位置から途中再生を行うようにすることもできる。

＜開示事項＞
なお、本開示には、以下のような構成も含まれる。
［項目１］
複数のページを含む文書データを示す文書画像を画面に表示する画面表示部と、
前記文書画像上にポインタが合わせられたときに前記文書データの前記複数のページのうちの１つのページを拡大表示し、表示した前記ページ上での前記ポインタの移動に応じて表示するページを変更する拡大表示部と、
を備えることを特徴とする情報処理システム。
［項目２］
項目１に記載の情報処理システムであって、
前記文書データに含まれる前記複数のページのそれぞれを示すページ画像を生成し、生成した前記ページ画像を一方向に並べた連結画像を作成する連結画像作成部を備え、
前記拡大表示部は、前記文書画像上にポインタが合わせられたときに前記連結画像の一部分を表示し、表示された前記一部分上での前記ポインタの移動に応じて前記連結画像の表示する部分を変更すること、
を特徴とする情報処理システム。
［項目３］
項目１に記載の情報処理システムであって、
前記拡大表示部は、前記拡大表示した表示枠の左右又は上下の一方端部から他方端部までの間における前記ポインタの位置に応じて、前記表示するページを決定すること、
を特徴とする情報処理システム。
［項目４］
複数のページを含む文書データを示す文書画像を画面に表示するステップと、
前記文書画像上にポインタが合わせられたときに前記文書データの前記複数のページのうちの１つのページを拡大表示し、表示した前記ページ上での前記ポインタの移動に応じて表示するページを変更するステップと、
をコンピュータが実行することを特徴とする情報処理方法。
［項目５］
複数のページを含む文書データを示す文書画像を画面に表示するステップと、
前記文書画像上にポインタが合わせられたときに前記文書データの前記複数のページのうちの１つのページを拡大表示し、表示した前記ページ上での前記ポインタの移動に応じて表示するページを変更するステップと、
をコンピュータに実行させるためのプログラム。

１ ユーザ端末
２ 管理サーバ

Claims (6)

1. 複数のページを含む文書データを示す文書画像を画面に表示する画面表示部と、
   前記文書画像上にポインタが合わせられたときに前記文書データの前記複数のページのうちの１つのページを拡大表示し、表示した前記ページ上での前記ポインタの移動に応じて表示するページを変更する拡大表示部と、
   前記文書データに含まれる前記複数のページのそれぞれを示すページ画像を生成し、生成した前記ページ画像を一方向に並べた連結画像を作成する連結画像作成部と、を備え、
   前記拡大表示部は、前記文書画像上にポインタが合わせられたときに前記連結画像から切り出した１つの前記ページ画像を表示し、表示された前記ページ画像上での前記ポインタの移動に応じて前記連結画像から切り出す前記ページ画像を変更すること、
   を特徴とする情報処理システム。
2. 複数のページを含む文書データを示す文書画像を画面に表示する画面表示部と、
   前記文書画像上にポインタが合わせられたときに前記文書データの前記複数のページのうちの１つのページを拡大表示し、表示した前記ページ上での前記ポインタの移動に応じて表示するページを変更する拡大表示部と、を備え、
   前記拡大表示部は、前記ポインタの位置が、前記拡大表示した表示枠の左右又は上下の一方端部から他方端部までをページ数で割ったどの区間に入るかに応じて、前記表示するページを決定すること、
   を特徴とする情報処理システム。
3. 複数のページを含む文書データを示す文書画像を画面に表示するステップと、
   前記文書画像上にポインタが合わせられたときに前記文書データの前記複数のページのうちの１つのページを拡大表示し、表示した前記ページ上での前記ポインタの移動に応じて表示するページを変更するステップと、
   前記文書データに含まれる前記複数のページのそれぞれを示すページ画像を生成し、生成した前記ページ画像を一方向に並べた連結画像を作成するステップと、
   をコンピュータが実行し、
   前記表示するページを変更するステップにおいて、前記文書画像上にポインタが合わせられたときに前記連結画像から切り出した１つの前記ページ画像を表示し、表示された前記ページ画像上での前記ポインタの移動に応じて前記連結画像から切り出す前記ページ画像を変更すること、
   を特徴とする情報処理方法。
4. 複数のページを含む文書データを示す文書画像を画面に表示するステップと、
   前記文書画像上にポインタが合わせられたときに前記文書データの前記複数のページのうちの１つのページを拡大表示し、表示した前記ページ上での前記ポインタの移動に応じて表示するページを変更するステップと、
   をコンピュータが実行し、
   前記表示するページを変更するステップにおいて、前記ポインタの位置が、前記拡大表示した表示枠の左右又は上下の一方端部から他方端部までをページ数で割ったどの区間に入るかに応じて、前記表示するページを決定すること、
   を特徴とする情報処理方法。
5. 複数のページを含む文書データを示す文書画像を画面に表示するステップと、
   前記文書画像上にポインタが合わせられたときに前記文書データの前記複数のページのうちの１つのページを拡大表示し、表示した前記ページ上での前記ポインタの移動に応じて表示するページを変更するステップと、
   前記文書データに含まれる前記複数のページのそれぞれを示すページ画像を生成し、生成した前記ページ画像を一方向に並べた連結画像を作成するステップと、
   をコンピュータに実行させるためのプログラムであって、
   前記表示するページを変更するステップにおいて、前記文書画像上にポインタが合わせられたときに前記連結画像から切り出した１つの前記ページ画像を表示させ、表示された前記ページ画像上での前記ポインタの移動に応じて前記連結画像から切り出す前記ページ画像を変更させること、
   を特徴とするプログラム。
6. 複数のページを含む文書データを示す文書画像を画面に表示するステップと、
   前記文書画像上にポインタが合わせられたときに前記文書データの前記複数のページのうちの１つのページを拡大表示し、表示した前記ページ上での前記ポインタの移動に応じて表示するページを変更するステップと、
   をコンピュータに実行させるためのプログラムであって、
   前記表示するページを変更するステップにおいて、前記ポインタの位置が、前記拡大表示した表示枠の左右又は上下の一方端部から他方端部までをページ数で割ったどの区間に入るかに応じて、前記表示するページを決定すること、
   を特徴とするプログラム。
   

Images