金融系統(tǒng)多媒體網(wǎng)絡(luò)的設(shè)計(jì)與開發(fā)課件

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

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

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

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

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

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

23

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

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

當(dāng)操作出現(xiàn)錯(cuò)誤時(shí)，會(huì)給出相應(yīng)的提示。

當(dāng)操作出現(xiàn)錯(cuò)誤時(shí)，會(huì)給出相應(yīng)的提示。

學(xué)員用鼠標(biāo)進(jìn)行點(diǎn)擊、選擇、填寫等操學(xué)員用鼠標(biāo)進(jìn)行點(diǎn)擊、選擇、填寫等操作29模塊三：虛擬操作

當(dāng)操作過程中有任何疑問時(shí)，點(diǎn)擊有疑問的地方，再點(diǎn)擊“幫助”按紐，即可獲得相應(yīng)解答?！皫椭卑醇~

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

（1）講座類課件內(nèi)容特點(diǎn)32在帶寬不很理想的情況下，使用流媒體相對(duì)有效地解決了網(wǎng)速慢的問題。

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

豐富教學(xué)手段，既保留面授教學(xué)的優(yōu)勢(shì)，又充分發(fā)揮網(wǎng)絡(luò)課堂的特點(diǎn)。（2）講座類課件設(shè)計(jì)思路33——課程框架

首頁面《經(jīng)濟(jì)法》（主頁面）課程講座講稿模塊音頻模塊視頻模塊導(dǎo)航區(qū)講座區(qū)（3）講座類課件實(shí)現(xiàn)34首頁面考慮到網(wǎng)絡(luò)學(xué)習(xí)的特點(diǎn)，在設(shè)計(jì)時(shí)采用合理的布局，具有親和力的色彩，盡量減少學(xué)員在網(wǎng)絡(luò)環(huán)境下學(xué)習(xí)的疲憊感。35課程講座——二個(gè)區(qū)域講稿區(qū)章節(jié)導(dǎo)航區(qū)導(dǎo)航區(qū)：按教材章節(jié)劃分，點(diǎn)擊名稱即可以講座區(qū)看到相應(yīng)內(nèi)容。講稿區(qū)：主教學(xué)區(qū)域，包括三個(gè)模塊，提供類似課堂的視聽效果。段落導(dǎo)航區(qū)36課程講座——三種模式講稿模塊音頻模塊視頻模塊音頻模式：點(diǎn)擊“喇叭”圖標(biāo)，可打開/關(guān)閉語音講解。同時(shí)文本將跟隨語音自動(dòng)顯示相應(yīng)內(nèi)容。

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

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

a.音頻

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

b.視頻

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

設(shè)計(jì)與開發(fā)的流程40確定課件需求編寫課件腳本進(jìn)行腳本分析教學(xué)設(shè)計(jì)制作樣課評(píng)價(jià)未通過正式制作通過多媒體網(wǎng)絡(luò)課件

設(shè)計(jì)流程圖411、確定教學(xué)內(nèi)容和對(duì)象明確網(wǎng)絡(luò)課件中包含哪些內(nèi)容明確課件的使用對(duì)象422、編寫課件腳本

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

教師編寫腳本43

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

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

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

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

69（1）網(wǎng)絡(luò)課件的評(píng)價(jià)——課件內(nèi)容目標(biāo)相關(guān)性內(nèi)容可靠性內(nèi)容完整性內(nèi)容表達(dá)內(nèi)容分塊內(nèi)容排列內(nèi)容鏈接資源擴(kuò)展70（2）網(wǎng)絡(luò)課件的評(píng)價(jià)——教學(xué)設(shè)計(jì)

學(xué)習(xí)環(huán)境學(xué)習(xí)資源教學(xué)策略71（3）網(wǎng)絡(luò)課件的評(píng)價(jià)——界面設(shè)計(jì)風(fēng)格統(tǒng)一可視元素搭配易讀性導(dǎo)航定位鏈接標(biāo)識(shí)電子書簽內(nèi)容檢索

操作響應(yīng)使用幫助72（4）網(wǎng)絡(luò)課件的評(píng)價(jià)——技術(shù)技術(shù)要求安裝可靠運(yùn)行多媒體技術(shù)卸載736、網(wǎng)絡(luò)課件的發(fā)布測試完成后，生成并發(fā)布網(wǎng)絡(luò)課程74四、網(wǎng)絡(luò)課件開發(fā)的理論問題1、網(wǎng)絡(luò)課程設(shè)計(jì)的理論基礎(chǔ)——建構(gòu)主義學(xué)習(xí)理論2、建構(gòu)主義指導(dǎo)下網(wǎng)絡(luò)課程設(shè)計(jì)的原則751、網(wǎng)絡(luò)課程設(shè)計(jì)的理論基礎(chǔ)——建構(gòu)主義學(xué)習(xí)理論