JPH09237274A

JPH09237274A - Ｗｗｗ用ｈｔｍｌファイル作成方法及び装置

Info

Publication number: JPH09237274A
Application number: JP8043541A
Authority: JP
Inventors: Naoko Kakita; 尚子柿田; Takayuki Tsuchida; 孝行土田; Katsutoshi Ishikawa; 勝敏石川; Kunio Ueda; 国生上田
Original assignee: Toshiba Corp
Current assignee: Toshiba Corp
Priority date: 1996-02-29
Filing date: 1996-02-29
Publication date: 1997-09-09

Abstract

(57)【要約】【課題】本発明は、ＷＷＷ用ＨＴＭＬファイルをＷＷＷ
用ビューワーにて見る状況と同様の外観で作成すること
ができ、かつＷＷＷ用スクリプトファイルをプログラミ
ングレスにより作成することができるツールを提供す
る。【解決手段】ＨＴＭＬファイル生成部１ｑは処理制御部
１ｂの制御の下に、作成された画面データ、処理フロー
データ及びリンクデータから、ＨＴＭＬファイル、スク
リプトファイル等のＷＷＷ用ファイルを生成する。ＨＴ
ＭＬファイル解析部１ｆは、処理制御部１ｂの制御の下
に、既に作成されているＨＴＭＬファイルを読み込み、
内容を解析して画面データや処理フローデータに変換す
る。

Description

【発明の詳細な説明】

【０００１】

【発明の属する技術分野】本発明は、ＷＷＷ（World Wi
de Web）用のＨＴＭＬ（Hyper Text Markup Language）
ファイル作成環境を実現するＷＷＷ用ＨＴＭＬファイル
作成方法及びＷＷＷ用ＨＴＭＬファイル作成装置に関す
る。

【０００２】また、本発明は、ＷＷＷ用ＨＴＭＬファイ
ルをＷＷＷ用ビューワーにて見る状況と同様の外観で作
成することができ、かつＷＷＷ用スクリプトファイルを
プログラミングレスにより作成することができるＷＷＷ
用ＨＴＭＬファイル作成方法及びＷＷＷ用ＨＴＭＬファ
イル作成装置に関する。

【０００３】

【従来の技術】従来のＨＴＭＬファイルの作成に於いて
は、テキストエディタを使用してＨＴＭＬファイル特有
のタグと呼ばれるコマンドを入力してゆくことにより作
成し、更にＷＷＷ用ビューワーに作成したＨＴＭＬファ
イルを表示させ、外観を確認するという作業を繰り返す
ことによりＨＴＭＬファイル作成を行なっていた。

【０００４】また、ＨＴＭＬファイルに付随するスクリ
プトファイルの作成に於ては、テキストエディタを使用
して処理したい処理ロジックをスクリプト言語の仕様に
従ってプログラミングを行うことにより作成していた。

【０００５】

【発明が解決しようとする課題】このように、従来で
は、ＷＷＷ用ＨＴＭＬファイルを作成するために、ＨＴ
ＭＬファイルのタグを感知し、更にはスクリプト言語の
プログラミングを習得していなければならず、手軽にＷ
ＷＷのホームページを作成することができなかった。更
に、テキストベースで作成しなければならないため、作
成しながらにして実際にＷＷＷ用ビューワーで外観を見
ることができず、ある程度作成してからＷＷＷ用ビュー
ワーを立ち上げ、確認し、変更したい部分をチェックす
るなどして、再度テキストエディタで編集とするという
作業を繰り返さなければならないという、作成者にとっ
て非常に使い難いものであった。

【０００６】本発明は上記実情に鑑みなされたもので、
ＷＷＷ用ＨＴＭＬファイル作成に於いて、ＨＴＭＬファ
イル特有のタグというコマンドを意識せずにＷＷＷ上で
見る外観と同様の状態で作成することができ、また、ス
クリプト言語を意識することなく、直接プログラミング
せずに、処理を記述することができる、操作性に優れ
た、ワードプロセッサ感覚でＨＴＭＬファイルを作成す
ることができる効率のよいＷＷＷ用ＨＴＭＬファイル作
成方法及びＷＷＷ用ＨＴＭＬファイル作成装置を提供す
ることを目的とする。

【０００７】

【課題を解決するための手段】本発明は、ＷＷＷ用ＨＴ
ＭＬファイルを作成する環境として、ホームページとな
る画面の作成と、フォームの作成、他のホームページの
リンク付け、及びＨＴＭＬファイルやスクリプトファイ
ルの自動生成によるＨＴＭＬファイル作成完了までの一
連の作業を１つのツールで実現することを特徴とする。

【０００８】一連の作業の起動に於いては、メニューや
スピードバーのボタンなどを選択することにより実現す
ることを特徴とする。また、画面データの作成に於いて
は、作成用パーツを用意し、これらを選択し画面上に配
置することによりフォーム等の設定を行うことができる
ことを特徴とする。

【０００９】また、作成中の画面上に入力した文字列の
一部を指定して他のファイルへリンクさせることがで
き、かつ画面上に配置されたイメージの一部を範囲指定
して他のファイルへリンクをはることができることを特
徴とする。

