陳宏揚(yáng) 龍雨妃

摘要：基于微信小程序的輕應(yīng)用開發(fā)正在成為新的互聯(lián)網(wǎng)風(fēng)口，特別是類似“跳一跳”這類的闖關(guān)輕游戲得到了廣大網(wǎng)民的喜愛。如果融入游戲化學(xué)習(xí)思維，把學(xué)習(xí)平臺(tái)打造成一個(gè)闖關(guān)類的微信小程序游戲，使學(xué)習(xí)者的學(xué)習(xí)過程變成通關(guān)打游戲，一方面能夠提升在線學(xué)習(xí)的樂趣，激發(fā)學(xué)生學(xué)習(xí)動(dòng)機(jī)，增強(qiáng)在線學(xué)習(xí)平臺(tái)的黏性，另一方面利用微信的流量優(yōu)勢(shì)，能夠幫助學(xué)習(xí)平臺(tái)裂變更多的學(xué)習(xí)者。文章提出了基于微信小程序的“闖關(guān)游戲式”學(xué)習(xí)平臺(tái)的研究與設(shè)計(jì)，并探討其總體設(shè)計(jì)以及平臺(tái)子模塊設(shè)計(jì)。

關(guān)鍵詞：微信教學(xué)；微信小程序；游戲化學(xué)習(xí)；在線學(xué)習(xí)平臺(tái)；教育游戲

根據(jù)《2017微信用戶&生態(tài)研究報(bào)告》顯示，微信用戶的活躍用戶已經(jīng)達(dá)到8.89億，2016年日均使用微信時(shí)長在4小時(shí)以上的用戶較2015年增加了一倍，微信已經(jīng)成為人們重要的社交活動(dòng)之一，而基于微信小程序的輕應(yīng)用開發(fā)正在成為新的互聯(lián)網(wǎng)風(fēng)口。2017年12月28日，小程序游戲“跳一跳”上線，不到1個(gè)月累計(jì)用戶數(shù)量已經(jīng)達(dá)到3.1億，究其原因主要是微信龐大的用戶群加上人們習(xí)慣利用碎片化的時(shí)間進(jìn)行放松，減輕壓力的行為。隨著互聯(lián)網(wǎng)教育的快速發(fā)展，教育游戲越來越熱，游戲化學(xué)習(xí)思維也越來越得到社會(huì)認(rèn)可，如果能夠利用人們愛玩游戲的心理，融入游戲化學(xué)習(xí)思維，基于微信小程序開發(fā)把類似MOOC的學(xué)習(xí)平臺(tái)打造成一個(gè)闖關(guān)類輕游戲小程序，把平臺(tái)內(nèi)的課程學(xué)習(xí)過程設(shè)計(jì)成一個(gè)個(gè)好玩的角色扮演（Role-Playing Game，RPG）通關(guān)游戲任務(wù)，讓用戶在學(xué)習(xí)的過程中得到積分、徽章獎(jiǎng)勵(lì)，并利用排行榜等元素來激發(fā)學(xué)生的挑戰(zhàn)心，一方面能夠迎合學(xué)習(xí)者的喜好，提升學(xué)習(xí)者的學(xué)習(xí)樂趣，激發(fā)學(xué)生的學(xué)習(xí)動(dòng)機(jī)，增強(qiáng)學(xué)習(xí)平臺(tái)的用戶粘性，另一方面微信自帶流量屬性，能夠讓學(xué)習(xí)平臺(tái)更快地在用戶間傳播，快速裂變新的學(xué)習(xí)者。綜上所述，本文提出了基于微信小程序的“闖關(guān)游戲式”學(xué)習(xí)平臺(tái)的開發(fā)。

1 基于微信小程序的游戲化學(xué)習(xí)平臺(tái)的優(yōu)勢(shì)及意義

