JPH1115620A - 表示様式変更システム及び表示様式変更方法 - Google Patents

Abstract

(57)【要約】 （修正有） 【課題】 熟練者と操作に不慣れな人にも対応可能な統
一性の取れた複数のウエブページの表示画面を記憶容量
を軽減して格納し、かつ簡単に生成できること。 【解決手段】 ウエブサーバー２００に、端末装置１０
０に対応した個別データ２１０と、各種のページ様式を
格納した様式データ２２０と、前記個別データ２１０と
前記様式データ２２０とから所定のウエブ画面５００を
生成する様式生成部２３０と、サーバー制御装置１５０
とを備え、前記様式データ２２０を、ページ様式６２０
の各種の書式を格納した書式データ２２１と、高さ方向
と横方向の少なくとも一方の長さの異なる複数の操作キ
ーまたはガイダンスを格納した要素データ２２２とから
構成し、前記端末装置１００からの要求に基づいて、前
記ウエブサーバー２００で所定のウエブ画面を生成し、
該ウエブ画面を端末装置１００の表示部１１０のウエブ
エリア１１２内に表示させる。

Description

【発明の詳細な説明】

【０００１】

【発明の属する技術分野】本発明は、複数の端末装置と
通信装置を介して接続されるウエブサーバーからウエブ
ページを入手して、前記端末装置の表示部に表示するシ
ステムに係り、特に、前記ウエブページの様式を変更す
る表示様式変更システム及び表示様式変更方法に関する
ものである。

【０００２】

【従来の技術】近年、インターネット、イントラネット
が脚光を浴びている。これらのシステムは複数の端末装
置をサーバーで統括し、該サーバーを介して他のサーバ
ーやウエブサーバー等と通信装置を介して接続するよう
にしている。特に、前記ウエブサーバーでは、メールや
各種のアプリケーションデータを前記端末装置に対応し
て格納し、前記端末装置の要求に基づいて前記データを
各種のウエブページ画面に生成して端末装置の表示画面
に表示するようにしている。

【０００３】前記従来例は、例えば、日立製作所が１９
９６年に発売している日立統合型グループウエア Grou
pmax Verson２（グループマックスＶ２）で開示されて
いる。

【０００４】

【発明が解決しようとする課題】前記したウエブページ
では、ソフトメーカーやシステムメーカ、あるいは一部
機能についてユーザー側の管理者が任意に画面レイアウ
トを変更することができる。しかしながら、表示エリア
の上部には所定の操作エリアがあり、また表示部自体が
横長の表示画面であるために、メール等の通信文が長い
場合は読むために画面をスクロールしなければならな
い。これらの課題を解決するために、前記操作エリアを
小さくして通信文の表示エリアを広くすることが考えら
れるが、操作に不慣れな人への配慮に欠ける。また、操
作の熟練度により複数の画面を用意することが考えられ
るが、様式の異なる画面では相互の互換性や、多くの様
式データを格納するための記憶エリアを用意しなければ
ならない課題が残る。

【０００５】そこで、本発明の目的は、熟練者と操作に
不慣れな人にも対応可能な統一性の取れた複数のウエブ
ページの表示画面を記憶容量を軽減して格納し、かつ簡
単に生成できる表示様式変更システム及び表示様式変更
方法を提供することにある。

【０００６】

【課題を解決するための手段】前記目的を達成するため
に、本発明では、高さ方向と横方向の少なくとも一方の
長さの異なる複数の操作ボタンやガイダンスを用意して
ウエブページの画面を生成することで、ページ内の基本
的なレイアウトを変化させることなく、操作ボタンやガ
イダンスを縦方向や横方向あるいは対角線方向に圧縮ま
たは拡張して、熟練者と操作に不慣れな人にも対応可能
な統一性の取れたウエブ画面を提供する。

【０００７】具体的には、第１の発明に係る表示様式変
更システムでは、表示部と入力装置と記憶装置と端末制
御装置とを備えた端末装置と、複数の前記端末装置と通
信装置を介して接続されるウエブサーバーとから構成
し、前記ウエブサーバーに、前記端末装置に対応した個
別データと、前記表示部のウエブページエリアに表示さ
れる各種のページ様式を格納した様式データと、前記個
別データと前記様式データとから所定のウエブ画面を生
成する様式生成部と、ウエブサーバーを統括するサーバ
ー制御装置とを備え、更に、前記様式データを、ページ
様式の各種の書式を格納した書式データと、高さ方向と
横方向の少なくとも一方の長さの異なる複数の操作キー
またはガイダンスを格納した要素データとから構成し、
前記サーバー制御部が、前記端末装置からの要求に基づ
いて、前記個別データと前記様式データから所定のウエ
ブ画面を生成し、前記端末制御部が、前記入力部からの
要求に基づいて前記ウエブサーバーにウエブ画面を要求
するとともに、前記ウエブサーバーで生成された所定の
ウエブ画面を前記表示部のウエブページエリアに表示す
るようにする。

