基于Articulate Storyline的京劇教育游戲設(shè)計(jì)與開發(fā)

袁黎，李志平

摘要：多元文化沖擊的背景下，傳統(tǒng)京劇文化面臨著傳播困境。如何利用信息技術(shù)推動(dòng)京劇等傳統(tǒng)文化創(chuàng)造性轉(zhuǎn)化和創(chuàng)新性發(fā)展是需解決的現(xiàn)實(shí)問題。本研究利用Articulate Storyline互動(dòng)式課件制作工具，設(shè)計(jì)開發(fā)出以京劇為主題的教育游戲，以互動(dòng)式多媒體技術(shù)推動(dòng)京劇知識(shí)的學(xué)習(xí)和京劇文化的傳播。

關(guān)鍵詞：京劇；Articulate Storyline；教育游戲

中圖分類號(hào)：TP311? ? ? ? 文獻(xiàn)標(biāo)識(shí)碼：A

文章編號(hào)：1009-3044（2022）33-0010-03

1 背景

京劇作為中華優(yōu)秀傳統(tǒng)文化的典型代表，蘊(yùn)含著中華民族最深層的精神追求，是弘揚(yáng)民族精神和推動(dòng)國家發(fā)展的精神文化財(cái)富。多元文化的沖擊讓傳統(tǒng)京劇表演面臨著“曲高和寡”的現(xiàn)實(shí)困境，導(dǎo)致受眾市場(chǎng)逐步萎縮，觀眾結(jié)構(gòu)老齡化，影響力和活力逐漸衰弱等問題[1]。2014年，習(xí)近平總書記在文藝工作座談會(huì)上指出“中華優(yōu)秀傳統(tǒng)文化是我們?cè)谑澜缥幕な幹姓痉€(wěn)腳跟的堅(jiān)實(shí)根基”。在多元文化沖擊的背景下，如何利用信息技術(shù)推動(dòng)京劇等傳統(tǒng)文化創(chuàng)造性轉(zhuǎn)化和創(chuàng)新性發(fā)展是需解決的現(xiàn)實(shí)問題。

互動(dòng)式多媒體的誕生拓寬了京劇文化的傳播路徑，豐富了京劇知識(shí)的學(xué)習(xí)方式，開創(chuàng)了京劇藝術(shù)發(fā)展的新局面。Articulate Storyline作為一種新型互動(dòng)式多媒體課件制作工具，具備操作簡(jiǎn)單、功能豐富和互動(dòng)性強(qiáng)等優(yōu)勢(shì)。利用Storyline開發(fā)京劇主題的教育游戲，能使玩家在“玩中賞京劇”“玩中學(xué)京劇”，推動(dòng)京劇文化和知識(shí)的傳播。

2 Articulate Storyline的功能和特點(diǎn)

Articulate Storyline，中文含義為“清晰表達(dá)的故事線”，是一款多媒體互動(dòng)課件制作工具，簡(jiǎn)單易用且具有十分強(qiáng)大的交互功能[2]。該軟件以故事線排列幻燈片，內(nèi)置測(cè)試評(píng)估模板，提供多種素材和觸發(fā)器等功能，為游戲型課件制作提供了充足條件。

2.1 易用性

Articulate Storyline的操作界面和方法與PowerPoint相似。在該軟件頂部的菜單欄中是各類選項(xiàng)卡，每一選項(xiàng)卡下有相應(yīng)的各類功能區(qū)，界面結(jié)構(gòu)清晰，操作簡(jiǎn)單易懂。即使是第一次使用該軟件， 使用者也能快速插入圖片、動(dòng)畫、視頻等素材， 并對(duì)各種素材進(jìn)行相應(yīng)的編輯和處理[3]。

2.2 多樣性

該軟件的多樣性包括三個(gè)方面。首先，該軟件能夠集合呈現(xiàn)文字、圖片、音頻和視頻等多媒體表現(xiàn)形式，界面更加生動(dòng)；其次，該軟件內(nèi)置的測(cè)試功能包含評(píng)分類、調(diào)查類和自由形式類的三種問題類型，涉及選擇、判斷、匹配和文本輸入等多種形式的測(cè)試，種類豐富；最后，在課件制作完成后，制作者可以將課件發(fā)布成基于Flash的Web格式、光盤格式和Word格式，支持電腦、手機(jī)和平板等多設(shè)備使用，靈活性強(qiáng)。

