基于微信小程序的動態(tài)網(wǎng)站設(shè)計移動學習平臺的研究與設(shè)計

袁芳，胡偉，彭健

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

關(guān)鍵詞：微信小程序;動態(tài)網(wǎng)站設(shè)計;移動學習;學習平臺

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

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

1 背景

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

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

2.1 移動學習平臺

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

2.2 微信小程序

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

3 高職動態(tài)網(wǎng)站設(shè)計課程特點

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

4 微信小程序移動學習平臺的設(shè)計

4.1 平臺總體架構(gòu)設(shè)計

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

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

4.2 平臺功能模塊設(shè)計

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