林育曼，鄭宏鑫，何思敏，劉天宇（.韶關(guān)學(xué)院教育學(xué)院；.韶關(guān)學(xué)院信息科學(xué)與工程學(xué)院，廣東韶關(guān)5005）

現(xiàn)代教育技術(shù)課程微信公眾平臺設(shè)計與開發(fā)

林育曼1，鄭宏鑫2，何思敏2，劉天宇1
（1.韶關(guān)學(xué)院教育學(xué)院；2.韶關(guān)學(xué)院信息科學(xué)與工程學(xué)院，廣東韶關(guān)512005）

分析《現(xiàn)代教育技術(shù)》MOOC課程教學(xué)需求以及目前授課過程中存在的問題，并在此基礎(chǔ)上設(shè)計開發(fā)了“韶園網(wǎng)絡(luò)學(xué)習(xí)”微信公眾平臺，平臺設(shè)計了“課程與你”、“前沿資訊”、“活動資訊”3個模塊，開發(fā)過程解決了不同終端設(shè)備的適應(yīng)問題以及課程資源管理.實(shí)踐表明該平臺不但方便學(xué)生隨時隨地開展學(xué)習(xí)，而且平臺提供的課程學(xué)習(xí)資源以及學(xué)習(xí)情況反饋提高了學(xué)生的學(xué)習(xí)積極性和學(xué)習(xí)效率，更好地督促了學(xué)生的網(wǎng)絡(luò)自主學(xué)習(xí).

微信公眾平臺；移動學(xué)習(xí)；MOOC

移動互聯(lián)網(wǎng)正在強(qiáng)烈沖擊著傳統(tǒng)信息互聯(lián)網(wǎng)的霸主地位.依托無線移動網(wǎng)絡(luò)的移動學(xué)習(xí)已經(jīng)潛移默化地改變?nèi)藗儌鹘y(tǒng)的學(xué)習(xí)、生活、娛樂等方式.移動學(xué)習(xí)摒棄了傳統(tǒng)的紙質(zhì)化學(xué)習(xí)，打破了時間和空間的限制，真正意義上實(shí)現(xiàn)了學(xué)習(xí)環(huán)境、學(xué)習(xí)資源及學(xué)習(xí)過程的移動性，同時滿足了人們隨時隨地、自由自在地溝通交流、快速獲得知識的需求.學(xué)校作為知識傳播的主要陣地，正逐步開展有關(guān)移動學(xué)習(xí)的教學(xué)改革與探索.

《現(xiàn)代教育技術(shù)》課程在傳統(tǒng)教學(xué)中存在學(xué)習(xí)內(nèi)容繁雜、更新較快，而課時相對不足的特點(diǎn).其次，修學(xué)《現(xiàn)代教育技術(shù)》課程的學(xué)生均較多.從教學(xué)的角度來看，該門課程的日常授課通常是教學(xué)進(jìn)度統(tǒng)一、內(nèi)容一致的大班多媒體教學(xué)，且時有跨專業(yè)合班的情況，班上同學(xué)的信息化能力基礎(chǔ)不一致，教師很難照顧學(xué)生專業(yè)和個體差異，師生、生生之間的課堂交互難于開展，課下交互渠道不便［1］.單靠開展傳統(tǒng)的日常授課已經(jīng)滿足不了該門課程的教學(xué)需要.

1　存在問題

筆者執(zhí)教的《現(xiàn)代教育技術(shù)》課程除了開展傳統(tǒng)的課堂教學(xué)與網(wǎng)絡(luò)課程教學(xué)相結(jié)合的教學(xué)模式改革外，也逐步開始了MOOC課程的試驗教學(xué).在課程的試驗中也發(fā)現(xiàn)了一些問題.

（1）信息的傳達(dá)不及時，到達(dá)率低.《現(xiàn)代教育技術(shù)》的MOOC課程基本是全網(wǎng)絡(luò)化的教學(xué)，教師在學(xué)生網(wǎng)絡(luò)學(xué)習(xí)過程中，布置任務(wù)和督促學(xué)生完成任務(wù)都是通過短信通知班級學(xué)委，再由學(xué)委進(jìn)行轉(zhuǎn)達(dá).這種形式存在學(xué)生接收任務(wù)不夠及時，信息到達(dá)率低的問題.