2.3 交互性

除了提供常見的鼠標(biāo)交互之外，Storyline有其獨(dú)特的互動(dòng)形式。制作者可以利用Storyline的觸發(fā)器功能設(shè)置按鈕，對(duì)每一個(gè)按鈕設(shè)置不同的觸發(fā)條件（參數(shù)），實(shí)現(xiàn)游戲課件的操作性互動(dòng)。另外，制作者也可以通過軟件中內(nèi)置的測(cè)試增強(qiáng)學(xué)習(xí)性互動(dòng)，例如，針對(duì)地理課地圖的特點(diǎn)，通過拖拽式互動(dòng)易如反掌地解決拼地圖的問題[4]。

2.4 多支線模式

傳統(tǒng)課件的內(nèi)容結(jié)構(gòu)都是單線式，即每一個(gè)模塊內(nèi)容（知識(shí)點(diǎn)）按照先后順序排列。Storyline可以實(shí)現(xiàn)多支線式排列，使每一個(gè)內(nèi)容模塊并列在同一級(jí)別故事線中，每一個(gè)內(nèi)容模塊下又可以并列相應(yīng)的子模塊。這種多支線式排列方式為使用者提供了選擇不同支線的權(quán)利，增強(qiáng)了自由度和探索性，使課件更貼近含有不同“支線任務(wù)”的游戲。

3 《戲說京劇》教育游戲的設(shè)計(jì)與制作

教育游戲需要在以教育為本的基礎(chǔ)上兼顧游戲性，用游戲帶來興趣的同時(shí)，以豐富的知識(shí)內(nèi)容為支撐。本研究中的教育游戲旨在使玩家在使用該課件的同時(shí)，傳播京劇文化，培養(yǎng)人們傳承京劇傳統(tǒng)文化的意識(shí)和熱愛京劇傳統(tǒng)文化的精神。

3.1 結(jié)構(gòu)設(shè)計(jì)

任何項(xiàng)目計(jì)劃都是開發(fā)的前提，指導(dǎo)著整個(gè)開發(fā)過程。游戲的結(jié)構(gòu)則是整個(gè)游戲的“骨架”，在游戲開發(fā)之前必須進(jìn)行結(jié)構(gòu)設(shè)計(jì)。京劇文化歷史悠長(zhǎng)，內(nèi)容豐富，在表演、音樂、舞臺(tái)美術(shù)等各個(gè)方面都有一套規(guī)范化的藝術(shù)表現(xiàn)形式。京劇表演體系的所有特征都在“行當(dāng)”中得以體現(xiàn)[5]。要研討京劇，必須以“行當(dāng)”為切入點(diǎn)，整體把握京劇的美學(xué)特點(diǎn)。《戲說京劇》教育游戲圍繞生、旦、凈、丑四個(gè)行當(dāng)進(jìn)行設(shè)計(jì)，具體結(jié)構(gòu)如圖1所示。

在游戲開始前有一段開場(chǎng)白，玩家與引導(dǎo)員進(jìn)行互動(dòng)，了解游戲目標(biāo)是通過學(xué)習(xí)京劇知識(shí)后進(jìn)行答題以“喚醒”圖鑒中的人物。這一開場(chǎng)白為玩家創(chuàng)設(shè)了探索性的游戲情境，激起玩家對(duì)后續(xù)內(nèi)容的好奇心。

在玩家進(jìn)入游戲之后，可以自由選擇生、旦、凈、丑四個(gè)行當(dāng)中感興趣的一個(gè)進(jìn)行知識(shí)學(xué)習(xí)，每一個(gè)行當(dāng)下包括相應(yīng)的子行當(dāng)，如凈角分為正凈、副凈和武凈。每一個(gè)行當(dāng)都包括名詞解說、名家賞析、唱段介紹和角色介紹四部分內(nèi)容。

玩家在知識(shí)學(xué)習(xí)之后，進(jìn)入測(cè)試環(huán)節(jié)，進(jìn)行“試煉”，即答題。每次測(cè)試的題目?jī)?nèi)容是隨機(jī)的，包括選擇、匹配和判斷等多種形式。當(dāng)回答測(cè)試題的正確率達(dá)到80%，玩家獲得一次抽取卡牌的機(jī)會(huì)，可以隨機(jī)獲得一張京劇角色卡牌，點(diǎn)亮圖鑒中的該角色。如果正確率低于80%，玩家可以回顧試題，重新學(xué)習(xí)后答題。