【００１０】また、処理フローデータ作成に於いては、
予め用意するスクリプト処理ファンクションを組み合わ
せることにより、実際のスクリプト言語を使用したプロ
グラミングなしにフォームに対応した処理を作成するこ
とを特徴とする。

【００１１】また、既に作成されているＨＴＭＬファイ
ルを読み込み、同様に編集ができることを特徴とする。
すなわち、本発明の第１の発明は、表示手段および入力
手段を有するデータ処理システムにて、ＷＷＷ（World
Wide Web）ホームページ作成用（Hyper Text Markup La
nguage）ファイルを作成するツールであって、表示画面
上で、ホームページとなるファイル作成用の画面を作成
する画面作成手段と、作成された画面上のフォームに対
応した部分に処理フローデータを作成する処理フロー作
成手段と、作成された画面上のある部分に、他のホーム
ページをリンク付けするリンク手段と、作成された画面
データと処理フローデータを格納するデータ格納手段
と、作成された画面データと処理フローデータおよびリ
ンクデータから、ＨＴＭＬファイルを生成するＨＴＭＬ
生成手段と、同様に作成された画面データと処理フロー
データおよびリンクデータから、スクリプトファイルを
生成するスクリプト生成手段とを具備することを特徴と
する。

【００１２】更に第２の発明は、前記ＨＴＭＬファイル
作成方式および装置における画面作成手段は、表示手段
により表示されるボタン、ライン、イメージなどの画面
作成用パーツを入力手段により選択し、作成する画面上
に配置するパーツ配置手段を具備することを特徴とす
る。

【００１３】更に第３の発明は、前記ＨＴＭＬファイル
作成方式および装置におけるリンク手段は、画面上に入
力された文字列を指定する文字指定手段と、画面上に配
置されたイメージを指定するイメージ指定手段と、表示
手段により表示される範囲指定用パーツを入力手段によ
り選択し、すでに配置されたイメージ上で範囲指定する
ことによりリンク元を指定するクリッカブルイメージ指
定手段と、リンク先を指定するリンク先指定手段と前記
文字指定手段により指定された部分をリンクしたことを
示す表示を行うリンク表示手段とを具備することを特徴
とする。

【００１４】更に第４の発明は、前記ＨＴＭＬファイル
作成方式および装置における処理フロー作成手段は、画
面上に配置された画面作成用パーツを選択し、処理フロ
ー作成用画面を表示する処理フロー作成画面起動処理
と、表示手段により、使用可能な処理ファンクションを
表示するファンクション表示手段と、表示されたファン
クションを選択するファンクション選択手段とを具備す
ることを特徴とする。

【００１５】更に第５の発明は、前記ＨＴＭＬファイル
作成方式および装置は、更にすでに存在するＨＴＭＬフ
ァイルを読み込むファイル読み込み手段を具備すること
を特徴とする。

【００１６】

【発明の実施の形態】以下、図面を参照して本発明の実
施形態を説明する。図１は本発明の実施形態に於けるシ
ステムの構成を示すブロック図である。図に於いて、１
ａは入力部であり、キーボードやマウス、ペンなどから
情報を入力する。

【００１７】１ｂはシステム全体の制御を行なう処理制
御部であり、ここでは入力部１ａからのデータ及びコマ
ンド入力に従い、図２乃至図６に示すような処理の制御
を司る。

【００１８】１ｃはディスプレイされた文字や図形デー
タなどを表示する表示部であり、ここでは処理制御部１
ｂ及び表示管理部１ｅの制御の下に、図７乃至図１４に
示すようなＨＴＭＬファイル作成画面を表示する。

【００１９】１ｄは入力管理部であり、入力部１ａから
入力されたデータ及びコマンド等によって、どのような
処理を行なうかを管理する。１ｅは表示管理部であり、
処理制御部１ｂの制御の下に、入力されたデータによっ
て、どのような形態で表示部１ｃに表示出力するかなど
を管理する。

【００２０】１ｆはＨＴＭＬファイル解析部であり、処
理制御部１ｂの制御の下に、既に作成されているＨＴＭ
Ｌファイルを読み込み、内容を解析して画面データや処
理フローデータに変換する。

【００２１】１ｇは画面作成制御部であり、処理制御部
１ｂの制御の下に、画面作成時に於ける制御を行なう。
１ｈはパーツ処理部であり、画面作成用のパーツを使用
した際のパーツ種の判断やそのパーツに応じた画面上へ
の配置等を行なう。

【００２２】１ｉはレイアウト部であり、画面作成時の
全体のレイアウトを制御する。１ｊは範囲判断部であ
り、範囲指定された部分の判断を行なう。１ｋは編集部
であり、文字列や作成用パーツ等のコピーや削除、移動
などの編集処理を行なう。

【００２３】１ｌはイメージ判断部であり、範囲指定用
パーツを使用して範囲指定を行なおうとした場合に、指
定しようとする部分がイメージであるか否かを判断す
る。１ｍはリンク設定部であり、範囲指定された部分に
指定された他のＨＴＭＬファイルをリンク付けする。

【００２４】１ｎは処理フロー作成制御部であり、処理
制御部１ｂの制御の下に、処理フロー作成時に於ける制
御を行なう。１ｏは処理フロー作成部であり、処理フロ
ー作成用画面や、使用可能ファンクションの表示、及び
指定されたファンクションのアーギュメント指定処理な
どを行なう。

