JP6349669B2 - 設計支援プログラム、設計支援方法および設計支援装置 - Google Patents

Description

本発明は、設計支援プログラム等に関する。

近年、ユーザは、設計支援ソフトウェアを使用し、画面を構成する各部品の部品プログラムをそれぞれ組み合わせることで、画面の設計を行う。通常、設計時の表示画面の動作環境は、実行時の表示画面の動作環境と異なる。

例えば、Ｗｅｂブラウザで文字を表示させる場合、ＨＴＭＬ（Hyper Text Markup Language）は入力フォームに入力する文字数を制限する機能を有するが、指定された文字列を全て表示させる機能を有さない。このため、ユーザがＷｅｂブラウザの画面を設計する場合には、実行時に指定される文字数を想定して、設計時に表示領域の幅を指定する。

特開２０１２−００３６７２号公報

しかしながら、上述した従来技術では、画面を実行した場合の表示領域の幅が妥当であるか否かを事前に確認することができないという問題がある。

図８は、従来技術の問題を説明するための図である。部品１ａ，２ａは、設計時の表示画面で表示される部品であり、部品１ｂ，２ｂは、実行時の表示画面で表示される部品である。図８に示す例では、設計時に表示される部品１ａは、実行時において部品１ｂのように表示される。また、設計時に表示される部品２ａは、実行時において部品２ｂのように表示される。部品１ｂでは、入力フォーム１ｃ，１ｄにおいて、文字列の後が表示しきれていない。部品２ｂでは、見出し２ｃにおいて、文字列が改行されている。

例えば、Ｗｅｂブラウザで文字を表示する場合には、実行時の動作環境によっては、等幅フォントだけでなく、可変幅のフォントも利用される場合がある。このため、従来技術のように、実行時に指定される文字数だけを想定して、表示領域の幅を指定しても、図８で示したように、指定された文字列を全て表示できる場合とできない場合とが存在する。

また、ＷｅｂブラウザはＨＴＭＬを解釈して表示するソフトウェアであるため、Ｗｅｂブラウザの種類やバージョンにより、同一の文字列であっても、指定された文字列を全て表示できる場合とできない場合とが存在する。

上記のように、Ｗｅｂブラウザ画面における文字列の表示は、表示する文字や実行時の動作環境により変化するため、設計時の画面上の各部品の文字列が実行時に適切に表示されるか否かを、事前の計算により確認することができない。なお、かかる課題は、Ｗｅｂブラウザに限らず、設計時と実行時とで動作環境の異なる画面を設計する場合に、同様に発生する課題である。

１つの側面では、画面を実行した場合の表示領域の幅が妥当であるか否かを事前に確認することができる設計支援プログラム、設計支援方法および設計支援装置を提供することを目的とする。

第１の案では、コンピュータに下記の処理を実行させる。コンピュータは、第１段階と第２段階とで画面を表示する場合の動作環境が異なるソフトウェアに対し、第１段階において画面のプレビュー指示を受け付ける。コンピュータは、ソフトフェアを実行することで表示される画面に配設される部品それぞれの表示対象データの属性および最大文字数を取得する。コンピュータは、画面に配設された部品それぞれに、属性および最大文字数に対応した文字列を入力した状態で生成する。

本発明の１実施態様によれば、画面を実行した場合の表示領域の幅が妥当であるか否かを事前に確認することができる。

図１は、本実施例に係る設計支援装置の構成を示す機能ブロック図である。 図２は、プログラム部品テーブルのデータ構造の一例を示す図である。 図３は、コピー句情報のデータ構造の一例を示す図である。 図４は、設計支援部が画面設計を支援する処理の一例を示す図である。 図５は、生成部の処理を説明するための図である。 図６は、本実施例に係る設計支援装置の処理手順の一例を示す図である。 図７は、設計支援プログラムを実行するコンピュータの一例を示す図である。 図８は、従来技術の問題を説明するための図である。

以下に、本願の開示する設計支援プログラム、設計支援方法および設計支援装置の実施例を図面に基づいて詳細に説明する。なお、この実施例によりこの発明が限定されるものではない。

本実施例に係る設計支援装置の構成の一例について説明する。図１は、本実施例に係る設計支援装置の構成を示す機能ブロック図である。図１に示すように、この設計支援装置１００は、通信部１１０、入力部１２０、表示部１３０、記憶部１４０、制御部１５０を有する。

