基于微信小程序的“闖關(guān)游戲式”學(xué)習(xí)平臺的研究與設(shè)計

陳宏揚 龍雨妃

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

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

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

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

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

1.1 即用即走

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

1.2 用戶紅利

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

1.3 多終端適配

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

1.4 免注冊，易推廣

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

1.5 前景明朗

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

1.6 教育資源共享

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

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

2.1 平臺總體架構(gòu)設(shè)計

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

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

2.1.1 頁面視圖層（View）

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

2.1.2 邏輯層（App Service）

邏輯層為MINA框架提供服務(wù)，使用JavaScript編寫，采用基于微信的異步線程單獨加載運行，處理學(xué)習(xí)平臺的頁面渲染、頁面交互，例如學(xué)習(xí)平臺的學(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)層包括微信能力、文件存儲、網(wǎng)絡(luò)請求等，其中微信能力包括微信用戶信息、微信公眾號、二維碼、掃一掃、微信支付等基礎(chǔ)功能，開發(fā)學(xué)習(xí)平臺時可以通過邏輯層進行調(diào)用，文件存儲包括學(xué)習(xí)平臺的頁面臨時數(shù)據(jù)、本地緩存、網(wǎng)絡(luò)存儲或調(diào)用等數(shù)據(jù)，學(xué)習(xí)平臺開發(fā)時，需要開通騰訊云，并與學(xué)習(xí)平臺小程序關(guān)聯(lián)，用于存儲用戶的學(xué)習(xí)數(shù)據(jù)、排名數(shù)據(jù)以及課程等數(shù)據(jù)。

2.2 平臺子模塊設(shè)計

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

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

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

2.2.2 闖關(guān)測驗階段

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

3 結(jié)語

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

[參考文獻]

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

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

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