JP2002251278A

JP2002251278A - プレビューシステム

Info

Publication number: JP2002251278A
Application number: JP2001050157A
Authority: JP
Inventors: Junji Uchida; 淳司内田; Yoshinobu Hara; 義信原
Original assignee: Honda Motor Co Ltd
Current assignee: Honda Motor Co Ltd
Priority date: 2001-02-26
Filing date: 2001-02-26
Publication date: 2002-09-06

Abstract

(57)【要約】【課題】アプリケーションに正規に登録するまえにデー
タの表示形態を確認して、データの登録作業の効率性を
向上させる。【解決手段】ネットワークを介してユーザによりアクセ
スされるアプリケーションシステムに接続されたプレビ
ューシステムであって、該プレビューシステムは、ユー
ザによって入力されたデータを受信するデータ受信手段
と、受信したデータがアプリケーションシステムに正規
に登録された場合における該データの閲覧画面と同様の
表示形態を持つプレビュー画面を作成するプレビュー作
成手段と、作成したプレビュー画面をユーザに送信し、
表示するプレビュー表示手段とを備える。受信データに
画像が添付されている場合は、プレビュー画面におい
て、画像ファイルは展開され、所定の領域に適合するよ
う変倍される。また、音声ファイルが添付されている場
合は、プレビュー画面において、音声ファイルを起動さ
せることができる。

Description

【発明の詳細な説明】

【０００１】

【発明の属する技術分野】この発明は、ネットワークを
介してアプリケーションシステムにデータを登録するた
めのシステムに関し、より具体的には、実際にデータを
アプリケーションシステムに登録する前に、プレビュー
画面で登録後のデータの表示イメージを確認することが
できるプレビューシステムに関する。

【０００２】

【従来の技術】インターネットによる通信が普及するに
つれて、多くの企業がホームページを提供し、対話形式
でユーザと通信するようになっている。対話形式のウェ
ブページは、典型的には、ＣＧＩ(Common Gateway Inte
rface)プログラムを使用したダイナミックＨＴＭＬ文書
として作成され、ユーザが書き込みをすることができる
ページは、フォームと呼ばれる。ブラウザでウェブペー
ジを閲覧するユーザは、フォームの所定の箇所に書き込
みを行い、必要に応じて添付ファイルを指定して送信ボ
タンをクリックすることにより、書き込んだデータおよ
び添付ファイルをウェブサーバに送ることができる。

【０００３】たとえば、このようなフォームを使用し
て、あるアプリケーションにデータを登録し、その登録
されたデータをブラウザ上で閲覧する形態として、ネッ
トオークションがある。オークションに商品を出品する
とき、出品者は、予め決められたフォームに商品の内
容、説明、価格などを書き込み、必要に応じて商品を撮
像した画像を添付する。その後、たとえば「出品する」
というボタンをクリックすることにより、入力されたデ
ータおよび画像添付ファイルがオークションシステムに
送信され、該商品がオークションに登録される。

【０００４】また、特開２０００−２５９４８５号公報
には、電子メールを発信するだけで、インターネット上
にその内容を公開することができる方法が記載されてい
る。この方法によると、電子メールの本文が画像ファイ
ルに変換され、その画像ファイルへのリンクが埋め込ま
れたＨＴＭＬファイルが作成され、公開用のディスクに
記憶される。さらに、公開用のユーザインデックスファ
イルに作成されたＨＴＭＬファイルへのリンクが設けら
れる。こうして、電子文書のコンテンツをインターネッ
ト上に簡単に公開する。

【０００５】

【発明が解決しようとする課題】通常、テキストおよび
画像などのデータをネットワークを介して何らかのアプ
リケーションシステムに登録したとき、アプリケーショ
ンシステムは、登録を実行したユーザまたは他の第三者
からの要求に応答して、該登録データの閲覧画面を作成
する。この場合、典型的には、アプリケーションシステ
ムは、受信したテキストデータを所定のフォーマットに
埋め込み、受信したデータに画像ファイルが添付されて
いる場合には、該添付ファイルを展開して所定の大きさ
に調整し、該調整した画像データを、上記所定のフォー
マットの所定の画像領域にはめこむ。その後、アプリケ
ーションシステムは、登録されたデータを上記所定のフ
ォーマットでユーザに表示する。

【０００６】このように、ユーザは、登録したデータが
ブラウザ上で実際にどのように見えるかを登録する前に
確認することができず、実際に登録が完了した後で確認
することができるにすぎない。したがって、ブラウザ上
で登録データを閲覧した時に、登録データに間違いがあ
ったり、添付ファイルが所望の状態で表示されていなか
ったりということを発見した場合には、一度登録したデ
ータを取り消す作業を行い、再度登録し直す作業を行わ
なければならない。

【０００７】特に、添付ファイル名は、入力フォームに
おいてそのファイル名を指定し、その中身を確認できな
いままに送信される。そのため、間違ったファイル名を
指定して間違ったファイルが登録されてしまうおそれが
ある。また、添付ファイルとして画像ファイルを指定す
る場合、上記のようにアプリケーションシステムがその
画像をどのように調整するかがユーザには不明であるの
で、ユーザは、どのような大きさのどのような解像度の
画像ファイルを用意すべきかについて判断に困る。ユー
ザは、ブラウザ上で登録データを閲覧したとき、画像が
小さすぎたり、または大きすぎたり、または鮮明でなか
ったり、または間違った画像を転送してしまったりした
ことを発見したときには、既に登録した添付ファイルの
取消作業を行うとともに、画像を適切な大きさに変倍し
たり、または適切な解像度を持つ画像を用意しなおした
り、または正しい画像ファイルを添付ファイルとして指
定しなおして、登録作業を再度やり直さなければならな
い。このことは、ユーザに負担を強いる。

