精品課程網(wǎng)站動態(tài)生成平臺的設(shè)計與實現(xiàn)

1、    精品課程網(wǎng)站動態(tài)生成平臺的設(shè)計與實現(xiàn)     摘要：本文提出了一個精品課程網(wǎng)站動態(tài)生成平臺的設(shè)計方案，分析了系統(tǒng)的工作流程、功能和主要實現(xiàn)技術(shù)。利用本系統(tǒng)開發(fā)精品課程網(wǎng)站，能夠簡化網(wǎng)站制作的流程，使教師在很短的時間內(nèi)建成符合評審指標(biāo)且具有個性化的精品課程網(wǎng)站，大大減輕了教師和教育技術(shù)人員的工作量。關(guān)鍵詞：精品課程，動態(tài)生成平臺，設(shè)計與實現(xiàn)精品課程是具有引領(lǐng)、示范和輻射作用的課程，精品課程建設(shè)工程于2003年由教育部啟動，隨后在全國各省市、全國各高等院校鋪開建設(shè)，截止到2008年已建成國家級精品課程2200多門。按照教育部的要求，精品課程

2、的內(nèi)容要全部上網(wǎng)，因此精品課程網(wǎng)站的建設(shè)成為了精品課程建設(shè)中一個不可或缺的環(huán)節(jié)。精品課程網(wǎng)站的制作包括頁面布局的規(guī)劃和界面的設(shè)計、程序代碼的編寫、后臺數(shù)據(jù)庫的操作、信息內(nèi)容的整合、網(wǎng)站發(fā)布等環(huán)節(jié)，是一項重復(fù)而繁瑣的工作，有一定的技術(shù)難度，需要掌握網(wǎng)站制作方面的知識和技術(shù)。學(xué)科教師教學(xué)科研工作量一般都比較繁重，如果要他們在較短的時間內(nèi)制作一個專業(yè)化的網(wǎng)站，則勉為其難。正是基于這樣一種考慮，如果能開發(fā)設(shè)計一個用于創(chuàng)建精品課程網(wǎng)站的平臺，讓教師只需要簡單的操作就可以建立一個精品課程網(wǎng)站，無疑會受到教師的歡迎。一、系統(tǒng)的開發(fā)目標(biāo)1.遵循精品課程的評審要求和制作規(guī)范本平臺的開發(fā)是按照教育部2008年國家

3、精品課程評審指標(biāo)的各項要求制作的，使教師在制作網(wǎng)站的過程中有據(jù)可循，減少了教師的工作量并且使教師制作出來的網(wǎng)站符合評審指標(biāo)的要求。系統(tǒng)的開發(fā)技術(shù)符合w3c標(biāo)準(zhǔn)。2.簡單易用考慮到精品課程網(wǎng)站是自動生成并且為普通學(xué)科教師所用，因而其操作應(yīng)該越簡單越好，要求只要使用瀏覽器就能在線建立所需要的網(wǎng)站，不需要掌握系統(tǒng)的網(wǎng)絡(luò)知識，不需要學(xué)習(xí)專業(yè)開發(fā)軟件，做到?jīng)]有網(wǎng)頁制作經(jīng)驗的教師也能快速上手。如圖1所示是利用精品課程網(wǎng)站動態(tài)生成平臺創(chuàng)建課程網(wǎng)站的工作流程。 3.功能完善具體功能包括：（1）banner和版權(quán)的管理，包括banner的上傳、修改和編輯，版權(quán)的修改等。（2）目錄管理，包括網(wǎng)站一級、二

4、級、三級目錄的建立、修改、刪除與順序調(diào)整。（3）頁面模塊管理，包括頁面模塊的選中、刪除、添加、修改、刪除其內(nèi)容等。（4）界面的管理，包括分辨率的設(shè)定、界面的修改、背景圖片的上傳、選擇，菜單欄方向的修改等。（5）課程內(nèi)容的上載：具有文字、表格、圖形、圖像、聲音、視頻等多媒體添加功能。（6）其他功能：論壇管理、人員管理、登錄日志、網(wǎng)站配置等管理功能，和在線統(tǒng)計分析、訪問次數(shù)統(tǒng)計、資料上傳、時間顯示等功能。4.所見即所得添加網(wǎng)站內(nèi)容，編輯各種多媒體要素，就像編輯office文檔一樣方便簡單。使用所見即所得的編輯器，不需要具有任何標(biāo)記語言或編程語言知識，通過網(wǎng)絡(luò)瀏覽網(wǎng)頁的效果和編輯時顯示的效果一致，幫

