基于微信公眾平臺(tái)的美術(shù)輔助課程系統(tǒng)設(shè)計(jì)

張巍譯

（渭南師范學(xué)院 陜西 渭南714000）

基于微信公眾平臺(tái)的美術(shù)輔助課程系統(tǒng)設(shè)計(jì)

張巍譯

（渭南師范學(xué)院 陜西 渭南714000）

針對(duì)當(dāng)前微信應(yīng)用的熱潮和傳統(tǒng)輔助課程學(xué)習(xí)存在的缺點(diǎn)，提出一種基于微信公眾平臺(tái)的美術(shù)課程學(xué)習(xí)系統(tǒng)。通過(guò)利用當(dāng)前比較流行的HTML5、JavaScript、CSS等技術(shù)，以Nginx作為微信服務(wù)器，以Tomcat6.0作為應(yīng)用服務(wù)器，以MySQL開(kāi)源數(shù)據(jù)庫(kù)作為管理系統(tǒng)，實(shí)現(xiàn)了美術(shù)課程輔助學(xué)習(xí)平臺(tái)。通過(guò)該平臺(tái)，學(xué)生可通過(guò)使用比較頻繁的微信平臺(tái)對(duì)美術(shù)課程信息進(jìn)行學(xué)習(xí)，從而提高美術(shù)課程學(xué)習(xí)的效率，為當(dāng)前教育與信息化的結(jié)合提供了參考。

微信公眾平臺(tái)；美術(shù)課程；學(xué)習(xí)平臺(tái)；應(yīng)用服務(wù)器；接入方式

隨著人們對(duì)微信社交工具的應(yīng)用，基于微信公眾平臺(tái)的各種移動(dòng)應(yīng)用也開(kāi)始逐步的走向市場(chǎng)，并影響著人們的學(xué)習(xí)和工作方式。美術(shù)課程作為一門(mén)重要的學(xué)科，如何借助微信平臺(tái)提高課程效率，成為當(dāng)前思考的重點(diǎn)。文中就美術(shù)課程學(xué)習(xí)提出一種基于微信的學(xué)習(xí)輔助學(xué)習(xí)系統(tǒng)，并就該系統(tǒng)的實(shí)現(xiàn)進(jìn)行了詳細(xì)的闡述和分析，以此為美術(shù)課程教學(xué)提供更多的參考。

1 系統(tǒng)需求與功能分析

對(duì)系統(tǒng)的業(yè)務(wù)描述采用業(yè)務(wù)模型的方式，以此方便對(duì)系統(tǒng)有個(gè)全面的認(rèn)識(shí)和理解。結(jié)合美術(shù)輔助學(xué)習(xí)的特點(diǎn)，將該系統(tǒng)的整體業(yè)務(wù)模型設(shè)計(jì)為如圖1所示。

圖1 系統(tǒng)整體業(yè)務(wù)模型圖

通過(guò)業(yè)務(wù)模型，將系統(tǒng)業(yè)務(wù)分為靜態(tài)類(lèi)和動(dòng)態(tài)類(lèi)，包括美術(shù)課件欣賞、交流、作品評(píng)價(jià)、用戶管理等實(shí)現(xiàn)對(duì)美術(shù)輔助學(xué)習(xí)的目的。

2 系統(tǒng)整體架構(gòu)設(shè)計(jì)

2.1 系統(tǒng)物理架構(gòu)設(shè)計(jì)

物理架構(gòu)作為系統(tǒng)運(yùn)行的基礎(chǔ)，其部署將直接決定系統(tǒng)穩(wěn)定性等性能。結(jié)合微信數(shù)據(jù)庫(kù)和手機(jī)用戶的特點(diǎn)，將該系統(tǒng)的物理架構(gòu)設(shè)計(jì)為如圖2所示。

圖2 物理架構(gòu)設(shè)計(jì)

通過(guò)圖2繪制了用戶、系統(tǒng)、微信公眾平臺(tái)三者之間的交互，從而展示了微信公眾平臺(tái)與美術(shù)課程數(shù)據(jù)庫(kù)之間的信息傳遞。

2.2 系統(tǒng)軟件架構(gòu)設(shè)計(jì)

軟件架構(gòu)是系統(tǒng)運(yùn)行的基礎(chǔ)。結(jié)合當(dāng)前主流的軟件技術(shù)，將系統(tǒng)軟件架構(gòu)設(shè)計(jì)為如圖3所示。

圖3 系統(tǒng)軟件架構(gòu)體系設(shè)計(jì)

