基于iSpring的Flash格式網絡多媒體課件制作研究

陳 鵬， 劉 爽

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

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

Flash格式課件正是適應Web環境下軟件開發需求，只需瀏覽器即可播放的產物。需要解決的問題是在缺乏專業的Flash制作技巧的情況下，如何把傳統的教學課件轉換為Flash格式課件并發布到網絡應用中。

1 Flash格式課件特點

結合筆者在網絡教學平臺中使用Flash課件的經驗[2-3]，對Flash格式課件的特點加以總結：

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

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

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

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

2 PPT格式課件轉換為Flash格式課件

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

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

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

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

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

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

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

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

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

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

圖2 iSpring轉換完的Flash格式課件Fig.2 Courseware in Flash format converting by iSpring

3 Flash格式課件處理

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

3.1 網頁中顯示后綴為.SWF格式課件

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

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

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

3.2 后臺根據課件資源動態顯示課件菜單

文中設計開發的Web開發技術網絡教學平臺為了降低服務器的復雜性，所有的課件資源采用直接拷貝的方式放到相應目錄下。教師可以對課件資源自由操作。當服務器課件資源內容發生變動后，需要動態顯示課件內容菜單，前臺的Menu.jsp頁面采用如下關鍵代碼進行處理：

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

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

3.3 功能模塊劃分

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

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

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

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

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

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

4）課件下載模塊 各章節課件均提供下載鏈接，可以下載相應的章節課件。

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

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

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

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

4 結束語

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

[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]劉爽，陳鵬，左莉.軟件工程網絡多媒體課件制作研究[J].電腦知識與技術，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]劉爽，李錫祚，常洪強.基于版權保護的軟件工程雙語教學平臺制作研究[J].電子設計工程，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權威指南—基于WebWork核心的MVC開發[M].北京：電子工業出版社，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.