(57)【要約】【課題】画面の作成を容易にするとともに画面を構成する部品等の流用性を向上させる。【解決手段】画面設計図１１４は部品設計図１１３の部品を組み合わせて画面パターンを構成している。共通定数表１１２は、部品設計図１１３にも画面設計図１１４にも使用される共通の定数を定めている。画面作成者は、入力部１０３の操作に従って、表示部１０２の表示画面上で、画面設計図１１４に記憶された複数の画面パターンの中から選択された、特定の画面を構成する１つ以上の画面パターンを選択するとともに、それらの画面パターンの上の個々の部品に対して割り当てられるべきテキストおよび／またはイメージを指定することにより画面仕様書１１５を作成し、記憶部１１０に記憶する。【選択図】図３
2005190303.tif 000002
【特許請求の範囲】
【請求項１】
表示部を有する端末装置の各種の表示画面を作成者が作成する作業を支援する画面作成支援装置であって、
画面を構成する予め定めた基本部品を特定するための部品識別子と各基本部品の属性情報とを定めた部品情報を含む部品設計図データを記憶する部品設計図記憶手段と、
予め定めた複数の画面パターン毎に、当該画面パターンを構成する部品を特定するための部品識別子とそれらの部品の相互の配置関係を定める配置情報とを含む画面設計図データを記憶する画面設計図記憶手段と、
前記部品設計図および画面設計図に共通に使用される定数を定めた共通定数表データを記憶する共通定数表記憶手段と、
前記部品を構成するイメージデータおよびテキストデータを含むリソースデータを記憶するリソースデータ記憶手段と、
各種情報を表示する表示画面を有する表示手段と、
作成者による指示および情報の入力を受け付ける入力手段と、
作成者による前記入力手段の操作に従って、前記表示手段の表示画面上で、前記画面設計図記憶手段に記憶された複数の画面パターンの中から１つ以上の画面パターンを選択するとともに、それらの画面パターン上の個々の部品に対して割り当てられるべきテキストおよび／またはイメージを指定することにより画面仕様書データを作成する画面仕様書作成手段と、
を備えたことを特徴とする画面作成支援装置。
【請求項２】
前記共通定数表データは、種々の定数名と、各定数名に対応づけられた、各定数の実際の値または他の定数名を用いた変数とを含むことを特徴とする請求項１記載の画面作成支援装置。
【請求項３】
少なくとも前記部品設計図データ、前記画面設計図データおよび前記画面仕様書データはいずれもタグ情報付きのテキストデータで記述されることを特徴とする請求項１記載の画面作成支援装置。
【請求項４】
前記画面設計図データ内の部品識別子は、前記部品設計図記憶手段内の特定の部品の部品設計図データにリンクされていることを特徴とする請求項３記載の画面作成支援装置。
【請求項５】
前記画面仕様書データ内の画面パターン識別子は、前記画面設計図記憶手段内の特定の画面設計図データにリンクされていることを特徴とする請求項３記載の画面作成支援装置。
【請求項６】
前記画面設計図データは、複数の前記部品識別子を切り替える条件、または、複数の部品の相互の配置関係を定める情報を切り替える条件を含むことを特徴とする請求項１記載の画面作成支援装置。
【請求項７】
前記画面仕様書データは、前記画面パターン上の個々の部品に対して割り当てられるべきテキストおよび／またはイメージを複数の選択肢の中から選択的に指定するための条件を含むことを特徴とする請求項１記載の画面作成支援装置。
【請求項８】
前記端末装置の表示画面は複数のエリアに分割され、前記画面設計図の画面パターンは前記エリア毎に用意されることを特徴とする請求項１記載の画面作成支援装置。
【請求項９】
前記画面パターンを構成する部品の位置は相対位置で規定されることを特徴とする請求項１または８記載の画面作成支援装置。
【請求項１０】
表示部を有する端末装置であって、
画面を構成する予め定めた基本部品を特定するための部品識別子と各基本部品の属性情報とを定めた部品情報を含む部品設計データを記憶する部品設計データ記憶手段と、
予め定めた複数の画面パターン毎に、当該画面パターンを構成する部品を特定するための部品識別子とそれらの部品の相互の配置関係を定める配置情報とを含む画面設計データを記憶する画面設計データ記憶手段と、
前記部品設計データおよび画面設計データに共通に使用される定数を定めた共通定数を記憶する共通定数記憶手段と、
前記部品を構成するイメージデータおよびテキストデータを含むリソースデータを記憶するリソースデータ記憶手段と、
各種情報を表示する表示画面を有する表示手段と、
前記画面設計データ、部品設計データおよび共通定数に基づいて、特定の画面を構成する１つ以上の画面パターンを識別する画面パターン識別子を選択するとともに、それらの画面パターン上の個々の部品に対して割り当てられるべきテキストおよび／またはイメージを指定することにより、前記表示手段の表示画面上に表示すべき画面を構成する画面構成手段と、
を備えたことを特徴とする端末装置。
【請求項１１】
ユーザによる指示および情報の入力を受け付ける入力手段を備え、前記画面構成手段は、前記入力手段の入力に応じて表示すべき画面を切り替えることを特徴とする請求項１０記載の端末装置。
【請求項１２】
前記画面設計データは、複数の前記部品識別子を切り替える条件、または、複数の部品の相互の配置関係を定める情報を切り替える条件を含み、前記画面構成手段は、前記条件に基づいて画面を切り替えることを特徴とする請求項１０記載の端末装置。
【請求項１３】
前記画面仕様書データは、前記画面パターン上の個々の部品に対して割り当てられるべきテキストおよび／またはイメージを複数の選択肢の中から選択的に指定するための条件を含み、前記画面構成手段は、前記条件に基づいて画面を切り替えることを特徴とする請求項１０記載の端末装置。
【発明の詳細な説明】
【技術分野】
【０００１】
本発明は、表示画面を有する端末装置、および、その端末装置の表示画面の画面仕様書の作成を支援する画面作成支援装置に関するものである。
【背景技術】
【０００２】
例えば携帯電話機のような携帯端末装置（以下、端末装置を単に端末ともいう）には、ユーザに対して種々のアプリケーションの利用が分かりやすく容易に行えるように、表示画面を用いたユーザインターフェイスが用いられている。近年、多機能化した携帯電話機のアプリケーションには、電話機能、メモ帳、アドレス帳、スケジュール帳、電子メール、Ｗｅｂ閲覧、カメラ撮影、電卓、時計表示、ガイド表示、等種々のものがあり、これらのすべてについて、ユーザに情報を知らしめたり、入力を促したりする固有の画面が用意されている。画面を構成する基本的な要素としては、背景、イメージ（アイコン、タブ、インジケータ、マトリックス等を含む）、テキスト（ラベル、リスト等を含む）などがある。
【発明の開示】
【発明が解決しようとする課題】
【０００３】
携帯電話機メーカー等では、そのような種々の画面の設計・作成に要する作業は膨大であり、複数の担当者に分担して割り当てられるのが一般的である。
【０００４】
したがって、担当する者によって統一性のない画面構成が用いられたり、画面間での部品の流用が困難であったり、画面間での矛盾が発生したりする場合があった。このような問題は、同一機種の複数の画面間で生じうるとともに、異なる機種（例えば現行機種と後継機種）の画面間でも生じうる。
【０００５】
また、従来、ドキュメントとしての画面の仕様書の作成は、端末での画面表示のためのプログラムのコーディングとは別の作業であり、当該プログラムのコーディングでは仕様書において用いられているデータやパラメータを再度入力する必要があった。
【０００６】
本発明はこのような背景においてなされたものであり、その目的は、画面の作成を容易にするとともに画面を構成する部品等の流用性を向上させることができる画面作成支援装置、および、この画面作成支援装置で作成された画面仕様書に基づく画面を表示する端末装置を提供することにある。
【０００７】
本発明による他の目的は、画面表示プログラムへのデータの利用が容易な形式の画面仕様書を作成することができる画面作成支援装置を提供することにある。
【課題を解決するための手段】
【０００８】
本発明による画面作成支援装置は、表示部を有する端末装置の各種の表示画面を作成者が作成する作業を支援する画面作成支援装置であって、画面を構成する予め定めた基本部品を特定するための部品識別子と各基本部品の属性情報とを定めた部品情報を含む部品設計図データを記憶する部品設計図記憶手段と、予め定めた複数の画面パターン毎に、当該画面パターンを構成する部品を特定するための部品識別子とそれらの部品の相互の配置関係を定める配置情報とを含む画面設計図データを記憶する画面設計図記憶手段と、前記部品設計図および画面設計図に共通に使用される定数を定めた共通定数表データを記憶する共通定数表記憶手段と、前記部品を構成するイメージデータおよびテキストデータを含むリソースデータを記憶するリソースデータ記憶手段と、各種情報を表示する表示画面を有する表示手段と、作成者による指示および情報の入力を受け付ける入力手段と、画面仕様書作成手段とを備える。画面仕様書作成手段は、作成者による前記入力手段の操作に従って、前記表示手段の表示画面上で、前記画面設計図記憶手段に記憶された複数の画面パターンの中から１つ以上の画面パターンを選択するとともに、それらの画面パターン上の個々の部品に対して割り当てられるべきテキストおよび／またはイメージを指定することにより画面仕様書データを作成する。
【０００９】
部品設計図データは各基本部品の属性情報を定めた部品情報を含む。このような部品設計図データを予め用意しておくことにより、画面（画面仕様書）の作成者は部品を新たに作る必要がない。また、画面設計図として１つ以上（通常複数）の部品を組み合わせた画面パターンを予め用意しておくことにより、通常使用される画面パターンを新たに作る必要がなくなる。これにより、部品のみならず、画面パターンも標準化することができ、画面部品（部品および画面パターンを含む）の流用性が向上する。作成者は、端末装置の実際の画面の作成にあたり、必要な画面パターンを組み合わせるとともに、それらの画面パターン上の個々の部品に対して割り当てられるべきテキストおよび／またはイメージを、予め用意されている選択肢の中から選択するか、または手入力することにより、指定することができる。これによって、目的とする画面の作成を短時間に行うことが可能となる。
【００１０】
前記共通定数表データは、例えば、種々の定数名と、各定数名に対応づけられた、各定数の実際の値または他の定数名を用いた変数とを含む。この構成により、画面サイズ等の特定の定数を変更したとき、自動的にその変更が他の定数に及ぶ。また、共通定数表データの定数を変更することにより、部品設計図および画面設計図において用いられている定数を自動的に変更し、画面サイズ等の変更を自動的に画面構成に反映させることができる。
【００１１】
好ましくは、少なくとも前記部品設計図データ、前記画面設計図データおよび前記画面仕様書データはいずれもタグ情報付きのテキストデータで記述する。これによって、前記画面設計図データ内の部品識別子を、前記部品設計図記憶手段内の特定の部品の部品設計図データにリンクさせたり、前記画面仕様書データ内の画面パターン識別子を、前記画面設計図記憶手段内の特定の画面設計図データにリンクさせたりすることが可能となる。
【００１２】
前記画面設計図データは、複数の前記部品識別子を切り替える条件、または、複数の部品の相互の配置関係を定める情報を切り替える条件を含んでもよい。同様に、前記画面仕様書データは、前記画面パターン上の個々の部品に対して割り当てられるべきテキストおよび／またはイメージを複数の選択肢の中から選択的に指定するための条件を含んでもよい。これにより、画面パターンまたは部品の定義情報自体に、画面内容の切替の条件情報を含ませることができる。
【００１３】
前記端末装置の表示画面は複数のエリアに分割され、前記画面設計図の画面パターンは前記エリア毎に用意することができる。これにより、エリア毎に異なる画面パターンの組み合わせが可能となり、より少ない画面パターンでより多くの異なる全体画面を得ることができる。
【００１４】
前記画面パターンを構成する部品の位置は相対位置で規定することにより、画面サイズの変更等に対して、自動的に対応することが可能となる。
【００１５】
本発明による、表示部を有する端末装置は、上記のような画面作成支援装置で用いられた共通定数表データ、部品設計図データ、画面設計図データから必要なデータを抽出して得られた共通定数、部品設計データ、画面設計データを記憶手段に記憶するとともに、前記部品を構成するイメージデータおよびテキストデータを含むリソースデータを記憶手段に記憶する。画面構成手段は、好ましくは前記画面仕様書から抽出された情報を利用して、前記画面設計データ、部品設計データおよび共通定数に基づいて、特定の画面を構成する１つ以上の画面パターンを識別する画面パターン識別子を選択するとともに、それらの画面パターン上の個々の部品に対して割り当てられるべきテキストおよび／またはイメージを指定することにより、前記表示手段の表示画面上に表示すべき画面を構成する。このような構成により、画面仕様書の情報および画面仕様書の作成に利用された情報を、再入力することなく有効に利用して、画面構成手段（一実施の形態では画面表示プログラム）に反映させることができる。
【発明の効果】
【００１６】
本発明によれば、画面作成者は、予め画面部品を組み合わせた画面パターンを選択すると共に、画面パターン上の部品に対して割り当てられるべきテキストおよび／またはイメージを指定することにより画面を完成させることができ、作業効率が向上し、短時間で画面の作成を行うことが可能となる。
【００１７】
また、画面部品や画面パターンを予め用意し、それを選択して用いるようにしたので、画面部品や画面パターンが標準化され、その流用性が高まる。したがって、本発明は特に多数の画面を作成する際に有用である。
【００１８】
少なくとも前記部品設計図データ、前記画面設計図データおよび前記画面仕様書データはいずれもタグ情報付きのテキストデータで記述することにより、それらはドキュメントとして機能するとともに、その必要なデータ部分を抽出して画面表示プログラムに取り込むことができる。したがって、画面表示プログラムのコーディング作業を自動化または簡略化することができるとともに、誤入力のおそれが軽減される。
【発明を実施するための最良の形態】
【００１９】
以下、本発明の好適な実施の形態について詳細に説明する。
【００２０】
図１は、本実施の形態に係る画面作成支援装置の概略のハードウェア構成を示したブロック図である。この画面作成支援装置は、データ処理部１０１、表示部１０２、入力部１０３、印刷部１０４、通信部１０５、記憶部１１０を備えている。記憶部１１０は、プログラム１１１、共通定数表１１２、部品設計図１１３、画面設計図１１４、画面仕様書１１５、画面用リソースデータ１１６、状態遷移表１１７、Ｃソースコード１１８、画面作成支援用リソースデータ１１９等を記憶する。
【００２１】
データ処理部１０１は、ＣＰＵ等により構成され、記憶部１１０内のプログラム１１１に従って、この装置全体の制御および必要なデータ処理を行う。プログラム１１１には、オペレーティングシステムの他、ウェブブラウザ、画面作成支援プログラム等のアプリケーションプログラムを含む。表示部１０２は、表示画面を有する表示デバイスを有し、ユーザに対して各種情報を表示する機能を有する。入力部１０３は、キーボードやポインティングデバイス（例えばマウス）を有し、ユーザによる指示および情報の入力を受け付ける機能を有する。印刷部１０４はプリンタ等により構成され、電子データを印刷出力する機能を有する。通信部１０５は、通信アダプタ等により構成されてＬＡＮに接続され、あるいは、ルーターやモデム等を介してＷＡＮと接続されて、外部との通信を行う機能を有する。印刷部１０４はＬＡＮ等を介して接続されてもよい。
【００２２】
なお、図１に示した画面作成支援装置は、汎用のコンピュータ（例えばパーソナルコンピュータ）に、本発明に係る画面仕様書作成プログラムをインストールすることにより、実現可能である。
【００２３】
図２は、本発明による画面作成の対象となる画面を有する端末装置の一例としての携帯電話機の構成例を示している。この携帯電話機の全体の動作はＣＰＵ２２０により制御される。ＣＰＵ２２０は、制御ライン２００を介して、通信回路２０３、表示制御部２０９、操作部２０６、ＲＯＭ２０７、ＲＡＭ２０８と接続され、これらの各部を制御する。通信回路２０３は、携帯電話の送受信処理を行う部位であり、アンテナ２０２により無線インタフェースを介して基地局と接続される。表示制御部２０９は例えば液晶ディスプレイのような表示部２１０の表示制御を行う部位である。操作部２０６は、テンキーや各種操作キーを含み、ユーザの入力指示を受け付ける部位である。ＲＯＭ２０７は、ＣＰＵ２２０により実行される固定的なプログラム（画面構成手段としての画面表示プログラムを含む）およびこれに付随した固定的なデータを記憶するメモリである。ＲＯＭ２０７は、例えばフラッシュメモリのような再書き込み可能な不揮発性メモリを含んでもよい。ＲＡＭ２０８はＣＰＵ２２０の利用に供されるデータの一時保存領域や作業領域を提供するメモリである。データライン２０１は、ＣＰＵ２２０、通信回路２０３、表示制御部２０９、ＲＯＭ２０７、ＲＡＭ２０８、スピーカ２０４、マイク２０５と接続され、これらの任意の部位間のデータの転送路を提供する。
【００２４】
図３は、本実施の形態で取り扱う各種のデータの相互の関係を示す図である。各種データとしては、共通定数表１１２、部品設計図１１３、画面設計図１１４、画面仕様書１１５、画面用リソースデータ１１６、状態遷移表１１７、Ｃソースコード１１８がある。以下、これらの各データについて説明する。本実施の形態では、少なくとも部品設計図１１３、画面設計図１１４および画面仕様書１１５はいずれもタグ情報付きのテキストデータで記述されることを想定している。本実施の形態では、画面仕様書１１５は例えばＸＭＬ（ｅＸｔｅｎｓｉｂｌｅ  Ｍａｒｋｕｐ  Ｌａｎｇｕａｇｅ）のようなマークアップ言語で記述される。この画面仕様書１１５は別の形式（例えばＨＴＭＬ（Ｈｙｐｅｒ  Ｔｅｘｔ  Ｍａｒｋｕｐ  Ｌａｎｇｕａｇｅ）やＰＤＦ（Ｐｏｒｔａｂｌｅ  ＤｏｃｕｍｅｎｔＦｏｒｍａｔ））に変換することも可能である。
【００２５】
以下、これらの各データについて説明する。
【００２６】
図４に共通定数表１１２の構成例を示す。共通定数表１１２は、部品設計図１１３にも画面設計図１１４にも使用される共通の定数を定めたデータテーブルである。このテーブル値を変更することにより、複数の設計図等で共通に参照されている定数を一括して変更することができる。テーブル値としては、端末の画面全体に関係するものと、部品に関係するものがある。図では、全体についての共通定数として、表示サイズ、フォントサイズ、一行サイズ、文字ピッチを示している。部品としては、ラベル、アイコン、リスト、タブ、マトリックス、インジケータ等がある。図ではラベルの共通定数として、基本ラベル幅、基本ラベルマージンを示している。
【００２７】
共通定数表１１２のテーブル値には、実際の具体的な数値をそのまま設定するものと、他の定数を変数として指定するものとがある。例えば、図の例では表示サイズの"MAIN_WIDTH"には"120"という具体的な数値が設定されているが、"DISP_WIDTH",  "SOFTLEY_WIDTH"等は具体的な数値ではなく"MAIN_WIDTH"という変数を用いて（または含んで）定義されている。基本ラベル幅の"LABEL_WIDTH_L"は、"MAIN_WIDTH - (LIST_MARGIN_R + LIST_MARGIN_L)"と定義されている。このような変数を用いた定義の仕方により、例えば画面サイズが変更されてもそれに伴って変化する定数をいちいち変更する必要がなくなる。
【００２８】
部品設計図１１３は、画面設計図１１４で使用される可能性のあるすべての部品の属性情報を定める設計図である。属性情報としては、主として、形状、サイズ、色種、テキスト／イメージの別、等の情報である。部品は、部品は画面を構成する要素を表すものであり、フォーカス、項目、背景、等の基本部品の組み合わせにより構成される。さらに、図５（ａ）に示すように、部品設計図１１３は、部品だけでなく、組み合わせ部品によっても構成されうる。組み合わせ部品は複数の部品を組み合わせて一つの部品として扱うものである。
【００２９】
図６に部品設計図の一例を示す。この部品は、部品名「ＬＡＢＥＬ１−Ｆ１」という部品名をもつ「ラベル」部品の例を示している。ラベルとは、例えばメニュー画面における各項目のテキスト（文字列）からなる部品である。部品設計図１１３は、その部品の画面上での視覚的な外観構成を示す「レイアウト情報」、その部品の全体の属性に関する「全体情報」、その部品の定義に関する「定義」、その部品を構成する基本部品に関する「基本部品情報」を含む。「全体情報」は部品変数、データ変数、部品定数を含んでいる。「部品変数」はその部品の位置、サイズ、フォーカスに関する情報である。「データ変数一覧」は、その部品を構成する基本部品の「基本部品名」（例えば項目）および「変数名」（例えばテキストデータ）および「形式」（例えば文字列ＩＤ／任意テキスト）を有する。「部品定数一覧」はこの部品固有の定数を定めたものである。「定義」は、この部品特有の定義情報（この例では、「項目」内の行数）を定めたものである。「基本部品情報」は、この部品を構成する基本部品の形状、テキスト／イメージの別、部品内の相対位置（Ｘ座標、Ｙ座標）、サイズ、部品色種等の属性情報を定めたものであり、ここでは基本部品１として「フォーカス」、基本部品２として「項目」を含んでいる。このラベルに対して、画面上でどのような具体的な文字列が割り当てられるかは、後述する画面仕様書で定められる。
【００３０】
次に、画面設計図１１４は、部品を組み合わせて配置した画面パターンを構成する設計図である。画面パターンとは、通常、複数の部品を組み合わせて配置したものである。１つの画面パターンは端末表示部のスクリーン全体に対応するとは限らず、スクリーンの一部のエリアに対応する。画面パターンの種類としては、本実施の形態では図５（ｂ）に示すように、「ピクト」「タイトル」「メイン」「セットリスト」「ソフトキー」がある。図７に、携帯電話機のスケジュール関連のメニューリストの例を示すように、表示画面は、通常、受信電界強度や電池残量を表示する画面上部の横長の帯状のピクトエリア１０２ａと、画面下部のソフトキー表示を行うソフトキーエリア１０２ｃと、両エリアに挟まれた中間のメインエリア１０２ｂに分割される。図示しないが、メインエリア１０２ｂの通常上部にはタイトルを表示するタイトルエリアが設けられる場合もある。上記の画面パターンの種類はこれらのエリアに対応するものである。
【００３１】
「ピクト」はピクトエリアに表示されるピクト形式の画面設計図である。「タイトル」はタイトル形式の画面パターンの画面設計図である。「メイン」には、ＬＩＳＴ，ＭＡＴＲＩＸ，ＩＮＦ，ＴＡＢ，ＰＯＰ，ＴＥＬＥＰＨＯＮ等の各画面設計図が含まれる。ＬＩＳＴはリスト形式の画面パターンの画面設計図である。ＭＡＴＲＩＸはマトリックス形式の画面パターンの画面設計図である。ＩＮＦは情報や状態を表示（たとえば通信中画面）する画面パターンの画面設計図である。ＴＡＢは、タブを使用した画面パターンの画面設計図である。ＰＯＰはポップアップの画面パターンの画面設計図である。ＴＥＬＥＰＨＯＮは、電話番号部品を使用した画面パターンの画面設計図である。「セットリスト」は組み合わせ部品を使用した「セットリスト」と呼ぶ画面パターンの画面設計図である。「ソフトキー」は、ＳＯＦＴＫＥＹ、ＢＲＯＷＳＥＲ−ＳＯＦＴＫＥＹ、ＫＥＹＬＯＣＫ−ＳＯＦＴＫＥＹの各画面設計図を含む。ＳＯＦＴＫＥＹは通常ソフトキーの画面パターンの画面設計図である。ＢＲＯＷＳＥＲ−ＳＯＦＴＫＥＹはブラウザ使用時のソフトキーの画面パターンの画面設計図である。ＫＥＹＬＯＣＫ−ＳＯＦＴＫＥＹはキーロック時の画面パターンの画面設計図である。これらの画面パターンを組み合わせて、後述するような特定の画面の画面仕様書が作成される。
【００３２】
図８−Ａ、図８−Ｂは、画面設計図１１４の具体的な一例を示したものであり、ここでは画面パターン名「ＬＩＳＴ−１」という「リスト」画面パターンの例を示す。この画面設計図１１４は、「レイアウト情報」「参考図」「サンプル画面」「全体情報」「特徴」「定義」「部品情報」により構成される。レイアウト情報、参考図、サンプル画面の各イメージ情報は、対応するリソースデータに対するリンク情報として、画面設計図のタグ情報付きテキスト内に含まれている。
【００３３】
「レイアウト情報」は、この画面パターンがどのような部品により構成され、所定のエリア内でそれらがどのように相互に配置されるかを視覚的にグラフィック表示したものである。図中の丸数字は、この画面パターンに使用されている部品の通し番号を示し、その番号に続く文字列は部品名を示している。また、各部品の概略の配置位置を矩形の枠線で示している。さらに、寸法線とともに種々のマージンの名称を示している。繰り返し配置される部品についてはその旨および繰り返し方向が部品番号とともに付記されている。部品番号４の「ＬｉｓｔＬａｂｅｌ−Ｆ１  ｏｒ  ＬｉｓｔＬａｂｅｌ１−Ｆ２」の「ｏｒ」はフォントサイズを条件として、部品が切り替えられることを意味している。
【００３４】
「参考図」は、この画面パターンが実際に画面上でどのような部品配置になるかを模式的に示した図である。「サンプル画面」は実際の画面パターンの具体例を示したものである。「全体情報」は、この画面パターンの全体に関する情報を定める情報であり、「画面変数一覧」「データ変数一覧」「定数一覧」を含んでいる。「画面変数一覧」は画面設計図部品では決定出来ない（個々の画面パターンに依存する）画面パターン全体に関する項目の内容を変数名として規定している。「備考」にはその変数の説明と、条件に応じた選択肢を記述している。「データ変数一覧」は画面設計図部品では決定出来ない個々のデータに関する内容を変数としている。「定数一覧」はこの画面パターンに固有の定数を定めるものである。「特徴」は、この画面パターンの特徴を定めるものであり、ここでは「スクロール単位」「サイクリック可能画面」（サイクリック表示の可否）について規定している。「定義一覧」はこの画面設計図に用いられている文言（変数）の定義を表している。「部品情報」はこの画面パターンに用いられているすべての部品を挙げるとともに、各部品毎にその属性情報を記述している。ここで規定する属性情報は部品によって異なるが、基本的には部品変数、種類、部品内の相対位置（Ｘ座標、Ｙ座標）、サイズ（横幅、高さ）、フォーカス対象となりうる、下線有無、等の情報である。部品変数の値は条件によって変化する場合にはその条件分けとともに値を記述する。例えば図８−Ｂに示した部品１（背景），部品２（上インジケータ）では、「横幅」「高さ」「Ｘ座標」「Ｙ座標」などの属性情報として、共通定数表から選択された変数を用いている。部品３（下インジケータ）では、Ｙ座標に関して、相対的な位置の指定方法として、背景の高さから、下インジケータ下マージンと下インジケータ高さを引いた位置としている。このような相対的な位置の指定方法により、端末画面サイズが変更されても自動的に対応することが可能となる。部品４（項目）からは、条件（ここではフォントサイズ）に応じて部品識別子を切り替えていることが分かる。また、部品の配置情報の一種である各項目のＹ座標が変数で表されると共に、その変数が条件（ここではフォントサイズ）によって切り替えられている。
【００３５】
部品設計図に用いられている部品については、その部品の「種類」欄にある部品ＩＤ（部品識別子）に対して、対応する部品へのリンク情報が設定されており、画面設計図を表示画面上で閲覧する際、その部品の部品ＩＤをユーザが指示（クリック）すると、対応する部品設計図の内容が表示されるようになっている。
【００３６】
図９に、画面仕様書１１５の具体例を示す。ここでは、「アプリ名」の例としてアドレス帳を挙げる。この画面ＩＤは”ＡＤＤ３”であり、画面名は「検索方法選択」である。この画面仕様書１１５は、作成者が本発明の作成支援プログラムを用いて、上述したような予め用意された画面設計図の画面パターンを組み合わせて作成した結果を示している。
【００３７】
画面仕様書１１５は、図の例では、「画面イメージ」「特徴」「画面データ」「備考」により構成されている。「画面イメージ」は、イメージ図、配置図、フォーカス図を含んでいる。各イメージ情報は、対応するリソースデータに対するリンク情報として、画面仕様書のタグ情報付きテキスト内に含まれている。イメージ図は、実際の画面と同じテキストやイメージで作成された画面である。配置図は、選択された画面パターンの各部品が配置される様子を枠で示した図であり、各部品の位置には配置番号が付されている。各部品の配置は、画面設計図のレイアウト情報に基づいて定まる。フォーカス図は、配置図と同じ枠構成を有するが、フォーカスが当たる可能性のある部品を黒塗りで示した図である。フォーカスとは、端末のユーザの操作に従って特定の表示項目が一時的に強調表示されることをいう。
【００３８】
「特徴」はこの画面全体に関わる情報であり、この例ではアドレス帳の検索方法選択画面に関する特徴事項として、「繰り返し数」「フォントサイズ」「データ追加可能画面」「前選択フォーカス有無」「選択可能画面」「複数選択フォーカス有無」「スクロール単位」「サイクリック可能画面」を規定している。これらの情報は、使用した画面設計図から引き継がれるか、または、作成者が入力する。
【００３９】
「画面データ」は、配置図で定まる各配置位置に対して画面パターンの各部品を割り当てるとともに、その部品に必要な具体的なテキストやイメージ等を割り当てたデータである。図の例では、配置番号１の位置にタイトル画面パターンの一つである「ＴＩＴＬＥ１」を割り当ててるとともに、各項目に文字列を割り当てている。文字列やイメージ等のメッセージＩＤまたはファイル名で指定される。「ＵＩ部品名」には作成者が選択した部品の部品名が自動的に挿入され、「種類」にはその部品の種類情報（この例では「テキストデータ」）が自動的に挿入される。「データ説明」には、作成者により入力された文字列等の説明情報が自動的に挿入される。
【００４０】
配置番号２〜６にはリスト画面パターンの一つである「ＬＩＳＴ−１」の繰り返し項目を割り当てるとともに、各項目に文字列を割り当てている。「フォーカス」はフォーカスが当たりうるか否かを示している。「ＬＩＳＴ−１」画面パターンの「データ変数一覧」から部品名「項目」についてフォーカスが当たりうることが分かるので、この画面データにおける「フォーカス」に自動的に反映される。
【００４１】
ソフトキーエリアのソフトキー画面パターンについては、ソフトキーの個数および配置位置が予め決まっているので、配置図はなく、配置番号も割り当てられていない。３つのソフトキーにはそれぞれ、必要な文字列が割り当てられる。
【００４２】
「機能メニュー」は端末のユーザが機能キー（図示せず）を指示したときに表示されるメニューである。この例では機能メニューは存在しない場合を示している。存在する場合には機能メニューの文言などが記述される。「備考」は必要な備考情報（例えば、「特徴」や「画面データ」等に指定される条件１、条件２・・・などの定義）である。
【００４３】
図１０は、図９に示した画面仕様書に対応するＸＭＬファイルの一部を示したものである。ＸＭＬファイルはタグ情報付きのテキスト情報であり、これをスタイルシート（ここでは、create_dispspec.xsl）で変形して、Ｗｅｂブラウザ（例えばマイクロソフト社のインターネットエクスプローラ）により、人間に分かりやすい形式で表示することができる。
【００４４】
図３に戻り、画面用リソースデータ１１６は、表示画面を構成する各種部品の背景、テキスト、イメージ等のデータの他、画面仕様書のイメージ図、配置図、フォーカス図、画面設計図のレイアウト情報、部品設計図のレイアウト情報、等も含む。
【００４５】
状態遷移表１１７は、端末においてある画面からどのような条件でどの画面に移行するかという情報をデータテーブル化したものである。
【００４６】
Ｃソースコード１１８は、状態遷移表１１７と画面仕様書１１５とに基づいて端末の画面表示プログラムをここではＣ言語でコーディングしたものである。Ｃソースコード１１８はこの支援装置または他の装置においてコンパイルされ、端末のプラットフォーム上で動作するネイティブコードに変換される。ネイティブコードは端末にインストールされる。
【００４７】
さらに参考のため、図１１、図１２−Ａ，Ｂ、図１３にそれぞれ、Ｂａｃｋｇｒｏｕｎｄ、Ｔａｂｐａｎｅｌ１、ＩｎｄｉｃａｔｏｒＵｐという部品名の部品設計図の例を示す。これらの部品を必要な部品の一部として用いた画面設計図の例を図１４−Ａ〜図１４−Ｅに示す。この画面設計図を用いたアドレス帳の「あかさたな順」画面の画面仕様書の例を図１５−Ａ，Ｂに示す。基本的には先の「検索方法選択」画面の場合と同じである。但し、「検索方法選択」画面では部品の縦方向の繰り返しのパターンを示したが、図１４−Ａのレイアウト情報および図１５−Ａの画面イメージから分かるように、部品の横方向の繰り返しも定義可能である。
【００４８】
図１６に、画面作成支援装置の各種データと、端末装置に導入される各種データとの関係を示す。画面作成支援装置のデータは前述のとおり、画面用リソースデータ１１６、共通定数表１１２、部品設計図１１３、画面設計図１１４、および画面仕様書１１５である。画面用リソースデータ１１６は、そのうち、実際に端末の画面に利用される部分が画面用リソースデータ２５として端末に導入される。共通定数表１１２は、共通定数データ２１として端末に導入される。部品設計図１１３および画面設計図１１４は、そのデータ中、画面の作成に直接的に関与するデータが、それぞれ部品設計データ２２および画面設計データ２３として端末に導入される。画面仕様書１１５は、画面表示プログラム２４に変換される。共通定数データ２１、部品設計データ２２、画面設計データ２３は、画面表示プログラム２４と独立したデータとして示したが、これらの全部または一部は画面表示プログラム２４内にパラメータや条件等として一体に組み込まれてもよい。
【００４９】
図１７により、本実施の形態における画面作成の手順を説明する。この手順は、一人の作成者によって行うこともできるが、複数の担当者が分担して行ってもよい。まず、通常の作表作業と同様の手順で共通定数表を作成し、記憶部に保存する（Ｓ１）。ついで、各種の部品について部品設計図を作成し、記憶部に保存する（Ｓ２）。さらに、これらの部品を用いて複数の画面パターンの各々について画面設計図を作成し、記憶部に保存する（Ｓ３）。以上のように、共通定数表、部品設計図および画面設計図が画面作成支援装置の記憶部に保存された状態で、これらを用いて、画面仕様書の作成を行い、記憶部に保存する（Ｓ４）。本実施の形態では、少なくとも画面仕様書の作成について、作成者が画面仕様書を作成するのを画面作成支援プログラムが支援する。
【００５０】
図１８は、画面作成支援プログラムによって実現される、図１７のステップＳ４の画面仕様書作成の具体的な処理手順を示している。この処理手順を、図１９〜図２６に示したような支援装置画面例を参照しながら説明する。
【００５１】
まず、画面作成支援プログラムを起動し、図１９に示すようなレイアウトツール画面を表示する（図１８、Ｓ１１）。この画面は、画面仕様書の作成を支援するためのユーザインターフェイス（ＵＩ）画面である。この画面上部には、操作のためのメニューバーやアイコンバーが表示され、その下に、部品一覧エリア５１、ビューワエリア５２、およびオブジェクトツリーエリア５３が配置されている。部品一覧エリア５１は、画面を構成する部品（ここでは画面パターン単位の画面部品）の一覧が表示されるエリアである。ビューワエリア５２は、作成されていく画面を表示するエリアである。オブジェクトツリーエリア５３は、作成された画面の部品ファイルのディレクトリがツリー状に表示されるエリアである。
【００５２】
図１９の画面で新規作成ボタン４１をクリックすると、図２０のように、作成対象画面（アプリ名）やそのタイトルを入力するためのウインドウ５４が開き、例えばプルダウンメニュー５９からアプリ名を選択する（図１８、Ｓ１２）。ここではアプリ名として「アドレス帳」を選択した場合を示す。図２１に示すように、さらにタイトルおよびサブタイトルを入力することができる。ＯＫボタンをクリックすると、新規画面作成の準備が完了する。
【００５３】
そこで、メニューバーの「パラメータ」または、アイコンバーの画面部品追加アイコン４３を利用して、図２２に示すような部品追加画面５７を開く。この画面では、上述した画面パターン単位に画面部品を選択して追加していく（図１８、Ｓ１３）。図２３は、まず、画面の外枠に相当するウインドウ部品を選択した状態を示している。図２４は、さらにタイトル画面部品を追加した状態を示している。画面部品には、部品一覧エリア５１において、項番が付され、部品名称、レイヤー、Ｘ座標、Ｙ座標が登録される。また、オブジェクトツリーエリア５３には、対応するディレクトリ項目が追加される。
【００５４】
図２５に示すように、部品追加画面５７において、画面パターンの属性情報としての、画面部品のｘ座標やｙ座標を変数一覧５８から選択することも可能である。
【００５５】
図２６はリストに具体的な文字列を入力する前の段階まで完成した画面構成を示している。さらに、必要情報を作成者が入力する（Ｓ１４）。例えば、オブジェクトツリー上のタイトル部品（ここではＴＩＴＬＥ１）に関する「タイトル文字」のプロパティ画面（図示せず）を表示し、その入力欄にタイトル名（例えば「検索方法選択」）を作成者が入力する。この入力データは、図２６のウインドウ枠５５内の「タイトル」の表示に反映される（文字列「タイトル」が入力した文字列に代わる）。同様に、リスト部品の項目にも作成者が具体的な文字列を入力可能である。
【００５６】
１画面の作成が終了するまで（Ｓ１５）、ステップＳ１３に戻って次の画面パターンの追加を行う。全画面の作成が終了したら（Ｓ１６，Ｙｅｓ）、本処理を終了する。
【００５７】
図示しないが、画面パターンを指定した後、そのイメージ図、配置図、フォーカス図等は、画面作成支援装置の表示画面上で確認することが可能である。画面仕様書の「特徴」情報も画面作成支援装置の表示画面上で確認可能である。
【００５８】
図２７は、端末の画面表示プログラムのネイティブコード作成の処理例を示したフローチャートである。完成した画面仕様書に基づいて、Ｃ言語による画面表示プログラムのソースコードを生成する（Ｓ２１）。このステップは、好ましくは、上述した状態遷移表１１７を参照して画面仕様書に基づいて自動的に行う。但し、作成者が手作業で行ってもよい。前述のように画面仕様書は、ＸＭＬファイルのようなタグ情報付きテキスト情報で作成されているので、ドキュメントとしての機能を果たすだけでなく、タグ情報に基づいて自動的に必要なデータを抽出することができるので、ソースコードの生成時にも利用することができる。したがって、作業性が向上するとともに、誤入力などのおそれが軽減される。生成されたソースコードは、所定のコンパイラによるコンパイル処理によりネイティブコードに変換される（Ｓ２２）。
【００５９】
以上、本発明の好適な実施の形態について説明したが、上記で言及した以外にも種々の変形、変更を行うことが可能である。例えば、携帯電話機について説明したが、ユーザインターフェイスのための表示画面を有する端末装置であれば、ＰＤＡ、カーナビゲーション装置、音響映像機器、家電製品、ゲーム機等、任意の端末装置およびその画面作成支援装置に本発明は適用可能である。
【図面の簡単な説明】
【００６０】
【図１】本発明の実施の形態に係る画面作成支援装置の概略のハードウェア構成を示したブロック図である。
【図２】本発明による画面作成の対象となる画面を有する端末装置の一例としての携帯電話機の構成例を示すブロック図である。
【図３】本発明の実施の形態で取り扱う各種のデータの相互の関係を示す図である。
【図４】本発明の実施の形態における共通定数表の構成例を示す図である。
【図５】本発明の実施の形態における部品設計図および画面設計図の概略の構成を示す図である。
【図６】本発明の実施の形態における部品設計図の一例を示す図である。
【図７】本発明の実施の形態における携帯電話機のスケジュール関連のメニューリストの例を示す図である。
【図８−Ａ】本発明の実施の形態における画面設計図の具体的な一例を示した図である。
【図８−Ｂ】図８−Ａに続く部分を示した図である。
【図９】本発明の実施の形態における画面仕様書の具体例を示した図である。
【図１０】図９に示した画面仕様書に対応するＸＭＬファイルの一部を示した図である。
【図１１】本発明の実施の形態におけるＢａｃｋｇｒｏｕｎｄという部品名の部品設計図の例を示す図である。
【図１２−Ａ】本発明の実施の形態におけるＴａｂｐａｎｅｌ１という部品名の部品設計図の例を示した図である。
【図１２−Ｂ】図１２−Ａに続く部分を示した図である。
【図１３】本発明の実施の形態におけるＩｎｄｉｃａｔｏｒＵｐという部品名の部品設計図の例を示した図である。
【図１４−Ａ】本発明の実施の形態における他の画面設計図の例を示す図である。
【図１４−Ｂ】図１４−Ａに続く部分を示した図である。
【図１４−Ｃ】図１４−Ｂに続く部分を示した図である。
【図１４−Ｄ】図１４−Ｃに続く部分を示した図である。
【図１４−Ｅ】図１４−Ｄに続く部分を示した図である。
【図１５−Ａ】図１４−Ａ〜図１４−Ｅの画面設計図を用いた画面仕様書の例を示した図である。
【図１５−Ｂ】図１５−Ａに続く部分を示した図である。
【図１６】本発明の実施の形態における画面作成支援装置の各種データと、端末装置に導入される各種データとの関係を示した図である。
【図１７】本発明の実施の形態における画面作成の手順を説明するためのフローチャートである。
【図１８】図１７のステップＳ４の画面仕様書作成の具体的な処理手順を示すフローチャートである。
【図１９】本発明の実施の形態における画面作成支援プログラムを起動時に表示されるレイアウトツール画面を示す図である。
【図２０】図１９の画面で新規作成ボタンをクリックしたときに開かれるウインドウを示した図である。
【図２１】図２０に続く画面を示した図である。
【図２２】図２１の画面で画面部品追加アイコンをクリックしたときに開く部品追加画面を示した図である。
【図２３】図２２でウインドウ部品を選択した状態を示す画面を示した図である。
【図２４】図２３に続いてタイトル画面部品を追加した状態を示す画面を示した図である。
【図２５】部品追加画面において、部品のｘ座標やｙ座標を変数一覧画面から選択する様子を示す画面を示した図である。
【図２６】図２５に続く画面を示した図である。
【図２７】本発明の実施の形態における端末の画面表示プログラムのネイティブコード作成の処理例を示したフローチャートである。
【符号の説明】
【００６１】
１０１…データ処理部、１０２…表示部、１０３…入力部、１０４…印刷部、１０５…通信部、１１０…記憶部、１１１…プログラム、１１２…共通定数表、１１３…部品設計図、１１４…画面設計図、１１５……画面仕様書、１１６…画面用リソースデータ、１１７…状態遷移表、１１８…Ｃソースコード、１１９…画面作成支援用リソースデータ
【図１】
2005190303.tif 000003
【図２】
2005190303.tif 000004
【図３】
2005190303.tif 000005
【図５】
2005190303.tif 000006
【図７】
2005190303.tif 000007
【図１０】
2005190303.tif 000008
【図１２−Ｂ】
2005190303.tif 000009
【図１３】
2005190303.tif 000010
【図１４−Ａ】
2005190303.tif 000011
【図１４−Ｂ】
2005190303.tif 000012
【図１４−Ｃ】
2005190303.tif 000013
【図１４−Ｄ】
2005190303.tif 000014
【図１４−Ｅ】
2005190303.tif 000015
【図１５−Ａ】
2005190303.tif 000016
【図１５−Ｂ】
2005190303.tif 000017
【図１６】
2005190303.tif 000018
【図１７】
2005190303.tif 000019
【図１８】
2005190303.tif 000020
【図２２】
2005190303.tif 000021
【図２７】
2005190303.tif 000022
【図４】
2005190303.tif 000023
【図６】
2005190303.tif 000024
【図８−Ａ】
2005190303.tif 000025
【図８−Ｂ】
2005190303.tif 000026
【図９】
2005190303.tif 000027
【図１１】
2005190303.tif 000028
【図１２−Ａ】
2005190303.tif 000029
【図１９】
2005190303.tif 000030
【図２０】
2005190303.tif 000031
【図２１】
2005190303.tif 000032
【図２３】
2005190303.tif 000033
【図２４】
2005190303.tif 000034
【図２５】
2005190303.tif 000035
【図２６】
2005190303.tif 000036