教師自助式網(wǎng)絡(luò)課程的設(shè)計與實現(xiàn)

【摘要】傳統(tǒng)的網(wǎng)絡(luò)課程大多難以在線更新課程內(nèi)容，教師參與制作的程度較低。為此，本文提出了基于ASP.NET的教師自助式網(wǎng)絡(luò)課程。教師無需直接操作數(shù)據(jù)庫或修改源程序，即可實現(xiàn)課程內(nèi)容的動態(tài)更新。通過實例描述了該類課程的設(shè)計思想，詳細(xì)闡述了“教師自助”的功能設(shè)計，并給出其技術(shù)實現(xiàn)。教師自助功能的實現(xiàn)借鑒了商業(yè)網(wǎng)站中自助建站系統(tǒng)的思想，并針對網(wǎng)絡(luò)教學(xué)的特點(diǎn)做了改進(jìn)。該類網(wǎng)絡(luò)課程可在線修改頁面，易于更新維護(hù)，提供了更強(qiáng)的教學(xué)支持功能。

【關(guān)鍵詞】網(wǎng)絡(luò)教育，網(wǎng)絡(luò)課程，教師自助式，在線編輯，ASP.NET

【中圖分類號】G434 【文獻(xiàn)標(biāo)識碼】B 【論文編號】1009—8097（2007）09—0059—04

在目前的網(wǎng)絡(luò)課程建設(shè)過程中，多數(shù)課程一經(jīng)開發(fā)完成，教師難以對頁面作動態(tài)更新[1-4]，教學(xué)內(nèi)容一成不變，缺乏靈活性和時效性，無法及時體現(xiàn)學(xué)科發(fā)展的前沿動態(tài)。為解決上述問題，以教師能夠?qū)σ焉傻木W(wǎng)絡(luò)課程進(jìn)行動態(tài)更新為特色，設(shè)計并實現(xiàn)了基于ASP.NET三層體系架構(gòu)的教師自助式網(wǎng)絡(luò)課程。所謂“自助式”是指普通教師在無專業(yè)技術(shù)人員指導(dǎo)的情況下，即可通過課程管理界面對部分網(wǎng)頁內(nèi)容進(jìn)行在線編輯，動態(tài)更新課程內(nèi)容和界面風(fēng)格。教師可以及時根據(jù)課程使用過程中收集到的學(xué)生反饋信息，適當(dāng)調(diào)整課程內(nèi)容，從而能夠進(jìn)一步保證網(wǎng)絡(luò)課程的教學(xué)質(zhì)量[5]。

一、教師自助式網(wǎng)絡(luò)課程概述

教師自助式網(wǎng)絡(luò)課程，采取技術(shù)人員和授課教師共同開發(fā)的模式。專業(yè)技術(shù)人員負(fù)責(zé)課程的整體設(shè)計，并在部分網(wǎng)頁為教師預(yù)留可編輯區(qū)域；教師可在此區(qū)域范圍內(nèi)根據(jù)自身教學(xué)要求，對頁面內(nèi)容進(jìn)行調(diào)整。二者各展所長，既可保證網(wǎng)絡(luò)課程整體設(shè)計具有較高的技術(shù)含量，又可將教師的教學(xué)思想充分融入課程內(nèi)容當(dāng)中。

本文以網(wǎng)絡(luò)課程《電子線路CAD》為例，介紹教師自助式網(wǎng)絡(luò)課程的設(shè)計與實現(xiàn)。該門課程主要培養(yǎng)學(xué)生利用CAD軟件進(jìn)行電子線路設(shè)計的能力。隨著計算機(jī)技術(shù)的不斷發(fā)展，進(jìn)行電路設(shè)計的CAD軟件一直保持著較快的更新速度。而傳統(tǒng)的網(wǎng)絡(luò)課程一旦生成，教學(xué)內(nèi)容難以動態(tài)修改，使得網(wǎng)絡(luò)課程無法與教師課堂教學(xué)保持同步。為了改變這一現(xiàn)狀，本文為該課程設(shè)計了教師自助式網(wǎng)絡(luò)課程，以達(dá)到網(wǎng)絡(luò)教學(xué)與課堂教學(xué)內(nèi)容同步更新的目的。

二、教師自助式網(wǎng)絡(luò)課程的設(shè)計

(一)教師自助式網(wǎng)絡(luò)課程的結(jié)構(gòu)組成

