基于微信的中職學?！毒W頁設計與制作》移動學習構建與應用

劉三星+謝青云+李智高+羅紅金+蔡可榮

摘要： 微信作為移動學習應用代表，其擁有廣大的用戶群體。該文對架構移動學習環境的關鍵技術做了深入的探討?；谛枨蠓治?，以用在學習、自主學習、微型學習等學習理論為指導，提出了環境體系結構、資源的分類與姐織、功能模塊的設計與實現的綜合方案。選擇Eclipse PhP Studio開發工具和AppServ環境，使用PhP技術、MySQL數據庫技術、XML技術、HTML5技術和jQuery Mobile技術，選擇云服務器新浪SAE作為開發者服務器，將其與微信公眾平臺進行鏈接，實現基于微信公眾平臺的移動學習環境開發；最后以中職《網頁設計與制作》的課程為例，提出了基于微信公眾平臺的教學移動端的學習模式，以及解決方案。是為了培養學生利用零碎時間進行移動學習，提高教學質量，全面推廣教育信息化教學起到了很大的促進作用。

關鍵詞：中職學校；微信；公眾平臺； 網頁設計與制作

中圖分類號：TP311 文獻標識碼：A 文章編號：1009-3044（2017）26-0189-02

2013年10月24日，根據CNNIC的調查，微信用戶已經突破6億，在中職學校學生當中，超過90%都是微信用戶，微信客戶端在用戶當中是覆蓋率和使用頻率最高的手機應用；由于微信公眾平臺操作難度低，用戶普及率高，在費用上基本是零成本，非常適合在各類型中職學校教師中推廣。

微信公眾平臺還支持開發者模式，通過編程和開發，接入第三方的學習管理系統，使得學生可以通過微信進行完整的課程（課堂）學習，教師則可以通過第三方后臺，制作教學資源，觀察學生學習進度等。

另一方面，隨著智能手機，平板電腦等移動設備的普及，有力地推動了MOOC的發展。而MOOC的發展，也為翻轉課堂的教學模式提供了物質基礎；目前，國內MOOC處于發展初級階段，基本集中在教學網站和教學資源的建設，但是缺乏對移動設備，移動學習的支持。

我校經過了多年的建設，在平臺上積累了很好的網絡學習素材，開發了大量適合網絡自主學習的網絡教學課件和教學內容。2014年起，項目負責人也率先開通微信公眾平臺，整合現有的Moodle平臺教學資源，嘗試在日常教學中利用學生手機、微信，開展課堂教學活動。

針對這種情況，本課題提出了采用移動端的微信公眾平臺，構建《網頁設計與制作》課程教學資源，針對手機移動的學習特點，增加學習手段，學習可以利用零碎時間。

1 學習環境關鍵技術研究

1.1 微信公眾平臺的數據交互模式

2012年，微信推出了微信公眾平臺業務，用戶只需要關注相應的公眾號便可進入并使用其中的服務功能。在用戶關注公眾賬號并發送對應的指令給公眾賬號之后，用戶則可獲得相應的圖文提示結果，而這些規則的邏輯是由公眾賬號的開發者在微信公眾平臺后臺進行設定并實現的。微信客戶端、微信公眾平臺服務器和開發者服務器H者之問的交互關系如圖1。

1.2 微網站技術

微網站是在智能手機等移動終端能瀏覽的網站。微網站與傳統Web站點開發的不同之處在于，微網站設計要注意符合移動設備的碎片化閱讀特點，網站頁面風格要與微信公眾平臺保持一致，素材文件在打開或是瀏覽時不要耗費過多移動流量等。因此，主要使用了PHP技術、MySQL數據庫技術、HTTP技術、XML技術、HTML5技術，jQuery Mobile技術對移動微網站進行開發。

2 《網頁設計與制作》的課程分析

本課程主要網絡技術專業學生的網站的規劃、網頁效果圖的設計與制作、網站的設計、網頁動畫的設計、代碼的融合等專業能力和方法能力，以及培養學生的團隊協作、溝通表達、工作責任心、職業規范和職業道德等綜合素質和能力。

本課程的學習情境是以HTML、DreamWeaver和ASP為藍本，介紹與網頁設計制作有關的知識，使學生具有解決一般網頁制作問題的能力。與此同時，通過對Web頁制作技術和制作工具的學習，使學生對于網頁設計中所涉及的相關知識有一個全面的了解。使學生具有良好的網站規劃、設計、編輯與維護能力。并以典型工作任務為基點，綜合理論知識，操作技能和職業素養為一體的思路設計。通過完成學習情境的學習，學生不但能夠掌握網頁制作與網站設計的專業知識和專業技能，還能夠全面培養其團隊協作、溝通表達、工作責任心、職業道德與規范等綜合素質，使學生通過學習的過程掌握工作崗位所需要的各項技能和相關專業知識。

