多媒體CAI 課件開發(fā)與設(shè)計若干問題之探討

李娜娜

（商丘職業(yè)技術(shù)學(xué)院實訓(xùn)中心 河南 商丘 476000）

0 緒論

科學(xué)技術(shù)的飛速發(fā)展使人們認(rèn)識到，研究信息技術(shù)在教育領(lǐng)域中的應(yīng)用，是當(dāng)前教育研究的重要課題之一。傳統(tǒng)的“三中心”(教師中心、課堂中心、書本中心)的教學(xué)模式已經(jīng)不能適應(yīng)信息社會的需要?；趙eb的多媒體CAI課件的出現(xiàn)，解決了以上問題。作為這種全新類型課件的平臺，Web本身具有統(tǒng)一的協(xié)議標(biāo)準(zhǔn)，良好的跨平臺特性和前所未有的廣泛的覆蓋性的優(yōu)點。我們發(fā)現(xiàn)由于目前Web技術(shù)發(fā)展的局限性，使基于Web的課件方案也存在一些不足，主要是面臨網(wǎng)絡(luò)帶寬、網(wǎng)絡(luò)傳輸速度、平臺兼容性等問題的困擾。因此，在開發(fā)過程中必須對課件頁面進行優(yōu)化，以使之能夠在Web上很好的運行。另外，由于相對來說Web是一種全新的開發(fā)平臺，而Web技術(shù)發(fā)展又非常的快，所以課件中一些功能如導(dǎo)航、查詢等的技術(shù)實現(xiàn)便成為開發(fā)過程中突出的技術(shù)難點。本文討論的是課件開發(fā)設(shè)計和頁面優(yōu)化的原則和方法。

1 多媒體CAI課件設(shè)計原則

1.1 面向用戶設(shè)計原則

根據(jù)認(rèn)知學(xué)理論原理，人的個性差異是普遍存在的規(guī)律。在多媒體課件的設(shè)計過程中，我們必須承認(rèn)這種差異。堅持多媒體CAI課件面向用戶的開發(fā)原則，實際上這也就如同生產(chǎn)廠家堅持“用戶是上帝”的生產(chǎn)原則一樣。開發(fā)任何教學(xué)系統(tǒng)的目的都是為了在教學(xué)和訓(xùn)練活動中使用，是市面上那么多的多媒體產(chǎn)品為什么很少有能用之于課堂教學(xué)的呢?這主要是因為這些軟件在開發(fā)過程中脫離了“這一用戶”的實際。也就是說多媒體CAI課件會不會另人滿意，很大程度上取決于它是否滿足用戶的要求。

1.2 面向制作環(huán)節(jié)設(shè)計原則

即然無法提高網(wǎng)絡(luò)的傳輸速率，因此在設(shè)計課件時，應(yīng)該盡可能地避免導(dǎo)入那些數(shù)據(jù)量比較大，下載時間比較長的對象，合理化地組織流程的結(jié)構(gòu)，使得在下載和數(shù)據(jù)傳輸?shù)倪^程中分散用戶的注意力，使他們感覺不到“等待”課件播放。其方法是：

1.2.1 使用盡可能小的演示窗口，這樣就會降低整個課件文件的存儲空間。

1.2.2 采用較高壓縮比率的圖形格式。在課件內(nèi)應(yīng)該遵循少用圖，用小圖的原則。

1.2.3 將設(shè)計的重點放在課件的交互性上。由于交互性的出現(xiàn)，增加了用戶與課件打交道的機會，因此將注意力集中在交互上，可以改善人機交互時的等待時間。

1.2.4 在課件內(nèi)應(yīng)該避免使用較長的視頻與音頻文件，背景圖最好使顏色搭配，而不要使用大幅的圖片。對于音頻文件來說，可選擇VOX及SWA這兩種格式。

1.2.5 對課件打包數(shù)據(jù)塊的大小進行試驗，根據(jù)播放速度和分塊數(shù)量確定一種最佳的分割方案。

1.2.6 使用 Web和 CD-ROM 相結(jié)合的發(fā)布方式，把外部媒體文件存放在CD-ROM上。只有在播放外部媒體文件時，才會與CD-ROM打交道。