通信部１１０は、ネットワークを介して他の外部装置とデータ通信を行う処理部である。通信部１１０は、通信装置に対応する。

入力部１２０は、各種の情報を入力する入力装置である。入力部１２０は、例えば、キーボードやマウス、タッチパネル等に対応する。表示部１３０は、制御部１５０から出力される情報を表示する表示装置である。例えば、表示部１３０は、モニタや液晶ディスプレイ等に対応する。

記憶部１４０は、プログラム部品テーブル１４０ａ、コピー句情報１４０ｂ、画面情報１４０ｃを有する。記憶部１４０は、例えば、ＲＡＭ（Random Access Memory）、ＲＯＭ（Read Only Memory）、フラッシュメモリ（Flash Memory）などの半導体メモリ素子や、ＨＤＤ（Hard Disk Drive）などの記憶装置に対応する。

プログラム部品テーブル１４０ａは、表示画面に含まれる部品のプログラムをそれぞれ保持するテーブルである。以下の説明では、表示画面に含まれる部品のプログラムを、適宜、部品プログラムと表記する。図２は、プログラム部品テーブルのデータ構造の一例を示す図である。図２に示すように、プログラム部品テーブル１４０ａは、部品識別情報と、部品プログラムとを有する。部品識別情報は、部品を一意に識別する情報である。部品プログラムは、各部品のプログラムに対応する。部品プログラムには、部品の入力フォームの幅や高さを指定するパラメータが含まれる。この入力フォームの幅や高さが適切に設定されないと、実行時において文字列が適切に表示されなくなる。図示を省略するが、画面の各入力フォームには、入力フォームを一意に識別するフォーム識別情報が対応付けられる。

コピー句情報１４０ｂは、各部品の入力フォーム等に入力される文字の属性や、最大文字数を保持する情報である。図３は、コピー句情報のデータ構造の一例を示す図である。図３に示すように、コピー句情報１４０ｂは、部品識別情報と、フォーム識別情報と、属性と、最大文字数とを対応付ける。部品識別情報は、部品を一意に識別する情報であり、図２に示したプログラム部品テーブル１４０ａの部品識別情報に対応するものである。フォーム識別情報は、部品に含まれる入力フォームを一意に識別する情報である。

図３において、属性は、入力フォームに入力される文字の属性を示すものである。属性が半角である場合には、入力される文字が半角であることを示す。属性が全角である場合には、入力される文字が全角であることを示す。属性は、半角、全角以外のものであっても良い。例えば、ゴシック系フォント、明朝系フォント、草書体フォント、装飾フォント、等幅フォント等のフォントの種別を指定する情報であっても良い。

最大文字数は、入力フォームに入力される文字の最大文字数を示すものである。例えば、図３の１段目のレコードでは、部品１００１の入力フォーム１０ａに、半角の文字が最大で２０文字入力されることが示される。

画面情報１４０ｃは、後述する設計支援部１５０ａによって生成される表示画面のプログラムである。例えば、画面情報１４０ｃは、複数の部品プログラムから構成される。

制御部１５０は、設計支援部１５０ａと、受付部１５０ｂと、取得部１５０ｃと、生成部１５０ｄとを有する。制御部１５０は、例えば、ＡＳＩＣ（Application Specific Integrated Circuit）や、ＦＰＧＡ（Field Programmable Gate Array）などの集積装置に対応する。また、制御部１５０は、例えば、ＣＰＵ（Central Processing Unit）やＭＰＵ（Micro Processing Unit）等の電子回路に対応する。

設計支援部１５０ａは、プログラム部品テーブル１４０ａに対応する各部品を表示部１３０に表示させ、入力部１２０を介してユーザに選択される部品プログラムを組み合わせることで、画面情報１４０ｃを生成する処理部である。また、設計支援部１５０ａは、入力部１２０を介して利用者に入力される各部品の入力フォームの幅や高さの情報を取得し、画面情報１４０ｃに反映させる。

