基于微信小程序的移動學習平臺的設計開發研究

張妮

摘要：隨著移動互聯網的發展，移動學習成為當下重要的學習方式。該文首先分析了設計開發高校移動學習平臺的重要意義，并以微信小程序為開發載體，總結了其技術優勢，進而對移動學習平臺的功能架構進行了具體設計以及對微信小程序進行開發過程中的關鍵技術進行了分析研究，為移動互聯網環境下網絡學習平臺的設計與開發提供參考。

關鍵詞：微信小程序；移動學習平臺

中圖分類號：TP311 文獻標識碼：A 文章編號：1009-3044（2019）04-0094-03

Abstract： With the development of mobile Internet， mobile learning has become an important way of learning. Firstly， this paper analyzes the significance of designing and developing mobile learning platform in colleges， and takes WeChat Mini Program as the carrier， summarizes its technical advantages， then designs the functional structure of mobile learning platform， and analyses the key technologies in the development process of WeChat Mini Program， so as to provide a reference for designing and developing network learning platform in mobile Internet environment.

Key words： WeChat Mini Program； mobile learning platform

隨著移動互聯網的不斷發展，以智能手機為代表的便攜式移動終端設備因其具有普及率高、易攜帶、功能完善、便于交流等特點而成為人們獲取生活資訊、查找學習資源、與人交流的重要工具，移動學習也應運而生，并進行得如火如荼。移動學習是一種在移動設備幫助下的能夠在任何時間、任何地點發生的學習，移動學習所使用的移動計算設備必須能夠有效地呈現學習內容并且提供教師與學習者之間的雙向交流。移動學習能夠突破傳統學習時間和空間的限制，在當今及未來的學習方式中占據著重要的地位。同時，移動學習需要強大的網絡資源作為支撐，因此設計和開發承載網絡資源的移動學習平臺具有重要的意義。

1 搭建移動學習平臺是高校教育信息化發展的必然趨勢

1）彌補傳統網絡學習平臺的不足。大多數的高校都有自己的網絡學習平臺，但這些網絡學習平臺主要依托PC端搭建，而用戶不可能隨時隨地的攜帶PC進行學習，嚴重影響了平臺上資源的使用率。而在很多高校中，一大部分學生并不擁有個人電腦，學校也無法給學生提供充足的計算機進行學習，這對他們的自主學習造成了極大的不便。另一方面，由于互聯網過于龐大，傳統的網絡課程設計相對獨立，一般采用不同的通訊協議和數據傳輸格式，給國家“十三五”教育信息化計劃中大力提倡的實現對知識資源的快速發現、合理整合和簡單共享造成了困難。而移動學習平臺主要基于手機進行使用，經調查，幾乎所有的高校學生人手一部智能手機，移動學習平臺的搭建，為學生的學習提供了便利性。同時，移動學習平臺對上傳的學習資源要求更加的規范，便于資源的整合和獲取。

2）為多元化學習方式、教學模式提供支持。隨著移動網絡的覆蓋和智能手機的普及，不受時空限制的移動學習和碎片化學習等方式正逐步引領著大學生的學習生活。高校學生利用移動學習平臺開展學習活動越來越普及，比如下載課程資源、觀看網絡視頻、進行在線答疑等。另一方面，隨著教育信息化的發展，教學模式也越來越多元化，比如目前比較火熱的微課教學、翻轉課程教學等，這些教學模式的有效實施需要移動互聯網和數字化技術的支持，而移動學習平臺的搭建，讓教師可以便捷地上傳課程資源，而學生利用智能手機便可簡便、快速地獲取學習資源進行自主學習，為下一步的教與學打好基礎。因此，移動學習平臺的搭建，是移動學習、碎片化學習發展的基石，也為當前新型的教學模式提供了強有力的平臺支持。

3）實現資源整合共享和即時互動。移動學習平臺的搭建，不僅僅能讓學習者更加便捷地開展移動學習、碎片化學習，更在于能夠實現資源整合共享和創造一個移動式的學習社區。傳統的網絡學習平臺課程資源龐大繁雜，且設計相對比較獨立，不利于資源的整合和傳播，而移動學習平臺對上傳的資源要求比較規范，且要求輕巧精致。其借助通訊軟件的便捷性和易傳播性，可以方便地對教學資源進行關注、分享等操作，能最大限度地實現教育資源的有機整合和共享。另一方面，移動社區中的交流遠比單向的在線學習課件更加有吸引力，也讓學習者的交流和答疑變得更加的即時和方便，這些都能讓學習者的學習變得更加的有意義。

騰訊公布的2016年第二季度及中期業績報告顯示，微信和WeChat合并月活躍用戶數達8.06億，目前眾多的高校利用微信擁有用戶基數大、普及率廣、互動性好等特點，馬不停蹄的開發了大量基于微信的移動應用，但是適合于廣大師生教學、自主學習使用的移動學習平臺還比較少。因此，設計開發移動學習平臺成為高校網絡學習發展的必然趨勢。

