袁芳

摘 要：在移動(dòng)設(shè)備及移動(dòng)互聯(lián)網(wǎng)技術(shù)的普及和帶動(dòng)下，移動(dòng)端學(xué)習(xí)平臺(tái)的建設(shè)成為信息技術(shù)助力教學(xué)的一個(gè)新視點(diǎn)。文章以微信公眾平臺(tái)開(kāi)發(fā)、微網(wǎng)站建設(shè)為切入點(diǎn)，對(duì)移動(dòng)端“Photoshop圖像處理”課程學(xué)習(xí)平臺(tái)的設(shè)計(jì)與實(shí)現(xiàn)進(jìn)行了有益探索。

關(guān)鍵詞：微網(wǎng)站；微信公眾平臺(tái)；學(xué)習(xí)平臺(tái)

當(dāng)前，移動(dòng)互聯(lián)網(wǎng)技術(shù)在教育領(lǐng)域中的應(yīng)用越來(lái)越普及，并深刻影響了教與學(xué)的眾多環(huán)節(jié)，在這種大形勢(shì)下，教育工作者突破固化思維、主動(dòng)引導(dǎo)顯得尤為重要。通過(guò)資源共享、課程建設(shè)、教學(xué)互動(dòng)、移動(dòng)學(xué)習(xí)等功能的建設(shè)，將我們的教育教學(xué)向移動(dòng)互聯(lián)領(lǐng)域推廣和輻射，是當(dāng)前教育教學(xué)模式變革的一個(gè)重要方向。

移動(dòng)學(xué)習(xí)，正是依托于無(wú)線通信和移動(dòng)互聯(lián)網(wǎng)技術(shù)，借助PAD、智能手機(jī)等移動(dòng)設(shè)備，整合課程資源，通過(guò)移動(dòng)終端有效呈現(xiàn)有針對(duì)性的學(xué)習(xí)內(nèi)容，提供給師生一種課堂外的在線的非正式學(xué)習(xí)模式，實(shí)現(xiàn)課堂學(xué)習(xí)的有效補(bǔ)充，利于線上線下教學(xué)無(wú)縫對(duì)接，適合高等教育、中高職教育。

1 移動(dòng)端學(xué)習(xí)平臺(tái)現(xiàn)狀

移動(dòng)端學(xué)習(xí)平臺(tái)也即是構(gòu)建于移動(dòng)終端的學(xué)習(xí)平臺(tái)或系統(tǒng)，其需要滿足隨時(shí)隨地開(kāi)展移動(dòng)學(xué)習(xí)的需求，一般來(lái)說(shuō)，主要有課程學(xué)習(xí)、在線作業(yè)/測(cè)試、在線答疑等功能，能夠提供教師與學(xué)生之間的雙向交流。

結(jié)合實(shí)際情況而言，移動(dòng)端學(xué)習(xí)平臺(tái)的構(gòu)建手段有兩大主流方向，一是APP開(kāi)發(fā)，二是基于微信生態(tài)系統(tǒng)的公眾平臺(tái)開(kāi)發(fā)。

APP（application的縮寫(xiě)），指運(yùn)行于智能終端設(shè)備的第三方應(yīng)用程序。傳統(tǒng)的APP開(kāi)發(fā)較為復(fù)雜，針對(duì)不同的手機(jī)操作系統(tǒng)而不同。以Android為例，需要有應(yīng)用開(kāi)發(fā)包（Software Development Kit，SDK）、開(kāi)發(fā)環(huán)境如MOTODEV Studio for Android，J2ME開(kāi)發(fā)插件等，采用合適的開(kāi)發(fā)語(yǔ)言如Java，進(jìn)行編程開(kāi)發(fā)。此外，考慮到APP需要適應(yīng)不同的操作系統(tǒng)，開(kāi)發(fā)者還需要在后期做兼容性測(cè)試。

除了原生APP開(kāi)發(fā)以外，現(xiàn)在也有很多在線生成Web APP的平臺(tái)，例如應(yīng)用公園、APICLOUD、筑云美信、力譜云等。使用這些平臺(tái)開(kāi)發(fā)Web APP時(shí)，不需要復(fù)雜的開(kāi)發(fā)環(huán)境和編程技術(shù)，多數(shù)只需要使用前端技術(shù)（如HTML或HTML5，CSS3，JavaScript）做出UI界面布局，使其在網(wǎng)站頁(yè)面上實(shí)現(xiàn)傳統(tǒng)的C/S架構(gòu)軟件功能即可，可謂是平臺(tái)化、共享模式、一站式服務(wù)。