【０００８】また、第２の発明に係る表示様式変更方法
では、（１）表示部にウエブページエリアを表示するス
テップと、（２）入力部を介して、前記ウエブページエ
リアに表示されるウエブ画面のページ様式の変更を受付
けるステップと、（３）前記変更されたページ様式を通
信装置を介してウエブサーバーに要求するステップと、
（４）前記変更要求に基づいて、書式データに格納され
た各種の書式と、要素データに格納された高さ方向と横
方向の少なくとも一方の長さの異なる複数の操作キーま
たはガイダンスと、個別データに格納された各種のデー
タとから所定のデータを選定し、所定のウエブ画面に生
成するステップと、（５）前記所定のウエブ画面を前記
ウエブサーバーから受取り、前記表示部のウエブページ
エリアに表示するステップとから構成する。

【０００９】本発明に係る他の発明は以下の発明の実施
の形態で明確にされる。

【００１０】

【発明の実施の形態】以下、図１〜図１２を参照して、
本発明に係る実施例を説明する。

【００１１】先ず、システム構成図を示す図１を参照し
て、本発明に係る表示様式変更システムのシステム構成
を説明する。図１において、符号１００で総括的に示す
のは端末装置であり、符号２００で示すのはウエブサー
バーである。図１においては、ウエブサーバー２００に
は複数の端末装置１００が接続されているが、ここでは
便宜上１個の端末装置１００で示している。端末装置１
００は、表示部１１０と入力装置１２０と記憶装置１３
０と通信装置１４０と端末装置１００を統括制御するＣ
ＰＵ（端末制御部）１５０とから構成される。本実施例
では入力部１２０をマウス１２１とキーボード１２２で
構成しているが、リモコン、ペン入力装置、タッチスク
リーン等でもよい。記憶部１４０は、ハードデイスク、
ＦＤＤ、ＣＤ、ＭＯ等の外部記憶装置や端末装置１００
の筐体内に配置される内部ハードデイスクから構成さ
れ、メールソフトや文書作成ソフト等の各種のアプリケ
ーションソフトを格納している。ＣＰＵ１５０は、前記
記憶部１３０から前記各種のアプリケーションソフトを
呼び出してパーソナルコンピュータとしての機能を備え
るとともに、前記通信装置１４０を介してウエブサーバ
ー２００に対し、所定のウエブ画面５００を要求し、該
要求した前記ウエブ画面５００を表示部１１０の表示画
面１１１に表示するウエブページエリア１１２に表示す
ることができる。

【００１２】ウエブサーバー２００は、個別データ２１
０と、書式データ２２１と要素データ２２２から構成さ
れる様式データ２２０と、様式生成部２３０と、通信装
置２４０と、ウエブサーバー２００を統括制御するＣＰ
Ｕ（ウエブサーバー制御部）２５０とから構成される。
個別データ２１０は、メールデータ６１０ａや文書デー
タ６１０ｂあるいは日程データ６１０ｃ等の各種のアプ
リケーションのデータ６１０を格納するものであり、前
記端末装置１００を利用する利用者のＩＤＮＯ．に対応
して、あるいは共通のデイレクトリ（フアイル）として
設定されている。書式データ２２１は、前記端末装置１
００の表示部１１０のウエブページエリア１１２に表示
される各種のアプリケーションソフトの動作表示画面毎
に設定される各種のページ書式６２０（６２０ａ、６２
０ｂ、６３０ｂ）を格納するものである。このページ書
式６２０によれば、操作キーやガイダンスあるいは所定
のウェブ画面５００のレイアウト等が設定される。要素
データ２２２は、操作キー６３０ｃの大きさやガイダン
ス６３０ｂのエリアの大きさ、アイコン６３０ａの形状
等の特定のウエブ画面５００を構成する要素のデータ６
３０を格納している。この実施例では、前記書式データ
２２１に格納されたページ書式１個に対して、高さ方向
の大きさの異なる操作キー６３０ｃやアイコン６３０ａ
またはガイダンス６３０ｂを複数個格納している。この
ため、前記ページ書式６２０と前記操作キー等のデータ
６３０とを組み合わせることにより、１つのページ書式
６２０で操作キー６３０ｃとガイダンス６３ｂ等の要素
のデータ６３０の高さ方向の長さ（高さ）が異なるウエ
ブ画面５００を複数生成することができる。

【００１３】前記様式生成部２３０は、前記書式データ
２２１に格納されたページ書式６２０に、前記要素デー
タ６３０の所定の大きさの操作キー６３０ｃ等の要素の
データ６３０、及び、前記個別データ２２１に格納され
た要求のあった端末装置１００に対応した所定のデータ
を組み合わせてウエブ画面５００を生成する。

【００１４】前記ＣＰＵ２５０は、前記端末装置１００
からの要求に基づいて、要求のあったウエブ画面５００
に対応する各要素を前記個別データ２１０と様式データ
２２０から選定して前記様式生成部２３０で生成して通
信装置２３０を介して前記端末装置１００に発信する操
作を統括制御する。

