羅藤

(岳陽職業(yè)技術(shù)學(xué)院信息工程學(xué)院,湖南 岳陽 414000)

Storyline 2在交互式網(wǎng)絡(luò)多媒體課件制作中的應(yīng)用
——以《css列表》一課為例

羅藤

(岳陽職業(yè)技術(shù)學(xué)院信息工程學(xué)院,湖南 岳陽 414000)

本文介紹了storyline2的功能及特點(diǎn)，通過具體的案例介紹了交互式多媒體課件的制作過程，旨在為沒有編程基礎(chǔ)的教師開發(fā)交互式網(wǎng)絡(luò)課件提供一種借鑒。

Storyline；網(wǎng)絡(luò)多媒體；課件

1 前言

隨著互聯(lián)網(wǎng)意識(shí)的普及，人們的學(xué)習(xí)方式也呈現(xiàn)出碎片化、泛化趨勢(shì)［1］，如何滿足學(xué)習(xí)者的碎片化學(xué)習(xí)要求，作為課件開發(fā)者的教師需要從知識(shí)傳遞的有效性、學(xué)習(xí)過程的交互性、課件開發(fā)的簡易性等方面來考慮課件制作工具的選擇，同時(shí)還需保證課件跨平臺(tái)訪問的兼容性問題。

Storyline2是類似于Powerpoint操作方式的互動(dòng)多媒體開發(fā)工具，用戶可在不編寫代碼的情況下，方便地創(chuàng)建形式多樣的人機(jī)交互效果，并可將課件發(fā)布為flash、html5、scrom等適合跨平臺(tái)使用的網(wǎng)絡(luò)課件標(biāo)準(zhǔn)格式。

2 交互式網(wǎng)絡(luò)多媒體課件的設(shè)計(jì)與制作

Storyline提供的交互式功能為學(xué)習(xí)者提供了更大控制權(quán)和自由度，通過高效的學(xué)習(xí)活動(dòng)設(shè)計(jì)，讓學(xué)習(xí)者主動(dòng)參與，最大限度滿足個(gè)性化學(xué)習(xí)需求[2]。按照課件制作的基本流程，可以將課件的設(shè)計(jì)與開發(fā)分為五個(gè)步驟：（1）根據(jù)學(xué)習(xí)對(duì)象及學(xué)習(xí)內(nèi)容的分析確定課件的主題；（2）根據(jù)選題進(jìn)行教學(xué)結(jié)構(gòu)設(shè)計(jì)；（3）將學(xué)習(xí)主題和教學(xué)設(shè)計(jì)綜合起來形成文字形式的課件詳案；（4）收集并整理相關(guān)素材；（5）使用課件制作工具制作交互式課件并發(fā)布。與傳統(tǒng)的演示型課件不同，課件所有教學(xué)交互設(shè)計(jì)都是圍繞在線學(xué)習(xí)活動(dòng)開展的，根據(jù)課件主題和知識(shí)模塊、類型，設(shè)計(jì)交互學(xué)習(xí)活動(dòng)及具體流程[3]。在學(xué)習(xí)過程中，根據(jù)知識(shí)點(diǎn)和技能點(diǎn)的需求，通過交互式問題、測(cè)試分值題等多種題型，主動(dòng)構(gòu)建適合情境的人機(jī)交互方式，促進(jìn)學(xué)習(xí)者能力培養(yǎng)。下面筆者通過計(jì)算機(jī)網(wǎng)絡(luò)技術(shù)專業(yè)的《網(wǎng)頁設(shè)計(jì)與制作》課程當(dāng)中的“CSS列表”一課為例，說明在stroyline2中交互式課件的制作方法及步驟。

2.1 編寫課件詳案

列表作為網(wǎng)頁的基本元素，是《網(wǎng)頁設(shè)計(jì)與制作》課程中的必備技能之一，課程主要圍繞列表的html元素和css修飾元素為主線，其中穿插了3種類型的交互式問題以及學(xué)習(xí)完成后的技能測(cè)試中分值為100分的技能測(cè)試題。CSS列表一課設(shè)計(jì)如下課件詳案（如表1所示）：

表1 “CSS列表設(shè)計(jì)”的詳案

2.2 制作交互式課件

按照課件的詳案，首先依順序制作出課件導(dǎo)航中的文字和圖片展示部分的幻燈片，然后將演示代碼形成的幻燈片利用storyline中的錄制屏幕工具完成，最后完成交互和測(cè)試方面幻燈片，三個(gè)交互式問題有三種不同類型，是提供給學(xué)習(xí)者人機(jī)交互的方式，不參與記分，如概念形成后的判斷形式的交互題。

