基于微信公眾平臺(tái)的移動(dòng)學(xué)習(xí)系統(tǒng)設(shè)計(jì)與實(shí)現(xiàn)

（北海職業(yè)學(xué)院，廣西壯族自治區(qū) 北海 536000）

0 引言

隨著移動(dòng)互聯(lián)技術(shù)的飛速發(fā)展，移動(dòng)學(xué)習(xí)得到越來(lái)越多人的青睞。移動(dòng)學(xué)習(xí)被認(rèn)為是一種未來(lái)的大學(xué)生學(xué)習(xí)模式[1]，而移動(dòng)學(xué)習(xí)也成為高職院校教育教學(xué)模式的主要方向。為滿足大學(xué)生的移動(dòng)學(xué)習(xí)需求，本文以我院計(jì)算機(jī)應(yīng)用技術(shù)專業(yè)“網(wǎng)頁(yè)前端語(yǔ)言開(kāi)發(fā)”課程為例，設(shè)計(jì)并實(shí)現(xiàn)了一個(gè)基于微信公眾平臺(tái)的移動(dòng)學(xué)習(xí)系統(tǒng)。

1 需求分析

首先通過(guò)問(wèn)卷調(diào)查等形式，了解大學(xué)生利用微信進(jìn)行移動(dòng)學(xué)習(xí)的現(xiàn)狀。對(duì)調(diào)查數(shù)據(jù)進(jìn)行特征分析，獲取學(xué)生使用需求，以明確移動(dòng)學(xué)習(xí)系統(tǒng)開(kāi)發(fā)的環(huán)境、內(nèi)容和形式等。

1.1 開(kāi)發(fā)環(huán)境

對(duì)移動(dòng)學(xué)習(xí)系統(tǒng)的開(kāi)發(fā)環(huán)境進(jìn)行評(píng)估，明確我院“網(wǎng)頁(yè)前端語(yǔ)言開(kāi)發(fā)”課程的教學(xué)環(huán)境具備有開(kāi)展混合式教學(xué)的條件。經(jīng)過(guò)進(jìn)一步分析，選取微信公眾平臺(tái)作為本移動(dòng)學(xué)習(xí)系統(tǒng)的開(kāi)發(fā)平臺(tái)。

1.2 教學(xué)目標(biāo)

通過(guò)解讀教學(xué)大綱，將教學(xué)目標(biāo)分為網(wǎng)頁(yè)制作基礎(chǔ)知識(shí)、HTML5、DIV+CSS、JavaScript以及網(wǎng)站綜合制作等5個(gè)模塊。之后再將每個(gè)目標(biāo)模塊的知識(shí)點(diǎn)引入課堂案例教學(xué)，在教學(xué)過(guò)程中形式中體現(xiàn)“學(xué)習(xí)”和“工作”的結(jié)合[2]。

1.3 學(xué)習(xí)內(nèi)容

對(duì)教學(xué)內(nèi)容進(jìn)行重新規(guī)劃，將學(xué)習(xí)內(nèi)容劃分為適合移動(dòng)學(xué)習(xí)的內(nèi)容、適合傳統(tǒng)面授的內(nèi)容和適合實(shí)驗(yàn)設(shè)計(jì)的內(nèi)容。針對(duì)適合移動(dòng)學(xué)習(xí)的內(nèi)容，結(jié)合移動(dòng)學(xué)習(xí)“微型化”等特點(diǎn)，按最小顆粒度原則對(duì)該部分學(xué)習(xí)內(nèi)容進(jìn)行細(xì)分[3]。

1.4 學(xué)習(xí)形式

由于移動(dòng)學(xué)習(xí)的“碎片化”和“移動(dòng)化”等特點(diǎn)，學(xué)生進(jìn)行移動(dòng)學(xué)習(xí)的時(shí)間不會(huì)很長(zhǎng)[4]。結(jié)合微視頻等如今移動(dòng)學(xué)習(xí)的主流形式，確定學(xué)習(xí)形式以微課件、微視頻等為主，長(zhǎng)度一般不超過(guò)5分鐘。

