彭　釗　吳　敏

【摘要】主要討論了在基于網(wǎng)絡(luò)的英語四六級自適應(yīng)學(xué)習(xí)系統(tǒng)中，通過 XSLT 轉(zhuǎn)換 XML 格式的學(xué)習(xí)內(nèi)容實現(xiàn)試卷的動態(tài) 輸出，利用 JavaScript 腳本語言和 AJAX 技術(shù)改進試卷的交互性和功能，從而使試卷輸出更加靈活，使用更加方便。

【關(guān)鍵詞】試卷；輸出；XSLT；JavaScript；AJAX

【中圖分類號】G434 【文獻標(biāo)識碼】B 【論文編號】1009—8097（2009）01—0113—03

一 引言

計算機、網(wǎng)絡(luò)和多媒體等信息技術(shù)的發(fā)展及其在教育中的應(yīng)用，促使遠程教育在世界范圍內(nèi)展開。隨著遠程教育的 發(fā)展，出現(xiàn)了一些比較突出的問題：如何使學(xué)習(xí)者正確評價 自己的能力并在浩瀚的學(xué)習(xí)資源中找到適應(yīng)自己學(xué)習(xí)能力和 學(xué)習(xí)風(fēng)格的教學(xué)內(nèi)容，如何使學(xué)習(xí)者在學(xué)習(xí)過程中得到及時 的反饋并能根據(jù)其調(diào)整自己的學(xué)習(xí)策略等[1]。為了解決這些問 題，自適應(yīng)的學(xué)習(xí)系統(tǒng)成為流行的趨勢，作為一種“以學(xué)習(xí) 者為主體”的個別化的學(xué)習(xí)者自我監(jiān)控自我適應(yīng)的學(xué)習(xí)系 統(tǒng)，能很好的解決上述問題。

在自適應(yīng)學(xué)習(xí)系統(tǒng)中，“試卷”輸出是系統(tǒng)中很重要的 一個功能。這里的“試卷”是指在學(xué)習(xí)者接受能力測試或者 進行練習(xí)時，系統(tǒng)將測試內(nèi)容或者學(xué)習(xí)內(nèi)容以試卷的樣式在 瀏覽器上呈現(xiàn)的網(wǎng)頁內(nèi)容。試卷的輸出承擔(dān)了收集用戶學(xué)習(xí) 信息，優(yōu)化系統(tǒng)交互性，向用戶呈現(xiàn)知識點和反饋學(xué)習(xí)結(jié)果 的功能。目前現(xiàn)有類似系統(tǒng)的試卷輸出，有的以固定的網(wǎng)頁形 式呈現(xiàn)，有的雖然能動態(tài)呈現(xiàn)內(nèi)容，但交互性較差，不能很好 地提供對學(xué)習(xí)者學(xué)習(xí)內(nèi)容的查詢以及學(xué)習(xí)結(jié)果的反饋等。

作者所在課題組在研發(fā)大學(xué)英語四、六級自適應(yīng)學(xué)習(xí)系統(tǒng)時 對試卷輸出的改善進行了嘗試。本文主要討論基于 XSLT 語言 將XML 保存的學(xué)習(xí)內(nèi)容動態(tài)地輸出成試卷，以及利用 JavaScript 腳本語言和 AJAX 技術(shù)改進交互性和功能的過程和實現(xiàn)。

二 基于 XML 的試卷輸出實現(xiàn)

XML 有允許數(shù)據(jù)再利用，內(nèi)容與樣式分離，以及在應(yīng)用 程序間傳遞數(shù)據(jù)的眾多優(yōu)點，我們選擇用 XML 保存學(xué)習(xí)內(nèi)容[2]。

XSLT 提供一套規(guī)則，用于將一組元素描述的 XML 數(shù)據(jù) 轉(zhuǎn)換成另一組元素描述的文檔，或者甚至是將該數(shù)據(jù)轉(zhuǎn)換為 一種自定義的文本格式。XSLT 通常用于將 XML 文檔轉(zhuǎn)換為 HTML，目的是可以在瀏覽器中進行顯示[3]。圖 1 顯示了這個 轉(zhuǎn)換過程。

下面將討論利用 XSLT 將 XML 輸出成網(wǎng)頁的具體實現(xiàn)過程。

1試卷的 XML 結(jié)構(gòu)

