基于Storyline的非編程交互式網絡課件開發*——以《信息技術網絡課堂——圖形圖像篇》為例

☆ 劉 勇 余劍波鄒 碩

（1.長沙市雨花區楓樹山大橋小學，湖南長沙 410000；2.湖南省電教館，湖南長沙 410000）

隨著教育信息化的發展與普及，多媒體課件早已進入了常規課堂，一線教師對課件的制作與應用也不再陌生。然而，隨著網絡技術的迅速發展、教學觀念的轉變，在教學資源開發方面出現了“以學為中心”、“交互性強”、“網絡化”等特征和趨勢，對教師設計和開發多媒體課件提出了新的要求。雖然，Flash、Dreamweaver等軟件功能強大，可以開發出專業的課件，但其開發周期長、技術門檻高。而ArticulateStoryline軟件功能強大、簡單易學，教師可以快速掌握軟件操作技能，開發出專業的交互式多媒體網絡課件。本文以《信息技術網絡課堂——圖形圖像篇》為例，介紹如何使用ArticulateStoryline軟件，通過非編程的方式開發交互式多媒體網絡課件。

一、Storyline簡介

ArticulateStoryline是由美國Articulate公司開發的一款專業e-learning課件開發軟件。自2012年5月發布以來，Storyline憑借其人性化的操作界面、強大的交互效果設計能力、豐富的模板資源和素材庫、靈活的測試功能而受到了眾多開發者的歡迎，曾獲美國《培訓》雜志（TtrainingMagazine）“BestofElearning”大獎——最佳E-learning開發工具獎、最佳移動課件解決方案獎等。

2014年9月，Articulate公司在Storyline1的基礎上推出了Storyline2及其中文版。Storyline2采用了新的界面風格，完善了對中文輸入的支持，開發者可以像制作PowerPoint一樣輕松找到和使用各種工具，快速創建內容和各種互動效果。[1]中文版的推出及功能的完善，使得Storyline2成為國內普通教師開發交互式網絡課件的首選工具。

二、Storyline的功能與特點

1.操作簡單，易學易用

Storyline和Office2007一樣采用Ribbon風格界面，操作方法也和Office2007基本相同。熟悉Office操作的教師能輕松找到和使用各類工具，快速地制作課件內容。即使是第一次使用Storyline的教師，也能無師自通地插入圖片、動畫、視頻等素材，并對各種素材進行相應的編輯和處理。因此，教師可以擺脫技術的束縛，全心投入課件的設計與制作中。

2.非編程的交互設計方式

交互性是衡量課件優劣的重要指標之一。網絡課件交互設計的好壞直接影響課件的質量及學生的學習效果。根據我國學者陳麗提出的教學交互層次塔理論，學生與課件的操作交互對信息交互、概念交互有重要的影響，是信息交互、概念交互的實現基礎。[2]因此，操作交互的設計是課件設計和開發的重點。使用Flash開發交互課件需要教師掌握腳本語言（Actionscript），有一定的技術難度。[3]相比Flash，Storyline的最大優勢就是其交互設計具有“非編程”的特點。沒有任何編程基礎的教師也可以靈活設計和實現各種交互效果，制作出各種復雜的互動課件。

3.自帶多樣化的測驗功能

測試反饋是優秀網絡課件不可或缺的部分。Story?line內置了大量不同類型的測驗題型，有判斷正誤、填空、單選、多選、匹配等打分題，也有李克特量表等調查型測驗。使用題庫功能可以實現隨機出題的效果，學習者即使多次做題也不能預測出下一題。測驗結束后，系統自動做出評價，計算測試成績，并可以讓學生根據結果選擇是否回顧測試過程、打印測試結果或重新測試等。

4.靈活的發布功能

Storyline默認的課件發布格式為“網頁+Flash”形式，具有很高的可移植性，既可以在單機上通過瀏覽器或FlashPlayer運行使用，也可以將其發布在Web服務器上，學生通過網絡遠程訪問課件。并且Storyline課件符合SCORM、AICC標準。對于具備E-learning平臺的學校和教師，可以輕松實現Storyline課件與學習管理平臺（LMS）對接，對學生學習和測試進行自動跟蹤和管理。

(1)The deep learning method is introduced to model the semantics of the radiotelephony communications in ATC,and a new semantic checking model of readback errors is proposed in this paper to verify whether the meanings of the SATC-Ppairs are consistent.