圖1為網(wǎng)絡(luò)課程整體結(jié)構(gòu)圖。整個課程分為課程管理與學(xué)生學(xué)習(xí)兩種界面，教師經(jīng)過身份驗證進(jìn)入管理界面，能夠通過簡單的網(wǎng)頁操作，實現(xiàn)對課程數(shù)據(jù)的查詢和更新，并可以通過“瀏覽課程”功能，進(jìn)入學(xué)生學(xué)習(xí)界面，查看課程實際運(yùn)行情況。學(xué)生分為注冊用戶和非注冊用戶兩種身份登錄學(xué)習(xí)界面，不同身份的學(xué)生可根據(jù)自身權(quán)限，使用課程提供的功能進(jìn)行網(wǎng)上學(xué)習(xí)。

(二)學(xué)生學(xué)習(xí)界面的功能設(shè)計

學(xué)生學(xué)習(xí)界面結(jié)構(gòu)如圖2所示。學(xué)生登錄界面以后，非注冊用戶可通過瀏覽課程內(nèi)容、觀看課堂錄像、下載教學(xué)資源等方式進(jìn)行學(xué)習(xí)；注冊用戶除具有上述權(quán)限外，還可使用習(xí)題測試、師生交流、個人空間等模塊的功能，以及時得到教師的指導(dǎo)，了解個人學(xué)習(xí)情況。同時注冊學(xué)生用戶也可以通過向教師發(fā)送小紙條的方式，提出自己對課程的意見和建議，以便于教師不斷地對課程進(jìn)行修改完善。

(三)課程管理界面的“教師自助”功能設(shè)計

教師自助式網(wǎng)絡(luò)課程為教師用戶提供了友好的管理界面。教師在無需直接操作數(shù)據(jù)庫和修改源程序的情況下，即可親自管理、維護(hù)課程的全部數(shù)據(jù)，動態(tài)更新教學(xué)內(nèi)容和課程界面。由于教師能夠及時、全面地了解課程的使用情況和教學(xué)效果，適時調(diào)整課程內(nèi)容，從而保證了教師的主導(dǎo)作用在遠(yuǎn)程教學(xué)中也可以得到充分地發(fā)揮。

1.用戶管理模塊

該模塊為教師提供了查看學(xué)生用戶注冊信息的功能。通過該模塊，教師可以詳細(xì)掌握學(xué)生的真實身份，并可對學(xué)生用戶執(zhí)行刪除操作，限制非合法身份的學(xué)生進(jìn)入特定模塊學(xué)習(xí)，從而保證網(wǎng)絡(luò)課程學(xué)習(xí)環(huán)境的良好秩序。

2.作業(yè)管理和考試管理模塊

此兩模塊均具備抽取試題、發(fā)布試卷、批改試題、發(fā)布成績等功能。教師可通過作業(yè)管理模塊在課后向?qū)W生發(fā)布練習(xí)題，以根據(jù)學(xué)生作業(yè)情況了解教學(xué)效果，適時調(diào)整教學(xué)重點(diǎn)。而考試管理模塊除具有以上功能外，還具有計時功能，從而保證考試能夠在預(yù)定時間終止。考試成績不采取公開發(fā)布的方式，而是由教師將成績發(fā)送至每個學(xué)生的個人空間模塊，以保證學(xué)生個人信息的安全性。

3.資源管理模塊

為實現(xiàn)網(wǎng)絡(luò)環(huán)境下的資源共享，課程設(shè)計了該模塊以方便教師更新教學(xué)資源。教師可以分類上傳文件，并實時監(jiān)控文件下載次數(shù)，了解資源使用情況，對陳舊的、使用率低的資源進(jìn)行刪除。教師也可以將搜集到的相關(guān)教學(xué)網(wǎng)站的網(wǎng)址，以站外鏈接的形式發(fā)布給學(xué)生；學(xué)生在學(xué)習(xí)界面通過點(diǎn)擊鏈接，即可訪問其它教學(xué)網(wǎng)站，以獲取更多學(xué)習(xí)資源。

4.論壇管理和信息管理模塊

論壇管理主要實現(xiàn)對師生在論壇上發(fā)表的公共交流信息的管理，由教師充當(dāng)論壇的管理員，維護(hù)公共交流環(huán)境的健康和諧；而信息管理則實現(xiàn)了對師生交流過程中“小紙條”個人信息的管理，教師可查看、刪除“小紙條”，避免學(xué)生之間通過發(fā)送“小紙條”交流課程之外的話題。

