多媒體網(wǎng)絡課件設計與開發(fā)的流程

多媒體網(wǎng)絡課件的設計與開發(fā)n武法提博士n北京師范大學信息科學學院nn2002.10.241第一頁，共七十九頁。一、網(wǎng)絡課件的分類內(nèi)容以理論知識為主的網(wǎng)絡課件內(nèi)容以操作為主的網(wǎng)絡課件內(nèi)容以講座為主的網(wǎng)絡課件2第二頁，共七十九頁。1、內(nèi)容以理論知識為主的網(wǎng)絡課件理論知識類課件課件內(nèi)容特點課件實現(xiàn)方式課件設計思路3第三頁，共七十九頁。（1）課件內(nèi)容特點內(nèi)容性質(zhì)：理論性強，比較枯燥內(nèi)容特點：各節(jié)內(nèi)容層次分明，思路清晰面向?qū)ο螅悍蓪I(yè)學生、教師、進修人員4第四頁，共七十九頁。（2）課件設計思路使得無論是具備一定專業(yè)知識的人士還是沒有任何理論基礎(chǔ)的初學者，都可以輕松地從課件中學到適合自己需要的知識產(chǎn)權(quán)法律的專業(yè)知識。因此，在設計過程中既要保證入門學習者能夠充分理解，又要保證有較好基礎(chǔ)的專業(yè)人士能夠?qū)W習到更深入的知識，課件要充分體現(xiàn)了其生動性、靈活性。5第五頁，共七十九頁。（首頁面）《知識產(chǎn)權(quán)法律基礎(chǔ)》（次頁面）輔助內(nèi)容頁面課程內(nèi)容課堂筆記課程學習建議本章導航學習建議案例分析思考題輔助閱讀本章課堂筆記我的筆記本課程框架6第六頁，共七十九頁。課程首頁面：利用動畫顯示課程名稱，國家知識產(chǎn)權(quán)局標志、國家知識產(chǎn)權(quán)局中國知識產(chǎn)權(quán)培訓中心的中英文名稱。目的：標識這門課程，吸引讀者進入下一步課程學習。（3）課件實現(xiàn)方式7第七頁，共七十九頁。輔助內(nèi)容頁面：利用動畫形式介紹本課程之外其它部分內(nèi)容，包括課程簡介、教師簡介、課件學習指南和游戲，加入了背景音樂，給學員營造一個輕松的學習氣氛。8第八頁，共七十九頁。課程學習頁面：是呈現(xiàn)課程內(nèi)容的主要頁面,包括各章節(jié)導

航和各功能模塊導航，默認頁面為課程學習建議，各節(jié)具體

內(nèi)容除采用文本的形式外，加入了腳本錄音，重點難點和一

些易于用動畫形式表示的內(nèi)容采用了動畫，特別是一些難于

理解的概念，采用了情景對話的形式，可以給學員加深印象，提高學習興趣，從而取得較好的學習效果。9第九頁，共七十九頁。課程學習頁面：導航頁面各功能模塊導航章節(jié)內(nèi)容導航課程學習建議：課程總體學習思路、內(nèi)容結(jié)構(gòu)10第十頁，共七十九頁。課程學習頁面：章節(jié)內(nèi)容知識點導航音頻進度條內(nèi)容文本動畫按鈕11第十一頁，共七十九頁。課程學習頁面：情景對話12第十二頁，共七十九頁。課程學習頁面：功能模塊一、本章導航：提供本章內(nèi)容的知識結(jié)構(gòu)圖，學員可以自主選擇學習進度和學習內(nèi)容，從而打破傳統(tǒng)的線性學習模式，充分體現(xiàn)網(wǎng)絡課件的靈活性。點擊進入節(jié)頁面點擊進入知識點頁面13第十三頁，共七十九頁。二、學習建議：提供本章內(nèi)容的學習建議和本章重點難點內(nèi)容的鏈接，學員可以點擊鏈接直接進入重點難點的學習和復習。本章學習建議重點難點鏈接14第十四頁，共七十九頁。動畫內(nèi)容進度控制三、案例分析：提供針對本章內(nèi)容的案例及分析，采用動畫的形式，更直觀形象，易于理解，加深記憶。15第十五頁，共七十九頁。題目導航進度控制動畫內(nèi)容四、思考題：提供針對本章內(nèi)容的思考題及分析，引導學員對所學內(nèi)容做進一部思考，加深理解。采用動畫的形式，更直觀形象，生動活潑。16第十六頁，共七十九頁。項目導航音頻進度控制文本內(nèi)容五、輔助閱讀：提供針對本章內(nèi)容的輔助閱讀內(nèi)容，可以開闊學員思路，從側(cè)面對所學內(nèi)容加深理解。17第十七頁，共七十九頁。記錄區(qū)域存儲區(qū)域六、本章課堂筆記：學員可以用它記錄學習進度和學習心得，此項功能是本著“以學習者為中心”的原則設計的，是一個方便學員學習的工具。18第十八頁，共七十九頁。目錄頁面查詢結(jié)果頁面七、我的筆記本：學員可以用它按章節(jié)查看以前記錄的筆記。19第十九頁，共七十九頁。2、內(nèi)容以操作為主的網(wǎng)絡課件課件內(nèi)容特點課件實現(xiàn)方式課件設計思路操作類課件20第二十頁，共七十九頁。與實際工作聯(lián)系緊密，注重操作能力實踐性強，有一定的操作流程需熟練掌握（1）課件內(nèi)容特點21第二十一頁，共七十九頁。課程分為三級頁面：首頁面、導航頁