2 微信小程序的內涵及其應用優勢

微信小程序于2017年1月9日凌晨正式上線，簡稱小程序，是一種不需要下載安裝即可使用的應用，它實現了應用“觸手可及”的夢想，用戶掃一掃或者搜一下即可打開應用。也體現了“用完即走”的理念，用戶不用關心是否安裝太多應用的問題。2018年1月，騰訊微信、教育部高等學校計算機類專業教學指導委員會、教育部高等學校軟件工程專業教學指導委員會、教育部在線教育研究中心等共同倡議并組建的中國高校微信應用教育聯盟成立了，聯盟將通過大學課程的深度改革、開啟在線課程計劃、開展小程序開發大賽等多方面將小程序開發融入高校教學。由此可見，將微信小程序與教育教學相結合將成為一種潮流。本論文提出基于微信小程序開發高職移動學習平臺具有以下重要優勢。

1）開發門檻低，降低建設維護成本。微信小程序其底層技術支持和HTML技術有很多相似之處，前端技術相對于其他技術而言無論是入門和學習門檻都較低。同時，在滿足功能需求、性能需求的前提下，較于之前的APP或Web，小程序只需要依托微信的開發標準開發，便可自動適配不同操作系統的使用要求，如IOS系統和Android系統，只要小程序迭代，用戶隨時打開就是新版本。小程序基于跨平臺的屬性，無疑大大地降低了建設維護的成本、提高更新版本的效率。

2）基于微信入口，易于傳播推廣。微信基于微信平臺，在微信中有專門的接入口。而在互聯網的用戶中，微信用戶占據了絕大部分的市場。用戶只需要擁有微信賬號，就可通過掃描二維碼、好友群聊分享、搜索等方式直接打開微信小程序，基于微信龐大的用戶流量和其便捷的接入方式，微信小程序制作的移動學習平臺在廣大師生中無疑極易于傳播和推廣使用。

3）即用即走，使用更加便捷。微信小程序是內置于微信的云端的應用程序，其突出特點便是無須下載、無須安裝、無須卸載，同時充分發揮了移動互聯網時代入口輕量化的優勢，只需要通過微信“掃一掃”“搖一搖”等功能便可接入，真正實現了觸手可及，即用即走，使用更加的便捷，用戶不必擔心終端安裝太多應用導致內存不足的問題。基于微信小程序的移動學習平臺在不增加用戶使用成本的情況下，學習者可方便快捷的進入平臺進行課程的學習、資源的搜查、在線交流，也可方便在小程序隨時切換回聊天，靈活快捷。極大地方便了學習者充分利用碎片時間，有效的隨時隨地的實現移動學習。

4）功能突出，更好的用戶體驗感。相對于HTML5網站，小程序可以獲得較多的系統權限，比如數據緩存能力，網絡通信狀態等，這些系統級別的權限可以說跟小程序無縫銜接，盡管同樣采用HTML+CSS+JS進行開發，小程序比HTML5網站具有更好的流暢性。而且可以調用比HTML5更多的手機系統功能來開發，能開發更為豐富的使用場景。微信小程序具有獨立的運行環境，配合微信的解析器最終渲染出來的是原生組件的效果，在安卓手機上還可以直接添加到手機桌面，看上去跟原生APP一樣，用戶的體驗感自然更勝一籌。

綜上所述，利用微信小程序能快速有效的搭建移動學習平臺，并且具有使用便捷、易于推廣普及、用戶體驗好等突出優勢，能有效地解決當前傳統網絡學習平臺依賴PC存在的不足，促進教育資源的共享，順應知識碎片化傳播的趨勢，同時為多元化的教學模式提供平臺和支持。

3 設計開發高校移動學習平臺

本系統主要基于學習者、課程老師和系統管理員三種角色的功能模塊進行設計。系統功能結構圖如下所示：

1）學習者角色功能模塊分析如下：

課程選擇：該模塊實現課程的分類顯示，并提供課程關鍵字搜索功能。

個人空間：包括個人信息、我的收藏、我的提問、我的評論和我的筆記五個小功能模塊。

課程學習：包含課程公告、教學課件、課程微課、拓展資源四個學習模塊，其中每一學習模塊提供評論、收藏、分享功能。

在線留言：包含主題討論、在線咨詢兩個模塊。學習者可以該模塊留言交流、也可以在線向教師咨詢。

在線測試：包含在線測試、查看結果兩個模塊。方便學習者自我檢測。

2）課程教師角色功能模塊分析如下：

進入課程：該模塊通過系統管理員分配對應的課程權限，一位老師可以同時管理多門課程。

個人空間：包含個人信息、我的收藏、我的提問、我的評論和我的筆記五個小功能模塊。

課程學習：在該模塊教師可以發布課程公告、對課程課件、課程微課、拓展資源分別進行上傳、編輯和管理。同時對學習者的評論進行管理。