5.課程管理和界面管理

此兩模塊是教師自助式網(wǎng)絡(luò)課程的特色模塊。通過這兩個模塊，教師可以對教學(xué)內(nèi)容和網(wǎng)絡(luò)課程的界面風(fēng)格進(jìn)行在線更新，動態(tài)構(gòu)建媒體材料。由于網(wǎng)絡(luò)課程的頁面對教師是開放的，師生之間的交互不再有屏障，教師的導(dǎo)學(xué)作用就可以得到更大程度的發(fā)揮。教師通過采納學(xué)生的建議，有的放矢地調(diào)整教學(xué)重點(diǎn)，也可以建立起教學(xué)相長的良性循環(huán)，有效地提高網(wǎng)絡(luò)課程的教學(xué)質(zhì)量[6-7]。

三、“教師自助”功能的技術(shù)實現(xiàn)

該網(wǎng)絡(luò)課程開發(fā)環(huán)境為Microsoft Visual Studio .NET 2003，編程語言選擇Visual C#。程序設(shè)計基于ASP.NET 三層體系架構(gòu)，采用ASP.NET、ADO.NET和SQL Server 2000、XML技術(shù)相結(jié)合的方式進(jìn)行開發(fā)。

(一)頁面在線編輯功能的技術(shù)實現(xiàn)

為體現(xiàn)“教師自助式”的特點(diǎn)，“課程管理”模塊向教師提供了“所見即所得”的在線編輯功能。利用此功能，教師能夠?qū)姘?、課程內(nèi)容、教學(xué)大綱等頁面的主體部分進(jìn)行動態(tài)修改。

技術(shù)方面，網(wǎng)頁信息均以html格式存儲于后臺數(shù)據(jù)庫當(dāng)中，前臺采用微軟公司提供的開源控件FreeTextBox實現(xiàn)文本的在線編輯。FreeTextBox控件具有文本編輯、插入圖片、插入表格、插入超鏈接等網(wǎng)頁制作功能。為體現(xiàn)網(wǎng)絡(luò)課程表現(xiàn)形式豐富、圖文聲像并重的特點(diǎn)，在設(shè)計時對FreeTextBox控件原有功能進(jìn)行了擴(kuò)充，增加了插入視頻、音頻、表情圖片等功能，便于教師圖文混排，可增強(qiáng)網(wǎng)絡(luò)課程的表現(xiàn)力。

以下以更新教學(xué)內(nèi)容為例，介紹頁面動態(tài)修改功能的具體實現(xiàn)。進(jìn)入教學(xué)內(nèi)容管理界面，教師通過點(diǎn)擊選項卡進(jìn)入節(jié)點(diǎn)編輯或內(nèi)容編輯子界面。

在節(jié)點(diǎn)編輯界面，教師可實現(xiàn)對各章節(jié)名稱的編輯，如調(diào)整節(jié)點(diǎn)位置、刪除節(jié)點(diǎn)、添加節(jié)點(diǎn)等。以下為實現(xiàn)步驟。

1. 用外部xml文件記錄章節(jié)主題信息。

2. 章節(jié)主題內(nèi)容列表采用樹形結(jié)構(gòu)顯示，與外部xml文件進(jìn)行綁定。

3. 用戶更新操作提交之后，程序遍歷樹形列表節(jié)點(diǎn)，將新信息寫入xml文件。xml文件各節(jié)點(diǎn)信息通過ID屬性與數(shù)據(jù)庫中的記錄一一對應(yīng)。在更新文件的同時，對數(shù)據(jù)庫中的記錄進(jìn)行同步修改。

具體工作過程描述如下：教師首先選擇“編輯內(nèi)容”選項卡，在預(yù)覽狀態(tài)下瀏覽當(dāng)前課程內(nèi)容；點(diǎn)擊筆狀按鈕圖標(biāo)進(jìn)入編輯狀態(tài)，調(diào)出FreeTextBox在線編輯器，原有內(nèi)容將出現(xiàn)在編輯窗口；對頁面進(jìn)行更新后點(diǎn)擊“提交”按鈕，改動后的內(nèi)容將替換原有文本以html格式保存于數(shù)據(jù)庫中；在線編輯器隨即消失，頁面中顯示更新后的內(nèi)容。

