多媒體網(wǎng)絡課件的設計與開發(fā)武法提博士

2002.10.241一、網(wǎng)絡課件的分類內容以理論知識為主的網(wǎng)絡課件內容以操作為主的網(wǎng)絡課件內容以講座為主的網(wǎng)絡課件21、內容以理論知識為主的網(wǎng)絡課件理論知識類課件課件內容特點課件實現(xiàn)方式課件設計思路3（2）課件設計思路

使得無論是具備一定專業(yè)知識的人士還是沒有任何理論基礎的初學者，都可以輕松地從課件中學到適合自己需要的知識產(chǎn)權法律的專業(yè)知識。因此，在設計過程中既要保證入門學習者能夠充分理解，又要保證有較好基礎的專業(yè)人士能夠學習到更深入的知識，課件要充分體現(xiàn)了其生動性、靈活性。

5（首頁面）《知識產(chǎn)權法律基礎》（次頁面）輔助內容頁面課程內容課堂筆記課程學習建議本章導航學習建議案例分析思考題輔助閱讀本章課堂筆記我的筆記本課程框架6課程首頁面：利用動畫顯示課程名稱，國家知識產(chǎn)權局標志、國家知識產(chǎn)權局中國知識產(chǎn)權培訓中心的中英文名稱。目的：標識這門課程，吸引讀者進入下一步課程學習。（3）課件實現(xiàn)方式7課程學習頁面：是呈現(xiàn)課程內容的主要頁面,包括各章節(jié)導航和各功能模塊導航，默認頁面為課程學習建議，各節(jié)具體內容除采用文本的形式外，加入了腳本錄音，重點難點和一些易于用動畫形式表示的內容采用了動畫，特別是一些難于理解的概念，采用了情景對話的形式，可以給學員加深印象，提高學習興趣，從而取得較好的學習效果。9課程學習頁面：導航頁面各功能模塊導航章節(jié)內容導航課程學習建議：課程總體學習思路、內容結構10課程學習頁面：章節(jié)內容知識點導航音頻進度條內容文本動畫按鈕11課程學習頁面：功能模塊一、本章導航：提供本章內容的知識結構圖，學員可以自主選擇學習進度和學習內容，從而打破傳統(tǒng)的線性學習模式，充分體現(xiàn)網(wǎng)絡課件的靈活性。點擊進入節(jié)頁面點擊進入知識點頁面13二、學習建議：提供本章內容的學習建議和本章重點難點內容的鏈接，學員可以點擊鏈接直接進入重點難點的學習和復習。本章學習建議重點難點鏈接14動畫內容進度控制三、案例分析：提供針對本章內容的案例及分析，采用動畫的形式，更直觀形象，易于理解，加深記憶。15項目導航音頻進度控制文本內容五、輔助閱讀：提供針對本章內容的輔助閱讀內容，可以開闊學員思路，從側面對所學內容加深理解。17記錄區(qū)域存儲區(qū)域六、本章課堂筆記：學員可以用它記錄學習進度和學習心得，此項功能是本著“以學習者為中心”的原則設計的，是一個方便學員學習的工具。18目錄頁面查詢結果頁面七、我的筆記本：學員可以用它按章節(jié)查看以前記錄的筆記。19

與實際工作聯(lián)系緊密，注重操作能力實踐性強，有一定的操作流程需熟練掌握（1）課件內容特點21課程分為三級頁面：首頁面、導航頁面、學習頁面。學習頁面的三種教學模塊——主導教學模塊、輔助教學模塊、練習模塊。

（2）課件設計思路22首頁面主要是進入課程學習的初始畫面，顯示課程名稱。功能：以動畫形式做一個小片頭，類似封面的作用，課程名稱以大字體出現(xiàn)，意在突出。

23

學習頁面是教學的主要場所，提供三種教學模塊。彼此間無先后順序，相輔相承。學員可根據(jù)自身對軟件的了解程度，選擇任意一種學習模式。25模塊一：主導教學模塊

形式：學員根據(jù)提示，用鼠標點擊相應位置，逐步演示操作過程。同時配以聲音提示、文字注解，給學員比較詳盡的講解。目的：細化操作規(guī)程，使學員對各項目名稱、操作事項有詳盡了解26模塊三：虛擬操作

當操作出現(xiàn)錯誤時，會給出相應的提示。

當操作出現(xiàn)錯誤時，會給出相應的提示。

學員用鼠標進行點擊、選擇、填寫等操學員用鼠標進行點擊、選擇、填寫等操作29模塊三：虛擬操作

當操作過程中有任何疑問時，點擊有疑問的地方，再點擊“幫助”按紐，即可獲得相應解答?！皫椭卑醇~

303、內容以講座為主的網(wǎng)絡課程課件內容特點課件實現(xiàn)課件設計思路講座類課件31講座類課件一般是重要的專業(yè)講座或適合于用視頻形式表達的教學內容，通過“視頻+音頻+講稿”的方式進行教學。講座類課件用流媒體技術解決，流式媒體采用“邊傳邊播”的方法，即先從服務器上下載一部分視頻文件，形成視頻流緩沖區(qū)后實時播放，同時繼續(xù)下載，為接下來的播放做好準備。這種“邊傳邊播”的方法避免了用戶必須等待整個文件從Internet上全部下載完畢才能觀看的缺點。