【００１５】このように、本実施例に係る表示様式変更
システムによれば、１つのページ書式６２０で操作キー
等の要素のデータ６３０の高さ方向の長さ（高さ）が異
なるウエブ画面５００を複数生成することができるの
で、操作キー６３０ｃやガイダンス６３０ｂを大きくし
て分かり易いウエブ画面５００ａ、あるいは操作キー６
３０ｃやガイダンス６３ｂを小さくして目的の個別デー
タ２１０を見易さを向上させたウエブ画面５００ｂ等の
多くの画面様式を提供することができる。このため、端
末装置１００の利用者は、熟練度に対応して好適なウエ
ブ画面５００を選択することができる。しかも、この発
明では、操作キー６３０ｃまたはガイダンス６０ｂの横
幅を一定にして高さ方向の長さを選択するようにしてい
るので、操作キー６３０ｃやガイダンス６３０ｂの左右
方向のレイアウトが変化しないので、ウエブ画面５００
の様式を変更しても操作キー６３０ｃ等の位置違いによ
る戸惑いが軽減される。また、この実施例では、１つの
ページ書式で前記複数のウエブ画面５００が生成される
ので、データ量を少なくすることができる。

【００１６】次に、前記本実施例に係る表示様式変更シ
ステムが採用されているネットワークシステムを図２を
参照してその一実施形態を説明する。図において、太枠
で示した１０００は本実施例に係る表示様式変更システ
ムが採用されているＡ社のイントラネットである。前記
イントラネット１０００は、Ａ社のビル内に構築された
Ａ社本店ネットワーク１１００と、このＡ社本店ネット
ワーク１１００と公衆回線で接続されたＡ社支店ネット
ワーク１２００とから構成される。Ａ社本店ネットワー
ク１１００はサーバー１１１０とウエブサーバー１１２
０と複数の端末装置１１３１、１１３２とから構成され
る。また、前記Ａ社支店ネットワークでは、ウエブサー
バー１２１０と複数の端末装置１２２１、１２２２とか
ら構成される。前記Ａ社本店ネットワーク１１００とＡ
社支店ネットワーク１２００はルータ１１４０と１２３
０を介して公衆回線を利用することで専用線のように接
続している。また、Ａ社本店ネットワーク１１００で
は、サーバー１１１０を介してＰＣネットと接続して、
端末装置１１３１、１１３２と接続することができる。
更に、サーバー１１１０とモデムを介して端末装置１４
００と接続することもできる。更に、Ａ社支店ネットワ
ーク１２００のウエブサーバー１２１０を介してＦＡＸ
１２４１や電話１２４２とも接続することができる。そ
して、Ａ社のイントラネット１０００はFirewall１１５
０を介してＷＷＷサーバー１５００に接続し、インター
ネット１５１０に接続されるＷＷＷクライアント１５２
０、１５３０と接続することができる。なお、前記した
ように、図２で示したネットワークシステムは、一実施
態様であり、本発明に係る表示様式変更システムはこれ
に限定されるものではない。

【００１７】さて、本発明に係る表示様式変更システム
では、図１で示したウエブサーバー２００が、図２で示
すウエブサーバー１１２０あるいは１２１０に対応す
る。また、図１で示した端末装置１００は、図で示す端
末装置１１３１、１１３２、１２２１、１２２２、１３
１０、１４００に対応する。このように、本実施例に係
るＡ社のイントラネット１０００によれば、Ａ社本店ネ
ットワーク１１００とＡ社支店ネットワーク１２００そ
れぞれにウエブサーバー１１２０、１２１０を備えるこ
とで、各ネットワークに接続された端末装置は身近なウ
エブサーバー１１２０、１２１０からウエブ画面５００
を取得することができる。しかも、イントラネット１０
００では複数のウエブサーバー１１２０、１２１０を備
え、それらがネットワークを構成しているので、どの端
末装置からでも所定のウエブサーバーを呼び出して所定
のウエブ画面５００を取得することができる。更に、利
用者のＩＤＮＯ．を登録することにより、ＷＷＷクライ
アント１５２０、１５３０からFirewall１１５０を介し
てウエブサーバー１１２０または１２１０に接続し、所
定のウエブ画面５００を取得することができる。

【００１８】次に、図３〜図５を参照して、本発明に係
る表示様式変更システムのウエブ画面５００の生成方法
を説明する。図３は、前記要素データ２２２に格納され
た操作キー６３０ｃの一実施例を示し、図４は、前記操
作キー６３０ｃを書式データ２２１に格納された所定の
ページ書式６２０に組み合わせた部分拡大図を示し、図
５は書式データ２２１に格納された所定のページ書式６
２０に、前記操作キー６３０ｃ及び個別データ２１０に
格納された所定のデータ６１０を組み合わせたウエブ画
面５００の一実施態様を示している。