2017年1月9日，微信小程序正式上線，它基于微信開發(fā)，不需要安裝，用戶掃描二維碼或者直接搜索到便可使用。微信小程序采用DCloud流應(yīng)用模式進(jìn)行開發(fā)，并使用JS實(shí)現(xiàn)業(yè)務(wù)邏輯，WXML和WXSS來共同實(shí)現(xiàn)表現(xiàn)層功能，WXML是一種微信定義的模板語言，WXSS類似CSS，屬于國內(nèi)首創(chuàng)[1]，該技術(shù)的開發(fā)屬于國內(nèi)領(lǐng)先水平，使用該技術(shù)來開發(fā)游戲化學(xué)習(xí)平臺(tái)，既有利于推廣輕應(yīng)用開發(fā)新技術(shù)，而且可以創(chuàng)新國內(nèi)教育軟件及游戲化學(xué)習(xí)平臺(tái)，推動(dòng)游戲化學(xué)習(xí)平臺(tái)的發(fā)展。其中基于微信小程序來開發(fā)游戲化學(xué)習(xí)平臺(tái)的優(yōu)勢(shì)及意義主要體現(xiàn)在以下6個(gè)方面。

1.1 即用即走

現(xiàn)在市面上很多的移動(dòng)學(xué)習(xí)平臺(tái)，比如超星學(xué)習(xí)通，都是需要用戶安裝APP，用戶不使用的時(shí)候也會(huì)占用手機(jī)的存儲(chǔ)空間，而微信小程序不需要安裝到手機(jī)上，它是微信內(nèi)的云端應(yīng)用，像微信公眾號(hào)一樣活在你的微信里，要用的時(shí)候打開，不用就關(guān)掉，方便了用戶。

1.2 用戶紅利

微信擁有8億多的用戶，而且黏性很高，讓各大學(xué)習(xí)平臺(tái)費(fèi)盡心思的流量問題輕松解決。微信小程序依附于微信，繼承了微信的用戶群，在微信里開發(fā)產(chǎn)品更容易觸達(dá)用戶，而且如何掃碼、分享、參與活動(dòng)不需要再教育，其優(yōu)勢(shì)是其他學(xué)習(xí)平臺(tái)無法比擬的。

1.3 多終端適配

支持多種智能手機(jī)和平板，支持Android，iOS，Windows，Symbian等智能系統(tǒng)，騰訊公司對(duì)小程序?qū)ｉT做了優(yōu)化，配合自己定義的開發(fā)語言標(biāo)準(zhǔn)，提升了小程序的性能，增強(qiáng)了平臺(tái)的穩(wěn)定性，只要能安裝微信的終端，都能享受到基于小程序的游戲化學(xué)習(xí)平臺(tái)的優(yōu)勢(shì)。

1.4 免注冊(cè)，易推廣

微信小程序依附于微信這個(gè)航母應(yīng)用，在微信中的“發(fā)現(xiàn)”菜單有單獨(dú)的入口，還可以通過搜索、掃一掃等方式直達(dá)學(xué)習(xí)內(nèi)容，同時(shí)學(xué)習(xí)者不需要再注冊(cè)新的學(xué)習(xí)賬號(hào)，只需給微信賬號(hào)授權(quán)即可登錄。微信在2017年6月上線了小程序的關(guān)鍵詞推廣，增強(qiáng)了小程序的曝光率；通過附近的小程序等流量入口，對(duì)于挖掘?qū)W習(xí)平臺(tái)的新用戶有舉足輕重的作用；結(jié)合微信公眾號(hào)的軟文推廣以及搭建小程序和公眾號(hào)之間的聯(lián)系，加大學(xué)習(xí)平臺(tái)的宣傳；分享到群，分享到好友的親民功能加強(qiáng)了學(xué)習(xí)平臺(tái)的傳播。

1.5 前景明朗

微信的主要思想是去中心化，未來的主推產(chǎn)品可能就是小程序，而小程序最有前景的應(yīng)用筆者認(rèn)為是輕游戲，基于微信小程序的游戲化學(xué)習(xí)平臺(tái)的開發(fā)正是以此為契機(jī)，一方面迎合市場(chǎng)的需求，另一方面加強(qiáng)游戲化學(xué)習(xí)思維的推廣。

1.6 教育資源共享

