基于微信小程序的英語學(xué)習(xí)平臺設(shè)計與實現(xiàn)

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

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

中圖分類號：TP311 ? ? ? 文獻標識碼：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 ?引 ?言

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

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

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

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

2.1 ?特點分析

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

2.2 ?需求分析

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

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

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

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

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

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

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

3.1 ?環(huán)境搭建

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

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

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

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

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

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

軟件環(huán)境可采用HP開發(fā)的WordPress，按照其部署來安裝HP語言，同時采用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可以生成簽名，與已存儲的信息進行對比，以保證其安全性，隨機產(chǎn)生密鑰，對信息進行加密處理。其次需要驗證服務(wù)器地址的有效性，程序設(shè)計人員需要將所設(shè)置的信息提交到服務(wù)器，進入審核流程，服務(wù)器接收到請求后填寫到地址中。服務(wù)器通過對密鑰的檢驗完成對請求的檢驗，若能夠原樣返回參數(shù)則表示接入成功，否則即為失敗。只有接入成功，開發(fā)者才能對微信程序內(nèi)容進行開發(fā)設(shè)計，為需求者提供各類型的服務(wù)。

3.4.2 ?微信小程序API接口

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

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)實現(xiàn)

4.1 ?單詞背誦聽寫模塊

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

4.2 ?英語聽說模塊

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

4.3 ?英語閱讀模塊

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

5 ?結(jié) ?論

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

參考文獻：

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

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

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

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

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

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