【００１９】図３において、この実施例では、要素デー
タ２２２の操作キー６３０ｃに大きさの異なる同一の操
作機能を備えた複数の操作キー５１０ａと５１０ｂを格
納している。操作キー５１０は任意の段階で複数のサイ
ズを切り替えられるようにしておくことが可能である。
この実施例では、操作キーの横幅Ｗを共通にして高さＨ
が異なるように設定している。例えば、操作キー５１０
ａと操作キー５１０ｂは横幅Ｗを同一の長さとし、操作
キー５１０ａの高さＨ１を操作キー５１０ｂの高さＨ２
より大きく設定している。つまり、操作キー５１０ａは
大きな形状としているので、操作キー５１０ａのタイト
ル５１１ａを周囲に平面を備えた見易い表記とすること
ができるとともに、一目で機能が分かる図記号５１２ａ
を表記することができる。一方、操作キー５１０ｂは小
さい形状としているので、機能表示は操作キー５１０ｂ
のタイトル５１１ｂのみとした非常にコンパクトな形状
としている。

【００２０】次に、図４、図５において、前記大きさの
異なる操作キー５１０ａ、５１０ｂとページ書式６２０
及び個別データとの生成について説明する。

【００２１】図４において、前記ページ書式６２０で
は、各操作キー５１０、５２０、５３０、５４０の横方
向のレイアウトを特定するようにする。したがって、大
きな操作キー５１０ａ、５２０ａ、５３０ａ、５４０ａ
を配置したウエブ画面５００ａと小さな操作キー５１０
ｂ、５２０ｂ、５３０ｂ、５４０ｂを配置したウエブ画
面５００ｂでは、全体の横幅Ｗ０が両画面とも共通して
おり、高さ方向がＨ１とＨ２のように圧縮または拡張さ
れたようになる。

【００２２】図５は、大きな操作キー５１０ａ等を配置
したウエブ画面５００ａと、小さな操作キー５１０ｂ等
を配置したウエブ画面５００ｂとを対比したものであ
る。本ウエブ画面５００ａ、５００ｂともページ書式６
２０の所定の書式にしたがって本ウエブ画面５００の最
上部に横一列に配列された複数の操作キーからなる第１
の操作キー群５５０（５５０ａ、５５０ｂ）、次に左右
に並設される個別データ２１０に格納された所定のデー
タの第１のカラムデータ６１１、第２のカラムデータ６
１２、更にその下方に第３のカラムデータ６１３、更に
その下方に横一列に配列された複数の操作キーからなる
第２の操作キー群５６０（５６０ａ、５６０ｂ）、そし
て最下部に第４のカラムデータ６１４を配列するように
設定されている。

【００２３】図５の対比図では、２つのウエブ画面５０
０ａと５００ｂに表示される第１のカラムデータ６１１
〜第４のカラムデータ６１４を同一の分量表示すると仮
定して図示している。図から明らかなように、小さな操
作キー５１０ｂ等を配置したウエブ画面５００ｂは、大
きな操作キー５１０ａ等を配置したウエブ画面５００ａ
より高さＨ３だけ小さくすることができる。即ち、ウエ
ブ画面５００ｂは表示画面１１１に対する大きさを小さ
くすることができるから、表示画面１１１内に他のウイ
ンドウを表示させるスペースを確保することができる。
また逆に言えば、ウエブ画面５００ｂの大きさをウエブ
画面５５ａと同じ大きさに設定すれば、圧縮された高さ
Ｈ３のエリア分だけ個別データ２１０に格納された所定
のデータをたくさん表示することができるから、表示画
面をスクロールする頻度を少なくすることができる。一
方、操作ガイダンスの面から言えば、ウエブ画面５００
ａはウエブ画面５００ｂより、操作ガイダンスのエリア
を広くすることができるから初めての人にも木目細かな
操作性を提供することができる。しかも、ウエブ画面５
００ａとウエブ画面５００ｂは、横方向のレイアウトが
変化しないから、ウエブ画面５５ａを使っていた人がウ
エブ画面５００ｂに切り替えても操作キー等の配置が変
更されないので、どのウエブ画面５００を使うときでも
戸惑うことなく使うことができる。

【００２４】次に、操作フローを示す図６を基に、図１
及びウエブ画面を示す図７〜図１０を参照して表示様式
変更システムを採用したデータ管理システムの表示様式
変更方法を説明する。

【００２５】先ず、図７は本実施例に係る表示様式変更
システムを採用したデータ管理システムの初期画面を示
している。１１３はウエブ画面５００を表示するための
ウインドウであり、該ウインドウ１１３の上部に該ウエ
ブページのプログラムタイトルと基本的な動作を指示す
る操作キーとアドレス等が表示される操作ガイダンスエ
リア１１４が設定され、その下部に前記ウエブページエ
リア１１２が設定される。なお、操作ガイダンスエリア
１１４は詳細を省略して示している。

【００２６】本実施例のデータ管理システムは、図７に
示すウエブページエリア１１２内に表示されるウエブ画
面５００である初期画面１５００から各種のアプリケー
ションのウエブ画面５００をウエブサーバー２００に要
求してウエブページエリア１１２内に表示することがで
きる。図中、１５０１はデータ管理システムのタイトル
表示、１５１０は各種のアプリケーションのウエブ画面
５００を呼び出すための複数の操作キーを横一列に配列
した操作キー群、１５２０は利用者に対応して個別デー
タ２１０から抽出された最新情報を表示する最新情報エ
リア、１５３０は利用者の個別データ２１０から抽出さ
れた日程管理ソフトデータの表示エリアである。