公眾平臺(tái)，以微信公眾平臺(tái)為典型代表，包括百度百家、QQ公眾平臺(tái)、今日頭條公眾平臺(tái)、易信公眾平臺(tái)等眾多平臺(tái)，是一種一對(duì)多的媒體平臺(tái)，廣泛應(yīng)用于手機(jī)等移動(dòng)終端設(shè)備，對(duì)特定群體實(shí)現(xiàn)溝通，互動(dòng)形式豐富，支持圖文混排、視頻、音頻、短視頻、HTML5頁(yè)面等。

正是基于融溝通、服務(wù)、互動(dòng)為一體的特點(diǎn)，使得微信公眾平臺(tái)成為一個(gè)強(qiáng)關(guān)系黏度的生態(tài)系統(tǒng)，某種程度上也是“未來(lái)移動(dòng)互聯(lián)網(wǎng)的關(guān)鍵入口”。在微信公眾平臺(tái)的開(kāi)發(fā)者模式下，可以通過(guò)配置Url，Token，EncodingAESKey，接入完全開(kāi)發(fā)模式，也即是將所有消息回調(diào)服務(wù)器，對(duì)接數(shù)據(jù)庫(kù)，使用程序語(yǔ)言進(jìn)行開(kāi)發(fā)。此時(shí)，微信公眾平臺(tái)不再局限于資訊傳達(dá)、消息推送的功能，開(kāi)發(fā)者模式下的公眾平臺(tái)不僅兼容HTML5頁(yè)面，支持多平臺(tái)內(nèi)容來(lái)源，可實(shí)現(xiàn)在線移動(dòng)支付，還支持開(kāi)發(fā)者通過(guò)應(yīng)用編程接口（Application Programming Interface，API）接入第三方內(nèi)容，OAuth2.0網(wǎng)頁(yè)授權(quán)接口更是保證了其作為一個(gè)賬號(hào)隨時(shí)隨地登錄更廣泛的系統(tǒng)。同時(shí)基于信息發(fā)布的意義，公眾平臺(tái)可以實(shí)現(xiàn)在微信生態(tài)系統(tǒng)中的網(wǎng)站的作用。

同樣地，目前微信公眾平臺(tái)也有很多易用的第三方編輯、開(kāi)發(fā)平臺(tái)。我們可以借助微管家、微盟、微企通、微訊云端等第三方開(kāi)發(fā)平臺(tái)，跳過(guò)復(fù)雜的程序開(kāi)發(fā)過(guò)程，方便快捷地建立微網(wǎng)站，實(shí)現(xiàn)內(nèi)容的管理。APP開(kāi)發(fā)與微信公眾平臺(tái)開(kāi)發(fā)對(duì)比如表1所示。

總結(jié)而言，APP是由團(tuán)隊(duì)開(kāi)發(fā)的，在功能性、安全性、用戶體驗(yàn)方面都有保證，且獨(dú)立存在，自由度高，不受第三方軟件限制；同時(shí)APP開(kāi)發(fā)的劣勢(shì)是應(yīng)用較重，開(kāi)發(fā)成本高。而微信公眾平臺(tái)輕巧靈活，接口逐步開(kāi)放，功能多，依托于騰訊，其維護(hù)成本、維護(hù)流程都簡(jiǎn)單得多，且有天然營(yíng)銷入口，容易推廣。

從微信龐大的用戶數(shù)量、高度的用戶黏度方面來(lái)說(shuō)，微信公眾平臺(tái)在移動(dòng)端有著不可比擬的優(yōu)勢(shì)。微信具有網(wǎng)站兼容特性，內(nèi)置功能持續(xù)完善，各種小程序便捷易用，豐富的API接口逐步開(kāi)放，第三方開(kāi)發(fā)平臺(tái)不斷涌現(xiàn)，這些都為基于公眾平臺(tái)的移動(dòng)端課程建設(shè)及移動(dòng)端學(xué)習(xí)平臺(tái)搭建提供了切實(shí)的可行性，微信公眾平臺(tái)在移動(dòng)學(xué)習(xí)領(lǐng)域有著極大的可能性和便利性，目前也有一些成功的案例可以參考。如何更好地利用移動(dòng)端這一陣地，充分引導(dǎo)學(xué)生開(kāi)展線下的有效學(xué)習(xí)，是我們教育工作者需要研究的問(wèn)題。

2 移動(dòng)端學(xué)習(xí)平臺(tái)的需求分析

基于微信公眾平臺(tái)開(kāi)發(fā)的學(xué)習(xí)平臺(tái)，以便捷高效的二維碼技術(shù)為鏈接鑰匙，結(jié)合微型網(wǎng)站為載體，整合微課資源、課件資源等，實(shí)現(xiàn)學(xué)習(xí)資源共享，為學(xué)生提供一種按需、輕量、即時(shí)的學(xué)習(xí)體驗(yàn)，起到有效輔助課堂教學(xué)的作用。

基于微信公眾平臺(tái)開(kāi)發(fā)的學(xué)習(xí)平臺(tái)主要包括以下幾種功能：