3.2 界面設(shè)計(jì)

Articulate Storyline可以通過“插入”選項(xiàng)卡在同一張頁面上插入人物、文字、圖片和視頻等素材。《戲說京劇》利用此功能將學(xué)習(xí)內(nèi)容以多媒體的方式呈現(xiàn)，如圖2所示。京劇的文化底蘊(yùn)體現(xiàn)在唱腔、唱詞、服裝和表演等多個(gè)方面，利用多媒體表現(xiàn)形式能為游戲型課件創(chuàng)造一個(gè)更為真實(shí)生動(dòng)的游戲情境，使玩家盡可能地感受到京劇之美。另一方面，這種多媒體呈現(xiàn)方式使京劇知識(shí)學(xué)習(xí)變得輕松愉快，也更加符合信息時(shí)代“數(shù)字原住民”接收信息的習(xí)慣。這是因?yàn)椤皵?shù)字原住民”的成長(zhǎng)過程中伴隨著便利的數(shù)字通信技術(shù)，并受到豐富的信息技術(shù)文化的長(zhǎng)期洗禮，形成了數(shù)字化的生活方式和思維方式 [6]。

除了使畫面更為生動(dòng)，結(jié)合本游戲的主題，游戲中的場(chǎng)景、素材和按鈕的風(fēng)格應(yīng)該統(tǒng)一，與京劇主題相呼應(yīng)，呈現(xiàn)出古典、雅致而有趣的效果。《戲說京劇》中更多地使用圖形或圖文結(jié)合的方式呈現(xiàn)按鈕，按鈕的視覺效果會(huì)隨著光標(biāo)位置的移動(dòng)而變化，使玩家感覺界面能呼應(yīng)人的選擇而給出相應(yīng)的視覺反饋，增加使用的趣味性。這一效果可以通過在Storyline課件中不同層級(jí)的幻燈片設(shè)置相應(yīng)的觸發(fā)器參數(shù)實(shí)現(xiàn)。

如圖3所示，《戲說京劇》的行當(dāng)選擇界面的背景是戲臺(tái)，當(dāng)玩家觸碰四個(gè)燈籠中的任意一個(gè)，燈籠按鈕就會(huì)擴(kuò)大并發(fā)亮，戲臺(tái)中間也呈現(xiàn)出該燈籠對(duì)應(yīng)的行當(dāng)，點(diǎn)擊燈籠即可進(jìn)入該行當(dāng)?shù)膶W(xué)習(xí)內(nèi)容部分。這四個(gè)行當(dāng)用相應(yīng)的卡通角色表示，更為生動(dòng)有趣。這種趣味性情感的融入使界面不僅是人機(jī)交互的窗口，同時(shí)還是一個(gè)能夠給使用者帶來開心、愉快、輕松心情的快樂源泉[7]。

3.3 交互設(shè)計(jì)

交互性是Articulate Storyline區(qū)別于其他課件設(shè)計(jì)軟件的最大特點(diǎn)。《戲說京劇》通過Storyline中的條件觸發(fā)器和測(cè)試兩個(gè)功能增強(qiáng)了課件的交互性。一方面，利用Storyline里的條件觸發(fā)器可以實(shí)現(xiàn)使用者和課件之間靈活的操作性交互。傳統(tǒng)的課件設(shè)計(jì)軟件只能使用鼠標(biāo)或鍵盤對(duì)整個(gè)課件進(jìn)行切換、暫停或退出等操作。Storyline的獨(dú)特之處在于通過設(shè)置變量的觸發(fā)器以實(shí)現(xiàn)條件性互動(dòng)，即僅在滿足某些條件時(shí)才發(fā)生的交互。

如圖4所示，在《戲說京劇》的旦角界面里，將“旦角分類”設(shè)置為按鈕2，對(duì)該按鈕（對(duì)象）設(shè)置觸發(fā)參數(shù)（條件），即當(dāng)按鈕2被用戶單擊時(shí)，實(shí)現(xiàn)跳轉(zhuǎn)到幻燈片“1.38角旦分類頁”的效果。除了通過觸發(fā)器實(shí)現(xiàn)界面的切換、顯示和隱藏等效果，還可以實(shí)現(xiàn)媒體的播放、暫停和時(shí)間跳轉(zhuǎn)等操作性互動(dòng)。