在圖3中，靜態(tài)數(shù)據(jù)的查詢則直接交給Nginx1.0.15服務(wù)器負(fù)責(zé)，如CSS、圖片、JS等；動(dòng)態(tài)數(shù)據(jù)的查詢、更新等則通過(guò)Tomcat6.0服務(wù)器處理，并通過(guò)Tomcat6.0服務(wù)器與Mysql數(shù)據(jù)庫(kù)進(jìn)行交互，最終將查詢結(jié)果傳遞給微信瀏覽器。而上述的應(yīng)用服務(wù)器和數(shù)據(jù)庫(kù)管理系統(tǒng)都全部安裝在Linux操作系統(tǒng)上。

3 系統(tǒng)功能設(shè)計(jì)

結(jié)合系統(tǒng)業(yè)務(wù)模型，將基于微信平臺(tái)的美術(shù)輔助學(xué)習(xí)系統(tǒng)模塊分為前臺(tái)和后臺(tái)兩個(gè)部分，其中前臺(tái)部分主要面對(duì)廣大的學(xué)生，通過(guò)美術(shù)課程課件、微視頻等方式，讓廣大的學(xué)生能夠?qū)W習(xí)美術(shù)課程知識(shí)點(diǎn)，并欣賞不同的美術(shù)作品；通過(guò)小測(cè)試對(duì)課堂知識(shí)點(diǎn)進(jìn)行鞏固；通過(guò)討論交流，讓教師和學(xué)生進(jìn)行相關(guān)難題的處理與溝通。

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

圖4 系統(tǒng)功能設(shè)計(jì)

4 系統(tǒng)實(shí)現(xiàn)

4.1 系統(tǒng)注冊(cè)

該系統(tǒng)的設(shè)計(jì)是以美術(shù)課程作為背景，對(duì)此先注冊(cè)微信公眾平臺(tái)帳號(hào)。其注冊(cè)的方式非常簡(jiǎn)單，直接通過(guò)計(jì)算機(jī)登錄到微信公眾平臺(tái)，根據(jù)其要求的步驟直接注冊(cè)。在注冊(cè)成功后，利用微信公眾平臺(tái)中的“高級(jí)功能”當(dāng)中的“開(kāi)發(fā)模式”對(duì)系統(tǒng)進(jìn)行二次開(kāi)發(fā)。而對(duì)其進(jìn)行開(kāi)發(fā)的首要環(huán)節(jié)是對(duì)消息接口進(jìn)行配置，從而輸入相關(guān)的網(wǎng)址。學(xué)生或者教師只需要通過(guò)添加或掃描微信公眾帳號(hào)，即可登錄到系統(tǒng)，如圖5所示。

圖5 美術(shù)課程二維碼

4.2 美術(shù)課程輔助學(xué)習(xí)界面實(shí)現(xiàn)

對(duì)美術(shù)課程輔助學(xué)習(xí)界面的實(shí)現(xiàn)，本系統(tǒng)則直接采用jQuery Mobile工具對(duì)頁(yè)面進(jìn)行布局，包括對(duì)其中的頁(yè)眉、內(nèi)容、字體等，其中頁(yè)腳重要放置功能模塊，具體實(shí)現(xiàn)界面則如圖6所示。

圖6 微信公眾平臺(tái)界面

通過(guò)編程語(yǔ)言看出，界面的實(shí)現(xiàn)主要利用jQuery Mobile中的＜div＞對(duì)頁(yè)面進(jìn)行布局，同時(shí)借助其簡(jiǎn)介的編程語(yǔ)言實(shí)現(xiàn)。

4.3 異步加載機(jī)制實(shí)現(xiàn)

在對(duì)頁(yè)面的開(kāi)發(fā)中發(fā)現(xiàn)，采用同步機(jī)制時(shí)系統(tǒng)響應(yīng)時(shí)間長(zhǎng)，加載緩慢，從而導(dǎo)致學(xué)生對(duì)系統(tǒng)的體驗(yàn)差。對(duì)此，提出一種異步加載機(jī)制，其具體的原理是在傳統(tǒng)加載的基礎(chǔ)上，將動(dòng)態(tài)頁(yè)面和靜態(tài)頁(yè)面分離，其中靜態(tài)頁(yè)面交給Nginx服務(wù)器直接處理，而動(dòng)態(tài)內(nèi)容則通過(guò)web服務(wù)器與數(shù)據(jù)庫(kù)的交互處理。用戶在進(jìn)入到界面后，可立即看到頁(yè)面框架，再通過(guò)異步加載機(jī)制對(duì)動(dòng)態(tài)內(nèi)容進(jìn)行展現(xiàn)。實(shí)現(xiàn)該加載機(jī)制的核心是利用jQuery Mobile的pageinit響應(yīng)機(jī)制，其具體的實(shí)現(xiàn)代碼為：

