李菁 唐宗寧 胡佳昊 姜子杰

摘要：微信是現(xiàn)今社會(huì)眾多學(xué)生群體及校園中最受歡迎、應(yīng)用率最高的社交通信軟件，運(yùn)用便捷、覆蓋范圍廣。通過(guò)微信小程序搭建移動(dòng)學(xué)習(xí)平臺(tái)，可以有效激發(fā)學(xué)生的學(xué)習(xí)興趣，提高學(xué)習(xí)效率和學(xué)習(xí)質(zhì)量。

關(guān)鍵詞：微信小程序;移動(dòng)學(xué)習(xí);設(shè)計(jì)與實(shí)現(xiàn)

中圖分類(lèi)號(hào)：TP393 文獻(xiàn)標(biāo)識(shí)碼：A

文章編號(hào)：1009-3044（2020）08-0048-03

在網(wǎng)絡(luò)信息技術(shù)飛速發(fā)展的當(dāng)下，加之“互聯(lián)網(wǎng)+”背景下，許多學(xué)校都開(kāi)始自主研發(fā)獨(dú)具特色的服務(wù)于師生的手機(jī)應(yīng)用程序，但學(xué)校獨(dú)立開(kāi)發(fā)程序需要投入大量的人力、物力和財(cái)力等，并且開(kāi)發(fā)出來(lái)后的使用效果不甚理想，特別當(dāng)下手機(jī)移動(dòng)應(yīng)用程序數(shù)不勝數(shù)，如果后期管理不當(dāng)，會(huì)產(chǎn)生嚴(yán)重的長(zhǎng)尾效應(yīng)，浪費(fèi)大量資源。而微信小程序開(kāi)發(fā)成本比傳統(tǒng)應(yīng)用程序低，獲客成本也遠(yuǎn)低于一般應(yīng)用程序。

1 微信小程序簡(jiǎn)介

微信小程序，簡(jiǎn)稱(chēng)小程序。小程序是一種不需要下載安裝即可使用的應(yīng)用，用戶只需打開(kāi)微信用手機(jī)掃一掃即可打開(kāi)應(yīng)用。小程序提供了一個(gè)簡(jiǎn)單、高效的應(yīng)用開(kāi)發(fā)框架和豐富的組件及API，幫助開(kāi)發(fā)者在微信中開(kāi)發(fā)具有原生APP體驗(yàn)的服務(wù)。

2 微信小程序可行性及優(yōu)勢(shì)分析

2.1 開(kāi)發(fā)成本低，用戶基數(shù)大

小程序的便捷與低開(kāi)發(fā)成本是許多個(gè)人、組織及企業(yè)選擇開(kāi)發(fā)小程序的重要原因。微信小程序的用戶基數(shù)龐大，擁有廣闊的前景，而且開(kāi)發(fā)成本較低，使個(gè)人、組織及企業(yè)所承擔(dān)的風(fēng)險(xiǎn)大大降低。

2.2 無(wú)須下載，即用即走

生活中人們會(huì)使用大量的APP，然而有的APP用過(guò)一次兩次就再也沒(méi)點(diǎn)開(kāi)過(guò)，為了節(jié)約存儲(chǔ)空間，人們常常會(huì)將這些閑置的APP卸載，但是一旦要用就又要重新從應(yīng)用市場(chǎng)里下載。這樣反復(fù)進(jìn)行安裝又卸載會(huì)殘留大量的痕跡，從而占用手機(jī)內(nèi)存，造成手機(jī)卡頓。而小程序就不用考慮諸如此類(lèi)的情況，小程序無(wú)須下載，隨時(shí)隨地都可用，用完即走，不會(huì)殘留在手機(jī)中，并不會(huì)占用手機(jī)內(nèi)存，師生登錄微信后可以直接使用，速度快，可以合理利用碎片化時(shí)間，從而提高學(xué)習(xí)和辦事效率，節(jié)約時(shí)間。

3 微信小程序相關(guān)技術(shù)

微信小程序是嵌入于微信中的一種應(yīng)用程序，不需額外下載。小程序通過(guò)對(duì)合法域名下的接口進(jìn)行調(diào)用配置，與數(shù)據(jù)庫(kù)進(jìn)行交互，從而實(shí)現(xiàn)小程序的功能。

3.1 開(kāi)發(fā)框架

小程序的開(kāi)發(fā)是基于MINA框架。MINA框架能幫助開(kāi)發(fā)者開(kāi)發(fā)高伸縮性和高性能的網(wǎng)絡(luò)應(yīng)用程序，底層支撐主要是Java NIO庫(kù)。

開(kāi)發(fā)人員使用MINA框架可開(kāi)發(fā)前端與后端分離的項(xiàng)目。前端負(fù)責(zé)顯示，而顯示的內(nèi)容由后端的接口根據(jù)邏輯分析和數(shù)據(jù)庫(kù)操作實(shí)現(xiàn)判斷后再傳遞給前端要顯示的內(nèi)容。