【０００８】画像ファイルを他のシステムに送信したと
きに、該他のシステムにおける表示形態に適合するよ
う、送信されてきた画像ファイルを調整する方法が提案
されている。たとえば、特開２０００−５９４１７号公
報には、画像を配信するとき、配信先の表示画面サイズ
に対応して変倍した後に配信される通信システムが開示
されている。しかしながら、このような方法では、配信
された画像が、宛先のワークステーションでどのように
表示されるかを予め確認することができない。また、こ
のような方法によると、画像ファイルを配信するとき
に、予め宛先のワークステーションの表示画面のサイズ
情報を取得しなければならない。

【０００９】したがって、あるアプリケーションシステ
ムにデータを登録するとき、該データが該アプリケーシ
ョンシステムに実際に登録される前に、登録後のデータ
がどのように表示されるかを示すプレビューをユーザに
提供することのできるシステムが必要とされている。

【００１０】

【課題を解決するための手段】上記の課題を解決するた
めに、本発明によるプレビューシステムは、ネットワー
クを介してユーザによりアクセスされるアプリケーショ
ンシステムに接続されており、前記ユーザによって入力
されたデータを受信するデータ受信手段と、前記受信し
たデータが前記アプリケーションシステムに正規に登録
された場合における該データの閲覧画面と同様の表示形
態を持つプレビュー画面を作成するプレビュー作成手段
と、前記作成したプレビュー画面を前記ユーザに送信
し、表示するプレビュー表示手段と、を備えるという構
成をとる。

【００１１】この発明によると、アプリケーションシス
テムにデータを正規に登録する前に、ユーザは登録後の
データの表示形態を確認することができるので、アプリ
ケーションシステムへのデータの登録を正確かつユーザ
の所望通りに行うことができる。

【００１２】また、この発明の一つの側面によると、こ
の発明によるプレビューシステムのプレビュー作成手段
は、データの登録後の閲覧画面に対応する画面テンプレ
ートを抽出し、該抽出した画面テンプレートに、前記受
信したデータを埋め込んでプレビュー画面を作成すると
いう構成をとる。

【００１３】この発明によると、画面テンプレートに受
信データを埋め込むことによりプレビュー画面が作成さ
れるので、予め画面テンプレートを用意しておくことに
より簡単にユーザにプレビューを示すことができる。

【００１４】また、この発明の他の側面によると、この
発明のプレビューシステムは、さらに、プレビュー画面
に対して登録することを示す信号を前記ユーザから受信
したならば、前記受信したデータを前記アプリケーショ
ンシステムに正規に登録する手段を備える。このよう
に、プレビュー画面でユーザがＯＫを出して初めてアプ
リケーションシステムにデータが正規に登録されるの
で、ユーザは所望のプレビュー画面が得られるまで登録
すべきデータを任意に修正することができる。

【００１５】この発明のもう一つの側面によると、ユー
ザから受信したデータは、添付された画像ファイルを含
んでおり、画面テンプレートには、画像ファイルを表示
するための予め決められたサイズの画像領域が規定され
ており、この発明のプレビューシステムにおけるプレビ
ュー作成手段は、さらに、前記画面テンプレートの前記
予め決められた画像領域に収まるよう前記受信した画像
ファイルを変倍する画像ファイル調整手段を備える。

【００１６】また、この発明のもう一つの側面による
と、ユーザから受信したデータは、添付された音声ファ
イルを含んでおり、この発明のプレビューシステムにお
けるプレビュー作成手段は、さらに、前記画面テンプレ
ートに前記音声ファイルを取り込んで、前記プレビュー
画面にて前記音声ファイルを起動させることができるよ
うにする音声ファイル調整手段を備える。

【００１７】これらの発明によると、ユーザからの受信
データに画像ファイルが含まれている場合は、画像ファ
イルが展開され、プレビュー画面の画像領域に適切に表
示されるよう調整される。したがって、ユーザは、プレ
ビュー画面において、添付したファイルに間違いはない
か、所望の状態で画面表示されるかというようなこと
を、正規に登録する前に確認することができる。さら
に、プレビュー画面には音声ファイルもリンクづけられ
ているので、音声ファイルを起動させることにより、音
声ファイルを正常に起動させることができるかどうかデ
ータの登録前に確認することができる。

【００１８】この発明の他の側面によると、前記アプリ
ケーションシステムは、インターネットを介してユーザ
によってアクセスされ、ユーザの入力データは、ブラウ
ザを介して入力される。この場合、前記画面テンプレー
トは、ＨＴＭＬ文書で作成される。

【００１９】この形態によると、ユーザがアプリケーシ
ョンシステムに登録したデータを第三者に公開させる場
合、ユーザは、アプリケーションシステムに登録する前
に、自分自身で登録後の表示形態を確認することができ
るので、公開するデータの信頼性を高めることができ、
ユーザは、安心して登録作業を実施することができる。

【００２０】

