“動(dòng)畫設(shè)計(jì)”課程資源學(xué)習(xí)網(wǎng)站核心模塊功能與關(guān)鍵技術(shù)剖析

文章編號(hào)：1672-5913(2009)06-0127-04

摘要：本文根據(jù)“動(dòng)畫設(shè)計(jì)”課程特點(diǎn)，結(jié)合實(shí)踐教學(xué)需要，構(gòu)建適合于教師教學(xué)與學(xué)生自主化學(xué)習(xí)的資源學(xué)習(xí)網(wǎng)站，并重點(diǎn)剖析了“在線教學(xué)，教學(xué)論壇，作業(yè)管理，在線測(cè)試，后臺(tái)管理”等模塊的特色功能與實(shí)現(xiàn)的關(guān)鍵技術(shù)。

關(guān)鍵詞：動(dòng)畫；資源；教學(xué)網(wǎng)站；流媒體

中圖分類號(hào)：G642

文獻(xiàn)標(biāo)識(shí)碼：B

傳統(tǒng)課堂教學(xué)由于受時(shí)間和地點(diǎn)的限制，給師生課后進(jìn)一步交流、各種研究性學(xué)習(xí)活動(dòng)的開展帶來(lái)了制約和影響[1]。網(wǎng)絡(luò)教學(xué)將傳統(tǒng)的教學(xué)延伸到網(wǎng)絡(luò)空間，既能發(fā)揮教師主導(dǎo)作用，又體現(xiàn)學(xué)生“主體、探究、合作”主體地位的教學(xué)方式?！秳?dòng)畫設(shè)計(jì)》是一門日新月異的課程，動(dòng)畫制作所需的圖像、音頻、視頻素材以及動(dòng)畫教學(xué)的電子教案體積又相當(dāng)龐大，如何保證電子教材的前沿化，構(gòu)建既服務(wù)于教師的教學(xué)又滿足學(xué)生的學(xué)習(xí)的網(wǎng)絡(luò)課程，通過(guò)構(gòu)建功能完整的《動(dòng)畫設(shè)計(jì)》資源學(xué)習(xí)網(wǎng)，本文重點(diǎn)研究了網(wǎng)站核心模塊功能與關(guān)鍵技術(shù)的實(shí)現(xiàn)。

1總體設(shè)計(jì)思路

“動(dòng)畫設(shè)計(jì)”資源學(xué)習(xí)網(wǎng)站主要是基于動(dòng)畫教學(xué)資源庫(kù)的功能、以及網(wǎng)絡(luò)化的教學(xué)平臺(tái)的研究與開發(fā)。其主要功能模塊包括：會(huì)員管理，新聞資訊，在線教學(xué)，作品展示，資源下載，教學(xué)論壇，作業(yè)管理，在線測(cè)試與后臺(tái)管理等功能。網(wǎng)站的核心模塊及實(shí)現(xiàn)的特色主要體現(xiàn)在：基于流媒體技術(shù)的“在線教學(xué)”模塊，體現(xiàn)“學(xué)生為主體，教師為主導(dǎo)”的“教學(xué)論壇”模塊，“一體化”的“作業(yè)管理”模塊，智能化的“在線測(cè)試”模塊以及功能強(qiáng)大的“后臺(tái)管理”模塊。

2開發(fā)環(huán)境

“動(dòng)畫設(shè)計(jì)”資源學(xué)習(xí)網(wǎng)站開發(fā)與運(yùn)行的環(huán)境：硬件環(huán)境為普通的PC機(jī)，軟件環(huán)境采用瀏覽器/服務(wù)器 (Browser/ Server)三層架構(gòu)模式，開發(fā)軟件為Dreamweaver、Flash、Access等，開發(fā)語(yǔ)言為HTML,ASP,JAVA,SMIL等。客戶端運(yùn)行環(huán)境為 Windows 95/98/2000/ XP+ IE5.5，Windows media player以上版本，服務(wù)器端采用Windows 2000 Server + ASP+Access2000框架。

