摘 ?要：隨著移動互聯(lián)網(wǎng)技術(shù)的快速發(fā)展和移動終端設(shè)備的日益普及，越來越多的人開始利用移動終端來開展工作和進(jìn)行學(xué)習(xí)。為此，開發(fā)一款基于微信小程序的英語學(xué)習(xí)平臺，以滿足廣大學(xué)習(xí)者便捷學(xué)習(xí)英語的需求。文章從基于微信小程序英語學(xué)習(xí)平臺的用戶需求及功能需求角度出發(fā)，分析了基于微信小程序英語學(xué)習(xí)平臺設(shè)計(jì)環(huán)境的搭建及關(guān)鍵技術(shù)，并展示了其主要學(xué)習(xí)功能模塊的實(shí)現(xiàn)效果。

關(guān)鍵詞：微信小程序;英語學(xué)習(xí);平臺開發(fā);應(yīng)用

中圖分類號：TP311 ? ? ? 文獻(xiàn)標(biāo)識碼：A文章編號：2096-4706（2022）05-0011-04

Development and Application of English Learning Platform Based on WeChat Applet

GAO Ce

（Qingdao Women and Children’s Activity Center， Qingdao ?266071， China）

Abstract： With the rapid development of mobile Internet technology and the increasing popularity of mobile terminal equipment， more and more people begin to use mobile terminals to work and learn. Therefore， an English learning platform based on WeChat applet is developed to meet the needs of learners to learn English conveniently. From the perspective of user requirements and functional requirements of English learning platform based on WeChat applet， this paper analyzes the construction and key technologies of English learning platform design environment based on WeChat applet， and shows the implementation effect of its main learning function module.

Keywords： WeChat applet; English learning; platform development; application

0 ?引 ?言

當(dāng)前，微信公眾平臺已發(fā)展成一個(gè)成熟的應(yīng)用開發(fā)平臺，可以向開發(fā)者提供原生接口服務(wù)，具備開發(fā)能力的賬號運(yùn)營者可以利用微信APP的功能實(shí)現(xiàn)平臺設(shè)計(jì)。在這種背景下，基于微信小程序開發(fā)應(yīng)用學(xué)習(xí)平臺，發(fā)揮新媒體、新技術(shù)、新工具的優(yōu)勢，為用戶提供便捷的英語學(xué)習(xí)服務(wù)，符合未來知識學(xué)習(xí)的發(fā)展趨勢。本文針對基于微信小程序設(shè)計(jì)學(xué)習(xí)平臺進(jìn)行了研究，結(jié)合微信云技術(shù)數(shù)據(jù)開發(fā)與微信的優(yōu)點(diǎn)，設(shè)計(jì)出無須安裝、隨時(shí)可用的英語學(xué)習(xí)微信小程序。該平臺的開發(fā)成本低，免下載，免注冊，使用便捷，不占用手機(jī)內(nèi)存，不受廣告侵?jǐn)_，用戶體驗(yàn)度好，可提供良好的學(xué)習(xí)氛圍，提高學(xué)習(xí)者的學(xué)習(xí)興趣。

1 ?基于微信小程序設(shè)計(jì)學(xué)習(xí)平臺研究分析

基于微信小程序設(shè)計(jì)學(xué)習(xí)平臺能夠使學(xué)習(xí)者實(shí)現(xiàn)移動式學(xué)習(xí)。隨著移動技術(shù)的不斷進(jìn)步，基于微信小程序?qū)W習(xí)平臺的應(yīng)用體系也會不斷擴(kuò)大。課堂教學(xué)、微課堂、慕課、直播教學(xué)等網(wǎng)上教育平臺越來越受到人們的關(guān)注。2017年1月，微信推出小程序，此程序是應(yīng)用于微信平臺開發(fā)的系統(tǒng)開發(fā)工具，這種程序無須下載和安裝，可即時(shí)使用。微信小程序的最大優(yōu)勢是基于微信平臺的開發(fā)系統(tǒng)，用戶數(shù)量之大是不言而喻的，微信后臺提供豐富的框架，極大地簡化了程序的使用過程，相比APP研發(fā)要簡便很多。此外，微信小程序?qū)儆谳p量級，彌補(bǔ)了市場的空白。國內(nèi)各個(gè)領(lǐng)域的大型企業(yè)也紛紛針對企業(yè)的自身特點(diǎn)研發(fā)了微信程序，如京東、美團(tuán)、唯品會、餓了么、麥當(dāng)勞、順豐、騰訊視頻，等等。然而，教育領(lǐng)域開發(fā)微信程序教學(xué)平臺的企業(yè)并不多。本文以英語教學(xué)為基礎(chǔ)，基于微信小程序研發(fā)一套英語學(xué)習(xí)平臺系統(tǒng)。

