基于HTML5的個(gè)性化移動(dòng)教學(xué)平臺(tái)研究與建設(shè)*

陳成佑 林廷劈

(1.三明醫(yī)學(xué)科技職業(yè)學(xué)院,福建三明 365000;2.三明學(xué)院,福建三明 365000)

在Android、IOS移動(dòng)操作系統(tǒng)大行其道的時(shí)代,智能手機(jī)等擁有數(shù)量眾多的擁躉者。依托智能設(shè)備興起了很多新行業(yè),包括手機(jī)ROM、移動(dòng)廣告等,均與智能手機(jī)一樣,在移動(dòng)網(wǎng)絡(luò)時(shí)代全面興起。有CNNIC調(diào)查結(jié)果顯示:截至2019年10月,我國(guó)已有8.54億網(wǎng)民,其中手機(jī)等移動(dòng)端網(wǎng)民規(guī)模超5.6億,所占比重相當(dāng)之大,由PC端向手機(jī)端的遷移,是時(shí)代變革的典型標(biāo)志。在移動(dòng)網(wǎng)絡(luò)興起的時(shí)代,移動(dòng)學(xué)習(xí)將日益受到廣大教育工作者的重視,從移動(dòng)終端網(wǎng)絡(luò)使用行為習(xí)慣與用戶需求來看,可以發(fā)現(xiàn),人們更加傾向于在移動(dòng)終端學(xué)習(xí)知識(shí)和技能,而如何以前沿技術(shù)為個(gè)性化移動(dòng)教學(xué)平臺(tái)研究與建設(shè)服務(wù),便是一項(xiàng)必然要考慮的議題,其中HTML5技術(shù)具有相當(dāng)?shù)牡湫托訹1]。

1 個(gè)性化移動(dòng)教學(xué)平臺(tái)優(yōu)勢(shì)

在分析基于HTML5的個(gè)性化移動(dòng)教學(xué)平臺(tái)研究與建設(shè)問題前,我們首先要明確個(gè)性化移動(dòng)教學(xué)平臺(tái)的優(yōu)勢(shì)所在。筆者曾經(jīng)在一地次調(diào)查中,詳細(xì)了解了學(xué)生的網(wǎng)絡(luò)學(xué)習(xí)特征以及突出需求,按照調(diào)查結(jié)果顯示,學(xué)生在進(jìn)行網(wǎng)絡(luò)學(xué)習(xí)時(shí),有幾個(gè)比較突出的特點(diǎn),比如首先,在學(xué)生群體中的大部分成員,手機(jī)終端的占有量與使用量都是最高的,而且這些學(xué)生也樂于在手機(jī)等移動(dòng)設(shè)備上完成學(xué)習(xí);其次,利用移動(dòng)設(shè)備完成一項(xiàng)或者多項(xiàng)學(xué)習(xí)任務(wù)的學(xué)生占比接近100%;再者,學(xué)生大都喜歡綜合性較強(qiáng)學(xué)習(xí)資源與視頻類。最后,如圖1所示,該系統(tǒng)從使用者的角度分析,能夠劃分教師端、學(xué)生端以及系統(tǒng)管理員端,各端的各取所需,將給教學(xué)提供極大的便利[2]。

通過這幾個(gè)特點(diǎn),我們可以認(rèn)為,移動(dòng)學(xué)習(xí)平臺(tái)走向個(gè)性化,是具有學(xué)習(xí)者角度強(qiáng)大優(yōu)勢(shì)的做法,因此可以成為課堂學(xué)習(xí)的輔助手段,進(jìn)行在此之上的充分拓展。而后期所做的一切以學(xué)生發(fā)展為目標(biāo)的平臺(tái),便可以通過資源庫(kù)的形式進(jìn)行體現(xiàn),使電腦端登錄與移動(dòng)端登錄都具有高度便捷性,特別是在考慮到個(gè)性化的前提條件時(shí),它將明顯有別于一般的大型網(wǎng)絡(luò)教學(xué)平臺(tái)只涵蓋常用教案、習(xí)題資源的形式,而增加更多利于學(xué)生自我學(xué)習(xí)、自主研究的個(gè)性化內(nèi)容,無論是大綱制作、習(xí)題下載,還是相關(guān)視頻教程學(xué)習(xí)等,均將有著強(qiáng)大的共享、發(fā)布支持。