【発明の実施の形態】次に、図面を参照してこの発明の
実施の形態を説明する。図１は、この発明の一実施例の
プレビューシステムを備えるネットワーク形態の全体的
な構成を示すブロック図である。システム３０は、Ｘ社
の社内ネットワーク・システムを示す。この実施例で
は、社内ＬＡＮによって構成されたイントラネット３１
にＸ社の複数のパーソナルコンピュータ３２が接続され
ており、それぞれのパーソナルコンピュータ３２から内
部設置サーバ３３にアクセスすることができる。

【００２１】システム３０は、ファイアウォール３５お
よび専用線３６を介して、企業Ｘの社外に設けられた外
部設置サーバ２１に接続されている。ファイアウォール
は、パケットの選別機能を持つルータであり、パケット
ヘッダに含まれる送信元ホストアドレス、宛先ホストア
ドレス、およびプロトコルの種別などの情報を用いて、
パケットの選別を行う。この実施例では、ファイアウォ
ール３５は、サーバ２１から社内システム３０の内部設
置サーバ３３に向けられた送信を通し、その他の来信す
る通信は拒絶するよう設定されている。

【００２２】外部設置サーバ２１は、コンピュータ会社
が運営するサーバであり、Ｘ社からの委託を受けてＸ社
のホームページを、インターネット２０を介して多数の
ユーザに提供する。この実施例では、Ｘ社のホームペー
ジは、一般のエンド・ユーザ向けの会社案内、製品紹介
などの一般用のページ、および特定のユーザとのデータ
の送受信を行うための業務用のページを含んでいる。こ
れらのページは、Ｘ社において作成され、Ｘ社の内部設
置サーバ３３から公開ウェブサーバ２２にアップロード
されている。業務用ページは、Ｘ社が発行するＩＤ（識
別コード）および登録されたパスワードを入力して送信
し、その認証が合格した場合にのみアクセスすることの
できるページである。業務用ページにおける、ユーザ１
のパーソナルコンピュータ上のブラウザと、公開ウェブ
サーバ２２とのデータの送受信は、ＳＳＬ（Secure Soc
kets Layer）を用いた暗号化技術が使用される。

【００２３】公開ウェブサーバ２２には、ユーザに様々
なサービスを提供するアプリケーションのページ（一般
用ページおよび業務用ページを含む）が設けられてい
る。ユーザは、所定のアプリケーションのページにアク
セスすることにより、そのアプリケーションのサービス
を受けることができる。

【００２４】これらのアプリケーションのページの中に
は、所定の入力フォーム用のページを有するものがあ
り、ユーザ１は、この入力フォーム用のページに入り、
所望のデータを書き込んで公開ウェブサーバ２２に送信
することができる。

【００２５】公開ウェブサーバ２２には、この発明に従
うプレビューシステム２４が設けられており、プレビュ
ーシステム２４は、任意のアプリケーションシステム２
５と協調して動作する。具体的にいうと、プレビューシ
ステム２４は、ユーザ１が入力フォームに書き込んだデ
ータを受信し、該データのプレビュー画面を作成してユ
ーザ１に表示する。ここで、プレビュー画面は、該デー
タがアプリケーションシステム２５に登録された場合に
おける該データの閲覧画面と同じ表示形態を有する。す
なわち、ユーザは、プレビュー画面を閲覧することによ
り、自身が入力したデータがどのような表示形態で画面
に表示されるかを、データを正規にアプリケーションシ
ステム２５に登録する前に確認することができる。

【００２６】たとえば、この発明の一実施例において
は、公開ウェブサーバ２２には、「部品に関する提案受
付」のアプリケーションのページが設けられており、そ
のページには、ユーザが提案を書き込むための提案受付
入力用のフォームページが含まれている。ユーザは、ブ
ラウザを介して該提案受付入力フォームに必要なデータ
を書き込み、必要に応じて添付ファイルを指定し、「送
信」ボタンをクリックする。これに応答して、入力フォ
ームに書き込まれたデータは、公開ウェブサーバ２２に
送信される。

【００２７】プレビューシステム２４は、入力フォーム
に書き込まれたデータを受信し、そのデータのプレビュ
ー画面を作成し、ユーザに送信する。ユーザは、該プレ
ビュー画面を確認し、入力したデータおよび添付ファイ
ルが所望の形態で表示されているならば「登録」ボタン
をクリックし、所望の形態で表示されていなければ「取
消」ボタンをクリックする。「登録」ボタンがクリック
されたならば、ユーザが入力フォームで書き込んだデー
タは、公開ウェブサーバ２２における提案受付アプリケ
ーションシステム２５に実際に登録される。

【００２８】その後、該登録データは内部設置サーバ３
３に転送され、企業内ユーザ３２は、上記ユーザによっ
て登録されたデータを内部設置サーバ３３にアクセスす
ることにより閲覧することができる。登録データが第三
者に公開すべきものでない場合は、内部設置サーバ３３
に転送された後に、公開ウェブサーバ上のアプリケーシ
ョンシステム２５に格納された登録データは削除され
る。これは、第三者からの登録データへの参照を防止す
るためである。一方、登録データが第三者に公開すべき
ものである場合は、アプリケーションシステム２５に格
納された登録データを内部設置サーバ３３に転送せず
に、企業内ユーザが、公開ウェブサーバ２２にアクセス
して、登録データを一般のユーザと同様に閲覧するよう
にしてもよい。

【００２９】一方、プレビュー画面において「取消」ボ
タンがクリックされたならば、プレビューシステム２４
において作成されたプレビュー画面は廃棄される。