（1）在線學(xué)習(xí)課程。在手機(jī)端將課程以網(wǎng)站形式系統(tǒng)呈現(xiàn)，欄目設(shè)置清晰，方便學(xué)生隨時(shí)自主進(jìn)入按需學(xué)習(xí)?；谝苿?dòng)端，課程內(nèi)容一般是微課形式。

（2）推送學(xué)習(xí)內(nèi)容。將課堂知識(shí)、難點(diǎn)解析、操作視頻、課后作業(yè)等內(nèi)容通過(guò)微信公眾平臺(tái)按時(shí)推送，讓學(xué)生及時(shí)鞏固和回顧，補(bǔ)充課堂學(xué)習(xí)的不足。

（3）自動(dòng)回復(fù)消息。通過(guò)設(shè)置詳細(xì)的關(guān)鍵字，對(duì)應(yīng)至不同的精準(zhǔn)內(nèi)容，可以幫助學(xué)生便捷、精準(zhǔn)地獲取所需課程內(nèi)容。

（4）階段在線測(cè)試。有針對(duì)性地不定期開(kāi)展在線測(cè)試，以檢驗(yàn)階段性學(xué)習(xí)效果，同時(shí)發(fā)現(xiàn)學(xué)生學(xué)習(xí)結(jié)果的不足之處以及教學(xué)薄弱環(huán)節(jié)。

（5）教學(xué)資料分享。整合豐富的教學(xué)資料，按欄目劃分好，方便學(xué)生隨時(shí)查看下載。同時(shí)微信提供的“一鍵分享”功能可以方便地將某一特定內(nèi)容分享給他人、微信群或朋友圈，有利于教學(xué)資源傳播與共享。

（6）在線答疑。通過(guò)實(shí)時(shí)消息、在線留言、微信群等方式，為學(xué)生提供有效答疑渠道，加強(qiáng)師生交流與互動(dòng)。

3 基于微網(wǎng)站的學(xué)習(xí)平臺(tái)設(shè)計(jì)與實(shí)現(xiàn)

微網(wǎng)站基于移動(dòng)互聯(lián)而生，簡(jiǎn)單來(lái)說(shuō)，微網(wǎng)站即為植入于微信公眾平臺(tái)的微型網(wǎng)站，其具備網(wǎng)站的一般功能和結(jié)構(gòu)，能夠兼容多種系統(tǒng)，能方便地與各應(yīng)用實(shí)現(xiàn)鏈接跳轉(zhuǎn)，具有移動(dòng)端特有的靈活性及富交互性。

3.1 準(zhǔn)備微網(wǎng)站開(kāi)發(fā)環(huán)境

建立微網(wǎng)站有兩種思路，一種是使用第三方開(kāi)發(fā)平臺(tái)來(lái)搭建，此方法簡(jiǎn)單便捷，但是功能有限；另外一種是搭建服務(wù)器與開(kāi)發(fā)環(huán)境，與開(kāi)發(fā)傳統(tǒng)網(wǎng)站的思路一致。本文以新浪云服務(wù)器、PHP語(yǔ)言為例，構(gòu)建微網(wǎng)站的開(kāi)發(fā)環(huán)境，主要有以下幾個(gè)步驟。

（1）在新浪云平臺(tái)注冊(cè)賬號(hào)，實(shí)名認(rèn)證（微信接入開(kāi)發(fā)者模式要求所用服務(wù)器地址必須實(shí)名認(rèn)證），創(chuàng)建應(yīng)用，指定二級(jí)域名。

（2）開(kāi)啟微信公眾平臺(tái)開(kāi)發(fā)者模式，下載接口文件并修改。

（3）在新浪云平臺(tái)中將編輯好的微信接口文件打包上傳。

（4）在微信公眾平臺(tái)的基本配置中，填寫(xiě)URL，Token，進(jìn)行服務(wù)器配置，此處，URL為新浪云應(yīng)用的域名地址，而Token為接口文件上傳至服務(wù)器后的完整文件地址。

（5）上述全部正確提交后會(huì)有配置成功的提示，至此新浪云服務(wù)器與微信的接口已成功創(chuàng)建。

（6）安裝WAMP（即Windows，Apache，MySQL，PHP），建立本地開(kāi)發(fā)環(huán)境，便于隨時(shí)開(kāi)發(fā)和測(cè)試，將通過(guò)本地測(cè)試的網(wǎng)站文件同步上傳至新浪云服務(wù)器即可。

3.2 建立微網(wǎng)站

接下來(lái)按照網(wǎng)站建設(shè)的思路，逐一設(shè)計(jì)制作各個(gè)頁(yè)面。圖1為課程“Photoshop圖像處理”的微網(wǎng)站效果圖。

