基于微信的中職學(xué)?！毒W(wǎng)頁(yè)設(shè)計(jì)與制作》移動(dòng)學(xué)習(xí)構(gòu)建與應(yīng)用

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

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

關(guān)鍵詞：中職學(xué)校；微信；公眾平臺(tái)； 網(wǎng)頁(yè)設(shè)計(jì)與制作

中圖分類號(hào)：TP311 文獻(xiàn)標(biāo)識(shí)碼：A 文章編號(hào)：1009-3044（2017）26-0189-02

2013年10月24日，根據(jù)CNNIC的調(diào)查，微信用戶已經(jīng)突破6億，在中職學(xué)校學(xué)生當(dāng)中，超過(guò)90%都是微信用戶，微信客戶端在用戶當(dāng)中是覆蓋率和使用頻率最高的手機(jī)應(yīng)用；由于微信公眾平臺(tái)操作難度低，用戶普及率高，在費(fèi)用上基本是零成本，非常適合在各類型中職學(xué)校教師中推廣。

微信公眾平臺(tái)還支持開(kāi)發(fā)者模式，通過(guò)編程和開(kāi)發(fā)，接入第三方的學(xué)習(xí)管理系統(tǒng)，使得學(xué)生可以通過(guò)微信進(jìn)行完整的課程（課堂）學(xué)習(xí)，教師則可以通過(guò)第三方后臺(tái)，制作教學(xué)資源，觀察學(xué)生學(xué)習(xí)進(jìn)度等。

另一方面，隨著智能手機(jī)，平板電腦等移動(dòng)設(shè)備的普及，有力地推動(dòng)了MOOC的發(fā)展。而MOOC的發(fā)展，也為翻轉(zhuǎn)課堂的教學(xué)模式提供了物質(zhì)基礎(chǔ)；目前，國(guó)內(nèi)MOOC處于發(fā)展初級(jí)階段，基本集中在教學(xué)網(wǎng)站和教學(xué)資源的建設(shè)，但是缺乏對(duì)移動(dòng)設(shè)備，移動(dòng)學(xué)習(xí)的支持。

我校經(jīng)過(guò)了多年的建設(shè)，在平臺(tái)上積累了很好的網(wǎng)絡(luò)學(xué)習(xí)素材，開(kāi)發(fā)了大量適合網(wǎng)絡(luò)自主學(xué)習(xí)的網(wǎng)絡(luò)教學(xué)課件和教學(xué)內(nèi)容。2014年起，項(xiàng)目負(fù)責(zé)人也率先開(kāi)通微信公眾平臺(tái)，整合現(xiàn)有的Moodle平臺(tái)教學(xué)資源，嘗試在日常教學(xué)中利用學(xué)生手機(jī)、微信，開(kāi)展課堂教學(xué)活動(dòng)。

針對(duì)這種情況，本課題提出了采用移動(dòng)端的微信公眾平臺(tái)，構(gòu)建《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程教學(xué)資源，針對(duì)手機(jī)移動(dòng)的學(xué)習(xí)特點(diǎn)，增加學(xué)習(xí)手段，學(xué)習(xí)可以利用零碎時(shí)間。

1 學(xué)習(xí)環(huán)境關(guān)鍵技術(shù)研究

1.1 微信公眾平臺(tái)的數(shù)據(jù)交互模式

2012年，微信推出了微信公眾平臺(tái)業(yè)務(wù)，用戶只需要關(guān)注相應(yīng)的公眾號(hào)便可進(jìn)入并使用其中的服務(wù)功能。在用戶關(guān)注公眾賬號(hào)并發(fā)送對(duì)應(yīng)的指令給公眾賬號(hào)之后，用戶則可獲得相應(yīng)的圖文提示結(jié)果，而這些規(guī)則的邏輯是由公眾賬號(hào)的開(kāi)發(fā)者在微信公眾平臺(tái)后臺(tái)進(jìn)行設(shè)定并實(shí)現(xiàn)的。微信客戶端、微信公眾平臺(tái)服務(wù)器和開(kāi)發(fā)者服務(wù)器H者之問(wèn)的交互關(guān)系如圖1。

1.2 微網(wǎng)站技術(shù)

微網(wǎng)站是在智能手機(jī)等移動(dòng)終端能瀏覽的網(wǎng)站。微網(wǎng)站與傳統(tǒng)Web站點(diǎn)開(kāi)發(fā)的不同之處在于，微網(wǎng)站設(shè)計(jì)要注意符合移動(dòng)設(shè)備的碎片化閱讀特點(diǎn)，網(wǎng)站頁(yè)面風(fēng)格要與微信公眾平臺(tái)保持一致，素材文件在打開(kāi)或是瀏覽時(shí)不要耗費(fèi)過(guò)多移動(dòng)流量等。因此，主要使用了PHP技術(shù)、MySQL數(shù)據(jù)庫(kù)技術(shù)、HTTP技術(shù)、XML技術(shù)、HTML5技術(shù)，jQuery Mobile技術(shù)對(duì)移動(dòng)微網(wǎng)站進(jìn)行開(kāi)發(fā)。

2 《網(wǎng)頁(yè)設(shè)計(jì)與制作》的課程分析

本課程主要網(wǎng)絡(luò)技術(shù)專業(yè)學(xué)生的網(wǎng)站的規(guī)劃、網(wǎng)頁(yè)效果圖的設(shè)計(jì)與制作、網(wǎng)站的設(shè)計(jì)、網(wǎng)頁(yè)動(dòng)畫的設(shè)計(jì)、代碼的融合等專業(yè)能力和方法能力，以及培養(yǎng)學(xué)生的團(tuán)隊(duì)協(xié)作、溝通表達(dá)、工作責(zé)任心、職業(yè)規(guī)范和職業(yè)道德等綜合素質(zhì)和能力。