一般的英語試卷總結(jié)起來可以分為四個層次，paper，part，section，item。Paper對應(yīng)試卷，由幾個 part 組成，每個 part 由若干 section 組成，每個 section 包括若干的 item。在本學(xué)習(xí) 系統(tǒng)中，保存在數(shù)據(jù)庫中的是單個的題目，對應(yīng) item 層次。 在輸出成網(wǎng)頁試卷之前，我們要先從數(shù)據(jù)庫中根據(jù)試卷策略 選出對應(yīng)的題目，然后組成一份整個試卷所對應(yīng)的 XML，試 卷的具體 XML 結(jié)構(gòu)如下：

＜paper name=”papername” ＞

＜part type=”parttype” id=”partid”＞

＜section type=”sectiontype” id=”sectionid”＞

＜item id=”1”＞

…..

＜/item＞

＜item id=”2”＞

…..

＜/item＞

…..

＜/section＞

…..

＜/part＞

……

＜/paper＞

保存在數(shù)據(jù)庫中的 item 也是以 XML 的形式，這樣既利 于數(shù)據(jù)的傳輸，也利于試卷 XML 的生成。

2試題 XML 結(jié)構(gòu)的一些特殊情況

上面給出的只是 item 的一般的 XML 結(jié)構(gòu)，對于比較復(fù) 雜的題型，需要添加一些額外的標(biāo)記。例如，選詞填空這類 題型，要保存給出的詞語，我們必須要添加一個節(jié)點

＜wordlist＞

＜word＞…＜/word＞

＜word＞…＜/word＞

….

＜/wordlist＞

題目有時候會缺少一些基本的節(jié)點，比如 compound listening 這類題型，按照 item 的基本結(jié)構(gòu)就只有 content 節(jié)點 有內(nèi)容，這時候要輸出小題號就比較困難，因為一般的方法 是根據(jù) question 節(jié)點的 id 來輸出的，另外結(jié)合一般試卷都有 斜體、粗體以及下劃線的需求，我們定義了一組標(biāo)記，來確 定什么時候需要輸出這些內(nèi)容或者格式。比如標(biāo)記（#aaa#）， 表示將內(nèi)容“aaa”加下劃線輸出。

3 XSLT 樣式表的基本結(jié)構(gòu)

＜xsl:stylesheet＞

＜xsl:template match=”/”＞

＜xsl:for-each select=” /paper/part”＞

＜xsl:if test=./@type=parttype＞

＜xsl:call-template name=”parttypetemplate”/＞

＜/xsl:if＞

……

＜/xsl:for-each＞

＜/xsl:template＞

整個樣式表對應(yīng)試卷的 XML 結(jié)構(gòu)分為三個層次，最外層 為一個模板，匹配整個 XML 文檔，內(nèi)層每個 part 對應(yīng)一個模 板。同時 part 內(nèi)又包含幾個 section，每個 section 又對應(yīng)一個 模板，part 的模板基本結(jié)構(gòu)如下：

＜xsl:template name="parttypetemplate "＞

＜xsl:for-each select="./section"＞

＜xsl:if test="./@type='sectiontype'"＞

＜xsl:call-template name=”sectiontypetemplate”/＞

＜/xsl:if＞

……

＜/xsl:for-each＞

＜/xsl:template＞

Section 層次對應(yīng)基本的題型，所以這種結(jié)構(gòu)可以保證如 果出現(xiàn)新的題型，添加一個新的 section 模板就可以了。

三 利用 JavaScript 和 Ajax 改進交互性和功能

1 part 與 section 的可折疊。

一般來說試卷的內(nèi)容會很多，如果不分頁，將導(dǎo)致一頁過長。如果我們可以按照 part， section 的分層將內(nèi)容進行區(qū) 域折疊，用戶可以方便的折疊起不相關(guān)的內(nèi)容，從而很容易 找到需要的內(nèi)容。這個功能主要用到 CSS 的 display 屬性，當(dāng) display 屬性設(shè)置為 none 時，頁面元素被從頁面流中移除，就 像這個元素不存在一樣。利用這個特性，我們?yōu)槊總€ part 設(shè) 計對應(yīng)兩個 div 元素。div1 用來顯示 part 標(biāo)題，div2 用來顯 示 part 的內(nèi)容，只需在樣式表中為 div1 的 onclick 事件賦如下 函數(shù)就可以實現(xiàn) part 內(nèi)容的折疊了（Section 的處理同 part）：

Function toggle(sDivId){

Var oDiv=document.getElementById(sDivId);

oDiv.style.display=(oDiv.style.display==”none”) ? ”block”

: ”none”;}