【００２７】この初期画面１５００は前記操作キー群１
５１０の一群に設けられた操作キー１５１１をマウス１
２１でクリックすることで、前記操作キー群１５１０の
各操作キーの大きさを設定することができる。

【００２８】図８は、前記初期画面１５００の操作キー
群１５１０の１つの操作キーをマウス１２１でクリック
してウエブ画面５００であるメール画面１６００ａを呼
び出した状態を示している。このメール画面１６００ａ
を基に表示様式変更システムの動作フローを説明する。
ここで、図８に示すウエブ画面１６００aは大きな操作
キーで生成されている。図中、１６１０はメール画面１
６００の最上部に横一列に配置される第１の操作キー
群、１６２０は上下方向に配列された第２の操作キー
群、１６３０は横１列の操作キーを上下２段に配置した
第３の操作キー群、１６４０は個別データ２１０の受信
データから抽出された受信データ表示エリア、１６５０
は横一列に配列された第４の操作キー群、１１６０は個
別データ２１０の受信データから抽出された受信タイト
ル表示エリア、１６７０は前記受信タイトル表示エリア
１６６０の本文表示エリアである。

【００２９】このメール画面１６００ａによれば、第２
の操作キー群１６２０をマウス１２１でクリックして受
信メールの作成や送信・受信メールを一覧するための他
のウエブ画面５００を表示することができ、更に、第
３、第４の操作キー群１６３０、１６５０をマウス１２
１で操作して送信、検索、転送等の操作を行うことがで
きる。また、受信データ表示エリア１６４０から所定の
受信データを個別データ２１０から抽出して、その内容
を受信タイトル表示エリア１６６０及び本文表示エリア
１６７０に表示する等各種の操作を実行することができ
る。更に、第２の操作キー群１６２０は横方向のスクロ
ールバー１６２１を、受信データ表示エリア１６４０に
は横方向と縦方向のスクロールバー１６４１、１６４２
を、本文表示エリア１６７０は縦方向のスクロールバー
１６７１をそれぞれ設けている。これらのスクロールバ
ーを操作することにより、当該エリアを縦方向または横
方向にスクロールすることができる。

【００３０】さて、図６において、端末装置１００のＣ
ＰＵ１５０はステップ７１０において図８のメール画面
（ウエブ画面）１６００ａを表示部１１０の表示画面１
１１に表示する。そして、ＣＰＵ１５０は第１の操作キ
ー群１６１０の操作キー１６１１をマウス１２１でクリ
ックされることで、ページ様式の変更があるか否かを判
断し（ステップ７２０）、クリック（ＹＥＳ）されれば
ページ様式の変更処理を実行（ステップ７３０）し、ク
リックされなければ（ＮＯ）ページ様式の変更待ち状
態、即ち現在のウエブ画面１６００ａを継続表示する。
ステップ７２０において、ＣＰＵ１５０は操作キー１６
１１がクリックされると図９に示すようにページ様式を
変更するための操作ウインドウ１６８０を表示する。こ
の操作ウインドウ１６８０には操作キーの大きさを選定
する複数の選択キー１６８１と、該選択キー１６８１で
設定された様式を決定するＯＫキー１６８２が設けられ
ている。

【００３１】図８に示す操作ウインドウ１６８０は、図
８のウエブ画面１６００ａを構成する大きな選択キー１
６８１ａが選択されている。この状態で、選択キー１６
８１ｂをマウス１２１でクリックしてＯＫキー１６８２
をクリックすることで、ＣＰＵ１５０は前記選択された
選択キー１６８１ｂの設定内容を要求ページ様式として
記録して、ウエブサーバー２００にウエブ画面１６００
ｂを要求する（ステップ７４０）。なお、この実施例で
は、選択キー１６８１の個数分大きさの異なる操作キー
を備えている。

【００３２】一方、ウエブサーバー２００のＣＰＵ２５
０は、通信装置１４０、２３０を介して前記要求ベージ
様式の変更を受付け（ステップ８１０）、前記要求され
たベージ様式が端末装置１００に既に供給しているウエ
ブ画面１６００ａのページ様式と変更があるか否かを判
断する（ステップ８２０）。前記ページ様式に変更がな
ければ（ＮＯ）、現在のウエブ画面１６００ａを継続表
示するように端末装置１００に返送し、変更があればＣ
ＰＵ２５０の内部記憶に変更内容を記録し（ステップ８
３０）、ページ様式の作成を行う（ステップ８４０）。
ステップ８４０では、ＣＰＵ２５０が、書式データ２２
１から所定のメール受信データ６２０ｂを抽出し、この
ページ様式のデータ６２０ｂに要素データ２２２から抽
出した操作キー６３０ｃの小さい操作キーと、個別デー
タ２１０から抽出したメールデータ６１０ａとを書式生
成部２３０で組み合わせてウエブ画面１６００ｂを生成
し、通信装置２３０、１４０を介して端末装置１００に
作成様式を発信（ステップ８５０）する。端末装置１０
０はウエブサーバー２００からページ様式を受け取り
（ステップ７５０）、図１０に示すような小さな操作キ
ーを備えたウエブ画面１６００ｂを表示武１１０に表示
する（７１０）。

