JPH0850539A - 画面レイアウト設計装置 - Google Patents

Abstract

(57)【要約】 【目的】 画面レイアウトの設計時に、アプリケーショ
ンプログラム実行時のイメージのままの画面を設計する
ことができる画面レイアウト設計装置を得ることを目的
とする。 【構成】 バイナリファイルを生成する定義情報生成手
段９１１、複数の項目群を選択して表示する合成表示手
段９１２を備え、アプリケーションプログラム実行時に
表示される項目群同士６０５と６０６の位置関係の確認
が画面レイアウト設計時に可能となる。また、表示され
た複数の項目群を新規の一つの項目群として登録する結
合手段９１３を備え、複数の項目群６０５と６０６を１
つの項目群６１１として定義できるので、既存の項目群
を利用した画面レイアウトの設計が容易に行える。

Description

【発明の詳細な説明】

【０００１】

【産業上の利用分野】本発明は、コンピュータシステム
を利用したものであり、アプリケーションプログラムが
出力する画面を設計するための画面レイアウト設計装置
に関するものである。

【０００２】

【従来の技術】従来、表示画面の設計は、表示装置に対
応させたフォーマット用紙にレイアウトを記入し、実際
にプログラマがそのレイアウトに従い、表示位置や表示
内容などを詳細にプログラミングする方法や、そのフォ
ーマット用紙を読取装置にて読み込ませ、自動的に画面
設計の情報を得る方法などがあった。なお、後者の方法
としては、例えば、公開特許公報（Ａ）昭６２−２１２
７２１が挙げられる。

【０００３】

【発明が解決しようとする課題】上記のような従来の方
法では、画面設計と設計された画面を使用するアプリケ
ーションプログラムの生成とは別々の作業となるので、
作業全体としては相当量の時間を必要とするという問題
があった。また、設計された画面が、設計どおりに表示
されるかどうかについては、アプリケーションプログラ
ムの実行時でなければ確認できないなどの問題があっ
た。

【０００４】本発明は、上記のような問題を解消するた
めになされたものであり、画面レイアウトの設計時に、
アプリケーションプログラム実行時のイメージのままの
画面を設計することができる画面レイアウト設計装置を
得ることを目的とするものである。

【０００５】

【課題を解決するための手段】本発明に係る画面レイア
ウト設計装置は、画面レイアウトを構成するための項目
群などを入力する装置と、入力装置により入力された項
目群などを画面レイアウトとして表示する表示装置と、
表示装置に表示された画面レイアウトに従い、その画面
レイアウトの項目群の定義情報を生成する定義情報生成
手段と、定義情報生成手段により個々に定義されている
画面レイアウトである項目群を一つの画面として合成し
て表示する合成表示手段を備えたものである。

【０００６】上記画面レイアウト設計装置は、さらに、
上記定義情報生成手段により、個々に定義された画面レ
イアウトを結合して、新しい一つの画面レイアウトとし
て定義できる結合手段を備えたものである。

【０００７】上記画面レイアウト設計装置は、さらに、
画面レイアウト上の項目に対して、確認のためのサンプ
ルデータを入力できる画面確認手段を備えたものであ
る。

【０００８】上記画面レイアウト設計装置は、さらに、
画面レイアウト設計時のみ有効で、実際のアプリケーシ
ョンプログラム実行時には反映されない項目を定義でき
るダミー項目定義手段を備えたものである。

【０００９】上記画面レイアウト設計装置は、さらに、
複数の同じ種類の項目が、切れ目なく連続して表示され
ていても、レイアウトの設計が可能である連続定義手段
を備えたものである。

【００１０】

【作用】本発明に係る画面レイアウト設計装置は、画面
レイアウトを構成するための項目群などを入力する入力
装置と、入力された項目群などを画面レイアウトとして
表示する表示装置と、画面レイアウトに従い、その画面
レイアウトの定義情報であるバイナリファイルを生成し
て項目群の定義をする定義情報生成手段と、個々に定義
されている画面レイアウトである項目群を一つの画面と
して合成して表示する合成表示手段を備えたことによ
り、別々に設計した複数の項目群を同一画面上に表示す
ることができる。