【００３０】この明細書で参照されるアプリケーション
システムは、ユーザによってアクセスされることがで
き、ユーザから受信したデータを、該ユーザまたは特定
の他のユーザまたは第三者に公開する任意のシステムを
含む。たとえばネットオークション、ネット上の掲示
板、ネットショッピングなどのインターネットを介した
サービスだけでなく、企業内の業務上のデータ処理にお
けるデータのデータベースへの登録などのシステムも含
む。また、何らかの通信を介してデータを１または複数
のユーザに配信するシステムにも適用することができ、
この場合、配信したデータがユーザにおいてどのように
表示されるかを確認することができる。

【００３１】図２は、公開ウェブサーバ２２に設けられ
るプレビューシステム２４の機能ブロック図である。デ
ータ送受信部４１は、インターネット２０を介してユー
ザ１からのデータを受信し、またアプリケーションシス
テム２５およびプレビューシステム２４から渡されたデ
ータをユーザに送信する。アプリケーションシステム２
５は、ユーザ１に所定のサービスを提供するアプリケー
ションプログラム２６、該所定のサービスを提供するの
に必要な各種のデータおよびページなどを格納する登録
データベース２７を備えており、ユーザのブラウザから
送信されてきたＵＲＬに応答して、対応するページを該
データベース２７から抽出し、ユーザのブラウザ１に提
供する。

【００３２】ユーザ１は、アプリケーションの所定の入
力フォーム用のページにアクセスし、該入力フォームに
データを書き込む。このとき、ユーザは、必要に応じて
画像および／または音声の添付ファイルを添付すること
ができる。ユーザが送信ボタンをクリックすることによ
り、入力データ（添付ファイルが指定されているとき
は、該添付ファイルを含む）は、データ送受信部４１に
よって受信される。

【００３３】受信された入力データは、プレビューシス
テム２５に設けられたプレビュー作成部４２に渡され
る。プレビュー作成部４２のテキスト調整部４５は、受
信した入力データの登録先のアプリケーションに関連づ
けられたＨＴＭＬテンプレートをテンプレートファイル
５１から抽出する。言い換えると、受信した入力データ
がアプリケーションシステム２５に正規に登録された場
合における登録データの閲覧画面と同様の表示形態をブ
ラウザ上に実現するＨＴＭＬテンプレートを抽出する。

【００３４】ＨＴＭＬで記述されたＨＴＭＬテンプレー
トには、テキスト、画像および音声データに対応するい
くつかの変数が規定されており、受信した入力データが
これらの変数にそれぞれ埋め込まれることにより、プレ
ビュー画面が作成される。これらの変数には、受信した
画像添付ファイルのファイル名を指定する画像ファイル
名指定変数、および受信した音声添付ファイルのファイ
ル名を指定する音声ファイル名指定変数が含まれる。さ
らに、ＨＴＭＬテンプレートには、画像データについ
て、予め決められたサイズの画像領域が規定されてい
る。

【００３５】テキスト調整部４５は、受信したテキスト
データのそれぞれの項目データを、抽出したＨＴＭＬテ
ンプレートの対応する変数に埋め込む。他の実施例で
は、テキスト調整部４５は、テキストデータをスクロー
ルすることなく画面に表示されるよう、埋め込まれるテ
キストデータのフォントサイズおよび表示位置を調整す
ることができる。

【００３６】画像ファイル調整部４６は、画像ファイル
を添付ファイルとして受け取ったとき、ＨＴＭＬテンプ
レートの画像ファイル名指定変数に、該受け取った画像
ファイル名を指定する。また、画像ファイル調整部４６
は、ＨＴＭＬテンプレートに規定された画像領域の大き
さに適合するよう、該受け取った画像ファイルを調整す
る。この実施例では、ＨＴＭＬテンプレートの画像領域
は「縦方向のピクセル数×横方向のピクセル数」で規定
されており、画像ファイル調整部４６は、受け取った画
像ファイルの大きさとＨＴＭＬテンプレートの画像領域
の大きさとをピクセル数で比較し、画像ファイルがこの
画像領域に収まるよう該画像ファイルを変倍（拡張また
は縮小）する。画像領域の縦および横の寸法の両方に合
わせて変倍すると画像ファイルがゆがんで表示されるこ
とがあるので、画像ファイルは、画像領域の縦または横
のいずれかの大きさに合わせて変倍されるのが好まし
い。

【００３７】他の実施例においては、ＨＴＭＬテンプレ
ートに画像領域を予め規定せずに、テキストデータの量
に合わせて画面の残りの表示領域のサイズを計算し、該
表示領域のサイズに適合するよう画像ファイルを動的に
変倍する。

【００３８】音声ファイル調整部４７は、音声ファイル
を添付ファイルとして受け取ったとき、ＨＴＭＬテンプ
レートの音声ファイル名指定変数に、該受け取った音声
ファイル名を指定する。

【００３９】こうして入力データが埋め込まれたＨＴＭ
Ｌテンプレートは、プレビュー画面として、入力データ
（添付ファイルを含む）と共にプレビュー保存ファイル
５２に保管され、プレビュー画面は送受信部４１に渡さ
れる。送受信部４１は、ユーザのブラウザ１にプレビュ
ー画面を送信する。

