基于(At)微信小程序的(of)英語學習平台

一(one)、關鍵技術

本平台主要(want)使用(use)微信小程序和(and)小程序雲開發，所使用(use)的(of)關鍵技術細節如下所示。（1）微信小程序。“微信小程序是(yes)一(one)種全新的(of)連接用(use)戶與服務的(of)方式，它可以(by)在(exist)微信内被便捷地(land)獲取和(and)傳播，同時(hour)具有出(out)色的(of)使用(use)體驗。”是(yes)一(one)種基于(At)微信客戶端的(of)跨平台應用(use)程序，具有無需下載，即用(use)即走的(of)特點。（2）小程序雲開發。雲開發爲(for)小程序提供雲服務，包含雲函數，數據庫，雲存儲三種能力。是(yes)一(one)種 Serverless 服務。爲(for)開發者提供了(Got it)一(one)站式開發服務，具有運營成本低，簡化運維，維護性好，開發速度更快的(of)特點。實現快速部署和(and)上(superior)線，使小程序開發更簡單。

二、系統設計

（一(one)）系統需求分析

當前移動端市場上(superior)的(of)英語學習應用(use)程序大(big)多是(yes)以(by)APP爲(for)主要(want)，其問題如下：（1）應用(use)較爲(for)臃腫，占用(use)内存較大(big)。（2）每次更新都要(want)重新安裝，用(use)戶體驗不(No)好[4]。（3）無法跨平台使用(use)，開發成本高。（4）APP市場推廣成本高，盈利困難。本平台以(by)微信小程序爲(for)載體，它很好的(of)解決了(Got it)上(superior)述問題，同時(hour)我(I)們(them)發現目前相關的(of)小程序運營完善的(of)卻寥寥無幾，第一(one)是(yes)因爲(for)目前上(superior)線的(of)小程序功能都太簡單，隻有背單詞一(one)個(indivual)功能模塊；第二是(yes)單詞記憶過程機械，用(use)戶隻能點擊“不(No)認識”和(and)“下一(one)個(indivual)”，對不(No)認識的(of)單詞沒有特别的(of)處理。而在(exist)我(I)們(them)的(of)調查中發現用(use)戶主要(want)有3個(indivual)需求。（1）頁面簡潔，操作(do)簡單，不(No)要(want)有過多複雜的(of)程序。（2）增加閱讀文章功能，可以(by)對文章中不(No)認識單詞進行學習。（3）增加聽寫功能，檢驗學習成果，督促學習。

（二）系統功能設計

針對以(by)上(superior)需求，本學習平台以(by)微信小程序爲(for)載體，利用(use)微信爲(for)小程序提供的(of)擴展實用(use)功能，從提高用(use)戶體驗的(of)角度出(out)發，設計了(Got it)三個(indivual)功能模塊：新聞閱讀、單詞背誦、單詞聽寫。（1）新聞閱讀：實時(hour)更新新聞内容，用(use)戶可以(by)收藏或分享感興趣的(of)文章，閱讀中遇到(arrive)不(No)認識的(of)單詞，長按可以(by)快速獲取單詞釋義，使用(use)戶獲得更好的(of)閱讀體驗。（2）單詞背誦：用(use)戶可選擇背誦範圍，單詞亂序出(out)現，加深用(use)戶對單詞的(of)熟悉程度，通過熟練度判别單詞背誦的(of)進度。（3）單詞聽寫：整合用(use)戶已學的(of)單詞，打亂順序，通過發音聽寫的(of)方式檢驗學習成果，加深用(use)戶對單詞的(of)掌握程度。

（三）系統流程設計

在(exist)功能模塊設計完成後，系統對每個(indivual)功能模塊的(of)業務流程進行了(Got it)詳細設計，受篇幅所限，這(this)裏介紹流程相對複雜的(of)單詞背誦（圖1）和(and)單詞聽寫的(of)業務流程。

圖1 單詞背誦流程

三、系統實現

（一(one)）新聞閱讀模塊

從雲開發數據庫獲取新聞數據，由wx:for接受來(Come)自業務邏輯層的(of)數據進行頁面的(of)渲染。當點擊新聞時(hour)，就會觸發onEssayTap 事件，通過參數傳遞跳轉至詳情頁面，詳情頁面業務邏輯層從數據庫讀取數據進行渲染。使用(use)wx.getStorageSync()方法，将收藏狀态保存到(arrive)緩存。

（二）單詞背誦模塊

從雲開發數據庫讀取已選的(of)單詞數據，通過參數傳遞，加載渲染背單詞頁面，單詞是(yes)通過随機索引idx=Math.floor(Math.random() * (wordList.length - 1))從數組中随機選擇，以(by)計數的(of)方式進行熟練度判斷，點擊‘下一(one)個(indivual)’熟練度加1，否則減1。當一(one)個(indivual)單詞的(of)熟練度達到(arrive)3時(hour)，會将該單詞從數組中用(use)splice()删去。頁面頂部的(of)進度條會根據 （删除單詞的(of)數量/最初數組的(of)長度） 來(Come)顯示進度。 

（三）單詞聽寫模塊

單詞聽寫模塊中，單詞數據的(of)讀取，頁面的(of)加載，單詞亂序的(of)實現類似于(At)背單詞模塊。點擊‘再聽一(one)次’時(hour)認爲(for)該單詞未掌握，下次還會随機出(out)現，直接點擊‘下一(one)個(indivual)’會将單詞從數組中删除，點擊‘看答案’會顯示釋義。單詞的(of)音頻通過調用(use)wx.request()向扇貝API發出(out)請求來(Come)獲取。

四、結論

基于(At)微信小程序的(of)英語學習平台，通過分析現有英語學習APP存在(exist)的(of)問題，從用(use)戶體驗感和(and)實用(use)度出(out)發，結合微信小程序自身的(of)特點，借助小程序雲開發技術，實現了(Got it)英語新聞閱讀，單詞背誦，單詞聽寫等功能，無需下載，無需更新，即用(use)即走。