劉蒸蔚，張 力，卞亞紅

第二軍醫(yī)大學(xué)教育技術(shù)中心，上海 200433

隨著教育信息化不斷推進(jìn)，各類在線學(xué)習(xí)系統(tǒng)和立體化教材資源已經(jīng)逐漸出現(xiàn)。在網(wǎng)絡(luò)學(xué)習(xí)環(huán)境中，學(xué)生能否積極投入到學(xué)習(xí)過程中，一方面跟學(xué)生的學(xué)習(xí)動機(jī)有關(guān)，另一方面也對網(wǎng)絡(luò)多媒體課件的交互性提出了更高的要求［1］。因此，如何快速實現(xiàn)學(xué)習(xí)過程中學(xué)生與學(xué)習(xí)資源的交互，已經(jīng)成為一個值得研究的課題。該文列舉的《自我心理調(diào)節(jié)系統(tǒng)》是一部網(wǎng)絡(luò)多媒體課件，課件中的心理測評模塊具有極強(qiáng)的交互性功能，其網(wǎng)頁交互功能是通過網(wǎng)站開發(fā)工具Dreamweaver的CourseBuilder插件實現(xiàn)的。Course Builder的功能在國內(nèi)一些網(wǎng)絡(luò)課程制作過程中已經(jīng)有所體現(xiàn)。在美國，CourseBuilder被用于制作大學(xué)生精神病學(xué)教育課件［2］以及網(wǎng)絡(luò)教程［3］。國內(nèi)有學(xué)者將CourseBuilder應(yīng)用于人體解剖學(xué)網(wǎng)絡(luò)課程選擇題的制作［4］，還有學(xué)者將CourseBuilder運(yùn)用于中小學(xué)網(wǎng)頁中交互式練習(xí)題的制作［5］以及其他網(wǎng)上測試的設(shè)計與實現(xiàn)［6］。但將CourseBuilder用于多題型高交互性的復(fù)雜心理測評還鮮有報道。

1 CourseBuilder簡介

CourseBuilder是由Course和Builder兩個詞合成的，這個合成的詞具有課程建設(shè)者的意思，由此可見，該插件的功能是和課程構(gòu)建有關(guān)的［7］。

CourseBuilder是網(wǎng)站開發(fā)工具Dreamweaver中實現(xiàn)在線培訓(xùn)學(xué)習(xí)和交互式網(wǎng)頁的插件，由Adobe公司開發(fā)(早期版本由Macromedia公司開發(fā))。它是一個可視化創(chuàng)作工具，專門用來創(chuàng)建網(wǎng)上的交互學(xué)習(xí)環(huán)境。CourseBuilder的可視化向?qū)軌蛑С钟脩粼诙虝r間內(nèi)實現(xiàn)網(wǎng)頁上的復(fù)雜交互。例如:選擇題(multiple choice)、拖拽響應(yīng)(drag and drop)、熱區(qū)響應(yīng)(explore)、按鈕交互(button)、文本輸入交互(text entry)、時間限制交互(timer)、動作管理器(action manager)等。

在實施網(wǎng)上教學(xué)和遠(yuǎn)程教學(xué)的過程中，交互式練習(xí)題的設(shè)計已經(jīng)成為網(wǎng)絡(luò)課件的基本功能要求。CourseBuilder作為Dreamweaver的一個插件，提供了一系列的模板和工具來實現(xiàn)豐富的網(wǎng)頁交互功能。網(wǎng)站開發(fā)者不需要編寫復(fù)雜的JavaScript語句，也能很快地做出一個動態(tài)的交互式的網(wǎng)頁來。

網(wǎng)絡(luò)課件《自我心理調(diào)節(jié)》是一個用于幫助學(xué)生有效調(diào)節(jié)自身情緒，積極塑造良好人際關(guān)系的網(wǎng)絡(luò)多媒體教材，該系統(tǒng)提供的自我心理評估功能模塊是用CourseBuilder開發(fā)的，并實現(xiàn)了其中的復(fù)雜交互式測試和自動評估功能。

2 網(wǎng)絡(luò)課件交互練習(xí)的功能需求

