(57)【要約】【課題】条件分岐により複数の画面遷移先がある場合でも、画面遷移の進捗状況をユーザに通知することが可能なシステムを提供することにある。【解決手段】入出力作業領域の遷移関係を分岐を使って表示する手段と、遷移ボタン押下後一定時間内に入力がなければ現在の画面遷移状況を再描画する手段と、遷移ボタン押下後一定時間内に入力があれば入力があった時点で現在の画面遷移状況を再描画する手段とを備えた画面表示システムに特徴がある。【選択図】図１
2010055445.tif 000002
【特許請求の範囲】
【請求項１】
画面表示システムであって、
入出力作業領域の画面遷移状況を、条件分岐を使って表示する手段を備えたことを特徴とする画面表示システム。
【請求項２】
請求項１記載の画面表示システムであって、
入出力作業領域の画面遷移後一定時間内に入出力がなければ画面遷移状況を更新する手段と、
入出力作業領域の画面遷移後一定時間内に入出力があれば入出力があった時点で画面遷移状況を更新する手段と
を備えたことを特徴とする画面表示システム。
【請求項３】
請求項１記載の画面表示システムであって、
表示項目の優先順位で重み付けし描画範囲を算出する手段と、
算出した描画範囲に上下左右の余白を最小限に調整する手段と
を備えたことを特徴とする画面表示システム。
【請求項４】
請求項１記載の画面表示システムであって、
画面遷移の順序を示す結線情報から画面の遷移関係を把握する手段と、
把握した遷移関係を活用し各画面を遷移するためのアイコンを生成する手段と
を備えたことを特徴とする画面表示システム。
【請求項５】
請求項１記載の画面を作成するシステムであって、
結線していることを示すアイコンを操作することで結線している２画面間のデータ遷移を定義する手段と
を備えたことを特徴とする画面作成システム。
【発明の詳細な説明】
【技術分野】
【０００１】
本発明は、画面表示システムに関する。
【背景技術】
【０００２】
複数の画面を遷移する画面表示システムでは、進捗状況をユーザに通知するものが多い。例えば、遷移する各画面タイトルをアイコンで表示し、現在作業中の画面に対応するアイコンの色を変更することで、進捗状況をユーザに通知することが可能である。
【発明の開示】
【発明が解決しようとする課題】
【０００３】
ところで、一般的な技術によれば、画面遷移の進捗状況をユーザに通知することはできるが、条件分岐について配慮されておらず、条件分岐により複数の画面遷移先がある場合に適切に進捗状況をユーザに通知することができない。例えば、「会計」という画面でも、カード払い時と現金払い時で異なる画面を表示したり、あるいはカード払い時と現金払い時の両方に対応した画面構成となってしまう。このように、進捗の粒度が荒くいつもと違う画面であることを通知できない、あるいは不要な情報まで表示してしまう。
本発明の目的は、上述の従来型における問題点に鑑み、条件分岐により複数の画面遷移先がある場合でも、画面遷移の進捗状況をユーザに通知することが可能なシステムを提供することにある。
【課題を解決するための手段】
【０００４】
上記目的を達成するため、請求項１に係る発明は、入出力作業領域の遷移関係を分岐を使って表示する手段とを備えたことを特徴とする。
【０００５】
請求項２に係る発明は、遷移ボタン押下後一定時間内に入出力がなければ現在の画面遷移状況を再描画する手段と、遷移ボタン押下後一定時間内に入出力があれば入出力があった時点で現在の画面遷移状況を再描画する手段とを備えたことを特徴とする。
【０００６】
請求項３に係る発明は、表示項目の優先順位で重み付けし描画範囲を算出する手段と、算出した描画範囲に上下左右の余白を最小限に調整する手段とを備えたことを特徴とする。
【０００７】
請求項４に係る発明は、画面遷移の順序を示す結線情報から画面の遷移関係を把握する手段と、把握した遷移関係を活用し各画面を遷移するためのアイコンを生成する手段とを備えたことを特徴とする。
請求項５に係る発明は、結線していることを示すアイコンを操作することで結線している２画面間のデータ遷移を定義する手段とを備えたことを特徴とする。
【発明の効果】
【０００８】
本発明によれば、条件分岐により複数の画面遷移先がある場合に適切に進捗状況をユーザに通知することが可能な画面表示システムを提供することができる。 
【発明を実施するための最良の形態】
【０００９】
図１、２、３、４、５、６、７、８を使って、請求項１および請求項４に係る実施の例を示す。
【００１０】
図１は、画面表示システムの全体構成である。
【００１１】
コンピュータ１１０は、本システムを実現するコンピュータであり、主記憶装置１１１、ＣＰＵ１１２で構成され、入出力装置１２０とディスク装置１３０が接続される。
【００１２】
主記憶装置１１１には、制御部１１３、表示操作部１１４、データ管理部１１５が含まれる、ディスク装置１３０には、データ部１３１が含まれる。
【００１３】
図２は、本システムの画面表示の例である。画面は手順画面２１０と、主画面２２０で構成される。
【００１４】
手順画面２１０は、部品２１１、２１２、２１３、２１４、２１５、２１６で構成される。各部品はアローでつながれた状態で表示されるものとする。
【００１５】
主画面２２０は、部品２１３で示される年齢入力画面の例である。主画面２２０は、メッセージと共に、入力部品２２２、ボタン２２４、ボタン２２５、ボタン２２６で構成される。
【００１６】
手順画面２１０で、部品２１３の矩形が太い線となっているのは、部品２１３に関連付けられた画面が主画面２２０に表示されていることを示すものとする。ボタン２２５、２２６は、それぞれ、手順画面２１０の部品２１５、２１４と対応するものであり、利用者がボタンをクリックすると、それぞれに該当する部品２１５、２１４に関連付けられた画面に遷移する。
【００１７】
手順画面２１０上のアローは処理の順序を示すものであり、例えば、部品２１３に関連付けられた画面の次には部品２１４又は部品２１５に関連付けられた画面が表示されることを示している。
【００１８】
戻るボタン２２４を利用者がクリックすると、部品２１３の前の画面である部品２１２に関連付けられた画面に遷移する。
【００１９】
このように、手順画面２１０は、主画面に表示する画面の順序を表しており、現在表示している画面に関連する部品を強調表示することで、次にどの画面が表示されるかを利用者に示すものである。
次に、制御部１１３の手順画面の表示処理を説明する。
図６は、制御部１１３の手順画面の表示処理を示すフロー図である。
【００２０】
まず、ノードテーブル３１０の区分３１２から開始のノードを探して描画し、始点４１２とする（Ｓ６０１）。
そして、アローテーブル４１０を検索して始点４１２に対応する終点４１３のノード探す（Ｓ６０２）。
そして、始点４１２のノードとＳ６０３のノードをアローで接続する（Ｓ６０３）。
そして、Ｓ６０２のノードとＳ６０３のアローを描画する（Ｓ６０４）。
【００２１】
そして、Ｓ６０２のノードすべてに対してＳ６０３〜Ｓ６０４を行う（Ｓ６０５）。
そして、Ｓ６０２のノードを始点４１２とし（Ｓ６０６）、Ｓ６０２〜Ｓ６０６を繰り返すことで、全てのノード及びアローを描画する（Ｓ６０７）。
【００２２】
そして、Ｓ６０１のノードを強調表示する（Ｓ６０８）。
次に、制御部１１３の主画面の表示処理を説明する。
図７は、制御部１１３の主画面の表示処理を示すフロー図である。
【００２３】
初期状態では、開始のノードに対応する主画面を表示する。
【００２４】
まず、当該ノードに対応する画面情報を画面情報テーブル５１０から検索し、テキスト１の情報５１３、入力があるかないかの情報５１４、テキスト２の情報５１５を取得する（Ｓ７０１）。
【００２５】
そして、テキスト１の情報５１３をテキスト文として、入力があるかないかの情報５１４がある場合は入力ボックスとして、テキスト２の情報５１５をテキスト文として描画する（Ｓ７０２）。入力があるかないかの情報５１４がない場合は入力ボックスは描画しない。
【００２６】
そして、当該ノードが開始のノードかを調べる（Ｓ７０３）。Ｓ７０３の結果が開始のノードでない場合は主画面の左下に戻るボタン２２４を描画する（Ｓ７０４）。
そして、アローテーブル４１０を検索し、当該ノードを始点４１２とするアローが存在するかどうか調べる（Ｓ７０５）。Ｓ７０５のアローが存在する場合は、Ｓ７０５のアローの数だけボタンを描画する（Ｓ７０６）。ボタン名は、存在するアローの終点４１３をノードＩＤ３１１とするノードの主題３１３を描画する。
【００２７】
次に、次のノードに遷移するボタン（２２５や２２６）をクリックした時の制御部１１３の表示処理を説明する。
【００２８】
図８は、次のノードに遷移するボタン（２２５や２２６）をクリックした時の制御部１１３の表示処理を示すフロー図である。
【００２９】
まず、手順画面の表示処理Ｓ６０８で強調表示したノードを元に戻し、次に遷移するノードを強調表示する（Ｓ８０１）。
【００３０】
そして、主画面の表示処理Ｓ７０１〜Ｓ７０６で、次に遷移するノードの主画面を表示する（Ｓ８０２）。
【００３１】
次に、図９を使って、請求項２に係る実施の例を示す。
【００３２】
次のノードに遷移するボタン（２２５や２２６）をクリックした時の制御部１１３の表示処理以外の要素は請求項１に係る実施の例と同様である。
図９は、次のノードに遷移する時の制御部１１３の表示処理を示すフロー図である。
【００３３】
まず、主画面の表示処理Ｓ７０１〜Ｓ７０６で、次に遷移すべきノードの主画面を表示する（Ｓ９０１）。
【００３４】
そして、一定時間内に入力があったか判定する（Ｓ９０２）。一定時間内に入力があった場合、入力があった時点で手順画面の表示処理Ｓ６０８で強調表示したノードを元に戻し、次に遷移すべきノードを強調表示する（Ｓ９０３）。一定時間内に入力がなかった場合、一定時間内に入力がなかったと判定した時点で手順画面の表示処理Ｓ６０８で強調表示したノードを元に戻し、次に遷移すべきノードを強調表示する（Ｓ９０４）。
【００３５】
次に、図１０、１１を使って、請求項３に係る実施の例を示す。
図１０，１１以外の要素は請求項１に係る実施の例と同様である。  
図１０は、請求項１の制御部１１３の手順画面の表示処理で描画した画像を、手順画面の枠内に表示する場合の描画位置を特定する処理を示すフロー図である。
【００３６】
まず、開始のノードを手順画面の枠上端に配置する（Ｓ１００１）
そして、当該ノードが開始のノードかを判定する（Ｓ１００２）。当該ノードが開始のノードでない場合は、終了画面のノードが手順画面の枠下端に納まるかを判定する（Ｓ１００３）。終了画面のノードが枠下端に納まらない場合、当該ノードの親ノードを枠上端に配置する（Ｓ１００４）。
そして、当該ノードと当該ノードの子ノードのうち最も左側にあるノードを手順画面の枠左端に配置する（Ｓ１００５）。
そして、当該ノードと当該ノードの子ノードのうち最も右側にあるノードが手順画面の右端に納まるかを判定する（Ｓ１００６）。右端に納まらない場合は、当該ノードを左端と右端の中間とする（Ｓ１００７）。
図１１は、手順画面の表示処理で描画した画像を当該ノードを中心に手順画面の枠内に表示した場合と、図１０で描画位置を特定した場合で比較した図を示す。
１１０１は開始のノードを、１１０２は当該ノードの親ノードを、１１０３は当該ノードを、１１０４と１１０６と１１０８は当該ノードの子ノードを、１１０５と１１０７は終了画面のノードを、破線１１０９は当該ノードを中心に手順画面の枠内に表示した場合の手順画面の枠を、実線１１１０は図１０で描画位置を特定した場合の手順画面の枠を示す。
次に、図１２、１３を使って、請求項５に係る実施の例を示す。
図１２は、図２に示す本システムの画面表示の例の手順画面２１０と、ノードテーブル３１０と、アローテーブル４１０を作成するための画面の例である。
【００３７】
画面１２１０は、部品１２１１、１２１２、１２１３、１２１４、１２１５、１２１６と、各部品を結線する１２１７のようなアローで構成される。
図１３は、部品１２１２と部品１２１３間で画面情報テーブルの情報を対応付けるための画面の例である。
画面１３１０は、部品１２１２の画面情報テーブルを示す１３１５と、部品１２１３の画面情報テーブルを示す１３１６と、各画面テーブル情報を選択するための部品１３１７や１３１８と、１３１７と１３１８間でのデータの流れを定義するアロー１３１９からなる。
部品１３１７から部品１３１８に向かってアロー１３１９で結線すると、１３２０の情報を１３２１に渡すことができる。
【図面の簡単な説明】
【００３８】
【図１】図１は、画面表示システムの全体構成図である。
【図２】図２は、本システムの画面表示の例である。
【図３】図３は、ノードテーブルを示す図である。
【図４】図４は、アローテーブルを示す図である。
【図５】図５は、画面情報テーブルを示す図である。
【図６】図６は、制御部１１３の手順画面の表示処理を示すフロー図である。
【図７】図７は、制御部１１３の主画面の表示処理を示すフロー図である。
【図８】図８は、次のノードに遷移するボタンをクリックした時の制御部１１３の表示処理を示すフロー図である。
【図９】図９は、次のノードに遷移する時の制御部１１３の表示処理を示すフロー図である。
【図１０】図１０は、請求項１の制御部１１３の手順画面の表示処理で描画した画像を、手順画面の枠内に表示する場合の描画位置を特定する処理を示すフロー図である。
【図１１】図１１は、手順画面の表示処理で描画した画像を、当該ノードを中心に手順画面の枠内に表示した場合と、図１０で描画位置を特定した場合で比較した図である。
【図１２】図１２は、図２に示す本システムの画面表示の例の手順画面２１０と、ノードテーブル３１０と、アローテーブル４１０を作成するための画面の例である。
【図１３】図１３は、部品１２１２と部品１２１３間で画面情報テーブルの情報を対応付けるための画面の例である。
【図１】
2010055445.tif 000003
【図２】
2010055445.tif 000004
【図３】
2010055445.tif 000005
【図４】
2010055445.tif 000006
【図５】
2010055445.tif 000007
【図６】
2010055445.tif 000008
【図７】
2010055445.tif 000009
【図８】
2010055445.tif 000010
【図９】
2010055445.tif 000011
【図１０】
2010055445.tif 000012
【図１１】
2010055445.tif 000013
【図１２】
2010055445.tif 000014
【図１３】
2010055445.tif 000015