2 ?微信程序英語平臺系統(tǒng)設(shè)計(jì)

2.1 ?特點(diǎn)分析

本系統(tǒng)是基于微信小程序設(shè)計(jì)開發(fā)的。微信小程序是最近幾年比較流行的一種程序設(shè)計(jì)軟件，也是一種將用戶與服務(wù)相關(guān)聯(lián)的全新方式。基于微信小程序的應(yīng)用服務(wù)，能夠借助微信的傳播優(yōu)勢，為用戶提供良好的體驗(yàn)。微信程序設(shè)計(jì)無須下載，遵循即用即點(diǎn)的原則，為開發(fā)人員提供了一站式的開發(fā)服務(wù)。此外，微信程序的開發(fā)成本比APP的開發(fā)成本低很多，整體運(yùn)營成本相對較低，運(yùn)行方式簡單，后期維護(hù)便捷，能夠?qū)崿F(xiàn)快速上線。

2.2 ?需求分析

微信學(xué)習(xí)程序設(shè)計(jì)師基于當(dāng)前一些學(xué)校推出的以微視頻、微課堂為核心的教學(xué)模式，以學(xué)生為主題，以問題為導(dǎo)向而提出該學(xué)習(xí)平臺。目的是為廣大師生提供一個(gè)量身定制的英語教學(xué)程序。其操作簡便，具有較強(qiáng)的趣味性，可以很好地輔助英語課堂的教與學(xué)。通過對微信程序英語學(xué)習(xí)平臺的分析研究，得出其需要滿足五點(diǎn)需求：（1）大多數(shù)使用者不太喜歡APP下載程序，盡管該程序的功能比較全面，但是流量耗費(fèi)比較多，所占內(nèi)存比較大，分享和推廣不夠便利，而微信小程序的設(shè)計(jì)與研發(fā)更能滿足使用者的需求;（2）平臺很多，但基于微課堂專門用于教學(xué)的比較少;（3）在英語教學(xué)課堂的程序設(shè)計(jì)上，一般的教學(xué)輔助方式是多媒體教學(xué)、網(wǎng)站開發(fā)，教師可以按照教學(xué)任務(wù)及進(jìn)度上傳微課堂的核心教學(xué)資料，以滿足學(xué)生課前預(yù)習(xí)、課后復(fù)習(xí)等需求;（4）學(xué)生對程序的趣味性也有很高的要求，因此可以合理地增加一些對學(xué)習(xí)有促進(jìn)作用又能提高學(xué)生興趣的功能，這也是微信程序開發(fā)中比較重要的功能需求;（5）微信程序應(yīng)該能夠收集很多有價(jià)值的數(shù)據(jù)，以此不斷改進(jìn)程序的設(shè)計(jì)效果。

2.3 ?系統(tǒng)功能設(shè)計(jì)

根據(jù)上述系統(tǒng)功能分析，設(shè)計(jì)了微信英語學(xué)習(xí)程序的功能框架，整個(gè)系統(tǒng)框架分為兩個(gè)部分，針對學(xué)生使用小程序的前端設(shè)計(jì)和針對教師及管理員管理的后臺設(shè)計(jì)。微信程序的前端框架設(shè)計(jì)包括翻轉(zhuǎn)課堂設(shè)計(jì)、答題設(shè)計(jì)、學(xué)習(xí)情況反饋環(huán)節(jié)設(shè)計(jì)、個(gè)人中心設(shè)計(jì)，等等。翻轉(zhuǎn)課堂的功能設(shè)計(jì)，使學(xué)生可以登錄小程序來查看課程的安排，包括各章節(jié)的學(xué)習(xí)資料、微視頻、PPT課件、word文檔等學(xué)習(xí)資料，學(xué)生還可以通過程序來查看課前、課后的測試習(xí)題來預(yù)習(xí)和鞏固知識點(diǎn)。在程序設(shè)計(jì)中還會提供提問和留言的功能，保證教師與學(xué)生之間的良好互動，微信英語學(xué)習(xí)程序的目的得以實(shí)現(xiàn)?？梢愿鶕?jù)程序的設(shè)計(jì)宗旨在答題游戲環(huán)節(jié)多設(shè)計(jì)一些闖關(guān)性的知識游戲，例如很多微信程序中的成語游戲，以游戲的方式開展語文知識的學(xué)習(xí)，英語學(xué)習(xí)亦是如此。學(xué)生可以通過程序進(jìn)入主界面，從第一級開始挑戰(zhàn)答題，答題正確后進(jìn)入下一級，系統(tǒng)根據(jù)學(xué)生答題情況給予級別稱號，設(shè)計(jì)有排行榜功能，所有參與的學(xué)生有排名，以此激勵學(xué)生不斷挑戰(zhàn)，超越自我。從英語學(xué)習(xí)的角度出發(fā)，所設(shè)計(jì)的功能模塊包括單詞學(xué)習(xí)、閱讀理解、口語練習(xí)。單詞學(xué)習(xí)是英語學(xué)習(xí)中比較重要的環(huán)節(jié)，在程序中，使用者可以選擇學(xué)習(xí)范圍，單詞順序隨機(jī)出現(xiàn)，加強(qiáng)其對單詞的熟悉程度，使用者可以通過過關(guān)情況掌握自己的學(xué)習(xí)進(jìn)度。閱讀理解需要將時(shí)事新聞與閱讀掛鉤，使用者可以收藏或分享一些感興趣的文章，拓寬閱讀范圍，提高閱讀體驗(yàn)?？谡Z練習(xí)是英語學(xué)習(xí)的目標(biāo)所在，每一個(gè)單詞、短語、句子、對話都要設(shè)定相應(yīng)的口語練習(xí)和口語考試，幫助學(xué)生們更好地完成英語學(xué)習(xí)任務(wù)。