網(wǎng)絡(luò)多媒體課件交互性的重要實施途徑是交互練習(xí)［8］。設(shè)計網(wǎng)絡(luò)多媒體課件交互練習(xí)應(yīng)結(jié)合課程的教學(xué)目標(biāo)，利用多種技術(shù)手段幫助學(xué)生達(dá)到教學(xué)目標(biāo)。該研究中，《自我心理調(diào)節(jié)系統(tǒng)》的教學(xué)目標(biāo)是在學(xué)生個體心理素質(zhì)基礎(chǔ)上，幫助學(xué)生有效調(diào)節(jié)自我情緒，塑造優(yōu)秀個性，從而預(yù)防各種心理疾病，維護(hù)身心健康。其重點內(nèi)容是:使學(xué)生了解并知道如何有效調(diào)節(jié)自己的情緒，保持情緒穩(wěn)定，培養(yǎng)良好性格，清楚如何實現(xiàn)人際溝通，建立人際關(guān)系，從而實現(xiàn)維護(hù)自身心理健康的目的。

從上述目標(biāo)出發(fā)，《自我心理調(diào)節(jié)系統(tǒng)》由下列模塊構(gòu)成:情緒調(diào)節(jié)、個性塑造、人際關(guān)系調(diào)節(jié)、獲得成功心理品質(zhì)、自我心理評估。作為基于Web的網(wǎng)絡(luò)多媒體教材，這部教材涵蓋了有關(guān)心理學(xué)原理、心理測試和自我心理調(diào)節(jié)等內(nèi)容，并以專題電視教材、講課視頻、電子幻燈和多媒體課件、Flash動畫等媒體形式表達(dá)。系統(tǒng)內(nèi)容經(jīng)過合理組織開發(fā)，構(gòu)建成適合網(wǎng)絡(luò)和單機(jī)多種形式發(fā)布的課件。同時，作為其中的核心交互內(nèi)容，該網(wǎng)絡(luò)課件提供了較為全面的自我心理評估功能。

2.1 自我心理評估功能模塊概況

自我心理評估功能模塊是《自我心理調(diào)節(jié)系統(tǒng)》中極具特色的模塊，該模塊為學(xué)生提供自我測試，共包括8個方面:性格的自我測試、人格測試、學(xué)習(xí)與能力測試、思維與情緒測試、職業(yè)與社交測試、智商與情商測試、心理與健康測試、愛情與婚姻測試，包含245套輕松有趣的心理測試題目［9］。在自我心理評估功能模塊開發(fā)中，通過分析心理評估功能模塊的特點和功能需求，我們采用了CourseBuilder插件作為設(shè)計和開發(fā)工具。

2.2 心理評估測試題的復(fù)雜交互需求

