基于JavaScript的網(wǎng)絡(luò)交互式測試題實現(xiàn)方法研究
2014-11-17 17:47:20張軍要尹麗
中國信息技術(shù)教育 2014年20期
張軍要+尹麗
摘 要：互聯(lián)網(wǎng)在不斷地飛速發(fā)展，它在教學(xué)中的使用頻率也越來越高，為了解決普通文本式測試題的不方便，本文從多種題型的測試題入手研究了一種基于JavaScript的網(wǎng)絡(luò)交互式測試題，為教師的教學(xué)和學(xué)生的學(xué)習(xí)提供了更大的方便。
關(guān)鍵詞：網(wǎng)絡(luò)交互式 測試題 Javascript
中圖分類號：G642 文獻標(biāo)識碼：A 文章編號：1674-2117（2014）20-00-01
隨著互聯(lián)網(wǎng)技術(shù)的不斷發(fā)展，互聯(lián)網(wǎng)在教育中的應(yīng)用也越來越多，其中測試題是檢驗學(xué)生學(xué)習(xí)效果的重要手段。但是，普通文本式測試題缺少互動，使用不方便。如果希望創(chuàng)建互動式測試題，學(xué)生通過選框或輸入框提交答案，計算機自動判斷答案，并針對不同的測試題給出相應(yīng)的注解，則能大大提高使用者的效率及使用積極性，提高學(xué)習(xí)效果。但是這種形式的網(wǎng)絡(luò)測試題需要創(chuàng)建者有一定的編程基礎(chǔ)，多數(shù)教師沒有技術(shù)來創(chuàng)建這樣的互動式測試題。為此，我們設(shè)計了一種操作簡單、功能完備的基于JavaScript的網(wǎng)絡(luò)交互式測試題創(chuàng)建系統(tǒng)。
要以比較簡單的途徑實現(xiàn)交互式測試題，必須建立在多數(shù)教師已經(jīng)具備的計算機技術(shù)之上，我們設(shè)計了一種將常見的文本格式自動轉(zhuǎn)換成交互式表單的轉(zhuǎn)換系統(tǒng)。創(chuàng)建者按照一定的格式規(guī)則設(shè)置標(biāo)題、選擇項、填空、注解及答案的文本格式，系統(tǒng)根據(jù)格式轉(zhuǎn)換規(guī)則將文本轉(zhuǎn)換成包含相應(yīng)Html及JavaScript代碼的交互式測試題網(wǎng)頁供學(xué)生練習(xí)。為了盡量簡化創(chuàng)建過程，格式轉(zhuǎn)換規(guī)則設(shè)定為“編號”格式對應(yīng)單選題選項，“項目符號”對應(yīng)多選題選項，選擇題標(biāo)準(zhǔn)答案對應(yīng)“下劃線”格式，“刪除線”對應(yīng)填空題。“引用”對應(yīng)習(xí)題注解。這樣創(chuàng)建者不需要編程知識，只需按要求設(shè)置好格式，系統(tǒng)將自動轉(zhuǎn)換成互動測試題。一個功能完整的測試題系統(tǒng)，還要包括自動判斷正誤、自動打分、習(xí)題注解、成績記錄等功能，因此，系統(tǒng)還需要根據(jù)格式規(guī)則提取標(biāo)準(zhǔn)答案，讀取用戶提交的答案，并進行比對判斷，逐一予以相應(yīng)正誤標(biāo)示，統(tǒng)計做題所用時間，給出正確率，并將這些信息保存于服務(wù)器，便于教師與學(xué)生掌握學(xué)習(xí)效果。
1 選擇題的實現(xiàn)
按照格式規(guī)則，對于單項選擇題，識別的是設(shè)置為“編號”格式的文本，“編號”格式對應(yīng)
- …
多選題與單選題類似，正確答案標(biāo)識同樣為“下劃線”，不同的是將選項區(qū)塊設(shè)置為“項目符號”
- 區(qū)塊內(nèi)可以設(shè)置多個“下劃線”選項。而在轉(zhuǎn)換時，將
為了便于DOM操作，本系統(tǒng)使用了Jquery庫，以下代碼以單選題為例，展示其實現(xiàn)過程：
var answer1=[]；//單選題答案
$（"#classContainer ol"）.each（function（i）{
$（this）.attr（"id"，"testA"+i）；
$（"#testA"+i+" li"）.each（function（i2）{
$（this）.prepend（''）
}）；
answer1.push（$（"#testA"+i+" li：has（u）"）.attr（"id"））；
}）；
2 填空題的實現(xiàn)
填空題的實現(xiàn)與選擇題原理類似，都是用表單控件替換特定格式的文本。填空題對應(yīng)的格式是“刪除線”，系統(tǒng)會先提取內(nèi)的文本作為填空題的答案，然后用文本輸入控件替換標(biāo)簽。
3 注解的實現(xiàn)
注解對應(yīng)的是
標(biāo)簽，通過設(shè)置CSS格式，在學(xué)生未提交答案之前設(shè)置為不顯示，即display： none屬性。一旦提交結(jié)果，系統(tǒng)將測試題區(qū)域內(nèi)所有標(biāo)簽顯示，即display：block屬性，以實現(xiàn)測試時不顯示，提交答案后顯示，達到對于容易出現(xiàn)疑惑的地方給予注解的功能。4 判斷對錯及打分功能的實現(xiàn)
學(xué)生做完測試題并提交答案后，系統(tǒng)將提取用戶提交的表單數(shù)據(jù)，與之前提取的標(biāo)準(zhǔn)答案數(shù)據(jù)進行比對，對于選擇題，如果與標(biāo)準(zhǔn)答案一致，則為答案添加綠色邊框，表示正確；否則用紅色邊框標(biāo)出標(biāo)準(zhǔn)答案，表示做錯。對于填空題，如果正確則為文本輸入控件添加綠色邊框，如果錯誤則添加紅色邊框，同時為該文本輸入框添加Title與PlaceHolder屬性，其值均為標(biāo)準(zhǔn)答案，這樣鼠標(biāo)懸停在該文本框上時，會顯示標(biāo)準(zhǔn)答案，在手機等無鼠標(biāo)的設(shè)備上，只需清空輸入內(nèi)容，標(biāo)準(zhǔn)答案就會自動顯示。最后統(tǒng)計測試題總數(shù)與做正確習(xí)題數(shù)，將習(xí)題總數(shù)、正確數(shù)、正確率、所用時間等信息展示出來，并提交到服務(wù)器保存，以便教師和學(xué)生隨時掌握學(xué)習(xí)效果。
本系統(tǒng)包含了單選、多選、填空等多種題型的測試題，并具有判斷正誤、顯示注解、自動評分等功能，是一套功能完備的互動測試題解決方案。其原理是將復(fù)雜的編程過程，轉(zhuǎn)化成簡單的格式設(shè)置過程，創(chuàng)建者只需按規(guī)則為文本設(shè)定格式，系統(tǒng)就能自動生成互動測試題，大大降低了創(chuàng)建門檻。本系統(tǒng)核心功能由JavaScript實現(xiàn)，現(xiàn)有的教學(xué)網(wǎng)站無需做任何修改，只需引入該JavaScript文件就能使用，此外JavaScript是計算機、平板、手機等設(shè)備瀏覽器中通用的編程語言，也賦予了本系統(tǒng)跨平臺的特性，在手機上網(wǎng)日益流行的今天，其應(yīng)用前景也必將更加廣闊。
（河南漯河醫(yī)學(xué)高等專科學(xué)校，河南 漯河 462002）