3網(wǎng)站總體架構(gòu)

“動(dòng)畫設(shè)計(jì)”資源學(xué)習(xí)網(wǎng)站根據(jù)網(wǎng)站的功能劃分的模塊結(jié)構(gòu)圖如圖1所示，網(wǎng)站首頁(yè)如圖2所示。

4核心模塊功能與關(guān)鍵技術(shù)剖析

4.1基于流媒體技術(shù)的“在線教學(xué)”模塊

4.1.1流媒體技術(shù)原理

流媒體是一種可以使音頻、視頻和其他多媒體能在Internet及Intranet上以實(shí)時(shí)的、無(wú)需下載等待的方式進(jìn)行播放的技術(shù)[2]。流式傳輸方式是將動(dòng)畫、音/視頻等多媒體文件經(jīng)過(guò)特殊的壓縮方式分成一個(gè)個(gè)壓縮包，由視頻服務(wù)器向用戶計(jì)算機(jī)連續(xù)、實(shí)時(shí)傳送[3]。

4.1.2在線教學(xué)模塊的實(shí)現(xiàn)

在線教學(xué)模塊主要由在線課堂、電子教案、在線答疑三部分組成。在線課堂主要是課堂實(shí)錄視頻教程，專家視頻教程以及各專題講座視頻組成，提供在線點(diǎn)播放功能。電子教案由動(dòng)畫源碼、PPT及網(wǎng)頁(yè)和文本等組成，并提供各章節(jié)打包下載等功能。在線答疑主要提供面向課堂教學(xué)教師與學(xué)生之間的交流，問(wèn)題解決等功能。基于流媒體技術(shù)的在線課堂代碼如下[4]：

＜o(jì)bject id=NSPlay

……

＜param name="AutoRewind" value="1"＞＜!--在播放完成后回到起點(diǎn)--＞

＜param name="FileName" value=＜%=rs("MovieAddr") %＞＞ ＜!--告訴IE這個(gè)變量的名稱叫FileName,它的值是

＜%=rs("MovieAddr")%＞--＞

＜param name="ShowControls" value="1"＞ ＜!--顯示控制欄(包括播放控件及可選的聲音和位置控件)--＞

＜param name="ShowPositionControls" value="1"＞ ＜!--在控制欄顯示位置控件(包括向后跳進(jìn)、快退、快進(jìn)、向前跳進(jìn)、預(yù)覽播放列表中的每個(gè)剪輯)--＞

＜param name="ShowAudioControls" value="1"＞ ＜!--在控制欄顯示聲音控件(靜音按鈕和音量滑塊)--＞

＜param name="ShowTracker" value="1"＞＜!--顯示搜索欄--＞

＜!--播放控制條--＞

＜param name="ShowDisplay" value="0"＞＜!—不顯示顯示面板(用來(lái)提供節(jié)目與剪輯的信息)--＞

＜param name="ShowStatusBar" value="1"＞＜!--顯示狀態(tài)欄--＞

＜!--播放時(shí)間--＞

＜param name="ShowGotoBar" value="0"＞＜!—不顯示轉(zhuǎn)到欄--＞

＜!--播放下面一條框框--＞

＜param name="ShowCaptioning" value="0"＞ ＜!--是否顯示字幕--＞

＜param name="AutoStart" value="1"＞ ＜!--自動(dòng)開始或者自動(dòng)啟動(dòng)--＞

……

＜/object＞

4.2體現(xiàn)“學(xué)生為主體，教師為主導(dǎo)”的“教學(xué)論壇”模塊

