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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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