(57)【特許請求の範囲】
【請求項１】
通信ネットワーク上において、ホームページ画面に表示されるコンテンツのレイアウトを設計する画面レイアウト設計支援プログラムであって、
上記ホームページ画面は、画面の横方向に複数のブロックに分割され、各ブロック内に、縦方向に複数のコンテンツが表示され得る構成とされており、
レイアウト設計画面では、所定の入力操作を受け付けて、上記ホームページ画面に表示すべき複数のコンテンツに対応したレイアウト設定情報入力エリアを、上記ホームページ画面の上記ブロック間および上記ブロック内のレイアウトに対応させて桝目状に配列した行列枠組みを作成して表示させるステップと、
それぞれのレイアウト設定情報入力エリアを通じて入力された、ネットワーク上のアドレス情報と、ホームページ画面上での表示有効期間とを少なくとも含んだプロパティ情報を、ぞれぞれのコンテンツに対応させて割り付けるステップと、
割り付けたプロパティ情報に基づいて、ホームページソースプログラムを生成するための参照データを作成するステップとを備えたことを特徴とする画面レイアウト設計支援プログラム。
【請求項２】
請求項１において、
レイアウト設計情報入力エリアは、そのいずれかをドラッグし、別のものに重ね合わせ移動するドラッグ・移動操作をすることで、それぞれの表示位置を入替えて表示するステップをさらに含んでいる画面レイアウト設計支援プログラム。
【請求項３】
請求項１または２の画面レイアウト設計支援プログラムで生成された参照データと、対応するコンテンツデータとに基づいて、上記参照データのプロパティ情報の列内の配列にしたがうとともに上記プロパティ情報に含まれる表示有効期間を考慮して、上記ブロックごとにコンテンツを上詰め表示させるようにしたホームページソースプログラムを生成することを特徴とするホームページ生成プログラム。
【請求項４】
ネットワーク上に設置されたサーバが、アクセスして来た通信端末機に対して、ホームページ画面のコンテンツのレイアウト設計を支援する方法であって、
上記ホームページ画面は、画面の横方向に複数のブロックに分割され、各ブロック内に、縦方向に複数のコンテンツが表示され得る構成とされており、
レイアウト設計画面では、所定の入力操作を受け付けて、上記ホームページ画面に表示すべき複数のコンテンツに対応したレイアウト設定情報入力エリアを、上記ホームページ画面の上記ブロック間および上記ブロック内のレイアウトに対応させて桝目状に配列した行列枠組みを作成して表示させ、
それぞれのレイアウト設定情報入力エリアに、ネットワーク上のアドレス情報と、ホームページ画面上での表示有効期間とを少なくとも含んだプロパティ情報が入力されると、それらを受け付けて、ぞれぞれのコンテンツに対応させて割り付け、
割り付けたプロパティ情報に基づいて、ホームページソースプログラムを生成するための参照データを作成し、保存することを特徴とする画面レイアウト設計支援方法。
【請求項５】
請求項４において、
レイアウト設計情報入力エリアは、そのいずれかがドラッグされ、別のものに重ね合わせ移動操作がされたときには、それぞれの表示位置を入替えるようにしている画面レイアウト設計支援方法。
【請求項６】
請求項４または５の画面レイアウト設計支援方法によって生成された参照データと、対応するコンテンツデータとに基づいて、上記参照データのプロパティ情報の列内の配列にしたがうとともに上記プロパティ情報に含まれる表示有効期間を考慮して、上記ブロックごとにコンテンツを上詰め表示させるようにしたホームページソースプログラムを生成することを特徴とするホームページ生成方法。
【請求項７】
ネットワーク上に設置され、ホームページのコンテンツのレイアウト設計を支援するサービスを提供する画面レイアウト設計支援システムであって、
上記ホームページ画面は、画面の横方向に複数のブロックに分割され、各ブロック内に、縦方向に複数のコンテンツが表示され得る構成とされており、
アクセスして来た通信端末機に対して、レイアウト設計画面をダウンロードさせ、
レイアウト設計画面では、通信端末機からの所定の入力操作を受け付けて、上記ホームページ画面に表示すべき複数のコンテンツに対応したレイアウト設定情報入力エリアを、上記ホームページ画面の上記ブロック間および上記ブロック内のレイアウトに対応させて桝目状に配列した行列枠組みを作成して表示させ、
通信端末機から所定の入力操作によって、それぞれのレイアウト設定情報入力エリアに、ネットワーク上のアドレス情報と、ホームページ画面上での表示有効期間とを少なくとも含んだプロパティ情報が入力されると、それらを受け付けて、ぞれぞれのコンテンツに対応させて割り付け、
割り付けたプロパティ情報に基づいて、ホームページソースプログラムを生成するための参照データを作成して、
作成した参照データを記憶手段に保存蓄積する機能を備えたホームページコンテンツレイアウト設計支援サーバを含んだことを特徴とする画面レイアウト設計支援システム。
【請求項８】
請求項７において、
ホームページコンテンツレイアウト設計支援サーバは、通信端末機に表示されたレイアウト設計情報入力エリアのいずれかが、通信端末機に接続されたポインティングデバイスによりドラッグされ、別のものに重ね合わせ移動操作がされたときには、それぞれの表示位置を入替えるようにしている画面レイアウト設計支援システム。
【請求項９】
請求項７または８の画面レイアウト設計支援システムによって生成された参照データと、対応するコンテンツデータとに基づいて、上記参照データのプロパティ情報の列内の配列にしたがうとともに上記プロパティ情報に含まれる表示有効期間を考慮して、上記ブロックごとにコンテンツを上詰め表示させるようにしたホームページソースプログラムを生成することを特徴とするホームページ生成システム。
【発明の詳細な説明】
【技術分野】
【０００１】
本発明は、ホームページ画面などに表示されるコンテンツのレイアウトを設計する画面レイアウト設計プログラム、その方法およびそのシステム、ならびにホームページ生成プログラム、その方法およびそのシステムに関する。
【背景技術】
【０００２】
近時、ホームページ画面を作成するために種々のＨＴＭＬエディターが提案されている。例えば特許文献１のものは、ブラウザの画面上でコンテンツごとのブロック単位でホームページ画面の編集や確認、修正を可能としている。
【先行技術文献】
【特許文献】
【０００３】
【特許文献１】特開平１０−２２２５０８号公報
【発明の概要】
【発明が解決しようとする課題】
【０００４】
しかしながら、上記文献のものや、その他従来のＨＴＭＬエディターでは、対話形式でコンテンツを入力しながら画面を編集していくことはできても、コンテンツの配置（レイアウト）は事前に図面等で設計しておく必要があり、エディターを操作しながらコンテンツを入れ替えたり、訂正を加えたり、削除したりするような設計ができるものとはなっていない。
【０００５】
特に近年、電子モールのトップページや、そのモールに出店している店舗の商品販売用のホームページ画面では、画面を縦方向に複数列（ブロック）に分割し、ブロックごとに上から順にコンテンツを割り付けただけの簡易なホームページ画面が一般的となっているが、そのような簡易な配列のホームページ画面を手間なく対話操作だけでレイアウト設計できるようなソフトウェアは従来には存在しない。
【０００６】
また、そのような電子モールのトップページや、複数の広告を掲載する多目的情報提供用のホームページ画面では、バーゲン情報の提示や広告など、期間限定で表示するコンテンツが含まれる場合が多いが、そのような時限コンテンツをその時期に合わせて編集によって組み込むことなく、あらかじめレイアウト情報として組み込んでおけるソフトウェアの開発も望まれていた。
【０００７】
本発明は、ホームページ画面のレイアウト設計を簡単なデータ入力で迅速に行え、かつ時限コンテンツをレイアウト設計の段階で事前に組み込んでおくことができる画面レイアウト設計支援プログラム、その方法およびそのシステム、ならびに、それらに対応したホームページ生成プログラム、その方法およびそのシステムを提供することにある。
【課題を解決するための手段】
【０００８】
上記目的を達成するために、請求項１に記載の画面レイアウト設計支援プログラムは、通信ネットワーク上において、ホームページ表示画面などに表示されるコンテンツのレイアウトを設計する画面レイアウト設計支援プログラムであって、ホームページ画面は、画面の横方向に複数のブロックに分割され、各ブロック内に、縦方向に複数のコンテンツが表示され得る構成とされており、レイアウト設計画面では、所定の入力操作を受け付けて、ホームページ画面に表示すべき複数のコンテンツに対応したレイアウト設定情報入力エリアを、ホームページ画面のブロック間およびブロック内のレイアウトに対応させて桝目状に配列した行列枠組みを作成して表示させるステップと、それぞれのレイアウト設定情報入力エリアを通じて入力された、ネットワーク上のアドレス情報と、ホームページ画面上での表示有効期間とを少なくとも含んだプロパティ情報を、ぞれぞれのコンテンツに対応させて割り付けるステップと、割り付けたプロパティ情報に基づいて、ホームページソースプログラムを生成するための参照データを作成するステップとを備えたことを特徴とする。
【０００９】
請求項２に記載の画面レイアウト設計支援プログラムでは、レイアウト設計情報入力エリアは、そのいずれかをドラッグし、別のものに重ね合わせ移動するドラッグ・移動操作をすることで、それぞれの表示位置を入替えて表示するステップをさらに含んでいる。
【００１０】
請求項３に記載のホームページ生成プログラムは、請求項１または２の画面レイアウト設計支援プログラムで生成された参照データと、対応するコンテンツデータとに基づいて、参照データのプロパティ情報の列内の配列にしたがうとともにプロパティ情報に含まれる表示有効期間を考慮して、ブロックごとにコンテンツを上詰め表示させるようにしたホームページソースプログラムを生成することを特徴とする。
【００１１】
請求項４に記載の画面レイアウト設計支援方法は、ネットワーク上に設置されたサーバが、アクセスして来た通信端末機に対して、ホームページのコンテンツのレイアウト設計を支援する方法であって、ホームページ画面は、画面の横方向に複数のブロックに分割され、各ブロック内に、縦方向に複数のコンテンツが表示され得る構成とされており、レイアウト設計画面では、所定の入力操作を受け付けて、ホームページ画面に表示すべき複数のコンテンツに対応したレイアウト設定情報入力エリアを、ホームページ画面のブロック間およびブロック内のレイアウトに対応させて桝目状に配列した行列枠組みを作成して表示させ、それぞれのレイアウト設定情報入力エリアに、ネットワーク上のアドレス情報と、ホームページ上での表示有効期間とを少なくとも含んだプロパティ情報が入力されると、それらを受け付けて、ぞれぞれのコンテンツに対応させて割り付け、割り付けたプロパティ情報に基づいて、ホームページソースプログラムを生成するための参照データを作成し、保存することを特徴とする。
【００１２】
請求項５に記載の画面レイアウト設計支援方法では、レイアウト設計情報入力エリアは、そのいずれかがドラッグされ、別のものに重ね合わせ移動操作がされたときには、それぞれの表示位置を入替えるようにしている。
【００１３】
請求項６に記載のホームページ生成方法は、請求項４または５の画面レイアウト設計支援方法によって生成された参照データと、対応するコンテンツデータとに基づいて、参照データのプロパティ情報の列内の配列にしたがうとともにプロパティ情報に含まれる表示有効期間を考慮して、ブロックごとにコンテンツを上詰め表示させるようにしたホームページソースプログラムを生成することを特徴とする。
【００１４】
請求項７に記載の通信サーバシステムは、ネットワーク上に設置され、ホームページのコンテンツのレイアウト設計を支援するサービスを提供する通信サーバシステムであって、ホームページ画面は、画面の横方向に複数のブロックに分割され、各ブロック内に、縦方向に複数のコンテンツが表示され得る構成とされており、アクセスして来た通信端末機に対してログインを許容して、レイアウト設計画面をダウンロードさせ、レイアウト設計画面では、通信端末機からの所定の入力操作を受け付けて、ホームページ画面に表示すべき複数のコンテンツに対応したレイアウト設定情報入力エリアを、ホームページ画面のブロック間およびブロック内のレイアウトに対応させて桝目状に配列した行列枠組みを作成して表示させ、通信端末機から所定の入力操作によって、それぞれのレイアウト設定情報入力エリアに、ネットワーク上のアドレス情報と、ホームページ上での表示有効期間とを少なくとも含んだプロパティ情報が入力されると、それらを受け付けて、ぞれぞれのコンテンツに対応させて割り付け、割り付けたプロパティ情報に基づいて、ホームページソースプログラムを生成するための参照データを作成して、作成した参照データをログインを許容した通信端末機に対応した記憶手段に保存蓄積する機能を備えたホームページコンテンツレイアウト設計支援サーバを含んだことを特徴とする。
【００１５】
請求項８に記載の通信サーバシステムでは、ホームページコンテンツレイアウト設計支援サーバは、通信端末機に表示されたレイアウト設計情報入力エリアのいずれかが、通信端末機に接続されたポインティングデバイスによりドラッグされ、別のものに重ね合わせ移動操作がされたときには、それぞれの表示位置を入替えるようにしている。
【００１６】
請求項９に記載のホームページ生成システムは、請求項７または８の画面レイアウト設計支援システムによって生成された参照データと、対応するコンテンツデータとに基づいて、参照データのプロパティ情報の列内の配列にしたがうとともにプロパティ情報に含まれる表示有効期間を考慮して、ブロックごとにコンテンツを上詰め表示させるようにしたホームページソースプログラムを生成することを特徴とする。
【発明の効果】
【００１７】
本発明の画面レイアウト設計プログラム、方法、システムによれば、ホームページ画面に表示させる各コンテンツに対応させたレイアウト設定情報入力エリアに、ネットワーク上のアドレス情報と、ホームページ上での表示有効期間とを少なくとも含んだプロパティ情報が入力することでホームページソースプログラムを生成するための参照データを作成できるので、ホームページ画面のレイアウト設計を簡単なデータ入力で迅速に行える。
【００１８】
また、本発明の画面レイアウト設計プログラム、方法、システムはコンテンツのレイアウトだけを設計できる構成となっているので、コンテンツの実体データはレイアウト設計とは別に、事前にあるいは事後に部品として生成すればよく、レイアウト設計とコンテンツ作成とを分業にて効率的に作業できる。
【００１９】
さらに、プロパティ情報には、ホームページ画面上に表示するかどうかを示した表示有効期間データが含まれているので、ホームページ画面に将来的に表示する時限コンテンツの情報をあらかじめレイアウト設計として設定しておくことができ、将来的に発生するコンテンツや将来的に削除するコンテンツを含んだ画面設計を事前かつ簡易に行える。
【００２０】
また、レイアウト設計情報入力エリアのいずれかをドラッグし、別のものに重ね合わせ移動するドラッグ・移動操作をすることで、それぞれの表示位置を入替えて表示するようにしたものでは、レイアウト変更を効率的に迅速に行える。
【００２１】
また、本発明のホームページ生成プログラム、方法、システムによれば、画面レイアウト設計支援プログラム、方法、システムによって生成された参照データと、対応するコンテンツデータとに基づいてホームページソースプログラムを生成する構成となっているので、ユーザから表示要求があったときに確実にホームページを生成することができる。
【図面の簡単な説明】
【００２２】
【図１】本発明の実施形態に係る画面レイアウト設計支援システム、ホームページ生成システムの両機能を有した電子モールシステムのシステムブロック図である。
【図２】（ａ）、（ｂ）、（ｃ）は、電子モールシステムにおけるモール管理画面の操作遷移を示す図である。
【図３】本発明の画面レイアウト設計支援プログラムの基本動作を示す概略フローチャートである。
【図４】電子モールシステムにおけるレイアウト設計画面の一例を示す図である。
【図５】電子モールシステムにおける購入者向けホームページの一例を示す図である。
【図６】レイアウト設計画面の入力例を示す図である。
【図７】ホームページ生成プログラムのブロック図である。
【図８】レイアウト設計画面の他の入力例を示す図である。
【図９】レイアウト設計画面の他の形態を示す図である。
【図１０】レイアウト設計画面におけるドラッグ・移動操作の一例を示す表示遷移図である。
【発明を実施するための形態】
【００２３】
以下に、本発明の実施の形態について、添付図面を参照しながら説明する。以下に説明する実施形態では、本発明の画面レイアウト設計支援プログラム（方法）を電子モールシステムのモール管理機能に利用したもの、および、本発明のホームページ生成システム（方法）を電子モールシステムのＨＴＭＬサーバ機能に利用したものを示している。
【００２４】
図１は、本発明の実施形態に係る画面レイアウト設計支援システム、ホームページ生成システムの両機能を有した電子モールシステムのシステムブロック図である。
【００２５】
この電子モールシステムは、インターネットＮなどの通信ネットワークを介して、操作表示端末１１が接続された販売者サーバ１０と、店舗側で使用されるパソコンなどの店舗の通信端末機３０と、購入者側で使用されるパソコンなどの購入者通信端末機２０とを接続してなる。なお操作表示端末１１は、通信ネットワークＮに接続されていればよい。
【００２６】
販売者サーバ１０は、ＨＴＭＬやＸＭＬで書かれた種々のホームページソースプログラム１２（図１、図７においては、ホームページ画面Ｔを表示するためのホームページ閲覧編集プログラム１２と図示）が記憶手段に保存され、あるいはダウンロード表示要求があった時に動的に生成されるようになっており、それらのホームページソースプログラム１２を表示要求に応じて店舗の通信端末機３０や購入者通信端末機２０にダウンロードする機能を有したＨＴＭＬサーバを構成している。
【００２７】
ホームページ画面Ｔ（ホームページソースプログラム１２）としては、モール管理用の各種画面や、店舗の通信端末機３０で表示されるバックオフィス用の各種画面、購入者通信端末機２０で表示される購入者向けの各種画面などが挙げられる。
【００２８】
モール管理用のホームページ画面Ｔとしては、例えばモールのトップページなどのレイアウトを設計したり、コンテンツを作成したりするコンテンツ管理画面Ｗなどが含まれる（後述の図２参照）。
【００２９】
バックオフィス用の各種画面としては、購入者通信端末機２０で表示される購入者向けの商品選択画面を設計するための設計画面や、在庫を管理するための在庫管理画面などが含まれる。
【００３０】
購入者通信端末機２０で表示される購入者向けの各種画面としては、商品選択画面や、カート表示画面などが含まれる。
【００３１】
これらのホームページ画面Ｔは、ＨＴＭＬ、ＸＭＬ等のページ記述言語で組まれたホームページソースプログラム１２で構成されており、販売者サーバ１０側でデータベースをアクセスするなどのサーバをアクセスするロジックに対応してスクリプトが挿入されたものであってもよい。
【００３２】
販売者サーバ１０は、これらの各種ホームページ画面Ｔのレイアウト設計を支援するための画面レイアウト設計支援プログラム１５、および、この画面レイアウト設計支援プログラム１５が作成した参照データ１３と、コンテンツの実体データよりなるコンテンツデータ１４とに基づいてホームページソースプログラム１２を生成するホームページ生成プログラム１６を備えている。つまり、この販売者サーバ１０は、ホームページコンテンツレイアウト設計支援サーバを構成している。
【００３３】
コンテンツデータ１４は、文字、画像、その他種々の表示データを表示可能な形式に部品化したプログラムパーツである。例えば文字コンテンツの場合、その文字に色、サイズなどの表示属性をＨＴＭＬ言語で特定したものであればよい。なお、コンテンツデータ１４は通信ネットワークＮ上のいずれかに設ければよい。また、販売者サーバ１０は、画面レイアウト設計支援の機能と、ホームページ生成するＨＴＭＬサーバとしての機能などのそれぞれに対応した複数のサーバで構成されたものであってもよい。
【００３４】
この画面レイアウト設計支援プログラム１５は、ホームページ画面のダウンロード表示要求があった時に、ホームページ生成プログラム１６がホームページソースプログラム１２を動的に生成する際に参照される参照データ１３を作成するプログラムである。
【００３５】
この参照データ１３には、種々のコンテンツの実体データであるコンテンツデータ１４をホームページ画面Ｔ内に展開するための、つまりホームページ画面Ｔ内に割り付けるコンテンツデータ１４を寄せ集めながらホームページソースプログラム１２を生成するためのプロパティ情報が含まれている。プロパティ情報としてはコンテンツデータ１４のネットワーク上のアドレス情報と、そのコンテンツのホームページ画面Ｔ上での表示有効期間とが含まれる。
【００３６】
この画面レイアウト設計支援プログラム１５は、販売者サーバ１０に接続された操作表示端末１１に表示されるレイアウト設計画面Ｃを操作しながら動作するプログラムである。
【００３７】
このレイアウト設計画面Ｃは、図２（ａ）、（ｂ）の順にモール管理画面Ｖを操作して図２（ｃ）のように表示される。すなわち、図２（ａ）はモール管理画面Ｖの初期画面であり、この画面でメニュー内のコンテンツ管理ボタンＶ１が選択されると図２（ｂ）のコンテンツ配置、コンテンツ作成の選択画面が表示され、コンテンツ配置ボタンＷ１が選択されると、図２（ｃ）に示したレイアウト設計画面Ｘの初期画面が表示される。
【００３８】
図３は、画面レイアウト設計支援プログラム１５の基本動作を示す概略フローチャートである。図４は、レイアウト設計画面Ｘの一例を示す図である。図５は、レイアウト設計の対象となる購入者向けのホームページ画面Ｔの一例を示す図である。図６は、レイアウト設計画面Ｃの入力例を示す図である。図７は、ホームページ生成プログラムのブロック図である。
【００３９】
なお、本例に示した購入者向けのホームページ画面Ｔ（図５参照）は電子モールシステムのトップページを例示しており、本例に示した画面レイアウト設計支援方法では、このトップページの上下を除く中央部に複数のコンテンツを表示させることを想定している。図５では説明の都合上、それらのコンテンツのエリアを破線で区切り、各エリアにＡ（１）〜Ａ（４）、Ｂ（１）〜Ｂ（３）、Ｃ（１）〜Ｃ（３）の各符号を付したものを示している。
【００４０】
図２（ｃ）および図３〜図７に基づいて画面レイアウト設計支援プログラム１５の概略の動作の流れを説明する。
【００４１】
画面レイアウト設計支援プログラム１５は、つぎのステップＳ０１〜Ｓ０３を順次実行する。
【００４２】
すなわち、画面レイアウト設計支援プログラム１５は、操作表示端末１１に表示されたレイアウト設計画面Ｘで所定の入力操作を受け付けて、表示すべきコンテンツに対応したレイアウト設定情報入力エリアを、レイアウトに対応させて桝目状に配列した行列枠組みＸ２を作成して表示させるステップ（ステップＳ０１）と、それぞれのレイアウト設定情報入力エリアを通じて入力される、ネットワーク上のアドレス情報と、ホームページ上での表示有効期間とを少なくとも含んだプロパティ情報を、ぞれぞれのコンテンツに対応させて割り付けるステップ（ステップＳ０２）と、割り付けたプロパティ情報に基づいて、ホームページソースプログラム１２を生成するための参照データ１３を作成するステップ（ステップＳ０３）とを順次実行する構成となっている（図３参照）。
【００４３】
より具体的には、まず、レイアウト設計画面Ｘの初期画面では、図２（ｃ）に示すように、設計者があらかじめ想定している購入者向けホームページのレイアウトに基づいて、列数、行数を入力できるようになっている。例えば設計対象であるホームページ画面Ｔが図５に示したホームページ画面であれば、図示しているように表示エリアが横方向に３ブロック（３列）に分かれ、各ブロックごとに上から下へ複数のコンテンツを配列することを想定しているから、つまりＡ列では４コンテンツ、Ｂ列では３コンテンツ、Ｃ列では３コンテンツであるから、ブロックごとのコンテンツを最大の４コンテンツと想定して、列数３、行数４を列、行のプルダウンメニューＸ１で選択入力することができる。なお、行は予備を考慮して５以上を入力してもよい。
【００４４】
このように列数、行数を入力すると、図４に示すように、その列数、行数に応じた桝目状の行列枠組みＸ２が表示される。行列枠組みＸ２に配列された個々の桝目は、設計対象であるホームページ画面Ｔ内に含まれる個々のコンテンツに対応する。なお、図４の行列枠組みＸ２には説明の都合上、図５に示したコンテンツエリアに付したＡ（１）〜Ａ（４）、Ｂ（１）〜Ｂ（３）、Ｃ（１）〜Ｃ（４）に対応して、列にＡ、Ｂ、Ｃ、行に１、２、３、４の各符号を付している。
【００４５】
行列枠組みＸ２に配列された各桝目は、各コンテンツに対応したプロパティ情報を入力するためのレイアウト設定情報入力エリアＸ２１を構成している。
【００４６】
この行列枠組みＸ２が表示されると、対象となるホームページ画面Ｔの各列（ブロック）の上部の幅設定エリアＸ２０にはホームページ画面Ｔの表示上の幅寸法を入力でき、さらに各レイアウト設定情報入力エリアＸ２１には、コンテンツの種類Ｘ２１１（カテゴリ）と、コンテンツの見出しＸ２１２と、コンテンツの実体データを保存したネットワーク上のアドレス情報（パスＸ２１３）と、ホームページ画面Ｔ上での表示有効期間Ｘ２１４とを含んだプロパティ情報を入力できるようになっている。
【００４７】
コンテンツの種類Ｘ２１１で選択できるカテゴリとしては、テキスト、図表などで作成したコンテンツ、カレンダー、天気予報、ショップ検索の４種のコンテンツがあり、それらをプルダウンメニューの中から選択できるようになっている。
【００４８】
見出しＸ２１２は、コンテンツのタイトルであり、コンテンツを表わす適切な文言が入力可能である。入力されたタイトルはホームページ画面Ｔの各コンテンツの見出しとして表示することができる。
【００４９】
パスＸ２１３は、コンテンツの実体データを格納したファイル等のアドレス情報であり、通信ネットワーク上のアドレスであってもよい。アドレス情報としては、多くのコンテンツデータ１４が保存された文書・画像倉庫内のアドレスを入力してもよく、その場合には、レイアウト設計画面Ｘの上部に表示された文書・画像倉庫ボタンＸ３１を操作して文書・画像倉庫内の各ファイル（不図示）のディレクトリをサブウィンドウ（不図示）で一覧表示させ、その一覧の中からファイルを選択操作して割り付けることもできる。
【００５０】
表示有効期間Ｘ２１４は、期間を限定して表示するような時限コンテンツについての表示期間を開始、終了の年月日時分で指定できるようにしている。本実施形態では、次のような表示基準となっている。
（１）開始、終了ともに設定した場合
その期間のみ表示がなされる。
（２）開始のみを設定した場合
設定された開示時期に表示が開始されるが、終了時期の限度はなし。
（３）終了のみを設定した場合
設定後すぐに表示が開始されるが、終了時期の限度はあり。
（４）開始、終了ともに空白が設定された場合（入力なし）
全期間表示される。
【００５１】
このような表示有効期間Ｘ２１４には、例えば、バーゲン情報、広告などの時限コンテンツを対象として設定すればよい。また、開始については、「明日」を開始日として明日ボタンＸ２１５で設定することもできる。
【００５２】
また、各レイアウト設定情報入力エリアＸ２１には、入力文字の全てを消すクリアボタンＸ２１９が設けられている。
【００５３】
レイアウト設計画面Ｘのレイアウト設定情報入力エリアＸ２１に対する入力例としては、図６の例が挙げられる。
【００５４】
なお、本実施形態では、カレンダー、天気予報、ショップ検索についてサーバ内あるいは外部の特定のツールをシステム共通に使用する例を示しているため、見出しＸ２１２、パスＸ２１３を入力しなくてもよいようにしているが、個別のツールを使用する場合には、対応したパスを設定することができる。
【００５５】
以上のように、表示対象のコンテンツに対応した全てのレイアウト設定情報入力エリアＸ２１に入力が完了すれば、保存ボタンＸ３２を操作することで、全プロパティ情報をホームページソースプログラム１２を生成するための参照データ１３として保存できる。
【００５６】
また参照データ１３は、以上のようにホームページ画面単位に形成されており、レイアウト設定情報入力エリアの配列と同様の並びにするなど、ホームページ画面Ｔに表示するコンテンツの配列に紐付けられたカード形式のデータとなっている。
【００５７】
本画面レイアウト設計支援方法で行うレイアウト設計は、どのコンテンツをホームページ画面Ｔ内のどの位置に配置し、各コンテンツをどこのファイルから取り出すかを設定するものであり、実体データ（コンテンツデータ１４）の作成を支援する構成とはなっていない。なお、コンテンツデータ１４は、図２（ｂ）に示したコンテンツ管理画面Ｗ内に表示されたコンテンツ作成ボタンＷ２を操作して表示されたコンテンツ作成画面（不図示）で作成することができる。詳細については説明を省略するが、コンテンツ作成画面（機能）では、ホームページソースプログラム１２の一部を構成するプログラムパーツ（コンテンツデータ１４）を生成できるようになっている。
【００５８】
また、レイアウト設計画面Ｘは、このようにコンテンツのプロパティ情報を作成するものであるから、その時点ではそれらのコンテンツのコンテンツデータ１４が存在していなくてもよく、後で作成してもよいが、コンテンツデータ１４との整合性を保つためにコンテンツデータ１４が存在することを前提条件として入力できるようにしてもよい。
【００５９】
このようにコンテンツのプロパティ情報が登録された参照データ１３が作成、保存された後にレイアウト設計画面Ｘの上部に表示されたプレビューボタンＸ３３を操作すれば、設計対象であるホームページ画面Ｔが操作表示端末１１の画面に表示される。なお、プレビュー画面は、ホームページ生成プログラム１６を動作させることで表示されるようにすればよい。
【００６０】
そしてその後、購入者通信端末機２０からホームページ画面Ｔの表示要求があったときには、販売者サーバ１０は、そのタイミングでホームページ生成プログラム１６を稼動させて、参照データ１３と、コンテンツデータ１４とをもとにしてホームページソースプログラム１２を生成し、そのホームページ画面Ｔを要求してきた購入者通信端末機２０に送信する（図６参照）。
【００６１】
このホームページ生成プログラム１６は、ホームページ画面Ｔに表示されるブロックごとに、参照データ１３のプロパティ情報の列内の配列にしたがった順序で上詰めでコンテンツを配するようなロジックとなっている。もちろん、上下コンテンツ間には所定の空白や模様を挿入してもよい。また、ホームページ生成プログラム１６は、各コンテンツのエリアごとに絶対的な座標を特定できるようなロジックであってもよい。
【００６２】
このように、この画面レイアウト設計支援プログラム１５によれば、カード型のレイアウト設定情報エリアに簡単なデータ入力を行うだけで、ホームページ画面Ｔのレイアウト設計を簡易、迅速に行える。特に画面レイアウト設計支援プログラム１５で一連の設計操作をすれば、それによってレイアウト設計は完結し、その後、参照データ１３を読み出してレイアウト設計画面Ｗを再表示すればいつでもホームページ画面Ｔのレイアウトを確認できる。
【００６３】
また、画面レイアウト設計支援プログラム１５はコンテンツのレイアウトだけを設計できる構成となっているので、コンテンツデータ１４はレイアウト設計とは別に、事前にあるいは事後に部品として生成すればよく、レイアウト設計とコンテンツ作成とを分業にて効率的に作業することができる。ようするに例えば、コンテンツデータ１４が生成されていない状態でも、ホームページ画面Ｔ内のコンテンツの配置だけを先に設計しておくことができる。
【００６４】
さらに、プロパティ情報にはホームページ画面Ｔ上での表示有効期間Ｘ２１４が含まれるので、将来的に表示が開始あるいは終了する時限コンテンツの情報をあらかじめ入力しておくことができ、将来的なコンテンツを含んだ画面設計を簡易に行える。
【００６５】
ついで、時限コンテンツについてのレイアウト設定情報入力エリアＸ２１の入力例について、図８を参照しながら説明する。なお図８は、レイアウト設計画面の行列枠組みＸ２部分だけを示した図である。
【００６６】
この行列枠組みＸ２のＡ列には、４つのコンテンツに対応したプロパティ情報が入力されているが、Ａ−１、Ａ−２、Ａ−３の各レイアウト設定情報入力エリアＸ２１には、３種の広告（広告１−１、広告１−２、広告１−３）のコンテンツについて相互に期間が重ならない表示有効期間が入力されている。Ａ−４のレイアウト設定情報入力エリアＸ２１には、広告２のプロパティ情報が入力されている。
【００６７】
このように広告１−１、広告１−２、広告１−３については表示有効期間が重ならないから、こうして作成した参照データ１３でホームページソースプログラム１２を生成する場合には、ホームページ画面ＴのＡブロックのＡ（１）とＡ（２）のエリア（図５参照）には、広告１−１と広告２、広告１−２と広告２、広告１−３と広告２の各組み合わせのうちのいずれかの組み合わせの表示がなされることとなる。しかも、ホームページ生成プログラム１６がコンテンツを上詰めで配するロジックとなっているので、上下のコンテンツは重なることなく、空白が空きすぎることなくバランスよく表示される。
【００６８】
このように、表示有効期間Ｘ２１４を異ならせることで複数のコンテンツを同一位置に配置できるようになっているので、複数の広告コンテンツを期間ごとに切り替え表示するような場合に有効に利用できる。
【００６９】
上記のようなレイアウト設定情報入力エリアＸ２１では、同一表示エリアへの複数のコンテンツのプロパティ情報の入力が可能となっているため、行列枠組みＸ２の配列と、ホームページ画面Ｔのコンテンツの配列とが１対１とはならないが（列ごとには１対１）、図９に示したレイアウト設計画面Ｘのように、各レイアウト設定情報入力エリアＸ２１をタブＸ２２で複数のエリアが表示設定できるようにしてもよい。
【００７０】
図９の例では、Ａ−１のレイアウト設定情報入力エリアの１枚目のタブＸ２２には広告１−１が、２枚目のタブＸ２２には広告１−２が、３枚目のタブＸ２２には広告１−３が設定されており、図８に示した入力例と同じ内容となっている。
【００７１】
このように、行列に配置した各レイアウト設定情報入力エリアＸ２１をさらにタブＸ２２で多層化しているので、設計しようとするホームページ画面Ｔとの対応が付けやすく、利便性が高い。また、各レイアウト設定情報入力エリアＸ２１が多層構造となっているので、ホームページ画面Ｔの表示エリアごとの予約設計が可能となる。
【００７２】
つぎに、レイアウト設計画面Ｘにおけるドラッグ・移動操作について、図１０に示した表示遷移図をもとに説明する。
【００７３】
レイアウト設計画面Ｘは、マウス等のポインティングデバイス（以下、マウスという）を用いてレイアウト設定情報入力エリア間の入替が可能となっている。
【００７４】
すなわち、図１０に示すように、例えばＡ−２（広告）のレイアウト設定情報入力エリアをマウスポインタで特定してドラッグし、Ｃ−１（天気）のレイアウト設定情報入力エリアＸ２１に重なるように移動させると、それらのエリアは入力した情報をそのまま含んだ状態で入れ替わり表示される。
【００７５】
レイアウト設定情報入力エリアＸ２１を入れ替えてから保存すると、入れ替わった状態のレイアウト設定情報入力エリアＸ２１の並び順で生成された複数のプロパティ情報が参照データ１３として保存される。
【００７６】
このように、ドラッグ・移動操作でレイアウト設定情報入力エリアＸ２１の入れ替えができるようになっているので、ホームページ画面Ｔ内のコンテンツ入れ替えをする場合にレイアウト設計が簡単、迅速に行える。また、プレビューと組み合わせて使用すれば、試行錯誤でレイアウトを設計できる。
【００７７】
以上の実施形態では電子モールシステムのトップページを対象とした例を示したが、購入者通信端末機２０で表示される店舗ごとの購入者向けの商品選択画面を対象としてもよい。その場合には、それらのホームページ画面が店舗ごとに割り当てられるものであるから、レイアウト設計操作もその店舗の通信端末機３０で行われる。つまり、その場合、画面レイアウト設計支援プログラム１５は、店舗の通信端末機３０でレイアウト設計画面Ｘを表示させて、その画面で店舗側の担当者が入力できるようになっている。
【００７８】
上記画面レイアウト設計支援プログラム１５は、その他どのようなホームページ画面にも適用が可能である。例えば、スタンドアロンのパソコンでそのパソコンでのみ表示するホームページ画面Ｔを設計する場合にも使用可能である。
【００７９】
以上の実施形態では、参照データに基づいてコンテンツデータをそのままホームページソースプログラム内に展開、生成する例を示したが、ＨＴＭＬ内でサーバのデータベースをアクセスするなどのサーバサイドロジック（スクリプト）を参照データに基づいて組み込めるようにしてもよい。これを実現するための簡易な手段としては、アドレス情報で示されるコンテンツデータとしてサーバサイドロジックを保存しておくようにしてもよい。また、レイアウト設定情報エリア内でスクリプト設計であることを示す識別コード等を設定できるようにしてもよい。
【符号の説明】
【００８０】
Ｎ      インターネット（通信ネットワーク）
１０      販売者サーバ（ホームページコンテンツレイアウト設計支援サーバ）
１１      操作表示端末
１２      ホームページソースプログラム（ホームページ閲覧編集プログラム）
１３      参照データ
１４      コンテンツデータ
１５      画面レイアウト設計支援プログラム
１６      ホームページ生成プログラム
２０      購入者通信端末機
３０      店舗の通信端末機
Ｔ      ホームページ画面
Ｖ      モール管理画面
Ｗ      コンテンツ管理画面
Ｘ      レイアウト設計画面
Ｘ２      行列枠組み
Ｘ２１      レイアウト設定情報入力エリア
Ｘ２１２      見出し
Ｘ２１３      アドレス情報（パス）
Ｘ２１４      表示有効期間
【図１】
0005681438.tif 000002
【図２】
0005681438.tif 000003
【図３】
0005681438.tif 000004
【図４】
0005681438.tif 000005
【図５】
0005681438.tif 000006
【図６】
0005681438.tif 000007
【図７】
0005681438.tif 000008
【図８】
0005681438.tif 000009
【図９】
0005681438.tif 000010
【図１０】
0005681438.tif 000011