面、學習頁面。學習頁面的三種教學模塊——主導教學模塊、輔助教學模塊、練習模塊。（2）課件設計思路22第二十二頁，共七十九頁。首頁面主要是進入課程學習的初始畫面，顯示課程名稱。功能：以動畫形式做一個小片頭，類似封面的作用，課程名稱以大字體出現(xiàn)，意在突出。23第二十三頁，共七十九頁。學習頁面是教學的主要場所，提供三種教學模塊。彼此間無先后順序，相輔相承。學員可根據(jù)自身對軟件的了解程度，選擇任意一種學習模式。25第二十五頁，共七十九頁。模塊一：主導教學模塊目的：細化操作規(guī)程，使學員對各項目名稱、操作事項有詳盡了解形式：學員根據(jù)提示，用鼠標點擊相應位置，逐步演示操作過程。同時配以聲音提示、文字注解，給學員比較詳盡的講解。26第二十六頁，共七十九頁。模塊二：輔助教學模塊目的：輔助學員學習，對操作過程中的重點、難點，或?qū)W員可能提出的問題進行解答和幫助；同時又不破壞整體的教學過程，使學員有一個完整、連貫的印象。27第二十七頁，共七十九頁。模塊三：虛擬操作目的：給學員一個接近真實的虛擬環(huán)境，在其中進行獨立的操作形式：用動畫形式進行處理，提供虛擬現(xiàn)實的操作環(huán)境，讓學員在沒有提示的前提下，自行操作，但會對學員的操作結(jié)果給予對或錯的判斷。功能：進入該版塊后，全屏顯示，既可使頁面更為清晰，又完全保證有真實操作環(huán)境的效果。學員根據(jù)操作的步驟，進行填寫、選擇、點擊等自主操作。當學員操作正確時，即可進入下一個界面；全部操作完成，彈出信息框，告訴學員通過考核。操作不正確時，給出提示，指出錯誤原因。對不熟悉的操作，可以點擊“幫助”按紐，進行查詢自動保存學員在虛擬環(huán)境所輸入的各種數(shù)據(jù)保存學員自我測試的成績根據(jù)學員輸入數(shù)據(jù)的速度，以判斷學員操作該軟件的熟練程度。28第二十八頁，共七十九頁。模塊三：虛擬操作當操作出現(xiàn)錯誤時，會給出相應的提示。當操作出現(xiàn)錯誤時，會給出相應的提示。學員用鼠標進行點擊、選擇、填寫等操學員用鼠標進行點擊、選擇、填寫等操作29第二十九頁，共七十九頁。模塊三：虛擬操作當操作過程中有任何疑問時，點擊有疑問的地方，再點擊“幫助”按紐，即可獲得相應解答?！皫椭卑醇~30第三十頁，共七十九頁。3、內(nèi)容以講座為主的網(wǎng)絡課程課件內(nèi)容特點課件實現(xiàn)課件設計思路講座類課件31第三十一頁，共七十九頁。

講座類課件一般是重要的專業(yè)講座或適合于用視頻形式表達的教學內(nèi)容，通過“視頻+音頻+講稿”的方式進行教學。

講座類課件用流媒體技術(shù)解決，流式媒體采用“邊傳邊播”的方法，即先從服務器上下載一部分視頻文件，形成視頻流緩沖區(qū)后實時播放，同時繼續(xù)下載，為接下來的播放做好準備。這種“邊傳邊播”的方法

避免了用戶必須等待整個文件從Internet上全部下載完畢才能觀看的缺點。（1）講座類課件內(nèi)容特點32第三十二頁，共七十九頁。

在帶寬不很理想的情況下，使用流媒體相對有效地解決了網(wǎng)速慢的問題。

利用流格式處理過的視頻、音頻，使學員可以邊看、邊聽、邊下載，避免了長時間的枯燥等待，保證用戶有一個較有好的學習環(huán)境和愉快的學習情緒。

