(57)【要約】【課題】自由なレイアウトで生成でき、ホームページやプレゼンテーション用ファイルとして利用できるウェブページの作成を支援する。【解決手段】ブラウザの画面に文字入力枠を表示させて、入力された文字とその属性を示すデータを取得する文字入力枠表示手段１６と、文字入力枠の位置情報を取得する文字入力枠移動表示手段１８と、画像入力枠を表示させて、入力された画像とその属性を示すデータを取得する部品画像入力枠表示手段２０と、文字画像入力枠および部品画像入力枠の位置情報を、ウェブページ上に定めた唯一の座標原点を基準にした座標値として取得する入力枠領域検出手段２４を備える。文字入力枠や部品画像入力枠単位で、ＨＴＭＬタグを付加したウェブページデータユニット８５を生成し、これらを連結して、１連のウェブページデータを生成する。【選択図】図１
2008071115.tif 000002
【特許請求の範囲】
【請求項１】
ネットワークを通じてユーザの端末装置と通信路を確立し、前記ユーザの端末装置で動作するブラウザと表示制御情報を交信する機能を持つ通信制御手段と、
生成されるべきウェブページの背景画像の選択情報を受け入れて、背景画像を前記ブラウザに表示させる制御をする背景画像表示制御手段と、
前記ブラウザの画面の指定された位置に文字入力のための文字入力枠を表示させて、入力された文字とその属性を示すデータを取得する文字入力枠表示手段と、
前記文字入力枠の位置情報を取得する文字入力枠移動表示手段と、
前記ブラウザの画面の指定された位置に画像入力のための画像入力枠を表示させて、入力された画像とその属性を示すデータを取得する部品画像入力枠表示手段と、
前記画像入力枠の位置情報を取得する部品画像入力枠移動表示手段と、
前記文字画像入力枠および前記部品画像入力枠の位置情報を、ウェブページ上に定めた唯一の座標原点を基準にした座標値として取得する入力枠領域検出手段と、
前記文字入力枠表示手段と前記部品画像入力枠表示手段の取得したデータのうち、ウェブページ中で文字や部品画像を表示するために使われるデータを取得する入力データ属性検出手段と、
前記文字入力枠もしくは前記部品画像入力枠単位で、前記入力データ属性検出手段の取得したデータにより、表示する文字や部品画像を特定するデータに、当該文字や部品画像を該当する属性で表示するためのＨＴＭＬタグを付加し、かつ、前記入力枠領域検出手段の取得した座標値を該当する文字や画像の表示位置に指定するＨＴＭＬタグを付加したウェブページデータユニットを生成するウェブページデータユニット生成手段と、
前記文字入力枠もしくは前記部品画像入力枠単位で生成されたウェブページデータユニットを連結し、前記背景画像を指定するデータを含むＨＴＭＬヘッダ／フッタを付加して、１連のウェブページデータを合成するウェブページデータユニット合成手段と、
前記ウェブページデータユニット合成手段の合成したウェブページデータを、コンピュータにより読み取り可能な状態で記憶手段に記憶させるウェブページデータ保存手段と、
を備えたことを特徴とするウェブページ作成支援装置。
【発明の詳細な説明】
【技術分野】
【０００１】
本発明は、ＨＴＭＬ形式のウェブページデータの作成支援に利用されるウェブページ作成支援装置に関する。
【背景技術】
【０００２】
インターネットは、低コストで簡単に広く情報を発信することができるツールとして、爆発的に普及した。このインターネットのホームページは、専門の業者により作成されるほか、一般の個人ユーザでも作成できるように、各種のツールが開発されている（特許文献１参照）。
【特許文献１】特開２００４−３２６５１４
【発明の開示】
【発明が解決しようとする課題】
【０００３】
既知の従来の技術には、次のような解決すべき課題があった。
ホームページは、デザインや機能が優れているとより多くの人に閲覧される。また、ホームページを構成するウェブページを単なる文書等の情報発信だけでなく、データベースとして利用することも行われている。こうした観点から、ＸＭＬ形式のウェブページが多用されるようになった。また、ブログのように、所定のウェブサイトに接続をして指定さたデータを入力すると、簡単にホームページが完成するシステムも提供されている。しかしながら、既存のシステムやアプリケーションを使用してウェブページを作成すると、予め定められたテンプレートにデータを流し込むといった方法のみに制限され、自由な表現をすることができない。即ち、誰が作っても画一的で個性の無いウェブページが完成する。
上記の課題を解決するために、本発明は次のようなウェブページ作成支援装置等を提供することを目的とする。本発明は、即ち、自由なレイアウトで生成することができ、インターネットのホームページやウェブベースのプレゼンテーション用ファイルとして利用できるウェブページの作成を支援するウェブページ作成支援装置を提供する。
【課題を解決するための手段】
【０００４】
以下の構成は上記の課題を解決するための手段である。
〈構成１〉
ネットワークを通じてユーザの端末装置と通信路を確立し、上記ユーザの端末装置で動作するブラウザと表示制御情報を交信する機能を持つ通信制御手段と、生成されるべきウェブページの背景画像の選択情報を受け入れて、背景画像を上記ブラウザに表示させる制御をする背景画像表示制御手段と、上記ブラウザの画面の指定された位置に文字入力のための文字入力枠を表示させて、入力された文字とその属性を示すデータを取得する文字入力枠表示手段と、上記文字入力枠の位置情報を取得する文字入力枠移動表示手段と、上記ブラウザの画面の指定された位置に画像入力のための画像入力枠を表示させて、入力された画像とその属性を示すデータを取得する部品画像入力枠表示手段と、上記画像入力枠の位置情報を取得する部品画像入力枠移動表示手段と、上記文字画像入力枠および上記部品画像入力枠の位置情報を、ウェブページ上に定めた唯一の座標原点を基準にした座標値として取得する入力枠領域検出手段と、上記文字入力枠表示手段と上記部品画像入力枠表示手段の取得したデータのうち、ウェブページ中で文字や部品画像を表示するために使われるデータを取得する入力データ属性検出手段と、上記文字入力枠もしくは上記部品画像入力枠単位で、上記入力データ属性検出手段の取得したデータにより、表示する文字や部品画像を特定するデータに、当該文字や部品画像を該当する属性で表示するためのＨＴＭＬタグを付加し、かつ、上記入力枠領域検出手段の取得した座標値を該当する文字や画像の表示位置に指定するＨＴＭＬタグを付加したウェブページデータユニットを生成するウェブページデータユニット生成手段と、上記文字入力枠もしくは上記部品画像入力枠単位で生成されたウェブページデータユニットを連結し、上記背景画像を指定するデータを含むＨＴＭＬヘッダ／フッタを付加して、１連のウェブページデータを合成するウェブページデータユニット合成手段と、上記ウェブページデータユニット合成手段の合成したウェブページデータを、コンピュータにより読み取り可能な状態で記憶手段に記憶させるウェブページデータ保存手段とを備えたことを特徴とするウェブページ作成支援装置。
【０００５】
この装置は、例えば、ネットワークを通じて接続された端末装置を操作して、ＨＴＭＬ形式のウェブページデータを生成する作業を支援する。利用者がブラウザの表示画面上で指定したそのままの状態で入力された文字等が表示される。きわめて自然に、しかも容易にウェブページの作成作業ができる。また、汎用性のあるデータなので、どんなブラウザでも操作できる。さらに、作成したウェブページをユーザの端末に簡単にダウンロードできる。
【発明を実施するための最良の形態】
【０００６】
以下、本発明の実施の形態を実施例毎に詳細に説明する。
【実施例１】
【０００７】
図１は実施例１のウェブページ作成支援装置１０を示すブロック図である。
ウェブページ作成支援装置１０は、その内部に、演算処理装置５３と記憶装置５４とを備えている。これは例えば、ネットワーク３２に接続されたウェブサーバにより構成される。演算処理装置５３は、通信制御手段１２と背景画像表示制御手段１４と文字入力枠表示手段１６と文字入力枠移動表示手段１８と部品画像入力枠表示手段２０と部品画像入力枠移動表示手段２２と入力枠領域検出手段２４と入力データ属性検出手段２６とウェブページデータユニット生成手段２８とウェブページデータユニット合成保存手段３０とを備えている。これらの手段は、いずれも、ウェブページ作成支援装置１０のコンピュータに所定の処理を実行させるコンピュータプログラムである。
【０００８】
通信制御手段１２は、ネットワーク３２を通じてユーザの端末装置３４と通信路を確立し、ユーザの端末装置３４で動作するブラウザと表示制御情報３８を交信する機能を持つものである。具体的には、生成したウェブページをブラウザに転送し、ブラウザからコマンドやデータを受信する。背景画像表示制御手段１４は、生成されるべきウェブページの背景画像４２の選択情報４４を受け入れて、背景画像４２をブラウザに表示させる制御をする機能を持つものである。文字入力枠表示手段１６は、ブラウザの画面の指定された位置に文字入力のための文字入力枠６２を表示させて、入力された文字とその属性を示す文字関連データ６７を取得する機能を持つものである。文字入力枠移動表示手段１８は、文字入力枠６２の位置情報６３を取得する機能を持つものである。部品画像入力枠表示手段２０は、ブラウザの画面の指定された位置に画像入力のための画像入力枠６４を表示させて、入力された画像とその属性を示す画像関連データ６９を取得する機能を持つものである。部品画像入力枠移動表示手段２２は、画像入力枠６４の位置情報６５を取得する機能を持つものである。
【０００９】
入力枠領域検出手段２４は、文字画像入力枠６２の位置情報６３および部品画像入力枠６４の位置情報６５を、ウェブページ上に定めた唯一の座標原点を基準にした座標値として取得する機能を持つものである。入力データ属性検出手段２６は、文字入力枠表示手段１６との取得した文字関連データ６７と部品画像入力枠表示手段２０の取得した画像関連データ６９のうち、ウェブページ中で文字や部品画像を表示するために使われるデータを取得する機能を持つものである。ウェブページデータユニット生成手段２８は、文字入力枠６２もしくは部品画像入力枠６４単位で、入力データ属性検出手段２６の取得したデータにより、表示する文字や部品画像を特定するデータに、当該文字や部品画像を該当する属性で表示するためのＨＴＭＬタグ４８を付加する。さらに、入力枠領域検出手段２４の取得した座標値を該当する文字や画像の表示位置に指定するＨＴＭＬタグ４８を付加して、ウェブページデータユニット８５を生成する機能を持つものである。
【００１０】
ウェブページデータユニット合成手段３０は、文字入力枠６２もしくは部品画像入力枠６４単位で生成されたウェブページデータユニット８５を連結し、背景画像４２を指定するデータを含むＨＴＭＬヘッダ／フッタ５２を付加して、１連のウェブページデータを合成する機能を持つものである。ウェブページデータ保存手段は、ウェブページデータユニット合成手段３０の合成したウェブページデータを、端末装置３４等のコンピュータにより読み取り可能な状態で記憶装置５４に記憶させる機能を持つものである。
【００１１】
図２は、ウェブページ作成支援装置１０と端末装置３４のハードウエアブロック図である。
図１に示したように、ウェブページ作成支援装置１０と端末装置３４とはいずれもネットワーク３２に接続されている。ウェブページ作成支援装置１０のバスライン１００には、ＣＰＵ１０１とＲＯＭ（リードオンリメモリ）１０２とＲＡＭ（ランダムアクセスメモリ）１０３とＨＤＤ（ハードディスク）１０４が接続されている。ＣＰＵ１０１は演算処理装置５３（図１）として機能し、ＲＯＭ１０２とＲＡＭ１０３とＨＤＤ１０４とは、記憶装置５４（図１）として機能する。ウェブページ作成支援装置１０は、ネットワークインタフェース１０５によりネットワーク３２に接続されている。
【００１２】
端末装置５は、ごく一般的なパーソナルコンピュータでよい。ネットワーク３２には、ネットワークインタフェース１１５を介して接続されている。バスライン１１０には、ＣＰＵ１１１とＲＯＭ１１２とＲＡＭ１１３とＨＤＤ１１４と入出力インタフェース１１６が接続されている。入出力インタフェース１１６には、ディスプレイ１１７とキーボード１１９とマウス１１８とが接続されている。ＣＰＵ１１１はブラウザを起動して、ウェブページ作成支援装置１０のウェブサイトをアクセスし、ウェブページの生成を要求するように機能する。完成したウェブページはこの端末装置３４にダウンロードされて、ホームページの一部を構成したり、プレゼンテーション用のデータとして利用される。
【００１３】
図３は、端末装置３４を用いてウェブページ作成支援装置１０のウェブサイトにアクセスし、ウェブページの作成処理を要求したときに表示される認証画面である。
例えば、この例では、ウェブページ作成サービスを特定の登録ユーザに対して提供する。ユーザは、認証データ入力枠８２にユーザＩＤとパスワードを入力して、ボタン８３をクリックし、プログラムを起動させる。
【００１４】
図４は、ウェブページ作成支援処理開始後の制御画面説明図である。
ウェブページ作成支援装置１０は、例えば、ネットワーク３２を通じて接続された端末装置３４に対して、ＨＴＭＬ形式のウェブページデータを生成する作業を支援する。ログイン直後あるいは、ウェブページデータ生成作業中の任意のタイミングで、入力データの選択画面８５を表示する。この画面８５には、文字入力処理を要求するためのボタン８６と部品画像を入力するためのボタン８７とが表示されている。ボタン８６をクリックすると、文字入力枠６２が表示される。文字入力枠６２には任意の文字データ６７を入力することができる。この画面上でマウスを右クリックすると、属性データ（文字）６８を入力する画面が表示される。
【００１５】
利用者は、ブラウザの画面上で、希望するに場所に文字入力枠６２を移動させる。また、希望するサイズに文字入力枠６２を設定する。その後、表示を希望する文字データ６７を入力する。文字はキーボードを使用して直接入力してもよいし、コピーアンドペーストで入力してもよい。文字フォントや文字色は、属性データ（文字）６８として入力する。また、希望する場所を指定して部品画像入力枠６４を表示させて、表示を希望する画像データ６９を入力する。
【００１６】
図５はウェブページデータユニットの具体例を示すタグ混じりの文例である。
このデータは、４種類のウェブページデータユニットを含んでいる。（ａ）はヘッダ表示用のウェブページデータユニット９１、（ｂ）は文字表示用のウェブページデータユニット９２、（ｃ）は画像表示用のウェブページデータユニット９３、（ｄ）はフッタ表示用のウェブページデータユニット９４である。これらが集合されたとき、ヘッダ表示用のウェブページデータユニット９１常にウェブページの先頭に配置される。フッタ表示用のウェブページデータユニット９４は常にウェブページの最後に配置される。一方、その他のウェブページデータユニット９２、９３はヘッダとフッタの間であれは、どこに配置されても構わない。作成された順に配置されるようにすると最もプログラムが簡単になる。
【００１７】
図６は、ウェブページデータの構成説明図である。
ウェブページデータユニット生成手段２８は、例えば、ひとつの文字入力枠単位で、ウェブページデータユニット９２（図７）を生成する。指定された場所に指定された文字を指定された属性で表示するように、ＨＴＭＬタグ４８（図７）を付加する。文字入力枠や部品画像入力枠を使用した入力が行われるたびに、その入力枠単位でウェブページデータユニットを生成する。表示位置はウェブページ９５上に定めた唯一の座標原点４６を基準にした座標値として取得するので、利用者がブラウザの表示画面上で指定したそのままの状態で入力された画像９６や文字９７が表示される。本発明では、入力枠単位でウェブページデータユニットが独立しているので、相互関係の調整は不要である。ウェブページデータユニットを集合し、ヘッダとフッタを追加すれば、ＨＴＭＬデータが完成する。また、各ウェブページデータユニットが独立しているので、文字入力枠、部品画像入枠単位で、独立に修正変更ができる。
【００１８】
ブラウザの画面上に文字や画像を配置したとき、そのままその位置に文字や画像が固定される。従って、きわめて自然に、しかも容易にウェブページデータの作成作業ができる。また、いつでも自由に、文字入力枠、部品画像入枠を指定して個別に修正変更ができるので、作業性が良い。
【００１９】
図７〜図９は、ウェブページ作成支援装置のコンピュータプログラム動作フローチャートである。
まず、メインの処理を説明する。始めに、ユーザはウェブページデータ生成サービスを行うウェブサイトにアクセスする。ここで、そのウェブサイトのサーバがウェブページ作成支援装置として動作する。ステップＳ１１でログイン処理をする。そして、ステップＳ１２でウェブページ作成処理を開始する。ウェブページデータユニット生成手段とウェブページデータユニット合成手段とは同時に起動する。ウェブページデータユニット合成手段はステップＳ１３で、ヘッダを作成する。データユニットはその後に追記していけばよい。
【００２０】
ステップＳ１４では、まず、ユーザが、ドラッグ＆ドロップで画面上の好きな位置に好きな大きさの枠を作る。次に、ステップＳ１５で枠に入力されたデータを検出する。次のステップＳ１６で、文字入力かどうかという判断をする。この判断の結果がイエスのときはステップＳ１７の処理に移行し、ノーのときはステップＳ１９の処理に移行する。ステップＳ１７では、文字用ウェブページデータユニットを生成する。文字入力処理の詳細は図８を用いて説明する。ステップＳ１８では、ウェブページデータに生成したデータユニットを追記する。ステップＳ１９では、部品画像入力かどうかという判断をする。この判断の結果がイエスのときはステップＳ２０の処理に移行し、ノーのときはステップＳ２２の処理に移行する。ステップＳ２０では、画像用データユニットを生成する。画像入力処理の詳細は図８を用いて説明する。ステップＳ２１では、生成したデータユニットをウェブページデータに追記する。
【００２１】
ステップＳ２２では、データの入力処理が終了したかどうかという判断をする。
この判断の結果がイエスのときはステップＳ２３の処理に移行し、ノーのときはステップＳ１６の処理に戻る。データの入力処理が終了すると、ステップＳ２３でフッタをウェブページデータに追記する。ステップＳ２４では、こうして完成したウェブページデータを記憶装置に保存する。
【００２２】
次に図８の文字入力処理のフローチャートを説明する。
まず、ステップＳ３１で、文字枠に対する文字の入力を受け付ける。ステップＳ３２で文字入力処理終了かどうかという判断をする。この判断の結果がイエスのときはステップＳ３２の処理に移行し、ノーのときは待機する。ステップＳ３３では、入力済みの文字データを取得する。ステップＳ３４では、属性データを取得する。ステップＳ３５では、文字枠位置座標を取得する。ステップＳ３６では文字枠サイズを取得する。
【００２３】
以上の処理で、ユニット生成の準備ができた。ステップＳ３７では、位置指定タグを生成する。ステップＳ３８では文字属性タグを生成する。文字属性タグは通常、文字サイズやカラー等を指定するために複数種類生成される。ステップＳ３９では、タグの間に文字データを挿入する。これで、既に説明したとおりのユニットが生成される。ステップＳ４０では、生成したデータユニットを記憶装置に記憶する。
【００２４】
次に図９の画像入力処理のフローチャートを説明する。
ステップＳ４１で、画像データファイル名を取得する。ステップＳ４２で画像データフォルダを選択する。全ての画像データを一定のフォルダに格納してもよいし、ユニット毎に別々のフォルダを生成してもよい。ステップＳ４３でそのフォルダに画像データを保存する。ステップＳ４４では、画像枠の位置座標を取得する。ステップＳ４５では画像枠サイズを取得する。ステップＳ４６では属性データを取得する。以上の処理でタグ生成に必要なデータが取得できる。ステップＳ４７では位置指定タグ生成をする。ステップＳ４８では画像属性タグを生成する。ステップＳ４９では、データファイル名タグを生成する。ステップＳ５０では、データユニットを記憶装置に記憶する。以上の処理を繰り返せばよい。
【００２５】
なお、文字を入力した枠を再表示して、画像を入力し直せば画像の枠になる。枠は好きなだけ作れて、不要であれば自由に削除できる。好きな位置に枠さえ作れば、あとはプロパティを入力したり変更して、希望するウェブページを作成できる。以上のとおり、全体として開発期間が短く、しかも実用性のあるウェブページ作成支援装置１０を提供できる。また、汎用性のあるデータなので、どんなブラウザでも操作できる。ＸＭＬ形式でなくＨＴＭＬ形式のウェブページが作成できるから、取り扱いやメンテナンスが容易である。さらに、作成したウェブページをユーザの端末に簡単にダウンロードできるといった効果がある。
【００２６】
なお、上記の演算処理装置で実行されるコンピュータプログラムは、機能ブロックで図示した単位でモジュール化されてもよいし、複数の機能ブロックを組み合わせて一体化されてもよい。また、上記のコンピュータプログラムは、既存のアプリケーションプログラムに組み込んで使用してもよい。本発明を実現するためのコンピュータプログラムは、例えばＣＤ−ＲＯＭのようなコンピュータで読み取り可能な記録媒体に記録して、任意の情報処理装置にインストールして利用することができる。
【図面の簡単な説明】
【００２７】
【図１】実施例１のウェブページ作成支援装置１０を示すブロック図である。
【図２】ウェブページ作成支援装置１０と端末装置３４のハードウエアブロック図である。
【図３】ウェブページの作成処理を要求したときに表示される認証画面である。
【図４】ウェブページ作成支援処理開始後の制御画面説明図である。
【図５】ウェブページデータユニットの具体例を示すタグ混じりの文例である。
【図６】ウェブページデータの構成説明図である。
【図７】ウェブページ作成支援装置のコンピュータプログラム動作フローチャートである。
【図８】文字入力処理のフローチャートである。
【図９】画像入力処理のフローチャートである。
【符号の説明】
【００２８】
１０  ウェブページ作成支援装置
１２  通信制御手段
１４  背景画像表示制御手段
１６  文字入力枠表示手段
１８  文字入力枠移動表示手段
２０  部品画像入力枠表示手段
２２  部品画像入力枠移動表示手段
２４  入力枠領域検出手段
２６  入力データ属性検出手段
２８  ウェブページデータユニット生成手段
３０  ウェブページデータユニット合成手段
３１  ウェブページデータユニット保存手段
３２  ネットワーク
３４  端末装置
【図１】
2008071115.tif 000003
【図２】
2008071115.tif 000004
【図３】
2008071115.tif 000005
【図４】
2008071115.tif 000006
【図５】
2008071115.tif 000007
【図６】
2008071115.tif 000008
【図７】
2008071115.tif 000009
【図８】
2008071115.tif 000010
【図９】
2008071115.tif 000011