基于Ｂ／Ｓ模式的網(wǎng)絡(luò)教學(xué)平臺的設(shè)計(jì)與實(shí)現(xiàn)

摘要：隨著計(jì)算機(jī)網(wǎng)絡(luò)的普及，網(wǎng)絡(luò)教學(xué)愈來愈受到教育者的重視。該文主要討論計(jì)算機(jī)導(dǎo)論課程的網(wǎng)絡(luò)教學(xué)平臺的設(shè)計(jì)，詳細(xì)分析該系統(tǒng)的系統(tǒng)結(jié)構(gòu)和功能，論述系統(tǒng)中主要功能模塊的實(shí)現(xiàn)。

關(guān)鍵詞：網(wǎng)絡(luò)教學(xué)；B/S模式；學(xué)習(xí)系統(tǒng)；練習(xí)與測試；演示動(dòng)畫

中圖分類號：TP315文獻(xiàn)標(biāo)識碼：A文章編號：1009-3044(2008)33-1433-02

Design and Realization of Network Teaching Platform Based on the B/S Pattern

XU Wei-ying

(Suzhou Vocational University， Computer Engineering Department， Suzhou 215001， China)

Abstract: Along with the popularization of computer network， the network teaching is more and more valued by educators. This article mainly discusses the design of network teaching platform of Introduction to Computer， analyses the structure and functions of this system in detail and dissertates the implementation of the major function modules in the system.

Key words: network teaching; B/S pattern; learning system; practice and test; demonstration animation

1 引言

隨著計(jì)算機(jī)網(wǎng)絡(luò)的普及，網(wǎng)絡(luò)教學(xué)愈來愈受到教育者的重視。目前正在進(jìn)行的科研項(xiàng)目“網(wǎng)絡(luò)教學(xué)框架體系的探索與研究”，其主要研究內(nèi)容包括：1） 網(wǎng)絡(luò)教學(xué)的模式與方法；2） 網(wǎng)絡(luò)教學(xué)平臺的設(shè)計(jì)與開發(fā)；3） 計(jì)算機(jī)語言C、數(shù)據(jù)結(jié)構(gòu)、計(jì)算機(jī)導(dǎo)論等課程的網(wǎng)絡(luò)教學(xué)體系結(jié)構(gòu)與實(shí)現(xiàn)。其中計(jì)算機(jī)導(dǎo)論課程的網(wǎng)絡(luò)教學(xué)平臺是該項(xiàng)目的主要任務(wù)之一。通過此平臺，學(xué)生可以不受時(shí)間、地域的限制，實(shí)現(xiàn)網(wǎng)上瀏覽教學(xué)內(nèi)容、完成作業(yè)、提出問題、相互交流、參加測試等功能，教師也可借助此平臺，發(fā)布公告信息、發(fā)布試題、上傳下載課件、進(jìn)行課后輔導(dǎo)、組織討論答疑等。

2 網(wǎng)絡(luò)教學(xué)平臺的系統(tǒng)設(shè)計(jì)

計(jì)算機(jī)導(dǎo)論課程的網(wǎng)絡(luò)教學(xué)平臺作為課堂教學(xué)的補(bǔ)充及延伸，不僅可供教師發(fā)布信息、教學(xué)資料等，更重要的是為學(xué)生提供課后自主學(xué)習(xí)的平臺，促進(jìn)學(xué)生與老師之間、學(xué)生與學(xué)生之間的溝通與交流。針對學(xué)生的不同起點(diǎn)與能力，系統(tǒng)中運(yùn)用課件、動(dòng)畫、視頻等多種表現(xiàn)形式展示教學(xué)內(nèi)容，提供學(xué)生個(gè)性化的網(wǎng)絡(luò)學(xué)習(xí)。

2.1 系統(tǒng)結(jié)構(gòu)的設(shè)計(jì)

本系統(tǒng)基于B/S模式進(jìn)行設(shè)計(jì)，主要采用ASP，HTML，JavaScript，Access，VBScript，SQL等技術(shù)構(gòu)建。B/S模式的工作原理是：用戶使用Web瀏覽器通過URL請求訪問Web服務(wù)器，Web服務(wù)器通過ADO數(shù)據(jù)庫引擎訪問數(shù)據(jù)庫，并將ASP文檔中的腳本代碼解釋為HTML代碼，返回客戶端瀏覽器，其原理如圖1所示。該體系結(jié)構(gòu)的系統(tǒng)開放性好，易維護(hù)和擴(kuò)展。

2.2 系統(tǒng)功能模塊的設(shè)計(jì)

網(wǎng)絡(luò)教學(xué)平臺由前臺教學(xué)學(xué)習(xí)系統(tǒng)、后臺教學(xué)管理系統(tǒng)兩大模塊組成，每個(gè)大模塊下又有若干個(gè)子模塊，這些模塊之間相互聯(lián)系，互相配合，構(gòu)成一個(gè)完整的網(wǎng)絡(luò)教學(xué)系統(tǒng)。系統(tǒng)功能模塊如圖2所示。

2.2.1 前臺教學(xué)學(xué)習(xí)系統(tǒng)