網(wǎng)站首頁(yè)采用“呂”形布局結(jié)構(gòu)，上部分是banner幻燈輪播圖片，以滑動(dòng)的形式展示出來(lái)，可鏈接至指定的圖文內(nèi)容。下部分是導(dǎo)航區(qū)，各個(gè)欄目依次以精美小圖標(biāo)的形式呈現(xiàn)，通過(guò)點(diǎn)擊即可進(jìn)入相應(yīng)的欄目頁(yè)面。首頁(yè)整體效果簡(jiǎn)潔，層次分明，突出主題，便于學(xué)生找到所需欄目。

欄目的劃分是依據(jù)課程內(nèi)容而進(jìn)行的，主要有：課程介紹、在線學(xué)習(xí)、階段測(cè)試、在線答疑、專題微課、作品賞析等。欄目起到目錄的作用，每個(gè)欄目頁(yè)內(nèi)以列表形式集中展示所有詳細(xì)內(nèi)容，同時(shí)每個(gè)內(nèi)容頁(yè)都帶有超鏈接，便于學(xué)生查找、點(diǎn)擊訪問(wèn)詳細(xì)內(nèi)容。

內(nèi)容頁(yè)面的設(shè)計(jì)主要包括兩種形式，一種是課程學(xué)習(xí)類的詳細(xì)頁(yè)面，以微課視頻為主輔以圖文展示，以便生動(dòng)直觀地呈現(xiàn)課程教學(xué)內(nèi)容；另一種是新聞?lì)惖脑敿?xì)頁(yè)面，以圖文并茂的形式展示。

在線測(cè)試和在線答疑欄目，均可以使用騰訊問(wèn)卷、賽事星等第三方工具制作，以鏈接的形式靈活呈現(xiàn)。

3.3 使用框架

值得一提的是，如果要實(shí)現(xiàn)微網(wǎng)站所有內(nèi)容的實(shí)時(shí)動(dòng)態(tài)發(fā)布，則一般需要用到框架，如ThinkPHP?？蚣苤饕糜谖恼碌谋４婕肮芾恚瑫r(shí)還需要一個(gè)編輯器，如百度UEditor，用于編輯文章。

3.4 制作課程微課

移動(dòng)端課程的在線學(xué)習(xí)，對(duì)視頻類學(xué)習(xí)內(nèi)容提出了新的要求，這與微課提出的初衷不謀而合。在實(shí)際操作中，我們要盡量制作短、小的視頻微課，或者采用新技術(shù)制作HTML5微課。

視頻類微課的制作技術(shù)非常成熟，如CamtasiaStudio、PPT錄屏等，已經(jīng)被廣泛應(yīng)用于教育領(lǐng)域。而基于HTML5的移動(dòng)端互動(dòng)微課是一個(gè)新的探索領(lǐng)域，目前正在起步，我們可以借助炫頁(yè)，iH5，Articulate Storyline，Lectora 等工具，制作形式豐富的交互式HTML5微課。

3.5 添加鏈接和外鏈

微網(wǎng)站和微信公眾平臺(tái)之間有一定的獨(dú)立性，但并不是完全隔離。微網(wǎng)站的主要欄目和頁(yè)面都開(kāi)發(fā)出來(lái)以后，需要與微信公眾平臺(tái)做進(jìn)一步的鏈接和功能整合。在微信公眾平臺(tái)中設(shè)置關(guān)鍵字回復(fù)，可以鏈接至微網(wǎng)站首頁(yè)或某個(gè)欄目；微信公眾平臺(tái)的主菜單可以添加鏈接，跳轉(zhuǎn)至微網(wǎng)站或微網(wǎng)站的某個(gè)欄目；微信公眾平臺(tái)原本發(fā)布的圖文消息，也可以被微網(wǎng)站調(diào)用。豐富多樣具有交互性的調(diào)用形式使這種模式構(gòu)建的學(xué)習(xí)平臺(tái)更加靈活、便捷、高效。

4 結(jié)語(yǔ)

隨著移動(dòng)互聯(lián)技術(shù)的不斷進(jìn)步，微信公眾平臺(tái)的功能進(jìn)一步開(kāi)放，小程序、API數(shù)據(jù)接口不斷豐富，各種第三方開(kāi)發(fā)平臺(tái)應(yīng)運(yùn)而生。在這不斷的技術(shù)變革中積極探索，轉(zhuǎn)變教學(xué)思維，以大眾常用的微信公眾平臺(tái)為切入點(diǎn)，打造輕量、易用的移動(dòng)端學(xué)習(xí)平臺(tái)，改變舊有的教學(xué)模式，滿足了學(xué)生自主學(xué)習(xí)、個(gè)性化學(xué)習(xí)的需求，更適應(yīng)了社會(huì)與技術(shù)發(fā)展的趨勢(shì)，有著廣泛的應(yīng)用前景。