教學(xué)論壇可以為教學(xué)與學(xué)生之間的交互學(xué)習(xí)提供一個(gè)交流的平臺(tái)。電子公告板(BBS)采用成員登陸方式，是一種最便于管理、最有優(yōu)勢(shì)的網(wǎng)上信息交流形式[5]。對(duì)于具有代表性的問(wèn)題，學(xué)員可以把問(wèn)題張貼到電子公告板上，這樣其他學(xué)員也可以看到問(wèn)題的解答。教師也可在論壇中發(fā)布相關(guān)的教學(xué)信息,以及討論課程教學(xué)中的相關(guān)問(wèn)題等等。由于公告板可以保留住每個(gè)信息發(fā)布者的信息,也便于信息的保存與查閱，充分體現(xiàn)了以“學(xué)生為主體，教師為主導(dǎo)”的教學(xué)模式。利用BBS教學(xué)論壇，可為教師與學(xué)生提供信息溝通，學(xué)術(shù)交流，疑難解答以及資源共享等功能。動(dòng)畫設(shè)計(jì)資源教學(xué)論壇分為交流區(qū)、精華區(qū)、討論區(qū)和評(píng)價(jià)區(qū)四個(gè)區(qū)。其中交流區(qū)包括了多媒體制作開發(fā)、卡通動(dòng)畫設(shè)計(jì)、游戲開發(fā)三個(gè)版塊，而精華區(qū)包括了鼠繪區(qū)、腳本區(qū)、基礎(chǔ)區(qū)三個(gè)板塊，討論區(qū)主要是技術(shù)交流區(qū)，評(píng)價(jià)區(qū)是對(duì)網(wǎng)站評(píng)價(jià)。

4.3 “一體化”的“作業(yè)管理”模塊

作業(yè)管理系統(tǒng)分別為教師與學(xué)生兩種權(quán)限。教師可以上傳作業(yè)資料，修改、查看學(xué)生作業(yè)以及對(duì)學(xué)生帳戶與權(quán)限進(jìn)行管理功能。所謂“一體化”體現(xiàn)在學(xué)生的“檔案—選課—作業(yè)”管理的一體化。學(xué)生的個(gè)人信息集中存放在教務(wù)處的檔案管理系統(tǒng)數(shù)據(jù)庫(kù)中，學(xué)生檔案包括學(xué)生的姓名、學(xué)號(hào)及電子郵箱等信息。學(xué)生的選課信息由教務(wù)處的專業(yè)課表與網(wǎng)絡(luò)的選修課結(jié)合，作業(yè)管理系統(tǒng)的帳戶不用人工創(chuàng)建，系統(tǒng)管理員可在校園網(wǎng)上將教務(wù)處的學(xué)生檔案數(shù)據(jù)庫(kù)與課表信息直接導(dǎo)入并自動(dòng)化生成，帳戶名為學(xué)生的學(xué)號(hào)，密碼統(tǒng)一由系統(tǒng)初始化生成并發(fā)送到學(xué)生帳戶所對(duì)應(yīng)的郵箱，從而保證了用戶管理的安全性與方便性。教師可人工添加，管理學(xué)生帳戶和權(quán)限，可對(duì)學(xué)生帳戶密碼強(qiáng)制更改，或帳戶封鎖等功能，并可限制學(xué)生帳戶的容量上限，比如每個(gè)帳戶不超過(guò)30M等。教師帳戶可以按科目，按班級(jí)查看學(xué)生的作業(yè)，可選擇在線批改也可以下載備份再批改。學(xué)生帳戶中可以看到不同老師的教學(xué)下載區(qū)，實(shí)驗(yàn)區(qū)中的作業(yè)資料，但學(xué)生只能對(duì)自己的實(shí)驗(yàn)區(qū)中的資料進(jìn)行修改，而無(wú)法更改教師教學(xué)下載區(qū)中的內(nèi)容。

4.4智能化的“在線測(cè)試”模塊