2.4 ?系統(tǒng)業(yè)務(wù)流程設(shè)計(jì)

在完成主要功能模塊的設(shè)計(jì)之后，還需對每個(gè)功能模塊進(jìn)行進(jìn)一步的細(xì)化設(shè)計(jì)。本文以單詞背誦為例，設(shè)計(jì)整個(gè)單詞的背誦流程和口語練習(xí)流程。單詞背誦模塊設(shè)計(jì)的大致流程為：用戶進(jìn)入應(yīng)用程序之后，在數(shù)據(jù)庫中隨機(jī)選擇單詞，如果某個(gè)單詞已經(jīng)掌握，那就從學(xué)習(xí)庫中將其剔除，如果用戶尚未掌握該單詞，則提供更為詳細(xì)的知識，加深用戶的熟識度。

3 ?微信程序設(shè)計(jì)環(huán)境搭建與功能研發(fā)

微信程序英語學(xué)習(xí)平臺的設(shè)計(jì)與開發(fā)需要將軟硬件環(huán)境結(jié)合在一起。本部分主要對微信程序注冊、程序開發(fā)環(huán)境配置以及服務(wù)器軟硬件環(huán)境搭建等方面進(jìn)行研究。選用騰訊服務(wù)器，并且在服務(wù)器上部署超級文本預(yù)處理語言（Hyper text Preprocessor， HP）、結(jié)構(gòu)化查詢語言（Structured Query Language， SQL）、linux操作系統(tǒng)、個(gè)人博客系統(tǒng)軟件（wordpress）等功能，并利用插件為小程序提供服務(wù)。微信程序開發(fā)和搭建過程中所面臨的關(guān)鍵性技術(shù)問題有程序的接入、訪問、插件接口的交互等，并驗(yàn)證了這些關(guān)鍵技術(shù)的實(shí)現(xiàn)。而對于英語學(xué)習(xí)程序的開發(fā)，主要涉及微信程序與邏輯頁面之間的實(shí)現(xiàn)，需要以開發(fā)文檔為主要參考依據(jù)?；谖⑿懦绦蛴⒄Z平臺設(shè)計(jì)所涉及的主要功能有用戶注冊、用戶信息獲取、文檔查閱及記錄、學(xué)習(xí)數(shù)據(jù)、學(xué)習(xí)情況記錄、測試，等等，這些功能的實(shí)現(xiàn)主要依賴于微信程序代碼與wordpress之間的響應(yīng)。在平臺設(shè)計(jì)中依賴于小程序的開發(fā)文檔與wordpress的聯(lián)動響應(yīng)，并在實(shí)際的測試過程中不斷地調(diào)試功能，實(shí)現(xiàn)程序的正常運(yùn)轉(zhuǎn)。另外，微信程序英語學(xué)習(xí)平臺需要提交微信官方審核，學(xué)習(xí)者可以通過微信掃描二維碼的方式進(jìn)行使用，方便快捷。

3.1 ?環(huán)境搭建

微信程序英語學(xué)習(xí)平臺是基于微信公眾平臺發(fā)布使用的。因此，若要發(fā)布微信小程序，首先要通過微信公眾平臺進(jìn)行注冊，根據(jù)需要選擇賬號類型，按照提示完成賬號注冊并激活。企業(yè)類型的公眾平臺，需要在通過認(rèn)證后才能正常使用，所以還需要完善企業(yè)信息，完成企業(yè)認(rèn)證。