1.5 交互方式

結(jié)合微信公眾平臺(tái)的特點(diǎn)，確定基于微信公眾平臺(tái)的移動(dòng)學(xué)習(xí)系統(tǒng)交互方式為：一對(duì)一互動(dòng)、多對(duì)多互動(dòng)等。

（1）一對(duì)一互動(dòng)：包括學(xué)生個(gè)人和平臺(tái)、學(xué)生個(gè)人和教師之間的互動(dòng)。學(xué)生在學(xué)習(xí)過(guò)程中發(fā)現(xiàn)問(wèn)題時(shí)，首先可通過(guò)平臺(tái)的自動(dòng)回復(fù)獲取解答。當(dāng)自動(dòng)回復(fù)無(wú)法解答時(shí)，可通過(guò)學(xué)生在線留言、教師后臺(tái)回復(fù)的形式來(lái)獲得幫助。

（2）多對(duì)多互動(dòng)：包括學(xué)生和學(xué)生、學(xué)生和教師的互動(dòng)，主要通過(guò)建立微信學(xué)習(xí)群來(lái)實(shí)現(xiàn)。學(xué)生遇到問(wèn)題時(shí)，可以通過(guò)微信群組發(fā)布問(wèn)題求助，其余學(xué)生就此開(kāi)展討論，教師也可同步對(duì)學(xué)生進(jìn)行個(gè)別解答或共性指導(dǎo)。

2 系統(tǒng)設(shè)計(jì)

2.1 整體架構(gòu)設(shè)計(jì)

本移動(dòng)學(xué)習(xí)系統(tǒng)采用5層框架結(jié)構(gòu)設(shè)計(jì)，分別為：系統(tǒng)支撐層、系統(tǒng)用戶層、業(yè)務(wù)服務(wù)層、業(yè)務(wù)應(yīng)用層和數(shù)據(jù)資源層，通過(guò)這5個(gè)層級(jí)來(lái)實(shí)現(xiàn)具體的系統(tǒng)功能。

2.2 功能模塊設(shè)計(jì)

根據(jù)本移動(dòng)學(xué)習(xí)系統(tǒng)的功能，可將功能模塊劃分為兩部分來(lái)進(jìn)行設(shè)計(jì)，分別為前端模塊和后臺(tái)模塊。

（1）前端模塊設(shè)計(jì)：前端模塊主要面向移動(dòng)學(xué)者，具體包括系統(tǒng)的界面設(shè)置和導(dǎo)航設(shè)置等內(nèi)容?？赏ㄟ^(guò)微信公眾平臺(tái)的自定義菜單功能來(lái)設(shè)計(jì)和定義系統(tǒng)的操作界面，設(shè)置好的菜單界面最終會(huì)顯示在移動(dòng)終端設(shè)備上。在本系統(tǒng)中，設(shè)置3個(gè)一級(jí)菜單，分別為“課程簡(jiǎn)介”“學(xué)習(xí)資源”和“個(gè)人中心”；再根據(jù)每個(gè)一級(jí)菜單的功能和性質(zhì)，設(shè)置對(duì)應(yīng)的二級(jí)菜單，二級(jí)菜單的數(shù)量為3～5個(gè)不等。

（2）后臺(tái)模塊設(shè)計(jì)：后臺(tái)模塊主要面向系統(tǒng)管理員，包括資源管理、消息管理、統(tǒng)計(jì)管理等具體功能。資源管理即對(duì)課程資源（如微課件、微視頻等）的管理，可實(shí)現(xiàn)課程資源的上傳、發(fā)布等操作；消息管理則是對(duì)消息的推送、留言回復(fù)等的管理；統(tǒng)計(jì)管理主要是統(tǒng)計(jì)微信公眾平臺(tái)中資源的使用情況、匯總學(xué)生的學(xué)習(xí)記錄和反饋、分析學(xué)生的學(xué)習(xí)效果等。

