隨著
教育信息化的發(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è)計(jì)和開發(fā)多媒體
課件提出了新的要求。雖然，F(xiàn)lash、Dreamweaver等軟件功能強(qiáng)大，可以開發(fā)出專業(yè)的
課件，但其開發(fā)周期長、技術(shù)門檻高。而Articulate Storyline軟件功能強(qiáng)大、簡單易學(xué)，教師可以快速掌握軟件操作技能，開發(fā)出專業(yè)的交互式多媒體網(wǎng)絡(luò)
課件。本文以《
信息技術(shù)網(wǎng)絡(luò)課堂——圖形圖像篇》為例，介紹如何使用Articulate Storyline軟件，通過非編程的方式開發(fā)交互式多媒體網(wǎng)絡(luò)
課件。
一、Storyline簡介
Articulate Storyline 是由美國Articulate 公司開發(fā)的一款專業(yè)e-learning課件開發(fā)軟件。自2012年5月發(fā)布以來，Storyline憑借其人性化的操作界面、強(qiáng)大的交互效果設(shè)計(jì)能力、豐富的模板資源和素材庫、靈活的測試功能而受到了眾多開發(fā)者的歡迎，曾獲美國《培訓(xùn)》雜志（Ttraining Magazine）“Best of Elearning”大獎(jiǎng)——最佳E-learning開發(fā)工具獎(jiǎng)、最佳移動(dòng)
課件解決方案獎(jiǎng)等。 2014年9月，Articulate公司在Storyline1的基礎(chǔ)上推出了Storyline2及其中文版。Storyline2采用了新的界面風(fēng)格，完善了對中文輸入的支持，開發(fā)者可以像制作PowerPoint一樣輕松找到和使用各種工具，快速創(chuàng)建內(nèi)容和各種互動(dòng)效果。[1]中文版的推出及功能的完善，使得Storyline2成為國內(nèi)普通教師開發(fā)交互式網(wǎng)絡(luò)
課件的首選工具。
二、Storyline的功能與特點(diǎn)
1.操作簡單，易學(xué)易用
Storyline和Office2007一樣采用Ribbon風(fēng)格界面，操作方法也和Office2007基本相同。熟悉Office操作的教師能輕松找到和使用各類工具，快速地制作
課件內(nèi)容。即使是第一次使用Storyline的教師，也能無師自通地插入圖片、動(dòng)畫、
視頻等素材，并對各種素材進(jìn)行相應(yīng)的編輯和處理。因此，教師可以擺脫技術(shù)的束縛，全心投入
課件的設(shè)計(jì)與制作中。
2.非編程的交互設(shè)計(jì)方式
交互性是衡量
課件優(yōu)劣的重要指標(biāo)之一。網(wǎng)絡(luò)
課件交互設(shè)計(jì)的好壞直接影響
課件的質(zhì)量及學(xué)生的學(xué)習(xí)效果。根據(jù)我國學(xué)者陳麗提出的教學(xué)交互層次塔理論，學(xué)生與
課件的操作交互對信息交互、概念交互有重要的影響，是信息交互、概念交互的實(shí)現(xiàn)基礎(chǔ)。[2]因此，操作交互的設(shè)計(jì)是
課件設(shè)計(jì)和開發(fā)的重點(diǎn)。使用Flash開發(fā)交互
課件需要教師掌握腳本語言（Actionscript），有一定的技術(shù)難度。[3]相比Flash，Storyline的最大優(yōu)勢就是其交互設(shè)計(jì)具有“非編程”的特點(diǎn)。沒有任何編程基礎(chǔ)的教師也可以靈活設(shè)計(jì)和實(shí)現(xiàn)各種交互效果，制作出各種復(fù)雜的互動(dòng)
課件。
3.自帶多樣化的測驗(yàn)功能
測試反饋是優(yōu)秀網(wǎng)絡(luò)
課件不可或缺的部分。Storyline內(nèi)置了大量不同類型的測驗(yàn)題型，有判斷正誤、填空、單選、多選、匹配等打分題，也有李克特量表等調(diào)查型測驗(yàn)。使用題庫功能可以實(shí)現(xiàn)隨機(jī)出題的效果，學(xué)習(xí)者即使多次做題也不能預(yù)測出下一題。測驗(yàn)結(jié)束后，系統(tǒng)自動(dòng)做出評(píng)價(jià)，計(jì)算測試成績，并可以讓學(xué)生根據(jù)結(jié)果選擇是否回顧測試過程、打印測試結(jié)果或重新測試等。
4.靈活的發(fā)布功能
Storyline默認(rèn)的
課件發(fā)布格式為“網(wǎng)頁+Flash”形式，具有很高的可移植性，既可以在單機(jī)上通過瀏覽器或Flash Player運(yùn)行使用，也可以將其發(fā)布在Web服務(wù)器上，學(xué)生通過網(wǎng)絡(luò)遠(yuǎn)程訪問
課件。并且Storyline課件符合SCORM、AICC標(biāo)準(zhǔn)。對于具備E-learning平臺(tái)的學(xué)校和教師，可以輕松實(shí)現(xiàn)Storyline課件與學(xué)習(xí)
管理平臺(tái)（LMS）對接，對學(xué)生學(xué)習(xí)和測試進(jìn)行自動(dòng)跟蹤和
管理。
此外，Storyline支持iPad和Android平臺(tái)。在發(fā)布Storyline課件時(shí)，可以使用HTML5 和iPad選項(xiàng)將網(wǎng)絡(luò)
課件發(fā)布為移動(dòng)設(shè)備支持的格式。使用移動(dòng)設(shè)備的學(xué)習(xí)者可以通過網(wǎng)頁瀏覽器（HTML5）或者本機(jī)上的Articulate Mobile Player app瀏覽網(wǎng)絡(luò)
課件。[4]
5.媒體支持能力強(qiáng)， 交互元素多
Storyline具有強(qiáng)大的媒體支持能力，幾乎可以支持所有格式的
視頻文件和聲音文件。教師不需進(jìn)行繁瑣的格式轉(zhuǎn)換就可以將媒體文件直接插入到多媒體
課件中。另外，也可以插入網(wǎng)絡(luò)上的
視頻，或者在
課件制作過程中直接使用攝像頭和麥克風(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)行簡單的操作即可。
三、使用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)勢，但其對編程的需求對普通教師來說是一個(gè)比較難逾越的技術(shù)門檻。而Articulate Storyline同時(shí)兼?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è)計(jì)和
管理 和PowerPoint一樣，Storyline也是通過幻燈片來進(jìn)行內(nèi)容的輸入與
管理。另外，Storyline加入了場景的功能，在一個(gè)Storyline課件中，可以包含多個(gè)場景。場景內(nèi)各幻燈片之間可以相互鏈接與跳轉(zhuǎn)，同時(shí)，也可以實(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è)計(jì)與動(dòng)畫制作 對于普通教師來說，用Storyline開發(fā)網(wǎng)絡(luò)課件最大的特點(diǎn)就是可以采用非編程的方式進(jìn)行交互效果設(shè)計(jì)，輕松創(chuàng)作出精彩的互動(dòng)內(nèi)容。在幻燈片編輯模式下，選中任何對象（圖片、人物角色、文本、按鈕、熱區(qū)等）后，點(diǎn)擊觸發(fā)器面板中的“新建觸發(fā)器”按鈕，即可打開“觸發(fā)器向?qū)А睂υ捒?，進(jìn)行交互設(shè)計(jì)（如圖4）。在“觸發(fā)器向?qū)А睂υ捒蛑校ㄈ鐖D5），Storyline提供了幻燈片跳轉(zhuǎn)、圖層顯示與隱藏、媒體控制、課程重啟與退出、跳轉(zhuǎn)到網(wǎng)頁或文件、調(diào)整變量、移動(dòng)對象、提交測驗(yàn)等二十幾種交互操作。通過觸發(fā)器向?qū)?，教師可以輕松制作出其他開發(fā)工具需要編程語言才能實(shí)現(xiàn)的交互效果，并以類似自然語言的形式呈現(xiàn)出來，例如：“按鈕1：當(dāng)單擊時(shí)暫停視頻 介紹.flv”。 圖4 觸發(fā)器面板 圖5 觸發(fā)器向?qū)?nbsp; Storyline課件的動(dòng)畫設(shè)計(jì)與PowerPoint類似。選中需要設(shè)計(jì)動(dòng)畫效果的對象后，點(diǎn)擊“動(dòng)畫”菜單就可以設(shè)置各種進(jìn)入動(dòng)畫、退出動(dòng)畫及動(dòng)作路徑動(dòng)畫。另外，也可以對整張幻燈片或某一圖層設(shè)置切換效果。 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ā)課件的過程中，可以通過設(shè)置觸發(fā)器實(shí)現(xiàn)導(dǎo)航。另外，在播放器屬性設(shè)置中，可以方便地根據(jù)課件結(jié)構(gòu)設(shè)計(jì)課件導(dǎo)航菜單。點(diǎn)擊“播放器”按鈕，打開“播放器屬性”對話框，進(jìn)入“菜單”選項(xiàng)卡后，系統(tǒng)會(huì)根據(jù)場景和幻燈片的標(biāo)題自動(dòng)形成菜單結(jié)構(gòu)（如圖6）。在此基礎(chǔ)上，教師可以利用菜單下方的功能按鈕對自動(dòng)生成的菜單進(jìn)行調(diào)整和個(gè)性化設(shè)置，如增加或刪除菜單項(xiàng)、升級(jí)、降級(jí)、設(shè)置導(dǎo)航限制等。 圖6 導(dǎo)航菜單的設(shè)計(jì) 4.評(píng)價(jià)測試模塊的制作 在Storyline中，使用其內(nèi)置的測驗(yàn)功能可以高效、簡單地設(shè)計(jì)和開發(fā)課件評(píng)價(jià)測試模塊。課件運(yùn)行時(shí)，向?qū)W習(xí)者提出問題，當(dāng)學(xué)生回答之后，課件根據(jù)答案正確與否，給出不同的反饋信息、統(tǒng)計(jì)分?jǐn)?shù)，并在測驗(yàn)結(jié)束后給出總體反饋和評(píng)價(jià)。具體實(shí)現(xiàn)方法：新建幻燈片——選擇“測驗(yàn)”選項(xiàng)卡——根據(jù)需要選擇題目類型。在如圖8所示的題目設(shè)計(jì)對話框中，教師可以輸入題目內(nèi)容、選項(xiàng)、正誤的反饋等。 圖7 插入測驗(yàn)幻燈片 圖8 測驗(yàn)設(shè)計(jì)對話框 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í)成績的跟蹤，及時(shí)掌握和評(píng)價(jià)教學(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)航菜單的下方就會(huì)出現(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í)者在使用課件時(shí)進(jìn)行下載或?yàn)g覽。 圖9 置詞匯表 6.課件的預(yù)覽與發(fā)布 在課件制作的過程中，教師可以隨時(shí)點(diǎn)擊“預(yù)覽”按鈕查看課件運(yùn)行效果，并且可以根據(jù)需要選擇軟件提供的三種預(yù)覽模式：對單張幻燈片預(yù)覽、單個(gè)場景預(yù)覽和整個(gè)課件預(yù)覽。課件制作的最后一個(gè)步驟就是發(fā)布環(huán)節(jié)。如圖10所示，在主頁菜單選項(xiàng)卡下面，點(diǎn)擊“發(fā)布”按鈕，打開“發(fā)布”對話框。默認(rèn)的課件發(fā)布格式為web形式，教師也通過選定“包括HTML5輸出”和“在iOS或Android上使用Articulate Mobile Player”復(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í)用性與操作簡單性，使得網(wǎng)絡(luò)課件的開發(fā)變得非常簡單。特[www .DYLW.NET第一論文網(wǎng)專業(yè)提供論文代寫和代寫論文的服務(wù)，歡迎光臨]別是其非編程的互動(dòng)效果設(shè)計(jì)方式，讓普通教師可以擺脫技術(shù)的束縛，全心設(shè)計(jì)和開發(fā)高質(zhì)量的互動(dòng)網(wǎng)絡(luò)課件。雖然，目前還沒有太多的教師關(guān)注Storyline，但筆者相信，隨著中文版的推出，將會(huì)有越來越多的教師注意到并選擇Storyline作為課件開發(fā)工具。Storyline在精品網(wǎng)絡(luò)課件開發(fā)方面也將會(huì)發(fā)揮越來越大的作用。 參考文獻(xiàn)： [1] Create interactivee-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] Publishing a Project for iPad or HTML5 [DB/OL]. http：//community.articulate.com/tutorials/products/publishing-a- project-for-ipad-or-html5.aspx [5] 余劍波.微課程設(shè)計(jì)的點(diǎn)鏈圈（PLC）模型研究[J].遠(yuǎn)程教育雜志， 2013，（5）. [6] 彭昱忠，元昌安，陳漢梅.基于Captivate的網(wǎng)絡(luò)多媒體課件制作技 術(shù)研究[J].中國電化教育，2007，（2）.