豐富教學手段，既保留面授教學的優(yōu)勢，又充分發(fā)揮網(wǎng)絡課堂的特點。（2）講座類課件設計思路33第三十三頁，共七十九頁。——課程框架首頁面《經(jīng)濟法》（主頁面）課程講座講稿模塊音頻模塊導航區(qū)講座區(qū)（3）講座類課件實現(xiàn)視頻模塊

34第三十四頁，共七十九頁。首頁面考慮到網(wǎng)絡學習的特點，在設計時采用合理的布局，具有親和力的色彩，盡量減少學員在網(wǎng)絡環(huán)境下學習的疲憊感。35第三十五頁，共七十九頁。課程講座——二個區(qū)域講稿區(qū)章節(jié)導航區(qū)導航區(qū)：按教材章節(jié)劃分，點擊名稱即可以講座區(qū)看到相應內(nèi)容。講稿區(qū)：主教學區(qū)域，包括三個模塊，提供類似課堂的視聽效果。段落導航區(qū)36第三十六頁，共七十九頁。課程講座——三種模式音頻模塊視頻模塊音頻模式：點擊“喇叭”圖標，可打開/關(guān)閉語音講解。同時文本將跟隨語音自動顯示相應內(nèi)容視頻模式：提供錄像等以豐富講座內(nèi)容，模擬傳統(tǒng)教學與高科技的結(jié)合，學員可以通過按鈕控制講座進度。視頻與文字同步顯示。文本模式：作為音、視頻的輔助手段，自動顯示相應的文字內(nèi)容。講稿模塊37第三十七頁，共七十九頁。講座類課件技術(shù)實現(xiàn)音頻把原始的聲音文件，如.wav\.mp3等，通過軟件的格式轉(zhuǎn)換、壓縮，生成.asf文件.視頻由最為原始的視頻文件，通過軟件的格式轉(zhuǎn)換、壓縮，最終生成理想的.rm的格式文件.38第三十八頁，共七十九頁。4、小結(jié)

以上我們講了三種多媒體網(wǎng)絡課件設計與開發(fā)的思路和實現(xiàn)方式。

下面我們對多媒體網(wǎng)絡課件設計和開發(fā)的整體過程進行講解。39第三十九頁，共七十九頁。二、多媒體網(wǎng)絡課件設計與開發(fā)的流程40第四十頁，共七十九頁。確定課件需求編寫課件腳本進行腳本分析教學設計制作樣課評價未通過正式制作通過多媒體網(wǎng)絡課件設計流程圖41第四十一頁，共七十九頁。1、確定教學內(nèi)容和對象明確網(wǎng)絡課件中包含哪些內(nèi)容明確課件的使用對象42第四十二頁，共七十九頁。2、編寫課件腳本制訂腳本寫作規(guī)范與編寫課件腳本的學科專家溝通和交流教師編寫腳本43第四十三頁，共七十九頁。針對各科內(nèi)容特點，制定相應的腳本寫作規(guī)范，作為學科老師編寫腳本的統(tǒng)一標準。（1）制訂腳本寫作規(guī)范44第四十四頁，共七十九頁。（2）與編寫課件腳本的學科專家溝通和交流進行學科專家培訓培訓內(nèi)容：腳本寫作規(guī)范與學科專家交流意見總結(jié)反饋信息，改進完善，制定最終的規(guī)范45第四十五頁，共七十九頁。（3）學科專家編寫腳本學科專家按制訂的腳本寫作規(guī)范要求編寫課程腳本46第四十六頁，共七十九頁。3、課件開發(fā)小組進行腳本分析腳本分拆設計課件總體功能框架劃分各功能模塊設計每部分功能的實現(xiàn)方式47第四十七頁，共七十九頁。（1）教學目標分析對課程及各教學單元進行教學目標分析，明確學習的結(jié)果49第四十九頁，共七十九頁。（2）情景創(chuàng)設依據(jù)課程內(nèi)容特點，創(chuàng)設有豐富資源的學習環(huán)境，其中包含許多不同情境的應用實例和有關(guān)的信息資料，激發(fā)學習者參與交互式學習的積極性，在交互過程中去完成對問題的理解與對知識的應用。50第五十頁，共七十九頁。（3）學習資源設計為學員提供豐富的學習資源與幫助信息輔助閱讀、知識結(jié)構(gòu)圖51第五十一頁，共七十九頁。（4）自主學習設計圍繞“以學為中心”的思想進行設計52第五十二頁，共七十九頁。（5）協(xié)作學習設計設計協(xié)作學習環(huán)境的目的是為了在個人自主學習的基礎(chǔ)上，通過小組討論、協(xié)商，進一步完善和深化課程內(nèi)容的理解。整個協(xié)作學習過程可以由教師組織引導，討論的問題皆由教師提出。同步討論異步討論53第五十三頁，共七十九頁。（6）強化練習設計為學員設計有一定針對性的補充學習材料和強化練習，可自由組卷，通過強化練習糾正原有的錯誤理解或片面認識，最終達到掌握知識的目的54第五十四頁，共七十九頁。5、制作樣課