高校的精品資源對(duì)于圍墻外的人來說是可望而不可即的，微信小程序可以幫助高校把現(xiàn)有的優(yōu)質(zhì)微課、課件和題庫等教學(xué)資源傳播出去，讓高校有更多的受眾[2]。

2 游戲化學(xué)習(xí)平臺(tái)的開發(fā)與設(shè)計(jì)

2.1 平臺(tái)總體架構(gòu)設(shè)計(jì)

平臺(tái)的總體架構(gòu)和學(xué)習(xí)流程引入游戲化的學(xué)習(xí)思維，并結(jié)合“碎片化資源，結(jié)構(gòu)化課程”的指導(dǎo)思想，在微信小程序開發(fā)平臺(tái)上進(jìn)行開發(fā)。把學(xué)習(xí)平臺(tái)內(nèi)的每一門課程的學(xué)習(xí)過程打造成一個(gè)個(gè)好玩的RPG闖關(guān)游戲任務(wù)。用微信登錄學(xué)習(xí)平臺(tái)后，學(xué)習(xí)者可以作為騎士進(jìn)行學(xué)習(xí)闖關(guān)或者成為守關(guān)BOSS角色接收學(xué)習(xí)者挑戰(zhàn)[3]，并獲得對(duì)應(yīng)的積分，最終刷新排名榜。

系統(tǒng)采用MINA技術(shù)框架進(jìn)行開發(fā)，整個(gè)框架分為3層：視圖層、邏輯層和系統(tǒng)層，如圖1所示。該框架可以對(duì)微信提供的文件系統(tǒng)、網(wǎng)絡(luò)通信、任務(wù)管理、數(shù)據(jù)安全等基礎(chǔ)功能進(jìn)行封裝，對(duì)上層提供一整套JavaScript API，調(diào)用微信提供的各種基礎(chǔ)功能與能力，能夠幫助我們快速地搭建游戲化學(xué)習(xí)平臺(tái)。

2.1.1 頁面視圖層（View）

WXML是MINA提供的一套類似HTML標(biāo)簽的語言以及一系列基礎(chǔ)組件，結(jié)合開發(fā)WXSS文件來控制頁面的展現(xiàn)樣式，平臺(tái)中所有的學(xué)習(xí)交互流程和功能模塊均可在該層次上面實(shí)現(xiàn)，如RPG角色界面、游戲?qū)W習(xí)任務(wù)闖關(guān)界面、學(xué)習(xí)排行榜等。

2.1.2 邏輯層（App Service）

邏輯層為MINA框架提供服務(wù)，使用JavaScript編寫，采用基于微信的異步線程單獨(dú)加載運(yùn)行，處理學(xué)習(xí)平臺(tái)的頁面渲染、頁面交互，例如學(xué)習(xí)平臺(tái)的學(xué)習(xí)筆記數(shù)據(jù)、學(xué)習(xí)者闖關(guān)數(shù)據(jù)、學(xué)習(xí)者交流等數(shù)據(jù)。它區(qū)別于HTML5，不能使用JavaScript中的DOM操作。

2.1.3 系統(tǒng)層（Navtive）

系統(tǒng)層包括微信能力、文件存儲(chǔ)、網(wǎng)絡(luò)請(qǐng)求等，其中微信能力包括微信用戶信息、微信公眾號(hào)、二維碼、掃一掃、微信支付等基礎(chǔ)功能，開發(fā)學(xué)習(xí)平臺(tái)時(shí)可以通過邏輯層進(jìn)行調(diào)用，文件存儲(chǔ)包括學(xué)習(xí)平臺(tái)的頁面臨時(shí)數(shù)據(jù)、本地緩存、網(wǎng)絡(luò)存儲(chǔ)或調(diào)用等數(shù)據(jù)，學(xué)習(xí)平臺(tái)開發(fā)時(shí)，需要開通騰訊云，并與學(xué)習(xí)平臺(tái)小程序關(guān)聯(lián)，用于存儲(chǔ)用戶的學(xué)習(xí)數(shù)據(jù)、排名數(shù)據(jù)以及課程等數(shù)據(jù)。