《自我心里調(diào)節(jié)系統(tǒng)》的自我心理評估功能模塊需要極強(qiáng)的交互功能，在學(xué)生完成測試答題后，系統(tǒng)需要迅速反饋測評結(jié)果以及得分分析。因此，每一套測試題的設(shè)計必須考慮網(wǎng)頁的交互性?！蹲晕倚睦碚{(diào)節(jié)系統(tǒng)》是以html+Javascript技術(shù)為主開發(fā)的網(wǎng)頁構(gòu)成的系統(tǒng)結(jié)構(gòu)，其中心理評估模塊共包含245套測試題，分別設(shè)計在245個網(wǎng)頁中向用戶呈現(xiàn)，其開發(fā)方法是通過CourseBuilder自動產(chǎn)生Javascript代碼實現(xiàn)。從設(shè)計角度出發(fā)，如果要實現(xiàn)測試網(wǎng)頁的交互性，實現(xiàn)使用過程中體驗交互功能，就需要對測試內(nèi)容進(jìn)行預(yù)先設(shè)計。測試題以各種選擇題為主，因此在交互式測試網(wǎng)頁中，對學(xué)生的操作必須產(chǎn)生相應(yīng)的記錄與反饋信息，例如根據(jù)不同測試題的要求進(jìn)行評分和評價等。

在自我心理評估功能模塊中，測試題題量大、題型多、評價方法復(fù)雜。心理評估模塊中每套測試題的題目數(shù)量為10-50題不等，大部分測試的題目數(shù)量在15-20之間。因此，心理評估模塊所需要設(shè)計的題目數(shù)量較大。此外，測試題目的類型多，題型包括是否判斷題、單項選擇題、程度測量題、多項選擇題和匹配題。尤其是心理評估測試題的評價方法不統(tǒng)一，在這一點上，我們可以看出該系統(tǒng)的測試網(wǎng)頁在交互設(shè)計上應(yīng)該與其他網(wǎng)絡(luò)課程或考試系統(tǒng)中的測試網(wǎng)頁不同，該系統(tǒng)對于交互功能要求更高。

心理評估測試題的評價方法與其他課程練習(xí)中涉及的測試評價方法完全不同。心理評估測試沒有具體的正確答案，而是通過學(xué)生給出的不同反應(yīng)進(jìn)行評分，測試得分并非代表某種能力的高低，而是根據(jù)不同的分值給出相應(yīng)的心理診斷和指導(dǎo)。例如:在性格測試模塊的菲爾測試中，共有10道單項選擇測試題，每題有3-7個選項不等，其評價方式相對普通測試題較為特殊，即每道題目以及每個選項分別對應(yīng)不同分值，系統(tǒng)根據(jù)學(xué)生的回答情況依據(jù)分?jǐn)?shù)分配計算總分，最終按得分“不足21分”、“21-30分”、“31-40分”、“41-50分”、“51-60分”和“60分以上”分為六檔，分別對應(yīng)六種不同的性格，同時顯示不同性格對應(yīng)的性格分析。其分?jǐn)?shù)分配如表1所示。

表1 菲爾測試

又如:人格心理測試中關(guān)于責(zé)任感的測試，共30題，題型為判斷題，每道題需要作出“√”“?”或者“×”的回答。分?jǐn)?shù)分配情況與菲爾測試不同，其分?jǐn)?shù)分配如表2所示，題號后面標(biāo)“+”的，答“√”得1分，答“× ”不得分，答“?”得 0.5 分;題號后標(biāo)“-”的，答“√”不得分，答“×”得1分，答“?”得0.5分，各題得分相加，統(tǒng)計總分。

表2 責(zé)任感測試分?jǐn)?shù)分配

從菲爾測試和責(zé)任感測試的分?jǐn)?shù)分配中我們可以看出，心理測試的分?jǐn)?shù)計算沒有統(tǒng)一規(guī)則，在全部測試中，評價方式相同的測試題極少，這種特殊情況給測試的交互設(shè)計增加了難度。如果沿用傳統(tǒng)的交互試題設(shè)計模式，在建立試題數(shù)據(jù)庫表和設(shè)計評分規(guī)則時，體現(xiàn)不出與數(shù)據(jù)庫結(jié)合的優(yōu)勢。因此，在考慮試題的特殊性以及交互式需求后，我們決定采用Dreamweaver的插件CourseBuilder來實現(xiàn)交互設(shè)計。

3 實現(xiàn)方法

通過上文對自我心理評估模塊的分析，針對該模塊的特點，最終決定選用CourseBuilder實現(xiàn)其交互功能，將心理評估測試設(shè)計為無數(shù)據(jù)庫支持的交互性練習(xí)題。以下介紹用CourseBuilder快速實現(xiàn)無數(shù)據(jù)庫支持交互性練習(xí)題的方法。

3.1 安裝 CourseBuilder

CourseBuilder可以在Windows系統(tǒng)和Macintosh系統(tǒng)上跨平臺使用。在Dreamweaver CS3及以前版本上安裝CourseBuilder時，采用Dreamweaver插件形式的安裝文件CourseBuilder.mxp，雙擊文件就可通過Adobe Extension Manager完成安裝過程。在Dreamweaver CS4及以后版本上安裝CourseBuilder時，采用封裝的安裝文件AdobeCourseBuilderSetup.exe，雙擊這個文件完成安裝過程。

3.2 輸入并設(shè)置選擇題

圖1 CourseBuilder窗口