3.2 ?開發(fā)環(huán)境

微信程序英語學(xué)習(xí)平臺的開發(fā)設(shè)計(jì)必須先在本地完成，再上傳至微信，待微信官方審核通過后，才可以發(fā)布信息及相關(guān)內(nèi)容，供學(xué)習(xí)者使用。具體的開發(fā)環(huán)境如表1所示。

程序開發(fā)者需要借助微信官方提供的微信開發(fā)工具來完成程序開發(fā)，并且要充分考慮到微信程序的穩(wěn)定性及支持度。另外，微信程序英語學(xué)習(xí)平臺系統(tǒng)代碼的編寫需要嚴(yán)格按照微信官方提供的開發(fā)文檔來執(zhí)行。

3.3 ?服務(wù)器軟硬件環(huán)境

硬件環(huán)境可采用騰訊提供的云服務(wù)器，其性能良好、穩(wěn)定性強(qiáng)、安全性高、性價(jià)比優(yōu)，并且具有可擴(kuò)展性。本文程序設(shè)計(jì)過程中將MySQL與Web服務(wù)器部署在該服務(wù)器上，可根據(jù)后續(xù)用戶使用情況，即根據(jù)實(shí)際需求進(jìn)行優(yōu)化和調(diào)整，不斷適應(yīng)用戶的需求，同時(shí)也能夠合理節(jié)約數(shù)據(jù)庫與服務(wù)器之間的通信損耗。

軟件環(huán)境可采用HP開發(fā)的WordPress，按照其部署來安裝HP語言，同時(shí)采用Apache作為Web服務(wù)器，利用Ngibx來處理html頁面，表2為服務(wù)器軟件配置表。

3.4 ?移動學(xué)習(xí)平臺開發(fā)過程中面臨的關(guān)鍵技術(shù)

3.4.1 ?微信小程序接入

微信程序英語學(xué)習(xí)平臺是基于微信公眾平臺發(fā)布使用的。若要使用英語學(xué)習(xí)平臺，首先需要在微信公眾平臺小程序中完成服務(wù)器配置，將程序信息接入微信公眾平臺中。程序中的統(tǒng)一資源定位系統(tǒng)（Uniform Resource Locator， URL）用于接收微信的具體消息和事件地址，token可以生成簽名，與已存儲的信息進(jìn)行對比，以保證其安全性，隨機(jī)產(chǎn)生密鑰，對信息進(jìn)行加密處理。其次需要驗(yàn)證服務(wù)器地址的有效性，程序設(shè)計(jì)人員需要將所設(shè)置的信息提交到服務(wù)器，進(jìn)入審核流程，服務(wù)器接收到請求后填寫到地址中。服務(wù)器通過對密鑰的檢驗(yàn)完成對請求的檢驗(yàn)，若能夠原樣返回參數(shù)則表示接入成功，否則即為失敗。只有接入成功，開發(fā)者才能對微信程序內(nèi)容進(jìn)行開發(fā)設(shè)計(jì)，為需求者提供各類型的服務(wù)。

3.4.2 ?微信小程序API接口

應(yīng)用程序編程接口（Application Programming Interface， API）是軟件系統(tǒng)不同組成部分銜接的約定。WordPress對外提供API的接口，開發(fā)者可通過該接口與服務(wù)器進(jìn)行信息交互，這樣不僅可以完成信息獲取、編輯及刪除的遠(yuǎn)程操作，還可以對程序文件進(jìn)行分類管理。微信程序可以通過.request（）對此接口進(jìn)行訪問，并且可以根據(jù)返回的數(shù)據(jù)進(jìn)行深入處理，具體的代碼為：

catchdata：funcyion（）

wx.request（

url：“http”：//Englishread.club，

success：function（res）

）

接口調(diào)試成功后，會將數(shù)據(jù)返回到控制臺并打印結(jié)果，開發(fā)者通過設(shè)置不同的參數(shù)來管理與操作服務(wù)器的內(nèi)容和數(shù)據(jù)。

4 ?微信小程序英語學(xué)習(xí)平臺系統(tǒng)實(shí)現(xiàn)

4.1 ?單詞背誦聽寫模塊

