基于iSpring的Flash格式網(wǎng)絡(luò)多媒體課件制作研究

陳 鵬， 劉 爽

（1.大連東軟信息學(xué)院 計算機科學(xué)與技術(shù)系，遼寧 大連116023；2.大連民族學(xué)院 計算機科學(xué)與工程學(xué)院，遼寧 大連116600）

隨著信息技術(shù)的發(fā)展，傳統(tǒng)的課堂教學(xué)已經(jīng)無法滿足高校的實際教學(xué)需求。網(wǎng)絡(luò)教學(xué)是信息時代高等教育發(fā)展的必然趨勢[1]。網(wǎng)絡(luò)教學(xué)不僅可以突破傳統(tǒng)的講中學(xué)的束縛，而且可以提供集聲音、文字、音頻、視頻、動畫、圖形、圖像等多媒體信息于一體的教學(xué)資源，充分調(diào)動學(xué)生的學(xué)習(xí)興趣，滿足學(xué)生自主學(xué)習(xí)的需要，為師生提供良好的溝通交流平臺。課件資源作為網(wǎng)絡(luò)教學(xué)中的關(guān)鍵內(nèi)容，其形式和內(nèi)容也需要適應(yīng)網(wǎng)絡(luò)化教學(xué)的要求。

Flash格式課件正是適應(yīng)Web環(huán)境下軟件開發(fā)需求，只需瀏覽器即可播放的產(chǎn)物。需要解決的問題是在缺乏專業(yè)的Flash制作技巧的情況下，如何把傳統(tǒng)的教學(xué)課件轉(zhuǎn)換為Flash格式課件并發(fā)布到網(wǎng)絡(luò)應(yīng)用中。

1 Flash格式課件特點

結(jié)合筆者在網(wǎng)絡(luò)教學(xué)平臺中使用Flash課件的經(jīng)驗[2-3]，對Flash格式課件的特點加以總結(jié)：

1）靜態(tài)課件與音頻課件的靈活轉(zhuǎn)換 在每頁ppt中加入需要講解的錄音音頻文件，轉(zhuǎn)換后的Flash格式課件可以直接播放，不需要額外的音頻播放軟件。

2）安全的版權(quán)保護功能 轉(zhuǎn)換完的后綴為swf的課件只能播放不能修改，即使是代碼段也無法拷貝。用戶能夠進行的操作就是查看課件內(nèi)容，但無法對課件中的文字或是圖形等內(nèi)容進行任何編輯操作，這就有效的保護了教學(xué)資源的原創(chuàng)性和版權(quán)。

3）容量小 一次90分鐘教學(xué)內(nèi)容60頁左右的ppt課件轉(zhuǎn)換完后最多為300 kB左右，如果只有文字內(nèi)容的容量會更小。

4）對播放環(huán)境要求較低 在提供圖文并茂豐富教學(xué)內(nèi)容的同時，對播放環(huán)境要求較低，不需要專門的Flash播放軟件，只需要操作系統(tǒng)自帶的瀏覽器播放即可。

2 PPT格式課件轉(zhuǎn)換為Flash格式課件

使用 iSpring Solutions， Inc.公司的產(chǎn)品 iSpring 軟件[4]，不需要掌握專業(yè)的軟件開發(fā)知識，也不需要專門的Flash制作軟件，只需該軟件就可以實現(xiàn)把高校中普遍使用的ppt課件轉(zhuǎn)換為Flash格式課件。

在公司網(wǎng)站上可以下載該軟件的最新免費版本，目前最新版本為ispring_free_5_0_0，可以用電子郵件方式獲取注冊碼，安裝后在PowerPoint工具欄上會增加如圖1所示的iSpring工具欄。

圖1 iSpring工具欄Fig.1 Toolbar of iSpring

點擊Activate按鈕輸入注冊信息即可長期使用iSpring軟件的免費版本。

加載需要轉(zhuǎn)換的幻燈片后，點Publish按鈕，會出現(xiàn)選項對話框，這里僅對常用的4個選項加以說明：