前臺教學(xué)學(xué)習(xí)系統(tǒng)主要用于教師教學(xué)和學(xué)生學(xué)習(xí)，主要包含以下幾個(gè)模塊：

1） 用戶注冊登錄：教師必須注冊登錄后才可以進(jìn)行教師測試管理，學(xué)生只有注冊登錄后才可以進(jìn)行學(xué)生在線練習(xí)和學(xué)生信息查詢。未經(jīng)注冊登錄的用戶只能瀏覽信息內(nèi)容。

2） 課程概況：課程概況包括課程的教學(xué)大綱、教學(xué)進(jìn)度表和教師隊(duì)伍等。教師和學(xué)生均可以瀏覽或下載這些教學(xué)資料，同時(shí)教師還可以添加、修改、上傳教學(xué)資料，通過此平臺學(xué)生可以初步了解本課程的教學(xué)目的、教學(xué)內(nèi)容、課程安排、考核方式及師資情況等。

3） 理論教學(xué)：主要包括課件瀏覽、下載和教學(xué)錄像三部分。學(xué)生可以根據(jù)自身的學(xué)習(xí)要求，有選擇地進(jìn)行學(xué)習(xí)，可以在線或下載瀏覽教學(xué)內(nèi)容，也可觀看教學(xué)視頻錄像。

4） 實(shí)踐教學(xué)：主要包括課件瀏覽、下載和實(shí)踐項(xiàng)目三部分。學(xué)生同樣可以根據(jù)自身的基礎(chǔ)及學(xué)習(xí)要求，有選擇地進(jìn)行學(xué)習(xí)和實(shí)踐練習(xí)。實(shí)踐項(xiàng)目模塊還提供實(shí)踐動(dòng)畫演示。

5） 練習(xí)與測試：由學(xué)生在線測試、教師測試管理和學(xué)生信息查詢?nèi)齻€(gè)模塊組成。教師通過教師測試管理模塊完成學(xué)生信息的添加、刪除和修改功能，可以調(diào)用網(wǎng)絡(luò)試題庫按章節(jié)或綜合應(yīng)用自動(dòng)、手動(dòng)組卷進(jìn)行試題管理；學(xué)生可以參加網(wǎng)上測試并查詢測試結(jié)果。

6） 討論答疑：在界面上采用了BBS形式，提問與回答的過程是異步的，學(xué)生將學(xué)習(xí)中遇到的問題以留言的形式公布在網(wǎng)上，教師通過此模塊進(jìn)行答疑。教師也可以在網(wǎng)上發(fā)布討論題或?qū)W(xué)生在學(xué)習(xí)實(shí)踐中遇到的問題和易犯的錯(cuò)誤以問題的形式發(fā)布，引導(dǎo)學(xué)生進(jìn)行研究和討論。

7） 網(wǎng)上交流：本模塊類似于網(wǎng)絡(luò)聊天室，教師與學(xué)生、學(xué)生與學(xué)生之間可進(jìn)行實(shí)時(shí)的網(wǎng)上交流與討論，通過此模塊可以解決個(gè)別學(xué)生的概念模糊，解題思路混亂等問題。

8） 參考資料：提供學(xué)習(xí)參考資料和參考網(wǎng)站。

2.2.2 后臺教學(xué)管理系統(tǒng)

后臺教學(xué)管理系統(tǒng)分為人員管理、選擇題管理、填空題管理、是非題管理和討論交流管理。

1） 人員管理：包括系統(tǒng)管理員、教師和學(xué)生管理。其中管理員可以對所有人員進(jìn)行添加、修改、刪除和查詢，同時(shí)還可以對教師的所有權(quán)限進(jìn)行分配。教師可以對學(xué)生信息進(jìn)行添加、刪除和查詢。

2） 選擇題管理：按章節(jié)進(jìn)行選擇題的添加、修改、刪除和查詢。

3） 填空題管理：按章節(jié)進(jìn)行填空題的添加、修改、刪除和查詢。

4） 是非題管理：按章節(jié)進(jìn)行是非題的添加、修改、刪除和查詢。

5） 討論交流管理：包括BBS版主管理、帖子管理和聊天室管理。

3 主要功能模塊的實(shí)現(xiàn)

本系統(tǒng)的頁面布局使用Dreamweaver 8開發(fā)設(shè)計(jì)；利用Fireworks 8，F(xiàn)lash 8對系統(tǒng)頁面進(jìn)行美工設(shè)計(jì)；利用CSS樣式層實(shí)現(xiàn)對頁面元素及格式的精確控制；采用JavaScript實(shí)現(xiàn)對客戶端數(shù)據(jù)的驗(yàn)證；采用ASP編寫應(yīng)用程序文件，實(shí)現(xiàn)數(shù)據(jù)庫存取等功能。下面重點(diǎn)介紹練習(xí)與測試系統(tǒng)和Flash 8動(dòng)畫演示實(shí)驗(yàn)的實(shí)現(xiàn)。

圖1 系統(tǒng)結(jié)構(gòu)工作原理

圖2 系統(tǒng)功能模塊

3.1 練習(xí)與測試系統(tǒng)的實(shí)現(xiàn)

