☆ 劉 勇 余劍波鄒 碩

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

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

一、Storyline簡介

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

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

二、Storyline的功能與特點(diǎn)

1.操作簡單，易學(xué)易用

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

2.非編程的交互設(shè)計方式

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

3.自帶多樣化的測驗(yàn)功能

測試反饋是優(yōu)秀網(wǎng)絡(luò)課件不可或缺的部分。Story?line內(nèi)置了大量不同類型的測驗(yàn)題型，有判斷正誤、填空、單選、多選、匹配等打分題，也有李克特量表等調(diào)查型測驗(yàn)。使用題庫功能可以實(shí)現(xiàn)隨機(jī)出題的效果，學(xué)習(xí)者即使多次做題也不能預(yù)測出下一題。測驗(yàn)結(jié)束后，系統(tǒng)自動做出評價，計算測試成績，并可以讓學(xué)生根據(jù)結(jié)果選擇是否回顧測試過程、打印測試結(jié)果或重新測試等。

4.靈活的發(fā)布功能

Storyline默認(rèn)的課件發(fā)布格式為“網(wǎng)頁+Flash”形式，具有很高的可移植性，既可以在單機(jī)上通過瀏覽器或FlashPlayer運(yùn)行使用，也可以將其發(fā)布在Web服務(wù)器上，學(xué)生通過網(wǎng)絡(luò)遠(yuǎn)程訪問課件。并且Storyline課件符合SCORM、AICC標(biāo)準(zhǔn)。對于具備E-learning平臺的學(xué)校和教師，可以輕松實(shí)現(xiàn)Storyline課件與學(xué)習(xí)管理平臺（LMS）對接，對學(xué)生學(xué)習(xí)和測試進(jìn)行自動跟蹤和管理。

(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平臺。在發(fā)布Storyline課件時，可以使用HTML5和iPad選項(xiàng)將網(wǎng)絡(luò)課件發(fā)布為移動設(shè)備支持的格式。使用移動設(shè)備的學(xué)習(xí)者可以通過網(wǎng)頁瀏覽器（HTML5）或者本機(jī)上的Articu?lateMobilePlayerapp瀏覽網(wǎng)絡(luò)課件。[4]

5.媒體支持能力強(qiáng)，交互元素多

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

三、使用Storyline開發(fā)交互式多媒體網(wǎng)絡(luò)課件

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

圖1 課件《信息技術(shù)網(wǎng)絡(luò)課堂——圖形圖像篇》

1.學(xué)習(xí)內(nèi)容的設(shè)計和管理

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

圖2“故事視圖”面板

圖3幻燈片編輯模式

2.交互設(shè)計與動畫制作

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

圖4觸發(fā)器面板

圖5觸發(fā)器向?qū)?/p>

3.導(dǎo)航菜單的設(shè)計

導(dǎo)航是課件結(jié)構(gòu)的體現(xiàn)，也是課件交互性的一種表現(xiàn)。網(wǎng)絡(luò)課件作為支撐學(xué)生自主學(xué)習(xí)的教學(xué)內(nèi)容載體，更應(yīng)該重視導(dǎo)航的設(shè)計。在使用Storyline開發(fā)課件的過程中，可以通過設(shè)置觸發(fā)器實(shí)現(xiàn)導(dǎo)航。另外，在播放器屬性設(shè)置中，可以方便地根據(jù)課件結(jié)構(gòu)設(shè)計課件導(dǎo)航菜單。點(diǎn)擊“播放器”按鈕，打開“播放器屬性”對話框，進(jìn)入“菜單”選項(xiàng)卡后，系統(tǒng)會根據(jù)場景和幻燈片的標(biāo)題自動形成菜單結(jié)構(gòu)（如圖6）。在此基礎(chǔ)上，教師可以利用菜單下方的功能按鈕對自動生成的菜單進(jìn)行調(diào)整和個性化設(shè)置，如增加或刪除菜單項(xiàng)、升級、降級、設(shè)置導(dǎo)航限制等。

圖6導(dǎo)航菜單的設(shè)計

4.評價測試模塊的制作

在Storyline中，使用其內(nèi)置的測驗(yàn)功能可以高效、簡單地設(shè)計和開發(fā)課件評價測試模塊。課件運(yùn)行時，向?qū)W習(xí)者提出問題，當(dāng)學(xué)生回答之后，課件根據(jù)答案正確與否，給出不同的反饋信息、統(tǒng)計分?jǐn)?shù)，并在測驗(yàn)結(jié)束后給出總體反饋和評價。具體實(shí)現(xiàn)方法：新建幻燈片——選擇“測驗(yàn)”選項(xiàng)卡——根據(jù)需要選擇題目類型。在如圖8所示的題目設(shè)計對話框中，教師可以輸入題目內(nèi)容、選項(xiàng)、正誤的反饋等。

圖7插入測驗(yàn)幻燈片

圖8測驗(yàn)設(shè)計對話框

Storyline中內(nèi)置了很多不同類型的問題,如：判斷正誤、填空、單選、多選、拖拽匹配、量表等。當(dāng)課件與學(xué)習(xí)管理系統(tǒng)（LMS）對接后，可以將學(xué)生的測驗(yàn)過程結(jié)果反饋到學(xué)習(xí)管理系統(tǒng)，實(shí)現(xiàn)教師對學(xué)生的學(xué)習(xí)進(jìn)度和學(xué)習(xí)成績的跟蹤，及時掌握和評價教學(xué)效果。

5.附加功能的實(shí)現(xiàn)

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

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

圖9置詞匯表

6.課件的預(yù)覽與發(fā)布

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

圖10課件的發(fā)布

四、小結(jié)

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

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

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

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

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

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

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

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

* 本文系全國教育信息技術(shù)研究“十二五”規(guī)劃2011年度重點(diǎn)課題“網(wǎng)絡(luò)教學(xué)的交互理論與實(shí)踐研究”（課題編號：113520543）研究成果之一。