【００２５】１ｐは処理フロー表示部であり、指定され
たファンクション等の処理フローを処理フロー作成画面
にフローチャート形態で表示する。１ｑはＨＴＭＬファ
イル生成部であり、処理制御部１ｂの制御の下に、作成
された画面データ、処理フローデータ及びリンクデータ
から、ＨＴＭＬファイル、スクリプトファイル等のＷＷ
Ｗ用ファイルを生成する。

【００２６】１ｒは画面データであり、作成された画面
の文字列や使用されたパーツデータ等を格納する。１ｓ
はリンクデータ（ファイル）であり、指定されたリンク
情報（リンク元の範囲、リンク先のファイル名等）を格
納する。

【００２７】１ｔは処理フローデータ（ファイル）であ
り、作成された処理フローデータを格納する。１ｕはＨ
ＴＭＬファイル、スプリクトファイル等の格納部であ
る。

【００２８】図２乃至図６は、それぞれ本発明の実施形
態に於ける処理手順を示すフローチャートである。図２
は本発明の実施形態に於ける全体の処理手順を示すフロ
ーチャートである。

【００２９】図２に於いて、２ａは初期処理をするステ
ップであり、メモリの確保やデータの初期化、初期画面
の表示等の初期処理を行なう。２ｂはメニュー選択を判
断するステップであり、メニューにて何が選択されたか
を判断する。

【００３０】２ｃはファイルオープンするステップであ
り、すでに存在するＨＴＭＬファイルをオープンするス
テップする。２ｄはＨＴＭＬファイル解析するステップ
であり、テキストベースで書かれているＨＴＭＬファイ
ルの中身を解析する。

【００３１】２ｅはデータ取込みをするステップであ
り、解析した結果のデータを取り込み、作成用画面に表
示する。２ｆは文字入力がなされたかを判断するステッ
プであり、作成画面上で文字の入力がなされたかどうか
を判断する。

【００３２】２ｇは文字入力するステップであり、キー
ボードやソフトキーボードなどから入力された文字を作
成画面上に入力、表示する。２ｈは範囲指定がなされた
かどうかを判断するステップであり、既に入力されてい
る文字列の１部分が範囲指定されたか否かを判断する。

【００３３】２ｉは範囲指定処理を行なうルーチンであ
り、文字列の１部分が範囲指定された際の処理を行な
う。２ｊは編集操作がなされたかどうかを判断するステ
ップであり、既に入力されている文字列や作成用パーツ
等に対して編集操作が行なわれたかどうかを判断する。

【００３４】２ｋは編集処理を行なうルーチンであり、
文字列や作成用パーツに対する編集処理を行なう。２ｌ
はパーツ一覧からパーツが選ばれたかどうかを判断する
ステップであり、作成画面上に同時に表示されている作
成用パーツ一覧からパーツが選ばれたことを判断する。

【００３５】２ｍはパーツ処理するルーチンであり、作
成用パーツ一覧の中から１つのパーツが選択された際
に、そのパーツ処理を行なう。２ｎはパーツ選択がなさ
れたかどうかを判断するステップであり、作成中の画面
上に既に配置されている作成用パーツの１つが選択され
ているかどうかを判断する。

【００３６】２ｏはパーツ選択処理するルーチンであ
り、すでに配置された作成用パーツの１つが選択された
際の処理を行なう。２ｐはデータ解析するステップであ
り、作成された各データを解析し、ＨＴＭＬファイルや
スクリプトファイルなど、ＷＷＷ用のファイルを生成す
る。

【００３７】２ｑはファイルセーブするステップであ
り、生成したＨＴＭＬファイルやスクリプトファイルな
ど、ＷＷＷ用のファイルを格納部１ｕに保存する。２ｒ
はファイルを閉じるステップであり、ＨＴＭＬファイル
の作成終了時に、作成用画面の情報を削除したり、メモ
リの解放を行なう。

【００３８】図３は図２に示す範囲指定処理２ｉの処理
手順を示すフローチャートである。図３に於いて、３ａ
はリンク処理を行なうかどうかを判断するステップであ
り、メニューなどから、リンク設定の指示があったかど
うかを判断する。

【００３９】３ｂはリンク先指定ダイアログ（Dialog）
を開くステップであり、リンク先のファイル名指定用の
ダイアログ（Dialog）を開く。３ｃはリンク先を指定す
るステップであり、リンク先のファイル名を指定する。

【００４０】３ｄはリンクデータを登録するステップで
あり、指定されたファイルを指定された部分にリンクす
るリンク情報をリンクデータとして登録する。３ｅはリ
ンク元範囲にリンク表示するステップであり、リンクし
た元の部分にリンクしたことが分かる表示を行なう。

【００４１】３ｆは編集操作がなされたかどうかを判断
するステップであり、範囲指定した部分に対して編集操
作が行なわれたかどうかを判断する。図４は図２に示す
編集処理２ｋの処理手順を示すフローチャートである。