5、教師方便、快捷地對編輯的內(nèi)容進(jìn)行修改、排版。如果教師比較熟悉網(wǎng)站的制作，可以選擇使用代碼的方式編輯，更加靈活方便。二、系統(tǒng)的設(shè)計1.系統(tǒng)設(shè)計原則實用性原則：系統(tǒng)的總體設(shè)計原則是從方便教師的角度出發(fā)，采用教師比較熟悉的web形式，要求界面簡潔，操作簡單，具有很好的通用性和實用性。模塊化原則：模塊化能大大提高系統(tǒng)的可管理性和可維護(hù)性，使整個教學(xué)系統(tǒng)能成為一個真正清晰明了的有機系統(tǒng)。模塊化便于修改、擴充。采用模塊化設(shè)計后，在維護(hù)時可以直接對某一需要改動的模塊進(jìn)行修改，從而能夠有效降低網(wǎng)站不斷更新帶來的麻煩。1交互性原則：建立交互式網(wǎng)站，使精品課程網(wǎng)站具備網(wǎng)絡(luò)教學(xué)的互動功能。為了提高學(xué)習(xí)效率，促進(jìn)師生

6、互動，精品課程建設(shè)應(yīng)該建立師生園地（bbs）等互動交流空間，教師定期與學(xué)生在線交流，為學(xué)生答疑解惑。2.b/s三層體系結(jié)構(gòu)系統(tǒng)采用了b/s（browser/server）三層體系結(jié)構(gòu)，即表示層、業(yè)務(wù)邏輯層和數(shù)據(jù)訪問層，其體系結(jié)構(gòu)如圖2所示。 表示層負(fù)責(zé)與用戶交互，接受用戶的輸入并將服務(wù)器端傳來的數(shù)據(jù)呈現(xiàn)給用戶。該層在應(yīng)用程序里體現(xiàn)為擴展名是aspx的頁面文件和頁面相關(guān)代碼。業(yè)務(wù)邏輯層是系統(tǒng)的核心部分，負(fù)責(zé)處理表示層的http請求并將請求傳輸給數(shù)據(jù)層，同時將請求處理結(jié)果發(fā)給瀏覽器。數(shù)據(jù)層位于最底層，以ado.net為接口，對數(shù)據(jù)進(jìn)行操縱并為業(yè)務(wù)邏輯層提供數(shù)據(jù)服務(wù)。系統(tǒng)采用三層體系結(jié)構(gòu)，

7、可以分模塊組織代碼，增強代碼的可讀性，增加系統(tǒng)的安全性和健壯性，最重要的是便于修改、擴充。3.系統(tǒng)功能模塊的設(shè)計如圖3所示。 （1）網(wǎng)站基本信息設(shè)定：包括網(wǎng)站名稱的設(shè)定、界面膚色的更換、界面模塊的選擇與刪除、網(wǎng)站分辨率設(shè)定、banner圖片的上傳和選定、版權(quán)信息的設(shè)定、菜單欄位置的設(shè)定等，主要是針對不同的課程給教師提供自由發(fā)揮的空間，以體現(xiàn)網(wǎng)站的個性化。網(wǎng)站基本信息設(shè)定界面如圖4所示。 （2）新聞管理：使用在線編輯器對主頁中的新聞模塊進(jìn)行添加、修改和刪除。（3）導(dǎo)航管理：對一級、二級、三級菜單的添加、修改、刪除和調(diào)整順序，一級菜單項主要包括：教學(xué)隊伍、教學(xué)內(nèi)容、教學(xué)條件、教

8、學(xué)方法、教學(xué)效果、特色政策、申報表格和課程論壇等評審指標(biāo)中要求的項目，當(dāng)然也可以根據(jù)教師的要求修改或添加。每個一級菜單下可以設(shè)置多個二級菜單，每個二級菜單下也可以設(shè)置多個三級菜單。（4）友情鏈接管理：友情鏈接是一個可選模塊，教師可以根據(jù)自己的需要決定是否選用，包括對友情鏈接的添加、修改和刪除。（5）課程信息設(shè)定：這也是一個可選模塊，是對課程的簡介，可以是文字，也可以插入圖片、視頻等。（6）用戶管理：包括添加、刪除用戶，修改密碼，查看在線用戶等功能。（7）搜索功能：可以進(jìn)行站內(nèi)搜索，方便用戶檢索相關(guān)內(nèi)容。（8）留言管理：主要實現(xiàn)對留言的添加和刪除，留言板提供一個師生交流的平臺，學(xué)生可以反饋意見，