1）Start presentation automatically 自動開始演示文稿，該選項為默認選中，通常不需要改變設(shè)置。

2）Minimal slide duration 在自動播放選項下，即選中（3）的前提下設(shè)置幻燈片頁面直接轉(zhuǎn)換的時間間隔，以秒為單位。時間設(shè)置長短會對文件大小有所影響。

3）Auto-play on-click animation each 轉(zhuǎn)換完的Flash格式課件直接自動播放。中間有動畫效果時需要點擊課件后繼續(xù)播放后續(xù)內(nèi)容。根據(jù)實際需求，可以選中該選項設(shè)置成自動播放效果的，也可以不選中，用戶通過點擊后播放下一頁。

4）Advance animations on mouse click：高級動畫效果需要點擊鼠標操作完成。該選項為默認選項，不需要修改。

轉(zhuǎn)換完成后的Flash格式課件播放效果如圖2所示。

圖2 iSpring轉(zhuǎn)換完的Flash格式課件Fig.2 Courseware in Flash format converting by iSpring

3 Flash格式課件處理

文中設(shè)計開發(fā)的Web開發(fā)技術(shù)網(wǎng)絡(luò)教學(xué)平臺選擇XP操作系統(tǒng)下MyEclipse6.5作為開發(fā)平臺，使用iSpring軟件把各種教學(xué)資源進行格式轉(zhuǎn)換，業(yè)務(wù)邏輯采用Struts2[5]框架開發(fā)，前臺頁面采用JSP、JavaScript、CSS等編寫制作，開發(fā)過程分層遵循JavaEE規(guī)范，靈活地提供聲音、圖像和動畫來啟發(fā)學(xué)生的形象思維，迅速準確地運用多媒體技術(shù)來指導(dǎo)學(xué)生的抽象思維，使教學(xué)做到形、聲結(jié)合，使學(xué)生的知、情融為一體，更好地激發(fā)學(xué)生的自主學(xué)習(xí)。

3.1 網(wǎng)頁中顯示后綴為.SWF格式課件

所有的Flash格式課件資源均以.SWF作為后綴，因此在Web開發(fā)中要在前臺html頁面中顯示.SWF格式課件，其代碼段如下：

其中的 ＜object>標簽用于定義一個嵌入的對象[6]。使用此元素可以向的HTML頁面中添加多媒體。還可以設(shè)置插入HTML文檔中的對象的數(shù)據(jù)和參數(shù)，以及可用來顯示和操作數(shù)據(jù)的代碼。

HTML 5的＜embed>標簽定義嵌入的內(nèi)容[7]，比如插件。其中的src屬性必須設(shè)置，type屬性用于定義嵌入內(nèi)容的類型，height和width屬性用于定義嵌入內(nèi)容的高度和寬度。

3.2 后臺根據(jù)課件資源動態(tài)顯示課件菜單

文中設(shè)計開發(fā)的Web開發(fā)技術(shù)網(wǎng)絡(luò)教學(xué)平臺為了降低服務(wù)器的復(fù)雜性，所有的課件資源采用直接拷貝的方式放到相應(yīng)目錄下。教師可以對課件資源自由操作。當(dāng)服務(wù)器課件資源內(nèi)容發(fā)生變動后，需要動態(tài)顯示課件內(nèi)容菜單，前臺的Menu.jsp頁面采用如下關(guān)鍵代碼進行處理：

后臺Servlet類處理過程如圖3所示。

其中，獲取的swf文件的url地址包含所有的課件目錄下的Flash課件內(nèi)容，刷新menu.jsp時顯示最新的課件目錄清單。

3.3 功能模塊劃分

本網(wǎng)絡(luò)教學(xué)平臺為了方便學(xué)生學(xué)習(xí)，分為8個模塊：課程信息、課件資料、視頻資料、課件下載、資料下載、在線測試、留言板、學(xué)生作品，下面分別加以介紹。