図４は、設計支援部が画面設計を支援する処理の一例を示す図である。図４に示すように、設計支援部１５０ａは、表示部１３０に設計画面３０を表示させるとともに、部品プログラムに対応する部品を表示させる。例えば、ユーザが入力部１２０を操作して、プログラム部品テーブル１４０ａに含まれる部品プログラムから、所望の部品プログラムを選択すると、設計支援部１５０ａは、ユーザに選択された部品プログラムに対応する部品を設計画面３０に表示させる。図４に示す例では、部品１００１と部品１００２が表示される。ユーザは、部品が表示されると、入力部１２０を操作して、所望の位置に部品を配置することで、画面設計を行う。また、ユーザは、部品をドラッグすることで、入力フォームのサイズ変更を行う。設計支援部１５０ａは、入力部１２０によってユーザに指定された部品の種別、部品の配置位置、入力フォームの幅、高さなどの情報を、画像情報１４０ｃに格納する。

受付部１５０ｂは、画面情報１４０ｃに対するプレビュー指示を入力部１２０から受け付ける処理部である。

取得部１５０ｃは、画面情報１４０ｃに含まれる部品の入力フォームに入力される文字の属性と最大文字数をコピー句情報１４０ｂから取得する処理部である。取得部１５０ｃは、入力フォーム毎に、属性と最大文字数とを対応付けた情報を、生成部１５０ｄに出力する。

例えば、取得部１５０ｃは、画面情報１４０ｃを参照し、画面情報を構成する部品に含まれる入力フォームのフォーム識別情報を特定する。取得部１５０ｃは、特定したフォーム識別情報と、コピー句情報１４０ｂとを比較して、入力フォームに対応する属性と最大文字数とを取得する。

生成部１５０ｄは、画面情報１４０ｃの部品のフォームのそれぞれに、取得部１５０ｃから取得した属性および最大文字数に対応した文字列を入力した状態が表示画面を生成する処理部である。生成部１５０ｄは、生成した表示画面を表示部１３０に表示させる。図５は、生成部の処理を説明するための図である。部品１００１ａは、図４に示した部品１００１の一部を示す。部品１００２ａは、図４に示した部品１００２の一部を示す。

図５に示すように、部品１００１ａは、入力フォーム１０ａ，１０ｂ，１０ｃを有するものとする。また、入力フォーム１０ａに対応する属性を「半角」、最大文字数を「２０文字」とする。入力フォーム１０ｂに対する属性を「全角」、最大文字数を「１５文字」とする。入力フォーム１０ｃに対する属性を「全角」、最大文字数を「２０文字」とする。生成部１５０ｄは、属性および最大文字数に対応する文字列を、入力フォーム１０ａ，１０ｂ，１０ｃに入力した状態で、表示部１３０に表示させる。

図５に示すように、部品１００２ａは、入力フォーム２０ａ，２０ｂを有するものとする。また、入力フォーム２０ａに対応する属性を「半角」とし、最大文字数を「２０文字」とする。生成部１５０ｄは、属性および最大文字数に対応する文字列を、入力フォーム２０ａ，２０ｂに入力した状態で、表示部１３０に表示させる。

ユーザは、生成部１５０ｄによって生成された部品の画像を参照し、文字列が適切に入力フォームに入力されているか否かを確認する。例えば、入力フォームに入力された文字列が全て表示されていない場合には、ユーザは入力部１２０を操作して、部品の大きさを調整する。図５に示す例では、部品１００１ａの入力フォーム１０ｂにおいて、文字列が全て表示されていないので、ユーザは、入力部１２０を操作して、入力フォーム１０ｂの幅を広げる操作を行う。設計支援部１５０ａは、入力部１２０から調整後の部品の大きさを取得し、画面情報１４０ｃに反映させる。

次に、本実施例に係る設計支援装置１００の処理手順の一例について説明する。図６は、本実施例に係る設計支援装置の処理手順の一例を示す図である。例えば、図６に示す処理は、設計支援装置１００がプレビュー要求を受け付けた事を契機として実行される。図６に示すように、設計支援装置１００は、画面のプレビュー要求を受け付ける（ステップＳ１０１）。

設計支援装置１００は、画面情報１４０ｃおよびコピー句情報１４０ｂを読み込む（ステップＳ１０２）。設計支援装置１００は、各入力フォームに対応する属性および最大文字数を取得する（ステップＳ１０３）。

設計支援装置１００は、各入力フォームに、該当する属性および最大文字数に対応する文字列を入力する（ステップＳ１０４）。設計支援装置１００は、画面を表示する（ステップＳ１０５）。設計支援装置１００は、ステップＳ１０５によって画像を表示した後に部品の幅、高さに関する調整を受け付けた場合には、調整を受け付けた後の情報を、画面情報１４０ｃに反映する。