9、提出課程建議，增加了系統(tǒng)的互動性。（9）內(nèi)容管理：對網(wǎng)站中所有的文章進(jìn)行修改、增加和刪除操作。系統(tǒng)提供了一個基于網(wǎng)頁的所見即所得的在線編輯器。通過編輯器編輯的文字、圖片等html標(biāo)記輸出到頁面的效果和編輯時顯示的效果一致，讓使用者方便地對編輯的內(nèi)容進(jìn)行修改、排版。內(nèi)容管理界面如圖5所示。 三、系統(tǒng)實現(xiàn)的主要技術(shù)本系統(tǒng)采用微軟.net框架作為開發(fā)平臺，開發(fā)環(huán)境為visual studio2008，數(shù)據(jù)庫采用sql sever 2005。系統(tǒng)的實現(xiàn)應(yīng)用了ado.net、div+css、自動生成數(shù)據(jù)庫訪問類、在線編輯、sliverlight和ajax、流媒體等多種技術(shù)，其中自動生成數(shù)據(jù)庫訪

10、問類、sliverlight和ajax技術(shù)的應(yīng)用是本系統(tǒng)實現(xiàn)的兩大特色。1.ado.netado.net是在.net編程環(huán)境中優(yōu)先使用的數(shù)據(jù)訪問接口，是一組用于和數(shù)據(jù)源進(jìn)行交互的面向?qū)ο箢悗?。ado.net允許和不同類型的數(shù)據(jù)源以及數(shù)據(jù)庫進(jìn)行交互。本平臺對數(shù)據(jù)庫的訪問就是通過ado.net實現(xiàn)的。ado.net的兩大核心組件是數(shù)據(jù)提供程序（data-provider）和數(shù)據(jù)集（dataset）。dataprovider是一組包括connection、command、datareader和dataadapter對象在內(nèi)的組件，其目的是為了實現(xiàn)數(shù)據(jù)操作和對數(shù)據(jù)的快速訪問。.net框架包含兩種數(shù)據(jù)提

11、供程序：一種是sqlserver數(shù)據(jù)提供程序；另一種為一般的數(shù)據(jù)提供程序，它可以與任何一個oledb數(shù)據(jù)源通信。dataset是非連接模式的核心，設(shè)計dataset的目的是為了實現(xiàn)獨立于任何數(shù)據(jù)源的數(shù)據(jù)訪問。因此，它的數(shù)據(jù)源并不僅僅局限于數(shù)據(jù)庫，也可以從xml文件或自定義的本地數(shù)據(jù)文件中獲得數(shù)據(jù)。dataset由一個或多個datatable對象組合而成，而每個datatable對象由多個數(shù)據(jù)的行與列、主鍵、外鍵、約束及存放于datatable對象中的數(shù)據(jù)關(guān)系信息組成，dataset與現(xiàn)有數(shù)據(jù)源的交互是通過dataadapter來控制的。22.div+css實施頁面布局界面是本平臺很重要的設(shè)計要

12、素，平臺采用div+css實現(xiàn)頁面布局和各種定位。css是英語cascading style sheets（層疊樣式表單）的縮寫，它是一種用來表現(xiàn)html或xml等文件式樣的計算機語言。div元素是用來為html文檔內(nèi)大塊（block-level）的內(nèi)容提供結(jié)構(gòu)和背景的元素。div的起始標(biāo)簽和結(jié)束標(biāo)簽之間的所有內(nèi)容都是用來構(gòu)成這個塊的，其中所包含元素的特性由div標(biāo)簽的屬性來控制，或者是通過使用樣式表格式化這個塊來進(jìn)行控制。3使用div+css的優(yōu)勢主要表現(xiàn)在表現(xiàn)和內(nèi)容相對分離，結(jié)構(gòu)清晰，縮減了頁面代碼，能靈活地控制頁面的布局，提高了系統(tǒng)的擴展性、易用性，還使得網(wǎng)站改版相對簡單，從而降低了網(wǎng)站

13、改版的成本。3.自動生成數(shù)據(jù)庫訪問類在通常的系統(tǒng)開發(fā)中，每一個數(shù)據(jù)表都對應(yīng)一個專門的數(shù)據(jù)庫訪問類，包括插入、更新等，而類的編寫很繁瑣且容易出錯。在本系統(tǒng)的開發(fā)中，開發(fā)人員針對這個問題專門編寫了一個可以自動生成數(shù)據(jù)庫訪問類的小控件。如圖6所示，只要將一個表的create代碼拷入上圖的本文框中，點擊“生成類代碼”按鈕，就可以在下面的文本框中生成此表所對應(yīng)的類代碼，將代碼拷入此表所對應(yīng)的.cs文件中即可?！吧蒳nsert腳本”和“生成update腳本”兩個按鈕是生成表所對應(yīng)的插入和更新的存儲過程代碼。此控件的使用可以大大減少編程人員的工作量，提高代碼編寫的質(zhì)量和速度。 4.在線編輯申報精

