基于Web2.0的網(wǎng)絡(luò)課程網(wǎng)站設(shè)計(jì)與實(shí)現(xiàn)

白浩

摘要：為了提高學(xué)生在網(wǎng)絡(luò)學(xué)習(xí)中的積極性和主動(dòng)性，筆者在課程平臺(tái)建設(shè)中引入Web2.0技術(shù)理念，使用Asp.net3.5框架中的C#編程語(yǔ)言，以SQL Sever2008作為數(shù)據(jù)庫(kù)服務(wù)系統(tǒng)，采用Ajax、TAG、OpenAPI等關(guān)鍵技術(shù)，設(shè)計(jì)開(kāi)發(fā)出一個(gè)通用、實(shí)用、易用的網(wǎng)絡(luò)課程系統(tǒng)。目前該系統(tǒng)已經(jīng)實(shí)施推廣。

關(guān)鍵詞：Web2.0；Asp.net；網(wǎng)絡(luò)課程；SNS；協(xié)作式學(xué)習(xí)

● 引言

目前，網(wǎng)絡(luò)教學(xué)是遠(yuǎn)程教育的主要途徑，而網(wǎng)絡(luò)課程是網(wǎng)絡(luò)教學(xué)的核心和基礎(chǔ)。隨著教育理念、信息技術(shù)和互聯(lián)網(wǎng)的不斷發(fā)展變革，網(wǎng)絡(luò)課程的建設(shè)也在發(fā)生著重大的變化，早期建設(shè)的三分屏[1]課程已不能滿足遠(yuǎn)程教育學(xué)生多元化的需求。

在課程制作方面，由于學(xué)科差異和教師需求的不同，開(kāi)發(fā)單一的課程網(wǎng)站往往需要較長(zhǎng)的周期。而一些基本的功能是可以通用的，完全沒(méi)有必要重復(fù)開(kāi)發(fā)。因此，如何引入新的技術(shù)和理念，構(gòu)建一個(gè)開(kāi)源、實(shí)用、高效、安全的網(wǎng)絡(luò)課程平臺(tái)，為網(wǎng)絡(luò)教學(xué)活動(dòng)開(kāi)展提供有力的支撐，是各網(wǎng)絡(luò)教育主體必須考慮的關(guān)鍵問(wèn)題。

● Web2.0技術(shù)簡(jiǎn)介[2]

相對(duì)于Web1.0來(lái)說(shuō)，Web2.0更注重人的相互關(guān)系，用戶既是網(wǎng)站內(nèi)容的瀏覽者，也是網(wǎng)站內(nèi)容的提供者。Web2.0的新技術(shù)主要包括Wiki、博客（Blog）、新聞聚合（RSS）、Open API、Ajax、標(biāo)簽（Tag）、社會(huì)性網(wǎng)絡(luò)[3]（SNS）等。在這些新技術(shù)的支持下，網(wǎng)絡(luò)用戶轉(zhuǎn)變?yōu)榫W(wǎng)絡(luò)的參考者、創(chuàng)造者，信息由單向傳播轉(zhuǎn)變?yōu)殡p向傳播，信息“孤島”轉(zhuǎn)變?yōu)楦叨冉涣骰?dòng)的信息群體。

● 課程網(wǎng)站設(shè)計(jì)

1.網(wǎng)站模塊

通用的網(wǎng)絡(luò)教學(xué)平臺(tái)主要功能模塊包括：課程介紹、教學(xué)大綱、教學(xué)安排、教師信息、發(fā)布課程通知、教學(xué)材料、答疑討論、課程作業(yè)、試題試卷庫(kù)、在線測(cè)試、學(xué)習(xí)筆記等，通過(guò)這些模塊以實(shí)現(xiàn)網(wǎng)絡(luò)教學(xué)功能。而基于Web2.0技術(shù)的網(wǎng)站設(shè)計(jì)在參考成熟教學(xué)平臺(tái)基礎(chǔ)上，引入互聯(lián)網(wǎng)發(fā)展的新理念，從而使課程教學(xué)管理系統(tǒng)操作更簡(jiǎn)單，更實(shí)用方便。

