(57)【要約】【課題】Ｗｅｂページ上の表コンテンツの作成、実データの入力、表コンテンツの表示／印刷、表枠組の再利用など一連の操作について、統合的且つ一貫性のあるシステムを構築することによって、表枠組の再利用を可能とし、表作成の労力やコストを低減する。【解決手段】端末１は、通信部１０と、登録処理部１１と、表コンテンツＤ１を表示する表示部１８と、表示部１８に表示された表コンテンツＤ１を編集する編集処理部１４と、表コンテンツＤ１の書式データを抽出する書式抽出部１５と、抽出された書式データから表枠組に関する表枠組情報Ｄ２を生成する表枠組情報生成部１２と、抽出された書式データから実データを入力するための入力フォームＤ３を生成する入力フォーム生成部１３と、入力フォームＤ３を介して実データを入力するデータ入力部１６と、インターフェース部１７とを備え、さらに、記憶手段１ａが接続されている。【選択図】      図２
2004326567.tif 000002
【特許請求の範囲】
【請求項１】
表枠組内に実データを記述してなる表コンテンツの作成を支援するシステムであって、
作成に係る表コンテンツを表示する表示部と、
表示部に表示された前記作成に係る表コンテンツを編集する編集処理部と、
前記作成に係る表コンテンツの書式データを抽出する書式抽出部と、
抽出された前記書式データから前記表枠組に関する表枠組情報を生成する表枠組情報生成部と、
抽出された前記書式データから前記実データを入力するための入力フォームを生成する入力フォーム生成部と、
前記入力フォームを介して前記実データを入力するデータ入力部と
を有することを特徴とする表コンテンツ作成支援システム。
【請求項２】
前記入力フォーム生成部は、前記書式データに含まれる空欄枠を検出し、検出された空欄枠を、前記実データを入力する入力フィールドとして前記入力フォームを生成することを特徴とする請求項１に記載の表コンテンツ作成支援システム。
【請求項３】
前記表枠組情報、前記入力フォーム及び前記実データを登録するデータベースと、
前記データベースに対する登録処理を管理する登録管理部と、
前記登録管理部に対して登録処理を依頼する登録処理部と
を有することを特徴とする請求項１又は２に記載の表コンテンツ作成支援システム。
【請求項４】
前記登録管理部へのアクセスを規制する認証部と、
登録に係る前記表枠組情報、前記入力フォーム及び前記実データに対して登録番号を発行する登録番号発行部と
を備え、前記登録管理部は、
前記登録処理をする際に、発行された前記登録番号と、前記表枠組情報、前記入力フォーム及び前記実データとを関連付ける
ことを特徴とする請求項３に記載の表コンテンツ作成支援システム。
【請求項５】
前記登録管理部に登録された前記表枠組情報及び前記実データを取得し、表コンテンツを表示する再現部を備えることを特徴とする請求項３に記載の表コンテンツ作成支援システム。
【請求項６】
前記登録管理部は、前記再現部から前記登録番号を取得し、取得した当該登録番号に基づいて、該当する表枠組情報及び実データを該再現部に配信する機能を有することを特徴とする請求項４に記載の表コンテンツ作成支援システム。
【請求項７】
前記登録管理部は、前記登録番号に基づいて、前記実データのみを更新する機能を有することを特徴とする請求項４又は６に記載の表コンテンツ作成支援システム。
【請求項８】
表枠組内に実データを記述してなる表コンテンツの作成を支援する方法であって、
作成に係る表コンテンツを表示し、表示された前記作成に係る表コンテンツを編集する第１のステップと、
前記作成に係る表コンテンツの書式データを抽出し、抽出された前記書式データから前記表枠組に関する表枠組情報を生成するとともに、前記書式データから前記実データを入力するための入力フォームを生成する第２のステップと、
前記入力フォームを介して前記実データを入力する第３のステップと
を有することを特徴とする表コンテンツ作成支援方法。
【請求項９】
前記第２のステップにおいては、前記書式データに含まれる空欄枠を検出し、検出された空欄枠を、前記実データを入力する入力フィールドとして前記入力フォームを生成することを特徴とする請求項８に記載の表コンテンツ作成支援方法。
【請求項１０】
前記表枠組情報、前記入力フォーム及び前記実データを登録するデータベースを設け、
通信回線を通じて、前記登録管理部に対して登録処理を依頼し、この依頼に応じて、前記データベースに対する登録処理を実行する第４のステップをさらに有することを特徴とする請求項８又は９に記載の表コンテンツ作成支援方法。
【請求項１１】
前記第４のステップでは、
前記データベースへのアクセスを認証し、
登録に係る前記表枠組情報、前記入力フォーム及び前記実データに対して登録番号を発行し、
前記登録処理をする際に、前記認証結果に基づいて、発行された前記登録番号と、前記表枠組情報、前記入力フォーム及び前記実データとを関連付けて登録する
ことを特徴とする請求項１０に記載の表コンテンツ作成支援方法。
【請求項１２】
前記データベースに登録された前記表枠組情報及び前記実データを取得し、表コンテンツを表示するステップをさらに有することを特徴とする請求項１０に記載の表コンテンツ作成支援方法。
【請求項１３】
前記登録番号を取得し、取得した当該登録番号に基づいて、該当する表枠組情報及び実データを配信するステップをさらに有することを特徴とする請求項１１に記載の表コンテンツ作成支援方法。
【請求項１４】
前記登録番号に基づいて、前記実データのみを更新するステップをさらに有することを特徴とする請求項１１又は１３に記載の表コンテンツ作成支援方法。
【請求項１５】
表枠組内に実データを記述してなる表コンテンツの作成を支援するプログラムであって、コンピュータに、
作成に係る表コンテンツを表示し、表示された前記作成に係る表コンテンツを編集する第１のステップと、
前記作成に係る表コンテンツの書式データを抽出し、抽出された前記書式データから前記表枠組に関する表枠組情報を生成するとともに、前記書式データから前記実データを入力するための入力フォームを生成する第２のステップと、
前記入力フォームを介して前記実データを入力する第３のステップと
を有する処理を実行させることを特徴とする表コンテンツ作成支援プログラム。
【請求項１６】
前記第２のステップにおいては、前記書式データに含まれる空欄枠を検出し、検出された空欄枠を、前記実データを入力する入力フィールドとして前記入力フォームを生成することを特徴とする請求項１５に記載の表コンテンツ作成支援プログラム。
【請求項１７】
前記表枠組情報、前記入力フォーム及び前記実データを登録するデータベースを設け、
通信回線を通じて、前記登録管理部に対して登録処理を依頼し、この依頼に応じて、前記データベースに対する登録処理を実行する第４のステップをさらに有することを特徴とする請求項１５又は１６に記載の表コンテンツ作成支援プログラム。
【請求項１８】
前記第４のステップでは、
前記データベースへのアクセスを認証し、
登録に係る前記表枠組情報、前記入力フォーム及び前記実データに対して登録番号を発行し、
前記登録処理するを際に、前記認証結果に基づいて、発行された前記登録番号と、前記表枠組情報、前記入力フォーム及び前記実データとを関連付けて登録する
ことを特徴とする請求項１７に記載の表コンテンツ作成支援プログラム。
【請求項１９】
前記データベースに登録された前記表枠組情報及び前記実データを取得し、表コンテンツを表示するステップをさらに有することを特徴とする請求項１７に記載の表コンテンツ作成支援プログラム。
【請求項２０】
前記登録番号を取得し、取得した当該登録番号に基づいて、該当する表枠組情報及び実データを配信するステップをさらに有することを特徴とする請求項１８に記載の表コンテンツ作成支援プログラム。
【請求項２１】
前記登録番号に基づいて、前記実データのみを更新するステップをさらに有することを特徴とする請求項１８又は２０に記載の表コンテンツ作成支援プログラム。
【発明の詳細な説明】
【０００１】
【発明の属する技術分野】
本発明は、ブラウザソフト等を用いて、表枠組内に実データを記述してなる表コンテンツの作成を支援するシステム、方法及びプログラムに関する。
【０００２】
【従来の技術】
近年、インターネットにおけるＷｅｂページでは、多くの表コンテンツが利用されている。このＷｅｂページは、ＨＴＭＬ文書で構成されており、このＨＴＭＬ文書では主に、テキストオブジェクト、イメージオブジェクト、テーブルオブジェクト、フォームオブジェクトから構成される。このようなＨＴＭＬにおいて、表コンテンツはテーブルオブジェクトによる表組み表示であり、この表組み表示はページのレイアウトのためにも利用されている。
【０００３】
表組みＸＭＬ文書のレンダリングは、次に述べる２つ方法が一般的である。１つは、表枠組の書式情報を持った要素のテキストデータを、その書式に従ってレンダリングする方法、もう１つは、ＸＭＬ文書をデータとし、別途用意した書式情報と合わせて変換処理を行いレンダリングする方法がある。
【０００４】
前者としては、例えば、電子公文書や電子出版フォーマットＪｅｐａＸなどのＸＭＬ文書等による形式があるが、この形式において表組みは、特別なボキャブラリを作成せず、ＨＴＭＬのＴＡＢＬＥ要素を流用している。これらの言語はＨＴＭＬと同様にＴＡＢＬＥ要素中に表枠組みデータと書式情報を保持し、ＴＡＢＬＥ要素を解釈するアプリケーションによってレンダリングされる。
【０００５】
一方、後者の方法では、ＸＭＬ文書の可読性により、データの電子交換のために利用される場合が多い。ところが、ＸＭＬ文書は、可読性が高いとはいえ、ＸＭＬ文書をそのまま人間が理解するのは煩雑であるため、通常ＸＭＬ文書はＸＳＬＴ［ＸＳＬ］によって、人間が読み易い書式（表など）に変換することが一般的である（例えば、非特許文献１）。
【０００６】
ＸＭＬ文書を、表などの読み易い書式的に表現する場合、それらのデータはＴＡＢＬＥ要素に展開され、ブラウザ上にレンダリングされる。この両者においてＨＴＭＬに変換されブラウザ上に表示する場合、通常ＨＴＭＬのＴＡＢＬＥ要素が用いられる。このＴＡＢＬＥ要素は簡易的なテーブル表現として簡易的に、表コンテンツが作成できる。
【０００７】
【非特許文献１】
”ＸＭＬ文書のスタイルシート生成方式”、情報処理学会研究会報告、ＤＤ−１７、１９９８年３月
【０００８】
【発明が解決しようとする課題】
しかしながら、ＴＡＢＬＥ要素は、テキストの長さに応じてセルの大きさが変化する、ブランクセルにおいてセル枠が表示されない、などのレイアウトに関わる問題を抱えている。また、ＴＡＢＬＥ要素で作成した表組みの印刷は、一般的な帳票印刷と異なり大きなレベル差がある等の問題点がある。
【０００９】
また、ＨＴＭＬの表、例えば、決算報告表、機器のスペック表などは他のコンテンツにおいて再利用される若しくは流用されることがある。このように同じ表をコンテンツ毎に作成した場合、作成時間のロス、数字の入力ミスなどにより、作成についての労力やコストが増大するという問題も発生する。
【００１０】
この状況を解決する方法として、データの一元管理を行う方式が考えられている。一般的な方法として、対象となる表のみを表示するＨＴＭＬファイルを別途作成し、このファイルを表示するコンテンツ中においてＩＦＲＡＭＥ要素により、その表をコンテンツ内に表示することができる。このようにＨＴＭＬファイルをＩＦＲＡＭＥ要素で表示する方法は簡便であるが、表用ＨＴＭＬファイルをどのように生成させるか、またその表中の実データを利用する場合どのように取り扱うか、などの新たな問題が発生する。
【００１１】
そこで、本発明は、上記の問題を解決するためになされたものであり、Ｗｅｂページ上の表コンテンツの作成、実データの入力、表コンテンツの表示／印刷、表枠組の再利用など一連の操作について、統合的且つ一貫性のあるシステムを構築することによって、表枠組の再利用を可能とし、表作成の労力やコストを低減することのできる表コンテンツ作成支援システム、表コンテンツ作成支援方法及び表コンテンツ作成支援プログラムを提供することを目的とする。
【００１２】
【課題を解決するための手段】
上記課題を解決するために、本発明は、表枠組内に実データを記述してなる表コンテンツの作成を支援する方法であって、作成に係る表コンテンツを表示し、表示された作成に係る表コンテンツを編集し、作成に係る表コンテンツの書式データを抽出し、抽出された書式データから表枠組に関する表枠組情報を生成するとともに、書式データから実データを入力するための入力フォームを生成し、入力フォームを介して実データを入力することを特徴とする。
【００１３】
このような本発明によれば、作成された一つの表コンテンツの表枠組情報をいわゆるテンプレートとして利用することができ、表枠組の再利用が容易となる。また、この作成された表コンテンツから入力フォームを自動的に作成するため、表枠組中に実データを入力する作業の省力化を図ることができる。
【００１４】
なお、本発明において、上記表コンテンツの表示や編集は、既存のブラウザソフトで行うことができ、特別なアプリケーションを要することなく、本発明を実現することができる。
【００１５】
上記発明においては、書式データに含まれる空欄枠を検出し、検出された空欄枠を、実データを入力する入力フィールドとして入力フォームを生成することが好ましい。この場合には、作成に係る表コンテンツ中の空欄枠を検出することにより、その枠が項目名記載欄なのか、実データ入力欄なのかを識別することができ、実データを入力する必要がある枠のみを入力フィールドとした入力フォームを生成することができる。
【００１６】
上記発明においては、表枠組情報、入力フォーム及び実データを登録するデータベースを設け、通信回線を通じて、登録管理部に対して登録処理を依頼し、この依頼に応じて、データベースに対する登録処理を実行することが好ましい。この場合には、作成された表枠組情報や、入力フォーム又は実データを、データベースで一元管理することができ、データ資源の共有や連携を可能とするとともに、一貫した操作体系を構築することができる。
【００１７】
上記発明においては、データベースへのアクセスを認証し、登録に係る表枠組情報、入力フォーム及び実データに対して登録番号を発行し、登録処理をする際に、認証結果に基づいて、発行された登録番号と、表枠組情報、入力フォーム及び実データとを関連付けて登録することが好ましい。この場合には、表枠組情報、入力フォーム及び実データに対して統括的に付される登録番号に基づいて、これらの各種データを一元管理することができる。
【００１８】
上記発明においては、データベースに登録された表枠組情報及び実データを取得し、表コンテンツを表示することができる。この場合には、データベースに登録された表枠組情報と実データとから一つの表コンテンツを再現する。特に、表枠組情報と実データとは別途独立したデータであることから、実データのみ、表枠組情報のみを編集、更新することが可能であり、データ資源の連携や再利用を容易なものとすることができる。
【００１９】
上記発明においては、登録番号を取得し、取得した当該登録番号に基づいて、該当する表枠組情報及び実データを配信することが好ましい。この場合には、登録番号に関連付けられた表枠組情報及び実データをひとまとめとして扱うことができ、データの連携をより容易なものとすることができる。
【００２０】
上記発明においては、登録番号に基づいて、実データのみを更新することが好ましい。この場合には、表コンテンツに記述される実データのみを別途更新することにより、表コンテンツの利用効率を向上させることができる。
【００２１】
なお、上述した発明は、所定のコンピュータ言語で記述されたプログラムとすることができる。このプログラムによって、一般のパーソナルコンピュータやサーバコンピュータを用いて、本発明のシステム及び方法を実現することができる。
【００２２】
【発明の実施の形態】
［コンテンツ表示システム］
（システムの概要）
本発明に係る表コンテンツ作成支援システムの実施形態について、図面を参照しつつ説明する。図１は、本実施形態に係る表コンテンツ作成支援システムの概略構成を示すブロック図である。
【００２３】
本実施形態に係るシステムの概要は、図１に示すように、端末１で実行されるブラウザ上において、マウス操作により作成した表コンテンツＤ１から書式情報を抽出し、表枠組情報（ＴａｂｌｅＭＬ）Ｄ２を生成するとともに、実データを入力するための入力フォームＤ３を生成する。この入力フォームＤ３を用い、このフォームに記入した実データを、表枠組情報のデータ記述に則りＸＭＬ文書Ｄ４として保存する。さらにこのＸＭＬ文書から表コンテンツＤ５の表示を行う。
【００２４】
（システムの構成）
このような表コンテンツ作成支援システムの構成について説明する。図２は、本実施形態に係る表コンテンツ作成支援システムの構成を示すブロック図である。同図に示すように、表コンテンツ作成支援システムは、ユーザー側においてブラウザソフトを実行する端末１と、端末１による登録処理により種々のデータを保存するサーバ２とから構成される。
【００２５】
端末１は、通信部１０と、登録処理部１１と、表コンテンツＤ１を表示する表示部１８と、表示部１８に表示された表コンテンツＤ１を編集する編集処理部１４と、表コンテンツＤ１の書式データを抽出する書式抽出部１５と、抽出された書式データから表枠組に関する表枠組情報Ｄ２を生成する表枠組情報生成部１２と、抽出された書式データから実データを入力するための入力フォームＤ３を生成する入力フォーム生成部１３と、入力フォームＤ３を介して実データを入力するデータ入力部１６と、インターフェース部１７とを備え、さらに、記憶手段１ａが接続されている。
【００２６】
通信部１０は、サーバ２とデータの送受信を行うモジュールである。登録処理部１１は、通信部１０を通じて、表情報データＤ２や入力フォームＤ３をサーバ２に登録するモジュールである。
【００２７】
編集処理部１４は、インターフェース部１７により取得された操作信号に基づいて、データの生成及び加工を行うモジュールであり、加工されたデータは、書式抽出部１５に出力されるとともに、表示部１８を介してディスプレイ１ｂに表示される。
【００２８】
書式抽出部１５は、ディスプレイ１ｂのブラウザ上に表示され、ブラウザのＨＴＭＬ−ＤＯＭの中から表コンテンツＤ１を構成するテキストボックス情報を抽出するモジュールである。具体的には、表コンテンツＤ１を構成する各テキストボックスについて、ＤＩＶ要素の大きさ、表示位置、スタイル情報、テキストを抽出し、ＤＩＶ要素の大きさに基づいて、グループ化し、ｒｅｃｔ要素を生成する。次いで、位置情報をｔｒａｎｓｆｏｒｍ属性に変換し、大きさに対応するｒｅｃｔ要素からｕｓｅ属性を求めてｔｅｘｔＢｏｘ要素を生成し、すべてのＤＩＶ要素についてｔｅｘｔＢｏｘ要素を求める。ここで、ｔｅｘｔＢｏｘ要素のｉｄ属性値は、マウスによって作成したＤＩＶ要素のｉｄ属性値と対応するものである。
【００２９】
表枠組情報生成部１２は、書式抽出部１５が抽出したテキストボックス情報を解析し、テキストボックス内にテキスト（文字列）が挿入されているか否かを判断し、挿入されている場合に、該当するテキストボックス情報を表枠組情報（ＴａｂｌｅＭＬ）として出力するモジュールである。
【００３０】
一方、入力フォーム生成部１３は、書式データに含まれる空欄枠を検出し、検出された空欄枠を、実データを入力する入力フィールドとして入力フォームＤ３を生成するモジュールである。具体的に、入力フォーム生成部１３は、書式抽出部１５が抽出したテキストボックス情報を解析し、テキストボックス内にテキスト（文字列）が挿入されているか否かを判断し、挿入されていない場合に、該当するテキストボックスを入力フィールドとして、そのテキストボックス情報を入力フォームＤ３（ＨＴＭＬ形式）に変換し出力する。データ入力部１６は、ブラウザに表示された入力フォームＤ３を介して、表中の実データを入力するモジュールである。
【００３１】
インターフェース部１７は、マウス１ｃやキーボードなどの操作デバイスからの操作信号を取得するインターフェースであり、特にマウス１ｃによってディスプレイ１ｂ上で移動されるポイントの座標を取得する。この取得された座標は、編集処理部１４に入力される。表示部１８は、編集処理部１４で生成されたデータを、ブラウザソフトを介して、ディスプレイ１ｂに表示するモジュールである。また、この表示部１８は、インターフェース部１７において操作されるポインティングデバイスを画面上に表示する機能も備えている。
【００３２】
記憶手段１ａは、編集処理部１４で編集されたデータを記憶する記憶装置であり、編集途中のデータや、編集が完成したデータ、又は、編集に必要とされる素材データなどを格納する。
【００３３】
サーバ２は、通信部２０と、認証部２１と、登録番号発行部２２と、登録管理部２３と、表情報管理部２４と、入力フォーム管理部２５と、データ管理部２６と、データベース管理部２７とを備え、データベース２ａが接続されている。
【００３４】
通信部２０は、通信回線等を通じて、端末１とデータの送受信を行うモジュールである。認証部２１は、サーバ２の外部から登録管理部２３へのアクセスを規制する認証システムであり、端末１からＩＤやパスワードを取得し、照合し、認証されたアクセスのみを登録管理部２３に接続する。登録番号発行部２２は、登録に係る表枠組情報Ｄ２、入力フォームＤ３及び実データに対して登録番号を発行するモジュールである。
【００３５】
登録管理部２３は、データベース２ａに対する登録処理を管理するモジュールであり、登録処理をする際に、発行された登録番号と、表枠組情報Ｄ２、入力フォームＤ３及びデータとを関連付ける機能を有する。表情報管理部２４、入力フォーム管理部２５、データ管理部２６は、登録管理部２３による制御に基づいて、表枠組情報Ｄ２、入力フォームＤ３及びデータのデータベース２ａに対する入出力をそれぞれ管理するモジュールである。
【００３６】
データベース管理部２７は、データベース２ａに対するデータの読み込み及び書き込みを管理するモジュールである。データベース２ａは、表枠組情報Ｄ２、入力フォームＤ３及び実データを登録する記憶装置である。
【００３７】
（システムの動作）
（１）表コンテンツの作成及び編集
本実施形態において表コンテンツの枠組書式は、印刷に耐え得るようにするため、ＴＡＢＬＥ要素を用いず、ＤＩＶ要素［ＣＳＳ］を用いる。この枠の生成、位置編集、大きさ編集に関わる処理は、編集処理部１４で行い、その際の操作は以下の通りである。
【００３８】
・生成
マウスが押下された時（ｏｎｍｏｕｓｅｄｏｗｎイベントが生じた時）、インターフェース部１７において、その座標（ｏｆｆｓｅｔＸ＝ｅｖｅｎｔ．ｃｌｉｅｎｔＸ，  ｏｆｆｓｅｔＹ＝ｅｖｅｎｔ．ｃｌｉｅｎｔＹ）を取得する。これを開始座標として、編集処理部１４において、ＤＩＶ要素ｄＮｏｄｅ（ｉｄ＝”ｒｅｃｔｆｒａｍｅ＿ｘｘｘ”、ｄＮｏｄｅ．ｓｔｙｌｅ．ｐｏｓＬｅｆｔ＝ｏｆｆｓｅｔＸ，  ｄＮｏｄｅ．ｓｔｙｌｅ．ｐｏｓＴｏｐ＝ｏｆｆｓｅｔＹ）を生成する。
【００３９】
次に、マウスをドラッグした時（ｏｎｍｏｕｓｅｍｏｖｅイベントが生じた時）、インターフェース部１７は、その移動座標から移動量（ｍｏｖｅｔｏＸ＝ｅｖｅｎｔ．ｃｌｉｅｎｔＸ−ｏｆｆｓｅｔＸ，  ｍｏｖｅｔｏＹ＝ｅｖｅｎｔ．ｃｌｉｅｎｔＹ−ｏｆｆｓｅｔＹ）を求め、編集処理部１４において、ＤＩＶ要素に大きさ（ｄＮｏｄｅ．ｓｔｙｌｅ．ｐｉｘｅｌＷｉｄｔｈ＝ｍｏｖｅｔｏＸ，  ｄＮｏｄｅ．ｓｔｙｌｅ．ｐｉｘｅｌＨｅｉｇｈｔ＝ｍｏｖｅｔｏＹ）を取得し、これに基づいて表示部１８を通じてディスプレイ１ｂ上に、矩形状の枠が表示される。マウスをドラッグしている間、この操作を続けることによって、枠の大きさを変化させることができる。
【００４０】
そして、マウスボタンがアップした時（ｏｎｍｏｕｓｅｕｐイベントが生じた時）、その操作信号がインターフェース部１７において取得され、これにより、編集処理部１４において枠が固定される。なお、生成したＤＩＶ要素はｂｏｒｄｅｒ属性によって境界線が見えるようにする。またこのノードのｉｄ属性は後の編集などに利用され、その値はｒｅｃｔｆｒａｍｅ＿ｘｘｘ（ｘｘｘは、通し番号を示す。）として記憶手段１ａに保存される。
【００４１】
・位置編集
ディスプレイ１ｂ上において、生成された枠内にポイントを位置させて、マウスが押下された時、インターフェース部１７は、その操作信号に基づいて、ポイントの座標を編集処理部１４に出力し、編集処理部１４では、枠のブラウザ内での表示開始座標（ｏｆｆｓｅｔＸ＝ｅｖｅｎｔ．ｃｌｉｅｎｔＸ，  ｏｆｆｓｅｔＹ＝ｅｖｅｎｔ．ｃｌｉｅｎｔＹ）、並びにＨＴＭＬ中での表示座標（ｐｏｓｉｔｉｏｎＸ＝ｄＮｏｄｅ．ｏｆｆｓｅｔＬｅｆｔ，  ｐｏｓｉｔｉｏｎＹ＝ｄＮｏｄｅ．ｏｆｆｓｅｔＴｏｐ）を取得する。
【００４２】
次にマウスをドラッグした時の移動座標から移動量（ｍｏｖｅｔｏＸ＝ｅｖｅｎｔ．ｃｌｉｅｎｔＸ−ｏｆｆｓｅｔＸ，  ｍｏｖｅｔｏＹ＝ｅｖｅｎｔ．ｃｌｉｅｎｔＹ−ｏｆｆｓｅｔＹ）を求め、ＤＩＶ要素の表示位置（ｄＮｏｄｅ．  ｓｔｙｌｅ．ｐｏｓＬｅｆｔ＝ｐｏｓｉｔｉｏｎＸ＋ｍｏｖｅｔｏＸ，  ｄＮｏｄｅ．ｓｔｙｌｅ．ｐｏｓＴｏｐ＝ｐｏｓｉｔｉｏｎＹ＋ｍｏｖｅｔｏＹ）を変えて、枠が移動する。マウスボタンがアップした時、枠の移動は停止する。
【００４３】
・大きさ編集
マウスが枠内で押下された時、図３に示す通り、枠編集のため枠四隅にボール（編集位置を識別するマーク）が現れる。このボールをマウスドラッグすると枠の大きさが変更できる。枠右下のボールによる大きさの変更は枠生成の方法とほぼ同じで、枠編集前の幅、高さに移動量を加えたものが新しい幅、高さになる。その他のボールによる編集では、幅、高さのみならず、枠左上の開始座標を操作する必要がある（移動量はマイナスの値をとることはできないため）。マウスボタンがアップした時、枠の大きさは固定される。
【００４４】
図３に示した例では枠右上のボールのところにカーソルが現れマウスドラッグすると、枠左下を基点として右上方向に枠の大きさを変更できる。マウスドラッグを始める前の枠（開始座標をｘｒ，  ｙｒとし、幅、高さをｗ，  ｈとする）に対して、右上のボールを移動始めた点の座標をｘ０，  ｙ０とし、移動後の点をｘ１，  ｙ１とする。この条件でマウスドラッグによって新たなに生成される枠の開始座標は、ｘ座標はそのまま、ｙ座標はｙｒ＝ｙｒ＋ｙ１−ｙ０、幅はｗ＝ｗ＋ｘ１−ｘ０、高さはｈ＝ｈ−（ｙ１−ｙ０）となり、これらの値を当該ＤＩＶ要素のスタイル属性に代入すると、移動後の枠が生成される。
【００４５】
・編集メニュー
表の枠は、図４に示すメニューによって編集される。この編集メニューは、数１に示すようにＸＬｉｎｋ  によって定義される。このＸＬｉｎｋでは、編集に必要な処理系をリンク対象としている。
【００４６】
【数１】
2004326567.tif 000003
なお、本実施形態では、ｘｌｉｎｋ：ｓｈｏｗ＝”ｐｏｐｕｐ”と言う処理により、操作対象となる表枠組の近傍に編集メニューがポップアップ表示される。この編集メニューに含まれる操作としては、枠の中に埋め込むテキストの編集、テキストに関わるプロパティ情報の設定、枠自身が有するプロパティとしてフォント情報や背景情報の設定、枠オブジェクトのコピー並びに削除などがある。
【００４７】
ここでＸＬｉｎｋとは、リソースとリソースを関連付けるリンク機構であり、ブラウザ上で、ＨＴＭＬファイル、及びＸＬｉｎｋ仕様に沿って記述されたＸＬｉｎｋファイル（ＸＭＬファイル）を読み込み、リンク制御ＡＰＩにより、その記述に従い第三者リンクを実現し、他のコンテンツ（画像や他のＨＴＭＬファイル）を種々の形態で結合されたリンク機能を持つＨＴＭＬとして表示する。
【００４８】
本実施形態では、上記編集メニューに含まれる機能を、第三者リンクとして本システムの編集処理部１４に取り込み、表コンテンツ作成支援機能を、既存のブラウザに付加する。
【００４９】
・テキストの編集
表の枠を上記の手順で作成した後、図５に示すように、この枠の中にテキストの入力・編集ができる。またテキストに対する属性には、枠内におけるテキストの水平（左、中央、右）・垂直配置（上、中央、下）を指定する属性、テキストを表示するセルの意味合い（ヘッダ、データ、その他）を示す属性がある。テキストの水平配置はスタイル情報のｔｅｘｔ−ａｌｉｇｎによって、左寄せ、中央、右寄せが指定できる。なお、ＤＩＶ要素では垂直配置を指定する方法が用意されていない（ＴＡＢＬＥ要素はＶＡＬＩＧＮ属性によってセル内の垂直配置を指定することができる）ため、本実施形態では、フォントメトリックスの計算によって、テキストの垂直配置を行う。
【００５０】
ＤＩＶ要素内のテキストの垂直配置は、ＤＩＶ要素の高さＨに対して、テキストの表示高ｈとすると、”ｔｏｐ”配置の場合はｐａｄｄｉｎｇＴｏｐ＝０、”ｂｏｔｔｏｍ”配置ではｐａｄｄｉｎｇＴｏｐ＝Ｈ−ｈ、”ｍｉｄｄｌｅ”配置ではｐａｄｄｉｎｇＴｏｐ＝Ｈ−ｈ／２とすることによって、テキストの垂直配置を行う。またｐａｄｄｉｎｇＴｏｐの値からテキストの垂直配置状況が逆算することも可能となった。ここで用いたフォントメトリックスは次のクラスによって実現した。
【００５１】
ｆｏｎｔＭｅｔｒｉｃｓはフォントメトリックスのクラスで、テキストとスタイル情報若しくはノード情報を与えてフォントメトリックスの計算を行う。このクラスには、ｓｅｔＴｅｘｔで別のテキストを設定したり、ｓｅｔＮｏｄｅで別のノードを設定したり、ｓｅｔＰｒｏｐｅｒｔｙで別のスタイル情報を設定するメソッドがある。これら設定メソッドによってクラスオブジェクトの状態を変えた場合、ｃａｌｃｕｌａｔｅメソッドによりフォントメトリックスの再計算を行う。
【００５２】
クラスオブジェクトのインスタンス情報は、ｇｅｔＴｅｘｔメソッドでテキスト、ｇｅｔＰｒｏｐｅｒｔｙでスタイル情報、ｇｅｔＦｏｎｔＷｉｄｔｈでフォントサイズ、ｇｅｔＦｏｎｔＨｅｉｇｈｔでフォント高、ｇｅｔＴｅｘｔＷｉｄｔｈでテキストの表示長、ｇｅｔＴｅｘＨｅｉｇｈｔでテキストの表示高、ｇｅｔＴｅｘｔＬｉｎｅｓでテキストの表示行数が取得できる。なお、テキストの表示長は、テキストが確実に表示される幅のＤＩＶ要素内にテキストを格納したＳＰＡＮ要素ｔＮｏｄｅを設け、ｔＮｏｄｅ．ｏｆｆｓｅｔＷｉｄｔｈにより算出する。テキストの表示高は、指定された幅を有するＤＩＶ要素内にテキストを格納したＳＰＡＮ要素ｔＮｏｄｅを設け、ｔＮｏｄｅ．ｏｆｆｓｅｔＨｅｉｇｈｔにより算出する。
【００５３】
・プロパティの編集
表組みの枠内に表示されるテキストのスタイル情報は、図６に示すように、フォントメトリックスに関わる情報（ｆｏｎｔ−ｆａｍｉｌｙ、ｆｏｎｔ−ｓｉｚｅ、ｆｏｎｔ−ｓｔｙｌｅ、ｆｏｎｔ−ｗｅｉｇｈｔ、ｌｅｔｔｅｒ−ｓｐａｃｉｎｇ）と表示色に関わる情報（ｆｏｎｔ−ｃｏｌｏｒ、ｂａｃｋｇｒｏｕｎｄ−ｃｏｌｏｒ）とし、これらの値を編集することができる。表組みを構成するＤＩＶ要素ｎｏｄｅに対して、ｆ＝ｎｅｗ  ｆｏｎｔＭｅｔｒｉｃｓ（ｎｏｄｅ）とすると、クラスオブジェクト内でｎｏｄｅ．ｃｕｒｒｅｎｔＳｔｙｌｅ．ＸＸＸＸによって各プロパティの初期値が求まり、この値を画面に表示する。編集した値は、ｓｅｔＰｒｏｐｅｒｔｙによってクラスオブジェクト内に設定され、表示される。
【００５４】
・その他の編集メニュー
本実施形態においては、ＧＵＩを通して表を作成するに際し、コピーや削除を行うことができる。コピーは、マウスが押下した枠ｐＮに対して、そのクローンｖａｒ  ｃｎ＝ｐＮ．ｃｌｏｎｅＮｏｄｅ（ｔｒｕｅ）を生成し、できたクローンが元の枠に重ならないようにクローンの表示位置をｃｎ．ｓｔｙｌｅ．ｐｉｘｅｌＬｅｆｔ＝ｅｖｅｎｔ．ｃｌｉｅｎｔＸ、ｃｎ．ｓｔｙｌｅ．ｐｉｘｅｌＴｏｐ＝
ｅｖｅｎｔ．ｃｌｉｅｎｔＹで変更する。
【００５５】
（２）表枠組情報（ＴａｂｌｅＭＬ）について
上述のようにＧＵＩを用いて表組みの作成を行い、これにより作成された表枠組情報（ＴａｂｌｅＭＬ）は、この表組み作成過程並びに表組みに埋め込む実データ若しくはデータベース２ａとの関係を考慮したものとなっている。ＴａｂｌｅＭＬ（数２）は、表組みの書式を記述するｔａｂｌｅＦｏｒｍ要素と表の中に埋め込むテキストを記述するｔａｂｌｅＤａｔａ要素からなる。
【００５６】
【数２】
2004326567.tif 000004
ＴａｂｌｅＭＬの書式構成は、書式を示すｆｏｒｍ要素と初期データを記述するｉｎｉｔＤａｔａ要素からなる。ｆｏｒｍ要素は、表中で用いられる枠を記述（枠の大きさ、背景色など）するｒｅｃｔ要素と枠とをテキストボックスとして取得し、そのテキストボックスの表示位置やテキストへのスタイル情報を記述するｔｅｘｔＢｏｘ要素からなる。なお、ｆｏｒｍ要素は、枠やテキストへのスタイル情報を付与するｓｔｙｌｅ要素が含まれる。本実施形態において、デフォルトのｓｔｙｌｅ要素の情報は、”ｆｏｎｔ−ｆａｍｉｌｙ：’ＭＳ  ＰＧｏｔｈｉｃ’；  ｆｉｌｌ：ｎｏｎｅ；  ｓｔｒｏｋｅ：ｂｌａｃｋ；  ｆｏｎｔ−ｓｉｚｅ：１２；  ｆｏｎｔ−ｗｅｉｇｈｔ：４００；  ｆｏｎｔ−ｓｔｙｌｅ：ｎｏｒｍａｌ；  ｌｅｔｔｅｒ−ｓｐａｃｉｎｇ：ｎｏｒｍａｌ；  ｔｅｘｔ−ｄｅｃｏｒａｔｉｏｎ：ｎｏｎｅ；  ｌｉｎｅ−ｈｅｉｇｈｔ：ｎｏｒｍａｌ；  ｔｅｘｔ−ａｌｉｇｎ：ｌｅｆｔ；  ｖｅｒｔｉｃａｌ−ａｌｉｇｎ：ｍｉｄｄｌｅ；”とする。
【００５７】
ｔｅｘｔＢｏｘ要素において、ｕｓｅ属性はｒｅｃｔ要素のｉｄ属性と対応して枠を参照し、ｔｒａｎｓｆｏｒｍ属性（ＳＶＧに準拠）でその枠の表示位置を設定する。他の要素においてもｕｓｅ属性とｉｄ属性との関係は同じである。表にはヘッダと呼ばれるセルが表の先頭にあり、列に関する情報を与えている。ＴａｂｌｅＭＬではこれらヘッダ情報は表の初期値として、書式の一部としてｉｎｉｔＤａｔａ要素で定義する。この要素のｕｓｅｄＦｏｒｍ属性は参照する書式は自分自身の中にある書式を利用する。
【００５８】
表へのデータ記述を行うｔａｂｌｅＤａｔａ要素は、ｕｓｅｄＦｏｒｍ属性によって参照すべき書式をＵＲＩで示し、データはｄｉｓｐＤａｔａ要素中に記述する。データ記述は書式記述と分離可能で、それぞれ別のＸＭＬ文書として管理することができる。
【００５９】
数２に示すように、ｉｎｉｔＤａｔａ要素中にある表ヘッダはｉｄ属性がｔ１、ｔ２、ｔ３で示されるｔｅｘｔＢｏｘ要素を参照し、それらの枠はｉｄ＝”ｒ１”のｒｅｃｔ要素からなる。同様にｔａｂｌｅＤａｔａ要素中のデータはｉｄ属性がｔ４、ｔ５、ｔ６で示されるｔｅｘｔＢｏｘ要素を参照し、それらの枠はｉｄ＝”ｒ２”のｒｅｃｔ要素からなる。
【００６０】
（３）書式情報と入力フォームの生成、データ登録並びにデータ表示
上述した手順により作成・編集した表組みは、ディスプレイ１ｂのブラウザ上に表示され、書式抽出部１５によって、ブラウザのＨＴＭＬ−ＤＯＭの中から、表コンテンツＤ１の書式データを抽出する。具体的には、表組みを構成するテキストボックス情報を抽出する。
【００６１】
詳述すると、各テキストボックスについて、ＤＩＶ要素の大きさ、表示位置、スタイル情報、テキストを抽出し、ＤＩＶ要素の大きさに基づいて、グループ化し、ｒｅｃｔ要素を生成する。次いで、位置情報をｔｒａｎｓｆｏｒｍ属性に変換し、大きさに対応するｒｅｃｔ要素からｕｓｅ属性を求めてｔｅｘｔＢｏｘ要素を生成し、すべてのＤＩＶ要素についてｔｅｘｔＢｏｘ要素を求める。
【００６２】
ＤＩＶ要素がテキストを有する場合、表の初期値データとしてｉｎｉｔＤａｔａ要素中にそのテキストを持つｄｉｓｐＤａｔａ要素を生成し、対応するｔｅｘｔＢｏｘ要素からｕｓｅ属性を求め要素に追加される。これら一連の処理によって表枠組情報Ｄ２として、登録処理部１１及び通信部１０を介して、サーバ２に登録される。
【００６３】
また、テキストを有しないＤＩＶ要素は入力フィールドと判断し、ＤＩＶ要素内に入力フィールドを設ける。設ける入力フィールドは、ＤＩＶ要素の表示高が１行分の時ＩＮＰＵＴ要素により、２行以上の場合、ＴＥＸＴＡＲＥＡ要素によるテキストボックスの生成を行う。このように表示状態の変わったＨＴＭＬをＨＴＭＬ−ＤＯＭから抽出し、そのＨＴＭＬ情報を入力フォームＤ３として生成し、登録処理部１１及び通信部１０を介して、サーバ２に登録される。なお、このＨＴＭＬファイルは書式情報とペアになるよう、ｈｉｄｄｅｎ文で書式ファイル名が埋め込まれる。
【００６４】
このように作成された入力フォームＤ３の入力フィールドに、データ入力部１６を介して、実データを入力し、実データ登録を行うと、ｉｎｉｔＤａｔａ要素と同様にｔａｂｌｅＤａｔａ要素中に対応するｄｉｓｐＤａｔａ要素が生成し追加される。登録処理による入力データはＴａｂｌｅＭＬに則ったＸＭＬ文書（数３）が作成され、登録処理部１１を介して、サーバ２に登録される。
【００６５】
【数３】
2004326567.tif 000005
数３は、登録した表データで、ｔａｂｌｅＤａｔａ要素のｕｓｅｄＦｏｒｍ属性に参照すべき書式情報が埋め込まれている。この書式情報に従いｔａｂｌｅＤａｔａ要素中にある実データはブラウザ上のＪａｖａＳｃｒｉｐｔ（登録商標）によって、図７のように、表コンテンツＤ５として画面に表示される。ここで表示された表は、ブラウザの印刷コマンドによって印刷に供される。
【００６６】
（４）ＴＡＢＬＥ要素とＤＩＶ要素による表組み表示
本実施形態では細い罫線が印刷できる方式として、ＤＩＶ要素のＣＳＳ属性を用いて細い罫線を描き、印刷に耐え得るようにする。
【００６７】
なお、本発明にあっては、ＤＩＶ要素による記述の他に、ＴＡＢＬＥ要素を用いた表組みを採用することもできる。この場合には、表組みの幅をＴＡＢＬＥ、ＴＲ、ＴＤの各要素のｗｉｄｔｈ属性で指定し、罫線幅をｂｏｒｄｅｒ属性で指定することで作成できる。このように作成された表組みにおいて線幅属性ｂｏｒｄｅｒ＝”０”の時、画面上で最小幅の罫線として表示されるが、印刷するとｂｏｒｄｅｒ＝”０”であるため、罫線は印刷されない。したがって、本実施形態では、ｂｏｒｄｅｒ＝”１”とする。これにより、画面上も、印刷でも罫線は２重線で表されることとなる。
【００６８】
【数４】
2004326567.tif 000006
【数５】
2004326567.tif 000007
数４及び数５で示したＨＴＭＬを表示すると、図８のように表示される。なお、数４は、図８（ａ）に対応しＴＡＢＬＥ要素に表組み、数５は図８（ｂ）に対応しＤＩＶ要素で表組みを表示している。図８において、両要素を利用した表組みはほぼ同じである（若干テキストの配置が異なる）。なお、印刷をするとＴＡＢＬＥ要素による表組みは罫線が印刷されず、ＤＩＶ要素による表組みは画面で表示されたものと同様のものが印刷される。
【００６９】
（５）全体の処理フローの概要
次いで、処理全体の流れについて説明する。なお、ここでは、上述した表コンテンツ作成支援システムを、帳票の作成及び管理に応用した場合を例に説明する。
【００７０】
先ず、表組みの登録編集は、図９に示すスタート画面から開始する。図９に示すように、スタート画面は、フレームｍｅｎｕと、フレームｄｏｃとから構成され、表コンテンツを管理する管理者のみが利用できるモードにおいて表示される。
【００７１】
このスタート画面のフレームｍｅｎｕにおいて、表コンテンツの新規作成、並びにこれまで作成した表コンテンツ名が表示される。新規作成を選択すると、図９に示すようなフレームｄｏｃの画面が表示され、新規な表の作成を行うことができる。このスタート画面で表の作成を行い、図１０に示す表に対してファイル名（ここでは、”ｓｈｕｋｋａ”とする。）を入力し登録ボタンを押すと、作成した表情報がｓｈｕｋｋａＴ．ｈｔｍｌとしてサーバ２に登録される。このファイルに登録される内容は、フレームｄｏｃに表示されている表組みに関する情報であり、再度編集可能な書式で記述される。この登録処理と併せて、この表に対応する入力フォーム”ｓｈｕｋｋａＩ．ｈｔｍｌ”が、サーバ２に登録される。
【００７２】
入力フォームＤ３用のＨＴＭＬファイルの生成は、図１０に示すように、作成した表の中で、枠内にテキスト（文字列若しくは実データ）が記述されていない空欄枠を、入力フィールドとして検出することにより行う。この検出処理は、書式抽出部１５及び入力フォーム生成部１３において、自動的にデフォルト処理として行われる。また登録情報（ファイル名、表名すなわち文書名、表組みの開始座標並びに表組みの幅、高さ、作成者、作成日付など）はサーバ２上にある表枠組情報を管理する表組み管理台帳ｔａｂｌｅＴｅｍｐｌａｔｅ．ＸＭＬに追加登録される。なお、表組み管理台帳に登録される表名は、表のタイトルを採用する（例えば、図９の画面のまま登録を行うと、その表名は“タイトル入力”となる）。
【００７３】
フレームｍｅｎｕにおいて、既存の表名を選択すると、フレームｄｏｃの画面に既存の表コンテンツが表示され、既に作成した表に対して編集を行うことができる。この例では”出荷伝票“を選び、表組み管理台帳を参照して対応するファイル名を取得し、サーバ２からそのファイルを取得して画面に表示する。また、表示した画面のフレームｍｅｎｕのファイル名欄に対応するファイル名が表示される。表の編集を行った後、登録処理を行うと、その編集内容がサーバ２上の同名ファイル並びに表組み管理台帳に上書き登録される。
【００７４】
一般の利用者は、データベース２ａに登録された表枠組情報Ｄ２及び実データＤ４を取得し、表コンテンツＤ５を閲覧することができる。この閲覧処理は、通常のブラウザソフトを再現部として用いることにより実行することができる。詳述すると、端末装置上において起動されたブラウザソフトを用いて、図１１に示す画面を通して、登録管理部２３にアクセスする。このとき、各コンテンツに対して発行された登録番号をアクセスキーとすることができ、これを認証部２１で認証するようにしてもよい。
【００７５】
アクセスが許可された場合、登録管理部２３は、データベース管理部２７を通じてデータベース２ａ内に登録された各データ（帳票の表枠組及び実データ）を利用者に対して配信する。詳述すると、利用者側において帳票が表示される時、入力帳票管理台帳ｔａｂｌｅＦｏｒｍ．ＸＭＬに登録されている帳票一覧を図１１に示すフレームｍｅｎｕに表示する。このフレームｍｅｎｕの入力帳票一覧から必要とする帳票を選ぶと、選択されたフレームｄｏｃが表示される。この表で空白部分が記入エリアで、必要事項を入力する。このフレームｄｏｃ上部に作成者欄と番号欄は利用者が本システムを利用の際、サーバ２によるログイン認証の結果、自動的に作成者並び当該文書に対する利用者の登録番号が付与される。記入事項を入力後、登録ボタンを押すと、記入された実データのみがサーバ２に登録される（図１１の例ではｏｓａｋａ００１０２３．ｔｘｍｌと言う名前のＸＭＬ形式ファイルに格納される）。
【００７６】
また、入力した帳票を管理するため、帳票登録管理台帳ｔａｂｌｅＤａｔａ．ＸＭＬに記入情報を格納する。なおこのファイルには記入情報以外に記入文書名、作成日などが格納される。その他の情報として、当該文書がワークフローに乗り、承認されて行くが、その承認情報が付帯情報として格納される。登録したデータは帳票登録管理台帳ｔａｂｌｅＤａｔａ．ＸＭＬに従い、図１２中に示すように、フレームｍｅｎｕに一覧表示し、この中のデータを選択すると、フレームｄｏｃの画面のように記入した書式並びに記入データが表示される。なお、図１２のように表示されたデータに対しては書き込み不可状態となっており、編集することはできない。
【００７７】
なお、図１１に示す入力帳票一覧は一般の利用者すべてが利用でき、図１２の登録データの表示は利用者本人のデータのみアクセスすることができる。なお、管理者は図１２のすべてのデータがアクセスできる。
【００７８】
（６）登録編集の処理フローの詳細
次いで、ブラウザを用い、ＧＵＩを通しての表の作成、登録、編集について述べる。本実施形態における登録編集の流れは、図１３に示すように、先ず、表作成用ＨＴＭＬを取得した後、ステップＳ１０１において、表組み管理台帳ｔａｂｌｅＴｅｍｐｌａｔｅ．ＸＭＬを読み込み、図９に示す画面を表示する。フレームｍｅｎｕ内の表組み一覧は表組み管理台帳を参照して作成される。
【００７９】
次いで、ファイルの選択を行う（Ｓ１０２〜Ｓ１０４）。このファイルの選択としては、新規に作成する場合と、既存ファイルを編集する場合とがある。図９に示したフレームｍｅｎｕの一覧から帳票を選択すると、サーバ２から所定の表組みが読み込まれて、表示処理が行われ（Ｓ１０５〜Ｓ１０７）、表作成スクリプトが埋め込まれ（Ｓ１０８）、表の編集が開始される。新規に表組みを作成する場合、図９のフレームｄｏｃの画面から開始する。
【００８０】
表組みの作成・編集におけるモード変更は、図１４に示すように、マウスアクションを取得することによって行われる（Ｓ３０１）。マウスドラッグをすると、その位置を開始点として枠が表示される（Ｓ３０２）。この枠はマウス移動に合わせ拡大したり、縮小されたりし、マウスドラッグが終了した点を終了点とする枠が生成される（Ｓ３０３〜Ｓ３０５）。生成された枠をマウスの左ボタンをクリック（左クリック）すると、枠の四隅にボールが表示される（Ｓ３０６）。
【００８１】
この枠内をドラッグすると、マウス移動に合わせ、枠全体が移動し、位置の編集を行うことができる（Ｓ３０９）。また、四隅のボールをドラッグすると、マウス移動に合わせ枠の大きさを編集できる（Ｓ３１０）。この枠内でマウスの右ボタンをクリック（右クリック）すると、枠に対する属性編集ができる（Ｓ３１１）。このステップＳ３１１における属性編集では、図１５に示すように、メニューの選択を通じて（Ｓ５０１）、枠内に表示するテキストの編集、枠内の文字サイズ、文字色や背景色などの属性設定、枠自体の複製、枠の削除を行うことができる（Ｓ５０２〜Ｓ５１１）。
【００８２】
作成・編集された表組みの登録は、図９中に示す“登録”ボタンによってサーバ２に登録される（登録された表組みの情報は表組み管理台帳に保存される）。この登録の際に、入力フォームＤ３も自動生成され登録される（登録された入力フォームの情報は入力帳票管理台帳に保存される）。
【００８３】
この登録処理は、図１３に示すように、サーバに対する送受信処理とファイル若しくはデータベース２ａへの格納処理により、実行される。先ず、ファイル名を入力した後（Ｓ２０１）、登録ボタンを押すと登録処理が始まる（Ｓ２０２）。このとき、ファイル名の有無を判断し（Ｓ２０３）、ファイル名がなければ、ステップＳ２０１及びＳ２０２を再実行する。
【００８４】
次いで、画面上で作成された表組の情報を取得するとともに、そのサーバへの登録を行う（Ｓ２０４）。
【００８５】
この登録処理について詳述すると、図１６に示すように、ブラウザ上で、現在表示されている表組みの開始位置並びに大きさを取得するため、ＨＴＭＬ−ＤＯＭを走査して、枠要素の抽出を行う。作成した枠はＤＩＶ要素で定義されているとともに、属性ｉｄ＝”ｒｅｃｔｆｒａｍｅ＿ｘｘｘ”と言う属性を持つ（ｘｘｘは通し番号）。走査はＤＩＶ要素でかつ属性ｉｄの文字列中にテキスト”ｒｅｃｔｆｒａｍｅ”を有することを条件として実行する。
【００８６】
このように走査した枠の開始座標（スタイル属性のｌｅｆｔ，  ｔｏｐ）並びに枠の大きさ（スタイル属性のｗｉｄｔｈ，  ｈｅｉｇｈｔ）から表組み全体の開始座標（ｘ，  ｙ）並びに大きさ（ｗｉｄｔｈ，  ｈｅｉｇｈｔ）を求める。これらのデータは＜ｉｎｐｕｔ  ｔｙｐｅ＝”ｈｉｄｄｅｎ”で定義する入力フィールドを設け、現在表示しているＨＴＭＬ中に埋め込む。また走査条件に合うＤＩＶ要素において、表項目の名称などテキストを有する枠は表組みの項目と見なし、テキストを有しない枠は、入力フィールドと見なす。入力フィールドと見なされたＤＩＶ要素内にＩＮＰＵＴ要素を追加し、入力フィールドを設ける。これらの処理をブラウザで行い、“登録”ボタンの押下により入力フォームＤ３がサーバ２に送信される（Ｓ４０１及びＳ４０２）。
【００８７】
サーバ２は、送信された入力フォームＤ３を受信する（Ｓ４０３）。受信した入力フォームＤ３は、テキストｎｔとしてサーバ２のプログラム内に保持される。このテキストｎｔ中において、マーキングタグ＜ｉｎｐｕｔ  ｔｙｐｅ＝”ｈｉｄｄｅｎ”＞で書かれている表組み情報に基づいて、ファイル名ｆｎａｍｅ、タイトルｔｉｔｌｅ（帳票名）、表の開始座標（ｘ，  ｙ）並びに大きさ（ｗｉｄｔｈ，  ｈｅｉｇｈｔ）を取り出し、これらの＜ｉｎｐｕｔ  ｔｙｐｅ＝”ｈｉｄｄｅｎ”＞情報をテキストｎｔから削除し、これをｎｔとする。
【００８８】
また、入力フォーム記入用のスクリプト情報ｓｄａｔａとテキストｎｔを合わせｆｎａｍｅ＋”Ｉ．ｈｔｍｌ”をファイル名として、データベース２ａ中の入力フォーム管理フォルダに保存する（Ｓ４０４、Ｓ４０５）。また、同フォルダから入力帳票管理台帳ｔａｂｌｅＦｏｒｍ．ＸＭＬに入力フォームファイル名、帳票名などの入力フォーム情報を書き込む。
【００８９】
次に、テキストｎｔから入力フィールド用に追加されたＩＮＰＵＴ要素を削除して返信用ＨＴＭＬを作成し、このテキストをｆｎａｍｅ＋”Ｔ．ｈｔｍｌ”として、数２に示すＴａｂｌｅＭＬへの変換を行いこのデータをｆｎａｍｅ＋”．ＸＭＬ”として表組み管理フォルダに格納する（Ｓ４０６，Ｓ４０７）。
【００９０】
また、同フォルダから表組み管理台帳ｔａｂｌｅＴｅｍｐｌａｔｅ．ＸＭＬに表組みファイル名、帳票名、表の開始座標及び大きさ、作成者、作成日などの表組み管理情報を書き込む。これらの処理終了後、サーバ２は、返信用ＨＴＭＬをブラウザに返信する（Ｓ４０８）。この返信用ＨＴＭＬを受信した端末１側では、受信した表コンテンツを表示する（Ｓ４０９）。
【００９１】
（３）ＸＬｉｎｋによる表の埋め込み表示
ＨＴＭＬコンテンツはＩＦＲＡＭＥ要素によって現在表示しているＨＴＭＬ中に埋め込み表示できる。ＳＶＧコンテンツはＥＭＢＥＤ要素によって埋め込み表示ができ、しかもＳＶＧ空間とＥＭＢＥＤ空間の大きさや縦横比が異なっても、ＳＶＧコンテンツをすべて表示できるように縮尺を変えて表示を行う。しかしＩＦＲＡＭＥ要素ではＩＦＲＡＭＥ空間の大きさと埋め込まれるコンテンツの大きさが対応しているか、ＩＦＲＡＭＥ空間の方が大きくなければ、埋め込まれるコンテンツをすべて表示することはできない。ＩＦＲＡＭＥ空間の方が小さい場合、コンテンツがこの空間の大きさでクリップされた状態で表示され、またＩＦＲＡＭＥ空間が大き過ぎると間の抜けたレイアウトとなったりし、見苦しいものとなる。
【００９２】
本実施形態では、ＸＬｉｎｋで記述された表組みコンテンツをダイナミックに埋め込み表示するため、ブラウザ上のＪａｖａＳｃｒｉｐｔ（登録商標）による処理を行う。埋め込まれる表の大きさを表組みのｔａｂｌｅＦｏｒｍ要素から求め、その大きさを持つＩＦＲＡＭＥ空間を生成するため、ＨＴＭＬの指定箇所にａｄｄＴｅｘｔＮｏｄｅ関数によってＩＦＲＡＭＥ要素ｉＮｏｄｅを追加する。
【００９３】
なお、本実施形態では、このノードのｉｄ属性をｉＮｏｄｅ．ｉｄ＝”ｏｓａｋａ”とする。この操作によって生成したＩＦＲＡＭＥ空間へのアクセスは、ＩＦＲＡＭＥ中のドキュメントオブジェクトがｃ＝ｄｏｃｕｍｅｎｔ．ｆｒａｍｅｓ［”ｏｓａｋａ”］．ｄｏｃｕｍｅｎｔ（ＩＦＲＡＭＥ要素はＨＴＭＬ−ＤＯＭのｆｒａｍｅｓコレクション中にある）によって参照され、ＩＦＲＡＭＥ空間内のドキュメントルートがｐ＝ｃ．ｄｏｃｕｍｅｎｔＥｌｅｍｅｎｔによって求まる。
【００９４】
このノードｐの要素名はＨＴＭＬである。なお、ＩＦＲＡＭＥ空間の生成にはそれなりの時間がかかる。そのためＩＦＲＡＭＥ空間生成完了（ｄｏｃｕｍｅｎｔ．ｒｅａｄｙＳｔａｔｅ）をタイマー駆動によって監視しなければならない。このように生成したノードの中にＴａｂｌｅＭＬで記述された表組みデータを指定の書式に従い展開して、ＩＦＲＡＭＥ空間内に表組みを表示することができる。
【００９５】
表を埋め込み表示するためのＸＬｉｎｋソースは、数６の２行目に示すｘｌｉｎｋ：ｈｒｅｆ＝”ａ．ｈｔｍｌ＃ａｂｃ”で表記され、ａ．ｈｔｍｌのｉｄ＝”ａｂｃ”をＸＬｉｎｋのリンクポイント（ｘｌｉｎｋ：ｌａｂｅｌ＝”Ｂ”）として、売上表（ｘｌｉｎｋ：ｌａｂｅｌ＝”Ｃ”）と売上画像（ｘｌｉｎｋ：ｌａｂｅｌ＝”Ｄ”）へのマルチリンクをアーク（ＢからＣ、ＢからＤ）として記述している。
【００９６】
【数６】
2004326567.tif 000008
このリンクポイントをクリックすると、この売上に関する２つのコンテンツのメニューが表示され、いずれかを選択するとこのリンクポイント直前の位置に埋め込み表示される。売上表は上述のＩＦＲＡＭＥ要素によって表データを埋め込み表示し、画像はＩＭＧ要素によって画像の埋め込み表示を行った。
【００９７】
（システムによる効果）
以上説明した本実施形態に係る表コンテンツ作成支援システムによれば、表組みの生成編集、入力フォームの自動生成し表データの登録、表データから表の表示に関わる一連の操作を、ＴａｂｌｅＭＬを通じて一貫して行えるシステムを実現することができる。
【００９８】
すなわち、一般に広く利用されているインターネットの閲覧を行うブラウザソフト上で、ＧＵＩ（マウス操作）によって表組みを作成並びに編集を行うことができるため、ＨＴＭＬ等のマークアップ言語の知識を有さないユーザーであっても、容易に表コンテンツを作成することができる。
【００９９】
また、作成した表組みをサーバに登録する際、自動的に入力フォーム並びに編集用表組みファイルを生成し、それらを管理する入力帳票管理台帳並びに表組み管理台帳への追加更新を、自動的に行うため、編集用表組みを、再利用することが可能となり、ユーザーの重複した労力を軽減することができる。
【０１００】
また、サーバへのアクセスは、認証処理により、所定の権限を有するもののみに対して許可されるため、コンテンツの盗用やデータが破壊されるのを防止することができる。
【０１０１】
また、本実施形態では、作成される入力フォームはＸＭＬ形式を採用し、複数の書類を一括りとして取り扱うことができるため、データの汎用性を高めることができる。
【０１０２】
また、表組みを他のコンテンツで参照できるように、ＸＬｉｎｋを用いてその埋め込み表示を行うことができる。これらの機能を通して利用者に対して、表組みを簡単に作成できる環境、他のコンテンツで表組みを引用するための環境を提供すると共に、事務処理で利用される定型伝票への応用によってＷｅｂ環境でも質の高い印刷を可能とし、記入データのデータベース連動の容易にするなどのメリットを提供することができる。
【０１０３】
（コンテンツ表示プログラム）
なお、上述した実施形態及びその応用例に係る表コンテンツ作成支援システム及び方法は、所定のコンピュータ言語で記述されたプログラムとすることができる。すなわち、このプログラムを、ユーザー端末やＷｅｂサーバ等のコンピュータやＩＣチップにインストールすることにより、上述した各機能を有する端末１やサーバ２を容易に構築することができる。このプログラムは、例えば、通信回線を通じて配布することが可能であり、またスタンドアローンの計算機上で動作するパッケージアプリケーションとして譲渡することができる。
【０１０４】
そして、このようなプログラムは、図１７に示すような、汎用コンピュータ１２０で読み取り可能な記録媒体１１６〜１１９に記録することができる。具体的には、同図に示すような、フレキシブルディスク１１６やカセットテープ１１９等の磁気記録媒体、若しくはＣＤ−ＲＯＭやＤＶＤ−ＲＯＭ１１７等の光ディスクの他、ＲＡＭカード１１８など、種々の記録媒体に記録することができる。本実施形態は書き込み不可のＣＤ−ＲＯＭやＤＶＤ−ＲＯＭ１１７中にあるコンテンツに対してリンクを設けることができる特徴を有する。
【０１０５】
そして、このプログラムを記録したコンピュータ読み取り可能な記録媒体によれば、汎用のコンピュータや専用コンピュータを用いて、上述したコンテンツ表示システムや方法を実施することが可能となるとともに、プログラムの保存、運搬及びインストールを容易に行うことができる。
【０１０６】
【発明の効果】
以上説明したように、本発明のコンテンツ表示システム、コンテンツ表示方法及びコンテンツ表示プログラムによれば、Ｗｅｂページ上の表コンテンツの作成、実データの入力、表コンテンツの表示／印刷、表枠組の再利用など一連の操作について、統合的且つ一貫性のあるシステムを構築することができ、これにより、表枠組の再利用を可能とし、表作成の労力やコストを低減することができる。
【図面の簡単な説明】
【図１】実施形態に係る表コンテンツ作成支援システムの概略構成を示すブロック図である。
【図２】実施形態に係る表コンテンツ作成支援システムを構成する端末及びサーバの内部構成を示すブロック図である。
【図３】実施形態において、表枠組を編集する際に画面に表示される枠組に対する操作（大きさの編集）の説明図である。
【図４】実施形態において、表枠組を編集する際に画面に表示される枠組に対する操作メニューの説明図である。
【図５】実施形態において、表枠組を編集する際に画面に表示される枠組に対する操作（テキストの編集）の説明図である。
【図６】実施形態において、表枠組を編集する際に画面に表示される枠組に対する操作（属性の編集）の説明図である。
【図７】実施形態において、作成された表コンテンツを示す説明図である。
【図８】実施形態において、ＴＡＢＬＥ要素とＤＩＶ要素による表組み表示を示す説明図である。
【図９】実施形態における表作成処理のスタート画面を示す構成図である。
【図１０】実施形態における表作成処理のスタート画面に選択された表が表示された状態を示す構成図である。
【図１１】実施形態において、作成された表枠組（帳票）を表示した状態を示す構成図である。
【図１２】実施形態において、作成された表枠組に実データを記述した状態を示す構成図である。
【図１３】実施形態における登録編集から登録処理の流れを示すフローチャート図である。
【図１４】実施形態における表作成処理を示すフローチャート図である。
【図１５】実施形態における属性編集処理を示すフローチャート図である。
【図１６】実施形態におけるサーバ上の処理を示すフローチャート図である。
【図１７】実施形態に係る表コンテンツ作成支援プログラムを記録したコンピュータ読み取り可能な記録媒体を示す斜視図である。
【符号の説明】
Ｄ１…表コンテンツ
Ｄ２…表枠組情報
Ｄ３…入力フォーム
Ｄ４…ＸＭＬ文書（実データ）
Ｄ５…表コンテンツ
１…端末
１ａ…記憶手段
１ｂ…ディスプレイ
１ｃ…マウス
２…サーバ
２ａ…データベース
１０…通信部
１１…登録処理部
１２…表枠組情報生成部
１３…入力フォーム生成部
１４…編集処理部
１５…書式抽出部
１６…データ入力部
１７…インターフェース部
１８…表示部
２０…通信部
２１…認証部
２２…登録番号発行部
２３…登録管理部
２４…表情報管理部
２５…入力フォーム管理部
２６…データ管理部
２７…データベース管理部
１１６…フレキシブルディスク
１１７…ＲＯＭ
１１８…ＲＡＭカード
１１９…カセットテープ
１２０…汎用コンピュータ
【図１】
2004326567.tif 000009
【図２】
2004326567.tif 000010
【図３】
2004326567.tif 000011
【図４】
2004326567.tif 000012
【図５】
2004326567.tif 000013
【図６】
2004326567.tif 000014
【図７】
2004326567.tif 000015
【図８】
2004326567.tif 000016
【図９】
2004326567.tif 000017
【図１０】
2004326567.tif 000018
【図１１】
2004326567.tif 000019
【図１２】
2004326567.tif 000020
【図１３】
2004326567.tif 000021
【図１４】
2004326567.tif 000022
【図１５】
2004326567.tif 000023
【図１６】
2004326567.tif 000024
【図１７】
2004326567.tif 000025