次に、本実施例に係る設計支援装置１００の効果について説明する。設計支援装置１００は、設計時と実行時とで画面の動作環境が異なるソフトウェアのプレビュー指示を受け付けた場合に、各入力フォームに対応する属性および最大文字数の文字列を入力した状態で生成する。このため、画面を実行した場合の表示領域の幅が妥当であるか否かを事前に確認することができる。

設計支援装置１００は、部品を構成する入力フォームに入力される文字の属性および最大文字数を取得し、属性および最大文字数に対応した文字列を入力フォームに入力して、実行時の動作環境における画面を生成する。このため、設計時の表示画面が、実行時においてどのように表示されるのかを効率的に確認することができる。

次に、上記実施例に示した設計支援装置１００と同様の機能を実現する設計支援プログラムを実行するコンピュータの一例について説明する。図７は、設計支援プログラムを実行するコンピュータの一例を示す図である。

図７に示すように、コンピュータ２００は、各種演算処理を実行するＣＰＵ２０１と、ユーザからのデータの入力を受け付ける入力装置２０２と、ディスプレイ２０３を有する。また、コンピュータ２００は、記憶媒体からプログラム等を読取る読み取り装置２０４と、ネットワークを介して他のコンピュータとの間でデータの授受を行うインターフェース装置２０５とを有する。また、コンピュータ２００は、各種情報を一時記憶するＲＡＭ２０６と、ハードディスク装置２０７を有する。そして、各装置２０１〜２０７は、バス２０８に接続される。

ハードディスク装置２０７は、受付プログラム２０７ａ、取得プログラム２０７ｂ、生成プログラム２０７ｃを有する。ＣＰＵ２０１は、各プログラム２０７ａ〜２０７ｃを読み出してＲＡＭ２０６に展開する。

受付プログラム２０７ａは、受付プロセス２０６ａとして機能する。取得プログラム２０７ｂは、取得プロセス２０６ｂとして機能する。生成プログラム２０７ｃは、生成プロセス２０６ｂとして機能する。

例えば、受付プロセス２０６ａは、受信部１５０ｂに対応する。取得プロセス２０６ｂは、取得部１５０ｃに対応する。生成プロセス２０６ｃは、生成部１５０ｄに対応する。

なお、各プログラム２０７ａ〜２０７ｃについては、必ずしも最初からハードディスク装置２０７に記憶させておかなくても良い。例えば、コンピュータ２００に挿入されるフレキシブルディスク（ＦＤ）、ＣＤ−ＲＯＭ、ＤＶＤディスク、光磁気ディスク、ＩＣカードなどの「可搬用の物理媒体」に各プログラムを記憶させておく。そして、コンピュータ２００がこれらから各プログラム２０７ａ〜２０７ｃを読み出して実行するようにしてもよい。

以上の各実施例を含む実施形態に関し、さらに以下の付記を開示する。

（付記１）コンピュータに、
第１段階と第２段階とで画面を表示する場合の動作環境が異なるソフトウェアに対し、前記第１段階において画面のプレビュー指示を受け付け、
前記ソフトフェアを実行することで表示される画面に配設される部品それぞれの表示対象データの属性および最大文字数を取得し、
前記画面に配設された部品それぞれに、前記属性および前記最大文字数に対応した文字列を入力した状態で生成する
処理を実行させることを特徴とする設計支援プログラム。

（付記２）前記取得する処理は、前記部品を構成する入力フォームに入力される文字列の属性および最大文字数を取得し、前記生成する処理は、前記属性および前記最大文字数に対応した文字列を入力フォームに入力して、前記第２段階で画面を表示する場合の動作環境における画面を生成することを特徴とする付記１に記載の設計支援プログラム。

（付記３）コンピュータが実行する設計支援方法であって、
第１段階と第２段階とで画面を表示する場合の動作環境が異なるソフトウェアに対し、前記第１段階において画面のプレビュー指示を受け付け、
前記ソフトフェアを実行することで表示される画面に配設される部品それぞれの表示対象データの属性および最大文字数を取得し、
前記画面に配設された部品それぞれに、前記属性および前記最大文字数に対応した文字列を入力した状態で生成する
処理を実行することを特徴とする設計支援方法。

（付記４）前記取得する処理は、前記部品を構成する入力フォームに入力される文字列の属性および最大文字数を取得し、前記生成する処理は、前記属性および前記最大文字数に対応した文字列を入力フォームに入力して、前記第２段階で画面を表示する場合の動作環境における画面を生成することを特徴とする付記３に記載の設計支援方法。

