英語(yǔ)學(xué)習(xí)微信小程序的設(shè)計(jì)與實(shí)現(xiàn)

英語(yǔ)學(xué)習(xí)微信小程序的設(shè)計(jì)與實(shí)現(xiàn)??摘要：隨著移動(dòng)端互聯(lián)網(wǎng)的發(fā)展,越來(lái)越多的人借助智能手機(jī)學(xué)習(xí)英語(yǔ),而各類輔助學(xué)習(xí)英語(yǔ)的程序也如雨后春筍一般飛速發(fā)展?？v觀目前的手機(jī)應(yīng)用市場(chǎng),多是以APP的形式來(lái)輔助學(xué)習(xí)英語(yǔ)的,APP雖然功能種類繁多,但是它無(wú)法跨平臺(tái)使用,開發(fā)成本高,占用內(nèi)存高,且推廣困難。針對(duì)上述問(wèn)題,我們最終將目光投向了微信小程序,原因有以下幾點(diǎn),第一,微信小程序是一種無(wú)需安裝的輕應(yīng)用,即用即走,占用內(nèi)存小。[1]第二,用戶無(wú)需對(duì)小程序進(jìn)行手動(dòng)更新,提升了用戶體驗(yàn)。第三,附近定位,入口眾多,可以通過(guò)掃碼、好友分享獲取流量。為此本文討論并設(shè)計(jì)了一個(gè)基于微信小程序的英語(yǔ)學(xué)習(xí)平臺(tái),為用戶提供英語(yǔ)文章閱讀,單詞背誦,單詞聽(tīng)寫等功能。關(guān)鍵詞：微信小程序;英語(yǔ)學(xué)習(xí)平臺(tái);一、關(guān)鍵技術(shù)本平臺(tái)主要使用微信小程序和小程序云開發(fā),所使用的關(guān)鍵技術(shù)細(xì)節(jié)如下所示。(1)微信小程序?！拔⑿判〕绦蚴且环N全新的連接用戶與服務(wù)的方式,它可以在微信內(nèi)被便捷地獲取和傳播,同時(shí)具有出色的使用體驗(yàn)?！盵2]是一種基于微信客戶端的跨平臺(tái)應(yīng)用程序,具有無(wú)需下載,即用即走的特點(diǎn)。(2)小程序云開發(fā)。云開發(fā)為小程序提供云服務(wù),包含云函數(shù),數(shù)據(jù)庫(kù),云存儲(chǔ)三種能力。是一種Serverless[3]服務(wù)。為開發(fā)者提供了一站式開發(fā)服務(wù),具有運(yùn)營(yíng)成本低,簡(jiǎn)化運(yùn)維,維護(hù)性好,開發(fā)速度更快的特點(diǎn)。實(shí)現(xiàn)快速部署和上線,使小程序開發(fā)更簡(jiǎn)單。二、系統(tǒng)設(shè)計(jì)(一)系統(tǒng)需求分析當(dāng)前移動(dòng)端市場(chǎng)上的英語(yǔ)學(xué)習(xí)應(yīng)用程序大多是以APP為主要,其問(wèn)題如下:(1)應(yīng)用較為臃腫,占用內(nèi)存較大。(2)每次更新都要重新安裝,用戶體驗(yàn)不好[4]。(3)無(wú)法跨平臺(tái)使用,開發(fā)成本高。(4)APP市場(chǎng)推廣成本高,盈利困難。[5]本平臺(tái)以微信小程序?yàn)檩d體,它很好的解決了上述問(wèn)題,同時(shí)我們發(fā)現(xiàn)目前相關(guān)的小程序運(yùn)營(yíng)完善的卻寥寥無(wú)幾,第一是因?yàn)槟壳吧暇€的小程序功能都太簡(jiǎn)單,只有背單詞一個(gè)功能模塊;第二是單詞記憶過(guò)程機(jī)械,用戶只能點(diǎn)擊“不認(rèn)識(shí)”和“下一個(gè)”,對(duì)不認(rèn)識(shí)的單詞沒(méi)有特別的處理。而在我們的調(diào)查中發(fā)現(xiàn)用戶主要有3個(gè)需求。(1)頁(yè)面簡(jiǎn)潔,操作簡(jiǎn)單,不要有過(guò)多復(fù)雜的程序。(2)增加閱讀文章功能,可以對(duì)文章中不認(rèn)識(shí)單詞進(jìn)行學(xué)習(xí)。(3)增加聽(tīng)寫功能,檢驗(yàn)學(xué)習(xí)成果,督促學(xué)習(xí)。圖1單詞背誦流程(二)系統(tǒng)功能設(shè)計(jì)針對(duì)以上需求,本學(xué)習(xí)平臺(tái)以微信小程序?yàn)檩d體,利用微信為小程序提供的擴(kuò)展實(shí)用功能,從提高用戶體驗(yàn)的角度出發(fā),設(shè)計(jì)了三個(gè)功能模塊:新聞閱讀、單詞背誦、單詞聽(tīng)寫。(1)新聞閱讀:實(shí)時(shí)更新新聞內(nèi)容,用戶可以收藏或分享感興趣的文章,閱讀中遇到不認(rèn)識(shí)的單詞,長(zhǎng)按可以快速獲取單詞釋義,使用戶獲得更好的閱讀體驗(yàn)。(2)單詞背誦:用戶可選擇背誦范圍,單詞亂序出現(xiàn),加深用戶對(duì)單詞的熟悉程度,通過(guò)熟練度判別單詞背誦的進(jìn)度。(3)單詞聽(tīng)寫:整合用戶已學(xué)的單詞,打亂順序,通過(guò)發(fā)音聽(tīng)寫的方式檢驗(yàn)學(xué)習(xí)成果,加深用戶對(duì)單詞的掌握程度。(三)系統(tǒng)流程設(shè)計(jì)在功能模塊設(shè)計(jì)完成后,系統(tǒng)對(duì)每個(gè)功能模塊的業(yè)務(wù)流程進(jìn)行了詳細(xì)設(shè)計(jì),受篇幅所限,這里介紹流程相對(duì)復(fù)雜的單詞背誦(圖1)和單詞聽(tīng)寫的業(yè)務(wù)流程。三、系統(tǒng)實(shí)現(xiàn)(一)新聞閱讀模塊從云開發(fā)數(shù)據(jù)庫(kù)獲取新聞數(shù)據(jù),由wx:for接受來(lái)自業(yè)務(wù)邏輯層的數(shù)據(jù)進(jìn)行頁(yè)面的渲染。當(dāng)點(diǎn)擊新聞時(shí),就會(huì)觸發(fā)onEssayTap事件,通過(guò)參數(shù)傳遞跳轉(zhuǎn)至詳情頁(yè)面,詳情頁(yè)面業(yè)務(wù)邏輯層從數(shù)據(jù)庫(kù)讀取數(shù)據(jù)進(jìn)行渲染。使用wx.getStorageSync()方法,將收藏狀態(tài)保存到緩存。(二)單詞背誦模塊從云開發(fā)數(shù)據(jù)庫(kù)讀取已選的單詞數(shù)據(jù),通過(guò)參數(shù)傳遞,加載渲染背單詞頁(yè)面,單詞是通過(guò)隨機(jī)索引idx=Math.floor(Math.random()*(wordList.length-1))從數(shù)組中隨機(jī)選擇,以計(jì)數(shù)的方式進(jìn)行熟練度判斷,點(diǎn)擊‘下一個(gè)’熟練度加1,否則減1。當(dāng)一個(gè)單詞的熟練度達(dá)到3時(shí),會(huì)將該單詞從數(shù)組中用splice()刪去。頁(yè)面頂部的進(jìn)度條會(huì)根據(jù)(刪除單詞的數(shù)量/最初數(shù)組的長(zhǎng)度)來(lái)顯示進(jìn)度。(三)單詞聽(tīng)寫模塊單詞聽(tīng)寫模塊中,單詞數(shù)據(jù)的讀取,頁(yè)面的加載,單詞亂序的實(shí)現(xiàn)類似于背單詞模塊。點(diǎn)擊‘再聽(tīng)一次’時(shí)認(rèn)為該單詞未掌握,下次還會(huì)隨機(jī)出現(xiàn),直接點(diǎn)擊‘下一個(gè)’會(huì)將單詞從數(shù)組中刪除,點(diǎn)擊‘看答案’會(huì)顯示釋義。單詞的音頻通過(guò)調(diào)用wx.request()向扇貝API發(fā)出請(qǐng)求來(lái)獲取。四、結(jié)論基于微信小程序的英語(yǔ)學(xué)習(xí)平臺(tái),