14、品課程的教師多數(shù)都沒有網(wǎng)站制作的經(jīng)驗，所以為了便于在網(wǎng)站建設(shè)中上傳內(nèi)容，在網(wǎng)站制作后期維護(hù)、更新，系統(tǒng)采用在線編輯技術(shù)，能夠在網(wǎng)頁上實現(xiàn)許多桌面編輯軟件所具有的可視編輯功能，可以快速填充內(nèi)容，提高開發(fā)效率，也便于教師使用，如圖7所示。 在線編輯器不僅支持文本的修改，格式的調(diào)整，還可以插入表格、圖片、動畫、視頻、超鏈接等，使教師能夠在可視化的界面上方便快速地上傳、修改或刪除課程內(nèi)容，提高課程建設(shè)的速度和質(zhì)量。5.sliverlight和ajax技術(shù)silverlight2.0是微軟于2008年6月發(fā)布的一個跨瀏覽器、跨客戶平臺的技術(shù)，能夠設(shè)計、開發(fā)和發(fā)布有多媒體體驗與富交互（ria，r

15、ich interface application）的網(wǎng)絡(luò)交互程序。silverlight提供了一個強大的平臺，能夠開發(fā)出具有專業(yè)圖形、音頻和視頻的web應(yīng)用程序，增強了用戶體驗，同時，它還提供了強大的工具來提高開發(fā)人員的工作效率。silverlight支持c#、javascript、visual basic等動態(tài)和靜態(tài)語言，支持互聯(lián)網(wǎng)上最流行的音頻和視頻格式，使創(chuàng)建輸入表格，加載數(shù)據(jù)，上傳二進(jìn)制或文本信息都變得更加便捷。ajax是asynchronous javascript+xml的簡寫，該技術(shù)可以為用戶提供更為自然的瀏覽體驗。ajax提供與服務(wù)器異步通信的能力，從而使用戶從請求/響應(yīng)的循

16、環(huán)中解脫出來。借助于ajax，可以在用戶單擊按鈕時，使用javascript和dhtml立即更新ui，并向服務(wù)器發(fā)出異步請求，以執(zhí)行更新或查詢數(shù)據(jù)庫。當(dāng)請求返回時，就可以使用javascript和css來相應(yīng)地更新ui，而不是刷新整個頁面，用戶甚至不知道瀏覽器正在與服務(wù)器通信：web站點看起來是即時響應(yīng)的。6.流媒體技術(shù)國家精品課程“需在網(wǎng)上提供不少于45分鐘的現(xiàn)場教學(xué)錄像”，這就要求網(wǎng)站能提供流媒體播放功能。流媒體是指采用流式傳輸?shù)姆绞皆趇nternet播放的媒體格式，如音頻、視頻、flash等多媒體文件。與傳統(tǒng)的播放方式不同，流媒體在播放前并不下載整個文件，而是將部分內(nèi)容緩存，使流媒體數(shù)據(jù)

17、流邊傳送邊播放，這樣就節(jié)省了下載等待時間和存儲空間。要動態(tài)實現(xiàn)在線點播，客戶端必須能夠支持windows media player或者realplayer等常見媒體播放器，用戶可交互地選擇播放音視頻課件，并可對音視頻課件實現(xiàn)播放、暫停、停止、跳躍等功能。四、結(jié)束語在精品課程建設(shè)過程中，精品課程網(wǎng)站的建設(shè)是一個必不可少的環(huán)節(jié)。本文提出了一個精品課程網(wǎng)站動態(tài)生成平臺的設(shè)計方案，并在asp.net平臺上開發(fā)出了相應(yīng)的系統(tǒng)。本系統(tǒng)簡單實用，簡化了精品課程網(wǎng)站制作的流程，可以使教師在很短的時間內(nèi)建成符合評審指標(biāo)并具有一定個性化的精品課程網(wǎng)站，大大減輕了教師和教育技術(shù)人員的工作量。本平臺在后續(xù)的研發(fā)中功能還將不斷完善，應(yīng)用的范圍也可以從精品課程網(wǎng)站擴大到一般的課程網(wǎng)站，力爭做成一個比較通用的網(wǎng)站自動生成平臺，在教學(xué)中發(fā)揮更大的效益。參考文獻(xiàn)：1 柳強，胡雪飛.高級英語精品課程網(wǎng)站設(shè)計和建設(shè) j. 中國教育信息化，2008（3）：67.2 kouresh ardestani.高效掌握ado.netc#編程篇 m. 北京：清華大學(xué)