基于微信小程序的移動教育平臺的搭建與研究

李菁 唐宗寧 胡佳昊 姜子杰

摘要：微信是現今社會眾多學生群體及校園中最受歡迎、應用率最高的社交通信軟件，運用便捷、覆蓋范圍廣。通過微信小程序搭建移動學習平臺，可以有效激發學生的學習興趣，提高學習效率和學習質量。

關鍵詞：微信小程序;移動學習;設計與實現

中圖分類號：TP393 文獻標識碼：A

文章編號：1009-3044（2020）08-0048-03

在網絡信息技術飛速發展的當下，加之“互聯網+”背景下，許多學校都開始自主研發獨具特色的服務于師生的手機應用程序，但學校獨立開發程序需要投入大量的人力、物力和財力等，并且開發出來后的使用效果不甚理想，特別當下手機移動應用程序數不勝數，如果后期管理不當，會產生嚴重的長尾效應，浪費大量資源。而微信小程序開發成本比傳統應用程序低，獲客成本也遠低于一般應用程序。

1 微信小程序簡介

微信小程序，簡稱小程序。小程序是一種不需要下載安裝即可使用的應用，用戶只需打開微信用手機掃一掃即可打開應用。小程序提供了一個簡單、高效的應用開發框架和豐富的組件及API，幫助開發者在微信中開發具有原生APP體驗的服務。

2 微信小程序可行性及優勢分析

2.1 開發成本低，用戶基數大

小程序的便捷與低開發成本是許多個人、組織及企業選擇開發小程序的重要原因。微信小程序的用戶基數龐大，擁有廣闊的前景，而且開發成本較低，使個人、組織及企業所承擔的風險大大降低。

2.2 無須下載，即用即走

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

3 微信小程序相關技術

微信小程序是嵌入于微信中的一種應用程序，不需額外下載。小程序通過對合法域名下的接口進行調用配置，與數據庫進行交互，從而實現小程序的功能。

3.1 開發框架

小程序的開發是基于MINA框架。MINA框架能幫助開發者開發高伸縮性和高性能的網絡應用程序，底層支撐主要是Java NIO庫。

開發人員使用MINA框架可開發前端與后端分離的項目。前端負責顯示，而顯示的內容由后端的接口根據邏輯分析和數據庫操作實現判斷后再傳遞給前端要顯示的內容。

MINA為開發者提供自帶的視圖層描述語言WXML、wxss及基于JavaScript的邏輯層框架，并在視圖層與邏輯層間提供了數據傳輸和事件系統，而MINA的核心就是一個響應的數據綁定系統。其可以讓數據與視圖保持高度同步，當要對數據修改時，只需在邏輯層進行數據的修改，視圖層就會自動做出相應的更新。

3.2 應用工具分析

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

JS負責業務的邏輯實現，是目前主流的面向對象的腳本語言，其可以在不與服務器交互的情況下對頁面內容進行修改。

WXML是微信小程序框架的一套標簽語言，是微信小程序的展示層。

wxss是一套樣式語言，用來修飾展示層的樣式，決定WX-ML組件的顯示。

3.3 開發技術介紹

3.3.1 程序注冊

在微信小程序中，用來注冊程序的是App0函數，其接受一個object參數，用以指定小程序的生命周期函數。

當用戶打開小程序時，初始化進行。當初始化完成后，會觸發onLaunch用于監聽小程序的初始化;當小程序啟動或者由后臺進入前臺后，會觸發onShow，用以監聽小程序的顯示;當用戶關閉了小程序后即小程序由前臺進入后臺，會觸發onHide，用來監聽小程序的隱藏;在小程序發生腳本錯誤或者調用API失敗時，會觸發onError，并帶上錯誤信息。

圖2為程序注冊流程。

3.3.2 頁面注冊

對于小程序中的每一個頁面來說，都需要在與頁面對應的js文件中調用Page方法來注冊頁面，流程如下：