在線測(cè)試系統(tǒng)是一個(gè)基于Web與數(shù)據(jù)庫(kù)的網(wǎng)絡(luò)測(cè)試系統(tǒng)。為學(xué)生對(duì)理論的學(xué)習(xí)提供了檢驗(yàn)的方法。其智能化主要體現(xiàn)在后臺(tái)管理功能與考試功能的自動(dòng)化：后臺(tái)管理功能有：(1)自由設(shè)置考試科目(2)自動(dòng)初始化題庫(kù)(3)自動(dòng)生成試卷(4)多功能自動(dòng)化的查詢；考試功能主要有：(1)自動(dòng)控制考試時(shí)間(2)防刷新功能(3)考試成績(jī)自動(dòng)生成功能。由于動(dòng)畫的考核主要是對(duì)作品的人工主觀性評(píng)價(jià)，所以測(cè)試功能主要是對(duì)一些理論基礎(chǔ)知識(shí)的測(cè)試[6]。

4.5功能強(qiáng)大的“后臺(tái)管理”模塊

動(dòng)畫設(shè)計(jì)學(xué)習(xí)資源網(wǎng)網(wǎng)站后臺(tái)管理系統(tǒng)，提供的強(qiáng)大、便捷的后臺(tái)管理功能，其主要功能包括網(wǎng)站常規(guī)管理，會(huì)員管理，新聞管理，編輯器管理，菜單管理，以及數(shù)據(jù)庫(kù)的管理包括備份、復(fù)制及壓縮等功能。其主要功能的關(guān)鍵技術(shù)如下：

4.5.1菜單管理

菜單管理導(dǎo)航的內(nèi)容有：菜單欄目管理的首頁(yè)、添加菜單欄目(主要有所屬菜單的類別、菜單的名稱、相關(guān)說(shuō)明、鏈接地址等)、一級(jí)菜單排序、N級(jí)菜單排序、復(fù)位所有菜單欄目和菜單欄目合并。其中，需要注意的地方是：如果選擇復(fù)位所有菜單，則所有菜單都將作為一級(jí)菜單，這時(shí)您需要重新對(duì)各個(gè)菜單進(jìn)行歸屬的基本設(shè)置。不要輕易使用該功能，僅在做出了錯(cuò)誤的設(shè)置而無(wú)法復(fù)原菜單之間的關(guān)系和排序的時(shí)候使用。相關(guān)代碼為：

＜form name="form1" method="post" action=" Admin_Class_Menu.asp?Action=SaveReset"＞

＜input type="submit" name="Submit" value="復(fù)位所有菜單"＞

＜input name="Cancel" type="button" id="Cancel" value="取消"onClick= "window.location.href= 'Admin_Class_Menu.asp'" style="cursor:hand; "＞ ＜/form＞

4.5.2數(shù)據(jù)庫(kù)管理

(1) 備份數(shù)據(jù)庫(kù)：

當(dāng)前數(shù)據(jù)庫(kù)的位置(指相對(duì)路徑目錄)，備份目錄(也是指相對(duì)路徑目錄，如目錄不存在，將自動(dòng)創(chuàng)建)，備份名稱(填寫備份數(shù)據(jù)庫(kù)的名稱，如有同名文件，將覆蓋)。相關(guān)代碼[7]：

＜form method="post" action="Admin_Database. asp?action=BackupData"＞

＜% if request("action")="BackupData" then call backupdata()else%＞

＜input name="db" type="text" size="40" value= "＜%=db%＞"＞＜/td＞

＜input type=text size=40 name=bkfolder value="

Databackup"＞＜/td＞

＜input type=text size=40 name=bkDBname value=" #Data##Back"＞＜/td＞

＜input name="submit" type=submit value="開始備份"

＜% IfObjInstalled=false Then response.Write "disabled"%＞ ＞＜/td＞

＜% If ObjInstalled=false Then Response.Write "＜b＞

＜font color=red＞你的服務(wù)器不支持 FSO(Scripting. FileSystemObject)!

不能使用本功能＜/font＞＜/b＞"end if%＞ ＜/form＞

(2) 復(fù)制數(shù)據(jù)庫(kù)：