//異步加載列表數(shù)據(jù)

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

alert（"bbbbb"）；

｝）；

5 結(jié)束語(yǔ)

通過(guò)利用Nginx服務(wù)器、jQuery Mobile等計(jì)算機(jī)技術(shù)實(shí)現(xiàn)了基于微信公眾學(xué)習(xí)平臺(tái)的美術(shù)課程學(xué)習(xí)，同時(shí)通過(guò)利用jQuery Mobile對(duì)系統(tǒng)界面進(jìn)行了布局，利用異步加載機(jī)制提高了系統(tǒng)響應(yīng)速度，為實(shí)現(xiàn)信息化下的教育教學(xué)提供了參考。

［1］柳玉婷.微信公眾平臺(tái)在移動(dòng)學(xué)習(xí)中的應(yīng)用研究［J］.軟件導(dǎo)刊（教育技術(shù)），2013（10）:91-93.

［2］張德申，秦紅亮.微信公眾平臺(tái)開(kāi)發(fā)——訂閱號(hào)功能開(kāi)發(fā)研究［J］.電子技術(shù)與軟件工程，2013（19）:66-68.

［3］許雪林，陳敏，陳建峰.異步機(jī)制下移動(dòng)平臺(tái)大數(shù)據(jù)分批加載模式研究［J］.電腦編程技巧與維護(hù)，2015（6）:43-44，46.

［4］覃鳳萍.基于HTML5+jQuery Mobile的移動(dòng)Web應(yīng)用開(kāi)發(fā)研究［J］.大眾科技，2015（7）:9-10.

［5］徐尤華，熊傳玉.JQuery Mobile 1.2移動(dòng)Web開(kāi)發(fā)方法研究［J］.信息技術(shù)，2013（8）:85-88.

［6］曾紅，周惠芳.基于微信公眾平臺(tái)的輔助課程系統(tǒng)的實(shí)現(xiàn)［J］.科技廣場(chǎng)，2014（9）:46-49.

［7］武龍龍，楊小菊.基于微信公眾平臺(tái)的高校移動(dòng)圖書(shū)館服務(wù)研究［J］.圖書(shū)館學(xué)研究，2013（18）:57-61，51.

［8］郭軍.基于微信公眾平臺(tái)的“985”高校圖書(shū)館服務(wù)現(xiàn)狀調(diào)查與分析［J］.圖書(shū)館學(xué)研究，2015（4）:71-76，81.

［9］山峰，檀曉紅，薛可.基于微信公眾平臺(tái)的移動(dòng)微型學(xué)習(xí)實(shí)證研究——以“數(shù)據(jù)結(jié)構(gòu)公眾平臺(tái)”為例［J］.開(kāi)放教育研究，2015（1）:97-104.

［10］翟娜，張敏.基于微信公眾平臺(tái)的外語(yǔ)微學(xué)習(xí)資源設(shè)計(jì)與應(yīng)用研究［J］.電子設(shè)計(jì)工程，2015（12）:156-158.

［11］李娜，乜勇.基于微信公眾平臺(tái)的微學(xué)習(xí)資源設(shè)計(jì)與應(yīng)用研究［J］.中國(guó)教育信息化，2014（17）:52-55.

［12］呂婷婷.微型學(xué)習(xí)資源的設(shè)計(jì)與應(yīng)用研究［D］.呼和浩特：內(nèi)蒙古師范大學(xué)，2014.

［13］高琳.基于視頻資源的個(gè)人學(xué)習(xí)環(huán)境設(shè)計(jì)與應(yīng)用研究［D］.長(zhǎng)春：東北師范大學(xué)，2014.

［14］韓艷輝.應(yīng)用ADDIE模型進(jìn)行多媒體互動(dòng)英語(yǔ)學(xué)習(xí)資源的教學(xué)設(shè)計(jì)——對(duì)純?cè)诰€非正式學(xué)習(xí)環(huán)境的個(gè)案研究［J］.現(xiàn)代遠(yuǎn)距離教育，2010（1）:72-76.

［15］左曉梅.基于應(yīng)用和設(shè)計(jì)的數(shù)字化學(xué)習(xí)資源評(píng)估研究［J］.軟件導(dǎo)刊（教育技術(shù)），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 稿件編號(hào)：201512110

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