練習(xí)與測試系統(tǒng)的工作流程如下：首先，測試學(xué)生的相關(guān)信息由教師通過教師測試管理模塊進(jìn)行添加、刪除和修改；然后，教師進(jìn)行試題管理，調(diào)用網(wǎng)絡(luò)試題庫按章節(jié)或綜合應(yīng)用自動(dòng)、手動(dòng)組卷；最后學(xué)生登錄，參加網(wǎng)上測試或練習(xí)，學(xué)生還可通過學(xué)生信息查詢模塊查詢測試結(jié)果和其他信息。后臺管理員或教師通過后臺教學(xué)管理模塊，實(shí)現(xiàn)教師、學(xué)生及試題信息的添加、修改、刪除和查詢，同時(shí)管理員還可以對教師的所有權(quán)限進(jìn)行分配。

本模塊的難點(diǎn)是教師組卷，教師根據(jù)章節(jié)抽取需要練習(xí)或測試的試題，將試題存入臨時(shí)表中，下面這段代碼就是完成選擇題表的復(fù)制。

<%

… …

'把需要測試的表復(fù)制到工作表tempchoose

if ch=\"1\" then'1表示選擇題

'刪除工作表tempchoose中的全部數(shù)據(jù) sql=\"delete * from tempchoose\"

rs.open sql，conn，1，2

'從選中的表tb_name復(fù)制到tempchoose

sql=\"insert into tempchoose select * from \" tb_name

rs.open sql，conn，1，2

end if

… …

%>

3.2 Flash動(dòng)畫演示實(shí)驗(yàn)的實(shí)現(xiàn)

計(jì)算機(jī)導(dǎo)論課程主要包括理論教學(xué)和實(shí)踐教學(xué)兩大部分。為了滿足不同基礎(chǔ)學(xué)生的個(gè)性化學(xué)習(xí)，我們設(shè)置了7個(gè)基本實(shí)驗(yàn)和2個(gè)綜合實(shí)驗(yàn)，這9個(gè)實(shí)驗(yàn)包含了本課程的全部內(nèi)容，以配合理論課的學(xué)習(xí)和增強(qiáng)學(xué)生計(jì)算機(jī)應(yīng)用能力。每個(gè)實(shí)驗(yàn)均給出了其實(shí)驗(yàn)?zāi)康摹?shí)驗(yàn)內(nèi)容和課后練習(xí)，并運(yùn)用Flash動(dòng)畫技術(shù)演示每個(gè)實(shí)驗(yàn)中的實(shí)驗(yàn)內(nèi)容。學(xué)生通過模擬實(shí)驗(yàn)演示動(dòng)畫進(jìn)行操作，能夠迅速掌握應(yīng)用軟件的基本操作，并通過課后練習(xí)進(jìn)一步鞏固Office軟件的基本操作技能。

利用Flash 8的ActionScript語言制作實(shí)驗(yàn)演示動(dòng)畫，主要的設(shè)計(jì)思路如下：1)方法一：將實(shí)驗(yàn)操作步驟的截圖分解為Flash動(dòng)畫的每一幀，通過ActionScript動(dòng)作面板分別設(shè)置幀動(dòng)作為Stop();，按鈕動(dòng)作為on(press) {nextFrame();}，并配合文字說明操作的主要方法，教學(xué)生參照演示動(dòng)畫，逐步學(xué)會操作技能。2)方法二：利用實(shí)驗(yàn)操作步驟的截圖，結(jié)合Flash組件或動(dòng)畫箭頭，引導(dǎo)學(xué)生操作鼠標(biāo)或輸入內(nèi)容，逐步完成實(shí)驗(yàn)操作。

4 結(jié)束語

計(jì)算機(jī)導(dǎo)論課程的網(wǎng)絡(luò)教學(xué)平臺已初步建成，并投入使用。系統(tǒng)界面友好，系統(tǒng)性能較好，功能較完善，可擴(kuò)展性較強(qiáng)。通過網(wǎng)絡(luò)教學(xué)平臺進(jìn)行的現(xiàn)代教育手段和傳統(tǒng)的教學(xué)方法的結(jié)合，大大地提高了我們的教學(xué)質(zhì)量，節(jié)約師資，促進(jìn)了教育事業(yè)的發(fā)展。在此感謝項(xiàng)目組其他老師的幫助與支持。

參考文獻(xiàn)：

[1] 韓國峰，柯華坤，王磊.ASP網(wǎng)站開發(fā)典型模塊與實(shí)例精講[M].北京：電子工業(yè)出版社，2006.

[2] 溫欣玲，趙雨斌，趙東波，等. 基于ASP技術(shù)構(gòu)建智能網(wǎng)絡(luò)在線考試系統(tǒng)[J].計(jì)算機(jī)時(shí)代，2007，(1):37-39.

[3] 馬桂峰，王金才，陳景武，等.基于ASP技術(shù)的網(wǎng)絡(luò)化實(shí)驗(yàn)教學(xué)系統(tǒng)的研究與實(shí)現(xiàn)[J].計(jì)算機(jī)工程與設(shè)計(jì)，2007，28(7):1735-1737.