另一方面，利用Storyline軟件中內(nèi)置的測(cè)試問題功能，可以創(chuàng)建不同的題庫，選擇恰當(dāng)?shù)膯栴}類型，設(shè)置相應(yīng)的問題內(nèi)容，實(shí)現(xiàn)學(xué)習(xí)性互動(dòng)。《戲說京劇》利用此功能設(shè)置了生、旦、凈、丑四個(gè)行當(dāng)所含子類別的十五個(gè)題庫，使每一個(gè)題庫與學(xué)習(xí)內(nèi)容相對(duì)應(yīng)，包含選擇、拖動(dòng)、判斷和文本輸入等多種類型，防止學(xué)習(xí)者在答題過程中因題型單一而感到枯燥無趣。此外，利用題庫還能夠?qū)崿F(xiàn)隨機(jī)出題的效果，避免出現(xiàn)學(xué)習(xí)者因?yàn)楸愁}而出現(xiàn)評(píng)價(jià)偏差的情況[8]。

3.4 獎(jiǎng)勵(lì)設(shè)計(jì)

獎(jiǎng)勵(lì)是教育游戲中廣泛存在的元素，不僅能對(duì)玩家行為進(jìn)行肯定和贊許，還能擴(kuò)展游戲進(jìn)程，提高游戲黏度[9]。獎(jiǎng)勵(lì)的設(shè)計(jì)思想源于斯金納的強(qiáng)化學(xué)習(xí)理論。斯金納認(rèn)為強(qiáng)化包括獎(jiǎng)勵(lì)（正強(qiáng)化）和懲罰（負(fù)強(qiáng)化）兩種類型，通過獎(jiǎng)勵(lì)可以增強(qiáng)學(xué)習(xí)者積極的情感體驗(yàn)，激發(fā)學(xué)習(xí)者的學(xué)習(xí)動(dòng)力。當(dāng)學(xué)習(xí)者做出的學(xué)習(xí)行為符合教學(xué)目標(biāo)，就可以給予學(xué)習(xí)者獎(jiǎng)勵(lì)，建立起“行為-獎(jiǎng)勵(lì)”的模式，增加這種學(xué)習(xí)行為發(fā)生的頻次。

在《戲說京劇》中，玩家可以在瀏覽完學(xué)習(xí)內(nèi)容之后進(jìn)行“試煉”，即答題。正確率達(dá)到80%則可以獲得抽取一次卡牌的機(jī)會(huì)，低于80%則可以回顧試題并重新答題。將答題正確率設(shè)置為獎(jiǎng)勵(lì)獲得條件，可以促使學(xué)習(xí)者認(rèn)真瀏覽、理解和記憶學(xué)習(xí)內(nèi)容。將京劇角色卡牌設(shè)置為獎(jiǎng)勵(lì)，符合游戲主題，能為玩家提供畫面的審美體驗(yàn)和游戲愉悅感，減輕知識(shí)學(xué)習(xí)的疲勞感，促進(jìn)學(xué)習(xí)的發(fā)生與維持。

但是，如果一款游戲的獎(jiǎng)勵(lì)永遠(yuǎn)單一且重復(fù)，游戲?qū)⒉辉倬哂猩衩馗校婕乙矔?huì)失去最初的期待。《戲說京劇》的卡牌抽取是隨機(jī)的，已經(jīng)抽取到的角色卡牌將不再出現(xiàn)。玩家在每一次抽取卡牌的過程中都將產(chǎn)生期待感，并在獲得全圖鑒，即收集所有卡牌的過程中產(chǎn)生成就感，如圖5所示。

4 《戲說京劇》教育游戲的作用

教育游戲必須兼顧教育性和游戲性，讓學(xué)習(xí)者在輕松愉快的游戲過程中建構(gòu)知識(shí)。《戲說京劇》教育游戲以京劇為主題，以互動(dòng)式多媒體為載體，創(chuàng)新了京劇文化傳播形式，推動(dòng)了京劇知識(shí)學(xué)習(xí)。

4.1 多媒體技術(shù)拓寬京劇傳播邊界

20世紀(jì)的京劇藝術(shù)在以文本和舞臺(tái)為傳播載體的基礎(chǔ)上，經(jīng)歷了廣播、電影和電視傳播的三個(gè)階段，滿足了戲迷聽?wèi)颉⒖磻蚝统獞虻脑竿鸵蟆Ｔ诙嘣幕瘺_擊的背景下，京劇文化因其內(nèi)容嚴(yán)肅性、傳播方式傳統(tǒng)性等特點(diǎn)，難以吸引到非專業(yè)觀眾。