MINA為開(kāi)發(fā)者提供自帶的視圖層描述語(yǔ)言WXML、wxss及基于JavaScript的邏輯層框架，并在視圖層與邏輯層間提供了數(shù)據(jù)傳輸和事件系統(tǒng)，而MINA的核心就是一個(gè)響應(yīng)的數(shù)據(jù)綁定系統(tǒng)。其可以讓數(shù)據(jù)與視圖保持高度同步，當(dāng)要對(duì)數(shù)據(jù)修改時(shí)，只需在邏輯層進(jìn)行數(shù)據(jù)的修改，視圖層就會(huì)自動(dòng)做出相應(yīng)的更新。

3.2 應(yīng)用工具分析

微信小程序使用了前端技術(shù)WXML、wxss及JavaScript。

JS負(fù)責(zé)業(yè)務(wù)的邏輯實(shí)現(xiàn)，是目前主流的面向?qū)ο蟮哪_本語(yǔ)言，其可以在不與服務(wù)器交互的情況下對(duì)頁(yè)面內(nèi)容進(jìn)行修改。

WXML是微信小程序框架的一套標(biāo)簽語(yǔ)言，是微信小程序的展示層。

wxss是一套樣式語(yǔ)言，用來(lái)修飾展示層的樣式，決定WX-ML組件的顯示。

3.3 開(kāi)發(fā)技術(shù)介紹

3.3.1 程序注冊(cè)

在微信小程序中，用來(lái)注冊(cè)程序的是App0函數(shù)，其接受一個(gè)object參數(shù)，用以指定小程序的生命周期函數(shù)。

當(dāng)用戶打開(kāi)小程序時(shí)，初始化進(jìn)行。當(dāng)初始化完成后，會(huì)觸發(fā)onLaunch用于監(jiān)聽(tīng)小程序的初始化;當(dāng)小程序啟動(dòng)或者由后臺(tái)進(jìn)入前臺(tái)后，會(huì)觸發(fā)onShow，用以監(jiān)聽(tīng)小程序的顯示;當(dāng)用戶關(guān)閉了小程序后即小程序由前臺(tái)進(jìn)入后臺(tái)，會(huì)觸發(fā)onHide，用來(lái)監(jiān)聽(tīng)小程序的隱藏;在小程序發(fā)生腳本錯(cuò)誤或者調(diào)用API失敗時(shí)，會(huì)觸發(fā)onError，并帶上錯(cuò)誤信息。

圖2為程序注冊(cè)流程。

3.3.2 頁(yè)面注冊(cè)

對(duì)于小程序中的每一個(gè)頁(yè)面來(lái)說(shuō)，都需要在與頁(yè)面對(duì)應(yīng)的js文件中調(diào)用Page方法來(lái)注冊(cè)頁(yè)面，流程如下：

1）小程序初始化完成后會(huì)加載頁(yè)面，在頁(yè)面創(chuàng)建時(shí)執(zhí)行onLoad方法;

2）當(dāng)頁(yè)面可以出現(xiàn)在前臺(tái)時(shí)，執(zhí)行onShow方法，用來(lái)監(jiān)聽(tīng)顯示頁(yè)面;

3）頁(yè)面初次渲染完成后，會(huì)執(zhí)行onReady方法;

4）當(dāng)頁(yè)面由前臺(tái)進(jìn)入后臺(tái)運(yùn)行時(shí)或跳轉(zhuǎn)到其他頁(yè)面時(shí)，執(zhí)行onHide方法;

5）當(dāng)頁(yè)面由后臺(tái)進(jìn)入到前臺(tái)或重新進(jìn)入頁(yè)面時(shí)，執(zhí)行on-Show方法;

6）當(dāng)頁(yè)面被銷(xiāo)毀或者卸載的時(shí)候，會(huì)執(zhí)行onUnload方法。

4 平臺(tái)功能設(shè)計(jì)

4.1 總體功能設(shè)計(jì)

