張軍要+尹麗
摘 要:互聯(lián)網(wǎng)在不斷地飛速發(fā)展,它在教學(xué)中的使用頻率也越來越高,為了解決普通文本式測試題的不方便,本文從多種題型的測試題入手研究了一種基于JavaScript的網(wǎng)絡(luò)交互式測試題,為教師的教學(xué)和學(xué)生的學(xué)習(xí)提供了更大的方便。
關(guān)鍵詞:網(wǎng)絡(luò)交互式 測試題 Javascript
中圖分類號:G642 文獻(xiàn)標(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é)生通過選框或輸入框提交答案,計算機(jī)自動判斷答案,并針對不同的測試題給出相應(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)具備的計算機(jī)技術(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)答案,讀取用戶提交的答案,并進(jìn)行比對判斷,逐一予以相應(yīng)正誤標(biāo)示,統(tǒng)計做題所用時間,給出正確率,并將這些信息保存于服務(wù)器,便于教師與學(xué)生掌握學(xué)習(xí)效果。
1 選擇題的實現(xiàn)
按照格式規(guī)則,對于單項選擇題,識別的是設(shè)置為“編號”格式的文本,“編號”格式對應(yīng)
多選題與單選題類似,正確答案標(biāo)識同樣為“下劃線”,不同的是將選項區(qū)塊設(shè)置為“項目符號”
為了便于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)測試時不顯示,提交答案后顯示,達(dá)到對于容易出現(xiàn)疑惑的地方給予注解的功能。4 判斷對錯及打分功能的實現(xiàn)
學(xué)生做完測試題并提交答案后,系統(tǒng)將提取用戶提交的表單數(shù)據(jù),與之前提取的標(biāo)準(zhǔn)答案數(shù)據(jù)進(jìn)行比對,對于選擇題,如果與標(biāo)準(zhǔn)答案一致,則為答案添加綠色邊框,表示正確;否則用紅色邊框標(biāo)出標(biāo)準(zhǔn)答案,表示做錯。對于填空題,如果正確則為文本輸入控件添加綠色邊框,如果錯誤則添加紅色邊框,同時為該文本輸入框添加Title與PlaceHolder屬性,其值均為標(biāo)準(zhǔn)答案,這樣鼠標(biāo)懸停在該文本框上時,會顯示標(biāo)準(zhǔn)答案,在手機(jī)等無鼠標(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是計算機(jī)、平板、手機(jī)等設(shè)備瀏覽器中通用的編程語言,也賦予了本系統(tǒng)跨平臺的特性,在手機(jī)上網(wǎng)日益流行的今天,其應(yīng)用前景也必將更加廣闊。
(河南漯河醫(yī)學(xué)高等??茖W(xué)校,河南 漯河 462002)