2.3 平臺(tái)二次開(kāi)發(fā)

由于微信公眾平臺(tái)存在很多使用限制（如不能實(shí)現(xiàn)交互等），不能完全滿足移動(dòng)學(xué)習(xí)系統(tǒng)的使用需求，因此有必要進(jìn)行二次開(kāi)發(fā)。二次開(kāi)發(fā)主要借助第三方服務(wù)器來(lái)實(shí)現(xiàn)，通過(guò)開(kāi)發(fā)的接口與微信公眾平臺(tái)進(jìn)行通信，以實(shí)現(xiàn)微信公眾平臺(tái)的功能擴(kuò)展。擴(kuò)展的功能主要包括資源存儲(chǔ)、交流互動(dòng)、統(tǒng)計(jì)管理等功能。

2.4 學(xué)習(xí)資源開(kāi)發(fā)

基于微信公眾平臺(tái)的移動(dòng)學(xué)習(xí)系統(tǒng)資源包括微課件資源、微視頻資源、圖文資源等類型。針對(duì)不同的資源類型，采用不同的開(kāi)發(fā)形式。

2.4.1 微課件資源

微課件與傳統(tǒng)PPT的區(qū)別在于，微課件一般只講述一個(gè)簡(jiǎn)短的知識(shí)點(diǎn)，在演示上更側(cè)重于動(dòng)畫呈現(xiàn)和交流互動(dòng)。本系統(tǒng)的微課件制作主要采用Focusky來(lái)完成。在制作過(guò)程中，以路線為呈現(xiàn)形式，采用整體到局部的演示方法，設(shè)置課件的轉(zhuǎn)場(chǎng)特效，并加入鏡頭縮放、旋轉(zhuǎn)和平移等特效，增加課件的視覺(jué)沖擊力。

2.4.2 微視頻資源

微視頻資源一般指微課資源。微課資源的主要組成內(nèi)容為課堂教學(xué)視頻，一般以課例片段呈現(xiàn)，時(shí)間為3～5分鐘。通過(guò)將該課例相關(guān)的教學(xué)目標(biāo)、教學(xué)設(shè)計(jì)、教學(xué)內(nèi)容等課程資源，按一定的組織關(guān)系整合成微小的資源應(yīng)用環(huán)境。本系統(tǒng)的微視頻資源主要使用Camtasia Studio視頻編輯軟件來(lái)完成。

2.4.3 圖文資源

圖文資源即對(duì)教學(xué)內(nèi)容相關(guān)的圖片、文字等資源進(jìn)行整合、編輯和排版，形成的可推送和轉(zhuǎn)發(fā)的圖文信息資源。一般使用微信編輯器來(lái)完成圖文信息的編輯。在編輯器中插入圖文素材，編輯段落格式、文本顏色等內(nèi)容，再進(jìn)行頁(yè)面的布局和排版等操作，使圖文資源以推文的形式呈現(xiàn)。

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

3.1 創(chuàng)建微信公眾號(hào)

通過(guò)訪問(wèn)微信官網(wǎng)進(jìn)行公眾號(hào)創(chuàng)建，賬號(hào)類型選擇具備較強(qiáng)交互性的服務(wù)號(hào)類型。創(chuàng)建完畢后，設(shè)置公眾號(hào)的關(guān)注方式設(shè)置為搜索微信公眾號(hào)或掃描賬號(hào)二維碼的形式。

3.2 建立微信學(xué)習(xí)群

以推文的形式將教師的個(gè)人微信號(hào)推送給所有關(guān)注公眾號(hào)的學(xué)生。學(xué)生添加教師個(gè)人微信后，教師即可組建微信學(xué)習(xí)群。在微信學(xué)習(xí)群中，可開(kāi)展生-生互動(dòng)和生-師互動(dòng)。

3.3 資源整合與管理