這里以菲爾測試的設(shè)計為例，介紹用CourseBuilder快速實現(xiàn)無數(shù)據(jù)庫支持交互性練習(xí)題的實現(xiàn)方法。菲爾測試中共有10道單項選擇題，以第二題為例，在該題布局位置，插入“CourseBuilder Interaction”，出現(xiàn)編輯窗口后，選擇插入單項選擇題，如圖1所示。選擇“General”選項卡，將題目輸入并勾選“when users click the button labeled”選項，可將按鈕名稱設(shè)為“提交”，并勾選Reset選項“Create a Reset Button”，選擇“Choice”選項卡，將選項及其對應(yīng)分值輸入到相應(yīng)位置，以選項A為例，根據(jù)表1，在“Score”欄中應(yīng)該輸入“6”。點擊確認(rèn)后返回設(shè)計界面可以看到如圖2所示的內(nèi)容，以此類推，將菲爾測試的其他題目也輸入完成。

圖2 返回設(shè)計界面

3.3 選擇題交互式設(shè)計

將所有選擇題輸入完成之后，需要設(shè)置評價按鈕對測試者的回答情況進(jìn)行評價與分析。在布局中找到需要添加評價按鈕的位置，插入“Course Builder Interaction”后，在編輯窗口左側(cè)“Category”中選擇插入“Action Mgr”布局，在General選項卡中勾選“Judge”選項并將按鈕改名為“測試得分”。在Action Mgr選項卡中插入一個“segment”，命名為“get score”，在該段下再插入一段“Pop Message”，將其編輯為“您的得分是{G01.score+G02.score+G03.score+G04.score+G05.score+G06.score+G07.score+G08.score+G09.score+G10.score}分”。通過這樣的設(shè)置，可以實現(xiàn)測試的交互性，也可以針對心理測試題的評價特點進(jìn)行分?jǐn)?shù)統(tǒng)計。當(dāng)然，除了在每道題的“Score”選項中設(shè)置不同的分?jǐn)?shù)，也可以在Action Mgr的設(shè)置中插入“Call JavaScript”，為對分?jǐn)?shù)進(jìn)行更為復(fù)雜的計算而編寫適當(dāng)?shù)腏avaScript代碼，這樣可使Course Builder在選項設(shè)置界面的基礎(chǔ)上適應(yīng)多種更為復(fù)雜的交互功能需求。

在菲爾測試中，通過上述的方式進(jìn)行設(shè)計，已經(jīng)用CourseBuilder快速實現(xiàn)了無數(shù)據(jù)庫支持交互性練習(xí)題。在其他測試題目中，同樣可以通過利用Course Builder靈活實現(xiàn)自我測評模塊的交互性。

4 總結(jié)

具有交互性的練習(xí)和測試系統(tǒng)是在線學(xué)習(xí)和多媒體教材不可缺少的部分。就目前的技術(shù)而言，網(wǎng)上試題測試系統(tǒng)可以用ASP.NET和SQL等技術(shù)來實現(xiàn)［10］，但是它們都需要制作者掌握其語法和開發(fā)技術(shù)，甚至要求配置服務(wù)器環(huán)境來調(diào)試程序。對于一般的非計算機(jī)專業(yè)教師來說，他們沒有太多的精力去學(xué)習(xí)復(fù)雜的編程，完全可以利用CourseBuilder來實現(xiàn)［11］。

實際上，對于一般非計算機(jī)專業(yè)教師來說，制作具有交互功能的練習(xí)和測試網(wǎng)頁并不難，CourseBuilder是一個專門為教學(xué)人員設(shè)計的交互式習(xí)題制作工具。通過使用CourseBuilder，非計算機(jī)專業(yè)的教師可以在短時間內(nèi)，在不編寫程序代碼的情況下，很容易地制作出單選題、是非題、多選題、填空題、拖拽響應(yīng)題、熱區(qū)響應(yīng)題、時間進(jìn)度控制等多種類型的交互式測試題。它具有針對性強(qiáng)、容易上手等特點?？紤]到使用CourseBuilder的開發(fā)效率高、資源耗費成本低等特點，因此，CourseBuilder非常適合非計算機(jī)專業(yè)教師使用，可以用于自主設(shè)計與開發(fā)交互式測試網(wǎng)頁及考試系統(tǒng)。

