基于微信公眾平臺的美術輔助課程系統設計

張巍譯

（渭南師范學院 陜西 渭南714000）

基于微信公眾平臺的美術輔助課程系統設計

張巍譯

（渭南師范學院 陜西 渭南714000）

針對當前微信應用的熱潮和傳統輔助課程學習存在的缺點，提出一種基于微信公眾平臺的美術課程學習系統。通過利用當前比較流行的HTML5、JavaScript、CSS等技術，以Nginx作為微信服務器，以Tomcat6.0作為應用服務器，以MySQL開源數據庫作為管理系統，實現了美術課程輔助學習平臺。通過該平臺，學生可通過使用比較頻繁的微信平臺對美術課程信息進行學習，從而提高美術課程學習的效率，為當前教育與信息化的結合提供了參考。

微信公眾平臺；美術課程；學習平臺；應用服務器；接入方式

隨著人們對微信社交工具的應用，基于微信公眾平臺的各種移動應用也開始逐步的走向市場，并影響著人們的學習和工作方式。美術課程作為一門重要的學科，如何借助微信平臺提高課程效率，成為當前思考的重點。文中就美術課程學習提出一種基于微信的學習輔助學習系統，并就該系統的實現進行了詳細的闡述和分析，以此為美術課程教學提供更多的參考。

1 系統需求與功能分析

對系統的業務描述采用業務模型的方式，以此方便對系統有個全面的認識和理解。結合美術輔助學習的特點，將該系統的整體業務模型設計為如圖1所示。

圖1 系統整體業務模型圖

通過業務模型，將系統業務分為靜態類和動態類，包括美術課件欣賞、交流、作品評價、用戶管理等實現對美術輔助學習的目的。

2 系統整體架構設計

2.1 系統物理架構設計

物理架構作為系統運行的基礎，其部署將直接決定系統穩定性等性能。結合微信數據庫和手機用戶的特點，將該系統的物理架構設計為如圖2所示。

圖2 物理架構設計

通過圖2繪制了用戶、系統、微信公眾平臺三者之間的交互，從而展示了微信公眾平臺與美術課程數據庫之間的信息傳遞。

2.2 系統軟件架構設計

軟件架構是系統運行的基礎。結合當前主流的軟件技術，將系統軟件架構設計為如圖3所示。

圖3 系統軟件架構體系設計

在圖3中，靜態數據的查詢則直接交給Nginx1.0.15服務器負責，如CSS、圖片、JS等；動態數據的查詢、更新等則通過Tomcat6.0服務器處理，并通過Tomcat6.0服務器與Mysql數據庫進行交互，最終將查詢結果傳遞給微信瀏覽器。而上述的應用服務器和數據庫管理系統都全部安裝在Linux操作系統上。

3 系統功能設計

結合系統業務模型，將基于微信平臺的美術輔助學習系統模塊分為前臺和后臺兩個部分，其中前臺部分主要面對廣大的學生，通過美術課程課件、微視頻等方式，讓廣大的學生能夠學習美術課程知識點，并欣賞不同的美術作品；通過小測試對課堂知識點進行鞏固；通過討論交流，讓教師和學生進行相關難題的處理與溝通。

在后臺部分則包括消息管理、素材管理等，其中素材管理主要面向教師對不同的美術課程課件、視頻進行上傳；用戶管理是對系統的使用權限進行分配，從而讓系統能夠具有各自不同的功能權限。其整體的功能則如圖4所示。

圖4 系統功能設計

4 系統實現

4.1 系統注冊

該系統的設計是以美術課程作為背景，對此先注冊微信公眾平臺帳號。其注冊的方式非常簡單，直接通過計算機登錄到微信公眾平臺，根據其要求的步驟直接注冊。在注冊成功后，利用微信公眾平臺中的“高級功能”當中的“開發模式”對系統進行二次開發。而對其進行開發的首要環節是對消息接口進行配置，從而輸入相關的網址。學生或者教師只需要通過添加或掃描微信公眾帳號，即可登錄到系統，如圖5所示。

圖5 美術課程二維碼

4.2 美術課程輔助學習界面實現

對美術課程輔助學習界面的實現，本系統則直接采用jQuery Mobile工具對頁面進行布局，包括對其中的頁眉、內容、字體等，其中頁腳重要放置功能模塊，具體實現界面則如圖6所示。

圖6 微信公眾平臺界面