【００１１】さらに、本発明に係る画面レイアウト設計
装置は、個々に定義された画面レイアウトを結合して、
新しい一つの画面レイアウトとして定義できる結合手段
を備えたことにより、複数の項目群を合わせて新たな一
つの項目群とすることができる。

【００１２】さらに、本発明に係る画面レイアウト設計
装置は、画面レイアウト上の項目に対して、入出力の確
認のためのサンプルデータを入力できる画面確認手段を
備えたことにより、画面の設計時にサンプルデータを入
力し、そのデータを保存することができる。

【００１３】さらに、本発明に係る画面レイアウト設計
装置は、実際のアプリケーションプログラム実行時には
反映されない項目を定義できるダミー項目定義手段を備
えたことにより、実行時に出力位置が可変である項目の
表示の確認や、注釈句の記述が画面レイアウト設計時に
可能となる。

【００１４】さらに、本発明に係る画面レイアウト設計
装置は、複数の同じ種類の項目が、切れ目なく連続して
表示されていても、レイアウトの設計が可能である連続
定義手段を備えたことにより、画面レイアウト上の表示
項目間に空白がなくても項目の表示が可能となる。

【００１５】

【実施例】

実施例１．図１を用いて本発明の一実施例を説明する。
図１において、９０１は設計画面を表示するディスプレ
イなどの表示装置、９０２はコンピュータシステム、９
０３は表示装置９０１に表示される設計画面へレイアウ
ト設計に必要な項目を入力する、キーボードやマウスな
どの入力装置である。本装置は、コンピュータシステム
９０２内において、以下の手段により構成されるもので
ある。９１１は、バイナリファイルを生成する定義情報
生成手段である。このバイナリファイルは、例えば図１
１に示すように、表示位置、表示する内容のタイプと長
さ、属性などの項目群についての情報を格納しているも
のである。９１２は、複数の項目群を選択して表示する
合成表示手段である。９１３は、表示された複数の項目
群を新規の一つの項目群として登録する結合手段であ
る。９１４は、設計した画面レイアウトの入力・表示の
確認を行う画面確認手段である。９１５は、エラーメッ
セージ、注釈句を画面に表示するダミー項目定義手段で
ある。９１６は、複数項目を空白なしで連続して表示す
る連続定義手段である。

【００１６】図２により、画面レイアウト作成の処理の
流れの概要を説明する。まず、設計画面上に項目のタイ
プ、長さを指定して、項目をレイアウトしていき（２０
１）、全ての項目を設定し終えてから、これらの項目を
まとめて１つの項目群として定義する。このとき、各項
目のタイプ、長さ、レイアウト位置などの情報を格納領
域に保持しておく（２０２）。次に、あるアプリケーシ
ョンプログラムにおいて「項目群１を表示後、さらに項
目群２を表示する」などの複数の項目群を合成する場合
（２０３）には、合成表示手段９１２により、すでに設
計してある個々の項目群の中から該当する２つの項目群
を選択することで、１つの画面上に選択した２つの項目
群を合成して表示することができる（２０４）。さら
に、このとき合成表示された２つの項目群を、結合手段
９１３により結合して新たな１つの項目群とすることが
できる（２０５）。この場合には、合成表示されている
項目群のそれぞれの情報を結合することで、新たな１つ
の項目群として定義できることになる（２０６）。ま
た、すでに設計され、項目群の情報がバイナリファイル
に格納済みである画面レイアウトは、画面確認手段９１
４により、動作確認のためにサンプルデータを入力する
ことができる（２０７）。この場合には、入力すべき変
数項目にサンプルデータを入力することで、あたかもア
プリケーションプログラム動作時であるかのように画面
を動作させて、画面の動作の確認をすることが可能であ
る（２０８）。処理の最後には、上記のように設計した
各項目のタイプ、長さ、レイアウト位置などの情報を、
定義情報生成手段９１１により、各項目群ごとに図１１
に示すようなバイナリファイルへ記憶する（２０９）。
この様に、画面設計は、設計過程の全体を通して、実行
画面イメージで設計、編集、確認が行える。