1.3 面向總體設(shè)計原則

在開發(fā)多媒體課件之前，必須對課件總體框架進行嚴(yán)格的設(shè)計，即進行教學(xué)目標(biāo)分析，使課件中的知識點形成一個“金字塔”式的總體結(jié)構(gòu)。然后，自頂向下按模塊化編程方法完成編程任務(wù)，以保證課件的前后連貫一致。課件的結(jié)構(gòu)一般可分為課程、主題和步驟三個層次。

1）課程與主題之間的關(guān)系：一般每個課程含有幾個主題，如何在演示過程中讓最終用戶有選擇地進入主題，這在總體設(shè)計中必須考慮到。在Author Ware中我們可以來用熱區(qū)響應(yīng)方式，這樣最終用戶只要用鼠標(biāo)左鍵單擊此課程標(biāo)題區(qū)域，就可以進入此標(biāo)題所對應(yīng)的課程的主題。

2）主題與步驟之間的關(guān)系：一個主題通常由多個步驟所組成，當(dāng)一個主題所設(shè)置的條件滿足時，就進入該主題下的步驟。如何由主題進入步驟，我們?nèi)钥梢允褂脽釁^(qū)響應(yīng)方法，每個主題部位于熱區(qū)內(nèi)，當(dāng)最終用戶單擊熱區(qū)時，就可以進入該主題下的第一個步驟，然后一步步操作下去，直至完成該主題。事實上在總體設(shè)計中還需考慮如何由步驟返回主題或課程，等等。在Author Ware中，除了可以使用熱區(qū)響應(yīng)實現(xiàn)護、調(diào)試和用戶使用，在一個課件中不可隨意使用這些交互方法。

2 課件頁面優(yōu)化的方法

頁面優(yōu)化問題雖然涉及到多方面，但其根本的立足點和目的是以下兩個：一個，是加快頁面下載速度；另一個，則是使頁面能象設(shè)計者所預(yù)先設(shè)想的那樣在用戶眼前顯示，在Web上這主要需要解決一個兼容性的問題。下面就分別從這兩個目的出發(fā)，討論一下對頁面進行優(yōu)化時所依據(jù)的原則和實現(xiàn)方法。

2.1 加快頁面下載速度的優(yōu)化

傳統(tǒng)上,在加快頁面下載速度方面所做的努力，僅僅局限于減少多媒體元素的使用數(shù)量和降低使用質(zhì)量,以取得較小的文件大小，從而加快頁面文件在網(wǎng)絡(luò)上的傳輸速度以達到加快下載速度的目的。我們認(rèn)為，僅依靠這方面的努力是遠(yuǎn)遠(yuǎn)不夠的。所謂的頁面下載速度便可分成以下三部分：下載時間，渲染時間和可視性，好的設(shè)計者應(yīng)通過頁面優(yōu)化在這三者中找到一個平衡點，進而產(chǎn)生理想的下載，從用戶點擊請求到頁面總體框面顯示僅一眨眼時間，在頁面完全渲染完前用戶便可以從中搜索自己需要的信息。

2.1.1 對圖形的優(yōu)化處理

1）減少圖形文件大?。簻p少文件大小對加快下載速度有著突出的貢獻,可以通過以下一些方法來減小圖形文件大小。

減小圖形面積

注意顏色安排

調(diào)整圖像中的對比水平

抑制抖動

2）在HTML文件中為圖形設(shè)置WIDTH和HEIGHT屬性：用WIDTH和HEIGHT屬性來放大和壓縮圖形面積并不能加快下載，但它可以使瀏覽器在下載圖片前便確定正確的頁布局，先把文字和其他后繼內(nèi)容顯示出來，使用戶在下載圖片的同時便可開始瀏覽。

3）使用交錯式GIF和漸進式JPEG：交錯式GIF和漸進式JPEG是對原來圖形標(biāo)準(zhǔn)的擴展。其中交錯式GIF向后兼容而漸進式JPEG不能。當(dāng)下載后在頁面上顯示時效果就如同它是從一套百頁窗后顯露出來一樣。盡管他們不能加快下載速度，但用戶的感覺卻是加快的。