通過編程語言看出，界面的實現主要利用jQuery Mobile中的＜div＞對頁面進行布局，同時借助其簡介的編程語言實現。

4.3 異步加載機制實現

在對頁面的開發中發現，采用同步機制時系統響應時間長，加載緩慢，從而導致學生對系統的體驗差。對此，提出一種異步加載機制，其具體的原理是在傳統加載的基礎上，將動態頁面和靜態頁面分離，其中靜態頁面交給Nginx服務器直接處理，而動態內容則通過web服務器與數據庫的交互處理。用戶在進入到界面后，可立即看到頁面框架，再通過異步加載機制對動態內容進行展現。實現該加載機制的核心是利用jQuery Mobile的pageinit響應機制，其具體的實現代碼為：

//異步加載列表數據

$（document）.on（"click"，"#d1"，function（）｛

alert（"bbbbb"）；

｝）；

5 結束語

通過利用Nginx服務器、jQuery Mobile等計算機技術實現了基于微信公眾學習平臺的美術課程學習，同時通過利用jQuery Mobile對系統界面進行了布局，利用異步加載機制提高了系統響應速度，為實現信息化下的教育教學提供了參考。

［1］柳玉婷.微信公眾平臺在移動學習中的應用研究［J］.軟件導刊（教育技術），2013（10）:91-93.

［2］張德申，秦紅亮.微信公眾平臺開發——訂閱號功能開發研究［J］.電子技術與軟件工程，2013（19）:66-68.

［3］許雪林，陳敏，陳建峰.異步機制下移動平臺大數據分批加載模式研究［J］.電腦編程技巧與維護，2015（6）:43-44，46.

［4］覃鳳萍.基于HTML5+jQuery Mobile的移動Web應用開發研究［J］.大眾科技，2015（7）:9-10.

［5］徐尤華，熊傳玉.JQuery Mobile 1.2移動Web開發方法研究［J］.信息技術，2013（8）:85-88.

［6］曾紅，周惠芳.基于微信公眾平臺的輔助課程系統的實現［J］.科技廣場，2014（9）:46-49.

［7］武龍龍，楊小菊.基于微信公眾平臺的高校移動圖書館服務研究［J］.圖書館學研究，2013（18）:57-61，51.

［8］郭軍.基于微信公眾平臺的“985”高校圖書館服務現狀調查與分析［J］.圖書館學研究，2015（4）:71-76，81.

［9］山峰，檀曉紅，薛可.基于微信公眾平臺的移動微型學習實證研究——以“數據結構公眾平臺”為例［J］.開放教育研究，2015（1）:97-104.

［10］翟娜，張敏.基于微信公眾平臺的外語微學習資源設計與應用研究［J］.電子設計工程，2015（12）:156-158.

［11］李娜，乜勇.基于微信公眾平臺的微學習資源設計與應用研究［J］.中國教育信息化，2014（17）:52-55.

［12］呂婷婷.微型學習資源的設計與應用研究［D］.呼和浩特：內蒙古師范大學，2014.

［13］高琳.基于視頻資源的個人學習環境設計與應用研究［D］.長春：東北師范大學，2014.

［14］韓艷輝.應用ADDIE模型進行多媒體互動英語學習資源的教學設計——對純在線非正式學習環境的個案研究［J］.現代遠距離教育，2010（1）:72-76.

［15］左曉梅.基于應用和設計的數字化學習資源評估研究［J］.軟件導刊（教育技術），2011（10）:62-64.

Design of art assistant course system based on m icro channel public platform

ZHANGWei-yi
（Weinan Teachers University，Weinan 714000，China）

In view of the current application ofmicro channel and the shortcomings of the traditional learning，a new art curriculum learning system based onmicro channelpublic platform isproposed.Through the useofHTML5，CSS3，JavaScript and other technologies，the Nginx is used as themicro channel server，Tomcat6.0 as the application server，MySQL as the management system，realizes the art course assistant learning platform.Through this platform，students can learn from the art curriculum information through the use ofmore frequentmicro channel platform，so as to improve the efficiency of the art curriculum learning，and provide a reference for the currenteducation and information technology.

micro channel public platform；art course；learning platform；application server；accessmethod

TP99

A

1674－6236（2016）20-0069-03

2015-12-09 稿件編號：201512110

張巍譯（1983—），男，陜西西安人，碩士，講師。研究方向：美術教育。