【００１７】次に、合成表示手段９１２の詳細の例を図
３、および図４（Ａ）、（Ｂ）、（Ｃ）を用いて説明す
る。図３は、合成表示手段９１２の処理の流れを示す図
である。図４（Ａ）、（Ｂ）、（Ｃ）は、合成表示手段
９１２の動作を示す画面レイアウトを示す図である。本
実施例では、現在表示中の設計画面上において、複数の
項目群を合成表示する例を示す。まず、現在表示されて
いる設計画面である図４（Ａ）の画面４０１を、合成画
面のもととなるベース画面として定義する（３０１）。
このベース画面４０１には、４０２、４０３の項目で構
成される項目群が存在する。ここで、４０２は数字のみ
入力が可能な数字タイプで５桁の項目、４０３は英字と
数字の入力が可能な英数字タイプで３桁の項目を表すも
のとする。次に、図４（Ｂ）に示すように、ベース画面
４０１とは別の、ベース画面４０１に合成するための第
二の設計画面４０４を選択し、第二の設計画面４０４内
の合成すべき項目群の範囲４０７を設定する（３０
２）。第二の設計画面４０４において、４０５は２バイ
ト系漢字の入力のみが可能な漢字タイプで３桁の項目、
４０６は数字タイプで４桁のうち小数桁２桁の項目を表
している。項目群の設定範囲４０７内の項目４０５、４
０６のレイアウト情報を取得（３０３）した後、このレ
イアウト情報に従い項目群をベース画面４０１上に表示
させ、合成表示画面４０８とする。このとき、合成表示
画面４０８上の２つの項目群は、同一画面上に表示され
ているだけであり、４０２と４０３から成る項目群と、
４０５と４０６から成る項目群とは、あくまでも別個の
項目群である。例えば、このように、アプリケーション
プログラムで、あるタイミングにより複数の項目群を１
つの画面上に表示する場合に、アプリケーションプログ
ラムを実際に稼動する前に、合成手段９１２により合成
表示することにより、２つの項目群の表示の位置関係の
確認ができる。

【００１８】次に、結合手段９１３の例を図５、および
図６（Ａ）、（Ｂ）を用いて説明する。図５は、結合手
段９１３の処理の流れを示す図、図６は、結合前および
結合終了の画面を示す図である。ここでは、前述の合成
表示手段９１２によって合成表示された設計画面を用い
る（図６（Ａ））。項目群の結合の処理では、まず、結
合する項目群の範囲が互いに重なっていないかの判定が
なされる（５０１）。これは複数の項目群をまとめて１
つの項目群として定義するので、同一項目群内の項目同
志の重なりを防ぐためである。図６（Ａ）の例では項目
群６０５と項目群６０６は互いに重なっている部分がな
いため、判定の結果、次の処理へと進む。次に、設計画
面上のレイアウトを確認し、項目群を結合して新しい項
目群として定義する（５０２）。さらに、結合した項目
群６０６のレイアウト情報をベースとなる項目群６０５
のレイアウト情報の格納領域に転記し、これを新しい項
目群６１１の情報として定義する（５０３）。これによ
り、合成表示された項目群６０５、６０６は、図６
（Ｂ）に示すように新しい１つの項目群６１１として結
合されたことになる。このように、結合手段９１３によ
り、既存の項目群を流用して、項目群の結合を行い、新
たな項目群を作成することができる。