此外，Storyline支持iPad和Android平臺。在發布Storyline課件時，可以使用HTML5和iPad選項將網絡課件發布為移動設備支持的格式。使用移動設備的學習者可以通過網頁瀏覽器（HTML5）或者本機上的Articu?lateMobilePlayerapp瀏覽網絡課件。[4]

5.媒體支持能力強，交互元素多

Storyline具有強大的媒體支持能力，幾乎可以支持所有格式的視頻文件和聲音文件。教師不需進行繁瑣的格式轉換就可以將媒體文件直接插入到多媒體課件中。另外，也可以插入網絡上的視頻，或者在課件制作過程中直接使用攝像頭和麥克風錄制視頻文件、音頻文件。在交互設計方面，Storyline內置了很多互動模板，教師只要根據自己的需要進行修改就可以直接使用。另外，軟件提供了很多互動元素和功能，如：縮放區域、互動標記、錄制屏幕、詞匯表、搜索、進度條，等等。在使用Flash等其他軟件開發時，實現這些交互元素和功能需要進行大量程序代碼編寫，而在Storyline中只要進行簡單的操作即可。

三、使用Storyline開發交互式多媒體網絡課件

PowerPoint在制作多媒體課件方面具有簡單易用的特點，但很難開發導航靈活、交互性強、通用性和移植性好的交互式多媒體網絡課件。Flash、Dreamweaver等軟件功能強大，在開發專業網絡課件方面具有優勢，但其對編程的需求對普通教師來說是一個比較難逾越的技術門檻。而ArticulateStoryline同時兼備這兩類軟件的優勢，下面筆者以課件《信息技術網絡課堂——圖形圖像篇》為例（如圖1），介紹使用Storyline通過非編程的方式開發交互式多媒體網絡課件的方法。

圖1 課件《信息技術網絡課堂——圖形圖像篇》

1.學習內容的設計和管理

和PowerPoint一樣，Storyline也是通過幻燈片來進行內容的輸入與管理。另外，Storyline加入了場景的功能，在一個Storyline課件中，可以包含多個場景。場景內各幻燈片之間可以相互鏈接與跳轉，同時，也可以實現跨場景的幻燈片鏈接。通過“故事視圖”面板（如圖2），教師能直觀地了解網絡課件的整體結構，瀏覽課件所有幻燈片，并可以通過改變線條和箭頭鏈接的方式來編輯幻燈片之間的結構關系，實現對教學內容的有效組織，為制作復雜、大型的網絡課程提供了途徑。點擊插入菜單中的“新建幻燈片”按鈕，可以創建各種版式的幻燈片。進入幻燈片編輯頁面后，就可以像制作PowerPoint幻燈片一樣進行教學內容的創作了，例如：插入Flash、視頻、聲音、網絡對象等各種媒體，設置觸發器、控件、標記等交互效果（如圖3）。

圖2“故事視圖”面板

圖3幻燈片編輯模式

2.交互設計與動畫制作

對于普通教師來說，用Storyline開發網絡課件最大的特點就是可以采用非編程的方式進行交互效果設計，輕松創作出精彩的互動內容。在幻燈片編輯模式下，選中任何對象（圖片、人物角色、文本、按鈕、熱區等）后，點擊觸發器面板中的“新建觸發器”按鈕，即可打開“觸發器向導”對話框，進行交互設計（如圖4）。在“觸發器向導”對話框中（如圖5），Storyline提供了幻燈片跳轉、圖層顯示與隱藏、媒體控制、課程重啟與退出、跳轉到網頁或文件、調整變量、移動對象、提交測驗等二十幾種交互操作。通過觸發器向導，教師可以輕松制作出其他開發工具需要編程語言才能實現的交互效果，并以類似自然語言的形式呈現出來，例如：“按鈕1：當單擊時暫停視頻介紹.flv”。

圖4觸發器面板

圖5觸發器向導

3.導航菜單的設計

導航是課件結構的體現，也是課件交互性的一種表現。網絡課件作為支撐學生自主學習的教學內容載體，更應該重視導航的設計。在使用Storyline開發課件的過程中，可以通過設置觸發器實現導航。另外，在播放器屬性設置中，可以方便地根據課件結構設計課件導航菜單。點擊“播放器”按鈕，打開“播放器屬性”對話框，進入“菜單”選項卡后，系統會根據場景和幻燈片的標題自動形成菜單結構（如圖6）。在此基礎上，教師可以利用菜單下方的功能按鈕對自動生成的菜單進行調整和個性化設置，如增加或刪除菜單項、升級、降級、設置導航限制等。

圖6導航菜單的設計

4.評價測試模塊的制作