2 個(gè)性化移動(dòng)教學(xué)平臺(tái)的HTML5技術(shù)關(guān)鍵

圖1 個(gè)性化移動(dòng)教學(xué)平臺(tái)功能結(jié)構(gòu)Fig.1 Functional structure of personalized mobile teaching platform

如前所述,個(gè)性化移動(dòng)教學(xué)平臺(tái)優(yōu)勢(shì),而重視此優(yōu)勢(shì),則需要相應(yīng)的技術(shù)支持,在所有支持技術(shù)中,HTML5比較具有代表性,HTML5標(biāo)準(zhǔn)草案發(fā)布于2013年,由W3C理事會(huì)所推薦,經(jīng)過實(shí)踐證明實(shí)用效果較好,在谷歌、蘋果、中國(guó)移動(dòng)等數(shù)百家公司共同參與下的技術(shù)研發(fā),決定了這項(xiàng)技術(shù)的公開性,而W3C理事會(huì)所通過的標(biāo)準(zhǔn),也便說明了各個(gè)瀏覽與各個(gè)平臺(tái),均會(huì)努力實(shí)現(xiàn)此公開性,以及各使用者所追求的實(shí)用性,從這個(gè)角度上講,它天然具有跨平臺(tái)以及可受絕大多數(shù)瀏覽器相支持的特點(diǎn),在性能上更易于縮減與普通使用者之間的距離,使人感受到友好。按照W3C理事會(huì)的統(tǒng)計(jì),2018年,全球有超過26億手機(jī)瀏覽器對(duì)HTML5是支持的。應(yīng)該說,HTML5是如今移動(dòng)應(yīng)用的主要技術(shù),將來一段時(shí)間依舊存在。實(shí)際上,對(duì)本系統(tǒng)加以實(shí)現(xiàn),主要會(huì)涉及到asp.net以及HTML5語言,前者屬于嵌入型腳本語言,該動(dòng)態(tài)服務(wù)器頁(yè)面運(yùn)行于IIS之中,而作為核心的HTML5以網(wǎng)頁(yè)前段的形式存在,asp.net則在后臺(tái)運(yùn)行。對(duì)于個(gè)性化移動(dòng)教學(xué)平臺(tái)來講,HTML5作為HTML的更新版,一些新增加的特性,讓HTML5有了更適于學(xué)習(xí)者個(gè)性發(fā)展的渠道和空間,能夠使之在富媒體技術(shù)支持下完成各項(xiàng)學(xué)習(xí)任務(wù),也就是說,這些HTML5的特性,對(duì)于移動(dòng)終端是適應(yīng)的,也是用戶體驗(yàn)優(yōu)化的良好支持手段,它最終將使移動(dòng)網(wǎng)絡(luò)真正發(fā)揮出移動(dòng)化與個(gè)性化的優(yōu)勢(shì)。另外,隨著公眾的廣泛認(rèn)可,移動(dòng)網(wǎng)絡(luò)日益成為熱門話題,與之相應(yīng)的APP也普遍受到歡迎,此時(shí),我們將會(huì)意識(shí)到:App的重要性,以及因Web而帶來的便捷性,特別是在HTML5技術(shù)支持下,這種重要性與便捷性將更加明顯,即若App開發(fā)者能夠有效解決個(gè)性化移動(dòng)終端的適配問題,那么終將開啟移動(dòng)網(wǎng)絡(luò)學(xué)習(xí)應(yīng)用的新時(shí)代。圖2所示,是常見移動(dòng)學(xué)習(xí)平臺(tái),正是采用了HTML5技術(shù)的成果,3層架構(gòu)模型的形式,既有清晰的層次,又體現(xiàn)了軟件系統(tǒng)在開發(fā)方面的高內(nèi)聚與低耦合策略,較好地達(dá)到了界面與代碼相分離的效果[3]。

圖2 移動(dòng)學(xué)習(xí)APP系統(tǒng)構(gòu)架Fig.2 Mobile learning APP system architecture

3 HTML5的個(gè)性化移動(dòng)教學(xué)平臺(tái)前端開發(fā)要點(diǎn)

3.1 明確教學(xué)的出發(fā)點(diǎn)