【００１９】次に、画面確認手段９１４の例を図７、及
び図８（Ａ）、（Ｂ）、（Ｃ）、（Ｄ）を用いて説明す
る。図７は、画面確認手段９１４の処理の流れを示す
図、図８は、画面確認手段９１４の動作を示す画面レイ
アウトの図である。本実施例では、上述によって設計さ
れた設計画面を流用する（図８（Ａ））。画面確認手段
９１４は、画面上の入力可能な項目にサンプルデータを
入力することができるものである。まず、サンプルデー
タの入力を行う項目８０１をマウス等のポインティング
デバイスにより指定する（７０１）。ここでは、数字タ
イプで５桁の項目８０１を指定している。指定された項
目は、図８（Ｂ）の項目８０５のように、反転あるいは
文字の色が変わるなど、表示形態が指定前とは変化する
ことで、指定されているという状態を示す。次に、指定
された項目のタイプと長さなどの情報を、レイアウトを
格納するバイナリファイルより取得する（７０２）。そ
して、指定された項目８０５に対して、サンプルデータ
として例えば「１２３４５」の入力を図８（Ｃ）の８０
９のように行う（７０３）と、その項目のタイプが数字
タイプであるか、長さが５桁以内であるかのチェックを
バイナリファイルから取得した情報と比べて行い（７０
４）、これにパスしたデータを指定した項目８０５に上
書き表示する（７０５）。上書き表示により、入力を指
定された項目８０５は、図８（Ｄ）のようにサンプルデ
ータを表示した状態となる。図８（Ｄ）は同様に、図８
（Ｃ）の項目８１０（英数字タイプ、３桁）にデータ
「ＡＢＣ」を、項目８１１（漢字タイプ、３桁）にデー
タ「あいう」を、項目８１２（数字タイプ、４桁で小数
桁２桁）にデータ「６７．８」をそれぞれサンプルデー
タとして入力し、表示させた例である。このようにし
て、画面確認手段９１４により、画面設計時にサンプル
データを入力することができるので、実行時の画面のイ
メージを画面設計時に直接確認できる。

【００２０】また、本実施例では、画面確認手段９１４
において、サンプルデータの情報をファイルに格納する
ことが可能である。これにより、一度入力したサンプル
データを、必要に応じてファイルから呼び出し、再び画
面上に表示することが可能である。

【００２１】次に、ダミー項目定義手段９１５の例を、
図９（Ａ）、（Ｂ）を用いて説明する。図９（Ａ）はア
プリケーションプログラム実行時に、出力位置が可変で
ある項目の設計画面の表示例である。項目９０１、９０
２、９０３は、それぞれ英数字タイプで４桁の内容を同
じとする項目であり、例えば、「エラーです」等のメッ
セージのように、アプリケーションプログラム内のある
条件判定に従い、別個に違う位置に出力されるものとす
る。このように、ダミー項目定義手段９１５では、項目
のタイプ、長さ、内容が同一で、その出力位置のみが場
合により異なるような項目については、その項目の全部
または一部を設計画面上に表示して確認することがで
き、ダミー項目として、項目展開のシミュレートが容易
にできる。なお、これらの項目をダミー項目とする旨
は、図２の画面項目の入力時（２０１）にその属性を与
えておく。

【００２２】さらにダミー項目はアプリケーションプロ
グラムに反映されないため、設計画面上の注釈句として
も利用でき、印刷装置より出力すれば、ドキュメントの
整備などが容易になる。図９（Ｂ）は、ダミー項目を注
釈句として使用している場合の画面を示す図である。図
９（Ｂ）の例では、項目９０４、９０５はアプリケーシ
ョンプログラム実行時に出力される項目であるが、項目
９０６「画面番号１」という文字はダミー項目としてダ
ミー項目定義手段９１５により定義されており、アプリ
ケーションプログラム実行時には出力されないものであ
る。

【００２３】続いて、連続定義手段９１６の例を図１０
（Ａ）、（Ｂ）、（Ｃ）、（Ｄ）を用いて説明する。設
計画面上で、例えば、同じタイプの項目を連続して表示
するように設計する場合、本実施例では、その項目同士
の間に１バイト以上の空白を必要としなくとも、項目を
表示するように設計することが可能である。例えば、図
１０（Ａ）のように、まず数字タイプで５桁の項目があ
るとする。この隣に、同じく数字タイプで４桁の項目が
図１０（Ｂ）のように連続して表示されるように設計し
た場合、連続する２つめの項目を図１０（Ｃ）のように
反転表示する。これにより、先に表示されている項目と
その後に連続する項目との間に１バイト以上の空白がな
くとも、それぞれの項目同士の区別がつく。さらに、同
じタイプの項目が２つ以上連続する場合には、図１０
（Ｄ）のように、項目を１つおきに反転表示すること
で、項目同士を区別する。本実施例では、このように、
連続定義手段９１６により、同じタイプの項目を連続し
て画面上に表示することができる設計を可能としてい
る。なお、本実施例では、同じタイプの項目が２つ以上
連続する場合には、項目の１つおきに反転表示となる例
を示したが、これは表示色を変えるものなどでも構わな
い。

