(57)【要約】【課題】複数の画面間での見た目、操作性、保守性の向上を図ることの可能な画面設計支援装置、画面設計支援方法、及びコンピュータプログラムを提供する。【解決手段】画面設計支援装置１００は、画面設計１３０と共通部品を定義する共通部品定義１４０とが与えられて画面設計１３０を分析し、画面設計１３０中の共通部品に類似する部分を抽出する画面設計分析部１１０と、画面設計分析部１１０の分析結果に応じて、画面設計１３０のうち、共通部品に類似する部分を、共通部品に置換する共通部品置換部１４０とを備える。画面設計情報のうち共通部品に類似する部分を共通部品に置換することができるので、複数の画面間での見た目、操作性、保守性を効果的に向上することができる。【選択図】図２
2015184758.tif 000002
【特許請求の範囲】
【請求項１】
画面設計情報と共通部品を定義する共通部品定義情報とが与えられて前記画面設計情報を分析し、前記画面設計情報中の前記共通部品に類似する部分を抽出する画面設計分析部と、
前記画面設計分析部の分析結果に応じて、前記画面設計情報のうち、前記共通部品に類似する部分を、前記共通部品に置換する共通部品置換部と、
を備えたことを特徴とする画面設計支援装置。
【請求項２】
前記画面設計分析部は、前記画面設計情報を構成する設計要素の種類に関する情報、大きさに関する情報、位置に関する情報、色に関する情報のうち、少なくとも一つの情報を用いて、前記画面設計情報を分析することを特徴とする請求項１に記載の画面設計支援装置。
【請求項３】
前記画面設計分析部は、前記画面設計情報において所定の領域を特定し、該所定の領域内に存在する設計要素の組み合わせを、前記共通部品に類似する部分の候補とすることを特徴とする請求項１又は２に記載の画面設計支援装置。
【請求項４】
前記画面設計分析部は、前記共通部品の定義に応じて、前記所定の領域を動的に変更することを特徴とする請求項３に記載の画面設計支援装置。
【請求項５】
前記画面設計分析部は、前記画面設計情報を構成する設計要素の組み合わせのうち、前記共通部品に対応する設計要素の一部が欠落していても、該設計要素の組み合わせを、前記共通部品に類似すると判断することを特徴とする請求項１〜４のいずれか１項に記載の画面設計支援装置。
【請求項６】
さらに、前記欠落していても前記共通部品に類似する部分と判断する設計要素の個数を設定するための個数設定部を備えたことを特徴とする請求項５に記載の画面設計支援装置。
【請求項７】
さらに、前記共通部品置換部による置換の是非をユーザに確認する置換確認部を備えたことを特徴とする請求項１〜６のいずれかに１項に記載の画面設計支援装置。
【請求項８】
画面設計情報と共通部品を定義する共通部品定義情報とが与えられて前記画面設計情報を分析し、前記画面設計情報中の前記共通部品に類似する部分を抽出する画面設計分析ステップと、
前記画面設計分析ステップの分析結果に応じて、前記画面設計情報のうち、前記共通部品に類似する部分を、前記共通部品に置換する共通部品置換ステップと、
を含むことを特徴とする画面設計支援方法。
【請求項９】
コンピュータを、
画面設計情報と共通部品を定義する共通部品定義情報とが与えられて前記画面設計情報を分析し、前記画面設計情報中の前記共通部品に類似する部分を抽出する画面設計分析手段と、
前記画面設計分析部の分析結果に応じて、前記画面設計情報のうち、前記共通部品に類似する部分を、前記共通部品に置換する共通部品置換手段と、
して機能させるためのコンピュータプログラム。
【発明の詳細な説明】
【技術分野】
【０００１】
本発明の実施形態は、システム開発における画面設計を支援する画面設計支援装置、画面設計支援方法、及びコンピュータプログラムに関する。
【背景技術】
【０００２】
システム開発における画面設計において、画面の共通化は品質向上のために重要である。特に、業務システムでは、類似した画面を大量に作成する必要があるため、定義した共通部分（以下、単に共通部品と称する。）をなるべく組み合わせる形で画面を設計することにより、見た目や操作性が統一され、品質の向上が期待できる。また、システム改修時に、共通部品の定義情報を変更するだけで、複数の画面の設計を統一的に変更できるため、保守性も向上する。従来は、予め定義された共通部品の集合を設計者が参照し、設計者の判断で共通部品を用いることにより、画面設計が行われていた。当該技術に関連するものとして以下の特許文献１が知られている。
【先行技術文献】
【特許文献】
【０００３】
【特許文献１】特開２００６−５９３５８号公報
【発明の概要】
【発明が解決しようとする課題】
【０００４】
しかし、従来の方法では、設計者の判断で共通部品の使用・不使用が決められてしまうため、本来ならば共通部品を使用できる部分に共通部品が使われないことがある。結果として、共通部品が使用されなかった部分については、見た目や操作性の統一感が損なわれる可能性があり、保守性も低下するという問題があった。
【０００５】
そこで、本発明は、このような問題に鑑みてなされたもので、その目的とするところは、複数の画面間での見た目、操作性、保守性の向上を図ることの可能な画面設計支援装置、画面設計支援方法、及びコンピュータプログラムを提供することにある。
【課題を解決するための手段】
【０００６】
上記課題を解決するために、本実施形態の画面設計支援装置は、画面設計分析部と共通部品置換部とを有する。ここで、画面設計分析部は、画面設計情報と共通部品を定義する共通部品定義情報とが与えられて前記画面設計情報を分析し、前記画面設計情報中の前記共通部品に類似する部分を抽出する。共通部品置換部は、前記画面設計分析部の分析結果に応じて、前記画面設計情報のうち、前記共通部品に類似する部分を、前記共通部品に置換する。
【図面の簡単な説明】
【０００７】
【図１】第１の実施形態に係る画面設計支援装置の基本的な機能構成を示すブロック図である。
【図２】第１の実施形態に係る画面設計支援装置の機能構成例を示すブロック図である。
【図３】第１の実施形態における共通部品定義を示す図である。
【図４】画面設計を示す図である。
【図５】第１の実施形態に係る画面設計支援装置の処理の流れを示すフローチャートである。
【図６】共通部品Ｃ１を示す図である。
【図７】抽出された部品候補を示す図である。
【図８】第１の実施形態における改良された画面設計を示す図である。
【図９】部品候補間での設計要素の重複例を示す図である。
【図１０】第２の実施形態に係る画面設計支援装置の機能構成例を示すブロック図である。
【図１１】第２の実施形態における画面設計を示す図である。
【図１２】共通部品との類似判定を示す図であり、（ａ）は共通部品Ｃ１との類似判定を示し、（ｂ）は共通部品Ｃ２との類似判定を示す。
【図１３】第２の実施形態における改良された画面設計を示す図である。
【図１４】記録媒体と情報処理装置を示す図である。
【図１５】第１及び第２の実施形態に係る画面設計支援装置のハードウェア構成を示すブロック図である。
【発明を実施するための形態】
【０００８】
以下に添付図面を参照しながら、本発明の好適な実施の形態について詳細に説明する。なお、本明細書及び図面において、実質的に同一の機能構成を有する構成要素については、同一の符号を付することにより重複説明を省略する。
【０００９】
（第１の実施形態）
本発明の第１の実施形態について、図１〜図９を参照しながら説明する。
本実施形態では、作成済みの画面設計を分析し、共通部品に類似する設計要素を共通部品に置換する、設計情報変換を行う画面設計支援装置について説明する。
【００１０】
まず図１を参照しながら、本実施形態の基本的な構成を説明する。画面設計支援装置１００は、図１に示したように、画面設計分析部１１０と、共通部品置換部１２０を備えて構成される。画面設計分析部１１０は、画面設計１３０と共通部品を定義する共通部品定義１４０とが与えられて、画面設計１３０を分析する。そして、画面設計分析部１１０は、画面設計１３０中の共通部品に類似する部分を抽出する。共通部品置換部１２０は、画面設計分析部１１０と、画面設計１３０と共通部品定義１４０と画面設計分析部１１０の分析結果とが与えられて、画面設計１３０のうち、共通部品に類似する部分を、共通部品に置換する。そして、共通部品置換部１２０は、改良された画面設計１５０を出力する。なお、本明細書又は図面において、改良された画面設計のことを「画面設計（改）」とも称する。
【００１１】
図１では、画面設計１３０、共通部品定義１４０、及び改良された画面設計１５０は、概念的に示されており、これらの入力元や存在場所や出力先などについては、特に限定されない。以下では、より具体的な構成例について説明する。
【００１２】
図２は、本実施形態にかかる画面設計支援装置１００のより具体的な構成例を示す図である。
図２に示した画面設計支援装置１００は、図１を参照しながら説明した画面設計分析部１１０と共通部品置換部１２０に加え、画面設計読込部１３２と、共通部品定義読込部１４２と、画面設計出力部１５２とを備えて構成されている。
【００１３】
画面設計１３０の情報は、画面設計ファイル１３４に保存されており、画面設計読込部１３２により読み込まれる。また、共通部品定義１４０の情報は、共通部品定義ファイル１４４に保存されており、共通部品定義読込部１４２により読み込まれる。
【００１４】
画面設計分析部１１０では、共通部品定義１４０における各要素（各画面部品）の属性（種類、大きさ、位置、色など）と、画面設計１３０における設計要素（画面項目）の属性とを比較することにより、画面設計１３０で共通部品に置換可能な部位を検出する。
【００１５】
共通部品置換部１２０では、画面設計分析部１１０の出力に従い、画面設計１３０の一部を共通部品に置き換えて、改良された画面設計である画面設計（改）１５０を出力する。画面設計出力部１５２は、改良された画面設計１５０の内容を所定のフォーマットに従い、改良された画面設計ファイル１５４に出力する。
【００１６】
以下、上述した画面設計１３０及び共通部品定義１４０について、具体例を挙げて説明する。ここでは、図３に示したように、共通部品Ｃ１と共通部品Ｃ２が定義されており、図４に示したように、設計要素Ｄ１〜Ｄ１０で構成される、画面設計が行われているとする。
【００１７】
（共通部品）
図３は、共通部品定義１４０の一例を示す図である。共通部品は、図３に示したように、部品ＩＤ、部品要素ＩＤ、部品種別、相対座標（Ｘ，Ｙ）、及び色（Ｒ，Ｇ，Ｂ）により定義することができる。部品ＩＤが「Ｃ１」の共通部品Ｃ１は、部品要素ＩＤが「ｃ１１」、「ｃ１２」の２つの部品要素から構成される。部品要素ｃ１１は、部品種別が「ラベル」であり、相対座標（Ｘ，Ｙ）が（０，０）であり、色（Ｒ，Ｇ，Ｂ）が（０，０，２５５）である。また、部品要素ｃ１２は、部品種別が「テキストフィールド」であり、相対座標（Ｘ，Ｙ）が（１００，０）であり、色（Ｒ，Ｇ，Ｂ）が（２５５，２５５，２５５）である。
【００１８】
部品ＩＤが「Ｃ２」の共通部品Ｃ２は、部品要素ＩＤが「ｃ２１」、「ｃ２２」、「ｃ２３」の３つの部品要素から構成される。部品要素ｃ２１は、部品種別が「ラベル」であり、相対座標（Ｘ，Ｙ）が（０，０）であり、色（Ｒ，Ｇ，Ｂ）が（０，２５５，０）である。また、部品要素ｃ２２は、部品種別が「テキストフィールド」であり、相対座標（Ｘ，Ｙ）が（１００，０）であり、色（Ｒ，Ｇ，Ｂ）が（２００，２００，２００）である。また、部品要素ｃ２３は、部品種別が「ボタン」であり、相対座標（Ｘ，Ｙ）が（１００，５０）であり、色（Ｒ，Ｇ，Ｂ）が（１２８，１２８，１２８）である。
【００１９】
図３の共通部品定義１４０は一例に過ぎない。例えば、１つの部品ＩＤに対する部品要素ＩＤは、２つ又は３つに限定されず、１つ又は４つ以上であってもよい。また、部品種別も「ラベル」、「テキストフィールド」又は「ボタン」に限定されない。色（Ｒ，Ｇ，Ｂ）も、ＲＢＧ以外のものでもよく、また何ビットで表現してもよい。さらにまた、共通部品の定義を図３に示したパラメータ以外のもので定義してもよい。
【００２０】
（画面設計）
図４は、画面設計１３０の一例を示す図である。画面設計１３０は、図４に示したように、設計要素ＩＤ、部品種別、座標（Ｘ，Ｙ）、及び色（Ｒ，Ｇ，Ｂ）により定義することができる。すなわち、上記図３に示した共通部品に対応するパラメータにより定義される。
【００２１】
設計要素ＩＤが「Ｄ１」の設計要素Ｄ１は、部品種別が「ラベル」であり、座標（Ｘ，Ｙ）が（０，０）であり、色（Ｒ，Ｇ，Ｂ）が（０，０，２５５）である。設計要素ＩＤが「Ｄ２」の設計要素Ｄ２は、部品種別が「テキストフィールド」であり、座標（Ｘ，Ｙ）が（１００，０）であり、色（Ｒ，Ｇ，Ｂ）が（２５５，２５５，２５５）である。設計要素ＩＤが「Ｄ３」の設計要素Ｄ３は、部品種別が「ラベル」であり、座標（Ｘ，Ｙ）が（０，１００）であり、色（Ｒ，Ｇ，Ｂ）が（０，０，２５５）である。設計要素ＩＤが「Ｄ４」の設計要素Ｄ４は、部品種別が「テキストフィールド」であり、座標（Ｘ，Ｙ）が（９５，１０５）であり、色（Ｒ，Ｇ，Ｂ）が（２５５，２５５，２５５）である。設計要素ＩＤが「Ｄ５」の設計要素Ｄ５は、部品種別が「ラベル」であり、座標（Ｘ，Ｙ）が（０，２００）であり、色（Ｒ，Ｇ，Ｂ）が（０，３０，２５５）である。設計要素ＩＤが「Ｄ６」の設計要素Ｄ６は、部品種別が「テキストフィールド」であり、座標（Ｘ，Ｙ）が（１００，２００）であり、色（Ｒ，Ｇ，Ｂ）が（２５０，２５０，２５０）である。設計要素ＩＤが「Ｄ７」の設計要素Ｄ７は、部品種別が「ラベル」であり、座標（Ｘ，Ｙ）が（０，３００）であり、色（Ｒ，Ｇ，Ｂ）が（０，０，２５５）である。設計要素ＩＤが「Ｄ８」の設計要素Ｄ８は、部品種別が「テキストフィールド」であり、座標（Ｘ，Ｙ）が（０，３３０）であり、色（Ｒ，Ｇ，Ｂ）が（２５５，２５５，２５５）である。設計要素ＩＤが「Ｄ９」の設計要素Ｄ９は、部品種別が「ラベル」であり、座標（Ｘ，Ｙ）が（０，４００）であり、色（Ｒ，Ｇ，Ｂ）が（０，２５５，０）である。設計要素ＩＤが「Ｄ１０」の設計要素Ｄ１０は、部品種別が「テキストフィールド」であり、座標（Ｘ，Ｙ）が（１００，４００）であり、色（Ｒ，Ｇ，Ｂ）が（２００，２００，２００）である。
【００２２】
図４の画面設計１３０は一例に過ぎない。例えば、部品種別は「ラベル」又は「テキストフィールド」に限定されない。色（Ｒ，Ｇ，Ｂ）も、ＲＧＢ以外のものでもよく、また何ビットで表現してもよい。さらにまた、画面設計の定義を図３に示したパラメータ以外のもので定義してもよい。
【００２３】
本実施形態に係る画面設計支援装置１００の動作について、図５のフローチャートを参酌しつつ、具体例を交えて説明する。まず、画面設計１３０と共通部品定義１４０が画面設計分析部１１０に読み込まれる（ステップＳ１１０）。画面設計１３０と共通部品定義１４０の読み込みはどのような順序及びタイミングであってもよい。次に、画面設計分析部１１０により、部品候補抽出と類似判定とが行われる（ステップＳ１２０，ステップＳ１３０）。部品候補抽出（ステップＳ１２０）と類似判定（ステップＳ１３０）について以下に詳細に説明する。最後に、改良された画面設計１５０が作成されて出力される（ステップＳ１４０）。
【００２４】
＜部品候補抽出（ステップＳ１２０）＞
部品候補抽出（ステップＳ１２０）では、図３に示した共通部品定義１４０に従い、図４に示した画面設計１３０から共通部品に置き換え可能な設計要素の組を抽出する。
【００２５】
以下、共通部品Ｃ１を例に、部品候補の抽出について説明する。
共通部品Ｃ１は、図６に示したように、ラベルｃ１１とテキストフィールドｃ１２から構成される。ラベルｃ１１が相対座標の基準となる部品である。なお、共通部品Ｃ１の詳細については、図３を参照しながら上述したとおりである。
【００２６】
まず、図４に示した画面設計１３０から、部品種別と部品間の相対座標に基づき、共通部品Ｃ１に置き換え可能な設計要素を抽出する。図４に示したように、画面設計１３０では、ラベルとテキストフィールドが５つずつ存在するため、部品種別の観点では、５×５＝２５通りの部品候補が存在することになる。
【００２７】
一般に、共通部品は画面上で意味のある一まとまりの単位であることが多く、そのため、限定された領域内に共通部品を構成する設計要素が密集する性質がある。本実施形態でも、その性質を利用し、部品種別の観点による全ての組み合わせを部品候補とするのではなく、一定の領域内に存在する設計要素の組のみを部品候補とする。本実施形態では、一例として、１５０×７５の固定サイズの矩形領域内に存在する設計要素のみを部品候補とする。その結果として、図７（ａ）〜（ｅ）に示すような部品候補が抽出される。図７の詳細、及び抽出された部品候補と共通部品Ｃ１との類似判定については、後述する。なお、本実施形態では１５０×７５の固定サイズの矩形領域を特定する場合について説明したが、部品の定義によってサイズや形状を動的に変更してもよい。
【００２８】
部品候補抽出（ステップＳ１２０）では、引き続き、図３に示した共通部品Ｃ２についても部品候補の抽出を試みる。この一例では、図４に示した画面設計１３０の中に、部品種別が「ボタン」である設計要素が存在しないため、共通部品Ｃ２に対する部品候補は抽出されない。
【００２９】
＜類似判定（ステップＳ１３０）＞
次に、類似判定（ステップＳ１３０）では、部品間の相対座標と部品の色に基づき、抽出された部品候補と共通部品Ｃ１との類似を判定する。本実施形態では、相対座標を二次元のベクトルで表し、部品の色を三次元のベクトルで表す。また、画面設計分析部１１０では共通部品のベクトルと画面設計のベクトルの差ベクトルを計算し、差ベクトルの大きさが閾値より小さければ類似と判定することとする。ここでは、相対座標の閾値を１４、部品の色の閾値を４０と設定したとする。そして、すべての差ベクトルの大きさが閾値よりも小さい場合に、抽出された部品候補が共通部品Ｃ１と類似と判定されるものとする。
【００３０】
以下、図６及び図７を参照しながら類似判定の詳細を説明する。
図７（ａ）に示した部品候補は、相対座標（Ｘ，Ｙ）と色（Ｒ，Ｇ，Ｂ）が共通部品Ｃ１とまったく同じである。このため、相対座標の差ベクトルと色の差ベクトルの大きさはともに０となる。よって、図７（ａ）に示した部品候補は、共通部品Ｃ１と類似と判定される。
【００３１】
図７（ｂ）に示した部品候補は、色（Ｒ，Ｇ，Ｂ）は共通部品Ｃ１と同じであるが、部品間の相対座標が少しだけずれている。設計要素Ｄ４の相対座標（９５，５）と、図６の部品要素ｃ１２の相対座標（１００，０）との差ベクトルの大きさは、ｓｑｒｔ（（９５−１００）＾２+（５−０）＾２）≒７.０７＜１４となる（なお本明細書においてｓｑｒｔは平方根を表す）。このため、相対座標については類似と判定される。一方、色の差ベクトルについては、部品候補と共通部品Ｃ１とで一致しているため０となる。以上の結果、図７（ｂ）に示した部品候補は、共通部品Ｃ１と類似と判定される。
【００３２】
図７（ｃ）に示した部品候補は、相対座標（Ｘ，Ｙ）は共通部品Ｃ１と同じであるが、色が少しだけ異なっている。相対座標の差ベクトルについては、部品候補と共通部品Ｃ１とで一致しているため０となる。一方、相対座標の差ベクトルについては、次のようになる。設計要素Ｄ５の色（０，３０，２５５）と、図６の部品要素ｃ１１の色（０，０，２５５）との差ベクトルの大きさは、ｓｑｒｔ（（０−０）＾２+（３０−０）＾２+（２５５−２５５）＾２）＝３０＜４０となる。また、設計要素Ｄ６の色（２５０，２５０，２５０）と、図６の部品要素ｃ１２の色（２５５，２５５，２５５）との差ベクトルの大きさは、ｓｑｒｔ（（２５０−２５５）＾２+（２５０−２５５）＾２+（２５０−２５５）＾２）≒８．６６＜４０となる。このため色については類似と判定される。以上の結果、図７（ｃ）に示した部品候補は、共通部品Ｃ１と類似と判定される。
【００３３】
図７（ｄ）に示した部品候補は、色（Ｒ，Ｇ，Ｂ）は共通部品Ｃ１と同じであるが、部品間の相対座標が大きく異なる。設計要素Ｄ８の相対座標（０，３０）と、図６の部品要素ｃ１２の相対座標（１００，０）との差ベクトルの大きさは、ｓｑｒｔ（（０−１００）＾２+（３０−０）＾２）≒１０４＞１４となる。このため、相対座標については類似と判定されない。このため、図７（ｄ）に示した部品候補は、共通部品Ｃ１と類似と判定されない。
【００３４】
図７（ｅ）に示した部品候補は、相対座標（Ｘ，Ｙ）は共通部品Ｃ１と同じであるが、色が大きく異なっている。相対座標の差ベクトルについては、部品候補と共通部品Ｃ１とで一致しているため０となる。一方、相対座標の差ベクトルについては、次のようになる。設計要素Ｄ９の色（０，２５５，０）と、図６の部品要素ｃ１１の色（０，０，２５５）との差ベクトルの大きさは、ｓｑｒｔ（（０−０）＾２+（２５５−０）＾２+（０−２５５）＾２）≒３６１＞４０となる。また、設計要素Ｄ１０の色（２００，２００，２００）と、図６の部品要素ｃ１２の色（２５５，２５５，２５５）との差ベクトルの大きさは、ｓｑｒｔ（（２００−２５５）＾２+（２００−２５５）＾２+（２００−２５５）＾２）≒９５．３＞４０となる。このため色については類似と判定されない。以上の結果、図７（ｅ）に示した部品候補は、共通部品Ｃ１と類似と判定されない。
【００３５】
以上の判定に基づき、図８に示したように、図７（ａ）〜（ｃ）に示した部品候補（設計要素Ｄ１〜Ｄ６）が、共通部品Ｃ１（部品要素ｃ１１、ｃ１２）に置き換わり、図７（ｄ）、（ｅ）に示した部品候補は置き換わらず、元の設計情報のままとなる。
【００３６】
なお、部品候補抽出（ステップＳ１２０）における部品候補の抽出結果によっては、同一の設計要素が複数の部品候補として抽出される可能性がある。このため、類似判定（ステップＳ１３０）では、類似と判定した部品候補間で設計要素の重複がないように調整も行うこともできる。例えば、図９のような画面設計が与えられた場合、Ｄ１とＤ２の組も、Ｄ１とＤ２’の組も部品候補と抽出され、いずれも類似と判定され得る。このような場合、判定に用いた差ベクトルが小さい方を共通部品として残す。結果として、Ｄ１とＤ２の組が共通部品Ｃ１として置換され、Ｄ２’は共通部品に置換されない。
【００３７】
以上、図５のフローチャートのうち、部品候補抽出（ステップＳ１２０）と類似判定（ステップＳ１３０）について詳述した。最後に、共通部品置換部１２０は、画面設計分析部１１０からの分析結果を受けて、置換可能な画面設計の一部を、共通部品に置き換える。このようにして、改良された画面設計１５０が作成される。改良された画面設計１５０は、画面設計出力部１５２により出力される（ステップＳ１４０）
【００３８】
以上で詳細に説明したように、本実施形態によれば、複数の画面間で共通の画面部品が使用されやすくなる。これにより、複数の画面間での見た目や操作性が統一される。また、画面修正時も共通部品の定義を修正するだけで済むケースも増え、保守性が向上する。以上のようにして、画面プログラムの品質向上が期待できる。
【００３９】
（第２の実施形態）
本発明の第２の実施形態について、図１０〜図１３を参照しながら説明する。
本実施形態では、画面エディタのような設計ツールと連動する、設計情報入力支援を行う画面設計支援装置について説明する。本実施形態では、上記第１の実施形態と異なる部分を中心に説明することとし、実質的に同一の機能構成を有する構成要素については、重複説明を省略する。
【００４０】
図１０は、本実施形態に係る画面設計支援装置の基本的な機能構成を示す図である。画面設計支援装置２００は、図１０に示したように、画面設計分析部２１０と、共通部品置換部２２０と、画面設計編集部２６０と、置換確認部２７０を備えて構成される。画面設計分析部２１０は、画面設計２３０と共通部品を定義する共通部品定義２４０とが与えられて、画面設計２３０を分析する。そして、画面設計分析部２１０は、画面設計２３０中の共通部品に類似する部分を抽出する。共通部品置換部２２０は、画面設計分析部２１０と、画面設計２３０と共通部品定義２４０と画面設計分析部２１０の分析結果とが与えられて、画面設計２３０のうち、共通部品に類似する部分を、共通部品に置換する。そして、共通部品置換部２２０は、改良された画面設計２５０を出力する。
【００４１】
図１０では、画面設計２３０、共通部品定義２４０、及び改良された画面設計２５０は、概念的に示されており、これらの入力元や存在場所や出力先などについては、特に限定されない。図１０の構成に、さらに図２に示した画面設計読込部１３２、共通部品定義読込部１４２、及び画面設計出力部１５２と同様の構成を備えるようにしてもよい。なお、本実施形態の画面設計分析部２１０、共通部品置換部２２０、画面設計２３０、共通部品定義２４０、及び改良された画面設計２５０について、特に説明しない点については、それぞれ上記第１の実施形態の画面設計分析部１１０、共通部品置換部１２０、画面設計１３０、共通部品定義１４０、及び改良された画面設計１５０と実質的に同様であるので、これ以上の詳細な説明を省略する。
【００４２】
以下に、本実施形態の特徴的な構成要素である画面設計編集部２６０と置換確認部２７０について説明する。
【００４３】
図１０に示したように、画面設計編集部２６０には、編集中すなわち入力途中の画面設計２３０が入力される。ユーザは画面設計編集部２６０を通じて画面設計の情報を編集する。画面設計編集部２６０で新しい設計要素（画面項目）が配置されたり、その他の画面編集がされる度に、上記第１の実施形態と同様の画面設計分析が行われ、改良された画面設計２５０が生成される。
【００４４】
置換確認部２７０では、改良された画面設計２５０の内容をユーザに提示し、共通部品に置換してよいか確認を行う。ユーザが置換する旨を了承した場合に限り、画面設計２３０の情報を、改良された画面設計２５０の情報に置き換える。
【００４５】
なお、本実施形態においては、置換対象となる画面設計が、置換候補となる共通部品の一部に相当する段階で、改良された画面設計２５０を求めることも可能である。例えば、共通部品Ｘが設計要素Ａ、Ｂ、Ｃから構成される場合、設計要素Ａに類似した設計要素Ａ’と、設計要素Ｂに類似した設計要素Ｂ’が入力された時点で、この設計情報が共通部品Ｘに類似すると画面設計分析部により判定された場合、設計要素Ｃに類似した設計要素Ｃ’が入力されるのを待たずに、置換確認部２７０は共通部品Ｘの置換を確認するといった動作が可能となる。
【００４６】
以下に、本実施形態の動作について、図５を参照しながら説明する。なお本実施形態では、第１の実施形態と異なる点を中心に説明する。
【００４７】
本実施形態では、図１０に示した画面設計編集部２６０で新しい設計要素が配置される度に、画面設計分析部２１０が処理を開始する。画面設計分析部２１０は、基本的には上記第１の実施形態における画面設計分析部１１０と同じ機能を果たすものであるが、以下の点が異なる。
（１）図５の部品候補抽出（ステップＳ１２０）において、共通部品の一部に相当する設計要素が存在しなくても、部品候補とみなす。存在しない設計要素を「欠落要素」と称することにする。
（２）図５の類似判定（ステップＳ１３０）においては、欠落要素を除く設計要素についての差ベクトルに基づき、類似判定を行う。
【００４８】
本実施形態においては、上記欠落要素は１個まで許すものとする。また、本実施形態においては、上記第１の実施形態と同じく、図３に示した共通部品定義２４０が定義されているとする。そして、画面設計編集部２６０において、図１１に示したように、設計要素Ｄ１、Ｄ２の順に配置されたとする。
【００４９】
まず、部品候補抽出（ステップＳ１２０）により、設計要素Ｄ１とＤ２の組は、図３に示した共通部品Ｃ１、Ｃ２両方の候補であると抽出される。次に、類似判定（ステップＳ１３０）により、図１２（ａ）に示した共通部品Ｃ１に対する類似度と、図１２（ｂ）に示した共通部品Ｃ２に対する類似度がそれぞれ求められる。類似度の計算については、上記第１の実施形態と同様である。これにより、設計要素Ｄ１とＤ２の組は、共通部品Ｃ２に類似と判定される。共通部品置換部２２０は、この判定結果に基づき、設計要素Ｄ１とＤ２を共通部品Ｃ２に置換した設計を出力する。
【００５０】
置換確認部２７０は、画面設計２３０を、置換した画面設計に置き換えてよいかを確認する。ユーザが了解した場合は、画面設計を実際に変更する。図１３は、画面設計を変更して作成された、改良された画面設計２５０を示す。共通部品に変換した画面設計においては、実際にユーザが配置していない設計要素、すなわち図１３の例では、設計要素Ｄ３（ボタン）も付加される。
【００５１】
なお、本実施形態では、欠落要素を１個まで許す場合の一例を説明したが、この個数はユーザが設定可能であってもよい。そして、欠落した部分を補完するという構成を加えても構わない。ここでいう“補完”とは、共通部品定義における各要素（各画面部品）の属性（種類、大きさ、位置、色など）と、画面設計における設計要素（画面項目）の属性とが予め定められている前提で、例えば設計要素Ｌ、設計要素Ｍ、設計要素Ｎにより構成される画面設計があった場合、設計要素Ｌと設計要素Ｍと同一または類似した設計要素が入力された際に、設計要素Ｎを追加して良いかをユーザに提示し、ユーザが許可したならば設計要素Ｎを追加することを指す。また、多くの要素から構成される部品の場合は個数を多くするなど、共通部品毎にこの個数が変化しても良い。
【００５２】
以上で詳細に説明したように、本実施形態によれば、上記第１の実施形態の効果に加えて、編集時の作業効率の向上も期待できる。すなわち、共通部品に類似した画面設計の一部を入力した時点で、共通部品全体の使用が提案されることにより、共通部品の残りの部分を入力する手間が省け、作業効率の向上が期待できる。
【００５３】
（その他の実施形態）
以上、画面設計支援装置１００、２００について説明した。
上記実施の形態にて述べた画面設計支援装置１００、２００における各種ステップを、コンピュータプログラムとして、図１４に示されるような、コンピュータにより読み取り可能な可搬型の記録媒体３００に記憶させることができる。そして、当該記録媒体３００を情報処理装置４００に読み込ませることにより、前述した機能を情報処理装置４００に実現させることができる。記録媒体３００としては、例えば、光ディスク（ＣＤ−ＲＯＭ、ＤＶＤディスク等）、磁気ディスク（ハードディスクドライブ等）、フラッシュメモリ、ＩＣカード、更にネットワークを介することで伝送可能な媒体等、コンピュータで読み取りや実行が可能なすべての媒体が含まれる。
【００５４】
上記第１及び第２の実施形態における画面設計支援装置１００、２００のハードウェア構成の一例を図１５を用いて説明する。画面設計支援装置１００、２００は、図１５に示されるように、ＯＳ(Operating System)やＢＩＯＳ(Basic Input/Output System)、アプリケーション等の各種プログラムを実行して画面設計支援装置１００、２００の制御を行うＣＰＵ(Central Processing Unit)５１０と、各種プログラムの作業領域として使用されるＲＡＭ（Random Access Memory）などの揮発性の記憶領域である記憶部５２０と、画面設計やそのファイル、共通部品定義や画面設計結果等を表示するディスプレイなどの出力装置である表示部５３０と、画面設計の編集といったユーザからの入力を受け付けるマウスやキーボードなどの入力装置である入力部５４０と、各種プログラムや、画面設計ファイル１３４及び共通部品定義ファイル１４４等のデータを格納する不揮発性の記憶領域であるＨＤＤ（Hard disk drive）５５０とを有する。これらハードウェア資源が協働することにより、第１及び第２の実施形態で述べた各種機能が実現される。
【００５５】
本発明のいくつかの実施形態を説明したが、これらの実施形態は、例として提示したものであり、発明の範囲を限定することは意図していない。これら新規な実施形態は、その他の様々な形態で実施されることが可能であり、発明の要旨を逸脱しない範囲で、種々の省略、置き換え、変更を行うことができる。これら実施形態やその変形は、発明の範囲や要旨に含まれるとともに、特許請求の範囲に記載された発明とその均等の範囲に含まれる。
【符号の説明】
【００５６】
１００  画面設計支援装置（第１の実施形態）、１１０  画面設計分析部、１２０  共通部品置換部、１３０  画面設計、１３２  画面設計読込部、１３４  画面設計ファイル、１４０  共通部品定義、１４２  共通部品定義読込部、１４４  共通部品定義ファイル、１５０  改良された画面設計、１５２  画面設計出力部、１５４  改良された画面設計ファイル、２００  画面設計支援装置（第２の実施形態）、２１０  画面設計分析部、２２０  共通部品置換部、２３０  画面設計、２４０  共通部品定義、２５０  改良された画面設計、２６０  画面設計編集部、２７０  置換確認部、３００  記録媒体、４００  情報処理装置
【図１】
2015184758.tif 000003
【図２】
2015184758.tif 000004
【図３】
2015184758.tif 000005
【図４】
2015184758.tif 000006
【図５】
2015184758.tif 000007
【図６】
2015184758.tif 000008
【図７】
2015184758.tif 000009
【図８】
2015184758.tif 000010
【図９】
2015184758.tif 000011
【図１０】
2015184758.tif 000012
【図１１】
2015184758.tif 000013
【図１２】
2015184758.tif 000014
【図１３】
2015184758.tif 000015
【図１４】
2015184758.tif 000016
【図１５】
2015184758.tif 000017