JP2009223748A - 情報処理装置およびプログラム - Google Patents

情報処理装置およびプログラム Download PDF

Info

Publication number
JP2009223748A
JP2009223748A JP2008069154A JP2008069154A JP2009223748A JP 2009223748 A JP2009223748 A JP 2009223748A JP 2008069154 A JP2008069154 A JP 2008069154A JP 2008069154 A JP2008069154 A JP 2008069154A JP 2009223748 A JP2009223748 A JP 2009223748A
Authority
JP
Japan
Prior art keywords
thumbnail
unit
image
information
list
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Pending
Application number
JP2008069154A
Other languages
English (en)
Inventor
Junichi Takami
淳一 鷹見
Tetsuya Sakayori
哲也 酒寄
Hiroko Mano
博子 真野
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Ricoh Co Ltd
Original Assignee
Ricoh Co Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Ricoh Co Ltd filed Critical Ricoh Co Ltd
Priority to JP2008069154A priority Critical patent/JP2009223748A/ja
Priority to US12/406,635 priority patent/US20090241063A1/en
Publication of JP2009223748A publication Critical patent/JP2009223748A/ja
Pending legal-status Critical Current

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00Arrangements for software engineering
    • G06F8/30Creation or generation of source code
    • G06F8/38Creation or generation of source code for implementing user interfaces
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06QINFORMATION AND COMMUNICATION TECHNOLOGY [ICT] SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES; SYSTEMS OR METHODS SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES, NOT OTHERWISE PROVIDED FOR
    • G06Q10/00Administration; Management
    • G06Q10/06Resources, workflows, human or project management; Enterprise or organisation planning; Enterprise or organisation modelling
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06QINFORMATION AND COMMUNICATION TECHNOLOGY [ICT] SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES; SYSTEMS OR METHODS SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES, NOT OTHERWISE PROVIDED FOR
    • G06Q10/00Administration; Management
    • G06Q10/10Office automation; Time management

Abstract

【課題】図面画像に対して簡単な手段でハイパーリンクを設定し、インタラクティブな表示が可能なコンテンツのプロトタイプを手軽に生成する。
【解決手段】複数ページの図面画像を取得して画像格納部32に格納するとともに、各図面画像を縮小したサムネイル画像をそれぞれ配置したサムネイル一覧を生成して出力する。そして、各サムネイル一覧に加筆された加筆情報から各サムネイル一覧にそれぞれ定義されたエリア位置とそのエリア位置からのリンク先のサムネイル画像とを認識して情報管理部43で管理する。そして、画像格納部32に格納されている図面画像を表示した状態で、図面画像上の特定の場所が指示されたことを受け付け、その指示位置がエリア位置として情報管理部43に管理されている場合には、当該エリア位置からのリンク先のサムネイル画像を情報管理部43から取得し、表示内容を取得したリンク先のサムネイル画像にかかる図面画像に変更する。
【選択図】 図4

Description

