基于微信小程序的在線編程學習平臺的設計研究

陳華凱，徐永瑞，周星宇

(南京郵電大學通達學院，江蘇 南京 225100)

0 引言

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

1 搭建在線編程學習平臺是高校教育信息化發展的必然趨勢

1.1 彌補傳統網絡學習平臺的不足

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

1.2 為多元化學習方式、教學模式提供支持

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

1.3 實現資源整合共享和即時互動

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

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

微信小程序于 2017年 1月 9日凌晨正式上線，簡稱小程序，是一種不需要下載安裝即可使用的應用，它實現了應用“觸手可及”的夢想，用戶掃一掃或者搜一下即可打開應用。開展小程序開發大賽等多方面將小程序開發融入高校教學。由此可見，將微信小程序與教育教學相結合將成為一種潮流。本論文提出基于微信小程序開發高職在線編程學習平臺具有以下重要優勢。

2.1 開發門檻低，降低建設維護成本

微信小程序其底層技術支持和HTML技術有很多相似之處，用戶隨時打開就是新版本。小程序基于跨平臺的屬性，無疑大大地降低了建設維護的成本、提高更新版本的效率。

2.2 基于微信入口，易于傳播推廣

微信基于微信平臺，在微信中有專門的接入口。而在互聯網的用戶中，微信小程序制作的在線編程學習平臺在廣大師生中無疑極易于傳播和推廣使用。

2.3 即用即走，使用更加便捷

微信小程序是內置于微信的云端的應用程序，其突出特點便是無須下載資源的搜查、在線交流，也可方便在小程序隨時切換回聊天，靈活快捷。極大地方便了學習者充分利用碎片時間，有效的隨時隨地的實現移動學習。

2.4 功能突出，更好的用戶體驗感

相對于 HTML5網站，小程序可以獲得較多的系統權限，在安卓手機上還可以直接添加到手機桌面，看上去跟原生APP一樣，用戶的體驗感自然更勝一籌。

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

3 設計開發高校在線編程學習平臺

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

3.1 學習者角色功能模塊分析

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

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

3.2 課程教師角色功能模塊分析

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

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

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

3.3 系統管理員角色功能模塊分析

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

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

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

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

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

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

4.2 創建微信小程序項目

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

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

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

4.3 創建微信小程序頁面

4.3.1 微信小程序總體結構。

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

4.3.2微信小程序中每增加/減少頁面，其對應的“路徑+頁面名”信息都需要寫在app.json的pages數組中，數組的第一項代表小程序的初始頁。每一個小程序頁面是由同路徑下同名的四個不同后綴文件的組成AngularJS的模型綁定將具體的數據綁定到具體的位置。wxss則和 app.wxss一樣，都是css樣式表，在 logs 的頁面結構中，logs頁面使用控制標簽來組織代碼，在上使用wx：for-items綁定logs 數據，并將 logs 數據循環展開節點。

5 結論與展望

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