(二)更新界面風(fēng)格功能的技術(shù)實現(xiàn)

“界面管理”模塊為教師提供了更新課程界面風(fēng)格的功能，以適應(yīng)網(wǎng)絡(luò)教學(xué)過程的變化。通過點(diǎn)擊下拉列表框中的風(fēng)格名稱，教師可以預(yù)覽相應(yīng)的界面風(fēng)格，對預(yù)覽效果感到滿意后，點(diǎn)擊確定按鈕，課程管理界面和學(xué)生學(xué)習(xí)界面的風(fēng)格將會同步更新。

更新界面風(fēng)格的功能主要通過在后臺代碼中動態(tài)加載css文件來實現(xiàn)，其實現(xiàn)步驟如下。

1.將不同界面風(fēng)格定義為不同的css文件。在數(shù)據(jù)庫中定義數(shù)據(jù)表，使css文件名與界面風(fēng)格ID值一一對應(yīng)。

2.教師更新風(fēng)格后，立即更新后臺數(shù)據(jù)庫中關(guān)于界面風(fēng)格的記錄。

3.學(xué)生在請求頁面時，首頁default.aspx通過讀取數(shù)據(jù)庫來獲取頁面風(fēng)格ID，確定加載哪一個css文件，隨即將新風(fēng)格的ID值讀入客戶端Cookie。

4.整個課程其余頁面通過讀取Cookie值，來實現(xiàn)css文件的動態(tài)加載。

實現(xiàn)在后臺代碼中動態(tài)加載css文件的關(guān)鍵代碼如下：

在html文件中添加：

后臺代碼中聲明：

protectedHtmlGenericControlstyle;

學(xué)生界面通過讀取數(shù)據(jù)庫或Cookie值，確定需加載的css文件，對style的href屬性賦值，如：

Style.Attributes[\"href\"]=\" style1.css\";

四、結(jié)論

教師自助式網(wǎng)絡(luò)課程主要適用于高等院校的專業(yè)課程。此類課程的特點(diǎn)是學(xué)科發(fā)展活躍，知識更新迅速，需要不斷地完善教學(xué)內(nèi)容。通過教師自助式網(wǎng)絡(luò)課程的使用，教師可以將學(xué)科研究與課程教學(xué)相結(jié)合，一方面將科研成果直接融入網(wǎng)絡(luò)課程教學(xué)，另一方面將課程教學(xué)的實踐凝練為理論成果，體現(xiàn)科研與教學(xué)相輔相成的關(guān)系。學(xué)生也可以在第一時間了解學(xué)科前沿動態(tài)，提高知識更新速度。

教師自助式網(wǎng)絡(luò)課程的開發(fā)目前仍處于探索階段，其功能還有待進(jìn)一步完善和提高。本文對該類課程的建設(shè)做了初步的嘗試，期望能夠為推動網(wǎng)絡(luò)教育的發(fā)展與普及起到積極作用。

參考文獻(xiàn)

[1]劉家勛，王魯美．教育網(wǎng)站中網(wǎng)絡(luò)課程建設(shè)的研究[J]．電化教育研究，2003，(12)：38-40

[2]李寧，周峰柏．網(wǎng)絡(luò)課程建設(shè)的研究與探索[J]．中國電化教育，2005，(6)：78-80

[3]羅輝．網(wǎng)絡(luò)課程開發(fā)制作的現(xiàn)狀與對策[J]．現(xiàn)代遠(yuǎn)距離教育，2003，(4)：33-34

[4]梁進(jìn)．談網(wǎng)絡(luò)課程設(shè)計中教學(xué)信息的缺陷和完善[J]．中小學(xué)信息技術(shù)教育，2003，(2)：84-86

[5]武法提．網(wǎng)絡(luò)教育應(yīng)用[M]．北京：高等教育出版社，2003

[6]謝幼如，劉鐵英，高瑞利，尹睿．網(wǎng)絡(luò)課程的內(nèi)容分析與評價研究[J]．電化教育研究，2003，(11)：45-49

[7]何克抗．現(xiàn)代教育技術(shù)和優(yōu)質(zhì)網(wǎng)絡(luò)課程的設(shè)計與開發(fā)[J]．中國電化教育2004，(6)：5-10