基于微信小程序的英語學習平臺設計與實現

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

關鍵詞：微信小程序;英語學習;平臺開發;應用

中圖分類號：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 ?引 ?言

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

1 ?基于微信小程序設計學習平臺研究分析

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

2 ?微信程序英語平臺系統設計

2.1 ?特點分析

本系統是基于微信小程序設計開發的。微信小程序是最近幾年比較流行的一種程序設計軟件，也是一種將用戶與服務相關聯的全新方式。基于微信小程序的應用服務，能夠借助微信的傳播優勢，為用戶提供良好的體驗。微信程序設計無須下載，遵循即用即點的原則，為開發人員提供了一站式的開發服務。此外，微信程序的開發成本比APP的開發成本低很多，整體運營成本相對較低，運行方式簡單，后期維護便捷，能夠實現快速上線。

2.2 ?需求分析

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

2.3 ?系統功能設計

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

2.4 ?系統業務流程設計

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

3 ?微信程序設計環境搭建與功能研發

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

3.1 ?環境搭建

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

3.2 ?開發環境

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

程序開發者需要借助微信官方提供的微信開發工具來完成程序開發，并且要充分考慮到微信程序的穩定性及支持度。另外，微信程序英語學習平臺系統代碼的編寫需要嚴格按照微信官方提供的開發文檔來執行。

3.3 ?服務器軟硬件環境

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

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

3.4 ?移動學習平臺開發過程中面臨的關鍵技術

3.4.1 ?微信小程序接入

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

3.4.2 ?微信小程序API接口

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

catchdata：funcyion（）

wx.request（

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

success：function（res）

）

接口調試成功后，會將數據返回到控制臺并打印結果，開發者通過設置不同的參數來管理與操作服務器的內容和數據。

4 ?微信小程序英語學習平臺系統實現

4.1 ?單詞背誦聽寫模塊

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

4.2 ?英語聽說模塊

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

4.3 ?英語閱讀模塊

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

5 ?結 ?論

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

參考文獻：

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

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

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

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

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

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