現代教育技術課程微信公眾平臺設計與開發

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

現代教育技術課程微信公眾平臺設計與開發

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

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

微信公眾平臺；移動學習；MOOC

移動互聯網正在強烈沖擊著傳統信息互聯網的霸主地位.依托無線移動網絡的移動學習已經潛移默化地改變人們傳統的學習、生活、娛樂等方式.移動學習摒棄了傳統的紙質化學習，打破了時間和空間的限制，真正意義上實現了學習環境、學習資源及學習過程的移動性，同時滿足了人們隨時隨地、自由自在地溝通交流、快速獲得知識的需求.學校作為知識傳播的主要陣地，正逐步開展有關移動學習的教學改革與探索.

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

1　存在問題

筆者執教的《現代教育技術》課程除了開展傳統的課堂教學與網絡課程教學相結合的教學模式改革外，也逐步開始了MOOC課程的試驗教學.在課程的試驗中也發現了一些問題.

（1）信息的傳達不及時，到達率低.《現代教育技術》的MOOC課程基本是全網絡化的教學，教師在學生網絡學習過程中，布置任務和督促學生完成任務都是通過短信通知班級學委，再由學委進行轉達.這種形式存在學生接收任務不夠及時，信息到達率低的問題.

（2）課程教學視頻訪問不便捷.目前我校的網絡課程都是通過校園網進行訪問，學生多數是通過PC機進行訪問，不能隨時隨地進行學習.

（3）學生對課堂認知度低.目前的教師和學生缺少直接溝通，僅有學委與教師產生直接聯系，課程的學習進度反饋不及時［2］，導致學生缺乏學習的積極性.

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

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

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

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

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

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

（5）學習可持續性更強.在目前學校授課情況下，學生離開課堂后，除了電話、短信和QQ，沒辦法與老師再建立聯系，現在把學生聚集到公眾平臺可向學生不定期推送信息，讓學生對課堂認知度越來越深，興趣越來越濃厚.

筆者在分析了《現代教育技術》的教與學現狀的基礎上，結合微信平臺的特點，設計并開發了微信公眾平臺——“韶園網絡學習”這一移動學習平臺，并將其應用于現代教育技術MOOC課程教學.

2　現代教育技術課程微信公眾平臺——“韶園網絡學習”的設計

2.1系統架構

“韶園網絡學習”系統采用數據訪問層、業務邏輯層、用戶界面層的3層體系結構［5］.這種分層的體系結構將數據及其應用分離，方便數據的系統管理，增強了系統的可擴展性和可伸縮性，從而使系統能夠更穩定、高效、安全的運行.“韶園網絡學習”微信公眾平臺系統的架構見圖1.

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

2.2系統功能設計

通過分析目前《現代教育技術》MOOC課程教學的需求以及課程授課中存在的問題，在微信公眾平臺——“韶園網絡學習”中設計了“課程與你”、“前沿資訊”、“活動資訊”3個模塊見圖2，主界面見圖3.

圖1　“韶園網絡學習”系統架構

圖2　“韶園網絡學習”功能模塊

圖3　"韶園網絡學習"主界面

（1）“課程與你”模塊是發布一些與現代教育技術課程學習相關的教學公告與學習內容，此模塊包含4個二級菜單，分別是：課程通告、學習任務、微視頻、網絡課程.

①課程通告：發布近期各類公告.用戶按指示向微信平臺發送特定的關鍵字，平臺將自動回復相應的公告內容.學生使用此功能可更方便快捷的獲取到關于這一門學科學習任務和公告等，與傳統的教師通知學習委員任務，再由學習委員轉達到全班同學的方式相比，通過微信平臺更便捷獲取更清晰明了的公告信息.

②學習任務：定期發布每階段的學習任務，以圖文信息展示，點擊標題將顯示具體內容.內容里會詳細的說明每階段的學習任務的操作流程.使學生清楚了解他在學習任務里需要做些什么，需要完成些什么.

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

④網絡課程：鏈接到電腦版的網絡課程系統，點擊標題即可跳轉到網絡課程系統的登陸界面，通過登陸可提交課程作業.

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

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

2.3后臺管理功能設計

為了實現前臺相關模塊信息的有效管理，需要提供功能強大、方便實用的后臺管理系統.“韶園網絡學習”微信平臺的后臺主要實現前臺相關模塊信息的添加、編輯與發布，以及網站基本信息的管理，為保障系統安全，后臺管理根據權限不同將后臺管理人員分為最高管理員、普通管理員、其他成員，這3類人員的權限及其使用的主要功能模塊見圖4.

圖4　“韶園網絡學習”后臺管理系統

3　“韶園網絡學習”微信公眾平臺關鍵技術的實現

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

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

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

3.2課程資源微視頻的管理實現

為了方便學生隨時隨地觀看《現代教育技術》MOOC課程的學習資源，在“韶園網絡學習”微信公眾平臺中設計了微視頻這一功能，學生無需登陸網絡課程即可觀看相關的教學視頻.微信公眾平臺中有關課程資源微視頻的管理實現代碼如下：

4　結　論

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

［1］黃德群.基于高校網絡教學平臺的混合學習模式應用研究［J］.遠程教育雜志，2013，31（3）：64-70.

［2］林育曼.高校網絡化自主學習績效管理探析［J］.高教探索，2011（6）：104-108.

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

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

［5］李聯臣，王曉蒲，霍劍青.基于Web的物理實驗信息化教學系統的設計［J］.中國科學技術大學學報，2010，40（3）：245-248.

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

［7］馮春英.基于響應式Web設計的新型圖書館門戶網站構建［J］.圖書館學研究，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

（責任編輯：歐愷）

2016-05-10

廣東省哲學社科項目（GD13CJY07）；韶關學院重點教改項目（SYJY20151613）；廣東省大學生創新創業項目（201510576055）

林育曼（1978-），女，廣東潮安人，韶關學院教育學院副教授，碩士；研究方向：計算機輔助教學.