項目開發(fā)小組依據(jù)課件腳本，按教學設計原則，制作樣課。55第五十五頁，共七十九頁。6、樣課評價

由編寫課程的專家、項目開發(fā)小組成員、教學設計人員共同組成評價小組，對樣課進行評價討論評價內(nèi)容功能方面頁面設計方面教學內(nèi)容方面56第五十六頁，共七十九頁。三、多媒體網(wǎng)絡課件的開發(fā)1、多媒體素材的準備2、腳本語言編程實現(xiàn)交互功能3、導航和關(guān)鍵字鏈接的制作4、網(wǎng)絡課件的整合5、網(wǎng)絡課件的評價6、網(wǎng)絡課件的發(fā)布57第五十七頁，共七十九頁。1、多媒體素材準備圖像動畫音頻視頻58第五十八頁，共七十九頁。（1）圖像素材來源主要由兩方面：a、利用已有的資源或稍加改動

b、由制作人員自行設計

主要制作工具

Photoshop、Corldraw、Freehand、Illustrator等59第五十九頁，共七十九頁。（2）動畫主要制作工具

Flash FlashMX 3DMax Firework60第六十頁，共七十九頁。（2）動畫

Flash播放器是世界上最流行的客戶端技術(shù)，Macromedia正在和其他的設備方案的提供者合作來保證Flash播放器可以在所有領(lǐng)先的桌面和設備平臺使用。(Microsoft

Windows,Apple

Macintosh,Linux,Solaris,MicrosoftTV,Symbian

EPOC,Pocket

PC,and

others)61第六十一頁，共七十九頁。（3）音頻cooledit

2000數(shù)字聲音的制作/編輯軟件，功能非常強大，支持多

種格式之間的轉(zhuǎn)換,可以制作多種專業(yè)級的效果，可象在wordpad中那樣對音樂文件進行剪切，粘貼，復制等操作。編輯完畢后，可制作成mp3格式或者RA格式的音頻文件62第六十二頁，共七十九頁。（3）音頻SOUND

FORGE具有強大的音頻編輯能力63第六十三頁，共七十九頁。（4）視頻Microsoft

Media

PlayerMicrosoft公司發(fā)布的Windows

Media?Audio和

Video8,實現(xiàn)了在現(xiàn)在的帶寬上實時提供全屏、接近DVD質(zhì)量的電影內(nèi)容.Microsoft?

Windows

Media

Audio和

Video8較之以前的版本提供30%質(zhì)量的改進,在窄帶和寬帶上提供優(yōu)質(zhì)的視頻.64第六十四頁，共七十九頁。（4）視頻其他主要制作工具AV800（視頻采集工具）Premiere（視頻合成工具）Readproducer

Plus （視頻壓縮工具）65第六十五頁，共七十九頁。2、腳本語言編程實現(xiàn)交互功能客戶端使用Javascript、VBscript、Java等服務器端使用Perl、PHP、Java等實現(xiàn)各種人機交互功能。66第六十六頁，共七十九頁。3、導航和關(guān)鍵字鏈接的制作課件結(jié)構(gòu)說明、網(wǎng)站的文件結(jié)構(gòu)、頁面組織直接導航瀏覽歷史記錄檢索表單幫助、導航條、演示控制、書簽67第六十七頁，共七十九頁。4、網(wǎng)絡課件的整合

將課件開發(fā)過程中涉及的頁面、多媒體素材、腳本程序等內(nèi)容整合在一起，生成最終的網(wǎng)絡課件68第六十八頁，共七十九頁。5、網(wǎng)絡課件的評價課件內(nèi)容教學設計界面設計技術(shù)69第六十九頁，共七十九頁。（1）網(wǎng)絡課件的評價——課件內(nèi)容目標相關(guān)性內(nèi)容可靠性內(nèi)容完整性內(nèi)容表達內(nèi)容分塊內(nèi)容排列內(nèi)容鏈接資源擴展70第七十頁，共七十九頁。（2）網(wǎng)絡課件的評價——教學設計學習環(huán)境學習資源教學策略71第七十一頁，共七十九頁。（3）網(wǎng)絡課件的評價——界面設計風格統(tǒng)一可視元素搭配易讀性導航定位鏈接標識電子書簽內(nèi)容檢索操作響應使用幫助72第七十二頁，共七十九頁。（4）網(wǎng)絡課件的評價——技術(shù)技術(shù)要