所謂的基于小程序的移動(dòng)教育平臺(tái)，也就是利用小程序的應(yīng)用的簡(jiǎn)單快捷等特點(diǎn)，加快提高學(xué)習(xí)的效率。同時(shí)該小程序提供兩個(gè)終端，一個(gè)是教師端（專(zhuān)為教育T作者和一些愿意分享的人提供的客戶端），一個(gè)是學(xué)生端。這樣不僅利于方便學(xué)子們學(xué)習(xí)，也方便教師了解學(xué)生們的學(xué)習(xí)情況，從而提供課堂的效率。那么，在教師端，可以創(chuàng)建一個(gè)班級(jí)，方便查看加入班級(jí)的學(xué)生們的學(xué)習(xí)情況，從而制定更有效的教學(xué)課件。而在學(xué)生端，其總體功能主要圍繞著如何吸引更多的學(xué)習(xí)者參與學(xué)習(xí)、如何提高學(xué)習(xí)的效率、如何更有效的規(guī)劃專(zhuān)業(yè)的學(xué)習(xí)來(lái)設(shè)計(jì);但除此之外，也有著一些方便平時(shí)學(xué)習(xí)的功能存在。比如成績(jī)查詢、校車(chē)查詢、課表查詢等較為常用的功能。而較為獨(dú)特的功能是專(zhuān)業(yè)規(guī)劃以及根據(jù)規(guī)劃推薦學(xué)習(xí)內(nèi)容。簡(jiǎn)而言之，基于小程序的移動(dòng)教育平臺(tái)的總體功能，是規(guī)劃學(xué)生們的學(xué)習(xí)路線，提供學(xué)生學(xué)習(xí)途徑，提出更便捷的方式方便學(xué)生學(xué)習(xí)，從而學(xué)生們可以利用碎片化時(shí)間學(xué)習(xí)，打破傳統(tǒng)學(xué)習(xí)的思路。同時(shí)提出走到哪，學(xué)到哪的新學(xué)習(xí)方式。

4.2 應(yīng)用場(chǎng)景設(shè)計(jì)

基于小程序的移動(dòng)教育平臺(tái)，通俗來(lái)說(shuō)，就是一款用于學(xué)習(xí)的應(yīng)用小程序。它首先應(yīng)用的對(duì)象毫無(wú)疑問(wèn)是學(xué)生。從中小學(xué)生到高中，再到大學(xué)，全都適用。當(dāng)然最普遍適用的肯定是大學(xué)生。畢竟高中之前雖然手機(jī)已經(jīng)很普遍，但是就目前教育的形式而言，中小學(xué)生還是少用手機(jī)為好。但這種學(xué)習(xí)小程序絕不止于服務(wù)于大學(xué)生。還有教師，教師也可以通過(guò)該小程序了解學(xué)生的學(xué)習(xí)，同時(shí)找到教師專(zhuān)用的學(xué)習(xí)上課資源，從而更有效地促進(jìn)線下課質(zhì)量的提高。除此之外，它同時(shí)服務(wù)于大眾。只要想學(xué)習(xí)，就可以在該小程序上發(fā)現(xiàn)并找到自己想要學(xué)習(xí)或者提高的知識(shí)。綜上所述，這款小程序適合所有想學(xué)習(xí)，為教育事業(yè)做貢獻(xiàn)的人。

4.3 業(yè)務(wù)模型設(shè)計(jì)

1）頂層模型

微信小程序的開(kāi)發(fā)一般包括了：前端設(shè)計(jì)，后臺(tái)設(shè)計(jì)和運(yùn)作，數(shù)據(jù)庫(kù)的設(shè)計(jì)等。

2）業(yè)務(wù)域

前端頁(yè)面負(fù)責(zé)界面的搭建，而顯示的內(nèi)容由后端的接口進(jìn)行傳遞。最終用戶能夠通過(guò)前端界面看到后臺(tái)傳遞的信息。

3）業(yè)務(wù)流程

首先在開(kāi)發(fā)之前需要進(jìn)行構(gòu)思與畫(huà)好模型，確定此小程序想要實(shí)現(xiàn)的功能，在此之后進(jìn)行前端界面的開(kāi)發(fā)，這里需要開(kāi)發(fā)人員進(jìn)行顯示界面的設(shè)計(jì)和美化以達(dá)到整體界面的美觀，最后需要進(jìn)行后端接口的信息傳遞，將用戶需要的信息傳遞到前端的頁(yè)面進(jìn)行顯示。

4）詳細(xì)業(yè)務(wù)說(shuō)明

在小程序中.其中最主要的業(yè)務(wù)環(huán)節(jié)為以下兩個(gè)方面。第一個(gè)方面，登錄教師端，教師可以通過(guò)學(xué)生學(xué)習(xí)的后臺(tái)數(shù)據(jù)，了解學(xué)生最近的學(xué)習(xí)情況是怎么樣，學(xué)過(guò)哪些課程，學(xué)習(xí)到哪一門(mén)課程的進(jìn)度條。同時(shí)，教師還可以分享一些學(xué)習(xí)心得和有助于學(xué)習(xí)理解的知識(shí)傳輸給學(xué)子。第二個(gè)方面，登錄學(xué)生端，學(xué)子們可以查看自己的規(guī)劃學(xué)習(xí)路線，并且該路線中所涉及的課程，如果該課程序列中，如果還有沒(méi)有涉及學(xué)子們所需要的課程，那么學(xué)子可以選擇手動(dòng)加入一些課程。當(dāng)然，學(xué)子們還可以通過(guò)學(xué)習(xí)進(jìn)度查詢，查看自己目前的學(xué)習(xí)進(jìn)度以及效率，從而清楚認(rèn)識(shí)自己最新學(xué)習(xí)情況，從而調(diào)整白己的學(xué)習(xí)方式。