（2）課程教學(xué)視頻訪問不便捷.目前我校的網(wǎng)絡(luò)課程都是通過校園網(wǎng)進(jìn)行訪問，學(xué)生多數(shù)是通過PC機(jī)進(jìn)行訪問，不能隨時隨地進(jìn)行學(xué)習(xí).

（3）學(xué)生對課堂認(rèn)知度低.目前的教師和學(xué)生缺少直接溝通，僅有學(xué)委與教師產(chǎn)生直接聯(lián)系，課程的學(xué)習(xí)進(jìn)度反饋不及時［2］，導(dǎo)致學(xué)生缺乏學(xué)習(xí)的積極性.

《現(xiàn)代教育技術(shù)》課程服務(wù)的主體對象是學(xué)生，微信作為時下最流行的社交交流平臺，為公眾信息交換提供了一個很好的機(jī)會，快速實(shí)現(xiàn)與廣大學(xué)生之間的溝通交流，營造良好的學(xué)習(xí)氛圍.

隨著微信公眾平臺的崛起，越來越多的人通過群發(fā)文字、圖片、語音、視頻等渠道快速實(shí)現(xiàn)與廣大聽眾的信息傳遞與溝通.微信公眾平臺對于教育信息化發(fā)展具有積極的意義和價值［3］，主要體現(xiàn)在幾個方面.

（1）便捷的信息和服務(wù).相對于PC機(jī)而言，手機(jī)作為隨身攜帶的移動設(shè)備，用戶可使用其隨時隨地接收信息和服務(wù)，同時相對于APP而言，微信公眾平臺的使用由于不需要下載安裝，使用更加方便.這些都為快速訪問課程提供了基礎(chǔ).

（2）易于分享的富媒體內(nèi)容.微信公眾平臺具有富媒體傳播、朋友圈內(nèi)容分享、聊天等特點(diǎn).而這些特點(diǎn)恰好能滿足課程內(nèi)容傳播的需求，使課程內(nèi)容能夠以富媒體的形式進(jìn)行傳播，吸引更多的用戶，并可快速分享給更多的用戶，以達(dá)到教育傳播的目的.

（3）主動信息推送及高到達(dá)率.用戶一旦關(guān)注微信公眾平臺，則能夠定期收到平臺推送的相關(guān)信息和服務(wù).由于信息是直接推送至用戶手機(jī)，故幾乎100%能夠被觀看［4］.利用微信公眾平臺不但可促進(jìn)校內(nèi)課堂的管理，還可將其作為校內(nèi)課堂延伸和擴(kuò)展的陣地.

（4）高互動性.學(xué)校課堂可借助微信公眾平臺提供的互動功能，使得用戶與公眾號進(jìn)行互動，降低用戶在線學(xué)習(xí)的孤獨(dú)感，提高用戶學(xué)習(xí)的積極主動性，同時能利用互動活動提高教育的趣味性.

（5）學(xué)習(xí)可持續(xù)性更強(qiáng).在目前學(xué)校授課情況下，學(xué)生離開課堂后，除了電話、短信和QQ，沒辦法與老師再建立聯(lián)系，現(xiàn)在把學(xué)生聚集到公眾平臺可向?qū)W生不定期推送信息，讓學(xué)生對課堂認(rèn)知度越來越深，興趣越來越濃厚.

筆者在分析了《現(xiàn)代教育技術(shù)》的教與學(xué)現(xiàn)狀的基礎(chǔ)上，結(jié)合微信平臺的特點(diǎn)，設(shè)計并開發(fā)了微信公眾平臺——“韶園網(wǎng)絡(luò)學(xué)習(xí)”這一移動學(xué)習(xí)平臺，并將其應(yīng)用于現(xiàn)代教育技術(shù)MOOC課程教學(xué).

2　現(xiàn)代教育技術(shù)課程微信公眾平臺——“韶園網(wǎng)絡(luò)學(xué)習(xí)”的設(shè)計

