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

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

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

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

中圖分類號：G642

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

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

1總體設(shè)計思路

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

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

“動畫設(shè)計”資源學(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ā)語言為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)

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

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

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

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

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

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

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

＜o(jì)bject id=NSPlay

……

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

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

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

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

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

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

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

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

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

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

＜!--播放時間--＞

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

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

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

＜param name="AutoStart" value="1"＞ ＜!--自動開始或者自動啟動--＞

……

＜/object＞

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

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

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

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

4.4智能化的“在線測試”模塊

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

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

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

4.5.1菜單管理

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

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

當(dāng)前數(shù)據(jù)庫的位置(指相對路徑目錄)，備份目錄(也是指相對路徑目錄，如目錄不存在，將自動創(chuàng)建)，備份名稱(填寫備份數(shù)據(jù)庫的名稱，如有同名文件，將覆蓋)。相關(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ù)庫：

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

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

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

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

5結(jié)語

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

參考文獻(xiàn)：

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

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

[3] 蘇仰娜. 基于流媒體技術(shù)與MPEG-4的自適應(yīng)傳輸[J]. 河南大學(xué)學(xué)報,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é)資源庫的技術(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ī),2007,4(2):65.