【００３３】なお、ＣＰＵ２５０は、以後、要求のあっ
た端末装置１００からのウエブ画面５００の要求に対
し、前記変更要求がなければ記憶装置に記憶した前記所
定のページ様式で各種のウエブ画面５００を生成する。

【００３４】このように、本実施例によれば、図８に示
すウエブ画面１６００ａでは、各種操作キーが利用者に
認識され易い大きな形状で、しかも分かり易い各種のデ
ザイン処理やガイダンスを付加しているので、操作に不
慣れな利用者に最適な操作環境を提供することができ
る。一方、図１０のウエブ画面１６００ｂでは、図８の
ウエブ画面１６００ｂに対して、最上部に設けた第１の
操作キー群１６１０と第３の操作キー群１６３０と第４
の操作キー群１６５０が上下方向に圧縮され、受信デー
タ表示エリア１６４０と本文表示エリア１６７０が上下
方向に拡大される。このため、受信データ表示エリア１
６４０と本文表示エリア１６７０に多くのデータを表示
することができるから、スクロールバー１６４２や１６
７１の使用頻度を少なくすることができる。したがっ
て、各種操作キーの機能や配置等を知り尽くした操作に
慣れた利用者に、目的とする多くの個別データ２１０を
表示することができる。

【００３５】この実施例では、前記データ表示エリア１
６４０に個別データ２１０に格納された受信データの目
次項目を２行で表示するようにしている。そこで、利用
者の見易さを考慮して図８のウエブ画面１６００ａで
は、各受信データの間に罫線を表示することで、日頃見
慣れた表形式を作成して各受信データを明確に分離する
ようにしている。一方、図１０のウエブ画面１６００ｂ
では、各受信データの背景色を１つおきに変更するよう
にしている。これにより、複数行に跨る１つのデータで
も背景色の違いで各受信データを明確に識別できるとと
もに、罫線を設けるスペースを無くすことができるか
ら、より多くのデータを表示することができる。

【００３６】次に図１１、図１２は、本発明に係る他の
実施例の変更方向を示したものである。

【００３７】前記図１〜図１０において示した実施例で
は、操作キーの横幅を共通にして高さ方向の長さ（高
さ）が異なる複数の操作キーでウエブ画面５００を構成
したが、本実施例ではこれに限定されるものではない。
高さ方向と横方向の少なくとも一方の長さの異なる複数
の操作ボタンやガイダンスを組み合わせて多様なウエブ
画面５００を生成することでもよい。

【００３８】図１１に示す実施例は、ウエブ画面５００
Ｘの高さ方向Ｈのレイアウトを共通にして横幅Ｗが変化
するように操作キーの横幅を設定したものである。図に
おいて、ウエブ画面５００Ｘは、最上部に配置され、複
数の操作キーが横一列に配列される第１の操作キー郡１
９１０と、個別データを表示する第１の表示エリア１９
２０と、複数の操作キーが横一列に配列される第２の操
作キー郡１９３０と、最下部に配置される第２の個別デ
ータを表示する第２の表示エリア１９４０とから構成さ
れる。この実施例の各操作キーは、高さが一定で、横幅
が複数の長さを備えるように設定されている。

【００３９】したがって、横幅の長い操作キーで構成さ
れるウエブ画面５００Ｘの横幅Ｗ１は、横幅の小さな操
作キーで構成されたウエブ画面５００Ｙの横幅Ｗ２より
大きく設定される。即ち、この実施例では、左右方向に
圧縮または拡張されたウエブ画面が提供されるので、例
えば、横幅の狭いウエブ画面５００Ｙを横長の表示画面
１１１に左右２個表示させて作業することができる。ま
た、この実施例では、縦書きの文章を表示させるのに有
効である。この場合、例えば上下配置の操作キー郡と縦
長の個別データ表示エリアを左右方向に並設させるとよ
り有効である。

【００４０】また、図１２に示す実施例は、操作キーの
横幅と高さを同一比率で縮小、拡大した複数の操作キー
を組み合わせてウエブ画面を生成するものである。この
実施例によれば、小さな操作キーから構成されるウエブ
画面５５０Ｑは大きな操作キーから構成されるウエブ画
面５００Ｐより横幅、高さとも小さくすることができる
ので、表示画面１１１に複数個表示させて作業すること
ができる。この場合、前記大きさの変更に合せて個別デ
ータの表示エリア１９２０、１９４０の文字の大きさを
縮小、拡張することでより有効である。

【００４１】なお、前記実施例では、各操作キーあるい
はガイダンスの大きさを縦方向または横方向あるいは両
方に縮小、拡張することでウエブ画面を構成させたが、
例えば、横一列に配列された操作キー郡を１つの操作キ
ーに見立てて縮小、拡張させる複数の操作キー郡から構
成し、これらを所定の書式データと組み合わせてウエブ
画面を生成しても同様な効果を得ることができる。