主要模塊的功能如下：①用戶中心包含有學(xué)生個(gè)人信息修改維護(hù)、站內(nèi)短消息、我的評(píng)價(jià)（同學(xué)及老師對(duì)自己的評(píng)價(jià)）、我的日志（學(xué)習(xí)記錄等）。②資訊公告發(fā)布管理列表顯示最新的教學(xué)通知公告，具有后臺(tái)管理功能。相關(guān)字段為標(biāo)題、時(shí)間、發(fā)布人、內(nèi)容。在公告發(fā)布的同時(shí)可以插入圖片。③教學(xué)日歷管理設(shè)置了提醒功能。④課程管理包括課程的添加、刪除、修改、排序、搜索。發(fā)布的課程可以選擇多種類型，如導(dǎo)學(xué)型、內(nèi)容型、作業(yè)型、測(cè)試型、活動(dòng)型，類型可以自定義；發(fā)布的課程也可以設(shè)置Tags，為前臺(tái)提供多角度分類。⑤作業(yè)管理包括批改作業(yè)、發(fā)布作業(yè)、編輯作業(yè)、刪除作業(yè)、歷史作業(yè)、作業(yè)查詢等功能，題型分選擇題、判斷題、填空題、名詞解釋和簡(jiǎn)答題。⑥考試管理包括評(píng)卷、出題、編輯試題、刪除試題、試題查詢、歷史試題、成績(jī)查詢、成績(jī)導(dǎo)出、成績(jī)打印等功能。添加試題時(shí)選擇課程設(shè)置好的單元目錄進(jìn)行添加，添加完畢以后前臺(tái)自動(dòng)將課程和作業(yè)整合在一起。學(xué)生可以查看好友及同學(xué)的成績(jī)。⑦學(xué)習(xí)社區(qū)是融合在整個(gè)學(xué)習(xí)系統(tǒng)中的開(kāi)放式交流空間。⑧學(xué)習(xí)痕跡管理包括統(tǒng)計(jì)列表，以列表形式顯示所有用戶的學(xué)習(xí)記錄情況（開(kāi)始學(xué)習(xí)時(shí)間、最后學(xué)習(xí)時(shí)間、學(xué)習(xí)進(jìn)度、登錄次數(shù)、在線時(shí)間、訪問(wèn)總PV、訪問(wèn)IP、作業(yè)、考試、活動(dòng)）。

2.環(huán)境配置及框架設(shè)計(jì)

服務(wù)器上必須安裝SQL Server2008或更高版本,操作系統(tǒng)為Win2003,并安裝.NET Framework2.0以上版本。系統(tǒng)采用三層設(shè)計(jì)模式，用戶表示層、業(yè)務(wù)邏輯處理層和數(shù)據(jù)層，整個(gè)系統(tǒng)構(gòu)架如圖1所示。

● 系統(tǒng)實(shí)現(xiàn)

本系統(tǒng)在實(shí)現(xiàn)的時(shí)候采用Visual Studio2008和Microsoft SQL2005等語(yǔ)言和開(kāi)發(fā)工具進(jìn)行開(kāi)發(fā)，它是微軟推出的最新網(wǎng)站開(kāi)發(fā)組合，有利于開(kāi)發(fā)者快速實(shí)現(xiàn)編程目標(biāo)。在結(jié)構(gòu)和功能上，系統(tǒng)可分為界面層、業(yè)務(wù)邏輯層、數(shù)據(jù)庫(kù)訪問(wèn)層三層結(jié)構(gòu)。界面層在用戶客戶端顯示，完成和用戶的交互；業(yè)務(wù)邏輯層是系統(tǒng)的核心部分，擔(dān)當(dāng)主要的應(yīng)用處理任務(wù)，包括UI層的各種請(qǐng)求，具體業(yè)務(wù)邏輯的處理及顯示數(shù)據(jù)服務(wù)層傳輸過(guò)來(lái)的數(shù)據(jù)；數(shù)據(jù)庫(kù)訪問(wèn)層通過(guò)ADO.ENT實(shí)現(xiàn)和數(shù)據(jù)庫(kù)的通訊與數(shù)據(jù)交互，同時(shí)如果本系統(tǒng)訪問(wèn)量大可以采用集群方式來(lái)實(shí)現(xiàn)平衡分布，保障系統(tǒng)穩(wěn)健運(yùn)行。

1.整合登錄API接口

本部分主要用來(lái)滿足各用戶登錄系統(tǒng)的需求，同時(shí)也能夠?qū)崿F(xiàn)本系統(tǒng)和其他系統(tǒng)的完全無(wú)縫整合，提供傳遞數(shù)據(jù)加密和解密方案，保障數(shù)據(jù)傳遞的安全，API接口負(fù)責(zé)對(duì)接收的數(shù)據(jù)進(jìn)行分析，連接數(shù)據(jù)庫(kù)進(jìn)行用戶認(rèn)證并返回認(rèn)證結(jié)果或執(zhí)行成功認(rèn)證后的相關(guān)操作，在ASP.NET中對(duì)于密碼安全可以采用MD5（Message-Digest Algorithm 5）或SHA1（Secure Hash Algorithm）這兩種加密方式來(lái)提高系統(tǒng)安全性能。

2.用戶協(xié)作創(chuàng)作平臺(tái)

用戶協(xié)作創(chuàng)作主要包含用戶共享的學(xué)習(xí)日志、自己整理的相關(guān)資源、作業(yè)信息、參與或發(fā)起的討論，組建自己的學(xué)習(xí)興趣小組，評(píng)論和添加Tag，對(duì)專業(yè)詞典的貢獻(xiàn)和完善等，充分發(fā)揮Web2.0的優(yōu)勢(shì)，分享自己的學(xué)習(xí)經(jīng)驗(yàn)和成果。提高學(xué)生的學(xué)習(xí)積極性，促進(jìn)教師對(duì)學(xué)生的引導(dǎo)學(xué)習(xí)。

3.教師課程體系