2.1.2 對表格〈TABLE〉的優(yōu)化處理

雖然用〈LAYER〉和在頁面布局時可以做到精確定位，但那也許只是將來的理想方案。在目前，為了得到一個真正跨瀏覽器，跨平臺的設(shè)計方案，還得用表格進行局。

表格也許是目前網(wǎng)頁中用得最多的布局元素，因此，對表格的優(yōu)化就顯得特別有價值，雖然這部分優(yōu)化并不能減少下載時間，但由于瀏覽器需要在填充表格內(nèi)容前完全理解表格的結(jié)構(gòu)，所以適當(dāng)?shù)谋砀襁\用將大大縮短網(wǎng)頁的渲染時間。在使用表格時應(yīng)注意做到：

1）將一個單一的大表格拆成多個小表格2）對〈TABLE〉、〈TD〉適當(dāng)使用 Width 屬性3）千萬不要嵌套表格

4）不要將太新的擴展多媒體元素放入表格

2.2 對兼容性的優(yōu)化

在兼容性問題上，既要考慮課件對各種操作系統(tǒng)和硬件平臺的兼容性，更要考慮課件對各種瀏覽器的兼容性。

2.2.1 在平臺兼容性上的優(yōu)化

當(dāng)課件在INTERNET上發(fā)布時，你無法設(shè)想你的用戶會在怎樣配置的機器上使用怎樣的操作系統(tǒng)，好在Web本身的跨平臺特性已為我們很好地解決了這個問題，使我們免于多次開發(fā)，但為了使課件能夠在各種平臺上正常顯示，仍需要我們在定義潛在用戶群時考慮許多細(xì)節(jié)，包括：顯示器的分辨率和色深，對音頻和視頻的支持情況，各種平臺上相同字體的差異，各種平臺上顯示調(diào)色板之間的差別等等。

2.2.2 在瀏覽器兼容性上的優(yōu)化

與由于瀏覽器不兼容帶來的影響相比，由于平臺不兼容對課件開發(fā)所帶來的影響幾乎可以忽略不計了，各大主流瀏覽器開發(fā)廠商或者由于商業(yè)上的考慮而故意制造不兼容情況，如Netscape和IE；或者為了追蹤技術(shù)發(fā)展不得不造成新版本某些部分事實上不向后兼容，如Netscape Communicator 4.5與以前版本對java-script的處理；再加上其他難以計數(shù)的各種非主流瀏覽器，如何消除瀏覽器兼容性對課件開發(fā)的影響，才是課件開發(fā)者所真正要關(guān)心的問題。

3 結(jié)論

基于Web的多媒體CAI課件是未來多媒體課件的主要形式，也是將來發(fā)展網(wǎng)上教學(xué)的一個資源基礎(chǔ)。但目前已完成的優(yōu)質(zhì)實用課件還很少，對此類課件的開發(fā)模型，開發(fā)工具，開發(fā)技術(shù)等的研究也很少。我們認(rèn)為，只有加緊對這類課件的研究開發(fā)，才有可能使網(wǎng)上教學(xué)早日進入實用領(lǐng)域。本文所提到的方法和技術(shù)都是我們在基于Web的多媒體CAI課件開發(fā)和設(shè)計過程中實際所應(yīng)用的，實踐證明是行之有效的。

［1］梁林梅,焦建利.我國網(wǎng)絡(luò)課程現(xiàn)狀的調(diào)查分析與反思[D].華南師范大學(xué).

［2］邢程,周開淼,趙劍波,尹曉東.網(wǎng)絡(luò)教學(xué)中的教學(xué)設(shè)計探討[J].

［3］朱萬森,梁楚材.計算機輔助教學(xué)多媒體cai課件設(shè)計與制作//計算機教育應(yīng)用叢書[M].北京:地質(zhì)出版社,2000.

［4］王治文.計算機多媒體輔助教學(xué)及其軟件設(shè)計[M].浙江科學(xué)技術(shù)出版社.

［5］柳棟.網(wǎng)絡(luò)主題探究（WebQuest）[J].