在線留言：分為主題討論管理，在線咨詢管理兩個模塊，教師可以發起主題討論，也可以對留言進行管理。

在線測試：分為試題管理、結果統計兩個模塊，教師可以對測試的試題進行管理，并統計學生測試的情況。

3）系統管理員角色功能模塊分析如下：

權限管理：通過該模塊，可以給課程老師分配管理課程的權限，一門課程可以由多名老師進行管理，一位老師也可以同時管理多門課程。

課程資源管理：包括課程公告管理、課程課件管理、課程微課管理、拓展資源管理模塊，管理員可以對全部課程的課程資源進行管理，同時對學習者的評論進行管理。

互動交流管理：分為主題討論管理，在線咨詢管理兩個模塊，管理員可以發起主題討論，也可以對留言進行管理。

在線測試管理：分為試題管理、結果統計兩個模塊，管理員可以對測試的試題進行管理，并統計學生測試的情況。

4 基于微信小程序開發移動學習平臺的步驟與關鍵技術

微信小程序的開發框架基于 MINA 框架，開發人員可以從手機客戶端app開發快速切換到小程序開發，下面簡單扼要的闡述基于微信小程序開發移動學習平臺的順序和關鍵技術。

4.1 搭建微信小程序開發環境

微信小程序開發不能直接使用服務號或訂閱號的 AppID，需要登錄微信已經提供的小程序開發賬號。因此，我們需要先要在微信公眾平臺官網注冊賬號，獲取唯一標的微信小程序AppID，然后在官網下載專用的微信開發者工具，并進行安裝。安裝完成后，第一次啟動時會出現一個二維碼，需要使用微信掃描該二維碼才可登錄開發者工具。

4.2 創建微信小程序項目

我們通過登錄微信開發者工具，來實現移動學習平臺小程序項目的創建和代碼編寫，具體步驟如下：

1）登錄微信開發者工具，選擇創建項目，輸入獲取的AppID，選擇文件代碼的存儲目錄，然后進入開發者工具界面。

2）進入開發者工具界面后，默認是選中“調試”面板，在該面板中，左邊是頁面效果的預覽窗口，右邊是類似于Chrome的開發者的工具。點擊最左側的導航，在“編輯”里可以查看和編輯我們的代碼，在“項目”里可以發送到手機里預覽實際效果。

3）創建了小程序之后，開發工具會默認生成了一些文件，其中app.js、app.json、app.wxss屬于應用程序級文件，app.js定義了全局的一些重要事件，app.json 則定義了程序有哪些頁面，以及窗口標題及相關樣式等，app.wxss 則定義了全局樣式。

4.3 創建微信小程序頁面

1）微信小程序總體結構圖如圖2。

微信小程序啟動時會生成一個app應用實例，這個app實例會運行多個page，每個page之間又會有一些關聯。多個page都需要用到的一些功能則封裝到公共方法中，例如util.js，calc.js等等。

2）微信小程序中每增加/減少頁面，其對應的“路徑+頁面名”信息都需要寫在app.json的pages數組中，數組的第一項代表小程序的初始頁。每一個小程序頁面是由同路徑下同名的四個不同后綴文件的組成，如：index.js、index.wxml、index.wxss、index.json。每個頁面的業務邏輯都會寫在各自的js文件中，wxml則類似于html為頁面定了一個具體的div區域，通過類似于AngularJS的模型綁定將具體的數據綁定到具體的位置。wxss則和app.wxss一樣，都是css樣式表，在 logs 的頁面結構中，logs 頁面使用控制標簽來組織代碼，在上使用wx：for-items 綁定logs 數據，并將 logs 數據循環展開節點。

5 展望

以智能手機為代表的便攜式移動終端設計的普及使用，基于移動學習平臺的移動學習必將成為今后重要的學習方式。移動學習平臺的設計開發，正好為廣大學習者提供了一個強有力的學習平臺，而基于微信小程序本身的優勢，該平臺具有建設維護成本低、即用即走、使用便攜、用戶體驗好等出圖優勢，易于推廣普及。而微信小程序擁有比原生APP 成本更低、速度更快的開發優勢，符合下一代移動互聯網產業發展的“微、小、輕”趨勢，將會擁有更為廣泛的市場前景。

參考文獻：

[1] 張國杰，吳杰峰，劉路莎，等.基于微信小程序的數字化社區學習地圖開發[J].廣州大學學報：社會科學版，2017（11）.

[2] 張小龍.微信小程序入口在哪？ 有什么用？[J].計算機與網絡，2017（4）.

[3] 劉琦，丁萍莉.基于微信小程序的互聯網+教育學習平臺的研究與設計[J].內江科技，2016（12）.

[4] 張藝萌.基于智能手機的移動微型學習系統設計[J].電子測試， 2014（19）：93-95.

[5] 劉玉佳.微信“小程序”開發的系統實現及前景分析[J].信息通訊，2017（1）.

【通聯編輯：代影】