在Storyline中，使用其內置的測驗功能可以高效、簡單地設計和開發課件評價測試模塊。課件運行時，向學習者提出問題，當學生回答之后，課件根據答案正確與否，給出不同的反饋信息、統計分數，并在測驗結束后給出總體反饋和評價。具體實現方法：新建幻燈片——選擇“測驗”選項卡——根據需要選擇題目類型。在如圖8所示的題目設計對話框中，教師可以輸入題目內容、選項、正誤的反饋等。

圖7插入測驗幻燈片

圖8測驗設計對話框

Storyline中內置了很多不同類型的問題,如：判斷正誤、填空、單選、多選、拖拽匹配、量表等。當課件與學習管理系統（LMS）對接后，可以將學生的測驗過程結果反饋到學習管理系統，實現教師對學生的學習進度和學習成績的跟蹤，及時掌握和評價教學效果。

5.附加功能的實現

Storyline作為專業的E-learnning課件制作工具，提供了很多針對E-learning培訓的實用功能，如：對學習內容的快速搜索、詞匯表的定義、附加資源的添加等。這些功能只要在播放器屬性對話框中進行簡單的設置即可實現。

例如：目前很多網站都提供了站內搜索的功能，能夠根據關鍵詞對網站內容進行搜索。在Storyline中，教師可以輕松地實現類似的搜索功能，讓學生能夠根據關鍵詞快速查詢自己感興趣的學習內容。在播放器屬性對話框中，點擊“功能”選項卡，選中“搜索”復選框后，在導航菜單的下方就會出現實現搜索功能的文本輸入框。同樣，在播放器屬性對話框中，點擊“詞匯表”按鈕，可以對學習內容中一些關鍵詞、名詞術語進行定義，供學習者快速了解。例如：在課件《信息技術網絡課堂——圖形圖像篇》中，學習者可以點擊“課程目錄”右邊的“詞匯表”按鈕，就可以快速了解或回顧“分辨率”、“色深”、“色彩模式”等關鍵術語（如圖9）。另外，點擊“資源”按鈕，可以添加學習者可能需要的各種資源文件、外部網站地址等，供學習者在使用課件時進行下載或瀏覽。

圖9置詞匯表

6.課件的預覽與發布

在課件制作的過程中，教師可以隨時點擊“預覽”按鈕查看課件運行效果，并且可以根據需要選擇軟件提供的三種預覽模式：對單張幻燈片預覽、單個場景預覽和整個課件預覽。課件制作的最后一個步驟就是發布環節。如圖10所示，在主頁菜單選項卡下面，點擊“發布”按鈕，打開“發布”對話框。默認的課件發布格式為web形式，教師也通過選定“包括HTML5輸出”和“在iOS或Android上使用ArticulateMobilePlayer”復選框，將課件發布為移動終端版本的課件。

圖10課件的發布

四、小結

在倡導個性化學習、自主探究學習的今天，高質量、高水平的交互式網絡課件是學生開展基于網絡的個性化學習的前提和基礎。Storyline憑借其強大的功能、實用性與操作簡單性，使得網絡課件的開發變得非常簡單。特別是其非編程的互動效果設計方式，讓普通教師可以擺脫技術的束縛，全心設計和開發高質量的互動網絡課件。雖然，目前還沒有太多的教師關注Storyline，但筆者相信，隨著中文版的推出，將會有越來越多的教師注意到并選擇Storyline作為課件開發工具。Storyline在精品網絡課件開發方面也將會發揮越來越大的作用。

[1]Createinteractivee-learning[DB/OL].https://www.articulate.com/products/storyline-why.php.

[2]陳麗.遠程學習的教學交互模型和教學交互層次塔[J].中國遠程教育,2004,(3).

[3]黃如民.多媒體課件及其交互特性[J].現代教育技術,2009,(9).

[4]PublishingaProjectforiPadorHTML5[DB/OL].http://community.articulate.com/tutorials/products/publishing-aproject-for-ipad-or-html5.aspx

[5]余劍波.微課程設計的點鏈圈（PLC）模型研究[J].遠程教育雜志,2013,(5).

[6]彭昱忠,元昌安,陳漢梅.基于Captivate的網絡多媒體課件制作技術研究[J].中國電化教育,2007,(2).

[7]付志文,吳東醒,周堇言.快速E-learning課件技術的研究與應用—以《多媒體教學》網絡課程開發為例[J].中國教育信息化,2013,(12).

* 本文系全國教育信息技術研究“十二五”規劃2011年度重點課題“網絡教學的交互理論與實踐研究”（課題編號：113520543）研究成果之一。