MemDB網上問卷系統
數學測驗 -- 示範
簡介
設計一個網上選擇題測驗卷, 是老師一項不容易完成的工作. 但為了讓學生可以在網上學習, 就必須花費很多時間, 設計資料庫, 編寫
CGI 和設計HTML. 但有了MemDB網上問卷系統 , 老師只需要用 HTML編輯系統,
就能簡易地完成這項工作.
這個示範是利用MemDB網上問卷系統, 設計一個網上選擇題測驗卷, 讓學生在網上填寫和提交,
然後把結果傳送到資料庫上. 老師可以從以下的步驟, 了解如何設計一個選擇題測驗問卷, 然後設計他們的問卷.
第一步: 下載和安裝
可以到 MemDB網上問卷系統 網頁免費下載這個系統試用, 然後把 MemSurvey.zip
解壓到一個新的資料夾, 例如 C:\memdb, 然後執行 MemSurvey.exe, 一個新的 MemSurvey.mem
的檔案就會建立, 這個檔案就是儲存所有的結果的資料庫了.
當系統執行後, 開始和完結的 HTML 檔案預設是 start.htm 和 end.htm, 你可以按旁邊有資料夾圖案的鈕制,
更改開始 HTML 檔案為 question.htm, 完結 HTML 檔案為 answer.htm. 輸入網上伺服器 Port
為 8001 (或其他值), 然後按 [開始伺服器] 鈕, 系統在會開始了網上伺服器, 等待學生輸入.
第二步: 輸入答案, 提交和結果
當你開始了網上伺服器, 你可以在同一部電腦或其他電腦的 Internet Explore 或 Netscape 輸入網址, 如伺服器的IP是202.168.10,
Port 為 8001, 你可以輸入 http://202.168.10.1:8001 就可以, 然後輸入資料, 然後按 [提交],
如果有些答案未填寫, 系統不會提交, 游標也會指在未填的資料. 如果提交成功, 你在可以看到輸入的結果, 使用的時間和總成績了.
第三步: 提交多些問卷和查詢結果
你可以返上一頁, 或在其他電腦提交多些問卷, 然後返回MemDB網上問卷系統, 按 [更新] 鈕, 就可以看到提交問卷的統計表, 如分數
(Mark) 和 選擇答案的次數. 按 [檢視] 鈕可以用 [|<] , [<] , [>] 和 [>|]
四個鈕制查看或列印個別的問卷, 也可以把所有結果輸出到 Excel 或 csv 檔案.
第四步: 了解問卷 question.htm 檔案
現在為你解釋如何設計 question.htm . 你可以用任何HTML編輯系統開啟 question.htm, 例如FrontPage
或 Dreamweaver.
這個系統利用 Javascript 來計算時間和核對答案, 雖然你無需知道如何使用 javascript, 但了解這些 javascript
可以協助你設計其他問卷. 首先是以下的HTML:
<body bgcolor="#FFFFFF" text="#000000"
onload="init()">
以上一段 HTML 是當 question.htm 被 load 時, 會執行以下 init() javascript 函數:
var startTime
var answer=new Array;
function init()
{
// answer of each question, please specify
answer['QUESTION01']='C';
answer['QUESTION02']='D';
answer['QUESTION03']='A';
answer['QUESTION04']='C';
answer['QUESTION05']='E';
// starting time
startTime=new Date();
}
你可以用以上的 init() 函數設定各問題的答案, 例如你加入第六個問題, 名稱為 QUESTION06, 答案是
'B', 你可以在"answer['QUESTION05']='E';" 下行加入 "answer['QUESTION06]='B';
". 這個函數也設定了開始的時間 startTime.
當你完成問卷, 並按 [提交] 鈕, 因為以下的HTML, 系統會執行 validateForm() 函數:
<form name="SurveyForm" method="post"
action="" ONSUBMIT="return validateForm(this)">
validateForm() 函數核對所有問題是否填寫, 和計算答對多少, 和使用了多少時間等.
第五步: 加入一個問題
你現在已對 question.htm 有初步的了解, 現在教你在 question.htm
加入一個新的問題, 建議你用複製和貼上的方式, 例如把問題五的HTML複製和貼上在問題五之後, 然後修改問題和答案, 把 radio
的 name 改為 QUESTION06, 然後如第四步所描述, 在 init() 函數設定 QUESTION06
的答案.
第六步: 了解答案 answer.htm 檔案
在第五步你已加入了問題六, 但如果要在提交後顯示選擇和正確的答案, 你需要了解 answer.htm
檔案. 用HTML編輯系統開啟 answer.htm, 查看這檔案的HTML, 你會看到如 <#Z_Student>
或 <#QUESTION01> 等字串, 這些字串是在 question.htm 裡 Form 的名稱, 這系統會把在
question.htm 提交各 Form 的值(value) 取代所有在 answer.htm 有 <#NAME>
的字串, 例如在 question.htm 的 QUESTION01, 你選擇了 'B' 的值, 顯示在 answer.htm,
<#QUESTION01> 會自動變成 'B'.
第七步: 加入新問題的答案
在 question.htm 加入了 QUESTION06 的問題後, 你可以在 answer.htm
加入答案了. 你可以複製問題五答案的HTML, 然後貼上在問題五答案之後, 然後把 <#QUESTION05> 改為
<#QUESTION06> 就可以.
第八步: 從新記錄
更改 start.htm 或 end.htm 後, 你只需要按 [重新整理檔案] 鈕,
無需從新執行或從新啟動伺服器, 也可以從網站檢視更新的 question.htm 和 answer.htm. 如果你想從新記錄資料,
可以按 [清除] 鈕, 清除所有記錄,
返回MemDB網上問卷系統
|