【００４０】ユーザのブラウザ１上にはプレビュー画面
が表示され、ユーザは、自分が入力フォームで書き込ん
だ入力データおよび添付ファイルの内容およびこれらの
表示形態を確認する。ユーザは、プレビュー画面が所望
のものと判断すれば「登録する」ボタンをクリックす
る。このクリック情報は送受信部４１を介してデータ登
録部４３に渡され、データ登録部４３は、プレビュー保
存ファイル５２から入力データを抽出し、これを正規の
登録データとして、アプリケーションシステム２５の登
録データベース２７に保存する。ユーザ１は、登録した
データをブラウザで閲覧すると、該登録データが、登録
データベース２７から抽出され、登録データ閲覧画面上
の適切な位置に表示されるよう編集される。その後登録
データ閲覧画面がブラウザ１に送信され、表示される。

【００４１】データ登録部４３は、プレビュー保存ファ
イル５２に格納されたプレビュー画面を、正規の登録デ
ータ閲覧画面としてアプリケーションシステム２５の登
録データベース２７に格納してもよい。この場合、ユー
ザが登録データを閲覧しようとしたとき、該登録データ
閲覧画面が登録データベース２７から抽出され、ユーザ
のブラウザ１に表示される。

【００４２】ユーザは、プレビュー画面が所望のもので
ないと判断すれば「取消」ボタンをクリックする。この
クリック情報は送受信部４１を介してデータ登録部４３
に渡され、データ登録部４３は、プレビュー保存ファイ
ル５２に格納されたプレビュー画面を削除する。これに
応答して、アプリケーション２６は、再び入力フォーム
のページをユーザのブラウザ１に送信する。このとき、
前回ユーザによって入力された内容が表示された状態で
入力フォームを表示するのが好ましい。ユーザは、この
入力フォームのページにおいて、入力データを訂正し、
再びプレビュー画面を表示させることができる。

【００４３】図３は、この発明の一実施例における、部
品の提案受付アプリケーションの入力フォームのページ
例を示す。ユーザは、フィールド２１０および２１１に
テキストを入力する。ここで、提案内容フィールド２１
１は、ユーザが自由に提案内容を記述フィールドである
ので、予め決められた種類のＨＴＭＬタグを記述できる
よう設定されている。たとえば、図３に示されるよう
に、「添付資料」という記述をタグ<U>および</U>で囲
むことにより、プレビュー画面では、「添付資料」に下
線が付されて表示される。このように、フィールド２１
１に記述されたタグは、プレビュー画面およびその後の
登録後の閲覧画面において反映される。

【００４４】ユーザは、必要に応じて、ＪＰＧ、ＧＩＦ
形式などの画像ファイルをフィールド２２１に、ＭＤ
Ｉ、ＡＳＦ形式のような音声ファイルをフィールド２２
３に添付ファイルとして指定することができる。なお、
静止画像だけでなく、動画像を指定することもできる。
参照ボタン２２２をクリックすることにより、ユーザの
パーソナル・コンピュータのディレクトリを表示し、そ
の中から添付すべきファイルを選択することができる。
ユーザは、これらの入力データを書き込んだ後、送信ボ
タン２３１を押す。それに応答して、入力データおよび
添付ファイルが、ブラウザ１から公開ウェブサーバ２２
に送信される。

【００４５】図４は、図３において「送信」ボタン２３
１がクリックされたことに応答して表示されるプレビュ
ー画面３００の例を示す図である。フィールド３１０に
は、図３の入力フィールド２１０に入力されたテキスト
データが表示されており、フィールド３１１には、図３
の入力フィールド２１１に入力されたテキストデータが
表示されている。前述したように、フィールド２１１に
記述されたＨＴＭＬタグが反映され、「添付資料」とい
う記述に下線が付されて表示されているのがわかる。

【００４６】フィールド３２１には、図３の入力フィー
ルド２２１に指定された画像添付ファイルのファイル名
が表示されており、フィールド３２２は、該画像添付フ
ァイルが展開されて表示されている。画像添付ファイル
は、このフィールド３２２の大きさに合わせて変倍され
ている。また、フィールド３２３には、図３の入力フィ
ールド２２３に指定された音声添付ファイルのファイル
名が表示されており、ボタン３２４には、該音声添付フ
ァイルがリンクされている。このボタン３２４をクリッ
クすることにより音声添付ファイルが起動され、音声を
聞くことができる。たとえば、車両を運転しているとき
の異常音など、文章では表現しきれない状況を音声ファ
イルに含めることができる。

【００４７】ユーザは、所望のプレビュー画面が得られ
たならば、「登録する」ボタン３３１をクリックする。
これに応答して、プレビュー画面３００を実現するＨＴ
ＭＬ文書、入力データおよび添付ファイルが、正規の登
録データとしてアプリケーションシステム２５の登録デ
ータベース２７に保存される。

【００４８】一方、ユーザは、所望のプレビュー画面が
得られなければ、「取消」ボタン３３２をクリックす
る。それに応答して、図３に示されるような入力フォー
ムのページが再び表示される。ユーザは、必要に応じて
入力データを変更し、必要に応じて添付ファイル名を変
更した後、再び送信ボタン２３１をクリックしてプレビ
ュー画面を参照することができる。