（付記５）第１段階と第２段階とで画面を表示する場合の動作環境が異なるソフトウェアに対し、前記第１段階において画面のプレビュー指示を受け付ける受付部と、
前記ソフトフェアを実行することで表示される画面に配設される部品それぞれの表示対象データの属性および最大文字数を取得する取得部と、
前記画面に配設された部品それぞれに、前記属性および前記最大文字数に対応した文字列を入力した状態で生成する生成部と
を有することを特徴とする設計支援装置。

（付記６）前記取得部は、前記部品を構成する入力フォームに入力される文字列の属性および最大文字数を取得し、前記生成部は、前記属性および前記最大文字数に対応した文字列を入力フォームに入力して、前記第２段階で画面を表示する場合の動作環境における画面を生成することを特徴とする付記５に記載の設計支援装置。

１００ 設計支援装置
１５０ｂ 受付部
１５０ｃ 取得部
１５０ｄ 生成部

Claims (4)

1. コンピュータに、
   第１段階と第２段階とで画面を表示する場合の動作環境が異なるソフトウェアに対し、前記第１段階において画面のプレビュー指示を受け付け、
   前記ソフトウェアを実行することで表示される画面に配設される部品それぞれの表示対象データの属性および最大文字数を取得し、
   前記第１段階において前記部品にそれぞれに設定された前記部品の表示領域の幅に応じて、前記第２段階の画面を生成して表示する場合に、前記画面に配設された部品それぞれに、前記属性および前記最大文字数に対応した文字列を入力した状態で生成し、
   前記最大文字数に対応した文字列のうち、前記表示領域の幅に収まらない部分の文字列を表示することを抑止し、
   前記第２段階で画面を表示している間に、前記部品の表示領域の幅の変更要求を受け付けた場合に、変更要求に応じて、前記表示領域の幅を変更し、変更に応じて、表示することを抑止していた文字列を表示する
   処理を実行させることを特徴とする設計支援プログラム。
2. 前記取得する処理は、前記部品を構成する入力フォームに入力される文字列の属性および最大文字数を取得し、前記生成する処理は、前記属性および前記最大文字数に対応した文字列を入力フォームに入力して、前記第２段階で画面を表示する場合の動作環境における画面を生成することを特徴とする請求項１に記載の設計支援プログラム。
3. コンピュータが実行する設計支援方法であって、
   第１段階と第２段階とで画面を表示する場合の動作環境が異なるソフトウェアに対し、前記第１段階において画面のプレビュー指示を受け付け、
   前記ソフトウェアを実行することで表示される画面に配設される部品それぞれの表示対象データの属性および最大文字数を取得し、
   前記第１段階において前記部品にそれぞれに設定された前記部品の表示領域の幅に応じて、前記第２段階の画面を生成して表示する場合に、前記画面に配設された部品それぞれに、前記属性および前記最大文字数に対応した文字列を入力した状態で生成し、
   前記最大文字数に対応した文字列のうち、前記表示領域の幅に収まらない部分の文字列を表示することを抑止し、
   前記第２段階で画面を表示している間に、前記部品の表示領域の幅の変更要求を受け付けた場合に、変更要求に応じて、前記表示領域の幅を変更し、変更に応じて、表示することを抑止していた文字列を表示する
   処理を実行することを特徴とする設計支援方法。
4. 第１段階と第２段階とで画面を表示する場合の動作環境が異なるソフトウェアに対し、前記第１段階において画面のプレビュー指示を受け付ける受付部と、
   前記ソフトウェアを実行することで表示される画面に配設される部品それぞれの表示対象データの属性および最大文字数を取得する取得部と、
   前記第１段階において前記部品にそれぞれに設定された前記部品の表示領域の幅に応じて、前記第２段階の画面を生成して表示する場合に、前記画面に配設された部品それぞれに、前記属性および前記最大文字数に対応した文字列を入力した状態で生成し、前記最大文字数に対応した文字列のうち、前記表示領域の幅に収まらない部分の文字列を表示することを抑止し、前記第２段階で画面を表示している間に、前記部品の表示領域の幅の変更要求を受け付けた場合に、変更要求に応じて、前記表示領域の幅を変更し、変更に応じて、表示することを抑止していた文字列を表示する生成部と
   を有することを特徴とする設計支援装置。

Images