【００４２】図４に於いて、４ａは編集対象が文字列か
どうかを判断するステップであり、編集操作の対象が文
字列か否かを判断する。４ｂは編集対象がタグ系かどう
かを判断するステップであり、編集操作がタグ系かどう
かを判断する。ここで言うタグ系とは、通常の削除やコ
ピーなどの編集ではなく、ＨＴＭＬファイル特有のタグ
を有するような編集をいう（たとえば、＜ＢＬＩＮＫ＞
＜ＨＲ＞など）。

【００４３】４ｃは編集操作がタグ系かどうかを判断す
るステップであり、編集操作がタグ系がどうかを判断す
る。４ｄはタグ処理用ダイアログ（Dialog）を開くステ
ップであり、作成用パーツに対してのタグ系編集（属
性）選択用のダイアログ（Dialog）を開く。

【００４４】４ｅはタグ設定するステップであり、タグ
処理用ダイアログ（Dialog）にて、属性を設定する。４
ｆはレイアウト計算するステップであり、設定された属
性に応じて全体のレイアウトを計算する。

【００４５】４ｇはレイアウト表示するステップであ
り、計算されたレイアウトで全体を表示する。４ｈは通
常編集処理を行なうステップであり、削除やコピーなど
の通常の編集を行なう。

【００４６】４ｉはタグ処理するステップであり、文字
列に対してメニューなどによりタグの設定が行なわれた
際に、指定されたタグの処理を行なう。図５は図２に示
すパーツ処理２ｍの処理手順を示すフローチャートであ
る。

【００４７】図５に於いて、５ａは範囲指定用のパーツ
かどうかを判断するステップであり、作成用パーツの一
覧の中から選ばれたパーツが範囲指定用であるかどうか
を判断する。

【００４８】５ｂは範囲指定するステップであり、範囲
指定用パーツを使用して、作成用画面上のある部分を範
囲指定する。５ｃは範囲判断するステップであり、範囲
指定された部分の切り出しを行なう。

【００４９】５ｄは指定した範囲がイメージ上であるか
どうかを判断するステップであり、指定された範囲がイ
メージ内であるかどうかを判断する。５ｅはリンク先指
定ダイアログ（Dialog）を開くステップであり、リンク
先のファイル名指定用のダイアログ（Dialog）を開く。

【００５０】５ｆはリンク先を指定するステップであ
り、リンク先のファイル名を指定する。５ｇはリンクデ
ータを登録するステップであり、指定されたファイルを
指定された部分にリンクするリンク情報（範囲指定座標
含む）をリンクデータとして登録する。

【００５１】５ｈはリンク元範囲にリンク表示するステ
ップであり、リンクした元の部分にリンクしたことが分
かる表示を行なう。５ｉはメッセージを表示するステッ
プであり、指定した範囲がイメージ上ではなかった場
合、その部分にリンクをはかることができない旨のメッ
セージを表示する。

【００５２】５ｊは配置位置を指定するステップであ
り、選ばれたパーツを配置する位置を指定する。５ｋは
レイアウト計算を行なうステップであり、範囲された位
置や大きさによって、全体のレイアウトを計算する。

【００５３】５ｌはレイアウトを表示するステップであ
り、計算されたレイアウトで全体を表示する。図６は図
２に示すパーツ処理２ｏの処理手順を示すフローチャー
トである。

【００５４】図６に於いて、６ａはリンク処理を行なう
かどうかを判断するステップであり、メニューなどか
ら、リンク設定の指示があったかどうかを判断する。６
ｂはリンク可能パーツであるかどうかを判断するステッ
プであり、選択されているパーツにリンクをはれるかど
うかを判断する。

【００５５】６ｃはリンク先指定ダイアログ（Dialog）
を開くステップであり、リンク先のファイル名指定用の
ダイアログ（Dialog）を開く。６ｄはリンク先指定する
ステップであり、リンク先のファイル名を指定する。

【００５６】６ｅはリンクデータ登録するステップであ
り、指定されたファイルを指定された部分にリンクする
リンク情報をリンクデータとして登録する。６ｆはリン
ク元範囲にリンク表示するステップであり、リンクした
元の部分にリンクしたことが分かる表示を行なう。

【００５７】６ｇはメッセージを表示するステップであ
り、選択したパーツにはリンクをはることができない旨
のメッセージを表示する。６ｈは処理フローを作成する
処理を行なうかどうかを判断するステップであり、メニ
ューなどから処理フローを作成する指示があったかどう
かを判断する。

【００５８】６ｉは処理フロー作成用画面を表示するス
テップであり、処理フロー作成用の画面を表示する。６
ｊはファンクションリスト表示するステップであり、使
用可能なファンクションのリストを表示する。

【００５９】６ｋはファンクション選択するステップで
あり、表示されたファンクションリスの中から、処理し
たいファンクションを選択する。６ｌは処理フローを表
示するステップであり、選ばれたファンクションを処理
フロー作成用画面にフローチャート形態で表示する。

【００６０】６ｍは作成終了がどうかを判断するステッ
プであり、処理フローを終了するかどうかを判断する。
６ｎは編集操作がなされたかどうかを判断するステップ
であり、選ばれたパーツに対して編集操作が行われたか
どうかを判断する。

【００６１】図７乃至図１４はそれぞれ本発明の実施形
態に於ける動作を説明するための画面遷移による各表示
画面の構成例を示す図である。ここで上記各図を参照し
て本発明の実施形態に於ける動作を説明する。