【００４２】なお、前記実施例で述べた端末装置１００
では、各種のアプリケーションソフトを呼び出してパー
ソナルコンピュータとしての機能を備えるようにした
が、これに限定されるものではない。例えば、メモリ以
外の記憶装置を持たないＮＣと呼ばれる携帯端末装置で
もよい。この携帯端末装置では、サーバー側に接続する
ための最小限のソフトが組み込まれているだけのもので
あり、使用時に、各種のアプリケーションソフトをサー
バーからダウンロードして本実施例に係る端末装置１０
０と同様な作用効果を得ることができる。

【００４３】また、図１で説明した前記実施例では、ウ
エブサーバー２００に様式生成部２３０を設けたが、端
末装置１００に様式生成部２３０を設けて、ウエブサー
バー２００から様式データ２２０と個別データ２１０か
ら各種データを通信装置２３０を介して入手して端末装
置１００側でウエブ画面を生成表示してもも同様な効果
を得ることができる。更に、前記様式データ２２０と個
別データ２１０及び様式生成部２３０を端末装置１００
側の記憶装置１３０に格納して、端末装置１００内で閉
じたシステム構成としてもよい。

【００４４】

【発明の効果】本発明によれば、１つのベージ様式に対
して、高さ方向と横方向の少なくとも一方の長さの異な
る複数の操作ボタンやガイダンスを組み合わせて多様な
ウエブ画面を簡単に生成して表示部に表示することがで
きるので、ページ書式の記憶容量を軽減しながら、ペー
ジ内の基本的なレイアウトが変化させることなく、熟練
者と操作に不慣れな人にも対応可能な統一性の取れたウ
エブ画面を提供することができる。

【図面の簡単な説明】

【図１】本発明に係る表示様式変更システムのシステム
構成図。

【図２】本発明に係る表示様式変更システムのネットワ
ーク構成図。

【図３】本発明に係る表示様式変更システムの前記要素
データに格納された操作キーの一実施例を示す画面図。

【図４】本発明に係る表示様式変更システムの操作キー
を書式データに格納された所定のページ書式に組み合わ
せた部分拡大図。

【図５】本発明に係る表示様式変更システムの書式デー
タに格納された所定のページ書式に、前記操作キー及び
個別データに格納された所定のデータを組み合わせたウ
エブ画面図。

【図６】本発明に係る表示様式変更システムの操作フロ
ー図。

【図７】本発明に係る表示様式変更システムのウエブ画
面図。

【図８】本発明に係る表示様式変更システムのウエブ画
面図。

【図９】本発明に係る表示様式変更システムのウエブ画
面図。

【図１０】本発明に係る表示様式変更システムのウエブ
画面図。

【図１１】本発明に係る表示様式変更システムの他の実
施例のウエブ画面変更説明図。

【図１２】本発明に係る表示様式変更システムの他の実
施例のウエブ画面変更説明図。

【符号の説明】

１００…端末装置、１１０…表示部、１１２…ウエブペ
ージエリア、１２０…入力装置、１３０…記憶装置、１
４０…通信装置、１５０…ＣＰＵ（端末制御部）、２０
０…ウエブサーバー、５００…ウエブ画面、２１０…個
別データ２１０、２２０…様式データ、２２１…書式デ
ータ、２２２…要素データ、２３０…様式生成部、２４
０…通信装置、２５０…ＣＰＵ（ウエブサーバー制御
部）。

───────────────────────────────────────────────────── フロントページの続き (72)発明者 宇津木 慎吾 東京都国分寺市東恋ケ窪一丁目280番地 株式会社日立製作所デザイン研究所内 (72)発明者 花塚 光博 神奈川県横浜市戸塚区戸塚町5030番地 株 式会社日立製作所ソフトウェア開発本部内 (72)発明者 岩村 修 神奈川県横浜市中区尾上町６丁目81番地 日立ソフトウェアエンジニアリング株式会 社内

Claims (7)

【特許請求の範囲】
1. 【請求項１】表示部と入力装置と記憶装置と端末制御装
   置とを備えた端末装置と、複数の前記端末装置と通信装
   置を介して接続されるウエブサーバーとからなり、前記
   ウエブサーバーは、前記端末装置に対応した個別データ
   と、前記表示部のウエブページエリアに表示される各種
   のページ様式を格納した様式データと、前記個別データ
   と前記様式データとから所定のウエブ画面を生成する様
   式生成部と、前記ウエブサーバーを統括するサーバー制
   御装置とを備え、更に、前記様式データは、ページ様式
   の各種の書式を格納した書式データと、高さ方向と横方
   向の少なくとも一方の長さの異なる複数の操作キーまた
   はガイダンスを格納した要素データとから構成され、前
   記サーバー制御部は、前記端末装置からの要求に基づい
   て、前記個別データと前記様式データから所定のウエブ
   画面を生成し、前記端末制御部は、前記入力部からの要
   求に基づいて前記ウエブサーバーに所定のウエブ画面を
   要求するとともに、前記ウエブサーバーで生成された前
   記ウエブ画面を前記表示部の前記ウエブページエリアに
   表示することを特徴とする表示様式変更システム。