本発明は、情報処理装置およびプログラムに関する。
近年、ユーザに対する情報の表示にグラフィックを多用し、基礎的な操作をポインティングデバイスによって行なうことができるGUI(Graphical User Interface)が普及している。
このようなGUIを構成するものであって電子的に作成されるコンテンツは、作成の場面でプログラミングや専用ツールなどに関するスキルが要求され、迅速な開発が難しいという問題がある。
さらには、GUIの設計・開発における初期段階においては、電子的に作成されたコンテンツは見栄えが良いことから、基本的な動作のみを対象に評価を行いたいという実験者の意図に反して、被験者の眼がフォントのサイズや各部品の色使いなど、この段階ではまだ気にする必要のない微細なグラフィックデザインに向いてしまう恐れがある。
そこで、このようなGUIの設計・開発における初期段階においては、ペーパープロトタイピングが用いられている(例えば、非特許文献1参照)。
ペーパープロトタイピングは、GUIをデザインする前に、場面毎に用意した手描きのGUI図面を被験者のアクションに合わせて実験者が差し替えることでGUIの動きを模擬的に実現することにより、ユーザビリティテスト(ユーザの意見を取り入れて、実装前にGUIの仕様が適切か否かを評価する作業)を行うことである。このように場面毎に用意した手描きのGUI図面でテストすることにより、初期段階のデザインミスや、不具合の修正が容易にできるので、開発コストを削減することができるという利点がある。
「ペーパープロトタイピング」Carolyn Snyder(著)、黒須正明(翻訳) オーム社
しかしながら、上述したようなペーパープロトタイピングにおいては、場面毎に用意するGUI図面の作成は手描きで簡単に作成可能であるが、実験の場面では、その差し替えが煩雑で実験者に大きな負担がかかるという問題がある。
本発明は、上記に鑑みてなされたものであって、図面画像に対して簡単な手段でハイパーリンクを設定し、GUI(Graphical User Interface)やWebページのようなインタラクティブな表示が可能なコンテンツのプロトタイプを手軽に生成することができる情報処理装置およびプログラムを提供することを目的とする。
上述した課題を解決し、目的を達成するために、請求項1にかかる発明の情報処理装置は、場面毎に用意した複数ページの図面の画像である図面画像を取得する画像取得部と、前記各図面画像を格納する画像格納部と、前記各図面画像を縮小してサムネイル画像を生成するサムネイル画像生成部と、前記各サムネイル画像をそれぞれ配置したサムネイル一覧を生成する一覧生成部と、前記各サムネイル一覧を出力するサムネイル出力部と、前記各サムネイル一覧に加筆された加筆情報を抽出する加筆情報抽出部と、前記加筆情報から前記各サムネイル一覧にそれぞれ定義されたエリア位置とそのエリア位置からのリンク先の前記サムネイル画像とを認識する情報認識部と、認識されたエリア位置とそのエリア位置からのリンク先の前記サムネイル画像を管理する情報管理部と、を備えることを特徴とする。
また、請求項2にかかる発明は、請求項1記載の情報処理装置において、前記情報認識部は、矩形の閉曲線として前記サムネイル一覧上に描かれることを前提に、矩形の閉曲線の4つの頂点の座標を前記エリア位置として認識する、ことを特徴とする。
また、請求項3にかかる発明は、請求項1記載の情報処理装置において、前記情報認識部は、前記サムネイル画像上の特定のエリアから別のページの前記サムネイル画像への有向線分として前記サムネイル一覧上に描かれることを前提に、有向線分の始点の前記エリア位置と有向線分の終点の前記サムネイル画像とを対応付けて認識する、ことを特徴とする。
また、請求項4にかかる発明は、請求項1記載の情報処理装置において、前記一覧生成部は、前記各サムネイル一覧を、前記各サムネイル画像がそれぞれ特定の位置に位置するように配置して生成する、ことを特徴とする。
また、請求項5にかかる発明は、請求項1記載の情報処理装置において、前記サムネイル出力部は、印刷部を介して前記サムネイル一覧を印刷することにより出力する、ことを特徴とする。
また、請求項6にかかる発明は、請求項1記載の情報処理装置において、前記サムネイル出力部は、表示部を介して前記サムネイル一覧を表示することにより出力する、ことを特徴とする。
また、請求項7にかかる発明は、請求項1記載の情報処理装置において、前記情報管理部は、前記各サムネイル一覧に対する認識結果を統合して管理する、ことを特徴とする。
また、請求項8にかかる発明は、請求項1ないし7のいずれか一記載の情報処理装置において、前記画像格納部に格納されている前記図面画像を表示部に表示する図面表示部と、前記表示部に表示されている前記図面画像上の特定の場所が指示されたことを受け付ける指示受付部と、前記指示受付部により前記図面画像上の特定の場所が指示されたことを受け付けた場合、その指示位置がエリア位置として前記情報管理部に管理されている場合には、当該エリア位置からのリンク先の前記サムネイル画像を前記情報管理部から取得するリンク取得部と、前記表示部の表示内容を、前記リンク取得部が取得したリンク先の前記サムネイル画像にかかる前記図面画像に変更する表示変更部と、を備えることを特徴とする。
また、請求項9にかかる発明のプログラムは、コンピュータを、場面毎に用意した複数ページの図面の画像である図面画像を取得する画像取得部と、前記各図面画像を格納する画像格納部と、前記各図面画像を縮小してサムネイル画像を生成するサムネイル画像生成部と、前記各サムネイル画像をそれぞれ配置したサムネイル一覧を生成する一覧生成部と、前記各サムネイル一覧を出力するサムネイル出力部と、前記各サムネイル一覧に加筆された加筆情報を抽出する加筆情報抽出部と、前記加筆情報から前記各サムネイル一覧にそれぞれ定義されたエリア位置とそのエリア位置からのリンク先の前記サムネイル画像とを認識する情報認識部と、認識されたエリア位置とそのエリア位置からのリンク先の前記サムネイル画像を管理する情報管理部と、として機能させることを特徴とする。
また、請求項10にかかる発明は、請求項9記載のプログラムにおいて、前記情報認識部は、矩形の閉曲線として前記サムネイル一覧上に描かれることを前提に、矩形の閉曲線の4つの頂点の座標を前記エリア位置として認識する、ことを特徴とする。
また、請求項11にかかる発明は、請求項9記載のプログラムにおいて、前記情報認識部は、前記サムネイル画像上の特定のエリアから別のページの前記サムネイル画像への有向線分として前記サムネイル一覧上に描かれることを前提に、有向線分の始点の前記エリア位置と有向線分の終点の前記サムネイル画像とを対応付けて認識する、ことを特徴とする。
また、請求項12にかかる発明は、請求項9記載のプログラムにおいて、前記一覧生成部は、前記各サムネイル一覧を、前記各サムネイル画像がそれぞれ特定の位置に位置するように配置して生成する、ことを特徴とする。
また、請求項13にかかる発明は、請求項9記載のプログラムにおいて、前記サムネイル出力部は、印刷部を介して前記サムネイル一覧を印刷することにより出力する、ことを特徴とする。
また、請求項14にかかる発明は、請求項9記載のプログラムにおいて、前記サムネイル出力部は、表示部を介して前記サムネイル一覧を表示することにより出力する、ことを特徴とする。
また、請求項15にかかる発明は、請求項9記載のプログラムにおいて、前記情報管理部は、前記各サムネイル一覧に対する認識結果を統合して管理する、ことを特徴とする。
また、請求項16にかかる発明は、請求項9ないし15のいずれか一記載のプログラムにおいて、前記コンピュータを、前記画像格納部に格納されている前記図面画像を表示部に表示する図面表示部と、前記表示部に表示されている前記図面画像上の特定の場所が指示されたことを受け付ける指示受付部と、前記指示受付部により前記図面画像上の特定の場所が指示されたことを受け付けた場合、その指示位置がエリア位置として前記情報管理部に管理されている場合には、当該エリア位置からのリンク先の前記サムネイル画像を前記情報管理部から取得するリンク取得部と、前記表示部の表示内容を、前記リンク取得部が取得したリンク先の前記サムネイル画像にかかる前記図面画像に変更する表示変更部と、として機能させることを特徴とする。
請求項1,9にかかる発明によれば、場面毎に用意した複数ページの図面の画像である図面画像を取得して画像格納部に格納するとともに、各図面画像を縮小したサムネイル画像をそれぞれ配置したサムネイル一覧を生成して出力する。このような状態で、各サムネイル一覧に加筆があった場合には、各サムネイル一覧に加筆された加筆情報を抽出し、加筆情報から各サムネイル一覧にそれぞれ定義されたエリア位置とそのエリア位置からのリンク先のサムネイル画像とを認識して情報管理部で管理する。これにより、場面毎に用意した複数ページの図面画像を例えば手描きの画像とした場合には、作成段階では手描きが有する手軽さ/迅速さという利点を保ちつつ、図面画像に対して簡単な手段でハイパーリンクを設定し、GUI(Graphical User Interface)やWebページのようなインタラクティブな表示が可能なコンテンツのプロトタイプを手軽に生成することができる、という効果を奏する。
また、請求項2,10にかかる発明によれば、情報認識部は、矩形の閉曲線としてサムネイル一覧上に描かれることを前提に、矩形の閉曲線の4つの頂点の座標をエリア位置として認識することにより、手描きで加筆されたエリア位置を精度良く認識することができる、という効果を奏する。
また、請求項3,11にかかる発明によれば、情報認識部は、サムネイル画像上の特定のエリアから別のページのサムネイル画像への有向線分としてサムネイル一覧上に描かれることを前提に、有向線分の始点のエリア位置と有向線分の終点のサムネイル画像とを対応付けて認識することにより、手描きで加筆されたエリア位置からのリンク先のサムネイル画像を精度良く認識することができる、という効果を奏する。
また、請求項4,12にかかる発明によれば、一覧生成部は、各サムネイル一覧を、各サムネイル画像がそれぞれ特定の位置に位置するように配置して生成することにより、ページ(サムネイル画像)間のリンクが単純化されるため、エリア位置からのリンク先のサムネイル画像の加筆作業時の認知性を向上させることができ、また情報認識部で行われるエリア位置とそのエリア位置からのリンク先のサムネイル画像の認識精度を高めることができる、という効果を奏する。
また、請求項5,13にかかる発明によれば、サムネイル出力部は、印刷部を介してサムネイル一覧を印刷することにより出力することにより、サムネイル一覧の確認、およびエリア位置とそのエリア位置からのリンク先のサムネイル画像の設定が紙上で実現することができる、という効果を奏する。
また、請求項6,14にかかる発明によれば、サムネイル出力部は、表示部を介してサムネイル一覧を表示することにより出力することにより、サムネイル一覧の確認、およびエリア位置とそのエリア位置からのリンク先のサムネイル画像の設定がPC上で実現することができる、という効果を奏する。
また、請求項7,15にかかる発明によれば、情報管理部は、各サムネイル一覧に対する認識結果を統合して管理することにより、複数ページに分割されて定義されたエリア位置とそのエリア位置からのリンク先のサムネイル画像を、1ページに定義された場合と同様に扱うことができる、という効果を奏する。
また、請求項8,16にかかる発明によれば、画像格納部に格納されている図面画像を表示部に表示した状態で、図面画像上の特定の場所が指示されたことを受け付けた場合であって、その指示位置がエリア位置として情報管理部に管理されている場合には、当該エリア位置からのリンク先のサムネイル画像を情報管理部から取得し、表示部の表示内容を、取得したリンク先のサムネイル画像にかかる図面画像に変更することにより、GUI(Graphical User Interface)やWebページのようなインタラクティブな表示が可能なコンテンツのプロトタイプを簡単に扱うことができる、という効果を奏する。
以下に添付図面を参照して、この発明にかかる情報処理装置およびプログラムの最良な実施の形態を詳細に説明する。
本発明の実施の一形態を図1ないし図12に基づいて説明する。本実施の形態は情報処理装置としてパーソナルコンピュータを適用した例である。
図1は、本発明の実施の一形態にかかる情報処理システムの構築例を示す模式図である。本実施の形態の情報処理システムでは、コンピュータ1にLAN(Local Area Network)等のネットワーク2を介して、プリンタ3およびスキャナ4が接続されたシステムを想定しており、コンピュータ1上で作成されたデジタル文書データがネットワーク2を介してプリンタ3に送信され、送信されたデジタル文書データがプリンタ3よりハードコピー出力されるものである。また、スキャナ4を介して読み取られたデジタル文書データがネットワーク2を介してコンピュータ1に送信される。
次に、コンピュータ1について説明する。コンピュータ1は、一般的又は標準的なパーソナルコンピュータである。図2は、コンピュータ1のハードウェアの構成図である。コンピュータ1は、情報処理を行うCPU(Central Processing Unit)12と、BIOS(Basic Input Output System)等を格納するROM(Read Only Memory)13と、情報を処理中に一時的に格納するRAM(Random Access Memory)14等の一次記憶装置と、アプリケーションプログラムや処理結果等を格納する記憶部であるHDD(Hard Disk Drive)15等の二次記憶装置と、情報を外部に格納又は配布し若しくは情報(アプリケーションプログラム等)を外部から入手するための記憶媒体であるリムーバブルメディア16のドライブ17と、外部の他の機器(コンピュータ1、プリンタ3、スキャナ4)と通信するためのネットワーク2に接続するためのネットワークインタフェース18と、処理経過や処理結果等をユーザに表示する表示部であるディスプレイ19と、操作者がコンピュータ1に命令や情報等を入力するためのキーボード20やマウス21等の入力部とから構成され、これらの間のデータ通信をバスコントローラ22が調停して動作している。
なお、リムーバブルメディア16としては、フレキシブルディスク、ハードディスク、磁気テープ等のような磁気的な記憶媒体、MOのような光磁気的な記憶媒体、CD、CD−ROM、CD−R、CD−RW、DVD−ROM、DVD−R、DVD−RAM、DVD−RW、DVD+RW等のような光学的な記憶媒体、半導体メモリ等、各種の記憶媒体が適用できる。
データ送信は、コンピュータ1のネットワークインタフェース18へとデータを送ることにより、ネットワークインタフェース18がネットワーク2へと信号を出力する。また、ネットワークインタフェース18が受け取った信号については、ネットワークインタフェース18において必要かどうかの判断がなされ、必要なデータであれば取り込み、不必要であれば破棄する、というような処理が行われる。すなわち、あらゆるデータの送受信は、すべてネットワークインタフェース18を経由して行われることになる。
一般的に、このようなコンピュータ1ではユーザが電源を投入すると、CPU12はROM13内のBIOSに含まれるローダーというプログラムを起動させ、HDD15からオペレーティングシステム(OS)という当該コンピュータ1のハードウェアとソフトウェアとを管理するプログラムをRAM14に読み込む。OSは起動すると、ユーザの操作に応じてアプリケーションプログラムの起動、情報の読み込み、保存等をサポートする。代表的なOSとしては、Windows(登録商標)等が知られている。これらのOS上で走るプログラムをアプリケーションプログラムと呼んでいる。なお、アプリケーションプログラムは、所定のOS上で動作するものに限らず、後述の各種処理の一部の実行をOSに肩代わりさせるものであってもよいし、所定のアプリケーションソフトやOSなどを構成する一群のプログラムファイルの一部として含まれているものであってもよい。
また、一般的には、コンピュータ1のHDD15にインストールされるアプリケーションプログラムは、リムーバブルメディア16に記録され、このリムーバブルメディア16に記録されたアプリケーションプログラムがHDD15にインストールされる。このため、リムーバブルメディア16も、アプリケーションプログラムを記憶する記憶媒体となり得る。さらには、アプリケーションプログラムは、例えばネットワークインタフェース18を介して外部から取り込まれ、HDD15にインストールされても良い。
コンピュータ1は、OS上で動作するアプリケーションプログラムが起動すると、このアプリケーションプログラムに従い、CPU12が各種の演算処理を実行して各部を集中的に制御する。
次に、コンピュータ1のCPU12が実行する各種の演算処理のうち、本実施の形態の特長的な処理について以下に説明する。概略的には、本実施の形態の特長的な処理は、GUI(Graphical User Interface)の設計・開発におけるペーパープロトタイピングに関わるものであって、スキャナ4を介して読み取った場面毎に用意した複数ページのGUI図面を縮小してサムネイル画像を生成し、複数ページ分のサムネイル画像を1枚、または少数枚の用紙に収まるスペースに配置した図3に示すようなサムネイル一覧シート100をプリンタ3に印刷させる。その後、サムネイル一覧シート100上の加筆部分(各GUI図面のリンク)をスキャナ4を介して読み取り、加筆部分に応じたGUI図面上のエリア情報とそのリンク情報とに従ってGUI図面のリンクを設定するようにしたものである。これにより、複数ページの手描きのGUI図面を読み取った画像コンテンツに対して簡単な手段でハイパーリンクを設定することができ、インタラクティブな表示が可能な画像コンテンツを手軽に生成することが可能になっている。
コンピュータ1は、アプリケーションプログラムとして、サムネイル一覧シート作成プログラム、リンク設定プログラムおよび図面表示プログラムをHDD15に記憶している。すなわち、コンピュータ1は、OS上で動作するサムネイル一覧シート作成プログラム、リンク設定プログラムおよび図面表示プログラムが起動すると、これらのサムネイル一覧シート作成プログラム、リンク設定プログラムおよび図面表示プログラムに従い、CPU2が各部を制御してサムネイル一覧シート作成処理、リンク設定処理および図面表示処理を実行する。図4は、コンピュータ1のサムネイル一覧シート作成処理、リンク設定処理および図面表示処理にかかる機能構成を示すブロック図である。
[サムネイル一覧シート作成処理]
まず、サムネイル一覧シート作成処理について説明する。図4に示すように、コンピュータ1は、CPU12がOS上で動作するサムネイル一覧シート作成プログラムに従うことにより、画像取得部31と、画像格納部32と、サムネイル画像生成部33と、一覧生成部34と、レイアウト情報生成部35と、レイアウト情報格納部36と、サムネイル出力部37と、を備えている。
画像取得部31は、用紙に印刷または手描きされた文字や画像であって、GUI(Graphical User Interface)の設計・開発におけるペーパープロトタイピングに用いる場面毎に用意した複数ページのGUI図面をスキャナ4を介して読み取り、GUI図面の画像を取得する。図5は、場面毎に用意した複数ページのGUI図面を示す模式図である。図5に示す各GUI図面は、GUIの仕様案に基づき、場面毎のデザインを手描きで用紙に描いたものである(トータルでN枚のデザイン画があるとする)。
画像格納部32は、HDD15やRAM14等に形成され、画像取得部31で読み取られたGUI図面の画像を格納する。
サムネイル画像生成部33は、読み取られた複数ページのGUI図面の画像を縮小してサムネイル画像を生成する。
一覧生成部34は、複数ページ分のサムネイル画像を、1枚または少数枚の用紙に収まるスペースに配置したサムネイル一覧を生成する。なお、サムネイル一覧は、各GUI図面の画像のサムネイル画像をそれぞれ中心とし、N通り生成される。
なお、サムネイル一覧は、画像取得部31で読み取られた全てのGUI図面のサムネイル画像を一覧にするのではなく、一覧にするGUI図面のサムネイル画像を選択するようにしても良い。
レイアウト情報生成部35は、一覧生成部34で生成されたサムネイル一覧のどの位置に、何ページ目のGUI図面が配置されているかというレイアウト情報をN通り生成する。
レイアウト情報格納部36は、HDD15やRAM14等に形成され、レイアウト情報生成部35で生成されたレイアウト情報を格納する。
サムネイル出力部37は、サムネイル一覧をプリンタ3に出力し、図3に示すようなサムネイル一覧シート100をプリンタ3に印刷させる。
図3に示すサムネイル一覧シート100においては、1ページ目のGUI図面が中心に位置するように配置されている。本実施の形態においては、複数ページのGUI図面に対して、それぞれのページのGUI図面のサムネイル画像が用紙の上部や中心など、特定の位置(当該ページ位置)に位置するように配置される。
また、図3に示すように、サムネイル一覧シート100には、サムネイル一覧のどの位置に何ページ目のGUI図面が配置されているかという情報、すなわちレイアウト情報格納部36に格納されているレイアウト情報へのリンクがシンボル化されたコードシンボル200(例えば、2次元コード)が、同一用紙上に印刷されている。
同様に、サムネイル出力部37は、2ページ目からNページ目までのGUI図面が中心に位置するように配置されているサムネイル一覧シートも、プリンタ3に印刷させる。
図6は、サムネイル一覧シート作成処理の流れを示すフローチャートである。図6に示すように、画像取得部31は、複数ページのGUI図面の画像を取得し(ステップS1)、画像格納部32は、取得したGUI図面の画像を格納する(ステップS2)。
次いで、図6に示すように、サムネイル画像生成部33は、読み取られた複数ページのGUI図面の画像を縮小してサムネイル画像を生成し(ステップS3)、一覧生成部34は、複数ページ分のサムネイル画像を、1枚または少数枚の用紙に収まるスペースに配置したサムネイル一覧を生成する(ステップS4)。
その後、図6に示すように、レイアウト情報生成部35は、一覧生成部34で生成されたサムネイル一覧のどの位置に、何ページ目のGUI図面が配置されているかというレイアウト情報をN通り生成し(ステップS5)、レイアウト情報格納部36は、レイアウト情報生成部35で生成されたレイアウト情報を格納した後(ステップS6)、サムネイル出力部37は、サムネイル一覧シート100をプリンタ3に印刷させる(ステップS7)。
[リンク設定処理]
次に、リンク設定処理について説明する。図4に示すように、コンピュータ1は、CPU12がOS上で動作するリンク設定プログラムに従うことにより、加筆情報抽出部41と、情報認識部42と、情報管理部43と、を備えている。
加筆情報抽出部41は、必要な加筆(後述するエリア情報およびリンク情報)が完了したサムネイル一覧シート100を、スキャナ4を介して読み取り、サムネイル一覧シート100上のコードシンボル200に基づいて検索されるレイアウト情報格納部36に格納されている情報(サムネイル一覧のどの位置に何ページ目のGUI図面が配置されているかという情報)との差分を取ることにより、サムネイル一覧シート100に加筆された情報(エリア情報およびリンク情報)を抽出する。
図7および図8は、加筆されたサムネイル一覧シート100の一例を示す平面図である。図7はエリア情報が加筆された例、図8はエリア情報およびリンク情報が加筆された例である。図7および図8に示すように、中心に位置するGUI図面のサムネイル画像上にエリア情報Xを加筆し、そのエリア情報からその周辺に位置する他のページのGUI図面のサムネイル画像への矢印でリンク情報Y1〜Y3を加筆する。
情報認識部42は、加筆情報抽出部41で抽出された情報から、各ページに定義されたエリア位置(エリア情報)とそのエリア位置からのリンク先のサムネイル画像(リンク情報)を認識する。すなわち、図7に示すように、矩形の閉曲線としてサムネイル一覧シート100上に描かれることを前提にエリア情報の認識を行い、4つの頂点の座標をエリア情報とする。これにより、情報認識部42は、手描きで加筆されたエリア位置を精度良く認識することができる。
また、情報認識部42は、図8に示すように、サムネイル画像上の特定のエリアから別のページのサムネイル画像への有向線分(矢印)としてサムネイル一覧シート100上に描かれることを前提にリンク情報の認識を行い、有向線分の始点のエリア情報と有向線分の終点のサムネイル画像とを対応付けてリンク情報とする。これにより、情報認識部42は、手描きで加筆されたエリア位置からのリンク先のサムネイル画像を精度良く認識することができる。
情報管理部43は、HDD15やRAM14等に形成され、情報認識部42で認識されたエリア位置とそのリンク先ページであるエリア情報およびリンク情報を管理する。
上述のように、エリア情報およびリンク情報は、当該ページ位置に配置されたGUI図面のサムネイル画像上にのみ描かれることを前提に認識されることにより、複数のサムネイル一覧シート100に分割されて定義されたエリア情報やリンク情報を、1枚の用紙に定義された場合と同様に扱うことが可能となる。
図9は、リンク設定処理の流れを示すフローチャートである。図9に示すように、加筆情報抽出部41は、サムネイル一覧シート100に加筆された情報(エリア情報およびリンク情報)を抽出し(ステップS11)、情報認識部42は、各ページに定義されたエリア位置(エリア情報)とそのリンク先のサムネイル画像(リンク情報)を認識し(ステップS12)、情報管理部43は、エリア位置(エリア情報)とそのリンク先のサムネイル画像(リンク情報)を管理する(ステップS13)。
図10は、リンク設定の例を示す模式図である。図10は、1−4ページのGUI図面のエリア情報とリンク情報を全て表示したものである。
[図面表示処理]
次に、図面表示処理について説明する。図4に示すように、コンピュータ1は、CPU12がOS上で動作する図面表示プログラムに従うことにより、図面表示部51と、指示受付部52と、リンク取得部53と、表示変更部54と、を備えている。
図面表示部51は、画像格納部32に格納されている1ページ目のGUI図面をディスプレイ19に表示する。
指示受付部52は、キーボード20やマウス21等の入力部による押下により、ディスプレイ19に表示されているGUI図面上の特定の場所が指示されたことを受け付ける。
リンク取得部53は、指示受付部52によりGUI図面上の特定の場所が指示されたことを受け付けた場合、その指示位置がエリア情報として情報管理部43に管理されている場合には、そのエリア情報に対応するリンク先を情報管理部43から取得する。
表示変更部54は、ディスプレイ19の表示内容を、リンク取得部53が取得したリンク先のサムネイル画像にかかるGUI図面に変更する。
図11は、図面表示処理の流れを示すフローチャートである。図11に示すように、図面表示部51が、画像格納部32に格納されている1ページ目のGUI図面をディスプレイ19に表示した状態で(ステップS21)、指示受付部52が、キーボード20やマウス21等の入力部による押下により、ディスプレイ19に表示されているGUI図面上の特定の場所が指示されたことを受け付けた場合には(ステップS22のYes)、リンク取得部53は、その指示位置がエリア情報として情報管理部43に管理されている場合には、そのエリア情報に対応するリンク先を情報管理部43から取得し(ステップS23)、表示変更部54は、ディスプレイ19の表示内容を、リンク取得部53が取得したリンク先のサムネイル画像にかかるGUI図面に変更する(ステップS24)。
図12に示すように、例えば、1ページ目のGUI図面(図8の中央に位置するGUI図面)の網掛け部分Aが指示された場合には、図8や図10で示したように、網掛け部分Aのエリア情報Xに対して4ページ目のGUI図面(図8の右上に位置するGUI図面)がリンク情報Y1によりリンク先として対応付けられているので、ディスプレイ19の表示内容が1ページ目のGUI図面から4ページ目のGUI図面に変更されることになる。
これにより、操作者のアクションに合わせて自動的に画面が切り替わるインタラクティブな電子コンテンツを提示することができる。
このように本実施の形態によれば、場面毎に用意した複数ページの図面の画像である図面画像を取得して画像格納部に格納するとともに、各図面画像を縮小したサムネイル画像をそれぞれ配置したサムネイル一覧を生成して出力する。このような状態で、各サムネイル一覧に加筆があった場合には、各サムネイル一覧に加筆された加筆情報を抽出し、加筆情報から各サムネイル一覧にそれぞれ定義されたエリア位置とそのエリア位置からのリンク先のサムネイル画像とを認識して情報管理部で管理する。そして、画像格納部に格納されている図面画像を表示部に表示した状態で、図面画像上の特定の場所が指示されたことを受け付けた場合であって、その指示位置がエリア位置として情報管理部に管理されている場合には、当該エリア位置からのリンク先のサムネイル画像を情報管理部から取得し、表示部の表示内容を、取得したリンク先のサムネイル画像にかかる図面画像に変更する。これにより、場面毎に用意した複数ページの図面画像を例えば手描きの画像とした場合には、作成段階では手描きが有する手軽さ/迅速さという利点を保ちつつ、図面画像に対して簡単な手段でハイパーリンクを設定し、GUI(Graphical User Interface)やWebページのようなインタラクティブな表示が可能なコンテンツのプロトタイプを手軽に生成することができる。
また、サムネイル一覧シート100においては、複数ページのGUI図面に対して、それぞれのページのGUI図面が用紙の上部や中心など、特定の位置(当該ページ位置)するように配置されることにより、ページ間(GUI図面間)のリンクが単純化されるため、リンク情報の加筆作業時の認知性を向上させることができ、また情報認識部42で行われるエリア情報やリンク情報の認識精度を高めることができる。
なお、本実施の形態においては、図3に示すサムネイル一覧シート100を印刷して、サムネイル一覧シート100に対してリンク先を加筆するようにしたが、これに限るものではなく、サムネイル一覧シート100を用いることなく、電子的な手段でエリア情報およびリンク情報を設定するようにしても良い。サムネイル一覧シート100を用いない場合においては、サムネイル出力部37は、サムネイル一覧をディスプレイ19に表示させる。そして、加筆情報抽出部41は、キーボード20やマウス21等の入力部からの入力により、ディスプレイ19に表示されているサムネイル一覧上に加筆された情報(エリア情報およびリンク情報)を、レイアウト情報格納部36に格納されている情報(サムネイル一覧のどの位置に何ページ目のGUI図面が配置されているかという情報)との差分を取ることにより抽出する。
これにより、サムネイル一覧の確認、およびエリア情報やリンク情報の設定がコンピュータ1上でも実現可能になる。
本発明の実施の一形態にかかる情報処理システムの構築例を示す模式図である。 コンピュータのハードウェアの構成図である。 サムネイル一覧シートの一例を示す平面図である。 サムネイル一覧シート作成処理、リンク設定処理および図面表示処理にかかる機能構成を示すブロック図である。 場面毎に用意した複数ページのGUI図面を示す模式図である。 サムネイル一覧シート作成処理の流れを示すフローチャートである。 加筆されたサムネイル一覧シートの一例を示す平面図である。 加筆されたサムネイル一覧シートの一例を示す平面図である。 リンク設定処理の流れを示すフローチャートである。 リンク設定の例を示す模式図である。 図面表示処理の流れを示すフローチャートである。 GUI図面の変更例を示す模式図である。
符号の説明
1 情報処理装置
31 画像取得部
32 画像格納部
33 サムネイル画像生成部
34 一覧生成部
37 サムネイル出力部
41 加筆情報抽出部
42 情報認識部
43 情報管理部
51 図面表示部
52 指示受付部
53 リンク取得部
54 表示変更部

