陳 鵬, 劉 爽
(1.大連東軟信息學院 計算機科學與技術系,遼寧 大連116023;2.大連民族學院 計算機科學與工程學院,遼寧 大連116600)
隨著信息技術的發(fā)展,傳統(tǒng)的課堂教學已經無法滿足高校的實際教學需求。網絡教學是信息時代高等教育發(fā)展的必然趨勢[1]。網絡教學不僅可以突破傳統(tǒng)的講中學的束縛,而且可以提供集聲音、文字、音頻、視頻、動畫、圖形、圖像等多媒體信息于一體的教學資源,充分調動學生的學習興趣,滿足學生自主學習的需要,為師生提供良好的溝通交流平臺。課件資源作為網絡教學中的關鍵內容,其形式和內容也需要適應網絡化教學的要求。
Flash格式課件正是適應Web環(huán)境下軟件開發(fā)需求,只需瀏覽器即可播放的產物。需要解決的問題是在缺乏專業(yè)的Flash制作技巧的情況下,如何把傳統(tǒng)的教學課件轉換為Flash格式課件并發(fā)布到網絡應用中。
結合筆者在網絡教學平臺中使用Flash課件的經驗[2-3],對Flash格式課件的特點加以總結:
1)靜態(tài)課件與音頻課件的靈活轉換 在每頁ppt中加入需要講解的錄音音頻文件,轉換后的Flash格式課件可以直接播放,不需要額外的音頻播放軟件。
2)安全的版權保護功能 轉換完的后綴為swf的課件只能播放不能修改,即使是代碼段也無法拷貝。用戶能夠進行的操作就是查看課件內容,但無法對課件中的文字或是圖形等內容進行任何編輯操作,這就有效的保護了教學資源的原創(chuàng)性和版權。
3)容量小 一次90分鐘教學內容60頁左右的ppt課件轉換完后最多為300 kB左右,如果只有文字內容的容量會更小。
4)對播放環(huán)境要求較低 在提供圖文并茂豐富教學內容的同時,對播放環(huán)境要求較低,不需要專門的Flash播放軟件,只需要操作系統(tǒng)自帶的瀏覽器播放即可。
使用 iSpring Solutions, Inc.公司的產品 iSpring 軟件[4],不需要掌握專業(yè)的軟件開發(fā)知識,也不需要專門的Flash制作軟件,只需該軟件就可以實現(xiàn)把高校中普遍使用的ppt課件轉換為Flash格式課件。
在公司網站上可以下載該軟件的最新免費版本,目前最新版本為ispring_free_5_0_0,可以用電子郵件方式獲取注冊碼,安裝后在PowerPoint工具欄上會增加如圖1所示的iSpring工具欄。
圖1 iSpring工具欄Fig.1 Toolbar of iSpring
點擊Activate按鈕輸入注冊信息即可長期使用iSpring軟件的免費版本。
加載需要轉換的幻燈片后,點Publish按鈕,會出現(xiàn)選項對話框,這里僅對常用的4個選項加以說明:
1)Start presentation automatically 自動開始演示文稿,該選項為默認選中,通常不需要改變設置。
2)Minimal slide duration 在自動播放選項下,即選中(3)的前提下設置幻燈片頁面直接轉換的時間間隔,以秒為單位。時間設置長短會對文件大小有所影響。
3)Auto-play on-click animation each 轉換完的Flash格式課件直接自動播放。中間有動畫效果時需要點擊課件后繼續(xù)播放后續(xù)內容。根據實際需求,可以選中該選項設置成自動播放效果的,也可以不選中,用戶通過點擊后播放下一頁。
4)Advance animations on mouse click:高級動畫效果需要點擊鼠標操作完成。該選項為默認選項,不需要修改。
轉換完成后的Flash格式課件播放效果如圖2所示。
圖2 iSpring轉換完的Flash格式課件Fig.2 Courseware in Flash format converting by iSpring
文中設計開發(fā)的Web開發(fā)技術網絡教學平臺選擇XP操作系統(tǒng)下MyEclipse6.5作為開發(fā)平臺,使用iSpring軟件把各種教學資源進行格式轉換,業(yè)務邏輯采用Struts2[5]框架開發(fā),前臺頁面采用JSP、JavaScript、CSS等編寫制作,開發(fā)過程分層遵循JavaEE規(guī)范,靈活地提供聲音、圖像和動畫來啟發(fā)學生的形象思維,迅速準確地運用多媒體技術來指導學生的抽象思維,使教學做到形、聲結合,使學生的知、情融為一體,更好地激發(fā)學生的自主學習。
所有的Flash格式課件資源均以.SWF作為后綴,因此在Web開發(fā)中要在前臺html頁面中顯示.SWF格式課件,其代碼段如下:
其中的 <object>標簽用于定義一個嵌入的對象[6]。使用此元素可以向的HTML頁面中添加多媒體。還可以設置插入HTML文檔中的對象的數(shù)據和參數(shù),以及可用來顯示和操作數(shù)據的代碼。
HTML 5的<embed>標簽定義嵌入的內容[7],比如插件。其中的src屬性必須設置,type屬性用于定義嵌入內容的類型,height和width屬性用于定義嵌入內容的高度和寬度。
文中設計開發(fā)的Web開發(fā)技術網絡教學平臺為了降低服務器的復雜性,所有的課件資源采用直接拷貝的方式放到相應目錄下。教師可以對課件資源自由操作。當服務器課件資源內容發(fā)生變動后,需要動態(tài)顯示課件內容菜單,前臺的Menu.jsp頁面采用如下關鍵代碼進行處理:
后臺Servlet類處理過程如圖3所示。
其中,獲取的swf文件的url地址包含所有的課件目錄下的Flash課件內容,刷新menu.jsp時顯示最新的課件目錄清單。
本網絡教學平臺為了方便學生學習,分為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)課件下載模塊 各章節(jié)課件均提供下載鏈接,可以下載相應的章節(jié)課件。
5)資料下載模塊 提供各種教學資源的下載功能。
6)在線測試模塊 提供各章節(jié)的練習、在線測試,包括填空題、選擇題、判斷題和綜合題四種類型。提交答案后,系統(tǒng)會自動給出參考答案信息。
7)留言板模塊 本軟件設計留言版模塊,方便教師與學生雙向交流。
8)學生作品模塊 提供優(yōu)秀學生作品文檔,可以直接查看,也可以下載到本地查看。
為適應網絡教學的需要,開發(fā)設計了Web開發(fā)技術網絡教學平臺。其中關鍵技術點是通過iSpring軟件把ppt課件轉換為Flash格式課件,不僅可以防止盜版,而且更方便用戶查看瀏覽。在網絡教學平臺前臺頁面中顯示Flash格式課件,后臺根據服務器資源動態(tài)顯示課件資源鏈接內容。該網教平臺集語音視頻教學、自主學習、在線測試、交流互動等功能于一體,為課程教學提供強有力的支持。
[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開發(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.