【００２４】以下、画面設計の具体例について説明す
る。 数字タイプ（９）の項目 数字タイプの項目を設計する場合は、文字‘９’を使用
する。例えば６バイト長の項目を設計した場合と３バイ
ト長の項目２つを連続して設計した場合とでは区別がつ
かなくなってしまう。 ９９９９９９（６バイト） ９９９９９９（３バイ
ト×２） そこで‘９’の反転文字（以下、ここでは‘９’の反転
文字を‘８’として表現する）を用いてこれに対処す
る。具体的には、‘９’を６回たたいてＥｎｔｅｒキー
を押すと６バイトの項目、‘９’を３回たたいてＥｎｔ
ｅｒキーを押し、連続して‘９’を３回たたいてＥｎｔ
ｅｒキーを押すと２個目の項目を自動的に‘８８８’
（‘９’の反転文字）に変換して表示する。また、この
処理は連続する同一タイプの項目が続く限り行われる。 ９９９８８８９９９８８８９９９８８８（３バイト×
６） 反転文字として漢字タイプ項目‘Ｋ’には‘Ｎ’、英数
字タイプ項目‘Ｘ’には‘Ｙ’を用意し、連続同一タイ
プ項目間の区切りに対処できる。

【００２５】実施例２．本発明の一実施例として、具体
的な画面設計操作について、図１２、図１３を用いて述
べる。図１２（Ａ）、（Ｂ）、（Ｃ）は、合成表示手段
９１２実行の操作の手順を示す図である。以下、説明で
は、テキストとは、項目群のことを意味するものであ
る。まず、合成の処理を開始すると、図１２（Ａ）の
「組み合わせダイアログボックス」が表示される。これ
は、合成するベースとなるテキストに対し、合成するテ
キスト（組み合わせテキスト）を選ぶための操作画面で
ある。本実施例では、ベースとなるテキストが「見出し
テキスト１」１２１であるとする。そして、「その他の
テキスト」１２２のボックスから、合成するテキストを
選択する。例えば、マウスカーソルを動かすことで選択
は可能となり、マウスのクリックにより指定したテキス
トである「明細テキスト」１２３が反転する（図１２
（Ｂ））。次に、「追加」１２４の部分をクリックする
ことで、指定したテキストである「明細テキスト」１２
３は合成されるテキストとして選択されたことになり、
図１２（Ｃ）のように「組み合わせテキスト」１２５の
ボックスに移動する。この後、「設定」１２６をクリッ
クすることにより、合成された設計画面が表示される。

【００２６】上記の操作により合成表示される設計画面
の例として、図１３（Ａ）、（Ｂ）、（Ｃ）を用いて説
明する。例えば、上記の操作により、図１３（Ａ）をベ
ース画面とし、図１３（Ｂ）の画面を組み合わせるよう
な合成の場合には、結果として、図１３（Ｃ）のような
合成画面が表示されることになる。この時、合成するた
めに選択された画面とベース画面との表示内容は、それ
ぞれ違う色で表示されることで、その設計画面が合成さ
れた画面であることがわかるようになっている。

【００２７】合成表示手段９１２により合成画面を表示
した後、その合成画面を結合手段９１３により結合する
場合には、結合の処理を操作において選択する。図１４
は、結合手段９１３による結合の処理を行うための操作
画面を示す図である。図１４に示すように、結合の処理
を選択してテキストの結合（図１４では「統合」という
言葉を使用）を行なうために画面上の「ＯＫ」１４１を
クリックする。これにより、合成表示されている複数の
テキストの情報は結合される。そして、表示画面は結合
が完了すると、ベースのテキストと合成されたテキスト
との表示色は同じ色になる。

【００２８】

【発明の効果】本発明に係る画面レイアウト設計装置
は、定義情報生成手段と、合成表示手段を備えたことに
より、複数の項目群を同一画面上に表示することができ
るので、アプリケーションプログラム実行時に表示され
る項目群同士の位置関係の確認が画面レイアウト設計時
に可能となり、アプリケーションプログラムの生産性を
向上させるものである。

