基于Storyline的非編程交互式網(wǎng)絡(luò)課件開發(fā)*——以《信息技術(shù)網(wǎng)絡(luò)課堂——圖形圖像篇》為例

☆ 劉 勇 余劍波鄒 碩

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

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

一、Storyline簡(jiǎn)介

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

圖2“故事視圖”面板

圖3幻燈片編輯模式

2.交互設(shè)計(jì)與動(dòng)畫制作

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

圖4觸發(fā)器面板

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

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

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

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

4.評(píng)價(jià)測(cè)試模塊的制作

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

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

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

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

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

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

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

圖9置詞匯表

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

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

圖10課件的發(fā)布

四、小結(jié)

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

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

[2]陳麗.遠(yuǎn)程學(xué)習(xí)的教學(xué)交互模型和教學(xué)交互層次塔[J].中國(guó)遠(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è)計(jì)的點(diǎn)鏈圈（PLC）模型研究[J].遠(yuǎn)程教育雜志,2013,(5).

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

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

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