Claims (16)

  1. 場面毎に用意した複数ページの図面の画像である図面画像を取得する画像取得部と、
    前記各図面画像を格納する画像格納部と、
    前記各図面画像を縮小してサムネイル画像を生成するサムネイル画像生成部と、
    前記各サムネイル画像をそれぞれ配置したサムネイル一覧を生成する一覧生成部と、
    前記各サムネイル一覧を出力するサムネイル出力部と、
    前記各サムネイル一覧に加筆された加筆情報を抽出する加筆情報抽出部と、
    前記加筆情報から前記各サムネイル一覧にそれぞれ定義されたエリア位置とそのエリア位置からのリンク先の前記サムネイル画像とを認識する情報認識部と、
    認識されたエリア位置とそのエリア位置からのリンク先の前記サムネイル画像を管理する情報管理部と、
    を備えることを特徴とする情報処理装置。
  2. 前記情報認識部は、矩形の閉曲線として前記サムネイル一覧上に描かれることを前提に、矩形の閉曲線の4つの頂点の座標を前記エリア位置として認識する、
    ことを特徴とする請求項1記載の情報処理装置。
  3. 前記情報認識部は、前記サムネイル画像上の特定のエリアから別のページの前記サムネイル画像への有向線分として前記サムネイル一覧上に描かれることを前提に、有向線分の始点の前記エリア位置と有向線分の終点の前記サムネイル画像とを対応付けて認識する、
    ことを特徴とする請求項1記載の情報処理装置。
  4. 前記一覧生成部は、前記各サムネイル一覧を、前記各サムネイル画像がそれぞれ特定の位置に位置するように配置して生成する、
    ことを特徴とする請求項1記載の情報処理装置。
  5. 前記サムネイル出力部は、印刷部を介して前記サムネイル一覧を印刷することにより出力する、
    ことを特徴とする請求項1記載の情報処理装置。
  6. 前記サムネイル出力部は、表示部を介して前記サムネイル一覧を表示することにより出力する、
    ことを特徴とする請求項1記載の情報処理装置。
  7. 前記情報管理部は、前記各サムネイル一覧に対する認識結果を統合して管理する、
    ことを特徴とする請求項1記載の情報処理装置。
  8. 前記画像格納部に格納されている前記図面画像を表示部に表示する図面表示部と、
    前記表示部に表示されている前記図面画像上の特定の場所が指示されたことを受け付ける指示受付部と、
    前記指示受付部により前記図面画像上の特定の場所が指示されたことを受け付けた場合、その指示位置がエリア位置として前記情報管理部に管理されている場合には、当該エリア位置からのリンク先の前記サムネイル画像を前記情報管理部から取得するリンク取得部と、
    前記表示部の表示内容を、前記リンク取得部が取得したリンク先の前記サムネイル画像にかかる前記図面画像に変更する表示変更部と、
    を備えることを特徴とする請求項1ないし7のいずれか一記載の情報処理装置。
  9. コンピュータを、
    場面毎に用意した複数ページの図面の画像である図面画像を取得する画像取得部と、
    前記各図面画像を格納する画像格納部と、
    前記各図面画像を縮小してサムネイル画像を生成するサムネイル画像生成部と、
    前記各サムネイル画像をそれぞれ配置したサムネイル一覧を生成する一覧生成部と、
    前記各サムネイル一覧を出力するサムネイル出力部と、
    前記各サムネイル一覧に加筆された加筆情報を抽出する加筆情報抽出部と、
    前記加筆情報から前記各サムネイル一覧にそれぞれ定義されたエリア位置とそのエリア位置からのリンク先の前記サムネイル画像とを認識する情報認識部と、
    認識されたエリア位置とそのエリア位置からのリンク先の前記サムネイル画像を管理する情報管理部と、
    として機能させることを特徴とするプログラム。
  10. 前記情報認識部は、矩形の閉曲線として前記サムネイル一覧上に描かれることを前提に、矩形の閉曲線の4つの頂点の座標を前記エリア位置として認識する、
    ことを特徴とする請求項9記載のプログラム。
  11. 前記情報認識部は、前記サムネイル画像上の特定のエリアから別のページの前記サムネイル画像への有向線分として前記サムネイル一覧上に描かれることを前提に、有向線分の始点の前記エリア位置と有向線分の終点の前記サムネイル画像とを対応付けて認識する、
    ことを特徴とする請求項9記載のプログラム。
  12. 前記一覧生成部は、前記各サムネイル一覧を、前記各サムネイル画像がそれぞれ特定の位置に位置するように配置して生成する、
    ことを特徴とする請求項9記載のプログラム。
  13. 前記サムネイル出力部は、印刷部を介して前記サムネイル一覧を印刷することにより出力する、
    ことを特徴とする請求項9記載のプログラム。
  14. 前記サムネイル出力部は、表示部を介して前記サムネイル一覧を表示することにより出力する、
    ことを特徴とする請求項9記載のプログラム。
  15. 前記情報管理部は、前記各サムネイル一覧に対する認識結果を統合して管理する、
    ことを特徴とする請求項9記載のプログラム。
  16. 前記コンピュータを、
    前記画像格納部に格納されている前記図面画像を表示部に表示する図面表示部と、
    前記表示部に表示されている前記図面画像上の特定の場所が指示されたことを受け付ける指示受付部と、
    前記指示受付部により前記図面画像上の特定の場所が指示されたことを受け付けた場合、その指示位置がエリア位置として前記情報管理部に管理されている場合には、当該エリア位置からのリンク先の前記サムネイル画像を前記情報管理部から取得するリンク取得部と、
    前記表示部の表示内容を、前記リンク取得部が取得したリンク先の前記サムネイル画像にかかる前記図面画像に変更する表示変更部と、
    として機能させることを特徴とする請求項9ないし15のいずれか一記載のプログラム。