【００２９】さらに、本発明に係る画面レイアウト設計
装置は、結合手段を備えたことにより、複数の項目群を
１つの項目群として定義できるので、既存の項目群を利
用した画面レイアウトの設計が容易に行えるものであ
る。

【００３０】さらに、本発明に係る画面レイアウト設計
装置は、画面確認手段を備えたことにより、サンプルデ
ータの入力、保存が可能となるので、画面レイアウト設
計時に入力項目の表示確認が可能となり、アプリケーシ
ョンプログラムの生産性を向上させるものである。

【００３１】さらに、本発明に係る画面レイアウト設計
装置は、ダミー項目定義手段を備えたことにより、可変
項目の表示確認や、注釈句の記述が可能となるので、画
面の内容を設計時に把握し易くするものである。

【００３２】さらに、本発明に係る画面レイアウト設計
装置は、連続定義手段を備えたことにより、空白なしで
項目の連続表示を可能とするので、画面設計を容易に
し、アプリケーションプログラムの生産性を向上させる
ものである。

【図面の簡単な説明】

【図１】 本発明の一実施例を示す図である。

【図２】 本発明における画面レイアウト作成の処理の
流れの概要を示す図である。

【図３】 本発明における合成表示手段の処理の流れを
示す図である。

【図４】 本発明における合成表示手段の動作を示す画
面レイアウトの図である。

【図５】 本発明における結合手段の処理の流れを示す
図である。

【図６】 本発明における結合手段による結合前、およ
び結合終了の画面を示す図である。

【図７】 本発明における画面確認手段の処理の流れを
示す図である。

【図８】 本発明における画面確認手段の動作を示す画
面レイアウトの図である。

【図９】 本発明におけるダミー項目定義手段の一実施
例を示す図である。

【図１０】 本発明における連続定義手段の一実施例を
示す図である。

【図１１】 本発明におけるバイナリファイルの内容を
示す図である。

【図１２】 本発明における一実施例の合成表示手段実
行の操作の手順を示す図である。

【図１３】 本発明における一実施例の合成表示される
設計画面を示す図である。

【図１４】 本発明における一実施例の結合手段による
結合の処理を行う操作画面を示す図である。

【符号の説明】

９０１ 表示装置、９０２ コンピュータシステム、９
０３ 入力装置、９１１ 定義情報生成手段、９１２
合成表示手段、９１３ 結合手段、９１４ 画面確認手
段、９１５ ダミー項目定義手段、９１６ 連続定義手
段。

Claims (5)

【特許請求の範囲】
1. 【請求項１】 以下の要素を有する画面レイアウト設計
   装置 （ａ）画面レイアウトを構成する項目を入力する入力装
   置、（ｂ）上記入力装置により入力された項目を表示し
   画面レイアウトを表示する表示装置、（ｃ）上記表示装
   置に表示された画面レイアウトに基づいて、画面レイア
   ウトの定義情報を生成する定義情報生成手段、（ｄ）上
   記定義情報生成手段により個々に定義された画面レイア
   ウトを合成して表示する合成表示手段。
2. 【請求項２】 上記画面レイアウト設計装置は、さら
   に、上記定義情報生成手段により個々に定義された画面
   レイアウトを結合して、新たな画面レイアウトとする結
   合手段を備えたことを特徴とする請求項１記載の画面レ
   イアウト設計装置。
3. 【請求項３】 上記画面レイアウト設計装置は、さら
   に、画面レイアウトの項目に対して、サンプルデータを
   入力する画面確認手段を備えたことを特徴とする請求項
   １記載の画面レイアウト設計装置。
4. 【請求項４】 上記画面レイアウト設計装置は、さら
   に、画面レイアウトの利用時には反映されない項目を定
   義するダミー項目定義手段を備えたことを特徴とする請
   求項１記載の画面レイアウト設計装置。
5. 【請求項５】 上記画面レイアウト設計装置は、さら
   に、複数の同一種類の項目を連続させてレイアウトする
   連続定義手段を備えたことを特徴とする請求項１記載の
   画面レイアウト設計装置。