此外，在遇到題目評價方法較為復(fù)雜，但又不適于采用大規(guī)模數(shù)據(jù)庫支持的題庫方法進(jìn)行開發(fā)的情況時，如果需要實現(xiàn)交互式練習(xí)題的功能，可以考慮使用CourseBuilder插件進(jìn)行設(shè)計和開發(fā)。Course Builder是完全基于靜態(tài)網(wǎng)頁的設(shè)計工具，它根據(jù)設(shè)計自動產(chǎn)生相應(yīng)的JavaScript語句，可以快速實現(xiàn)和完成交互式練習(xí)題的交互設(shè)計和制作。當(dāng)然，該插件也存在一定的弱點，例如題目維護(hù)較為復(fù)雜，不能通過修改題庫來增刪或者更換題目，必須通過在網(wǎng)頁上進(jìn)行修改才能更改題目或內(nèi)容，在一定程度上弱化了維護(hù)的靈活性。同時，需要用戶注意的還有，CourseBuilder是一個沒有漢化的軟件，因此在使用過程中，文件名(包括文本文件和圖像文件)最好都用英文或拼音。

總之，通過網(wǎng)絡(luò)課件《自我心理調(diào)節(jié)系統(tǒng)》的分析示例，可以看到CourseBuilder能夠通過可視化編輯窗口進(jìn)行參數(shù)設(shè)置從而自動生成代碼，以便用戶快速實現(xiàn)無數(shù)據(jù)庫支持的交互性測試與自動評估功能，并在一定程度上顯示出使用CourseBuilder在提高網(wǎng)絡(luò)教育資源交互性方面的優(yōu)勢。因此，在網(wǎng)絡(luò)課件的交互模塊設(shè)計和開發(fā)中，應(yīng)根據(jù)教學(xué)設(shè)計靈活選擇或組合開發(fā)工具，不能一味地使用一種網(wǎng)頁技術(shù)。所以，只有正確選擇與組合開發(fā)工具，才能最高效率地設(shè)計出最優(yōu)交互模式，以促進(jìn)在線學(xué)習(xí)。

［1］杜婧，李緋.網(wǎng)絡(luò)環(huán)境中多媒體課件交互性研究及案例分析［J］.現(xiàn)代教育技術(shù)，2008，(11):85

［2］Hyler SE，Bujold AE.Computers and Psychiatric Education:The“Taxi Driver”Mental Status Examination［J］.Psychiatric Annals，1994，24(1):13-19

［3］Suarez D.Designing the Web Interface for Library Instruction Tutorials Using Dreamweaver，F(xiàn)ireworks，and Coursebuilder［J］.Inform Technol＆ Lib，2002，21(3):129-134

［4］楊景武.CourseBuilder插件在人體解剖學(xué)網(wǎng)絡(luò)課程選擇題中的應(yīng)用［J］.包頭醫(yī)學(xué)院學(xué)報，2004，(1):81-82

［5］張艮山.制作交互式測試題的利器-CourseBuilder［J］.中小學(xué)信息技術(shù)教育，2006，(7):74-75

［6］葛曉萍.利用CourseBuilder for Dreamweaver實現(xiàn)交互式網(wǎng)上測試［J］.南京廣播電視大學(xué)學(xué)報，2006，(4):90-93

［7］石明貴.CourseBuilder標(biāo)準(zhǔn)教材［C］.北京:清華大學(xué)出版社，2001:1-5

［8］張力，李芳芳，周濤，等.醫(yī)學(xué)精品課程交互和共享的實例分析［J］.中國醫(yī)學(xué)教育技術(shù)，2011，(6):606-610

［9］盛樂.心靈解碼—心理學(xué)趣味測試與自我調(diào)節(jié)大全［C］.北京:新世界出版社，2007:1-8

［10］鄭煒，聶婭.基于ASP.NET的網(wǎng)上試題測試系統(tǒng)設(shè)計與實現(xiàn)［J］.2009，(7):194-195

［11］余小勇.CourseBuilder在課程交互式練習(xí)中的應(yīng)用［J］.寧波工程學(xué)院學(xué)報，2008，20(2):116-121