【００６２】先ず、本発明の実施形態に於ける動作を図
１を参照して説明する。入力部１ａによりＨＴＭＬファ
イル作成が指示されると、処理制御部１ｂが全体のＨＴ
ＭＬファイル作成に於ける制御を始める。

【００６３】メニューにより、ファイル作成が選択され
ると、画面作成制御部１ｇにて、画面作成の制御を始め
る。ファイルの読み込みが指示された場合は、ＨＴＭＬ
ファイル解析部１ｆにて、既に作成されているＨＴＭＬ
ファイルを解析し、画面データおよび処理フローデー
タ、リンクデータなどを取り込む。

【００６４】新規作成が指示された場合は、画面作成制
御部１ｇにて、初期ファイルを生成する準備を行なう。
画面作成時に入力がなされた際は、画面作成制御部１ｇ
により、文字が入力されたのか、作成用パーツが選択さ
れているのかを判断し、文字が入力されている場合は、
そのまま入力された文字列を表示管理部１ｅを介して表
示部１ｃに表示する。

【００６５】作成用パーツが選択されている場合は、パ
ーツ処理部１ｈにて、選ばれたパーツを画面内に配置
し、レイアウト部１ｉが既に入力されている文字と、他
のパーツとの位置関係を計算し、指定場所にパーツが収
まるように文字列などを改行するなどしてレイアウトす
る。

【００６６】また、既に入力した文字が選択され編集が
指示されると、編集部１ｋは、文字に対する削除や、コ
ピー、大きさ設定などの編集を行なう。同様に、配置さ
れたパーツについても編集が指示されると、編集部１ｋ
にて削除やコピー、大きさ設定等の編集を行なう。

【００６７】文字のある部分を範囲指定すると、範囲判
断部１ｊは、どの部分が範囲指定されたかを判断し、編
集処理（メニューなどによりコピーや削除等の選択）が
行なわれた場合は、編集部１ｋへ、又、リンク設定（メ
ニューなどによりリンク設定の選択）が行なわれた場合
はリンク設定部１ｍへ、それぞれ処理が渡される。

【００６８】リンク設定部１ｍでは、範囲判断部１ｊに
て判断された部分にリンクをはるために、リンク先のフ
ァイルを指定し、リンクデータ（ファイル）１ｓへ登録
する。

【００６９】上記処理により作成された画面データは、
画面データ（ファイル）１ｒに記憶される。更に、作成
用パーツの中で、範囲指定パーツを選択し、作成中の画
面の一部を範囲指定すると、イメージ判断部１ｌは、範
囲指定した部分がイメージを配置しているかどうかを判
断し、イメージの部分の場合、範囲判断部１ｊがどの部
分が範囲指定されたかを判断し、文字の場合と同様の処
理を行なう。ただし、この場合はリンクデータにクリッ
カブルイメージの指定であることをデータも付加する。

【００７０】配置した作成用のパーツの１つに対して、
処理フローデータ作成の指示がメニューなどにより行な
われると、処理フロー作成制御部１ｎは、処理フローデ
ータ作成の制御を始める。

【００７１】処理フローデータ作成の指示がなされる
と、処理フロー作成用画面、及び使用可能なファンクシ
ョン一覧が処理フロー作成部１ｏにて表示される。一覧
表示されたファンクションから処理させたいファンクシ
ョンが選ばれると、処理フロー表示部１ｐは、フローチ
ャート形態で処理フロー作成画面に表示する。

【００７２】作成された処理フローデータは、処理フロ
ーデータ（ファイル）１ｔに記憶される。メニューなど
によりＨＴＭＬファイル作成が指示されると、ＨＴＭＬ
ファイル生成部１ｑは、画面データ（ファイル）１ｒ
と、処理フローデータ（ファイル）１ｔ、及びリンクデ
ータ（ファイル）１ｓから、ＨＴＭＬファイルやスクリ
プトファイル、その他のＷＷＷ用ＨＴＭＬファイルを生
成し、ユーザが指定したファイル名で格納部１ｕに保存
する。

【００７３】本発明の実施形態に於ける、更に詳しい処
理の流れをスクリプトファイル、図３乃至図６に示すフ
ローチャート、及び図７乃至図１４に示す画面遷移図を
参照して説明する。

【００７４】ＷＷＷ用ＨＴＭＬファイルの作成が指示さ
れると、メモリの確保やデータの初期化および初期画面
の表示等の処理処理を行なう（図２ステップ２ａ）。こ
こでＨＴＭＬファイル作成用画面として初期画面が表示
される（図７参照）。

【００７５】メニューにて『FileOpen』が選択される
（図２ステップ２ｂ）と、既に存在するＨＴＭＬファイ
ルをオープンし（図２ステップ２ｃ）、テキスト形式で
書かれた内容の解析を行なう（図２ステップ２ｄ）。

【００７６】解析結果をメモリ内のデータバッファに取
り込み（図２ステップ２ｅ）、その情報を使用して画面
上に表示する（図８参照）。ＨＴＭＬファイル作成用画
面が表示されている状態で、文字入力がキーボードある
いはソフトキーボード等によりなされると（図２ステッ
プ２ｆ）、通常のテキストエディタと同様に文字列は作
成用画面上に入力される（図２ステップ２ｇ）。