【００４９】図５は、図４のプレビュー画面３００に対
応するＨＴＭＬテンプレートを概略的に示す図である。
ＨＴＭＬテンプレートは、ＨＴＭＬ文書の形で記述され
ている。参照番号４１０および４１１の行に記述されて
いる「$val_...」は、入力フォームのフィールド２１０
および２１１にそれぞれ書き込まれたデータで置き換え
られる変数を示す。たとえば、$val_usercodeは、入力
フォームのユーザコード・フィールドに書き込まれたデ
ータで置き換えられ、$val_usernameは、入力フォーム
のユーザ名フィールドに書き込まれたデータで置き換え
られる。

【００５０】参照番号４１２および４１４で示される$v
al_image1および$val_sound1は、それぞれ画像ファイル
名指定変数および音声ファイル名指定変数であり、これ
らの変数は、入力フィールド２２１および２２３で指定
された画像および音声ファイルのファイル名でそれぞれ
置き換えられる。さらに、参照番号４１３および４１５
で示される$val_image2および$val_sound2は、やはりそ
れぞれ画像ファイル名指定変数および音声ファイル名指
定変数を示すが、これらの変数は、受信したファイル名
の末尾に受付番号を付加して名前を変更した後のファイ
ル名で置き換えられる。これは、後述するが、プレビュ
ーシステム２４が、受信したファイルがどの提案受付に
対応するかを認識するためである。

【００５１】ＨＴＭＬテンプレートに変数を規定して、
データを埋め込む方法には様々な方法があり、任意の方
法を使用することができる。そのうちの典型的な方法
は、実際には、ＨＴＭＬテンプレートの変数が変数配列
として記述される。この場合、入力フォームからデータ
を受け取って処理するＣＧＩ(Common Gateway Interfac
e)プログラムが、該受け取ったデータを、この配列変数
のそれぞれの要素に入れることにより、ＨＴＭＬテンプ
レートがブラウザに表示されるとき、該配列変数のそれ
ぞれの要素に入れられたデータがブラウザに渡され、表
示される。しかしながら、この実施例では、説明をわか
りやすくするため、ＨＴＭＬテンプレートに記述した変
数に直接ユーザからの入力データが埋め込む方法でプレ
ビュー画面を作成する。

【００５２】図６は、プレビュー画面３００に対応する
ＨＴＭＬ文書を示す図である。参照番号４２０〜４２５
に示されるように、図５に示される変数が、受信した入
力データで置き換えられている。参照番号４２１に示さ
れるように、「提案内容」フィールドを示す変数$val_c
ontentsには、「提案内容」入力フィールドで記述され
たＨＴＭＬタグが、変数を置き換えた後もそのまま記述
されている。また、参照番号４２３および４２５に示さ
れるように、実際にプレビュー画面に取り込まれる画像
およびリンクづけられる音声のファイル名が、受信した
ファイル名に提案受付番号「０１０」が末尾に付加され
た新たなファイル名に変更されている。図６に示される
ＨＴＭＬ文書をユーザのブラウザ１に送信することによ
り、図４に示されるプレビュー画面がブラウザ上に表示
される。

【００５３】図５および図６に示されるＨＴＭＬ文書お
よびそのプレビュー画面は単なる例であり、異なる記載
方法を使用して同様のプレビュー画面を実現することが
できる。また、プレビュー画面を、他の帳票イメージを
有するよう設計することもできる。さらに、ＨＴＭＬテ
ンプレートにおける変数の設定方法も単なる例示であ
り、他の異なる記号を使用して変数を指定するようにし
てもよい。

【００５４】図７は、プレビュー画面の作成方法を示す
フローチャートである。ステップ１０１において、ユー
ザからの要求に応答して入力フォームをユーザのブラウ
ザ１に表示する。ステップ１０２において、ユーザによ
って入力された入力データおよび添付ファイルが指定さ
れていれば添付ファイルを受信する。受信した入力デー
タおよび添付ファイルのデータフォーマットにエラーが
ないかどうかを点検し（１０３）、エラーが無ければス
テップ１０５に進み、エラーがあれば、その旨を示す画
面をユーザのブラウザに表示し、再度正しく入力するよ
う促す（１０４）。

【００５５】ステップ１０５において、該受信したデー
タに対応するＨＴＭＬテンプレートを抽出する。その
後、テキスト調整ルーチンを実行することにより、受信
したテキストデータの内容に従ってＨＴＭＬテンプレー
トの記述を変更し、該テンプレートのテキスト変数に、
対応するテキストデータを埋め込む（１０６）。さら
に、画像ファイル調整ルーチンを実行し、抽出したＨＴ
ＭＬテンプレートの画像ファイル名指定変数を置き換
え、さらに、ＨＴＭＬテンプレートの画像領域の大きさ
に適合するよう、受信した画像ファイルを変倍する（１
０７）。次に、音声ファイル調整ルーチンを実行し、抽
出したＨＴＭＬテンプレートの音声ファイル名指定変数
を置き換える（１０８）。こうして、入力データが埋め
込まれたＨＴＭＬ文書を、入力データと共にプレビュー
保存ファイルに保存し（１０９）、プレビュー画面とし
てユーザのブラウザに送信する（１１０）。なお、ステ
ップ１０６〜１０８は、並列に実行させることができ
る。

【００５６】プレビュー画面において、ユーザから「登
録する」ボタンがクリックされたならば（１１１）、そ
れに応答して、受信した入力データ（添付ファイルを含
む）、および該データのプレビュー画面を、正規の登録
データとして登録データベースに保存する（１１２）。
一方、ステップ１１１において、ユーザによって「取
消」ボタンがクリックされたならば、それに応答して、
ページ保存ファイルに一旦格納されたプレビュー画面を
削除し（１１３）、再び入力フォームのページをユーザ
のブラウザに表示する（１０１）。このとき、入力フォ
ームのページには、前回入力されたデータが書き込まれ
た状態で表示される。これは、ページ保存ファイルに格
納されている入力データを抽出して、入力フォームの所
定のフィールドに書き込むことにより、達成される。

