李娜娜
(商丘職業技術學院實訓中心 河南 商丘 476000)
科學技術的飛速發展使人們認識到,研究信息技術在教育領域中的應用,是當前教育研究的重要課題之一。傳統的“三中心”(教師中心、課堂中心、書本中心)的教學模式已經不能適應信息社會的需要。基于web的多媒體CAI課件的出現,解決了以上問題。作為這種全新類型課件的平臺,Web本身具有統一的協議標準,良好的跨平臺特性和前所未有的廣泛的覆蓋性的優點。我們發現由于目前Web技術發展的局限性,使基于Web的課件方案也存在一些不足,主要是面臨網絡帶寬、網絡傳輸速度、平臺兼容性等問題的困擾。因此,在開發過程中必須對課件頁面進行優化,以使之能夠在Web上很好的運行。另外,由于相對來說Web是一種全新的開發平臺,而Web技術發展又非常的快,所以課件中一些功能如導航、查詢等的技術實現便成為開發過程中突出的技術難點。本文討論的是課件開發設計和頁面優化的原則和方法。
根據認知學理論原理,人的個性差異是普遍存在的規律。在多媒體課件的設計過程中,我們必須承認這種差異。堅持多媒體CAI課件面向用戶的開發原則,實際上這也就如同生產廠家堅持“用戶是上帝”的生產原則一樣。開發任何教學系統的目的都是為了在教學和訓練活動中使用,是市面上那么多的多媒體產品為什么很少有能用之于課堂教學的呢?這主要是因為這些軟件在開發過程中脫離了“這一用戶”的實際。也就是說多媒體CAI課件會不會另人滿意,很大程度上取決于它是否滿足用戶的要求。
即然無法提高網絡的傳輸速率,因此在設計課件時,應該盡可能地避免導入那些數據量比較大,下載時間比較長的對象,合理化地組織流程的結構,使得在下載和數據傳輸的過程中分散用戶的注意力,使他們感覺不到“等待”課件播放。其方法是:
1.2.1 使用盡可能小的演示窗口,這樣就會降低整個課件文件的存儲空間。
1.2.2 采用較高壓縮比率的圖形格式。在課件內應該遵循少用圖,用小圖的原則。
1.2.3 將設計的重點放在課件的交互性上。由于交互性的出現,增加了用戶與課件打交道的機會,因此將注意力集中在交互上,可以改善人機交互時的等待時間。
1.2.4 在課件內應該避免使用較長的視頻與音頻文件,背景圖最好使顏色搭配,而不要使用大幅的圖片。對于音頻文件來說,可選擇VOX及SWA這兩種格式。
1.2.5 對課件打包數據塊的大小進行試驗,根據播放速度和分塊數量確定一種最佳的分割方案。
1.2.6 使用 Web和 CD-ROM 相結合的發布方式,把外部媒體文件存放在CD-ROM上。只有在播放外部媒體文件時,才會與CD-ROM打交道。
在開發多媒體課件之前,必須對課件總體框架進行嚴格的設計,即進行教學目標分析,使課件中的知識點形成一個“金字塔”式的總體結構。然后,自頂向下按模塊化編程方法完成編程任務,以保證課件的前后連貫一致。課件的結構一般可分為課程、主題和步驟三個層次。
1)課程與主題之間的關系:一般每個課程含有幾個主題,如何在演示過程中讓最終用戶有選擇地進入主題,這在總體設計中必須考慮到。在Author Ware中我們可以來用熱區響應方式,這樣最終用戶只要用鼠標左鍵單擊此課程標題區域,就可以進入此標題所對應的課程的主題。
2)主題與步驟之間的關系:一個主題通常由多個步驟所組成,當一個主題所設置的條件滿足時,就進入該主題下的步驟。如何由主題進入步驟,我們仍可以使用熱區響應方法,每個主題部位于熱區內,當最終用戶單擊熱區時,就可以進入該主題下的第一個步驟,然后一步步操作下去,直至完成該主題。事實上在總體設計中還需考慮如何由步驟返回主題或課程,等等。在Author Ware中,除了可以使用熱區響應實現護、調試和用戶使用,在一個課件中不可隨意使用這些交互方法。
頁面優化問題雖然涉及到多方面,但其根本的立足點和目的是以下兩個:一個,是加快頁面下載速度;另一個,則是使頁面能象設計者所預先設想的那樣在用戶眼前顯示,在Web上這主要需要解決一個兼容性的問題。下面就分別從這兩個目的出發,討論一下對頁面進行優化時所依據的原則和實現方法。
傳統上,在加快頁面下載速度方面所做的努力,僅僅局限于減少多媒體元素的使用數量和降低使用質量,以取得較小的文件大小,從而加快頁面文件在網絡上的傳輸速度以達到加快下載速度的目的。我們認為,僅依靠這方面的努力是遠遠不夠的。所謂的頁面下載速度便可分成以下三部分:下載時間,渲染時間和可視性,好的設計者應通過頁面優化在這三者中找到一個平衡點,進而產生理想的下載,從用戶點擊請求到頁面總體框面顯示僅一眨眼時間,在頁面完全渲染完前用戶便可以從中搜索自己需要的信息。
2.1.1 對圖形的優化處理
1)減少圖形文件大?。簻p少文件大小對加快下載速度有著突出的貢獻,可以通過以下一些方法來減小圖形文件大小。
減小圖形面積
注意顏色安排
調整圖像中的對比水平
抑制抖動
2)在HTML文件中為圖形設置WIDTH和HEIGHT屬性:用WIDTH和HEIGHT屬性來放大和壓縮圖形面積并不能加快下載,但它可以使瀏覽器在下載圖片前便確定正確的頁布局,先把文字和其他后繼內容顯示出來,使用戶在下載圖片的同時便可開始瀏覽。
3)使用交錯式GIF和漸進式JPEG:交錯式GIF和漸進式JPEG是對原來圖形標準的擴展。其中交錯式GIF向后兼容而漸進式JPEG不能。當下載后在頁面上顯示時效果就如同它是從一套百頁窗后顯露出來一樣。盡管他們不能加快下載速度,但用戶的感覺卻是加快的。
2.1.2 對表格〈TABLE〉的優化處理
雖然用〈LAYER〉和在頁面布局時可以做到精確定位,但那也許只是將來的理想方案。在目前,為了得到一個真正跨瀏覽器,跨平臺的設計方案,還得用表格進行局。
表格也許是目前網頁中用得最多的布局元素,因此,對表格的優化就顯得特別有價值,雖然這部分優化并不能減少下載時間,但由于瀏覽器需要在填充表格內容前完全理解表格的結構,所以適當的表格運用將大大縮短網頁的渲染時間。在使用表格時應注意做到:
1)將一個單一的大表格拆成多個小表格2)對〈TABLE〉、〈TD〉適當使用 Width 屬性3)千萬不要嵌套表格
4)不要將太新的擴展多媒體元素放入表格
在兼容性問題上,既要考慮課件對各種操作系統和硬件平臺的兼容性,更要考慮課件對各種瀏覽器的兼容性。
2.2.1 在平臺兼容性上的優化
當課件在INTERNET上發布時,你無法設想你的用戶會在怎樣配置的機器上使用怎樣的操作系統,好在Web本身的跨平臺特性已為我們很好地解決了這個問題,使我們免于多次開發,但為了使課件能夠在各種平臺上正常顯示,仍需要我們在定義潛在用戶群時考慮許多細節,包括:顯示器的分辨率和色深,對音頻和視頻的支持情況,各種平臺上相同字體的差異,各種平臺上顯示調色板之間的差別等等。
2.2.2 在瀏覽器兼容性上的優化
與由于瀏覽器不兼容帶來的影響相比,由于平臺不兼容對課件開發所帶來的影響幾乎可以忽略不計了,各大主流瀏覽器開發廠商或者由于商業上的考慮而故意制造不兼容情況,如Netscape和IE;或者為了追蹤技術發展不得不造成新版本某些部分事實上不向后兼容,如Netscape Communicator 4.5與以前版本對java-script的處理;再加上其他難以計數的各種非主流瀏覽器,如何消除瀏覽器兼容性對課件開發的影響,才是課件開發者所真正要關心的問題。
基于Web的多媒體CAI課件是未來多媒體課件的主要形式,也是將來發展網上教學的一個資源基礎。但目前已完成的優質實用課件還很少,對此類課件的開發模型,開發工具,開發技術等的研究也很少。我們認為,只有加緊對這類課件的研究開發,才有可能使網上教學早日進入實用領域。本文所提到的方法和技術都是我們在基于Web的多媒體CAI課件開發和設計過程中實際所應用的,實踐證明是行之有效的。
[1]梁林梅,焦建利.我國網絡課程現狀的調查分析與反思[D].華南師范大學.
[2]邢程,周開淼,趙劍波,尹曉東.網絡教學中的教學設計探討[J].
[3]朱萬森,梁楚材.計算機輔助教學多媒體cai課件設計與制作//計算機教育應用叢書[M].北京:地質出版社,2000.
[4]王治文.計算機多媒體輔助教學及其軟件設計[M].浙江科學技術出版社.
[5]柳棟.網絡主題探究(WebQuest)[J].