(57)【要約】【課題】ＨＴＭＬで構成された設問・返答・評価システムにおいて、ユーザーがウインドウに表示された設問に返答した場合、その評価を返答したウインドウと同じウインドウに、あたかも答案用紙に上書きしてマークしたかのごとく表示するＨＴＭＬを編集することである。【解決手段】設問用ＨＴＭＬファイルにて評価を表示させることを想定して、評価を表示させる位置に透明画像ファイルを貼り付け、この設問用ＨＴＭＬファイルをＣＧＩプログラムにて読み込んで、ＨＴＭＬ要素を透明画像ファイル名にて検査・識別して、透明画像ファイルを評価に対応した評価画像ファイルで置換するという「画像置換」をすることにより、評価を表示するための新たなＨＴＭＬを編集する。【選択図】        図５
2004310318.tif 000002
【特許請求の範囲】
【請求項１】
設問用ＨＴＭＬファイルにて評価を表示させることを想定して、評価を表示させる位置に透明画像ファイルを貼り付け、この設問用ＨＴＭＬファイルをＣＧＩプログラムにて読み込んで、ＨＴＭＬ要素を透明画像ファイル名にて検査・識別して、透明画像ファイルを評価に対応した評価画像ファイルで置換するという「画像置換」をすることにより、評価を表示するための新たなＨＴＭＬを編集することを特徴とする、ＨＴＭＬで構成された設問・返答・評価システムにおける評価表示のためのＨＴＭＬ編集方法。
【発明の詳細な説明】
【０００１】
【発明が属する技術分野】
本発明は、ＨＴＭＬ（Ｈｙｐｅｒ  Ｔｅｘｔ  Ｍａｒｋｕｐ  Ｌａｎｇｕａｇｅ）をインターネットもしくはイントラネットを介してパソコンのウインドウに表示するとき、１つのウインドウに複数のＨＴＭＬが同時に表示されたかのごとく見える１つのＨＴＭＬを、ＣＧＩ（Ｃｏｍｍｏｎ  Ｇａｔｅｗａｙ  Ｉｎｔｅｒｆａｃｅ）プログラムにて合成する方法に関するものである。
【０００２】
【従来の技術】
ＨＴＭＬで構成された設問・返答・評価システムにおいてユーザーがウインドウに表示された設問に返答した場合、ＣＧＩプログラムが動作して正誤チェック、採点、コメントなどにより評価をして、その評価をウインドウに表示しているが、従来は返答したウインドウとは別のウインドウにその評価を表示するという方法、いわば評価ウインドウは返答ウインドウと別にする方法が採用されている。
【０００３】
【発明が解決しようとする課題】
解決しようとしているのは、ＨＴＭＬで構成された設問・返答・評価システムにおいて、ユーザーがウインドウに表示された設問に返答した場合、その評価を返答したウインドウと同じウインドウに、あたかも答案用紙に上書きしてマークしたかのごとく表示するＨＴＭＬを編集することである。
【０００４】
【課題を解決するための手段】
設問用ＨＴＭＬファイルにて評価を表示させることを想定して、評価を表示させる位置に透明画像ファイルを貼り付け、この設問用ＨＴＭＬファイルをＣＧＩプログラムにて読み込んで、ＨＴＭＬ要素を透明画像ファイル名にて検査・識別して、透明画像ファイルを評価に対応した評価画像ファイルで置換するという「画像置換」をすることにより、評価を表示するための新たなＨＴＭＬを編集する。
【０００５】
【発明の実施の形態】
まず、評価画像ファイルを作成する。「○」「△」「×」などのマーク、または「１００点」「６０点」「若干理解不足ですね。」などの文字、またはこれらのマークと文字が混在した画像を作成し、かつ背景を透明にして保存する。同じ場所に表示されるが同時に表示されることはないのものをまとめて同じ大きさに統一して評価候補とし、ファイル名をたとえば、
評価候補Ｘ（“ｘｘ１．ｐｎｇ”、“ｘｘ２．ｐｎｇ”、“ｘｘ３．ｐｎｇ”、・・・）
評価候補Ｙ（“ｙｙ１．ｐｎｇ”、“ｙｙ２．ｐｎｇ”、“ｙｙ３．ｐｎｇ”、・・・）
・・・・・・・・・・・・・・・
のように命名する。
次に、透明画像ファイルを作成する。各評価候補に属するファイルと同じ大きさの透明画像ファイルを作成して、ファイル名をたとえば“ｘｘ０．ｐｎｇ”、“ｙｙ０．ｐｎｇ”として保存する。
次に、設問用ＨＴＭＬファイルにて評価を表示させることを想定して、評価を表示させる位置に透明画像ファイルを貼り付ける。
次に、設問用ＨＴＭＬのＩＮＰＵＴタグの属性を設定する。通常は、個々の返答項目が評価の対象となり同じ透明画像ファイルが貼り付けられることになるので、このような場合には、透明画像ファイルの出現順番と返答項目が対応するようにＩＮＰＵＴタグの属性を設定する。このＩＮＰＵＴタグは、
＜ＩＮＰＵＴ  ｔｙｐｅ＝”タイプ”  ｎａｍｅ＝”返答項目”  ｖａｌｕｅ＝”初期値”＞
という形をとるので、返答項目をシリアル番号で区別できるようにたとえば、
▲１▼  ＜ＩＮＰＵＴ  ｔｙｐｅ＝”タイプ”  ｎａｍｅ＝”ａｉ”  ｖａｌｕｅ＝”初期値”＞
ただし、ｉ＝１、２、・・・、ｎ
と設定する。このようにして設定された返答項目を返答項目１、返答項目２、・・・と呼ぶことにする。
次に、ＣＧＩプログラムファイルを作成する。このプログラムはユーザーが設問に返答したとき、返答値を保存して評価し、設問用ＨＴＭＬファイル、返答値、評価および評価画像ファイルを元に新たな評価用ＨＴＭＬを編集し、この評価用ＨＴＭＬを返答ウインドウにダウンロードするためのものである。
以下、ＣＧＩプログラムにて評価用ＨＴＭＬを編集する方法について説明する。
【０００６】
評価用ＨＴＭＬを編集する前段として必要な、返答値と評価を保存する一方法について説明する。返答するとＣＧＩプログラムは、入力がなかったときには初期値を返答値として、入力があったときは入力値を返答値として受け取ることができるので、返答項目毎にプログラム領域に保存する。返答項目１で識別される返答値をａ（１）に、返答項目２で識別される返答値をａ（２）に、同様にして全ての返答値をａ（ｉ）に保存する。
次に、すべての返答値ａ（ｉ）に対して個別に評価を行い、個別評価としてｂ（ｉ）に保存する。さらに総合的な評価を行い総合評価として保存する。
【０００７】
評価用ＨＴＭＬを編集する方法について説明する。まず、設問用ＨＴＭＬファイルを開き、１行目を読み込んでＨＴＭＬ要素を返答項目名にて検査し、返答項目があれば返答した状態を再現するために「再現合成」を行い、さらに透明画像ファイル名にて検査し、透明画像ファイルがあれば透明画像ファイルを評価画像ファイルで置換する「画像置換」を行い、さらにすべての画像を対象に相対パスで指定されたものがあるかどうか検査し、あればＵＲＬ指定に変換する「ＵＲＬ変換」を行い、いずれにも該当しないときは何も行わずに評価用ＨＴＭＬ要素とする、というようにして評価用ＨＴＭＬ要素を編集する。
次に、２行目を読み込んで１行目と同様に、３行目以降も同様にして、設問用ＨＴＭＬファイルの最後まで繰り返すことにより、評価用ＨＴＭＬが完成する。
【０００８】
再現合成について説明する。設問用ＨＴＭＬにおいて返答項目がある要素は▲１▼なので読み込んだ行を、次の２つの文字列、
＜ＩＮＰＵＴ  ｔｙｐｅ＝  および  ｎａｍｅ＝”ａ１”
で検査・識別して返答項目１を特定する。同様にして、全ての返答項目を特定する。
タイプには、
▲２▼  ｃｈｅｃｋｂｏｘ
▲３▼  ｔｅｘｔ
▲４▼  ｒａｄｉｏ
などがあるので、これらを文字列で検査・識別してどのタイプかを特定し、そのタイプに応じて合成する。
▲２▼の場合、設問用ＨＴＭＬ要素は、
＜ＩＮＰＵＴ  ｔｙｐｅ＝”ｃｈｅｃｋｂｏｘ”  ｎａｍｅ＝”ａｉ”  ｖａｌｕｅ＝”初期値”＞
という形をしているので、ａ（ｉ）に保存した返答値が初期値と異なるときには初期値を返答値で置換してさらにｃｈｅｃｋｅｄという文字列を追加して、
＜ＩＮＰＵＴ  ｔｙｐｅ＝”ｃｈｅｃｋｂｏｘ”  ｎａｍｅ＝”ａｉ”  ｖａｌｕｅ＝”返答値”  ｃｈｅｃｋｅｄ＞
としてこれを評価用ＨＴＭＬ要素とし、返答値が初期値と同じときには設問用ＨＴＭＬ要素をそのまま評価用ＨＴＭＬ要素とする。
▲３▼の場合、設問用ＨＴＭＬ要素は、
＜ＩＮＰＵＴ  ｔｙｐｅ＝”ｔｅｘｔ”  ｎａｍｅ＝”ａｉ”  ｖａｌｕｅ＝”初期値”＞
という形をしているので、ａ（ｉ）に保存した返答値が初期値と異なるときには初期値を返答値で置換して、
＜ＩＮＰＵＴ  ｔｙｐｅ＝”ｔｅｘｔ”  ｎａｍｅ＝”ａｉ”  ｖａｌｕｅ＝”返答値”＞
としてこれを評価用ＨＴＭＬ要素とし、返答値が初期値と同じときには、、設問用ＨＴＭＬ要素をそのまま評価ＨＴＭＬ要素とする。
▲４▼およびその他のタイプについても同様にして、すべての返答項目についてこれらの処理を行うことにより、再現合成が完成する。
【０００９】
画像置換について説明する。設問用ＨＴＭＬにおいて個別評価用の透明画像ファイルがある要素はたとえば、
＜ＩＭＧ  ｓｒｃ＝”ｘｘ０．ｐｎｇ”  ｗｉｄｔｈ＝”１６”  ｈｅｉｇｈｔ＝”１６”  ｂｏｒｄｅｒ＝”０”＞
という形をしているので、下線部の文字列で検査・識別することにより特定し、さらにこの文字列が特定されたのは何番目かを数え、その値をｍとして保存する。返答項目の命名方法により、このｍ番目の透明画像ファイルは返答項目ｍに対応したものなので、評価候補から個別評価ｂ（ｍ）に対応する評価画像ファイルを選択し、透明画像ファイルと置換することにより、評価用ＨＴＭＬ要素を編集する。たとえば評価画像ファイル名が“ｘｘ１．ｐｎｇ”なら、
▲５▼  ＜ＩＭＧ  ｓｒｃ＝”ｘｘ１．ｐｎｇ”  ｗｉｄｔｈ＝”１６”  ｈｅｉｇｈｔ＝”１６”  ｂｏｒｄｅｒ＝”０”＞
のようになる。
総合評価用の透明画像ファイルがある要素はたとえば、
＜ＩＭＧ  ｓｒｃ＝”ｙｙ０．ｐｎｇ”  ｗｉｄｔｈ＝”１４０”  ｈｅｉｇｈｔ＝”１４０”  ｂｏｒｄｅｒ＝”０”＞
という形をしているので、下線部の文字列で検査・識別することにより特定し、評価候補から総合評価に対応する評価画像ファイルを選択し、透明画像ファイルと置換することにより、評価用ＨＴＭＬ要素を編集する。たとえば評価画像ファイル名が“ｙｙ２．ｐｎｇ”なら、
▲６▼  ＜ＩＭＧ  ｓｒｃ＝”ｙｙ２．ｐｎｇ”  ｗｉｄｔｈ＝”１４０”  ｈｅｉｇｈｔ＝”１４０”  ｂｏｒｄｅｒ＝”０”＞
のようになる。
【００１０】
ＵＲＬ変換について説明する。評価用ＨＴＭＬにおける全ての画像ファイルは、相対パス指定のままでは画像が正常に表示されないので、ＵＲＬ指定に変換する。すべての評価用ＨＴＭＬ要素に対して次の文字列、
＜ＩＭＧ  ｓｒｃ＝”
で検査して、この文字列がなかった時には何もせず、あった時には次の文字列、
ｈｔｔｐ：／／
で検査して、この文字列があった時には何もせず、なかった時にはその画像ファイルのＵＲＬを追加して、評価用ＨＴＭＬ要素を編集する。▲６▼の場合にはたとえば、
＜ＩＭＧ  ｓｒｃ＝”ｈｔｔｐ：／／ｗｗｗ５ａ．ｂｉｇｌｏｂｅ．ｎｅ．ｊｐ／￣ｓｉｎｒｙｕ／ｉｍａｇｅ／ｙｙ２．ｐｎｇ”  ｗｉｄｔｈ＝”１４０”  ｈｅｉｇｈｔ＝”１４０”  ｂｏｒｄｅｒ＝”０”＞
のようになる。
【００１１】
【実施例】
図１は設問用ＨＴＭＬのソースの一部であり、符号１で示される個別評価用の透明画像ファイルと符号２で示される総合評価用の透明画像ファイルが貼り付けられ、符号３で示されるように返答項目にはシリアル番号がついていて、個別評価用の透明画像ファイルの出現順番と対応がつくようにしてある。図２は図１に一部が表示された設問用ＨＴＭＬを表示したウインドウの一部であり、透明画像は見えない。図３は図２に一部が表示された設問に対して返答する直前のウインドウの一部である。
図４は図３に一部が表示された返答内容をＣＧＩプログラムが受け取り、評価を表示するために編集した評価用ＨＴＭＬの一部であり、符号４は置換されなかった個別評価用の透明画像ファイル、符号５は置換された個別評価用の評価画像ファイル、符号６は返答状態を再現するために追加された文字列、符号７は置換された総合評価用の画像ファイル、符号８は相対パス指定がＵＲＬ指定に変換されたものである。
図５は図４にて一部が表示された評価用ＨＴＭＬを表示したウインドウの一部であり、この場合は、個別評価と総合評価がすべて良好なのでこのように表示される。
図６は個別評価が良好でないとき正解を表示して、総合評価をコメントで表示した例である。
【００１２】
【発明の効果】
ユーザーは設問ウインドウと評価ウインドウを見比べる必要がなくなる。また、この上書きしたように表示する方法を利用すれば、表現方法を豊かにすることができるので、評価をユーザーに簡単明瞭に知らせることができるようになる。
【図面の簡単な説明】
【図１】この発明の一実施形態による設問用ＨＴＭＬソースの一部である。
【図２】図１に一部が表示された設問用ＨＴＭＬソースを表示したウインドウの一部である。
【図３】図２の設問に対して返答する直前のウインドウの一部である。
【図４】図３の返答に対して編集された評価用ＨＴＭＬソースの一部である。
【図５】図４に一部が表示された評価用ＨＴＭＬソースを表示したウインドウの一部である。
【図６】この発明の一実施形態による、正誤と正解とコメントを表示したウインドウの一部である。
【符号の説明】
１  個別評価用の透明画像ファイル
２  総合評価用の透明画像ファイル
３  シリアル番号をつけた返答項目
４  置換されなかった個別評価用の透明画像ファイル
５  置換された個別評価用の評価画像ファイル
６  返答状態を再現するために追加した文字列
７  置換された全体評価用の評価画像ファイル
８  画像ファイルの相対パス指定がＵＲＬ指定に変換されたもの
【図１】
2004310318.tif 000003
【図２】
2004310318.tif 000004
【図３】
2004310318.tif 000005
【図４】
2004310318.tif 000006
【図５】
2004310318.tif 000007
【図６】
2004310318.tif 000008