互動(dòng)式多媒體技術(shù)為京劇傳播賦能，通過其多樣性、生動(dòng)性和交互性等特點(diǎn)，為體驗(yàn)者帶來聽覺、視覺和情感上的互動(dòng)新體驗(yàn)。《戲說京劇》教育游戲以Articulate Storyline交互式軟件為載體，支持電腦、手機(jī)和平板等多種終端設(shè)備，使玩家能夠隨時(shí)隨地在“玩中學(xué)京劇”“玩中賞京劇”，豐富了京劇的傳播形式，拓寬了京劇的傳播邊界。

4.2 教育游戲形式觸達(dá)年輕受眾

《戲說京劇》教育游戲兼顧教育性和游戲性。作為一個(gè)教育游戲，它具備游戲所具有的探索、挑戰(zhàn)、控制和獎(jiǎng)勵(lì)等特征，在為使用者提供游戲愉悅感的同時(shí)，它的內(nèi)容、任務(wù)和獎(jiǎng)勵(lì)都與京劇主題相關(guān)，以京劇文化傳播和知識(shí)學(xué)習(xí)為目標(biāo)，實(shí)現(xiàn)了內(nèi)容嚴(yán)肅性、知識(shí)性與形式創(chuàng)新性、體驗(yàn)性的結(jié)合。

這種體驗(yàn)的、自主的游戲化學(xué)習(xí)方式是人本主義思想的體現(xiàn)，更符合當(dāng)代年輕人對(duì)知識(shí)學(xué)習(xí)的訴求。精美有趣的交互界面更能激發(fā)游戲興趣，帶來審美的愉悅感和游戲的成就感，使京劇文化在年輕人中得到有效傳播。

5 結(jié)束語

在信息技術(shù)與文化產(chǎn)業(yè)深度融合的背景下，本文首先分析了Articulate Storyline的功能和特點(diǎn)，然后利用該軟件制作了京劇主題教育游戲，對(duì)該游戲的結(jié)構(gòu)、界面、交互和獎(jiǎng)勵(lì)進(jìn)行了合理的設(shè)計(jì)，讓學(xué)習(xí)者在生動(dòng)有趣的互動(dòng)和真實(shí)的審美體驗(yàn)中學(xué)習(xí)京劇文化知識(shí)，在寓教于樂的過程中推動(dòng)京劇文化的傳播。

參考文獻(xiàn)：

[1] 呂文寶.賦能、跨界與多元：互聯(lián)網(wǎng)時(shí)代京劇傳播的三種創(chuàng)新理念[J].新聞研究導(dǎo)刊，2020，11（13）：40-42.

[2] 鄭燕林，林秀欽.實(shí)用教與學(xué)技術(shù)工具[M].北京：中央廣播電視大學(xué)出版社，2015.

[3] 黃燕玲.基于Articulate Storyline的微課程設(shè)計(jì)與開發(fā)[J].中小學(xué)電教（綜合），2016（3）：66-68.

[4] 李秀亭，關(guān)雪瑤.初中課堂使用Articulate Storyline制作交互課件的探究[J].中國現(xiàn)代教育裝備，2018（6）：72-73.

[5] 譚靜波.京劇行當(dāng)?shù)拿缹W(xué)特征[J].藝術(shù)百家，2014，30（3）：178-183.

[6] 顧小清，林仕麗，汪月.理解與應(yīng)對(duì)：千禧年學(xué)習(xí)者的數(shù)字土著特征及其學(xué)習(xí)技術(shù)吁求[J].現(xiàn)代遠(yuǎn)程教育研究，2012（1）：23-29.

[7] 宋繼東.淺析人機(jī)交互圖形化界面的情感化設(shè)計(jì)[J].藝術(shù)與設(shè)計(jì)（理論版），2008（11）：168-170.

[8] 葛牧天.淺析幾種常用的微課制作軟件[J].電腦知識(shí)與技術(shù)（學(xué)術(shù)版），2016（4）：208-209.

[9] 王悅，王廣新，王超，等.學(xué)生對(duì)教育游戲獎(jiǎng)勵(lì)情感體驗(yàn)的差異分析[J].現(xiàn)代教育技術(shù)，2017，27（8）：25-31.

【通聯(lián)編輯：唐一東】