2.2 平臺(tái)子模塊設(shè)計(jì)

依照“闖關(guān)游戲式”的學(xué)習(xí)模式，教師在平臺(tái)上建設(shè)課程的時(shí)候，對(duì)課程資源進(jìn)行組織，在每個(gè)學(xué)習(xí)任務(wù)的知識(shí)點(diǎn)導(dǎo)入微課、教學(xué)課件、闖關(guān)秘籍（課程導(dǎo)學(xué)、重點(diǎn)難點(diǎn)指導(dǎo)）、習(xí)題庫等教學(xué)資源，并對(duì)學(xué)習(xí)任務(wù)進(jìn)行相關(guān)的屬性設(shè)置，如完成時(shí)間、生命值加權(quán)計(jì)算（分?jǐn)?shù)加權(quán)計(jì)算）等。平臺(tái)課程學(xué)習(xí)主要有兩個(gè)階段，分別是自主學(xué)習(xí)階段和闖關(guān)測(cè)驗(yàn)階段，每個(gè)學(xué)習(xí)階段設(shè)計(jì)對(duì)應(yīng)的功能子模塊，子模塊功能通過接口相互調(diào)用，既可以獨(dú)立使用，也可以結(jié)合其他模塊使用。

2.2.1 自主學(xué)習(xí)階段

設(shè)計(jì)自主學(xué)習(xí)系統(tǒng)，該系統(tǒng)主要由有選課模塊、角色扮演RPG系統(tǒng)模塊、生命值模塊、學(xué)習(xí)任務(wù)模塊、教學(xué)互動(dòng)模塊、在線筆記模塊所組成。學(xué)習(xí)時(shí)，學(xué)習(xí)者用微信登錄學(xué)習(xí)平臺(tái)后，RPG系統(tǒng)會(huì)自動(dòng)把第一次登錄的學(xué)習(xí)者識(shí)別為騎士角色，并讓學(xué)習(xí)者選擇自己的形象照。學(xué)生通過在當(dāng)前知識(shí)點(diǎn)觀看授課視頻、參與學(xué)習(xí)討論、回答教師問題、完成作業(yè)、記錄課堂筆記等學(xué)習(xí)活動(dòng)并結(jié)合完成時(shí)間來獲得騎士的生命值，學(xué)習(xí)者必須完成當(dāng)前知識(shí)點(diǎn)任務(wù)的學(xué)習(xí)后，才能進(jìn)入到后一個(gè)知識(shí)點(diǎn)的學(xué)習(xí)。生命值系統(tǒng)由教師管理，在后臺(tái)可以進(jìn)行生命值加權(quán)計(jì)算設(shè)置，生命值占比案例設(shè)置如圖2所示。學(xué)習(xí)者自主學(xué)習(xí)階段的生命值由每個(gè)知識(shí)點(diǎn)獲得的生命值累計(jì)得出，當(dāng)學(xué)習(xí)者完成整個(gè)課程知識(shí)任務(wù)的學(xué)習(xí)，并獲得60分以上的生命值時(shí)，即可獲得進(jìn)行闖關(guān)測(cè)驗(yàn)階段的資格，當(dāng)學(xué)習(xí)者確認(rèn)進(jìn)行闖關(guān)測(cè)驗(yàn)挑戰(zhàn)時(shí)，系統(tǒng)將自動(dòng)將學(xué)習(xí)者當(dāng)前的生命值提交到學(xué)習(xí)排行榜。

2.2.2 闖關(guān)測(cè)驗(yàn)階段