本課程的學(xué)習(xí)情境是以HTML、DreamWeaver和ASP為藍(lán)本，介紹與網(wǎng)頁(yè)設(shè)計(jì)制作有關(guān)的知識(shí)，使學(xué)生具有解決一般網(wǎng)頁(yè)制作問(wèn)題的能力。與此同時(shí)，通過(guò)對(duì)Web頁(yè)制作技術(shù)和制作工具的學(xué)習(xí)，使學(xué)生對(duì)于網(wǎng)頁(yè)設(shè)計(jì)中所涉及的相關(guān)知識(shí)有一個(gè)全面的了解。使學(xué)生具有良好的網(wǎng)站規(guī)劃、設(shè)計(jì)、編輯與維護(hù)能力。并以典型工作任務(wù)為基點(diǎn)，綜合理論知識(shí)，操作技能和職業(yè)素養(yǎng)為一體的思路設(shè)計(jì)。通過(guò)完成學(xué)習(xí)情境的學(xué)習(xí)，學(xué)生不但能夠掌握網(wǎng)頁(yè)制作與網(wǎng)站設(shè)計(jì)的專業(yè)知識(shí)和專業(yè)技能，還能夠全面培養(yǎng)其團(tuán)隊(duì)協(xié)作、溝通表達(dá)、工作責(zé)任心、職業(yè)道德與規(guī)范等綜合素質(zhì)，使學(xué)生通過(guò)學(xué)習(xí)的過(guò)程掌握工作崗位所需要的各項(xiàng)技能和相關(guān)專業(yè)知識(shí)。

基于微信的《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程平臺(tái)在開(kāi)展移動(dòng)學(xué)習(xí)過(guò)程中，學(xué)習(xí)內(nèi)容是應(yīng)該增加學(xué)習(xí)者興趣和情感體驗(yàn)。建立知識(shí)點(diǎn)小模塊化，增加移動(dòng)性強(qiáng)的學(xué)習(xí)手段，中職學(xué)生可以利用碎片化時(shí)間進(jìn)行微學(xué)習(xí)。無(wú)論在何時(shí)、何處都可以學(xué)習(xí)，同時(shí)我們?cè)谶x擇微課的形式，每10分鐘左右，是一個(gè)學(xué)習(xí)的知識(shí)點(diǎn)。這樣可以把所學(xué)知識(shí)點(diǎn)為單位進(jìn)行精細(xì)劃分。

3 微信移動(dòng)課程設(shè)計(jì)

3.1 移動(dòng)學(xué)習(xí)資源組織模型

基于微信公眾平臺(tái)的移動(dòng)學(xué)習(xí)模型圖2，學(xué)習(xí)資源包括課程教師布置的學(xué)習(xí)任務(wù)、學(xué)習(xí)資源庫(kù)、評(píng)價(jià)學(xué)習(xí)工具庫(kù)存及監(jiān)控學(xué)習(xí)者學(xué)習(xí)的監(jiān)控中心庫(kù)。

3.2 微信移動(dòng)學(xué)習(xí)總體設(shè)計(jì)

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

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

4 移動(dòng)學(xué)習(xí)微平臺(tái)的實(shí)現(xiàn)

進(jìn)入主界面，有多個(gè)功能模塊：基礎(chǔ)內(nèi)容，學(xué)生作業(yè)、考試、討論區(qū)等。

手機(jī)登錄微信以后，進(jìn)入微信的設(shè)置界面。在設(shè)置里面找到功能，點(diǎn)擊“功能”，進(jìn)入功能頁(yè)面后，進(jìn)行設(shè)計(jì)進(jìn)入群發(fā)助手后選中“開(kāi)始群發(fā)”。然后在出現(xiàn)的頁(yè)面中選擇“新建群發(fā)”選擇新建群發(fā)后，會(huì)出現(xiàn)一個(gè)選擇收信人的頁(yè)面。選擇好要群發(fā)信息的收信人。這里可以選擇超過(guò)20個(gè)好友。 選擇好后點(diǎn)擊“下一步”然后在群發(fā)消息的輸入框中輸入要群發(fā)給好友的消息。可以輸入文字，語(yǔ)音，圖片等消息。完成后點(diǎn)擊“發(fā)送 ”發(fā)送成功后會(huì) ，好友即可接收到自己的消息。

5 總結(jié)

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

參考文獻(xiàn)：

[1] 王建華，李晶，張瓏.移動(dòng)學(xué)習(xí)理論與實(shí)踐[M].北京：科學(xué)出版社，2009：25-26.

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

[3] 王萍.微信移動(dòng)學(xué)習(xí)的支持功能與設(shè)計(jì)原則分析[J].遠(yuǎn)程教育雜志，2013（6）：34-41.

[4] 白浩.微信公眾平臺(tái)在高校教育領(lǐng)域中的應(yīng)用研究[J].中國(guó)教育信息化，2013（4）：78-81.

[5] 教育部全國(guó)高校教師網(wǎng)絡(luò)培訓(xùn)中心.關(guān)于舉辦第二屆全國(guó)高校微課教學(xué)比賽的通[DB/OL].[2014-03-19].http//weike.enetedu.com/news/html/2014-3-19/20143191127501.htm.endprint