【００５７】他の実施例では、ステップ１１１および１
１３において、「取消」ボタンがクリックされたなら
ば、ページ保存ファイルに格納されたプレビュー画面お
よび入力データを削除するようにしてもよい。この場
合、再び表示される入力フォームのページは、入力フィ
ールドにデータが全く書き込まれていない状態で表示さ
れる。

【００５８】図８は、入力データに含まれるテキストデ
ータをＨＴＭＬテンプレートに埋め込む方法を示すフロ
ーチャートである。ステップ１２１において、ＨＴＭＬ
テンプレートのテキストデータを埋め込む変数$val_use
rcode、$val_username、$val_title、$val_partsno、$v
al_partsname、$val_contentsに、受信したユーザコー
ド、ユーザ名、表題、部品番号、部品名および提案内容
をそれぞれ埋め込む。

【００５９】図９は、受信した画像添付ファイルをＨＴ
ＭＬテンプレートに埋め込む方法を示すフローチャート
である。ステップ１４１において、画像添付ファイルが
あるかどうか判断する。有ればステップ１４２に進み、
無ければこのルーチンを抜ける。

【００６０】ステップ１４２において、ＨＴＭＬテンプ
レートの画像ファイル名指定変数val_image1を検索し、
該変数を、受信した画像ファイル名で置き換える。さら
に、画像ファイル名指定変数val_image2を検索し、該変
数を、ステップ１５２で付与されることとなる新たな画
像ファイル名で置き換える。後者のファイル名は、前述
したように、受信した画像ファイル名に提案受付番号を
末尾に付け加えて名前変更されたファイル名である。た
とえば、受信した画像ファイル名が「abcd.jpg」である
とき、これに提案受付番号「010」を末尾に付け加え
て、「abcd010.jpg」と名前を変更する。ステップ１４
３に進み、ＨＴＭＬテンプレートに記述されている、va
l_image2に対応する画像領域の大きさを取得する。図５
を参照して明らかなように、画像領域は、width=”32
6” height=”210”というように規定されている。ここ
で、widthは画像領域の横方向の寸法すなわち幅Ｂ（ピ
クセル数で表されている）を示し、heightは画像領域の
縦方向の寸法すなわち高さＡ（ピクセル数で表されてい
る）を示す。

【００６１】ステップ１４４に進み、受信した画像ファ
イルの画像データの幅Ｙおよび高さＸを読み込む。ステ
ップ１４５および１４６において、ＨＴＭＬテンプレー
トに規定された画像領域の幅Ｂおよび高さＡと、受信し
た画像データの幅Ｙおよび高さＸとをそれぞれ比較す
る。受信した画像データの幅Ｙおよび高さＸのどちらか
が、画像領域の幅Ｂおよび高さＡより大きければ、ステ
ップ１４７に進み、受信した画像データと画像領域の幅
および高さの比率をそれぞれ算出する。

【００６２】受信した画像データの高さＸおよび幅Ｙの
両方が、それぞれ、画像領域の高さＡおよび幅Ｂ以下な
らば（１４５、１４６）、受信した画像データは画像領
域に収まる大きさであり、縮小する必要がないので、ス
テップ１５２に進む。

【００６３】ステップ１４８では、幅の比率および高さ
の比率を比較し、高さの比率の方が小さければ縮小率に
高さの比率を設定し（１４９）、幅の比率の方が小さけ
れば縮小率に幅の比率を設定する（１５０）。これは、
受信した画像データをＨＴＭＬテンプレートの画像領域
の大きさに適合させるのに、より縮小しなければならな
い方に合わせて縮小率を設定するためである。こうして
縮小率が設定されたので、ステップ１５１に進み、受信
した画像データの高さおよび幅をこの縮小率で実際に縮
小する。ステップ１５２において、ステップ１４２を参
照して説明したように、画像が縮小された場合は該縮小
された画像データに新たな名前を付与し、画像が縮小さ
れなかった場合は、受信した画像ファイル名を新たな名
前に変更し、その後プレビュー保存ファイルに保存す
る。

【００６４】他の実施例においては、画像データが画像
領域よりも小さければ、画像データを、画像領域のサイ
ズに適合するよう拡大する。拡大の仕方は、縮小の場合
と同様に実行することができる。すなわち、画像領域お
よび画像データの幅の比率と高さの比率を比較し、比率
が小さい方に合わせて拡大される。

【００６５】図１０は、受信した音声添付ファイルをＨ
ＴＭＬテンプレートに埋め込む方法を示すフローチャー
トである。ステップ１６１において、音声添付ファイル
があるかどうか判断する。有ればステップ１６２に進
み、無ければこのルーチンを抜ける。

【００６６】ステップ１６２において、受信した音声フ
ァイル名を、前述の画像ファイルを参照して述べたよう
に、新たなファイル名に変更する。たとえば、受信した
画像ファイル名が「efgh.mdi」であるとき、これに提案
受付番号「010」を付け加えて、「efgh010.mdi」と名前
を変更する。ファイル名が変更された音声ファイルは、
プレビュー保存ファイルに保存される。ステップ１６３
に進み、ＨＴＭＬテンプレートの音声ファイル名指定変
数val_sound1およびval_sound2を検索し、前者の変数
を、受信した音声ファイル名で置き換え、後者の変数
を、ステップ１６２で付与された新たな音声ファイル名
で置き換える。