設(shè)計(jì)闖關(guān)測(cè)驗(yàn)系統(tǒng)，主要包括闖關(guān)測(cè)驗(yàn)?zāi)K、RPG角色模塊、計(jì)時(shí)模塊、闖關(guān)經(jīng)驗(yàn)值等子模塊，由老師在課程建設(shè)試題庫，試題類型主要包括客觀題和主觀題，分難、中、易3種維度將題目導(dǎo)入平臺(tái)，利用測(cè)驗(yàn)系統(tǒng)的組卷功能，可以隨機(jī)組成不同的測(cè)試卷，形成課程闖關(guān)測(cè)驗(yàn)任務(wù)，闖關(guān)測(cè)驗(yàn)任務(wù)有30道選擇題，共計(jì)60經(jīng)驗(yàn)值；10道判斷題，共計(jì)20經(jīng)驗(yàn)值，以及l(fā)道問答題，共計(jì)20經(jīng)驗(yàn)值，累計(jì)100經(jīng)驗(yàn)值。主觀題經(jīng)驗(yàn)值由系統(tǒng)打分直接得出，主觀題經(jīng)驗(yàn)值由老師后臺(tái)評(píng)出。闖關(guān)測(cè)驗(yàn)系統(tǒng)針對(duì)難、中、易關(guān)卡設(shè)計(jì)3個(gè)守關(guān)BOSS角色進(jìn)行守關(guān)，每一個(gè)關(guān)卡通關(guān)成功并且獲得最高經(jīng)驗(yàn)值的學(xué)習(xí)者自動(dòng)被系統(tǒng)識(shí)別為關(guān)卡守關(guān)BOSS，時(shí)刻迎接學(xué)習(xí)者挑戰(zhàn)。闖關(guān)前，學(xué)習(xí)者甲先閱讀闖關(guān)秘籍，并選擇測(cè)驗(yàn)難度關(guān)卡以及預(yù)估完成時(shí)間，闖關(guān)任務(wù)右側(cè)會(huì)出現(xiàn)該關(guān)卡經(jīng)驗(yàn)值最高的學(xué)習(xí)乙進(jìn)行守關(guān)，并顯示學(xué)生乙的闖關(guān)時(shí)間和闖關(guān)經(jīng)驗(yàn)值，如圖3所示。闖關(guān)時(shí)，學(xué)習(xí)者甲如果在自己設(shè)定的時(shí)間內(nèi)完成測(cè)驗(yàn)，并獲得60以上經(jīng)驗(yàn)值，則闖關(guān)成功，經(jīng)驗(yàn)值將和前階段的生命值累加，提交到學(xué)習(xí)排名榜。如果學(xué)習(xí)者在相同難度的測(cè)驗(yàn)上，所花的時(shí)間更點(diǎn)，經(jīng)驗(yàn)值更高，那么學(xué)生甲的騎士就會(huì)走下來，把學(xué)習(xí)乙的守關(guān)BOSS殺掉，并獲得該關(guān)卡的附加經(jīng)驗(yàn)值，擊殺過程設(shè)計(jì)一些場(chǎng)景動(dòng)畫提升娛樂性，如BOSS躺倒、求饒等效果讓學(xué)生者獲得游戲快感，增強(qiáng)娛樂性[3]。

3 結(jié)語

微信小程序作為輕型應(yīng)用很有可能會(huì)是未來移動(dòng)互聯(lián)網(wǎng)應(yīng)用的主要形式，其良好的用戶體驗(yàn)以及基于微信強(qiáng)大的傳播能力必然能為MOOC等學(xué)習(xí)平臺(tái)的建設(shè)帶來更為廣闊的前景。同時(shí)，游戲化學(xué)習(xí)思維也越來越得到認(rèn)可，筆者將二者結(jié)合，希望能為同行開發(fā)在線學(xué)習(xí)平臺(tái)提供借鑒。

[參考文獻(xiàn)]

[1]劉琦，丁萍莉.基于微信小程序的互聯(lián)網(wǎng)+教育學(xué)習(xí)平臺(tái)的研究與設(shè)計(jì)[J].內(nèi)江科技，2016 （12）：45-46

[2]王娟.微信小程序在高校教學(xué)中的應(yīng)用與推廣[J]電腦知識(shí)與技術(shù)，2017（ 27）：147-148

[3]陳宏揚(yáng).基于HTML5的“闖關(guān)游戲式”移動(dòng)學(xué)習(xí)平臺(tái)的開發(fā)和設(shè)計(jì)[J]廣東輕工職業(yè)技術(shù)學(xué)院學(xué)報(bào)，2017 （3）：8-12.