1）小程序初始化完成后會加載頁面，在頁面創建時執行onLoad方法;

2）當頁面可以出現在前臺時，執行onShow方法，用來監聽顯示頁面;

3）頁面初次渲染完成后，會執行onReady方法;

4）當頁面由前臺進入后臺運行時或跳轉到其他頁面時，執行onHide方法;

5）當頁面由后臺進入到前臺或重新進入頁面時，執行on-Show方法;

6）當頁面被銷毀或者卸載的時候，會執行onUnload方法。

4 平臺功能設計

4.1 總體功能設計

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

4.2 應用場景設計

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

4.3 業務模型設計

1）頂層模型

微信小程序的開發一般包括了：前端設計，后臺設計和運作，數據庫的設計等。

2）業務域

前端頁面負責界面的搭建，而顯示的內容由后端的接口進行傳遞。最終用戶能夠通過前端界面看到后臺傳遞的信息。

3）業務流程

首先在開發之前需要進行構思與畫好模型，確定此小程序想要實現的功能，在此之后進行前端界面的開發，這里需要開發人員進行顯示界面的設計和美化以達到整體界面的美觀，最后需要進行后端接口的信息傳遞，將用戶需要的信息傳遞到前端的頁面進行顯示。

4）詳細業務說明

在小程序中.其中最主要的業務環節為以下兩個方面。第一個方面，登錄教師端，教師可以通過學生學習的后臺數據，了解學生最近的學習情況是怎么樣，學過哪些課程，學習到哪一門課程的進度條。同時，教師還可以分享一些學習心得和有助于學習理解的知識傳輸給學子。第二個方面，登錄學生端，學子們可以查看自己的規劃學習路線，并且該路線中所涉及的課程，如果該課程序列中，如果還有沒有涉及學子們所需要的課程，那么學子可以選擇手動加入一些課程。當然，學子們還可以通過學習進度查詢，查看自己目前的學習進度以及效率，從而清楚認識自己最新學習情況，從而調整白己的學習方式。

5 小程序開發流程

5.1 設計好原型

通過畫圖工具，把小程序制作先后流程和想要實現的功能做出來，這個部分要求界面的美觀，只需要將小程序的邏輯思維設計出來，方便開發人員進行開發。它決定了小程序的整體邏輯，這個過程需要開發人員進行反復討論，不斷改善以達到最好的效果。

5.2 注冊微信小程序賬號

這里需要開發人員在微信小程序官網注冊微信小程序賬號，這樣才能進行后期的開發工作。

5.3 前端界面設計

前端設計人員可以根據第一步設計好的原型，客戶需求，小程序特性來進行前端的設計，這部分一定要注重界面的美觀和界面中涉及的小細節。

5.4 系統后臺和開發相關接口

后端的接口是根據邏輯分析和數據庫操作進行判斷，最后傳遞給前端要顯示的內容。

5.5 內部測試

小程序開發完成后就到了測試環節，盡量能夠包含市面上大部分機型，從而確保小程序上線后能夠兼容大部分的手機、平板。

5.6 提交申請上線

體驗版測試通過后，管理員就可以提交到微信審核，待微信審核過后就可以發布上線，供所有的微信用戶使用。

6 結束語

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

參考文獻：

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

[2]陳亞芳.微信支持下的個性化學習模式構建與應用研究[D].寧波：寧波大學，2017.

[3]賈文俊，李戰，張藝寧，等.微信“e教學”小程序的設計[J].技術與市場，2019，26（8）：119，121.

[4]張承寧，戴心來.劉瀚文.基于微信小程序的移動學習模式設計探究——以“學習云資料”微信小程序為例[J].軟件導刊：教育技術，2019，18（4）：84-87.

[5]牛琳，吳琳.基于微信小程序的移動學習平臺的設計與實現[J].軟件T程，2018，21（9）：7，15-17.

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

【通聯編輯：光文玲】