完成微信公眾平臺(tái)的二次開(kāi)發(fā)后，即可對(duì)已經(jīng)制作好的各類學(xué)習(xí)資源進(jìn)行整合。整合完畢之后，再通過(guò)微信公眾平臺(tái)的后臺(tái)“資源管理”模塊，對(duì)學(xué)習(xí)資源進(jìn)行統(tǒng)一的發(fā)布、推送和管理。

3.4 實(shí)施平臺(tái)教學(xué)

學(xué)習(xí)資源發(fā)布完成后，學(xué)生即可通過(guò)手機(jī)微信進(jìn)行課程內(nèi)容的學(xué)習(xí)，還可以通過(guò)后臺(tái)給教師發(fā)送留言提問(wèn)、查看學(xué)習(xí)統(tǒng)計(jì)情況等；教師則可以登錄后臺(tái)查看學(xué)生的學(xué)習(xí)情況、學(xué)習(xí)反饋等內(nèi)容。

4 效果評(píng)價(jià)

基于微信公眾平臺(tái)的移動(dòng)學(xué)習(xí)系統(tǒng)開(kāi)發(fā)完成后，使用該平臺(tái)作為傳統(tǒng)教學(xué)的輔助工具，對(duì)我院2019級(jí)計(jì)算機(jī)網(wǎng)絡(luò)專業(yè)1班進(jìn)行了短期的試用。在試用期間，共有48名同學(xué)關(guān)注并使用了本微信公眾號(hào)進(jìn)行自主學(xué)習(xí)。為了解系統(tǒng)的試行效果，對(duì)這48名學(xué)生開(kāi)展了問(wèn)卷調(diào)查。

從問(wèn)卷調(diào)查的結(jié)果來(lái)看，大部分同學(xué)都能接受這種新的學(xué)習(xí)方式，認(rèn)為這種混合的教學(xué)模式比傳統(tǒng)的教學(xué)方式效率更高、效果更好，學(xué)生們也更樂(lè)于花更多時(shí)間在課外學(xué)習(xí)上；只有少數(shù)幾個(gè)同學(xué)覺(jué)得在學(xué)習(xí)過(guò)程中會(huì)控制不住玩手機(jī)，效果不佳。

總體來(lái)說(shuō)，本移動(dòng)學(xué)習(xí)系統(tǒng)能被大多數(shù)學(xué)生接受、對(duì)提升學(xué)習(xí)效果具有一定的幫助。這說(shuō)明了移動(dòng)學(xué)習(xí)系統(tǒng)與傳統(tǒng)教學(xué)相結(jié)合的模式在高職院校的教學(xué)中具有可行性。至于該如何優(yōu)化系統(tǒng)、如何更好地結(jié)合系統(tǒng)開(kāi)展混合式教學(xué)，還待進(jìn)一步的深入研究。

5 結(jié)語(yǔ)

本文以“網(wǎng)頁(yè)前端語(yǔ)言開(kāi)發(fā)”為例，設(shè)計(jì)了一個(gè)基于微信公眾平臺(tái)的移動(dòng)學(xué)習(xí)系統(tǒng)。作為該門課程的教學(xué)輔助平臺(tái)，經(jīng)過(guò)一段時(shí)間的實(shí)際應(yīng)用，取得了較好的效果。通過(guò)對(duì)微信公眾號(hào)的二次開(kāi)發(fā)，增強(qiáng)了移動(dòng)學(xué)習(xí)環(huán)境的教學(xué)交互性，優(yōu)化了移動(dòng)學(xué)習(xí)環(huán)境的教學(xué)應(yīng)用；打破以教師為主的傳統(tǒng)課堂教學(xué)模式，對(duì)調(diào)動(dòng)學(xué)生課堂上的積極性和主動(dòng)性起到很好的作用，同時(shí)還提高了學(xué)習(xí)的效率，較好地推動(dòng)了高職院校的混合式教學(xué)改革，對(duì)翻轉(zhuǎn)式課堂的普及具有重要意義。