（1）講座類課件內容特點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ū)看到相應內容。講稿區(qū)：主教學區(qū)域，包括三個模塊，提供類似課堂的視聽效果。段落導航區(qū)36課程講座——三種模式講稿模塊音頻模塊視頻模塊音頻模式：點擊“喇叭”圖標，可打開/關閉語音講解。同時文本將跟隨語音自動顯示相應內容。

視頻模式：提供錄像等以豐富講座內容，模擬傳統(tǒng)教學與高科技的結合，學員可以通過按鈕控制講座進度。視頻與文字同步顯示。

文本模式：作為音、視頻的輔助手段，自動顯示相應的文字內容。37講座類課件技術實現(xiàn)

a.音頻

把原始的聲音文件，如.wav\.mp3等，通過軟件的格式轉換、壓縮，生成.asf文件.

b.視頻

由最為原始的視頻文件，通過軟件的格式轉換、壓縮，最終生成理想的.rm的格式文件.384、小結以上我們講了三種多媒體網(wǎng)絡課件設計與開發(fā)的思路和實現(xiàn)方式。下面我們對多媒體網(wǎng)絡課件設計和開發(fā)的整體過程進行講解。39二、多媒體網(wǎng)絡課件

設計與開發(fā)的流程40確定課件需求編寫課件腳本進行腳本分析教學設計制作樣課評價未通過正式制作通過多媒體網(wǎng)絡課件

設計流程圖411、確定教學內容和對象明確網(wǎng)絡課件中包含哪些內容明確課件的使用對象422、編寫課件腳本

制訂腳本寫作規(guī)范與編寫課件腳本的學科專家溝通和交流

教師編寫腳本43

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

571、多媒體素材準備（1）圖像（2）動畫（3）音頻（4）視頻58（1）圖像素材來源主要由兩方面：a、利用已有的資源或稍加改動b、由制作人員自行設計主要制作工具Photoshop、Corldraw、Freehand、Illustrator等59（2）動畫主要制作工具FlashFlashMX3DMaxFirework60（2）動畫Flash播放器是世界上最流行的客戶端技術，Macromedia正在和其他的設備方案的提供者合作來保證Flash播放器可以在所有領先的桌面和設備平臺使用。(MicrosoftWindows,AppleMacintosh,Linux,Solaris,MicrosoftTV,SymbianEPOC,PocketPC,andothers)

61（3）音頻cooledit2000數(shù)字聲音的制作/編輯軟件，功能非常強大，支持多種格式之間的轉換,可以制作多種專業(yè)級的效果，可象在wordpad中那樣對音樂文件進行剪切，粘貼，復制等操作。編輯完畢后，可制作成mp3格式或者RA格式的音頻文件62（3）音頻SOUNDFORGE具有強大的音頻編輯能力63（4）視頻MicrosoftMediaPlayerMicrosoft公司發(fā)布的WindowsMedia?Audio和Video8,實現(xiàn)了在現(xiàn)在的帶寬上實時提供全屏、接近DVD質量的電影內容.Microsoft?WindowsMediaAudio和Video8較之以前的版本提供30%質量的改進,在窄帶和寬帶上提供優(yōu)質的視頻.64（4）視頻其他主要制作工具

AV800（視頻采集工具）Premiere（視頻合成工具）ReadproducerPlus（視頻壓縮工具）652、腳本語言編程實現(xiàn)交互功能（1）客戶端使用JavaScript、VBScript、Java等（2）服務器端使用Perl、PHP、Java等實現(xiàn)各種人機交互功能。663、導航和關鍵字鏈接的制作課件結構說明、網(wǎng)站的文件結構、頁面組織直接導航瀏覽歷史記錄檢索表單幫助、導航條、演示控制、書簽674、網(wǎng)絡課件的整合將課件開發(fā)過程中涉及的頁面、多媒體素材、腳本程序等內容整合在一起，生成最終的網(wǎng)絡課件685、網(wǎng)絡課件的評價（1）課件內容（2）教學設計（3）界面設計（4）技術

69（1）網(wǎng)絡課件的評價——課件內容目標相關性內容可靠性內容完整性內容表達內容分塊內容排列內容鏈接資源擴展70（2）網(wǎng)絡課件的評價——教學設計

學習環(huán)境學習資源教學策略71（3）網(wǎng)絡課件的評價——界面設計風格統(tǒng)一可視元素搭配易讀性導航定位鏈接標識電子書簽內容檢索

操作響應使用幫助72（4）網(wǎng)絡課件的評價——技術技術要求安裝可靠運行多媒體技術卸載736、網(wǎng)絡課件的發(fā)布測試完成后，生成并發(fā)布網(wǎng)絡課程74四、網(wǎng)絡課件開發(fā)的理論問題1、網(wǎng)絡課程設計的理論基礎——建構主義學習理論2、建構主義指導下網(wǎng)絡課程設計的原則751、網(wǎng)絡課程設計的理論基礎——建構主義學習理論