以學(xué)習(xí)者能力發(fā)展及就業(yè)為需求的個(gè)性化移動(dòng)教學(xué)平臺(tái)前端開發(fā),是HTML5技術(shù)應(yīng)用的第一要點(diǎn),信息時(shí)代為使學(xué)習(xí)者能力得到培養(yǎng)、就業(yè)優(yōu)勢(shì)得到顯現(xiàn),更加適應(yīng)社會(huì)需求,在實(shí)踐與理論教學(xué)中,便一定要做出相應(yīng)的改革。運(yùn)用 HTML5的個(gè)性化移動(dòng)教學(xué)平臺(tái)前端來開發(fā)課程教學(xué),應(yīng)當(dāng)與時(shí)代對(duì)學(xué)習(xí)者需求為導(dǎo)向,緊密結(jié)合市場(chǎng)需求,目標(biāo)鮮明地做好專業(yè)技能培養(yǎng),杜絕教學(xué)內(nèi)容與時(shí)代需求脫節(jié)問題,在此視域下的教學(xué)出發(fā)點(diǎn)明確,特別是教學(xué)內(nèi)容優(yōu)化,可培養(yǎng)學(xué)生自學(xué)習(xí)能力、創(chuàng)新思維能力[4]。

3.2 優(yōu)選平臺(tái)教學(xué)內(nèi)容