2.2.1 插入判斷題幻燈片

在概念形成的幻燈片后打開插入新建幻燈片對(duì)話框，選擇測(cè)驗(yàn)選項(xiàng)中的打分選項(xiàng)，最后選擇對(duì)錯(cuò)判斷題，在右側(cè)的提示框中可見選擇類型。（如圖1所示）

圖1 判斷題幻燈片圖

2.2.2 輸入判斷問題

①輸入問題內(nèi)容。

②在輸入選擇中修改選擇的選項(xiàng)文字“正確”、“錯(cuò)誤”。

③在正確的選項(xiàng)前做好標(biāo)記。

④在設(shè)置反饋和分支中將分值對(duì)應(yīng)的磅值改為0。

經(jīng)過以上步驟，課件的判斷式交互問題就添加完成，可通過預(yù)覽方式查看其表現(xiàn)形式，如不需要課件提供的反饋信息可設(shè)置反饋選項(xiàng)中反饋方式為無，如圖2所示。

圖2 判斷式交互圖

2.2.3 添加其它交互問題

按照定位幻燈片位置，插入測(cè)驗(yàn)幻燈片，選擇問題類型及回答選項(xiàng)的流程，將課件中的其它交互問題插入課件的視圖中，可通過預(yù)覽功能確定問題的內(nèi)容及答案。注意測(cè)驗(yàn)的四道試題的分值為25分一道。在storyline2中提供十多種類型的人機(jī)交互方式，用戶可以通過自由格式創(chuàng)建試題，還可用頁面上的任何元素創(chuàng)建測(cè)試題，以便通過多種方式評(píng)估學(xué)生的學(xué)習(xí)效果。

2.2.4 設(shè)置分值測(cè)試題及反饋結(jié)果

將課件的交互問題插入完成后，需要將最后的四道測(cè)試題的測(cè)試結(jié)果統(tǒng)計(jì)并反饋給學(xué)習(xí)者，這里需要測(cè)驗(yàn)選項(xiàng)中的打分結(jié)果幻燈片，在打分結(jié)果幻燈片中計(jì)算結(jié)果選擇選定問題，將統(tǒng)計(jì)記分的四張幻燈片打勾標(biāo)記，并設(shè)置通過分?jǐn)?shù)為75分，即完成了測(cè)試試題部分的統(tǒng)計(jì)記分設(shè)置，如圖3所示。

圖3 測(cè)試反饋圖

2.3 發(fā)布課件

課件內(nèi)容和測(cè)試問題反饋結(jié)果完成后，即可發(fā)布課件，storyline2適用于多種課件形式，包括移動(dòng)設(shè)備。

3 結(jié)語

Storyline憑借其強(qiáng)大的功能、實(shí)用性與操作簡單性，使得交互式網(wǎng)絡(luò)課件的開發(fā)變得非常簡單。綜上所述，交互式網(wǎng)絡(luò)課件不僅能增加課程教學(xué)的互動(dòng)性，提高學(xué)生的學(xué)習(xí)興趣，而且保證了學(xué)生的學(xué)習(xí)效果。這對(duì)解決目前碎片化教學(xué)存在的問題提供了一種新的方式。

[1]羅潔．信息技術(shù)帶動(dòng)學(xué)習(xí)變革——從課堂學(xué)習(xí)到虛擬學(xué)習(xí)、移動(dòng)學(xué)習(xí)再到泛在學(xué)習(xí)[J]．中國電化教育，2014(1)：15-21．

[2]王冰．基于Storyline的交互式課件設(shè)計(jì)[J]．軟件導(dǎo)刊，2015(09)：180-183．

[3]吳軍其，齊利利，胡文鵬，等．微課件的學(xué)習(xí)活動(dòng)設(shè)計(jì)[J]．中國電化教育，2012(9)：106-109．

[4]鄭哲孚．Flash多媒體教學(xué)課件制作的探討[J]．電腦與電信，2012 (7)：69-70．

Application of Storyline 2 in the Production of Interactive Multimedia Courseware——Taking CSS List as an Example

Lo Teng
(Yueyang Vocational Technical College,Yueyang 414000,Hunan)

This paper introduces the functions and features of storyline2,introduces the production process of interactive multimedia courseware with specific case,in order to provide reference for teachers with no programming basis in the development of interactive network courseware.

Storyline network multimedia;courseware

G434

A

1008-6609(2016)08-0082-03

羅藤，男，湖南岳陽人，本科，網(wǎng)頁設(shè)計(jì)師，研究方向：web應(yīng)用系統(tǒng)開發(fā)、微課制作，信息技術(shù)教育。