網(wǎng)絡(luò)課程中教師對(duì)課程的創(chuàng)作、管理、日常維護(hù)以及對(duì)學(xué)生的評(píng)價(jià)都通過(guò)教師課程操作部分來(lái)完成。這是整個(gè)網(wǎng)絡(luò)平臺(tái)建設(shè)的重點(diǎn)和難點(diǎn)。其中推薦資源、專題管理、作業(yè)管理、考試管理、詞典管理、輔助資料等模塊都為課程開(kāi)發(fā)提供了輔助支持。

課程管理中學(xué)生添加和完善的詞條可以直接在學(xué)習(xí)課程中高亮顯示出來(lái)，其他用戶通過(guò)點(diǎn)擊該高亮鏈接便可訪問(wèn)該詞條（如圖2）。在極大發(fā)揮Web2.0優(yōu)勢(shì)的同時(shí)，也體現(xiàn)了課程體系的不斷完善和人性化改進(jìn)。

4.全程跟蹤統(tǒng)計(jì)系統(tǒng)

本部分主要借助AJAX的異步傳輸數(shù)據(jù)[4]，將用戶的每一步操作都記錄在數(shù)據(jù)庫(kù)中，以便對(duì)用戶的訪問(wèn)動(dòng)作進(jìn)行全程跟蹤分析和評(píng)價(jià)，對(duì)數(shù)據(jù)的存儲(chǔ)采用記錄更新和遞增模式進(jìn)行，減少數(shù)據(jù)記錄，提高數(shù)據(jù)統(tǒng)計(jì)速度。將全程跟蹤統(tǒng)計(jì)系統(tǒng)封裝為一個(gè)JavaScript文件，在任何需要的頁(yè)面直接調(diào)用該JavaScript即可完成跟蹤統(tǒng)計(jì)，JavaScript文件部分主要完成獲取用戶訪問(wèn)的頁(yè)面和停留的時(shí)間，然后向服務(wù)器發(fā)起請(qǐng)求，完成數(shù)據(jù)統(tǒng)計(jì)。通過(guò)JavaScript提供的函數(shù)截取用戶進(jìn)入頁(yè)面和離開(kāi)頁(yè)面的時(shí)間，調(diào)用window.onbeforeunload捕捉用戶的動(dòng)作，計(jì)算出進(jìn)入頁(yè)面和退出頁(yè)面的時(shí)間，默認(rèn)超過(guò)3分鐘用戶不做任何操作則退出跟蹤。對(duì)獲取的用戶數(shù)據(jù)通過(guò)統(tǒng)計(jì)以折線圖的方式顯示。

5.數(shù)據(jù)庫(kù)維護(hù)

數(shù)據(jù)是系統(tǒng)的靈魂，如果沒(méi)有數(shù)據(jù)可管理那么系統(tǒng)就沒(méi)有什么價(jià)值，數(shù)據(jù)的意義還在于記錄學(xué)生的成長(zhǎng)過(guò)程、教師的工作歷程，因此必須做好數(shù)據(jù)庫(kù)的維護(hù)工作。我們可以使用SQL2008自身提供的數(shù)據(jù)備份方式，也可以自己編寫代碼對(duì)SQL數(shù)據(jù)進(jìn)行備份和恢復(fù)，在系統(tǒng)中我們結(jié)合兩種方式來(lái)對(duì)數(shù)據(jù)進(jìn)行備份。本系統(tǒng)增加了在線備份數(shù)據(jù)和異地保存數(shù)據(jù)的功能，保障了數(shù)據(jù)的安全可靠。

6.小結(jié)

網(wǎng)站采用B/S模式的三層結(jié)構(gòu),用ASP.NET分布式多層系統(tǒng)架構(gòu),引入Web2.0技術(shù)理念。前臺(tái)代碼和程序的分離管理，大大降低了系統(tǒng)開(kāi)發(fā)和維護(hù)的成本,提高了系統(tǒng)模塊的可復(fù)用性,使系統(tǒng)的可擴(kuò)展性和通用性得到明顯增強(qiáng)，對(duì)批量建設(shè)高質(zhì)量的網(wǎng)絡(luò)課程具有重要的借鑒意義。目前該系統(tǒng)已經(jīng)投入使用，運(yùn)行良好。

參考文獻(xiàn)：

[1]任翔，任博.論三分屏課件的合理性及其缺陷[J].現(xiàn)代教育技術(shù)，2009(5).

[2]朱世美，李雙志.基于Web2.0的教育技術(shù)能力培訓(xùn)數(shù)字化資源平臺(tái)的構(gòu)建研究[J].軟件導(dǎo)刊·教育技術(shù)，2010(3).

[3]趙德偉,徐正巧,趙興強(qiáng).基于SNS平臺(tái)的協(xié)作學(xué)習(xí)探討[J].現(xiàn)代遠(yuǎn)距離教育，2009（3）.

[4]詹晶晶,倪子偉.基于AJAX引擎的數(shù)據(jù)異步傳輸模型的構(gòu)建和實(shí)現(xiàn)[J].咸陽(yáng)師范學(xué)院學(xué)報(bào),2006(12).