在HTML5的個(gè)性化移動(dòng)教學(xué)平臺(tái)前端開發(fā)中,將涉及到理論基礎(chǔ)與實(shí)踐基礎(chǔ)兩個(gè)類型,它們共同構(gòu)成了為學(xué)習(xí)者服務(wù)的教學(xué)內(nèi)容,其中理論基礎(chǔ)中將會(huì)關(guān)注到W3C標(biāo)準(zhǔn)、平臺(tái)設(shè)計(jì)結(jié)構(gòu)以及設(shè)計(jì)者模式等項(xiàng)目,在這些內(nèi)容的支持下,學(xué)習(xí)者將更加有效地掌握相關(guān)知識(shí)重點(diǎn),并使知識(shí)技能得到合理應(yīng)用。而后續(xù)的教學(xué)內(nèi)容掌握,則亦應(yīng)側(cè)重點(diǎn)明確,以精簡(jiǎn)為原則,在科學(xué)的前端設(shè)計(jì)技術(shù)支持下,完成任務(wù)。一般認(rèn)為,HTML5的個(gè)性化移動(dòng)教學(xué)平臺(tái)前端開發(fā),在優(yōu)選教學(xué)內(nèi)容方面有三個(gè)值得注意之處,其一是對(duì)基礎(chǔ)知識(shí)的關(guān)注,其二是做好腳本和類庫(kù)框架知識(shí)的把握,其三是導(dǎo)向?qū)嵺`應(yīng)用。

3.3 改革平臺(tái)學(xué)習(xí)模式

HTML5的個(gè)性化移動(dòng)教學(xué)平臺(tái)前端開發(fā),無法離開項(xiàng)目案例的實(shí)際支持,借助教師與學(xué)生的共同研究學(xué)習(xí),將促進(jìn)學(xué)生協(xié)作能力的發(fā)展,不斷完善他們自主學(xué)習(xí)能力。所以教師應(yīng)參與開發(fā)設(shè)計(jì)個(gè)性化移動(dòng)教學(xué)平臺(tái),使平臺(tái)學(xué)習(xí)模式更有利于學(xué)生發(fā)展需求,特別是要融入與實(shí)際操作直接相關(guān)的代表性案例,讓學(xué)生有機(jī)會(huì)進(jìn)行深入分析,不斷掌握分析與解決問題能力。期間應(yīng)對(duì)學(xué)生分組,用團(tuán)隊(duì)協(xié)作的形式共同介入平臺(tái)開發(fā),一般步驟如下,其一是對(duì)項(xiàng)目要求的明確;其二是對(duì)項(xiàng)目策劃書的撰寫,其三是對(duì)項(xiàng)目的設(shè)計(jì);其四是具體實(shí)施;其五是運(yùn)行與測(cè)試[5]。

3.4 優(yōu)化平臺(tái)應(yīng)用效率

教師應(yīng)鼓勵(lì)學(xué)生在個(gè)性化移動(dòng)教學(xué)平臺(tái)下完成學(xué)習(xí)任務(wù),使學(xué)生在HTML5的個(gè)性化移動(dòng)教學(xué)平臺(tái)中受益,同時(shí)保證平臺(tái)的高效應(yīng)用,為此,教師可以安排一些無紙式作業(yè),使學(xué)生利用Claroline等系統(tǒng)進(jìn)入操作界面。此外,教師可在學(xué)習(xí)平臺(tái)里的教師端批改作業(yè),了解學(xué)生學(xué)習(xí)狀況。而學(xué)生則可以在后期進(jìn)行自主性更強(qiáng)的練習(xí),并完成線上新課程學(xué)習(xí)活動(dòng)。一般認(rèn)為,因?yàn)橛辛薍TML5技術(shù)的支持,整個(gè)過程中,學(xué)生的平臺(tái)應(yīng)用效率將會(huì)變得更高,能夠極大地提升學(xué)習(xí)效率,而教師對(duì)于平臺(tái)特點(diǎn),特別是其背后HTML5技術(shù)的重要支持力量的認(rèn)知,大大提升學(xué)生學(xué)習(xí)效率[6]。

3.5 調(diào)整平臺(tái)教學(xué)形式

教師還應(yīng)關(guān)注HTML5技術(shù)對(duì)學(xué)生個(gè)性發(fā)展的支持作用,使學(xué)生得到自主分析的機(jī)會(huì),并能夠及時(shí)提出處理具體問題的辦法,也就是讓學(xué)生在課堂內(nèi)外都具有較大的主導(dǎo)權(quán)。此外,HTML5技術(shù)支持下的個(gè)性化移動(dòng)教學(xué)平臺(tái)有著資源的豐富性與方法的多樣性,可支持學(xué)生利用分組形式,主動(dòng)參與到教學(xué)形式調(diào)整任務(wù)中來,合作解決問題,而教師則處于小組指導(dǎo)定位,發(fā)揮出糾正錯(cuò)誤與引導(dǎo)方向的作用。另外,調(diào)整教學(xué)形式,便于促進(jìn)多媒體教學(xué)工具和個(gè)性平臺(tái)的銜接,從而將學(xué)生的獨(dú)立與小組成果展示出來,全面提升學(xué)生的前端平臺(tái)應(yīng)用能力。

3.6 設(shè)置平臺(tái)評(píng)價(jià)機(jī)制

HTML5技術(shù)支持下的個(gè)性化移動(dòng)教學(xué)平臺(tái)中 ,評(píng)價(jià)體系可謂最后不可或缺的一項(xiàng)內(nèi)容,其中應(yīng)當(dāng)涉及學(xué)生綜合素質(zhì)以及專業(yè)能力的準(zhǔn)確分析評(píng)價(jià),在傳統(tǒng)學(xué)習(xí)成績(jī)?cè)u(píng)價(jià)機(jī)制的前提下,把平時(shí)成績(jī)與考試成績(jī)綜合起來,使二者在平臺(tái)中依比例進(jìn)行合理劃分,及時(shí)使學(xué)生看到教師所做出的表現(xiàn)評(píng)價(jià)。這一評(píng)價(jià)機(jī)制與形式有利于增進(jìn)學(xué)生自主學(xué)習(xí)知識(shí),并及時(shí)對(duì)自身存在的不足之處加以調(diào)整。

4 總結(jié)

個(gè)性化移動(dòng)教學(xué)平臺(tái)研究與建設(shè),對(duì)于預(yù)期教學(xué)目標(biāo)的達(dá)成是有利的,它可給學(xué)生提供移動(dòng)學(xué)習(xí)的需求,讓學(xué)生在平臺(tái)上共享課程數(shù)據(jù),從而實(shí)現(xiàn)移動(dòng)端與電腦端的同時(shí)訪問效果。而對(duì)于教師來講,則也可以基于課程教學(xué)實(shí)際情況,對(duì)平臺(tái)教學(xué)出發(fā)點(diǎn)確立、教學(xué)內(nèi)容選擇等加以完善,且有效管理訪問用戶。師生雙向的共同努力,今后將更好地完善課程內(nèi)容、滿足教學(xué)服務(wù)任務(wù)需求。