基于微信小程序的動態網站設計移動學習平臺的研究與設計

袁芳，胡偉，彭健

摘要：隨著計算機與通信技術的快速發展，移動智能終端設備已改變了傳統的學習模式，將移動智能終端設備與教學相結合的模式越來越受到師生們的歡迎。該文以動態網站設計課程為例，根據該課程的特點和教學中存在的問題，提出了設計一個關于動態網站設計課程學習的微信小程序學習平臺，以便學生能夠利用課余的碎片化時間進行學習，利用小程序實現閱讀課程課件、觀看教學視頻、知識點測試和社區討論等功能，從而為學生提供多元化的學習方式，提高學生的學習積極性和提升教學質量。

關鍵詞：微信小程序;動態網站設計;移動學習;學習平臺

中圖分類號：TP311;G642? ? ? 文獻標識碼：A

文章編號：1009-3044（2021）20-0088-02

1 背景

21世紀隨著計算機與移動互聯網信息技術的迅猛發展，人們的日常學習與生活方式也隨著發生了極大的改變。QQ、微博、微信等新媒體的出現，不斷的升級改善了信息獲取和人與人之間的溝通方式。隨著4G發展，在移動智能終端設備普及使用背景下，移動智能終端設備已成為我們每天生活與學習中必不可少的信息傳播載體，給大家的生活、學習和工作都帶來了非常大的便利。特別是在高校教育領域，傳統的教學模式已很難滿足現代信息化教學需求，“互聯網+教育”模式逐漸進入大家的視野，近幾年越來越多的在線教育平臺涌現出來。在線教育為傳統教育給予補充，能夠打破傳統教學模式的壁壘，共享優質教學資源，使得教與學不再受到空間與時間上的限制。本文介紹設計一個微信小程序——動態網站設計課程移動學習平臺，在該平臺上教師可以將課程中的教學資源進行上傳，方便教師進行教學與管理。學生可以借助智能移動設備隨時隨地自主學習，從而激發學習興趣，提高學習效率[1]。

2 移動學習平臺與微信小程序

2.1 移動學習平臺

隨著移動互聯網的迅速發展，各種在線學習平臺不斷涌現，比較受歡迎的有學堂在線、中國大學MOOC、網易云課堂、慕課網等。這些平臺發布與使用方式主要分了兩種，一種是基于C/S（Client/Server）架構，另外一種是基于B/S（Browser/Server）架構[2]。C/S架構平臺下需要智能移動設備安裝相應的軟件與平臺進行交互，從而要占用移動設備更多的硬件資源。B/S架構平臺下不需要安裝相應的軟件，只需移動設備使用瀏覽器訪問就可以，但是這種方式的在線學習平臺需用戶輸入網址，用戶體驗效果不佳。

2.2 微信小程序

2017年1月9日微信團隊正式開放了微信小程序，它是一種運行于微信應用中類似于Web應用的應用形式。它是一種不需要安裝即可使用的應用，我們只需掃一掃或者搜一下即可打開應用，無須安裝或卸載額外的軟件。小程序的界面和使用方法跟App類似，傳統App用戶需要下載、安裝才可以使用App，安裝時還會考慮App專用了多大存儲空間，哪些程序應該卸載掉以釋放空間，微信小程序則無須下載安裝，直接使用，不占用存儲空間，大大簡化了我們用戶使用的成本。小程序的入口在微信軟件的首頁下拉中，并在使用完微信小程序后，可以達到用完即走的效果。由于微信小程序簡化了操作，用戶體驗良好，其使用用戶群體具有很高的黏著度和使用率[3]。從而微信小程序為移動學習提供了全新的平臺與應用空間，使得移動學習的開發與應用更加便捷和高效。隨著WIFI和4G網絡的普及，學生利用智能移動設備進行移動學習的需求日益增強。本文基于微信小程序的移動學習平臺是面向我院動態網站設計課程的教師與學生，高職學生不同于其他年齡段的學生，課余時間比較多，可以利用空余時間學習更多知識，有意提升自己的能力。

3 高職動態網站設計課程特點

動態網站設計這門課程是我院計算機專業的必修與核心課程，該課程講述采用PHP技術開發后端動態網站課程。學生在學該門課程之前，必須先學完HTML5、JavaScript和MySQL數據庫等課程，所以該課程主要面向我院計算機專業大二下學期或大三上學期開設，該課程所覆蓋的知識面多且散，知識點之間的關聯度又非常高，同時又對學生的知識點的綜合運用能力和動手實踐開發能力要求比較高。因此，學生在學習過程中容易產生學習興趣不高，學習積極性與主動性不夠，自信心不足的問題。另一方面在傳統的課堂教學過程中，學生大都是被動接受，有時一節課的知識點容量比較多，就會出現學生難以消化，長此以往就容易導致學生學習興趣下降和教學效果不佳等現象。針對這些情況，利用微信小程序搭建學習平臺，將本門課程的相關知識點制作成文檔資料、小視頻、提供相應的測試練習題等各種豐富資源，學生們可以根據自身需求，利用微信小程序移動學習平臺可以不受時間和地點的限制進行學習。

4 微信小程序移動學習平臺的設計

4.1 平臺總體架構設計

利用微信小程序開發移動學習平臺整體性的架構設計如下圖1所示，其涉及小程序客戶前端、Web后臺服務管理和前端與后端數據交互等技術。所以開發該框架的移動學習平臺首先要搭建一個Web在線學習平臺，且該平臺具有一個ICP備案的域名，并且獲取、下載和安裝好SSL證書。再利用微信小程序開發微信小程序前端和API接口，該接口是向Web服務器發送https請求，Web服務器接收到https請求后再向數據庫中獲取相應的數據，最后將獲取到的數據以Json的形式返回給微信小程序前端進行呈現[4]。

微信小程序是由一系列頁面組成，通過微信小程序自定義的WXML微信標記語言來構建頁面的結構，利用微信小程序自定義的樣式語言WXSS編寫樣式文件來控制頁面的樣式，使用JavaScript來進行業務處理，實現頁面交互處理和網絡請求等操作，其核心是相應數據的綁定，使數據與視圖保持同步[5]。

4.2 平臺功能模塊設計

依據動態網站設計課程移動學習的實際需求，該微信小程序移動學習平臺的功能主要分前臺和后臺，其前臺的功能有個人中心、公告通知、課程課件、實訓操作案例、微視頻、測試題、社區論壇。后臺的功能有用戶管理、公告管理、學習資源管理和論壇管理[6]。