基于微信的《網頁設計與制作》課程平臺在開展移動學習過程中，學習內容是應該增加學習者興趣和情感體驗。建立知識點小模塊化，增加移動性強的學習手段，中職學生可以利用碎片化時間進行微學習。無論在何時、何處都可以學習，同時我們在選擇微課的形式，每10分鐘左右，是一個學習的知識點。這樣可以把所學知識點為單位進行精細劃分。

3 微信移動課程設計

3.1 移動學習資源組織模型

基于微信公眾平臺的移動學習模型圖2，學習資源包括課程教師布置的學習任務、學習資源庫、評價學習工具庫存及監控學習者學習的監控中心庫。

3.2 微信移動學習總體設計

在實際教學中，充分運用微信功能，從宏觀上規劃教學方法和步驟，從微觀上切割學習資源及其耦合度，把學習分割成不同的篇段，利用中職學校學生和教材特征分析出最適合其學習的內容及方式，科學合理地對課程進行設計。

如圖3所示：微信平臺是整個移動學習的平臺，課程總體設計應充分考慮到移動環境中教師端、學生端的行為特征，通過微信開放的接口，設計前臺和后臺交互的操作界面，增強用戶的操作體驗。學生、教師、微信用戶和管理員構成了移動學習的用戶。教師端主要用于課程信息的發布、課程資源推送及接受課程反饋，還可以與學生進行實時交流與互動；學生端通過接收課程后進行自主學習，并通過檢索、投票、測驗等方式鞏固學習，通過微信還可以方便地進行同伴學習，激發學習興趣，提高學習效率，利用微信工具將作業、學習心得、完成作品進行提交和展示，還可以借助第三方應用，將學習資料進行存儲與共享。在移動教學過程中，教師可以將一切有價值的資源都放入課程資源庫，比如將移動學習平臺的教學視頻、教學課件、教材、教案、技術文檔、作業等部署在云存儲端，有助于提高用戶訪問速度和資源利用率，加強用戶體驗、增強了平臺可擴展性。也能為日后教學提供儲備與參考。

4 移動學習微平臺的實現

進入主界面，有多個功能模塊：基礎內容，學生作業、考試、討論區等。

手機登錄微信以后，進入微信的設置界面。在設置里面找到功能，點擊“功能”，進入功能頁面后，進行設計進入群發助手后選中“開始群發”。然后在出現的頁面中選擇“新建群發”選擇新建群發后，會出現一個選擇收信人的頁面。選擇好要群發信息的收信人。這里可以選擇超過20個好友。 選擇好后點擊“下一步”然后在群發消息的輸入框中輸入要群發給好友的消息?？梢暂斎胛淖?，語音，圖片等消息。完成后點擊“發送 ”發送成功后會 ，好友即可接收到自己的消息。

5 總結

通過《網頁設計與制作》課程研究分析，微信公眾平臺能為移動教學提供有效技術支持，中職學校學生逐步接受這種手機移動教學形式，一方面，我們應該不斷改變教學理念，采用不用的學習手段來吸引學生學習，調動學生的積極性和學習主動性。提升教學質量。充另一方面，微信只是一種即時通訊工具，我們應該以“課程設計”為核心，以課程定位、課程推送設計、課程檢索設計、課程交互設計為著手點，科學合理地規劃課程方案?；谖⑿诺囊苿咏虒W符合教學規律，符合受眾需求。為移動學習資源庫提供豐富資源，讓更多的人擁有多樣的選擇，隨時隨地學到需要的課程。

參考文獻：

[1] 王建華，李晶，張瓏.移動學習理論與實踐[M].北京：科學出版社，2009：25-26.

[2] 袁磊，陳曉慧，張艷麗.微信支持下的混合式學習研究—以“攝影基本技術”課程為例[J].中國電化教育，2012（7）：128-132.

[3] 王萍.微信移動學習的支持功能與設計原則分析[J].遠程教育雜志，2013（6）：34-41.

[4] 白浩.微信公眾平臺在高校教育領域中的應用研究[J].中國教育信息化，2013（4）：78-81.

[5] 教育部全國高校教師網絡培訓中心.關于舉辦第二屆全國高校微課教學比賽的通[DB/OL].[2014-03-19].http//weike.enetedu.com/news/html/2014-3-19/20143191127501.htm.endprint