2. 【請求項２】前記要素データは、横方向のレイアウトを
   一定にして高さ方向が異なるように設定された複数の操
   作キーまたはガイダンスを格納していることを特徴とす
   る請求項１記載の表示様式変更システム。
3. 【請求項３】以下のステップを備えた表示様式変更方法 （１）表示部にウエブページエリアを表示するステップ （２）入力部を介して、前記ウエブページエリアに表示
   されるウエブ画面のページ様式の変更を受付けるステッ
   プ （３）前記変更されたページ様式を通信装置を介してウ
   エブサーバーに要求するステップ （４）前記変更要求に基づいて、書式データに格納され
   た各種の書式と、要素データに格納された高さ方向と横
   方向の少なくとも一方の長さの異なる複数の操作キーま
   たはガイダンスと、個別データに格納された各種のデー
   タとから所定のデータを選定し、所定のウエブ画面に生
   成するステップ （５）前記所定のウエブ画面を前記ウエブサーバーから
   受取り、前記表示部のウエブページエリアに表示するス
   テップ。
4. 【請求項４】以下のステップを備えた表示様式変更方法 （１）端末装置の表示部にウエブページエリアを表示す
   るステップ （２）入力部を介して、前記ウエブページエリアに表示
   されるウエブ画面のページ様式の変更を受付けるステッ
   プ （３）前記変更されたページ様式を通信装置を介してウ
   エブサーバーに要求するステップ （４）前記端末装置の変更要求を受付け、変更があれば
   記録装置に記憶されたページ様式を更新して要求ページ
   様式とし、変更がなければ前記記憶装置に記憶されたペ
   ージ様式を要求ページ様式とするステップ （５）前記端末装置の要求ページ様式に基づいて、書式
   データに格納された各種の書式と、要素データに格納さ
   れた高さ方向と横方向の少なくとも一方の長さの異なる
   複数の操作キーまたはガイダンスと、個別データに格納
   された各種のデータとから所定のデータを選定し、所定
   のウエブ画面に生成するステップ （６）前記所定のウエブ画面を前記ウエブサーバーから
   受取り、前記表示部のウエブページエリアに表示するス
   テップ。
5. 【請求項５】以下のステップを備えた表示様式変更方法 （１）端末装置の表示部にウエブエリアを表示し、該ウ
   エブエリアにウエブ画面のページ様式を変更する操作エ
   リアを表示するステップ （２）入力部を介して、前記ウエブページエリアに表示
   されるウエブ画面のページ様式の変更を受付けるステッ
   プ （３）前記変更されたページ様式を通信装置を介してウ
   エブサーバーに要求するステップ （４）前記端末装置の変更要求を受付け、変更があれば
   記録装置に記憶されたページ様式を更新して要求ページ
   様式とし、変更がなければ前記記憶装置に記憶されたペ
   ージ様式を要求ページ様式とするステップ （５）前記端末装置の要求ページ様式に基づいて、書式
   データに格納された各種の書式と、要素データに格納さ
   れた高さ方向と横方向の少なくとも一方の長さの異なる
   複数の操作キーまたはガイダンスと、個別データに格納
   された各種のデータとから所定のデータを選定し、所定
   のウエブ画面に生成するステップ （６）記所定のウエブ画面を前記ウエブサーバーから受
   取り、前記表示部のウエブページエリアに表示するステ
   ップ。
6. 【請求項６】以下のステップを備えた表示様式変更方法 （１）端末装置の表示部にウエブエリアを表示し、該ウ
   エブエリアにウエブ画面のページ様式を変更する様式変
   更要求キーを表示するステップ （２）前記様式変更要求キーの押下を入力部を介して受
   付け、前記表示部にウエブ画面のページ様式を変更する
   操作エリアを表示するステップ （３）入力部を介して、前記ウエブページエリアに表示
   されるウエブ画面のページ様式の変更を受付けるステッ
   プ （４）前記変更されたページ様式を通信装置を介してウ
   エブサーバーに要求するステップ （５）前記端末装置の変更要求を受付け、変更があれば
   記録装置に記憶されたページ様式を更新して要求ページ
   様式とし、変更がなければ前記記憶装置に記憶されたペ
   ージ様式を要求ページ様式とするステップ （６）前記端末装置の要求ページ様式に基づいて、書式
   データに格納された各種の書式と、要素データに格納さ
   れた高さ方向と横方向の少なくとも一方の長さの異なる
   複数の操作キーまたはガイダンスと、個別データに格納
   された各種のデータとから所定のデータを選定し、所定
   のウエブ画面に生成するステップ （７）前記所定のウエブ画面を前記ウエブサーバーから
   受取り、前記表示部のウエブページエリアに表示するス
   テップ。
7. 【請求項７】前記要素データに格納されたデータは、横
   方向のレイアウトを一定にして高さ方向が異なるように
   設定された複数の操作キーまたはガイダンスであること
   を特徴とする請求項３〜請求項６記載の何れかの表示様
   式変更方法