2.1系統(tǒng)架構(gòu)

“韶園網(wǎng)絡(luò)學(xué)習(xí)”系統(tǒng)采用數(shù)據(jù)訪問層、業(yè)務(wù)邏輯層、用戶界面層的3層體系結(jié)構(gòu)［5］.這種分層的體系結(jié)構(gòu)將數(shù)據(jù)及其應(yīng)用分離，方便數(shù)據(jù)的系統(tǒng)管理，增強(qiáng)了系統(tǒng)的可擴(kuò)展性和可伸縮性，從而使系統(tǒng)能夠更穩(wěn)定、高效、安全的運(yùn)行.“韶園網(wǎng)絡(luò)學(xué)習(xí)”微信公眾平臺系統(tǒng)的架構(gòu)見圖1.

在網(wǎng)站安全措施上，采用Microsoft.NET框架的多層安全體系，防范惡意攻擊，同時使用CAS限制代碼對資源的訪問，保證網(wǎng)站的安全性［6］.

2.2系統(tǒng)功能設(shè)計

通過分析目前《現(xiàn)代教育技術(shù)》MOOC課程教學(xué)的需求以及課程授課中存在的問題，在微信公眾平臺——“韶園網(wǎng)絡(luò)學(xué)習(xí)”中設(shè)計了“課程與你”、“前沿資訊”、“活動資訊”3個模塊見圖2，主界面見圖3.

圖1　“韶園網(wǎng)絡(luò)學(xué)習(xí)”系統(tǒng)架構(gòu)

圖2　“韶園網(wǎng)絡(luò)學(xué)習(xí)”功能模塊

圖3　"韶園網(wǎng)絡(luò)學(xué)習(xí)"主界面

（1）“課程與你”模塊是發(fā)布一些與現(xiàn)代教育技術(shù)課程學(xué)習(xí)相關(guān)的教學(xué)公告與學(xué)習(xí)內(nèi)容，此模塊包含4個二級菜單，分別是：課程通告、學(xué)習(xí)任務(wù)、微視頻、網(wǎng)絡(luò)課程.

①課程通告：發(fā)布近期各類公告.用戶按指示向微信平臺發(fā)送特定的關(guān)鍵字，平臺將自動回復(fù)相應(yīng)的公告內(nèi)容.學(xué)生使用此功能可更方便快捷的獲取到關(guān)于這一門學(xué)科學(xué)習(xí)任務(wù)和公告等，與傳統(tǒng)的教師通知學(xué)習(xí)委員任務(wù)，再由學(xué)習(xí)委員轉(zhuǎn)達(dá)到全班同學(xué)的方式相比，通過微信平臺更便捷獲取更清晰明了的公告信息.

②學(xué)習(xí)任務(wù)：定期發(fā)布每階段的學(xué)習(xí)任務(wù)，以圖文信息展示，點(diǎn)擊標(biāo)題將顯示具體內(nèi)容.內(nèi)容里會詳細(xì)的說明每階段的學(xué)習(xí)任務(wù)的操作流程.使學(xué)生清楚了解他在學(xué)習(xí)任務(wù)里需要做些什么，需要完成些什么.

③微視頻：是以視頻的形式展示網(wǎng)上課堂的教學(xué)內(nèi)容.此功能使網(wǎng)絡(luò)學(xué)習(xí)不局限于電腦終端，學(xué)子們可隨時隨地通過手機(jī)的移動網(wǎng)絡(luò)進(jìn)入該微信公眾號的微視頻界面觀看視頻教學(xué)內(nèi)容.意味著學(xué)生也可充分的利用生活中零碎的時間來進(jìn)行系統(tǒng)的學(xué)習(xí).

④網(wǎng)絡(luò)課程：鏈接到電腦版的網(wǎng)絡(luò)課程系統(tǒng)，點(diǎn)擊標(biāo)題即可跳轉(zhuǎn)到網(wǎng)絡(luò)課程系統(tǒng)的登陸界面，通過登陸可提交課程作業(yè).

