支持混合式教學的微信小程序移動學習平臺研究

張霞 孫璐 唐天航

摘 要：針對印刷工程專業課程顏色科學的混合式教學需求，研究設計了基于微信小程序的移動學習平臺。采用微信小程序前端技術、服務器技術、數據庫技術進行了實現與發布。并在教學過程中進行初步應用，實現了線上線下的混合教學和翻轉課堂，提高了教學效果。

關鍵詞：混合式教學;微信小程序;服務器;數據庫

Abstract：In terms of the blended learning requirements of course color science in printing engineering major， a mobile learning platform based on little program of WeChat was researched. The platform was developed and published with the front-end technologies of little program， Web server technology and database technology. It was preliminarily applied in the teaching process of color science course. Online and offline blended learning was implemented， and flipped class model was carried out， which helped the teaching efficiency improved.

Key words：blended learning;little program of WeChat;server;database

0 引言

在教育信息化的背景下，研究支持混合式教學的信息化手段成為課程教學面臨的一個問題[1-3]。眾所周知，智能手機已經成為我們學習、工作、生活中不可或缺的一個助手。對于學習而言，利用智能手機的移動應用可以幫助實現隨時隨地學習，整合碎片化的時間，非常有利于開展混合式教學模式。

微信小程序是運行于微信之上的一種移動端應用，具有不用下載安裝、即用即走的優點[4]。經過兩年多的發展，已經在電商、游戲等很多領域得到應用。基于微信小程序開發移動學習平臺，也開始在一些課程的教與學中得到探索和應用[5-6]。

本研究針對印刷工程專業基礎課程“顏色科學”，研究支持該課程開展混合式教學的移動學習平臺。顏色科學課程內容具有學科交叉性、理論抽象性和應用實踐性，學生僅憑傳統課堂教學較難深入掌握課程內容，在教學過程中非常需要信息化手段的輔助。在分析課程混合式教學需求的基礎上，基于微信小程序技術，設計開發了課程的移動學習平臺。本文在第1部分介紹了顏色科學微信移動學習平臺的設計思想;在第2部分介紹了其開發實現過程;在第3部分對其在《顏色科學》課程混合式教學中的應用效果進行了分析;最后，對本研究所做工作進行了總結和展望。

1 需求分析與設計

顏色科學混合式教學的目的是用信息化的手段輔助課堂教學的各個環節，生動展現抽象的理論和復雜的實驗，并提供課程相關的課外知識，激發學生主動學習的興趣，提升學生在教學過程中的主導作用，實現線上線下的混合學習和翻轉課堂。因此，從內容需求上來看，不僅要涵蓋課程主要的知識點，還要包括與課程內容相關的其他資源;從知識點展現需求來說，不僅需要課件展現，還需要豐富的頁面或生動的視頻展現;從功能需求來看，要覆蓋課程教與學的環節，提供課堂管理功能、知識點展示功能、課外資源鏈接功能、線上討論功能、作業管功能理、成績評價功能等等。

根據需求，具體設計的功能模塊，如圖1所示。其中，課堂管理模塊支持學生簽到和課堂隨機點答;知識點展示可采用課件文檔和視頻演示;相關資訊模塊展示與課程內容相關的科研成果、行業動態以及一些有趣的新鮮事;線上討論模塊實現對一些話題的討論，可進行發帖、點贊、轉發以及評論;作業模塊將作業分為隨堂作業、階段測試和趣味測試，學生可在線編輯并提交作業。成績評價模塊對隨堂作業、階段測試和最后的課程考試進行成績評定，此模塊支持教師訪問。

為展現以上功能，進行了顏色科學小程序的UI界面設計。設計時遵循小程序界面的設計原則。主色選用明度較高的淡藍色，RGB值為（1，180，198）。藍色象征著寧靜、博大，代表著學海無垠，學無止境。輔助色使用黑色，作為字體的顏色。圖標在用戶選擇時顯示主色，未選擇時顯示與黑色接近的深灰色，和主色-輔助色對應，避免使用太多顏色混淆用戶的顏色認知。

界面的主要布局，如圖2所示。

主導航欄設計在屏幕的底部，分為首頁、交流、資源、個人中心四大區塊。首頁中展示一些推薦的課外資訊;交流中展示線上討論功能模塊;資源部分展示課程相關的課件、視頻等資源;個人中心管理用戶的信息，并可參與簽到等課堂管理活動。二級導航欄放置在頁面的頂部，設置了課外、作業、學習三個核心功能，控制著大功能下的該頁面的功能分配。在首頁導航界面，可通過中間的三級導航欄訪問科研、行業、新鮮事等相關資訊;在作業導航界面，可查看各種類型的作業，并進行編輯提交;在學習導航界面，按照知識點進行導航欄分層，方便用戶快速定位知識點的位置，各個知識點之間用灰色線分隔，每個知識點給出圖標和簡要的文字說明，方便用戶理解。如圖2中右圖所示，圖標在左邊，文字說明排列在圖標右邊。

2 開發與實現