微信小程序從MySQL數(shù)據(jù)庫中獲取大量的單詞數(shù)據(jù)，并讀取所選的單詞數(shù)據(jù)，通過參數(shù)傳遞，加載渲染單詞頁面，通過隨機(jī)的檢索idx=Math.floor（Math.random（）*（wordlist.len-1））從數(shù)據(jù)組中隨機(jī)選擇單詞，并按照計(jì)數(shù)的方式進(jìn)行熟練度的判斷，點(diǎn)擊“next”熟練度加1，否則減1。當(dāng)一個(gè)單詞達(dá)到規(guī)定的熟練程度時(shí)被默認(rèn)為完成學(xué)習(xí)，從選擇的數(shù)據(jù)中刪除。單詞背誦聽寫模塊界面如圖1所示。

4.2 ?英語聽說模塊

學(xué)習(xí)者需要根據(jù)數(shù)據(jù)的內(nèi)容來加載英語聽說語句。聽說過程中，學(xué)習(xí)者點(diǎn)擊“again”被認(rèn)為語句聽說模糊，后面的學(xué)習(xí)中會再次隨機(jī)出現(xiàn)。如果學(xué)習(xí)者直接點(diǎn)擊“next”，該單詞則會被刪除，系統(tǒng)默認(rèn)為其聽明白、讀清晰、能說出。點(diǎn)擊查看答案，則會在下方顯示出語句的具體含義，可通過Wx.request（）向接口發(fā)出請求的方式獲取單詞及句子的音頻。系統(tǒng)會根據(jù)學(xué)習(xí)者閱讀、跟讀的情況給出星星作為評分，達(dá)到一定的星星數(shù)量是進(jìn)入下一階段的基本要求，如果學(xué)習(xí)者完成了練習(xí)，星星數(shù)量會根據(jù)評分結(jié)果而發(fā)生變化。英語聽說模塊界面如圖2所示。

4.3 ?英語閱讀模塊

英語閱讀模塊從數(shù)據(jù)庫中獲取閱讀課程及時(shí)事新聞數(shù)據(jù)，通過WX.FOR接收業(yè)務(wù)邏輯層的數(shù)據(jù)，然后通過頁面進(jìn)行渲染，用戶點(diǎn)擊課程及新聞時(shí)就會觸發(fā)事件，并通過具體的參數(shù)傳遞到詳細(xì)的頁面中，將收藏的狀態(tài)保存在緩存中。英語閱讀模塊界面如圖3所示。

5 ?結(jié) ?論

基于微信程序的英語學(xué)習(xí)平臺的設(shè)計(jì)與應(yīng)用，更加注重用戶的實(shí)際體驗(yàn)感，開發(fā)者利用微信云技術(shù)數(shù)據(jù)對英語單詞記憶、聽說練習(xí)、閱讀理解等學(xué)習(xí)功能進(jìn)行開發(fā)，為用戶提供功能強(qiáng)大的英語學(xué)習(xí)平臺。基于微信程序的學(xué)習(xí)平臺使用便捷，學(xué)習(xí)者無須下載安裝，可隨時(shí)隨地進(jìn)行英語學(xué)習(xí)，使學(xué)習(xí)者能夠充分利用碎片化空閑時(shí)間，積少成多，熟能生巧，提升學(xué)習(xí)成效，并且可以通過學(xué)習(xí)打卡和分享學(xué)習(xí)成果的方式來激發(fā)學(xué)習(xí)者的學(xué)習(xí)熱情和積極性。因此在移動互聯(lián)網(wǎng)學(xué)習(xí)盛行的當(dāng)今，該學(xué)習(xí)平臺具有廣闊的推廣應(yīng)用前景。

參考文獻(xiàn)：

[1] 沈哲穎，吳彥文，劉金金，等.基于微信小程序的競賽學(xué)習(xí)平臺設(shè)計(jì) [J].電腦知識與技術(shù)，2021，17（21）：87-90.

[2] 張玲麗.微信公眾平臺輔助來華留學(xué)生中文學(xué)習(xí)的評價(jià)與優(yōu)化研究 [D].重慶：西南大學(xué)，2021.

[3] 陸嬌嬌.基于微信小程序的教學(xué)資源平臺構(gòu)建 [J].電腦知識與技術(shù)，2021，17（3）：46-47+54.

[4] 孫劍，程建軍.基于微信小程序的醫(yī)院遠(yuǎn)程掛號系統(tǒng)設(shè)計(jì) [J].電子設(shè)計(jì)工程，2021，29（22）：51-54.

[5] 唐曉明，楊立，陳龍.基于微信小程序“E友教育”的移動學(xué)習(xí)平臺的設(shè)計(jì)與開發(fā) [J].數(shù)據(jù)，2021（11）：98-100.

作者簡介：高策（1974.01—），女，漢族，黑龍江濱縣人，中級職稱，本科，研究方向：計(jì)算機(jī)網(wǎng)絡(luò)建設(shè)與維護(hù)和計(jì)算機(jī)教學(xué)。