【００７７】マウスなどにより文字列のある部分が範囲
指定された場合（図２ステップ２ｈ）、範囲指定処理
（図２ステップ２ｉ）を行なう。範囲指定処理は、指定
された範囲に対して、リンクをはることがメニューなど
により選ばれると（図３ステップ３ａ）、リンク先指定
ダイアログ（Dialog）を開き（図３ステップ３ｂ）（図
９参照）、リンク先のファイルを指定させる（図３ステ
ップ３ｃ）。

【００７８】指定されたファイルと、範囲指定された部
分との情報をリンクデータとして登録し（図３ステップ
３ｄ）、作成用画面上の範囲指定された部分をリンク表
示する（図３ステップ３ｅ）（図１０参照）。

【００７９】範囲指定された部分に対して、編集操作が
行われた（メニューなどにより削除やコピーが選択され
た）場合（図３ステップ３ｆ）は、編集処理（図２ステ
ップ２ｋ）を行なう。

【００８０】この編集処理では、編集対象となる部分が
文字列かどうかを判断し（図４ステップ４ａ）、文字列
であった場合には、編集操作がタグ系（たとえば＜ＨＲ
＞のような横線入力等）かどうかを判断し（図４ステッ
プ４ｃ）、タグ系でなければ通常の編集を行う（図４ス
テップ４ｈ）。

【００８１】タグ系であった場合は、そのタグに則した
処理を行う（図４ステップ４ｉ）（図１１参照）。編集
対象が文字列でなかった場合は、その対象によってタグ
系の編集可能機能が限られるので、その対象専用のタグ
処理用のタグ処理用ダイアログ（Dialog）を表示し（図
４ステップ４ｄ）、設定された後（図４ステップ４
ｅ）、その設定によって画面のレイアウトを計算し（図
４ステップ４ｆ）、計算されたレイアウトに沿って表示
を行なう（図４ステップ４ｇ）（たとえばイメージの大
きさを変更した場合、その大きさによってイメージの周
辺の配置されている改行位置などが変わるため、レイア
ウトの計算が必要となる）。

【００８２】初期処理により、作成画面上に使用できる
作成用パーツ一覧を表示してあるが。その一覧の中から
１つを選択した場合は（図２ステップ２ｌ）、パーツ処
理（図２ステップ２ｍ）を行なう。

【００８３】パーツ処理では、選ばれたパーツが範囲指
定用のパーツかどうかを判断し（図５ステップ５ａ）、
範囲指定用のパーツである場合は、そのパーツを使用し
て作成中の画面上を範囲指定させる（図５ステップ５
ｂ）。

【００８４】指定された範囲がイメージ上であるかを判
断し（図５ステップ５ｄ）、イメージ上であった場合は
リンク設定用ダイアログ（Dialog）を開き（図５ステッ
プ５ｅ）、リンク先のファイル名を指定させる（図５ス
テップ５ｆ）。

【００８５】指定されたファイルと、範囲指定された部
分の座標データ等をリンクデータとして登録し（図５ス
テップ５ｇ）、作成用画面上の範囲指定された部分をリ
ンク表示する（図５ステップ５ｈ）。

【００８６】イメージ上以外の部分に範囲指定した場合
は、その部分に範囲指定できない旨のメッセージを表示
する（図５ステップ５ｉ）。選ばれた範囲指定用のパー
ツではなかった場合、作成中の画面上に配置する位置を
指定させ（図５ステップ５ｊ）、その部分にそのパーツ
を配置する際のレイアウトを計算し（図５ステップ５
ｋ）、計算されたレイアウトにそって表示を行う（図５
ステップ５ｌ）（図１２参照）。

【００８７】既に作成用画面上に配置してあるパーツを
選択した場合（図２ステップ２ｎ）は、パーツ選択処理
（図２ステップ２ｏ）を行なう。パーツ選択処理では、
そのパーツにリンクをはる場合は（図６ステップ６
ａ）、リンク可能パーツかどうかを判断し（図６ステッ
プ６ｂ）、可能パーツであればリンク先指定ダイアログ
（Dialog）（図６ステップ６ｃ）、及びリンク先のファ
イルを指定させる（図６ステップ６ｄ）。

【００８８】指定されたファイルと、範囲指定された部
品（パーツ）との情報をリンクデータとして登録し（図
６ステップ６ｅ）、作成用画面上のパーツをリンク表示
する（図６ステップ６ｆ）。

【００８９】リンク不可能なパーツの場合は、リンクで
きない旨のメッセージを表示する（図６ステップ６
ｇ）。処理フロー作成がメニューなどから指示された場
合は、処理フロー作成用画面を表示し（図６ステップ６
ｉ）、更に使用可能なファンクションのリストを表示し
（図６ステップ６ｊ）、選択させる（図６ステップ６
ｋ）。

【００９０】選択されたファンクションを処理フローと
して作成用画面上にフローチャート形態で表示し（図６
ステップ６ｌ）、処理フローの作成が終了するまで続け
る（図１３参照）。