根據需求分析、功能設計和界面設計，采用了多種語言和技術開發實現顏色科學移動學習平臺，涉及域名配置、服務器配置、數據庫設計、接口編寫、前端頁面實現、前端后臺交互功能實現等工作。開發流程包括：購買域名，申請SSL證書并進行備案;購買騰訊云服務器并進行環境配置;數據庫安裝與用戶表設計;開發后臺接口，設計接口參數;前端頁面實現;前端小程序與后臺交互設計。

移動學習平臺的邏輯架構，如圖3所示。

完成此架構所用的開發工具包括微信開發者工具、服務器連接工具、數據庫連接工具、后臺服務開發工具。微信開發者工具用來完成前端頁面的開發測試工作，需要在微信公眾平臺上注冊獲得APPID后才可以使用;服務器連接工具使用WinSCP，能夠方便地管理服務器上的文件，并能進行文件的上傳和下載;數據庫連接工具使用navicat，通過服務器的公網IP和端口號3306，使用數據庫用戶名和密碼訪問服務器數據庫系統，并可以進行表單的創建與查詢;后臺服務開發工具使用Eclipse，開發語言為JAVA，開發時需要在本機安裝Tomcat并配置JAVA和JDK環境，代碼完成后打包為.war壓縮包并上傳至服務器，即完成后臺服務的開發。數據庫是微信小程序與服務器進行交互的基礎，用于保存用戶信息、用戶上傳文件記錄、交互數據記錄等。本研究采用MYSQL數據庫，所開發的數據庫表格包括用戶信息表、作業表、成績表、用戶發帖表、資訊評論表、資源搜索表等。

開發完成后通過微信公眾平臺進行小程序的發布，學生通過微信掃碼或搜索ColorScience小程序即可訪問。發布的前端部分頁面展示，如圖4所示。包括簽到、推薦資訊、話題討論、作業、知識點學習、課件等頁面。

教師通過訪問數據庫和服務器，獲取學生的訪問使用數據，進行學習評價，并在成績評價模塊中進行錄入和保存。在實際教學中應用時數據庫中保存的學生作業數據示例，如圖5所示。

3 應用及效果分析

顏色科學微信小程序實現發布之后，在2019年《顏色科學》課程的教學中進行了初步應用，作為移動學習平臺支持課程實現混合式教學。在應用時和課堂教學相結合，從3個層次實現混合式教學：（1）教師課堂講授，學生通過小程序進行同步學習，線上完成隨堂作業;（2）教師發布討論話題，學生在社區進行線上討論，線上完成階段測試;（3）教師發布任務，學生自主學習小程序課內課外資源，并在課堂上講解，實現翻轉課堂。翻轉課堂進行過程的現場圖，如圖6所示。

為評價微信小程序移動學習平臺的實際應用效果，在課程教學完成后發放了調查問卷。問卷的內容，如表1所示。

其中，第1-9個問題從ABCD選項中選擇完成，包括單選題和多選題。第1-7單選題的選項從“非常”到“不”，如第1個問題的選項為：A非常喜歡，B喜歡，C一般，D不喜歡。

第8題的選項分別為：A >3小時，B 2-3小時，C 1-2小時，D <1小時。第9題為多選題，選項分別為：A視頻資源學習，B課外推薦資源，C熱門話題討論，D課件資源。第10-11個問題為自填，學生根據自己的觀點進行填寫。

總共有41名學生參與了調查，選擇題的結果統計，如圖7所示。

結果顯示，第1-7題的選擇結果集中在A或B。反映學生認可小程序在混合式教學中的作用，并認為可以提升學習興趣和學習效果。第8題的選擇集中在D，說明多數同學每周使用小程序的時間花費不到1個小時，多為碎片化的學習。第9題的分布較為平均，課件資源的比重偏大一些，說明學生仍然傾向于按照課件學習，間接反映對考試成績更看重些。

第10題學生建議的課堂教學、線上學習、翻轉課堂的平均比例為54.32%、23.28%、22.30%。第11題建議增加定位簽到、語音打字、題庫刷題、給老師私信留言等功能。

4 總結

本研究基于微信小程序開發了用于輔助顏色科學課程教學的移動學習平臺，在實際教學過程中進行了初步應用。通過該平臺，學生除了接受以老師為主的課堂教學，可以隨時隨地學習課程內外的相關知識，提高了對課程內容理解的廣度和深度，實現了線上線下的混合學習。應用效果分析顯示，該平臺可在一定程度上提升學習興趣，提高教學效果，但還需要在功能上進行完善，如增加語音完成作業、題庫、學生與老師的私信等功能。

參考文獻

[1] 黃莉.信息化背景下大學多元混合式教學模式改革研究[J].教育教學論壇，2019（31）：82-83.

[2] 劉淑婷.基于微信公眾平臺與翻轉課堂的混合式教學改革[J].微型電腦應用，2018，34（4）：27.

[3] 薛雨.基于藍墨云班課的混合式教學模式的探索與實踐[J].微型電腦應用，2019，35（7）：1-3.

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

[5] 林亮亮.基于微信小程序的成人移動學習平臺設計與實現[J].河北軟件職業技術學院學報，2019，21（2）：5-9.

[6] 張潔，孫華.基于微信小程序的計算機專業英語學習平臺設計[J].安徽電子信息職業技術學院學報，2019，18（102）：18-20.

（收稿日期：2019.09.05）