JPH1115620A - Display style change system and display style change method - Google Patents
Display style change system and display style change methodInfo
- Publication number
- JPH1115620A JPH1115620A JP17145697A JP17145697A JPH1115620A JP H1115620 A JPH1115620 A JP H1115620A JP 17145697 A JP17145697 A JP 17145697A JP 17145697 A JP17145697 A JP 17145697A JP H1115620 A JPH1115620 A JP H1115620A
- Authority
- JP
- Japan
- Prior art keywords
- web
- format
- data
- page
- stored
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
Landscapes
- Computer And Data Communications (AREA)
- User Interface Of Digital Computer (AREA)
- Digital Computer Display Output (AREA)
- Information Transfer Between Computers (AREA)
Abstract
(57)【要約】 (修正有)
【課題】 熟練者と操作に不慣れな人にも対応可能な統
一性の取れた複数のウエブページの表示画面を記憶容量
を軽減して格納し、かつ簡単に生成できること。
【解決手段】 ウエブサーバー200に、端末装置10
0に対応した個別データ210と、各種のページ様式を
格納した様式データ220と、前記個別データ210と
前記様式データ220とから所定のウエブ画面500を
生成する様式生成部230と、サーバー制御装置150
とを備え、前記様式データ220を、ページ様式620
の各種の書式を格納した書式データ221と、高さ方向
と横方向の少なくとも一方の長さの異なる複数の操作キ
ーまたはガイダンスを格納した要素データ222とから
構成し、前記端末装置100からの要求に基づいて、前
記ウエブサーバー200で所定のウエブ画面を生成し、
該ウエブ画面を端末装置100の表示部110のウエブ
エリア112内に表示させる。
(57) [Summary] (Modifications required) [Problem] Reduced storage capacity for storing multiple web page display screens with uniformity that can be used by experts and those unfamiliar with operation, and are simple Can be generated. SOLUTION: A terminal device 10 is provided in a web server 200.
0, a format data 220 storing various page formats, a format generating unit 230 for generating a predetermined web screen 500 from the individual data 210 and the format data 220, a server control device 150
And the format data 220 is stored in the page format 620.
And format data 221 storing element data 222 storing operation keys or guidances having different lengths in at least one of the height direction and the horizontal direction. A predetermined web screen is generated by the web server 200 based on
The web screen is displayed in the web area 112 of the display unit 110 of the terminal device 100.
Description
【0001】[0001]
【発明の属する技術分野】本発明は、複数の端末装置と
通信装置を介して接続されるウエブサーバーからウエブ
ページを入手して、前記端末装置の表示部に表示するシ
ステムに係り、特に、前記ウエブページの様式を変更す
る表示様式変更システム及び表示様式変更方法に関する
ものである。BACKGROUND OF THE INVENTION 1. Field of the Invention The present invention relates to a system for obtaining a web page from a web server connected to a plurality of terminal devices via a communication device and displaying the web page on a display unit of the terminal device. The present invention relates to a display style change system and a display style change method for changing the style of a web page.
【0002】[0002]
【従来の技術】近年、インターネット、イントラネット
が脚光を浴びている。これらのシステムは複数の端末装
置をサーバーで統括し、該サーバーを介して他のサーバ
ーやウエブサーバー等と通信装置を介して接続するよう
にしている。特に、前記ウエブサーバーでは、メールや
各種のアプリケーションデータを前記端末装置に対応し
て格納し、前記端末装置の要求に基づいて前記データを
各種のウエブページ画面に生成して端末装置の表示画面
に表示するようにしている。2. Description of the Related Art In recent years, the Internet and intranet have been in the spotlight. In these systems, a plurality of terminal devices are controlled by a server, and connected to another server or a web server via the server via the communication device. In particular, the web server stores mail and various application data corresponding to the terminal device, generates the data on various web page screens based on a request from the terminal device, and displays the data on a display screen of the terminal device. It is displayed.
【0003】前記従来例は、例えば、日立製作所が19
96年に発売している日立統合型グループウエア Grou
pmax Verson2(グループマックスV2)で開示されて
いる。[0003] For example, Hitachi, Ltd.
Hitachi integrated groupware Grou released in 1996
It is disclosed in pmax Verson2 (Group Max V2).
【0004】[0004]
【発明が解決しようとする課題】前記したウエブページ
では、ソフトメーカーやシステムメーカ、あるいは一部
機能についてユーザー側の管理者が任意に画面レイアウ
トを変更することができる。しかしながら、表示エリア
の上部には所定の操作エリアがあり、また表示部自体が
横長の表示画面であるために、メール等の通信文が長い
場合は読むために画面をスクロールしなければならな
い。これらの課題を解決するために、前記操作エリアを
小さくして通信文の表示エリアを広くすることが考えら
れるが、操作に不慣れな人への配慮に欠ける。また、操
作の熟練度により複数の画面を用意することが考えられ
るが、様式の異なる画面では相互の互換性や、多くの様
式データを格納するための記憶エリアを用意しなければ
ならない課題が残る。On the above-mentioned web page, a software maker, a system maker, or an administrator on the user side for some functions can arbitrarily change the screen layout. However, since a predetermined operation area is provided above the display area, and the display unit itself is a horizontally long display screen, when a message such as a mail is long, the screen must be scrolled for reading. In order to solve these problems, it is conceivable to reduce the operation area and widen the display area of the message, but it lacks consideration for a person unfamiliar with the operation. In addition, it is conceivable to prepare a plurality of screens depending on the skill level of the operation. However, there is a problem that screens of different styles need to be provided with mutual compatibility and a storage area for storing a lot of style data. .
【0005】そこで、本発明の目的は、熟練者と操作に
不慣れな人にも対応可能な統一性の取れた複数のウエブ
ページの表示画面を記憶容量を軽減して格納し、かつ簡
単に生成できる表示様式変更システム及び表示様式変更
方法を提供することにある。SUMMARY OF THE INVENTION It is an object of the present invention to reduce the storage capacity of a plurality of Web page display screens which can be used by a skilled person and a person unfamiliar with the operation, store the screens, and easily generate them. It is to provide a display format change system and a display format change method that can be performed.
【0006】[0006]
【課題を解決するための手段】前記目的を達成するため
に、本発明では、高さ方向と横方向の少なくとも一方の
長さの異なる複数の操作ボタンやガイダンスを用意して
ウエブページの画面を生成することで、ページ内の基本
的なレイアウトを変化させることなく、操作ボタンやガ
イダンスを縦方向や横方向あるいは対角線方向に圧縮ま
たは拡張して、熟練者と操作に不慣れな人にも対応可能
な統一性の取れたウエブ画面を提供する。In order to achieve the above object, according to the present invention, a plurality of operation buttons and guidances having different lengths in at least one of a height direction and a lateral direction are prepared to display a web page screen. By generating, the operation buttons and guidance can be compressed or expanded vertically, horizontally or diagonally without changing the basic layout in the page, so that it can be handled by experienced users and those who are unfamiliar with operation To provide a web screen with unified uniformity.
【0007】具体的には、第1の発明に係る表示様式変
更システムでは、表示部と入力装置と記憶装置と端末制
御装置とを備えた端末装置と、複数の前記端末装置と通
信装置を介して接続されるウエブサーバーとから構成
し、前記ウエブサーバーに、前記端末装置に対応した個
別データと、前記表示部のウエブページエリアに表示さ
れる各種のページ様式を格納した様式データと、前記個
別データと前記様式データとから所定のウエブ画面を生
成する様式生成部と、ウエブサーバーを統括するサーバ
ー制御装置とを備え、更に、前記様式データを、ページ
様式の各種の書式を格納した書式データと、高さ方向と
横方向の少なくとも一方の長さの異なる複数の操作キー
またはガイダンスを格納した要素データとから構成し、
前記サーバー制御部が、前記端末装置からの要求に基づ
いて、前記個別データと前記様式データから所定のウエ
ブ画面を生成し、前記端末制御部が、前記入力部からの
要求に基づいて前記ウエブサーバーにウエブ画面を要求
するとともに、前記ウエブサーバーで生成された所定の
ウエブ画面を前記表示部のウエブページエリアに表示す
るようにする。Specifically, in the display style changing system according to the first invention, a terminal device including a display unit, an input device, a storage device, and a terminal control device is provided via a plurality of the terminal devices and a communication device. A web server connected to the web server, individual data corresponding to the terminal device, style data storing various page styles displayed in a web page area of the display unit, and the web server. A format generation unit that generates a predetermined web screen from the data and the format data, and a server control device that controls a web server; and further, the format data includes format data storing various formats of a page format. , A plurality of operation keys having different lengths in at least one of the height direction and the horizontal direction or element data storing guidance,
The server control unit generates a predetermined web screen from the individual data and the format data based on a request from the terminal device, and the terminal control unit generates the web server based on a request from the input unit. And a predetermined web screen generated by the web server is displayed in a web page area of the display unit.
【0008】また、第2の発明に係る表示様式変更方法
では、(1)表示部にウエブページエリアを表示するス
テップと、(2)入力部を介して、前記ウエブページエ
リアに表示されるウエブ画面のページ様式の変更を受付
けるステップと、(3)前記変更されたページ様式を通
信装置を介してウエブサーバーに要求するステップと、
(4)前記変更要求に基づいて、書式データに格納され
た各種の書式と、要素データに格納された高さ方向と横
方向の少なくとも一方の長さの異なる複数の操作キーま
たはガイダンスと、個別データに格納された各種のデー
タとから所定のデータを選定し、所定のウエブ画面に生
成するステップと、(5)前記所定のウエブ画面を前記
ウエブサーバーから受取り、前記表示部のウエブページ
エリアに表示するステップとから構成する。Further, in the display style changing method according to the second invention, (1) a step of displaying a web page area on a display unit, and (2) a web displayed on the web page area via an input unit. Receiving a change in the page format of the screen; and (3) requesting the changed page format from a web server via a communication device;
(4) Based on the change request, various formats stored in the format data, a plurality of operation keys or guidances stored in the element data and having different lengths in at least one of the height direction and the horizontal direction, and Selecting predetermined data from various data stored in the data and generating a predetermined web screen, and (5) receiving the predetermined web screen from the web server and storing the predetermined web screen in a web page area of the display unit. And displaying.
【0009】本発明に係る他の発明は以下の発明の実施
の形態で明確にされる。Another invention according to the present invention will be clarified in the following embodiments of the invention.
【0010】[0010]
【発明の実施の形態】以下、図1〜図12を参照して、
本発明に係る実施例を説明する。DETAILED DESCRIPTION OF THE PREFERRED EMBODIMENTS Referring to FIGS.
An embodiment according to the present invention will be described.
【0011】先ず、システム構成図を示す図1を参照し
て、本発明に係る表示様式変更システムのシステム構成
を説明する。図1において、符号100で総括的に示す
のは端末装置であり、符号200で示すのはウエブサー
バーである。図1においては、ウエブサーバー200に
は複数の端末装置100が接続されているが、ここでは
便宜上1個の端末装置100で示している。端末装置1
00は、表示部110と入力装置120と記憶装置13
0と通信装置140と端末装置100を統括制御するC
PU(端末制御部)150とから構成される。本実施例
では入力部120をマウス121とキーボード122で
構成しているが、リモコン、ペン入力装置、タッチスク
リーン等でもよい。記憶部140は、ハードデイスク、
FDD、CD、MO等の外部記憶装置や端末装置100
の筐体内に配置される内部ハードデイスクから構成さ
れ、メールソフトや文書作成ソフト等の各種のアプリケ
ーションソフトを格納している。CPU150は、前記
記憶部130から前記各種のアプリケーションソフトを
呼び出してパーソナルコンピュータとしての機能を備え
るとともに、前記通信装置140を介してウエブサーバ
ー200に対し、所定のウエブ画面500を要求し、該
要求した前記ウエブ画面500を表示部110の表示画
面111に表示するウエブページエリア112に表示す
ることができる。First, a system configuration of a display style changing system according to the present invention will be described with reference to FIG. 1 showing a system configuration diagram. In FIG. 1, a terminal device is generally indicated by reference numeral 100, and a web server is indicated by reference numeral 200. In FIG. 1, a plurality of terminal devices 100 are connected to the web server 200, but here, one terminal device 100 is shown for convenience. Terminal device 1
00 denotes the display unit 110, the input device 120, and the storage device 13
0, the communication device 140, and the terminal device 100, C
And a PU (terminal control unit) 150. In the present embodiment, the input unit 120 is configured by the mouse 121 and the keyboard 122, but may be a remote controller, a pen input device, a touch screen, or the like. The storage unit 140 includes a hard disk,
External storage device such as FDD, CD, MO, etc. and terminal device 100
, Which stores various application software such as mail software and document creation software. The CPU 150 calls up the various types of application software from the storage unit 130 and has a function as a personal computer, and requests a predetermined web screen 500 from the web server 200 via the communication device 140, and makes the request. The web screen 500 can be displayed in a web page area 112 displayed on the display screen 111 of the display unit 110.
【0012】ウエブサーバー200は、個別データ21
0と、書式データ221と要素データ222から構成さ
れる様式データ220と、様式生成部230と、通信装
置240と、ウエブサーバー200を統括制御するCP
U(ウエブサーバー制御部)250とから構成される。
個別データ210は、メールデータ610aや文書デー
タ610bあるいは日程データ610c等の各種のアプ
リケーションのデータ610を格納するものであり、前
記端末装置100を利用する利用者のIDNO.に対応
して、あるいは共通のデイレクトリ(フアイル)として
設定されている。書式データ221は、前記端末装置1
00の表示部110のウエブページエリア112に表示
される各種のアプリケーションソフトの動作表示画面毎
に設定される各種のページ書式620(620a、62
0b、630b)を格納するものである。このページ書
式620によれば、操作キーやガイダンスあるいは所定
のウェブ画面500のレイアウト等が設定される。要素
データ222は、操作キー630cの大きさやガイダン
ス630bのエリアの大きさ、アイコン630aの形状
等の特定のウエブ画面500を構成する要素のデータ6
30を格納している。この実施例では、前記書式データ
221に格納されたページ書式1個に対して、高さ方向
の大きさの異なる操作キー630cやアイコン630a
またはガイダンス630bを複数個格納している。この
ため、前記ページ書式620と前記操作キー等のデータ
630とを組み合わせることにより、1つのページ書式
620で操作キー630cとガイダンス63b等の要素
のデータ630の高さ方向の長さ(高さ)が異なるウエ
ブ画面500を複数生成することができる。The web server 200 stores the individual data 21
0, a format data 220 composed of format data 221 and element data 222, a format generation unit 230, a communication device 240, and a CP for controlling the web server 200.
U (Web server control unit) 250.
The individual data 210 stores data 610 of various applications such as mail data 610a, document data 610b, and schedule data 610c, and stores the ID number of the user who uses the terminal device 100. , Or as a common directory (file). The format data 221 is stored in the terminal 1
00, various page formats 620 (620a, 62) set for each operation display screen of various application software displayed in the web page area 112 of the display unit 110.
0b, 630b). According to the page format 620, operation keys and guidance, a layout of a predetermined web screen 500, and the like are set. The element data 222 is data 6 of elements constituting the specific web screen 500, such as the size of the operation key 630c, the size of the area of the guidance 630b, and the shape of the icon 630a.
30 are stored. In this embodiment, for one page format stored in the format data 221, operation keys 630c and icons 630a having different sizes in the height direction are used.
Alternatively, a plurality of guidances 630b are stored. Therefore, by combining the page format 620 and the data 630 such as the operation keys, the length (height) of the operation key 630c and the data 630 of the element such as the guidance 63b in one page format 620 in the height direction. Can be generated in plurality.
【0013】前記様式生成部230は、前記書式データ
221に格納されたページ書式620に、前記要素デー
タ630の所定の大きさの操作キー630c等の要素の
データ630、及び、前記個別データ221に格納され
た要求のあった端末装置100に対応した所定のデータ
を組み合わせてウエブ画面500を生成する。The format generation unit 230 stores, in the page format 620 stored in the format data 221, element data 630 such as operation keys 630 c of a predetermined size of the element data 630 and the individual data 221. The web screen 500 is generated by combining the stored predetermined data corresponding to the requested terminal device 100.
【0014】前記CPU250は、前記端末装置100
からの要求に基づいて、要求のあったウエブ画面500
に対応する各要素を前記個別データ210と様式データ
220から選定して前記様式生成部230で生成して通
信装置230を介して前記端末装置100に発信する操
作を統括制御する。[0014] The CPU 250 is a terminal device.
Web screen 500 requested based on the request from
Is selected from the individual data 210 and the format data 220, generated by the format generation unit 230, and transmitted to the terminal device 100 via the communication device 230.
【0015】このように、本実施例に係る表示様式変更
システムによれば、1つのページ書式620で操作キー
等の要素のデータ630の高さ方向の長さ(高さ)が異
なるウエブ画面500を複数生成することができるの
で、操作キー630cやガイダンス630bを大きくし
て分かり易いウエブ画面500a、あるいは操作キー6
30cやガイダンス63bを小さくして目的の個別デー
タ210を見易さを向上させたウエブ画面500b等の
多くの画面様式を提供することができる。このため、端
末装置100の利用者は、熟練度に対応して好適なウエ
ブ画面500を選択することができる。しかも、この発
明では、操作キー630cまたはガイダンス60bの横
幅を一定にして高さ方向の長さを選択するようにしてい
るので、操作キー630cやガイダンス630bの左右
方向のレイアウトが変化しないので、ウエブ画面500
の様式を変更しても操作キー630c等の位置違いによ
る戸惑いが軽減される。また、この実施例では、1つの
ページ書式で前記複数のウエブ画面500が生成される
ので、データ量を少なくすることができる。As described above, according to the display style changing system according to the present embodiment, the web screen 500 in which the length (height) of the element data 630 such as operation keys in the height direction differs in one page format 620. Can be generated, so that the operation key 630c and the guidance 630b are enlarged to make it easy to understand the web screen 500a or the operation key 6
Many screen formats such as a web screen 500b in which the size of the guidance 30b and the size of the guidance 63b are reduced to improve the visibility of the target individual data 210 can be provided. Therefore, the user of the terminal device 100 can select a suitable web screen 500 according to the skill level. In addition, in the present invention, since the length in the height direction is selected while keeping the width of the operation keys 630c or the guidance 60b constant, the layout of the operation keys 630c and the guidance 630b in the left-right direction does not change. Screen 500
Is changed, the embarrassment due to the misalignment of the operation keys 630c and the like is reduced. Further, in this embodiment, since the plurality of web screens 500 are generated in one page format, the data amount can be reduced.
【0016】次に、前記本実施例に係る表示様式変更シ
ステムが採用されているネットワークシステムを図2を
参照してその一実施形態を説明する。図において、太枠
で示した1000は本実施例に係る表示様式変更システ
ムが採用されているA社のイントラネットである。前記
イントラネット1000は、A社のビル内に構築された
A社本店ネットワーク1100と、このA社本店ネット
ワーク1100と公衆回線で接続されたA社支店ネット
ワーク1200とから構成される。A社本店ネットワー
ク1100はサーバー1110とウエブサーバー112
0と複数の端末装置1131、1132とから構成され
る。また、前記A社支店ネットワークでは、ウエブサー
バー1210と複数の端末装置1221、1222とか
ら構成される。前記A社本店ネットワーク1100とA
社支店ネットワーク1200はルータ1140と123
0を介して公衆回線を利用することで専用線のように接
続している。また、A社本店ネットワーク1100で
は、サーバー1110を介してPCネットと接続して、
端末装置1131、1132と接続することができる。
更に、サーバー1110とモデムを介して端末装置14
00と接続することもできる。更に、A社支店ネットワ
ーク1200のウエブサーバー1210を介してFAX
1241や電話1242とも接続することができる。そ
して、A社のイントラネット1000はFirewall115
0を介してWWWサーバー1500に接続し、インター
ネット1510に接続されるWWWクライアント152
0、1530と接続することができる。なお、前記した
ように、図2で示したネットワークシステムは、一実施
態様であり、本発明に係る表示様式変更システムはこれ
に限定されるものではない。Next, an embodiment of a network system employing the display style changing system according to the present embodiment will be described with reference to FIG. In the figure, reference numeral 1000 shown by a bold frame denotes an intranet of Company A in which the display style changing system according to the present embodiment is adopted. The intranet 1000 includes a company A main office network 1100 constructed in a company A building, and a company A branch network 1200 connected to the company A main office network 1100 via a public line. Company A head office network 1100 has server 1110 and web server 112
0 and a plurality of terminal devices 1131 and 1132. In addition, the A-company branch network includes a web server 1210 and a plurality of terminal devices 1221 and 1222. Company A head office network 1100 and A
The company branch network 1200 has routers 1140 and 123
The connection is made like a dedicated line by using a public line via the Internet. In addition, the company A head office network 1100 connects to the PC network via the server 1110,
Terminal devices 1131 and 1132 can be connected.
Further, the terminal device 14 is connected to the server 1110 via a modem.
00 can also be connected. Further, the fax is performed via the web server 1210 of the company A branch network 1200.
1241 and telephone 1242 can also be connected. Company A's intranet 1000 is Firewall115
0 and a WWW client 152 connected to the Internet 1510
0, 1530. As described above, the network system shown in FIG. 2 is one embodiment, and the display style changing system according to the present invention is not limited to this.
【0017】さて、本発明に係る表示様式変更システム
では、図1で示したウエブサーバー200が、図2で示
すウエブサーバー1120あるいは1210に対応す
る。また、図1で示した端末装置100は、図で示す端
末装置1131、1132、1221、1222、13
10、1400に対応する。このように、本実施例に係
るA社のイントラネット1000によれば、A社本店ネ
ットワーク1100とA社支店ネットワーク1200そ
れぞれにウエブサーバー1120、1210を備えるこ
とで、各ネットワークに接続された端末装置は身近なウ
エブサーバー1120、1210からウエブ画面500
を取得することができる。しかも、イントラネット10
00では複数のウエブサーバー1120、1210を備
え、それらがネットワークを構成しているので、どの端
末装置からでも所定のウエブサーバーを呼び出して所定
のウエブ画面500を取得することができる。更に、利
用者のIDNO.を登録することにより、WWWクライ
アント1520、1530からFirewall1150を介し
てウエブサーバー1120または1210に接続し、所
定のウエブ画面500を取得することができる。In the display style changing system according to the present invention, the web server 200 shown in FIG. 1 corresponds to the web server 1120 or 1210 shown in FIG. The terminal device 100 shown in FIG. 1 is the same as the terminal devices 1131, 1132, 1221, 1222, and 13 shown in FIG.
10, 1400. As described above, according to the intranet 1000 of the company A according to the present embodiment, by providing the web servers 1120 and 1210 in the company A main office network 1100 and the company A branch network 1200, respectively, the terminal device connected to each network can Web screen 500 from familiar web servers 1120 and 1210
Can be obtained. Moreover, the intranet 10
In 00, a plurality of web servers 1120 and 1210 are provided and form a network. Therefore, a predetermined web server can be called from any terminal device to obtain a predetermined web screen 500. Further, the user's ID NO. Is registered, the WWW clients 1520 and 1530 can connect to the web server 1120 or 1210 via the firewall 1150 and acquire a predetermined web screen 500.
【0018】次に、図3〜図5を参照して、本発明に係
る表示様式変更システムのウエブ画面500の生成方法
を説明する。図3は、前記要素データ222に格納され
た操作キー630cの一実施例を示し、図4は、前記操
作キー630cを書式データ221に格納された所定の
ページ書式620に組み合わせた部分拡大図を示し、図
5は書式データ221に格納された所定のページ書式6
20に、前記操作キー630c及び個別データ210に
格納された所定のデータ610を組み合わせたウエブ画
面500の一実施態様を示している。Next, a method of generating the web screen 500 of the display style changing system according to the present invention will be described with reference to FIGS. FIG. 3 shows an embodiment of the operation keys 630c stored in the element data 222. FIG. 4 is a partially enlarged view in which the operation keys 630c are combined with a predetermined page format 620 stored in the format data 221. FIG. 5 shows a predetermined page format 6 stored in the format data 221.
20 shows one embodiment of the web screen 500 in which the operation keys 630c and the predetermined data 610 stored in the individual data 210 are combined.
【0019】図3において、この実施例では、要素デー
タ222の操作キー630cに大きさの異なる同一の操
作機能を備えた複数の操作キー510aと510bを格
納している。操作キー510は任意の段階で複数のサイ
ズを切り替えられるようにしておくことが可能である。
この実施例では、操作キーの横幅Wを共通にして高さH
が異なるように設定している。例えば、操作キー510
aと操作キー510bは横幅Wを同一の長さとし、操作
キー510aの高さH1を操作キー510bの高さH2
より大きく設定している。つまり、操作キー510aは
大きな形状としているので、操作キー510aのタイト
ル511aを周囲に平面を備えた見易い表記とすること
ができるとともに、一目で機能が分かる図記号512a
を表記することができる。一方、操作キー510bは小
さい形状としているので、機能表示は操作キー510b
のタイトル511bのみとした非常にコンパクトな形状
としている。In FIG. 3, in this embodiment, a plurality of operation keys 510a and 510b having the same operation function of different sizes are stored in the operation key 630c of the element data 222. The operation key 510 can be switched between a plurality of sizes at any stage.
In this embodiment, the operation key has a common width W and a height H.
Are set differently. For example, the operation key 510
a and the operation key 510b have the same width W, and the height H1 of the operation key 510a is changed to the height H2 of the operation key 510b.
It is set larger. That is, since the operation key 510a has a large shape, the title 511a of the operation key 510a can be displayed in an easy-to-read notation having a plane around the key 510a, and the function can be understood at a glance.
Can be written. On the other hand, since the operation key 510b has a small shape, the function display is
Is very compact with only the title 511b.
【0020】次に、図4、図5において、前記大きさの
異なる操作キー510a、510bとページ書式620
及び個別データとの生成について説明する。Next, referring to FIGS. 4 and 5, the operation keys 510a and 510b having different sizes and the page format 620 will be described.
And generation of individual data will be described.
【0021】図4において、前記ページ書式620で
は、各操作キー510、520、530、540の横方
向のレイアウトを特定するようにする。したがって、大
きな操作キー510a、520a、530a、540a
を配置したウエブ画面500aと小さな操作キー510
b、520b、530b、540bを配置したウエブ画
面500bでは、全体の横幅W0が両画面とも共通して
おり、高さ方向がH1とH2のように圧縮または拡張さ
れたようになる。In FIG. 4, in the page format 620, the layout of the operation keys 510, 520, 530, and 540 in the horizontal direction is specified. Therefore, large operation keys 510a, 520a, 530a, 540a
Screen 500a on which is arranged and small operation keys 510
b, 520b, 530b, and 540b are arranged on the web screen 500b, the overall width W0 is common to both screens, and the height direction is compressed or expanded like H1 and H2.
【0022】図5は、大きな操作キー510a等を配置
したウエブ画面500aと、小さな操作キー510b等
を配置したウエブ画面500bとを対比したものであ
る。本ウエブ画面500a、500bともページ書式6
20の所定の書式にしたがって本ウエブ画面500の最
上部に横一列に配列された複数の操作キーからなる第1
の操作キー群550(550a、550b)、次に左右
に並設される個別データ210に格納された所定のデー
タの第1のカラムデータ611、第2のカラムデータ6
12、更にその下方に第3のカラムデータ613、更に
その下方に横一列に配列された複数の操作キーからなる
第2の操作キー群560(560a、560b)、そし
て最下部に第4のカラムデータ614を配列するように
設定されている。FIG. 5 shows a comparison between a web screen 500a on which large operation keys 510a and the like are arranged and a web screen 500b on which small operation keys 510b and the like are arranged. Page format 6 for both web screens 500a and 500b
20. A first format including a plurality of operation keys arranged in a horizontal line at the top of the web screen 500 according to a predetermined format
Operation key group 550 (550a, 550b), first column data 611 and second column data 6 of predetermined data stored in individual data 210 arranged next to the left and right.
12, further below the third column data 613, further below the second operation key group 560 (560a, 560b) composed of a plurality of operation keys arranged in a horizontal line, and further below the fourth column The data 614 is set to be arranged.
【0023】図5の対比図では、2つのウエブ画面50
0aと500bに表示される第1のカラムデータ611
〜第4のカラムデータ614を同一の分量表示すると仮
定して図示している。図から明らかなように、小さな操
作キー510b等を配置したウエブ画面500bは、大
きな操作キー510a等を配置したウエブ画面500a
より高さH3だけ小さくすることができる。即ち、ウエ
ブ画面500bは表示画面111に対する大きさを小さ
くすることができるから、表示画面111内に他のウイ
ンドウを表示させるスペースを確保することができる。
また逆に言えば、ウエブ画面500bの大きさをウエブ
画面55aと同じ大きさに設定すれば、圧縮された高さ
H3のエリア分だけ個別データ210に格納された所定
のデータをたくさん表示することができるから、表示画
面をスクロールする頻度を少なくすることができる。一
方、操作ガイダンスの面から言えば、ウエブ画面500
aはウエブ画面500bより、操作ガイダンスのエリア
を広くすることができるから初めての人にも木目細かな
操作性を提供することができる。しかも、ウエブ画面5
00aとウエブ画面500bは、横方向のレイアウトが
変化しないから、ウエブ画面55aを使っていた人がウ
エブ画面500bに切り替えても操作キー等の配置が変
更されないので、どのウエブ画面500を使うときでも
戸惑うことなく使うことができる。In the comparison diagram of FIG. 5, two web screens 50 are displayed.
First column data 611 displayed on 0a and 500b
It is assumed that the fourth to fourth column data 614 are displayed in the same amount. As is apparent from the figure, the web screen 500b on which the small operation keys 510b and the like are arranged is different from the web screen 500a on which the large operation keys 510a and the like are arranged.
It can be smaller by the height H3. That is, since the size of the web screen 500b with respect to the display screen 111 can be reduced, a space for displaying another window in the display screen 111 can be secured.
Conversely, if the size of the web screen 500b is set to the same size as the web screen 55a, a large amount of predetermined data stored in the individual data 210 can be displayed by the area of the compressed height H3. Therefore, the frequency of scrolling the display screen can be reduced. On the other hand, in terms of operation guidance, the web screen 500
In a, since the operation guidance area can be made wider than the web screen 500b, even the first person can be provided with fine-grained operability. Besides, web screen 5
Since the horizontal layout does not change between 00a and the web screen 500b, the arrangement of the operation keys and the like is not changed even if the person using the web screen 55a switches to the web screen 500b. We can use without being confused.
【0024】次に、操作フローを示す図6を基に、図1
及びウエブ画面を示す図7〜図10を参照して表示様式
変更システムを採用したデータ管理システムの表示様式
変更方法を説明する。Next, based on FIG. 6 showing the operation flow, FIG.
A display format change method of a data management system employing a display format change system will be described with reference to FIGS.
【0025】先ず、図7は本実施例に係る表示様式変更
システムを採用したデータ管理システムの初期画面を示
している。113はウエブ画面500を表示するための
ウインドウであり、該ウインドウ113の上部に該ウエ
ブページのプログラムタイトルと基本的な動作を指示す
る操作キーとアドレス等が表示される操作ガイダンスエ
リア114が設定され、その下部に前記ウエブページエ
リア112が設定される。なお、操作ガイダンスエリア
114は詳細を省略して示している。First, FIG. 7 shows an initial screen of a data management system employing the display style changing system according to the present embodiment. Reference numeral 113 denotes a window for displaying the web screen 500. At the top of the window 113, an operation guidance area 114 in which a program title of the web page, operation keys for instructing basic operations, addresses, and the like are displayed is set. The web page area 112 is set below the web page area 112. The operation guidance area 114 is not shown in detail.
【0026】本実施例のデータ管理システムは、図7に
示すウエブページエリア112内に表示されるウエブ画
面500である初期画面1500から各種のアプリケー
ションのウエブ画面500をウエブサーバー200に要
求してウエブページエリア112内に表示することがで
きる。図中、1501はデータ管理システムのタイトル
表示、1510は各種のアプリケーションのウエブ画面
500を呼び出すための複数の操作キーを横一列に配列
した操作キー群、1520は利用者に対応して個別デー
タ210から抽出された最新情報を表示する最新情報エ
リア、1530は利用者の個別データ210から抽出さ
れた日程管理ソフトデータの表示エリアである。The data management system according to the present embodiment requests the web server 200 from the initial screen 1500 which is the web screen 500 displayed in the web page area 112 shown in FIG. It can be displayed in the page area 112. In the figure, 1501 is a title display of the data management system, 1510 is an operation key group in which a plurality of operation keys for calling the web screen 500 of various applications are arranged in a horizontal line, and 1520 is individual data 210 corresponding to the user. 1530 is a display area for displaying schedule management software data extracted from the individual data 210 of the user.
【0027】この初期画面1500は前記操作キー群1
510の一群に設けられた操作キー1511をマウス1
21でクリックすることで、前記操作キー群1510の
各操作キーの大きさを設定することができる。The initial screen 1500 displays the operation key group 1
Operation keys 1511 provided in a group of 510
By clicking at 21, the size of each operation key of the operation key group 1510 can be set.
【0028】図8は、前記初期画面1500の操作キー
群1510の1つの操作キーをマウス121でクリック
してウエブ画面500であるメール画面1600aを呼
び出した状態を示している。このメール画面1600a
を基に表示様式変更システムの動作フローを説明する。
ここで、図8に示すウエブ画面1600aは大きな操作
キーで生成されている。図中、1610はメール画面1
600の最上部に横一列に配置される第1の操作キー
群、1620は上下方向に配列された第2の操作キー
群、1630は横1列の操作キーを上下2段に配置した
第3の操作キー群、1640は個別データ210の受信
データから抽出された受信データ表示エリア、1650
は横一列に配列された第4の操作キー群、1160は個
別データ210の受信データから抽出された受信タイト
ル表示エリア、1670は前記受信タイトル表示エリア
1660の本文表示エリアである。FIG. 8 shows a state in which one of the operation keys of the operation key group 1510 on the initial screen 1500 is clicked with the mouse 121 to call the mail screen 1600a as the web screen 500. This mail screen 1600a
The operation flow of the display style changing system will be described based on FIG.
Here, the web screen 1600a shown in FIG. 8 is generated with large operation keys. In the figure, 1610 is the mail screen 1
A first operation key group arranged in a horizontal line at the top of 600, a second operation key group 1620 arranged in a vertical direction, and 1630 a third operation key group arranged in an upper and lower two rows in a horizontal row An operation key group 1640 is a reception data display area extracted from the reception data of the individual data 210, 1650.
Denotes a fourth operation key group arranged in a horizontal line, 1160 denotes a reception title display area extracted from the reception data of the individual data 210, and 1670 denotes a text display area of the reception title display area 1660.
【0029】このメール画面1600aによれば、第2
の操作キー群1620をマウス121でクリックして受
信メールの作成や送信・受信メールを一覧するための他
のウエブ画面500を表示することができ、更に、第
3、第4の操作キー群1630、1650をマウス12
1で操作して送信、検索、転送等の操作を行うことがで
きる。また、受信データ表示エリア1640から所定の
受信データを個別データ210から抽出して、その内容
を受信タイトル表示エリア1660及び本文表示エリア
1670に表示する等各種の操作を実行することができ
る。更に、第2の操作キー群1620は横方向のスクロ
ールバー1621を、受信データ表示エリア1640に
は横方向と縦方向のスクロールバー1641、1642
を、本文表示エリア1670は縦方向のスクロールバー
1671をそれぞれ設けている。これらのスクロールバ
ーを操作することにより、当該エリアを縦方向または横
方向にスクロールすることができる。According to the mail screen 1600a, the second
Click on the operation key group 1620 with the mouse 121 to display another web screen 500 for creating a received mail and listing transmitted / received mail, and further, a third and a fourth operation key group 1630 , 1650 with mouse 12
1 to perform operations such as transmission, search, and transfer. Also, various operations such as extracting predetermined reception data from the reception data display area 1640 from the individual data 210 and displaying the contents in the reception title display area 1660 and the text display area 1670 can be executed. Further, the second operation key group 1620 has a horizontal scroll bar 1621, and the reception data display area 1640 has horizontal and vertical scroll bars 1641 and 1642.
The text display area 1670 is provided with a vertical scroll bar 1671. By operating these scroll bars, the area can be scrolled vertically or horizontally.
【0030】さて、図6において、端末装置100のC
PU150はステップ710において図8のメール画面
(ウエブ画面)1600aを表示部110の表示画面1
11に表示する。そして、CPU150は第1の操作キ
ー群1610の操作キー1611をマウス121でクリ
ックされることで、ページ様式の変更があるか否かを判
断し(ステップ720)、クリック(YES)されれば
ページ様式の変更処理を実行(ステップ730)し、ク
リックされなければ(NO)ページ様式の変更待ち状
態、即ち現在のウエブ画面1600aを継続表示する。
ステップ720において、CPU150は操作キー16
11がクリックされると図9に示すようにページ様式を
変更するための操作ウインドウ1680を表示する。こ
の操作ウインドウ1680には操作キーの大きさを選定
する複数の選択キー1681と、該選択キー1681で
設定された様式を決定するOKキー1682が設けられ
ている。Now, referring to FIG.
PU 150 displays the mail screen (web screen) 1600a of FIG.
11 is displayed. Then, CPU 150 determines whether or not there is a change in the page format by clicking operation key 1611 of first operation key group 1610 with mouse 121 (step 720). The style change processing is executed (step 730), and if not clicked (NO), the page style change waiting state, that is, the current web screen 1600a is continuously displayed.
In step 720, the CPU 150
When 11 is clicked, an operation window 1680 for changing the page style is displayed as shown in FIG. The operation window 1680 is provided with a plurality of selection keys 1681 for selecting the size of the operation keys, and an OK key 1682 for determining the style set by the selection keys 1681.
【0031】図8に示す操作ウインドウ1680は、図
8のウエブ画面1600aを構成する大きな選択キー1
681aが選択されている。この状態で、選択キー16
81bをマウス121でクリックしてOKキー1682
をクリックすることで、CPU150は前記選択された
選択キー1681bの設定内容を要求ページ様式として
記録して、ウエブサーバー200にウエブ画面1600
bを要求する(ステップ740)。なお、この実施例で
は、選択キー1681の個数分大きさの異なる操作キー
を備えている。The operation window 1680 shown in FIG. 8 is a large selection key 1 constituting the web screen 1600a of FIG.
681a is selected. In this state, select key 16
81b with the mouse 121 and click the OK key 1682
By clicking, the CPU 150 records the setting contents of the selected selection key 1681b as a requested page format, and stores the web screen 1600 on the web server 200.
b (step 740). In this embodiment, operation keys having different sizes by the number of selection keys 1681 are provided.
【0032】一方、ウエブサーバー200のCPU25
0は、通信装置140、230を介して前記要求ベージ
様式の変更を受付け(ステップ810)、前記要求され
たベージ様式が端末装置100に既に供給しているウエ
ブ画面1600aのページ様式と変更があるか否かを判
断する(ステップ820)。前記ページ様式に変更がな
ければ(NO)、現在のウエブ画面1600aを継続表
示するように端末装置100に返送し、変更があればC
PU250の内部記憶に変更内容を記録し(ステップ8
30)、ページ様式の作成を行う(ステップ840)。
ステップ840では、CPU250が、書式データ22
1から所定のメール受信データ620bを抽出し、この
ページ様式のデータ620bに要素データ222から抽
出した操作キー630cの小さい操作キーと、個別デー
タ210から抽出したメールデータ610aとを書式生
成部230で組み合わせてウエブ画面1600bを生成
し、通信装置230、140を介して端末装置100に
作成様式を発信(ステップ850)する。端末装置10
0はウエブサーバー200からページ様式を受け取り
(ステップ750)、図10に示すような小さな操作キ
ーを備えたウエブ画面1600bを表示武110に表示
する(710)。On the other hand, the CPU 25 of the web server 200
0 accepts the change in the requested page format via the communication devices 140 and 230 (step 810), and the requested page format is changed from the page format of the web screen 1600a already supplied to the terminal device 100. It is determined whether or not this is the case (step 820). If there is no change in the page format (NO), it is returned to the terminal device 100 so that the current web screen 1600a is continuously displayed.
The contents of the change are recorded in the internal storage of the PU 250 (step 8).
30), a page format is created (step 840).
In step 840, the CPU 250
1, the predetermined mail reception data 620b is extracted from the format generation unit 230. The page format data 620b includes the small operation key 630c extracted from the element data 222 and the mail data 610a extracted from the individual data 210 in the page format data 620b. A web screen 1600b is generated in combination, and a creation format is transmitted to the terminal device 100 via the communication devices 230 and 140 (step 850). Terminal device 10
0 receives the page format from the web server 200 (step 750), and displays a web screen 1600b having small operation keys as shown in FIG. 10 on the display 110 (710).
【0033】なお、CPU250は、以後、要求のあっ
た端末装置100からのウエブ画面500の要求に対
し、前記変更要求がなければ記憶装置に記憶した前記所
定のページ様式で各種のウエブ画面500を生成する。In addition, after that, in response to the request for the web screen 500 from the terminal device 100 that has made the request, the CPU 250 displays the various web screens 500 in the predetermined page format stored in the storage device if there is no change request. Generate.
【0034】このように、本実施例によれば、図8に示
すウエブ画面1600aでは、各種操作キーが利用者に
認識され易い大きな形状で、しかも分かり易い各種のデ
ザイン処理やガイダンスを付加しているので、操作に不
慣れな利用者に最適な操作環境を提供することができ
る。一方、図10のウエブ画面1600bでは、図8の
ウエブ画面1600bに対して、最上部に設けた第1の
操作キー群1610と第3の操作キー群1630と第4
の操作キー群1650が上下方向に圧縮され、受信デー
タ表示エリア1640と本文表示エリア1670が上下
方向に拡大される。このため、受信データ表示エリア1
640と本文表示エリア1670に多くのデータを表示
することができるから、スクロールバー1642や16
71の使用頻度を少なくすることができる。したがっ
て、各種操作キーの機能や配置等を知り尽くした操作に
慣れた利用者に、目的とする多くの個別データ210を
表示することができる。As described above, according to this embodiment, on the web screen 1600a shown in FIG. 8, various operation keys have a large shape that can be easily recognized by the user, and various design processes and guidance that are easy to understand are added. Therefore, it is possible to provide an optimal operation environment for a user who is unfamiliar with the operation. On the other hand, on the web screen 1600b in FIG. 10, the first operation key group 1610, the third operation key group 1630, and the fourth
The operation key group 1650 is vertically compressed, and the received data display area 1640 and the text display area 1670 are vertically enlarged. Therefore, the reception data display area 1
Since a large amount of data can be displayed in the 640 and the text display area 1670, the scroll bars 1642 and 1642 can be displayed.
71 can be used less frequently. Therefore, a lot of desired individual data 210 can be displayed to a user who is accustomed to an operation who is familiar with the functions and arrangements of various operation keys.
【0035】この実施例では、前記データ表示エリア1
640に個別データ210に格納された受信データの目
次項目を2行で表示するようにしている。そこで、利用
者の見易さを考慮して図8のウエブ画面1600aで
は、各受信データの間に罫線を表示することで、日頃見
慣れた表形式を作成して各受信データを明確に分離する
ようにしている。一方、図10のウエブ画面1600b
では、各受信データの背景色を1つおきに変更するよう
にしている。これにより、複数行に跨る1つのデータで
も背景色の違いで各受信データを明確に識別できるとと
もに、罫線を設けるスペースを無くすことができるか
ら、より多くのデータを表示することができる。In this embodiment, the data display area 1
At 640, the table of contents items of the received data stored in the individual data 210 is displayed in two lines. In view of the user's viewability, the web screen 1600a of FIG. 8 displays ruled lines between the received data to create a familiar table format and clearly separate the received data. Like that. On the other hand, the web screen 1600b of FIG.
Thus, the background color of each received data is changed every other data. This makes it possible to clearly identify each piece of received data based on a difference in background color even with one piece of data extending over a plurality of rows, and to eliminate a space for providing a ruled line, so that more data can be displayed.
【0036】次に図11、図12は、本発明に係る他の
実施例の変更方向を示したものである。Next, FIGS. 11 and 12 show a change direction of another embodiment according to the present invention.
【0037】前記図1〜図10において示した実施例で
は、操作キーの横幅を共通にして高さ方向の長さ(高
さ)が異なる複数の操作キーでウエブ画面500を構成
したが、本実施例ではこれに限定されるものではない。
高さ方向と横方向の少なくとも一方の長さの異なる複数
の操作ボタンやガイダンスを組み合わせて多様なウエブ
画面500を生成することでもよい。In the embodiment shown in FIGS. 1 to 10, the web screen 500 is composed of a plurality of operation keys having different widths (heights) in the height direction while the width of the operation keys is common. The embodiment is not limited to this.
Various web screens 500 may be generated by combining a plurality of operation buttons or guidances having different lengths in at least one of the height direction and the horizontal direction.
【0038】図11に示す実施例は、ウエブ画面500
Xの高さ方向Hのレイアウトを共通にして横幅Wが変化
するように操作キーの横幅を設定したものである。図に
おいて、ウエブ画面500Xは、最上部に配置され、複
数の操作キーが横一列に配列される第1の操作キー郡1
910と、個別データを表示する第1の表示エリア19
20と、複数の操作キーが横一列に配列される第2の操
作キー郡1930と、最下部に配置される第2の個別デ
ータを表示する第2の表示エリア1940とから構成さ
れる。この実施例の各操作キーは、高さが一定で、横幅
が複数の長さを備えるように設定されている。The embodiment shown in FIG.
The width of the operation keys is set so that the width W changes with the layout in the height direction H of X common. In the figure, a web screen 500X is arranged at the top and has a first operation key group 1 in which a plurality of operation keys are arranged in a horizontal line.
910 and a first display area 19 for displaying individual data
20, a second operation key group 1930 in which a plurality of operation keys are arranged in a horizontal line, and a second display area 1940 for displaying second individual data arranged at the bottom. Each operation key of this embodiment is set to have a constant height and a plurality of widths.
【0039】したがって、横幅の長い操作キーで構成さ
れるウエブ画面500Xの横幅W1は、横幅の小さな操
作キーで構成されたウエブ画面500Yの横幅W2より
大きく設定される。即ち、この実施例では、左右方向に
圧縮または拡張されたウエブ画面が提供されるので、例
えば、横幅の狭いウエブ画面500Yを横長の表示画面
111に左右2個表示させて作業することができる。ま
た、この実施例では、縦書きの文章を表示させるのに有
効である。この場合、例えば上下配置の操作キー郡と縦
長の個別データ表示エリアを左右方向に並設させるとよ
り有効である。Therefore, the width W1 of the web screen 500X composed of operation keys having a long width is set to be larger than the width W2 of the web screen 500Y composed of operation keys having a small width. That is, in this embodiment, since the web screen compressed or expanded in the left-right direction is provided, for example, the web screen 500Y having a narrow width can be displayed on the horizontally long display screen 111 to perform two operations on the left and right sides. Further, this embodiment is effective for displaying a vertically written sentence. In this case, it is more effective to arrange, for example, vertically arranged operation keys and vertically long individual data display areas in the left-right direction.
【0040】また、図12に示す実施例は、操作キーの
横幅と高さを同一比率で縮小、拡大した複数の操作キー
を組み合わせてウエブ画面を生成するものである。この
実施例によれば、小さな操作キーから構成されるウエブ
画面550Qは大きな操作キーから構成されるウエブ画
面500Pより横幅、高さとも小さくすることができる
ので、表示画面111に複数個表示させて作業すること
ができる。この場合、前記大きさの変更に合せて個別デ
ータの表示エリア1920、1940の文字の大きさを
縮小、拡張することでより有効である。In the embodiment shown in FIG. 12, a web screen is generated by combining a plurality of operation keys in which the width and height of operation keys are reduced and enlarged at the same ratio. According to this embodiment, the web screen 550Q composed of small operation keys can be made smaller in both width and height than the web screen 500P composed of large operation keys. Can work. In this case, it is more effective to reduce or expand the size of the characters in the individual data display areas 1920 and 1940 in accordance with the change in the size.
【0041】なお、前記実施例では、各操作キーあるい
はガイダンスの大きさを縦方向または横方向あるいは両
方に縮小、拡張することでウエブ画面を構成させたが、
例えば、横一列に配列された操作キー郡を1つの操作キ
ーに見立てて縮小、拡張させる複数の操作キー郡から構
成し、これらを所定の書式データと組み合わせてウエブ
画面を生成しても同様な効果を得ることができる。In the above embodiment, the web screen is constructed by reducing or expanding the size of each operation key or guidance in the vertical direction or the horizontal direction or both.
For example, the same applies to the case where a web screen is generated by combining a plurality of operation key groups arranged in a horizontal row as a single operation key to reduce and expand the operation key groups and combining them with predetermined format data. The effect can be obtained.
【0042】なお、前記実施例で述べた端末装置100
では、各種のアプリケーションソフトを呼び出してパー
ソナルコンピュータとしての機能を備えるようにした
が、これに限定されるものではない。例えば、メモリ以
外の記憶装置を持たないNCと呼ばれる携帯端末装置で
もよい。この携帯端末装置では、サーバー側に接続する
ための最小限のソフトが組み込まれているだけのもので
あり、使用時に、各種のアプリケーションソフトをサー
バーからダウンロードして本実施例に係る端末装置10
0と同様な作用効果を得ることができる。It should be noted that the terminal device 100 described in the above embodiment has been described.
In the above, various types of application software are called to provide a function as a personal computer, but the present invention is not limited to this. For example, a portable terminal device called an NC that does not have a storage device other than a memory may be used. In this portable terminal device, only the minimum software for connecting to the server side is incorporated, and at the time of use, various types of application software are downloaded from the server and the terminal device 10 according to the present embodiment is used.
It is possible to obtain the same operation and effect as the case of 0.
【0043】また、図1で説明した前記実施例では、ウ
エブサーバー200に様式生成部230を設けたが、端
末装置100に様式生成部230を設けて、ウエブサー
バー200から様式データ220と個別データ210か
ら各種データを通信装置230を介して入手して端末装
置100側でウエブ画面を生成表示してもも同様な効果
を得ることができる。更に、前記様式データ220と個
別データ210及び様式生成部230を端末装置100
側の記憶装置130に格納して、端末装置100内で閉
じたシステム構成としてもよい。Also, in the above-described embodiment described with reference to FIG. 1, the web server 200 is provided with the format generation unit 230, but the terminal device 100 is provided with the format generation unit 230, and the web server 200 transmits the format data 220 and the individual data. The same effect can be obtained by obtaining various data from 210 via the communication device 230 and generating and displaying a web screen on the terminal device 100 side. Further, the format data 220, the individual data 210, and the format generation unit 230 are transmitted to the terminal device 100.
The system configuration may be stored in the storage device 130 on the side of the terminal device 100 and closed in the terminal device 100.
【0044】[0044]
【発明の効果】本発明によれば、1つのベージ様式に対
して、高さ方向と横方向の少なくとも一方の長さの異な
る複数の操作ボタンやガイダンスを組み合わせて多様な
ウエブ画面を簡単に生成して表示部に表示することがで
きるので、ページ書式の記憶容量を軽減しながら、ペー
ジ内の基本的なレイアウトが変化させることなく、熟練
者と操作に不慣れな人にも対応可能な統一性の取れたウ
エブ画面を提供することができる。According to the present invention, various web screens can be easily generated by combining a plurality of operation buttons and guidances having different lengths in at least one of the height direction and the horizontal direction for one page style. Can be displayed on the display unit, reducing the storage capacity of the page format, without changing the basic layout in the page, and uniformity that can be used by experts and those unfamiliar with operation A well-defined web screen can be provided.
【図面の簡単な説明】[Brief description of the drawings]
【図1】本発明に係る表示様式変更システムのシステム
構成図。FIG. 1 is a system configuration diagram of a display style changing system according to the present invention.
【図2】本発明に係る表示様式変更システムのネットワ
ーク構成図。FIG. 2 is a network configuration diagram of a display style changing system according to the present invention.
【図3】本発明に係る表示様式変更システムの前記要素
データに格納された操作キーの一実施例を示す画面図。FIG. 3 is a screen view showing an embodiment of operation keys stored in the element data of the display style changing system according to the present invention.
【図4】本発明に係る表示様式変更システムの操作キー
を書式データに格納された所定のページ書式に組み合わ
せた部分拡大図。FIG. 4 is a partially enlarged view in which operation keys of the display style changing system according to the present invention are combined with a predetermined page format stored in format data.
【図5】本発明に係る表示様式変更システムの書式デー
タに格納された所定のページ書式に、前記操作キー及び
個別データに格納された所定のデータを組み合わせたウ
エブ画面図。FIG. 5 is a web screen diagram in which a predetermined page format stored in format data of the display format changing system according to the present invention is combined with predetermined data stored in the operation keys and individual data.
【図6】本発明に係る表示様式変更システムの操作フロ
ー図。FIG. 6 is an operation flowchart of the display style changing system according to the present invention.
【図7】本発明に係る表示様式変更システムのウエブ画
面図。FIG. 7 is a web screen diagram of the display style changing system according to the present invention.
【図8】本発明に係る表示様式変更システムのウエブ画
面図。FIG. 8 is a web screen diagram of the display style changing system according to the present invention.
【図9】本発明に係る表示様式変更システムのウエブ画
面図。FIG. 9 is a web screen diagram of the display style changing system according to the present invention.
【図10】本発明に係る表示様式変更システムのウエブ
画面図。FIG. 10 is a web screen diagram of the display style changing system according to the present invention.
【図11】本発明に係る表示様式変更システムの他の実
施例のウエブ画面変更説明図。FIG. 11 is an explanatory diagram of a web screen change in another embodiment of the display style change system according to the present invention.
【図12】本発明に係る表示様式変更システムの他の実
施例のウエブ画面変更説明図。FIG. 12 is a view for explaining a web screen change in another embodiment of the display style change system according to the present invention.
100…端末装置、110…表示部、112…ウエブペ
ージエリア、120…入力装置、130…記憶装置、1
40…通信装置、150…CPU(端末制御部)、20
0…ウエブサーバー、500…ウエブ画面、210…個
別データ210、220…様式データ、221…書式デ
ータ、222…要素データ、230…様式生成部、24
0…通信装置、250…CPU(ウエブサーバー制御
部)。100: terminal device, 110: display unit, 112: web page area, 120: input device, 130: storage device, 1
40 communication device, 150 CPU (terminal control unit), 20
0: Web server, 500: Web screen, 210: Individual data 210, 220: Style data, 221: Format data, 222: Element data, 230: Style generator, 24
0: Communication device, 250: CPU (Web server control unit).
───────────────────────────────────────────────────── フロントページの続き (72)発明者 宇津木 慎吾 東京都国分寺市東恋ケ窪一丁目280番地 株式会社日立製作所デザイン研究所内 (72)発明者 花塚 光博 神奈川県横浜市戸塚区戸塚町5030番地 株 式会社日立製作所ソフトウェア開発本部内 (72)発明者 岩村 修 神奈川県横浜市中区尾上町6丁目81番地 日立ソフトウェアエンジニアリング株式会 社内 ──────────────────────────────────────────────────の Continued on the front page (72) Inventor Shingo Utsugi 1-280 Higashi Koigakubo, Kokubunji-shi, Tokyo Inside the Design Laboratory, Hitachi, Ltd. (72) Mitsuhiro Hanazuka 5030 Totsukacho, Totsuka-ku, Yokohama-shi, Kanagawa Prefecture Hitachi Software Engineering Division (72) Inventor Osamu Iwamura 6-81 Onoecho, Naka-ku, Yokohama-shi, Kanagawa Prefecture Hitachi Software Engineering Co., Ltd.
Claims (7)
置とを備えた端末装置と、複数の前記端末装置と通信装
置を介して接続されるウエブサーバーとからなり、前記
ウエブサーバーは、前記端末装置に対応した個別データ
と、前記表示部のウエブページエリアに表示される各種
のページ様式を格納した様式データと、前記個別データ
と前記様式データとから所定のウエブ画面を生成する様
式生成部と、前記ウエブサーバーを統括するサーバー制
御装置とを備え、更に、前記様式データは、ページ様式
の各種の書式を格納した書式データと、高さ方向と横方
向の少なくとも一方の長さの異なる複数の操作キーまた
はガイダンスを格納した要素データとから構成され、前
記サーバー制御部は、前記端末装置からの要求に基づい
て、前記個別データと前記様式データから所定のウエブ
画面を生成し、前記端末制御部は、前記入力部からの要
求に基づいて前記ウエブサーバーに所定のウエブ画面を
要求するとともに、前記ウエブサーバーで生成された前
記ウエブ画面を前記表示部の前記ウエブページエリアに
表示することを特徴とする表示様式変更システム。1. A terminal device comprising a display unit, an input device, a storage device, and a terminal control device, and a web server connected to a plurality of the terminal devices via a communication device, wherein the web server comprises: Style generation for generating a predetermined web screen from individual data corresponding to the terminal device, style data storing various page styles displayed in a web page area of the display unit, and the individual data and the style data And a server control device that controls the web server, and the format data is different from format data storing various formats of page format in at least one of the height direction and the horizontal direction. The server control unit comprises a plurality of operation keys or element data storing guidance. And a predetermined web screen generated from the style data, the terminal control unit requests a predetermined web screen from the web server based on a request from the input unit, and generates the web screen generated by the web server. A display style changing system, wherein a screen is displayed in the web page area of the display unit.
一定にして高さ方向が異なるように設定された複数の操
作キーまたはガイダンスを格納していることを特徴とす
る請求項1記載の表示様式変更システム。2. A display according to claim 1, wherein said element data stores a plurality of operation keys or guidances set so that the height direction is different while the horizontal layout is constant. Style change system.
されるウエブ画面のページ様式の変更を受付けるステッ
プ (3)前記変更されたページ様式を通信装置を介してウ
エブサーバーに要求するステップ (4)前記変更要求に基づいて、書式データに格納され
た各種の書式と、要素データに格納された高さ方向と横
方向の少なくとも一方の長さの異なる複数の操作キーま
たはガイダンスと、個別データに格納された各種のデー
タとから所定のデータを選定し、所定のウエブ画面に生
成するステップ (5)前記所定のウエブ画面を前記ウエブサーバーから
受取り、前記表示部のウエブページエリアに表示するス
テップ。3. A display format changing method comprising the following steps: (1) displaying a web page area on a display unit; and (2) a page format of a web screen displayed in the web page area via an input unit. (3) requesting the changed page format to a web server via a communication device (4) receiving various formats stored in format data and element data based on the change request Predetermined data is selected from a plurality of stored operation keys or guidances having different lengths in at least one of the height direction and the lateral direction, and various data stored in the individual data, and is generated on a predetermined web screen. Step (5) receiving the predetermined web screen from the web server and displaying the web screen in a web page area of the display unit.
るステップ (2)入力部を介して、前記ウエブページエリアに表示
されるウエブ画面のページ様式の変更を受付けるステッ
プ (3)前記変更されたページ様式を通信装置を介してウ
エブサーバーに要求するステップ (4)前記端末装置の変更要求を受付け、変更があれば
記録装置に記憶されたページ様式を更新して要求ページ
様式とし、変更がなければ前記記憶装置に記憶されたペ
ージ様式を要求ページ様式とするステップ (5)前記端末装置の要求ページ様式に基づいて、書式
データに格納された各種の書式と、要素データに格納さ
れた高さ方向と横方向の少なくとも一方の長さの異なる
複数の操作キーまたはガイダンスと、個別データに格納
された各種のデータとから所定のデータを選定し、所定
のウエブ画面に生成するステップ (6)前記所定のウエブ画面を前記ウエブサーバーから
受取り、前記表示部のウエブページエリアに表示するス
テップ。4. A display format changing method comprising the following steps: (1) displaying a web page area on a display unit of a terminal device; and (2) a web screen displayed on the web page area via an input unit. (3) requesting the changed page format from a web server via a communication device; and (4) receiving a change request of the terminal device. If there is a change request, the change request is stored in a recording device. Updating the changed page format to the requested page format, and if there is no change, setting the page format stored in the storage device to the requested page format. (5) Stored in the format data based on the requested page format of the terminal device And various operation keys or guidance stored in the element data and having different lengths in at least one of the height direction and the horizontal direction. A step of selecting predetermined data from various data stored in the individual data and generating a predetermined web screen (6) receiving the predetermined web screen from the web server and displaying it in a web page area of the display unit Step to do.
エブエリアにウエブ画面のページ様式を変更する操作エ
リアを表示するステップ (2)入力部を介して、前記ウエブページエリアに表示
されるウエブ画面のページ様式の変更を受付けるステッ
プ (3)前記変更されたページ様式を通信装置を介してウ
エブサーバーに要求するステップ (4)前記端末装置の変更要求を受付け、変更があれば
記録装置に記憶されたページ様式を更新して要求ページ
様式とし、変更がなければ前記記憶装置に記憶されたペ
ージ様式を要求ページ様式とするステップ (5)前記端末装置の要求ページ様式に基づいて、書式
データに格納された各種の書式と、要素データに格納さ
れた高さ方向と横方向の少なくとも一方の長さの異なる
複数の操作キーまたはガイダンスと、個別データに格納
された各種のデータとから所定のデータを選定し、所定
のウエブ画面に生成するステップ (6)記所定のウエブ画面を前記ウエブサーバーから受
取り、前記表示部のウエブページエリアに表示するステ
ップ。5. A display format changing method comprising the following steps: (1) displaying a web area on a display unit of a terminal device, and displaying an operation area for changing a page format of a web screen on the web area (2) A) receiving a change in the page format of the web screen displayed in the web page area via the input unit; (3) requesting the web server via the communication device for the changed page format; Accepting a change request from the terminal device, updating the page format stored in the recording device to the requested page format if there is a change, and setting the page format stored in the storage device to the requested page format if there is no change ( 5) Various formats stored in the format data and the height direction and the horizontal direction stored in the element data based on the requested page format of the terminal device. A step of selecting predetermined data from at least one of a plurality of operation keys or guidances having different lengths and various data stored in the individual data, and generating the predetermined data on a predetermined web screen; Receiving from the web server and displaying in a web page area of the display unit.
エブエリアにウエブ画面のページ様式を変更する様式変
更要求キーを表示するステップ (2)前記様式変更要求キーの押下を入力部を介して受
付け、前記表示部にウエブ画面のページ様式を変更する
操作エリアを表示するステップ (3)入力部を介して、前記ウエブページエリアに表示
されるウエブ画面のページ様式の変更を受付けるステッ
プ (4)前記変更されたページ様式を通信装置を介してウ
エブサーバーに要求するステップ (5)前記端末装置の変更要求を受付け、変更があれば
記録装置に記憶されたページ様式を更新して要求ページ
様式とし、変更がなければ前記記憶装置に記憶されたペ
ージ様式を要求ページ様式とするステップ (6)前記端末装置の要求ページ様式に基づいて、書式
データに格納された各種の書式と、要素データに格納さ
れた高さ方向と横方向の少なくとも一方の長さの異なる
複数の操作キーまたはガイダンスと、個別データに格納
された各種のデータとから所定のデータを選定し、所定
のウエブ画面に生成するステップ (7)前記所定のウエブ画面を前記ウエブサーバーから
受取り、前記表示部のウエブページエリアに表示するス
テップ。6. A display format change method comprising the following steps: (1) displaying a web area on a display unit of a terminal device, and displaying a format change request key for changing a page format of a web screen in the web area; (2) receiving the press of the style change request key via the input unit and displaying an operation area for changing the page style of the web screen on the display unit; and (3) displaying the operation area for changing the page style of the web screen on the display unit. Step of receiving a change in the page format of the displayed web screen (4) Requesting the changed page format to a web server via a communication device (5) Receiving a request to change the terminal device and, if there is a change, The page format stored in the storage device is updated to the requested page format, and if there is no change, the page format stored in the storage device is changed to the requested page format. (6) Various operations stored in the format data and a plurality of operations having different lengths in at least one of the height direction and the horizontal direction stored in the element data based on the requested page format of the terminal device. A step of selecting predetermined data from a key or guidance and various data stored in individual data and generating a predetermined web screen (7) receiving the predetermined web screen from the web server, Displaying in the web page area.
方向のレイアウトを一定にして高さ方向が異なるように
設定された複数の操作キーまたはガイダンスであること
を特徴とする請求項3〜請求項6記載の何れかの表示様
式変更方法7. The data stored in the element data is a plurality of operation keys or guidances set so that a horizontal layout is constant and height directions are different. 7. A display style changing method according to claim 6.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| JP17145697A JPH1115620A (en) | 1997-06-27 | 1997-06-27 | Display style change system and display style change method |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| JP17145697A JPH1115620A (en) | 1997-06-27 | 1997-06-27 | Display style change system and display style change method |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| JPH1115620A true JPH1115620A (en) | 1999-01-22 |
Family
ID=15923450
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| JP17145697A Pending JPH1115620A (en) | 1997-06-27 | 1997-06-27 | Display style change system and display style change method |
Country Status (1)
| Country | Link |
|---|---|
| JP (1) | JPH1115620A (en) |
Cited By (7)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| KR20000012553A (en) * | 1999-12-11 | 2000-03-06 | 김창곤 | Active Browser |
| JP2000222277A (en) * | 1999-01-28 | 2000-08-11 | Internatl Business Mach Corp <Ibm> | Method for customizing file and information processing system |
| KR100750674B1 (en) | 2004-12-28 | 2007-08-20 | 엔에이치엔(주) | Method for providing a font service that can set the font for each area of the service page and system performing the method |
| JP2009205540A (en) * | 2008-02-28 | 2009-09-10 | Ricoh Co Ltd | Screen data generator, screen data generation method and screen data generation program |
| JP2010097496A (en) * | 2008-10-17 | 2010-04-30 | Panasonic Electric Works Co Ltd | Display system and indicator |
| JP2010531509A (en) * | 2007-06-28 | 2010-09-24 | テレフオンアクチーボラゲット エル エム エリクソン(パブル) | Improved navigation handling in web pages |
| JP2011048835A (en) * | 1999-12-20 | 2011-03-10 | Apple Inc | User interface for providing consolidation and access |
-
1997
- 1997-06-27 JP JP17145697A patent/JPH1115620A/en active Pending
Cited By (7)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| JP2000222277A (en) * | 1999-01-28 | 2000-08-11 | Internatl Business Mach Corp <Ibm> | Method for customizing file and information processing system |
| KR20000012553A (en) * | 1999-12-11 | 2000-03-06 | 김창곤 | Active Browser |
| JP2011048835A (en) * | 1999-12-20 | 2011-03-10 | Apple Inc | User interface for providing consolidation and access |
| KR100750674B1 (en) | 2004-12-28 | 2007-08-20 | 엔에이치엔(주) | Method for providing a font service that can set the font for each area of the service page and system performing the method |
| JP2010531509A (en) * | 2007-06-28 | 2010-09-24 | テレフオンアクチーボラゲット エル エム エリクソン(パブル) | Improved navigation handling in web pages |
| JP2009205540A (en) * | 2008-02-28 | 2009-09-10 | Ricoh Co Ltd | Screen data generator, screen data generation method and screen data generation program |
| JP2010097496A (en) * | 2008-10-17 | 2010-04-30 | Panasonic Electric Works Co Ltd | Display system and indicator |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| JP3254435B2 (en) | Method and computer system for accessing files | |
| US6832355B1 (en) | Web page display system | |
| JP3445920B2 (en) | Display screen processing device and medium storing display screen processing device control program | |
| US6104401A (en) | Link filters | |
| US6025844A (en) | Method and system for creating dynamic link views | |
| US20030115167A1 (en) | Web browser implemented in an Internet appliance | |
| WO2008050693A1 (en) | Document editing apparatus for doing web component layout | |
| JP2011034568A (en) | Display system, display method, program, and recording medium | |
| JPH07210357A (en) | Remote highlighting of objects in a conference system | |
| JPH08115198A (en) | Method,system and memory for change of window | |
| JPH08115070A (en) | Method,system and memory for change of information-scrolled window | |
| JP2004348380A (en) | Thin client system, thin client terminal, relay device, server device, and thin client terminal screen display method | |
| JP3623403B2 (en) | Web document display system and method | |
| US20020078445A1 (en) | Internet appliance for interactive audio/video display using a remote control unit for user input | |
| JPH1115620A (en) | Display style change system and display style change method | |
| JP2001228857A (en) | Image display device and image display method | |
| WO2007020408A1 (en) | A display system and method of operating a display system | |
| JP3854030B2 (en) | Information browsing apparatus and medium storing information browsing program | |
| JP4909674B2 (en) | Device layout editing apparatus, device layout editing system, method and program | |
| JP2003208253A (en) | Data structure of web page data, device, method, program for creating or outputting web page, and recording medium on which the program is recorded | |
| Zhao et al. | Generating mobile device user interfaces for diagram-based modelling tools | |
| JPH1124881A (en) | Email system | |
| JP2000250679A (en) | Information display method and recording medium recording information display program | |
| JP3634389B2 (en) | Hypertext system link control method | |
| JP2001042989A (en) | Window control device and recording medium |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| A977 | Report on retrieval |
Free format text: JAPANESE INTERMEDIATE CODE: A971007 Effective date: 20051013 |
|
| A131 | Notification of reasons for refusal |
Free format text: JAPANESE INTERMEDIATE CODE: A131 Effective date: 20051025 |
|
| A521 | Request for written amendment filed |
Free format text: JAPANESE INTERMEDIATE CODE: A523 Effective date: 20051222 |
|
| RD02 | Notification of acceptance of power of attorney |
Free format text: JAPANESE INTERMEDIATE CODE: A7422 Effective date: 20060512 |
|
| RD04 | Notification of resignation of power of attorney |
Free format text: JAPANESE INTERMEDIATE CODE: A7424 Effective date: 20060512 |
|
| A02 | Decision of refusal |
Free format text: JAPANESE INTERMEDIATE CODE: A02 Effective date: 20060718 |