【００９１】編集操作が行なわれたときには（図６ステ
ップ６ｎ）、編集処理（図２ステップ２ｋ）を行なう。
上記作業を繰り返すことにより、作成画面上で画面デー
タ、処理フローデータ及びリンクデータを作成し、メニ
ューにより『ＨＴＭＬファイル作成』が選ばれると、上
記データを使用してＨＴＭＬファイルを生成する（図１
４参照）。

【００９２】メニューにより『終了』が選択されると、
ＨＴＭＬファイルの作成を終了する。上記のような操作
を繰り返すことにより、ＷＷＷ用ＨＴＭＬファイルを簡
単に作成することができ、ＨＴＭＬファイル独自のタグ
を意識せずに、またスクリプト言語を意識せずに作成す
ることがでる。よって、ユーザの手間を省き効率のよい
ＨＴＭＬファイル作成用環境を提供することができる。

【００９３】尚、本発明は、上述した実施形態に限定さ
れるものではない。本発明が生成するファイルは、ＨＴ
ＭＬファイルと表現しているが、ハイパーリンクを使用
するファイルや、３Ｄ表現可能なファイルを生成するこ
ともできる。また、本発明が起動する環境については、
ＷｉｎｄｏｗＯＳをベースに実施形態では述べたが、例
えばＭＳ−ＤＯＳやＵＮＩＸ、あるいはＯＳ／２やＸ−
Ｗｉｎｄｏｗ等であってもよい。また、作成中の１部に
リンクをはる方法に関しても、実施形態方法以外に、ポ
ップアップメニューを表示させることにより、設定の指
示を与えてもよいし、警告を発する方法もＤｉａｌｏｇ
ではなく、警告音でもかまわない。更に、処理フロー作
成時の処理フロー表示形態は、そのままテキストベース
で表示しても構わないし、カード型表示でもよい。要す
るに、その主旨を逸脱しない範囲で種々変形することが
できる。

【００９４】

【発明の効果】本発明のＷＷＷ用ＨＴＭＬファイル作成
方式および装置によれば、画面上で文字列を入力しなが
らワープロ感覚でホームページを作成し、文字列以外の
作成用パーツを選択して配置することで簡単に作成する
ことができ、ＷＷＷ用ビューワーで実際にインターネッ
ト上でネットサーフィンする際の外観と同様に作成する
ことができ、より、ＨＴＭＬファイルを簡単に作成する
ことができる。

【００９５】また、画面上に作成中の文字列やイメージ
の範囲を指定し、他のＨＴＭＬファイルにリンクをはる
ことができる。また、処理するに足りる画面上の一部を
指定し、その処理を提供しているファンクション一覧か
ら選択、組み合わせることで作成することができるた
め、スクリプト言語を習得していないユーザでも簡単に
ホームページで処理を行なわせることができるＨＴＭＬ
ファイルを作成することができる。

【００９６】これにより、実際のビューワーと同じ外観
で作成することができ、操作性に優れた、簡単なインタ
フェースでＨＴＭＬファイルを作成することができるＷ
ＷＷ用ＨＴＭＬファイル作成環境を提供することができ
る。

【図面の簡単な説明】

【図１】本発明の実施形態に於けるシステムの構成を示
すブロック図。

【図２】本発明の実施形態に於ける全体の処理手順を示
すフローチャート。

【図３】図２に示す範囲指定処理２ｉの処理手順を示す
フローチャート。

【図４】図２に示す編集処理２ｋの処理手順を示すフロ
ーチャート。

【図５】図２に示すパーツ処理２ｍの処理手順を示すフ
ローチャート。

【図６】図２に示すパーツ処理２ｏの処理手順を示すフ
ローチャート。

【図７】本発明の実施形態に於ける動作を説明するため
の画面遷移による各表示画面の構成例を示す図。

【図８】本発明の実施形態に於ける動作を説明するため
の画面遷移による各表示画面の構成例を示す図。

【図９】本発明の実施形態に於ける動作を説明するため
の画面遷移による各表示画面の構成例を示す図。

【図１０】本発明の実施形態に於ける動作を説明するた
めの画面遷移による各表示画面の構成例を示す図。

【図１１】本発明の実施形態に於ける動作を説明するた
めの画面遷移による各表示画面の構成例を示す図。

【図１２】本発明の実施形態に於ける動作を説明するた
めの画面遷移による各表示画面の構成例を示す図。

【図１３】本発明の実施形態に於ける動作を説明するた
めの画面遷移による各表示画面の構成例を示す図。

【図１４】本発明の実施形態に於ける動作を説明するた
めの画面遷移による各表示画面の構成例を示す図。

【符号の説明】

１ａ…入力部、１ｂ…処理制御部、１ｃ…表示部、１ｄ…入力管理部、１ｅ…表示管理部、１ｆ…ＨＴＭＬファイル解析部、１ｇ…画面作成制御部、１ｈ…パーツ処理部、１ｉ…レイアウト部、１ｊ…範囲判断部、１ｋ…編集部、１ｌ…イメージ判断部、１ｍ…リンク設定部、１ｏ…処理フロー作成部、１ｐ…処理フロー表示部、１ｑ…ＨＴＭＬファイル生成部、１ｒ…画面データ（ファイル）、１ｓ…リンクデータ（ファイル）、１ｔ…処理フローデータ（ファイル）、１ｕ…ＨＴＭＬファイル、スプリクトファイル等の格納
部。