5 小程序開(kāi)發(fā)流程

5.1 設(shè)計(jì)好原型

通過(guò)畫(huà)圖工具，把小程序制作先后流程和想要實(shí)現(xiàn)的功能做出來(lái)，這個(gè)部分要求界面的美觀，只需要將小程序的邏輯思維設(shè)計(jì)出來(lái)，方便開(kāi)發(fā)人員進(jìn)行開(kāi)發(fā)。它決定了小程序的整體邏輯，這個(gè)過(guò)程需要開(kāi)發(fā)人員進(jìn)行反復(fù)討論，不斷改善以達(dá)到最好的效果。

5.2 注冊(cè)微信小程序賬號(hào)

這里需要開(kāi)發(fā)人員在微信小程序官網(wǎng)注冊(cè)微信小程序賬號(hào)，這樣才能進(jìn)行后期的開(kāi)發(fā)工作。

5.3 前端界面設(shè)計(jì)

前端設(shè)計(jì)人員可以根據(jù)第一步設(shè)計(jì)好的原型，客戶需求，小程序特性來(lái)進(jìn)行前端的設(shè)計(jì)，這部分一定要注重界面的美觀和界面中涉及的小細(xì)節(jié)。

5.4 系統(tǒng)后臺(tái)和開(kāi)發(fā)相關(guān)接口

后端的接口是根據(jù)邏輯分析和數(shù)據(jù)庫(kù)操作進(jìn)行判斷，最后傳遞給前端要顯示的內(nèi)容。

5.5 內(nèi)部測(cè)試

小程序開(kāi)發(fā)完成后就到了測(cè)試環(huán)節(jié)，盡量能夠包含市面上大部分機(jī)型，從而確保小程序上線后能夠兼容大部分的手機(jī)、平板。

5.6 提交申請(qǐng)上線

體驗(yàn)版測(cè)試通過(guò)后，管理員就可以提交到微信審核，待微信審核過(guò)后就可以發(fā)布上線，供所有的微信用戶使用。

6 結(jié)束語(yǔ)

移動(dòng)學(xué)習(xí)不受地域和時(shí)間的限制，使學(xué)習(xí)者能夠合理利用碎片時(shí)間進(jìn)行學(xué)習(xí)。小程序的出現(xiàn)使大學(xué)生的移動(dòng)學(xué)習(xí)獲得了開(kāi)放的空間和大量的資源。通過(guò)開(kāi)發(fā)基于小程序的移動(dòng)教育平臺(tái)對(duì)移動(dòng)學(xué)習(xí)模式進(jìn)行重構(gòu)，可以解決教師和學(xué)生在課堂內(nèi)外遺留的各種問(wèn)題，為教師和學(xué)生之間搭建一座利于溝通的橋梁。小程序可以實(shí)現(xiàn)很多功能，具有很明顯的優(yōu)勢(shì)，如何更好更有效地投入教學(xué)實(shí)踐中還需要更廣更深入的研究。大范圍的普及需要學(xué)校、社會(huì)及國(guó)家的共同發(fā)力，為小程序在移動(dòng)教育教學(xué)中的應(yīng)用建立一個(gè)更加完善、多元化的平臺(tái)。

參考文獻(xiàn)：

[1]吳明樺，李杰.微信小程序的優(yōu)勢(shì)分析及其在企業(yè)中的應(yīng)用[J].電子技術(shù)與軟件T程，2019（15）：45-46.

[2]陳亞芳.微信支持下的個(gè)性化學(xué)習(xí)模式構(gòu)建與應(yīng)用研究[D].寧波：寧波大學(xué)，2017.

[3]賈文俊，李戰(zhàn)，張藝寧，等.微信“e教學(xué)”小程序的設(shè)計(jì)[J].技術(shù)與市場(chǎng)，2019，26（8）：119，121.

[4]張承寧，戴心來(lái).劉瀚文.基于微信小程序的移動(dòng)學(xué)習(xí)模式設(shè)計(jì)探究——以“學(xué)習(xí)云資料”微信小程序?yàn)槔齕J].軟件導(dǎo)刊：教育技術(shù)，2019，18（4）：84-87.

[5]牛琳，吳琳.基于微信小程序的移動(dòng)學(xué)習(xí)平臺(tái)的設(shè)計(jì)與實(shí)現(xiàn)[J].軟件T程，2018，21（9）：7，15-17.

[6]王雅楠.基于微信的智慧校園應(yīng)用[D].西安：西安電子科技大學(xué)，2018.

【通聯(lián)編輯：光文玲】