可選擇確定當(dāng)前數(shù)據(jù)庫(kù)的相對(duì)路徑和備份的數(shù)據(jù)庫(kù)的相對(duì)路徑。

(3) 壓縮數(shù)據(jù)庫(kù)：

壓縮之前，先選擇好壓縮后的數(shù)據(jù)庫(kù)存放位置，需要注意的是壓縮前，建議先備份數(shù)據(jù)庫(kù)，以免發(fā)生意外錯(cuò)誤。

正在使用中數(shù)據(jù)庫(kù)不能壓縮，請(qǐng)選擇備份數(shù)據(jù)庫(kù)進(jìn)行壓縮操作(當(dāng)前壓縮數(shù)據(jù)庫(kù)名為默認(rèn)備份文件名)。系統(tǒng)空間占用情況：可以查看網(wǎng)站各種資源所占用的空間，也可查看系統(tǒng)占用的總空間。

5結(jié)語(yǔ)

“動(dòng)畫設(shè)計(jì)”資源學(xué)習(xí)網(wǎng)站成功開發(fā)并已發(fā)布運(yùn)行，其網(wǎng)址為：http://pc.hstc.edu.cn/syn，經(jīng)測(cè)試與修改，目前已初步投入試用階段。實(shí)踐表明，在線教學(xué)為學(xué)生構(gòu)建了遠(yuǎn)程教學(xué)的平臺(tái)，為學(xué)生的自主學(xué)習(xí)拓展了學(xué)習(xí)空間，流媒體技術(shù)的應(yīng)用提高了視頻的點(diǎn)播放速度及實(shí)時(shí)性；教學(xué)論壇的開通，為教師與學(xué)生之間的溝通以及新技術(shù)的學(xué)習(xí)與問(wèn)題求解構(gòu)建了一座橋梁；一體化的作業(yè)管理模塊，不僅有利于教師收發(fā)學(xué)生作業(yè)，也有利于開展課堂教學(xué)，學(xué)生也可以利用作業(yè)管理的帳戶空間作為暫存課堂資料的磁盤空間。在線測(cè)試模塊為基礎(chǔ)理論知識(shí)的測(cè)試提供了環(huán)境和依據(jù)；后臺(tái)管理模塊確保了數(shù)據(jù)庫(kù)的管理、備份與更新，是網(wǎng)站管理與維護(hù)的必不可少的組成部分。

參考文獻(xiàn)：

[1] 王小根. 多媒體技術(shù)基礎(chǔ)課程教學(xué)網(wǎng)站的設(shè)計(jì)與教學(xué)實(shí)踐[J]. 現(xiàn)代教育技術(shù),2007,3(17).

[2] 蘇仰娜. 流媒體在遠(yuǎn)程教學(xué)中的應(yīng)用與研究[J]. 現(xiàn)代計(jì)算機(jī),2007,2.

[3] 蘇仰娜. 基于流媒體技術(shù)與MPEG-4的自適應(yīng)傳輸[J]. 河南大學(xué)學(xué)報(bào),2009,2.

[4] Dapeng Wu,Yiwei Thomas Hou,Wenwu Zhu,et al. Streaming Video over the Internet: Approaches and Directions[J]. IEEE Trans on Circuits and Systems For Video Technology,2006,11(3):120.

[5] 袁小紅. 基于網(wǎng)格技術(shù)的共享型專業(yè)教學(xué)資源庫(kù)的技術(shù)框架[J]. 電化教育研究,2008,(4):64-65.

[6] 張進(jìn). 網(wǎng)上虛擬教學(xué)學(xué)習(xí)資源中心的建設(shè)[J].電化教育研究,2005,(4):79-80.

[7] 李鍵等. 基于自定義流媒體格式的遠(yuǎn)程教學(xué)系統(tǒng)設(shè)計(jì)[J]. 微處理機(jī),2007,4(2):65.