───────────────────────────────────────────────────── フロントページの続き (72)発明者上田国生東京都青梅市末広町２丁目９番地株式会社東芝青梅工場内

Claims

【特許請求の範囲】

【請求項１】表示手段及び入力手段を有するデータ処
理システム上で、ＷＷＷホームページ作成用ＨＴＭＬフ
ァイルを作成する方法であって、表示画面上でホームペ
ージとなるファイル作成用の画面を作成するステップ
と、作成された画面上のフォームに対応した部分に処理
フローデータを作成するステップと、作成された画面上
のある部分に、他のホームページをリンク付けするステ
ップと、作成された画面データと処理フローデータを格
納するステップと、作成された画面データと処理フロー
データ及びリンクデータからＨＴＭＬファイルを生成す
るステップと、作成された画面データと処理フローデー
タ及びリンクデータからスクリプトファイルを生成する
ステップとを備えて、グラフィカルなインタフェースに
よりＷＷＷ用ファイルを生成することができることを特
徴とするＷＷＷ用ＨＴＭＬファイル作成方法。
【請求項２】画面を作成するステップには、表示手段
により表示されるボタン、ライン、イメージなどの画面
作成用パーツを入力手段により選択し、作成する画面上
に配置するステップを含む請求項１記載のＷＷＷ用ＨＴ
ＭＬファイル作成方法。
【請求項３】リンク付けするステップには、画面上に
入力された文字列を指定するステップと、画面上に配置
されたイメージを指定するステップと、表示ステップに
より表示される範囲指定用パーツを入力手段により選択
し、既に配置されたイメージ上で範囲指定することによ
りリンク元を指定するクリッカブルイメージ指定ステッ
プと、リンク先を指定するステップと、文字指定ステッ
プにより指定された部分をリンクしたことを示す表示を
行なうステップとを含む請求項１記載のＷＷＷ用ＨＴＭ
Ｌファイル作成方法。
【請求項４】処理フローを作成するステップには、画
面上に配置された画面作成用パーツを選択し、処理フロ
ー作成用画面を表示するステップと、使用可能な処理フ
ァンクションを表示するステップと、表示されたファン
クションを選択するステップとを具備してなる請求項１
記載のＷＷＷ用ＨＴＭＬファイル作成方法。
【請求項５】既に存在するＨＴＭＬファイルを読み込
むステップを有して、既に存在するＨＴＭＬファイルを
解析し、グラフィカルに編集できる環境に表示すること
ができることを特徴とする請求項１記載のＷＷＷ用ＨＴ
ＭＬファイル作成方法。
【請求項６】表示手段及び入力手段を有するデータ処
理システム上で、ＷＷＷホームページ作成用ＨＴＭＬフ
ァイルを作成する装置であって、表示画面上で、ホームページとなるファイル作成用の画
面を作成する画面作成手段と、作成された画面上のフォームに対応した部分に処理フロ
ーデータを作成する処理フロー作成手段と、作成された画面上のある部分に、他のホームページをリ
ンク付けするリンク手段と、作成された画面データと処理フローデータを格納するデ
ータ格納手段と、作成された画面データと処理フローデータおよびリンク
データから、ＨＴＭＬファイルを生成するＨＴＭＬ生成
手段と、作成された画面データと処理フローデータおよびリンク
データから、スクリプトファイルを生成するスクリプト
生成手段とを具備し、グラフィカルなインタフェースによりＷＷＷ用ファイル
を生成することができることを特徴とするＷＷＷ用ＨＴ
ＭＬファイル作成装置。
【請求項７】画面作成手段に、表示手段により表示さ
れるボタン、ライン、イメージなどの画面作成用パーツ
を入力手段により選択し、作成する画面上に配置するパ
ーツ配置手段を具備してなる請求項６記載のＷＷＷ用Ｈ
ＴＭＬファイル作成装置。
【請求項８】リンク手段に、画面上に入力された文字
列を指定する文字指定手段と、画面上に配置されたイメ
ージを指定するイメージ指定手段と、表示手段により表
示される範囲指定用パーツを入力手段により選択し、す
でに配置されたイメージ上で範囲指定することによりリ
ンク元を指定するクリッカブルイメージ指定手段と、リ
ンク先を指定するリンク先指定手段と、前記文字指定手
段により指定された部分をリンクしたことを示す表示を
行うリンク表示手段とを具備してなる請求項６記載のＷ
ＷＷ用ＨＴＭＬファイル作成装置。
【請求項９】処理フロー作成手段に、画面上に配置さ
れた画面作成用パーツを選択し、処理フロー作成用画面
を表示する処理フロー作成画面起動処理手段及び処理フ
ロー作成画面表示手段と、使用可能な処理ファンクショ
ンを表示するファンクション表示手段と、表示されたフ
ァンクションを選択するファンクション選択手段とを具
備してなる請求項６記載のＷＷＷ用ＨＴＭＬファイル作
成装置。
【請求項１０】既に存在するＨＴＭＬファイルを読み
込むファイル読み込み手段を具備し、既に存在するＨＴ
ＭＬファイルを解析して、グラフィカルに編集できる環
境に表示することができる請求項６記載のＷＷＷ用ＨＴ
ＭＬファイル作成装置。