（2）“前沿資訊”模塊會定期為用戶推送一些與現(xiàn)代教育技術(shù)相關(guān)的前沿資訊，該模塊下有兩個二級菜單，分別是：最新資訊、精彩回顧.用戶點(diǎn)擊標(biāo)題最新資訊，平臺將會為用戶推送一些近期的前沿資訊.若用戶想回顧平臺曾推送過的精選信息，可點(diǎn)擊標(biāo)題精彩回顧，平臺界面就會跳轉(zhuǎn)到查看歷史消息界面，即可瀏覽平臺的歷史精選資訊.

（3）“活動資訊”模塊為用戶實(shí)時提供一些與現(xiàn)代教育技術(shù)學(xué)習(xí)內(nèi)容有關(guān)的比賽活動.該功能將會給用戶展示比賽的詳細(xì)信息.這使用戶不僅在教學(xué)中的學(xué)習(xí)任務(wù)中得到鍛煉，而且可以學(xué)以致用，通過參加比賽，在實(shí)際情境中運(yùn)用所學(xué)的知識，達(dá)到靈活使用知識的目的.

2.3后臺管理功能設(shè)計

為了實(shí)現(xiàn)前臺相關(guān)模塊信息的有效管理，需要提供功能強(qiáng)大、方便實(shí)用的后臺管理系統(tǒng).“韶園網(wǎng)絡(luò)學(xué)習(xí)”微信平臺的后臺主要實(shí)現(xiàn)前臺相關(guān)模塊信息的添加、編輯與發(fā)布，以及網(wǎng)站基本信息的管理，為保障系統(tǒng)安全，后臺管理根據(jù)權(quán)限不同將后臺管理人員分為最高管理員、普通管理員、其他成員，這3類人員的權(quán)限及其使用的主要功能模塊見圖4.

圖4　“韶園網(wǎng)絡(luò)學(xué)習(xí)”后臺管理系統(tǒng)

3　“韶園網(wǎng)絡(luò)學(xué)習(xí)”微信公眾平臺關(guān)鍵技術(shù)的實(shí)現(xiàn)

3.1頁面布局及用戶體驗問題的解決方案

“韶園網(wǎng)絡(luò)學(xué)習(xí)”的用戶大部分都是在移動設(shè)備上使用的，少部分用戶在PC端使用.然而每個用戶的移動設(shè)備的屏幕分辨率都是不一樣的.要考慮到移動端、平板、PC端的適配問題，而且頁面結(jié)構(gòu)越復(fù)雜，適配考慮的問題就越多，要使用漸進(jìn)增強(qiáng)的方法構(gòu)建HTML網(wǎng)頁，使用Java script準(zhǔn)確判斷設(shè)備和屏幕分辨率，并對CSS樣式進(jìn)行重構(gòu)，和各大瀏覽器之間存在的兼容性問題，造成自由度下降，局限性增大.因此，如何更好的去適應(yīng)于不同的屏幕分辨率，設(shè)計更加舒適的界面，提升用戶體驗，是該項目主要研究的技術(shù)難點(diǎn)之一.

為解決這一問題，“韶園網(wǎng)絡(luò)學(xué)習(xí)”采取響應(yīng)式Web設(shè)計［7］來重構(gòu)項目的頁面.響應(yīng)式Web設(shè)計原理是通過Media Query和Fluid Layout等CSS3和HTML5根據(jù)屏幕寬度的分辨率dpi，自行調(diào)整CSS顯示樣式、解決各種手機(jī)屏幕尺寸之間的適配問題的技術(shù).為使前端開發(fā)更加快速，簡潔，系統(tǒng)采用了Bootstrap前端開源框架，其包含了豐富的Web組件，可以實(shí)現(xiàn)跨平臺使用、節(jié)省人力開發(fā)成本并且使表現(xiàn)力一致，提高開發(fā)的專注性，降低長期的維護(hù)成本.

3.2課程資源微視頻的管理實(shí)現(xiàn)