【００６７】こうして、図６に示されるような、プレビ
ュー画面を表示するＨＴＭＬ文書が完成する。このＨＴ
ＭＬ文書がブラウザ１に送信され、プレビュー画面が表
示される。前述したように、プレビュー画面において
「ＯＫ」ボタンがクリックされたならば、ユーザによっ
て入力されたデータ（添付ファイルを含む）は、プレビ
ュー保存ファイルから抽出され、アプリケーションシス
テムに正規に登録される。

【００６８】以上この発明を特定の実施例について説明
したが、この発明はこのような実施例に限定されるもの
ではなく、当業者が容易に行うことができる種々の変形
もこの発明の範囲に含まれる。

【００６９】

【発明の効果】この発明によると、あるアプリケーショ
ンシステムに実際にデータが登録される前に、データが
どのような表示形態でアプリケーションシステムの閲覧
画面で表示されるかを確認することができるので、デー
タの登録作業の効率性を向上させることができる。さら
に、添付ファイルと共にデータを登録するとき、添付フ
ァイルを事前に確認してから実際に登録することができ
るので、適切な添付ファイルを確実に登録することがで
きる。

【図面の簡単な説明】

【図１】この発明の一実施例におけるプレビューシステ
ムのネットワーク接続形態の全体を示すブロック図。

【図２】この発明の一実施例におけるプレビューシステ
ムの機能ブロック図。

【図３】この発明の一実施例における入力フォームのペ
ージの画面例を示す図。

【図４】この発明の一実施例におけるプレビュー画面の
例を示す図。

【図５】この発明の一実施例におけるＨＴＭＬテンプレ
ートの例を示す図。

【図６】この発明の一実施例におけるプレビュー画面を
表示するＨＴＭＬ文書の例を示す図。

【図７】この発明の一実施例におけるプレビュー作成方
法を示すフローチャート。

【図８】この発明の一実施例におけるテキストデータ調
整ルーチンを示すフローチャート。

【図９】この発明の一実施例における画像ファイル調整
ルーチンを示すフローチャート。

【図１０】この発明の一実施例における音声ファイル調
整ルーチンを示すフローチャート。

【符号の説明】

２１公開ＷＥＢサーバ２４プレ
ビューシステム２５アプリケーションシステム２６アプ
リケーションプログラム２７登録データベース４２プレ
ビュー作成部４５テキスト調整部４６画像
ファイル調整部４７音声ファイル調整部５２プレ
ビュー保存ファイル

───────────────────────────────────────────────────── フロントページの続き (51)Int.Cl.⁷ 識別記号ＦＩテーマコート゛(参考）Ｈ０４Ｎ 1/393 Ｈ０４Ｎ 1/393 Ｆターム(参考） 5B057 CD05 CE08 5B069 AA02 BA01 JA01 KA01 LA03 5C076 AA13 AA21 AA22 BA06 CA02 CB02 5E501 AA02 BA02 CA02 CB02 CB09

Claims

【特許請求の範囲】

【請求項１】ネットワークを介してユーザによりアクセ
スされるアプリケーションシステムに接続されたプレビ
ューシステムであって、前記ユーザによって入力されたデータを受信するデータ
受信手段と、前記受信したデータが前記アプリケーションシステムに
正規に登録された場合における該データの閲覧画面と同
様の表示形態を持つプレビュー画面を作成するプレビュ
ー作成手段と、前記作成したプレビュー画面を前記ユーザに送信し、表
示するプレビュー表示手段と、を備えるプレビューシステム。
【請求項２】前記プレビュー作成手段は、前記データの
登録後の閲覧画面に対応する画面テンプレートを抽出
し、該抽出した画面テンプレートに、前記受信したデー
タを埋め込んでプレビュー画面を作成する請求項１に記
載のプレビューシステム。
【請求項３】前記プレビュー画面に対して登録すること
を示す信号を前記ユーザから受信したならば、前記受信
したデータを前記アプリケーションシステムに正規に登
録する手段を備える請求項１に記載のプレビューシステ
ム。
【請求項４】前記受信したデータは、添付された画像フ
ァイルを含んでおり、前記画面テンプレートには、画像ファイルを表示するた
めの予め決められたサイズの画像領域が規定されてお
り、前記プレビュー作成手段は、さらに、前記画面テンプレ
ートの前記予め決められた画像領域に収まるよう前記受
信した画像ファイルを変倍する画像ファイル調整手段を
備える請求項２に記載のプレビューシステム。
【請求項５】前記受信したデータは、添付された音声フ
ァイルを含んでおり、前記プレビュー作成手段は、さらに、前記画面テンプレ
ートに前記音声ファイルを取り込んで、前記プレビュー
画面にて前記音声ファイルを起動させることができるよ
うにする音声像ファイル調整手段を備える請求項２に記
載のプレビューシステム。
【請求項６】前記ネットワークはインターネットを含
み、前記入力データは、前記ユーザによってブラウザを
介して入力される請求項１に記載のプレビューシステ
ム。
【請求項７】前記画面テンプレートは、ＨＴＭＬ文書で
作成される請求項７に記載のプレビューシステム。