1）課程信息模塊 課程信息模塊以文本表格形式提供課程簡介、教學(xué)日歷、教學(xué)大綱等與課程相關(guān)的信息。

2）課件資料模塊 本模塊中所有課件資料均為Flash格式課件，防止盜版侵權(quán)，可以隨時控制課件的進度，查看所需頁面內(nèi)容。所有課件內(nèi)容均為Flash格式，僅需瀏覽器即可播放。圖4為查看課件過程中的iSpring提供的工具條控制。

3）視頻資料模塊 提供加入音頻信息的Flash格式課件或是屏幕錄播視頻形式視頻文件。

圖3 后臺Servlet類處理流程Fig.3 Processing flow of background Servlet

圖4 查看課件-工具條控制Fig.4 Checking courseware-toolbar control

4）課件下載模塊 各章節(jié)課件均提供下載鏈接，可以下載相應(yīng)的章節(jié)課件。

5）資料下載模塊 提供各種教學(xué)資源的下載功能。

6）在線測試模塊 提供各章節(jié)的練習(xí)、在線測試，包括填空題、選擇題、判斷題和綜合題四種類型。提交答案后，系統(tǒng)會自動給出參考答案信息。

7）留言板模塊 本軟件設(shè)計留言版模塊，方便教師與學(xué)生雙向交流。

8）學(xué)生作品模塊 提供優(yōu)秀學(xué)生作品文檔，可以直接查看，也可以下載到本地查看。

4 結(jié)束語

為適應(yīng)網(wǎng)絡(luò)教學(xué)的需要，開發(fā)設(shè)計了Web開發(fā)技術(shù)網(wǎng)絡(luò)教學(xué)平臺。其中關(guān)鍵技術(shù)點是通過iSpring軟件把ppt課件轉(zhuǎn)換為Flash格式課件，不僅可以防止盜版，而且更方便用戶查看瀏覽。在網(wǎng)絡(luò)教學(xué)平臺前臺頁面中顯示Flash格式課件，后臺根據(jù)服務(wù)器資源動態(tài)顯示課件資源鏈接內(nèi)容。該網(wǎng)教平臺集語音視頻教學(xué)、自主學(xué)習(xí)、在線測試、交流互動等功能于一體，為課程教學(xué)提供強有力的支持。

[1]LIU Shuang，LI Xi-zuo，ZUO Li.Applying bilingual teaching on employment-oriented IT experience training program in nationalities universities[J].Theory and Practice in Language Studies，2011，1（4）：426-431.

[2]劉爽，陳鵬，左莉.軟件工程網(wǎng)絡(luò)多媒體課件制作研究[J].電腦知識與技術(shù)，2011，7（1）：218-220.

LIU Shuang， CHEN Peng， ZUO Li.Research on developmentofWeb-based multimedia courseware for software engineering[J].Computer Knowledge and Technology，2011，7（1）：426-431.

[3]劉爽，李錫祚，常洪強.基于版權(quán)保護的軟件工程雙語教學(xué)平臺制作研究[J].電子設(shè)計工程，2011（20）：27-30.

LIU Shuang， LI Xi-zuo，CHANG Hong-qiang.Research on development of bilingual platform for software engineering basedoncopyrightprotection[J].ElectronicDesignEngineering，2011（20）：27-30.

[4]iSpring Solutions，Inc.Download Powerpoint to flash and E-learning authoring tools free trials[EB/OL]. （2011-01-10）[2011-10-11].http：//www.ispringsolutions.com/download.html.

[5]李剛.Struts 2.1權(quán)威指南—基于WebWork核心的MVC開發(fā)[M].北京：電子工業(yè)出版社，2009.

[6]W3CSchool[EB/OL]. （2010-01-10） [2011-10-11].http：//www.w3school.com.cn/tags/tag_object.asp.

[7]W3CSchool.[EB/OL]. （2010-01-10） [2011-10-11].http：//www.w3school.com.cn/html5/html5_embed.asp.