JP2008069154A 2008-03-18 2008-03-18 情報処理装置およびプログラム Pending JP2009223748A (ja)

Priority Applications (2)

Application Number Priority Date Filing Date Title
JP2008069154A JP2009223748A (ja) 2008-03-18 2008-03-18 情報処理装置およびプログラム
US12/406,635 US20090241063A1 (en) 2008-03-18 2009-03-18 Information processing apparatus, information processing method, and computer readable medium for designing a gui

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
JP2008069154A JP2009223748A (ja) 2008-03-18 2008-03-18 情報処理装置およびプログラム

Publications (1)

Publication Number Publication Date
JP2009223748A true JP2009223748A (ja) 2009-10-01

Family

ID=41090114

Family Applications (1)

Application Number Title Priority Date Filing Date
JP2008069154A Pending JP2009223748A (ja) 2008-03-18 2008-03-18 情報処理装置およびプログラム

Country Status (2)

Country Link
US (1) US20090241063A1 (ja)
JP (1) JP2009223748A (ja)

Families Citing this family (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2013025612A (ja) * 2011-07-22 2013-02-04 Kddi Corp Ui作成装置およびui作成プログラム

Family Cites Families (32)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US5706097A (en) * 1995-11-13 1998-01-06 Eastman Kodak Company Index print with a digital recording medium containing still images, motion sequences, and sound sequences
JP3895492B2 (ja) * 1998-03-13 2007-03-22 株式会社リコー 画像処理装置、画像処理方法およびその方法をコンピュータに実行させるプログラムを記録したコンピュータ読み取り可能な記録媒体
US6556221B1 (en) * 1998-07-01 2003-04-29 Sony Corporation Extended elements and mechanisms for displaying a rich graphical user interface in panel subunit
US6956671B2 (en) * 1998-10-15 2005-10-18 Hewlett-Packard Development Company, L.P. Specifying image file processing operations via device controls and a user-completed proof sheet
US20010040685A1 (en) * 1998-10-15 2001-11-15 Hewlett-Packard Company System and method for printing and scanning a user-completed digital still camera image proof sheet and order form
US7042583B1 (en) * 1999-04-12 2006-05-09 Eastman Kodak Company Techniques for acquiring a parent multimedia asset (digital negative) from any of a plurality of multiply modified child multimedia assets
US7092116B2 (en) * 2000-06-29 2006-08-15 Douglas Calaway Method and system for processing an annotated digital photograph using a composite image
US6983421B1 (en) * 2001-06-22 2006-01-03 I2 Technologies Us, Inc. Using connectors to automatically update graphical user interface elements at a client system according to an updated state of a configuration
US7124398B2 (en) * 2002-04-10 2006-10-17 International Business Machines Corporation Rapid GUI refacing of a legacy application
US20040047001A1 (en) * 2002-09-11 2004-03-11 Gehring Shane T. Image selection using proof sheet
US7412658B2 (en) * 2002-11-14 2008-08-12 Sap Ag Modeling system for graphic user interface
US20040151399A1 (en) * 2003-01-30 2004-08-05 Skurdal Vincent C. Positioning images in association with templates
FI20031433A (fi) * 2003-10-03 2005-04-04 Nokia Corp Menetelmä valikkojen muodostamiseksi
US7836091B2 (en) * 2003-12-19 2010-11-16 Sharp Laboratories Of America, Inc. Systems and methods for providing access to an embedded thumbnail image
US7525675B2 (en) * 2004-02-06 2009-04-28 Hewlett-Packard Development Company, L.P Image printing via a proof sheet
US20050203763A1 (en) * 2004-03-10 2005-09-15 Robert Sesek Methods and apparatus for managing send jobs
US20050259945A1 (en) * 2004-05-20 2005-11-24 Anthony Splaver Method and system for automatic management of digital photography processing
US20060095443A1 (en) * 2004-10-29 2006-05-04 Kerika, Inc. Idea page system and method
US8218171B2 (en) * 2005-03-30 2012-07-10 Nk Works Co., Ltd. Print order accepting apparatus and printing system
US20060242418A1 (en) * 2005-04-25 2006-10-26 Xerox Corporation Method for ensuring the integrity of image sets
JP2007094544A (ja) * 2005-09-27 2007-04-12 Fuji Xerox Co Ltd 情報検索システム
US7840898B2 (en) * 2005-11-01 2010-11-23 Microsoft Corporation Video booklet
JP2007221186A (ja) * 2006-02-14 2007-08-30 Seiko Epson Corp 画像データのサムネイル表示
US8793579B2 (en) * 2006-04-20 2014-07-29 Google Inc. Graphical user interfaces for supporting collaborative generation of life stories
JP5087867B2 (ja) * 2006-07-04 2012-12-05 ソニー株式会社 情報処理装置および方法、並びにプログラム
US20080115064A1 (en) * 2006-11-15 2008-05-15 Roach William V Systems, methods, and computer-readable media related to presentation software
US7962892B2 (en) * 2006-12-28 2011-06-14 Sap Ag Designtime services for multiple patterns
JP4356762B2 (ja) * 2007-04-12 2009-11-04 ソニー株式会社 情報提示装置及び情報提示方法、並びにコンピュータ・プログラム
US7778973B2 (en) * 2007-05-18 2010-08-17 Tat Kuen Choi System, method, and program for sharing photos via the internet
WO2008157516A1 (en) * 2007-06-15 2008-12-24 Marvell World Trade Ltd. Executing operations in connection with one or more images with a printer
US7805681B2 (en) * 2007-07-12 2010-09-28 Sony Ericsson Mobile Communications Ab System and method for generating a thumbnail image for an audiovisual file
US20090083697A1 (en) * 2007-09-21 2009-03-26 Honeywell International Inc. Integration of User Interface Design and Model Driven Development

Also Published As

Publication number Publication date
US20090241063A1 (en) 2009-09-24

Similar Documents

Publication Publication Date Title
JP2004050722A (ja) 印刷装置
JP2003308200A (ja) 情報処理装置およびファイル処理方法およびコンピュータが読み取り可能な記憶媒体およびプログラム
JP2011070472A (ja) アプリケーション開発支援方法、システム、及びプログラム
JP2007164482A (ja) 印刷装置、印刷方法、印刷プログラム、および記憶媒体
JP2009223748A (ja) 情報処理装置およびプログラム
JP2009020553A (ja) 電子ファイル管理装置および電子ファイル管理プログラム
JP6780380B2 (ja) 画像処理装置及びプログラム
JP5400342B2 (ja) 情報処理装置、その表示方法及びプログラム
JP2006262152A (ja) 画像形成方法、画像形成装置およびプログラム
JP4890151B2 (ja) 情報処理システム
JP2012185711A (ja) 印刷情報処理装置および印刷情報処理方法
JP2007079953A (ja) 画像形成装置、画像形成方法、及び画像形成プログラム
JP2010072863A (ja) 情報処理装置およびプログラム
JP2006065204A (ja) 電子文書閲覧システム及び仮想プリンタドライバ
JP2001202362A (ja) 文字編集処理装置
JP2002091958A (ja) 情報処理装置及びその方法、コンピュータ可読メモリ
JP2011035539A (ja) 画像処理装置,画像処理方法,プログラム,および記録媒体
JP2012141857A (ja) 情報処理装置、guiプログラム及び記録媒体
JP2009015717A (ja) 帳票作成装置及び帳票作成方法、プログラム及び記憶媒体
JP2009140311A (ja) 文書処理装置および文書処理方法
JP5063207B2 (ja) 色変換処理装置、方法、記録媒体及びプログラム
JP2008183725A (ja) 外部メモリを接続可能な画像形成装置
JP2006215927A (ja) 画像処理装置およびその方法、および画像処理システム
JP2008269260A (ja) データ処理装置、データ処理方法及びそのプログラム
JP2006065759A (ja) 文書電子化方法及びブリッジメディア