為了方便學(xué)生隨時隨地觀看《現(xiàn)代教育技術(shù)》MOOC課程的學(xué)習(xí)資源，在“韶園網(wǎng)絡(luò)學(xué)習(xí)”微信公眾平臺中設(shè)計了微視頻這一功能，學(xué)生無需登陸網(wǎng)絡(luò)課程即可觀看相關(guān)的教學(xué)視頻.微信公眾平臺中有關(guān)課程資源微視頻的管理實(shí)現(xiàn)代碼如下：

4　結(jié)　論

“韶園網(wǎng)絡(luò)學(xué)習(xí)”移動學(xué)習(xí)平臺已在筆者執(zhí)教的現(xiàn)代教育技術(shù)課程2013級外語專業(yè)和2013級漢語言文學(xué)專業(yè)的班級使用，該平臺極大程度的方便了學(xué)生實(shí)現(xiàn)隨時隨地對《現(xiàn)代教育技術(shù)》課程進(jìn)行學(xué)習(xí).同時也成為師生、生生之間課程學(xué)習(xí)交流的一大媒介.學(xué)生針對自身的學(xué)習(xí)情況，通過平臺獲取所需的課程學(xué)習(xí)資源，提高了學(xué)生的學(xué)習(xí)積極性和學(xué)習(xí)效率.同時平臺能夠及時提供學(xué)習(xí)情況的反饋，彌補(bǔ)了目前《現(xiàn)代教育技術(shù)》MOOC課程反饋不足這一問題，更好地督促了學(xué)生的網(wǎng)絡(luò)自主學(xué)習(xí).

［1］黃德群.基于高校網(wǎng)絡(luò)教學(xué)平臺的混合學(xué)習(xí)模式應(yīng)用研究［J］.遠(yuǎn)程教育雜志，2013，31（3）：64-70.

［2］林育曼.高校網(wǎng)絡(luò)化自主學(xué)習(xí)績效管理探析［J］.高教探索，2011（6）：104-108.

［3］劉孟娟.微信公眾平臺在移動學(xué)習(xí)中的運(yùn)用研究［J］.電腦知識與技術(shù)，2015（5）：139-140.

［4］李曦.旅游目的地新媒體整合營銷傳播研究［D］.天津：南開大學(xué)，2014.

［5］李聯(lián)臣，王曉蒲，霍劍青.基于Web的物理實(shí)驗信息化教學(xué)系統(tǒng)的設(shè)計［J］.中國科學(xué)技術(shù)大學(xué)學(xué)報，2010，40（3）：245-248.

［6］饒浩.應(yīng)用對象組件的多層信息系統(tǒng)分析［J］.計算機(jī)系統(tǒng)應(yīng)用，2015，24（4）：261-264.

［7］馮春英.基于響應(yīng)式Web設(shè)計的新型圖書館門戶網(wǎng)站構(gòu)建［J］.圖書館學(xué)研究，2015，36（15）：34-40.

Design and Development of Educational Technology Course Learning Platform Based on the Wechat

LIN Yu-man1，ZHENG Hong-xin2，HE Si-min2，LIU Tian-yu1
（1.School of Education；2.School of Information Science and Engineering，Shaoguan University，Shaoguan 512005，Guangdong，China）

The paper analyzed theeducational technologyMOOC course teaching demand and the present teaching problems.Shaoyuan online learning Wechat platform was designed and developed，which included three modules，namely"curriculum"，"information"and"activities".Adaptation problems of different terminal equipment were solved，and the management of curriculum resource was achieved.Practice showed that the platform is convenient for students to carry out the study，with the students'learning motivation enhanced and learning efficiency improved，and the cultivation of student self-learning habits promoted.

Wechat platform；M-Learning；MOOC

TP319

A

1007-5348（2016）06-0009-05

（責(zé)任編輯：歐愷）

2016-05-10

廣東省哲學(xué)社科項目（GD13CJY07）；韶關(guān)學(xué)院重點(diǎn)教改項目（SYJY20151613）；廣東省大學(xué)生創(chuàng)新創(chuàng)業(yè)項目（201510576055）

林育曼（1978-），女，廣東潮安人，韶關(guān)學(xué)院教育學(xué)院副教授，碩士；研究方向：計算機(jī)輔助教學(xué).