HTML5在移動(dòng)學(xué)習(xí)中的應(yīng)用研究

【摘要】移動(dòng)學(xué)習(xí)平臺(tái)的研發(fā)，令傳統(tǒng)課堂教學(xué)形式與網(wǎng)絡(luò)信息平臺(tái)實(shí)現(xiàn)深度融合?；诖?，文章對(duì)移動(dòng)學(xué)習(xí)平臺(tái)特性進(jìn)行論述，從資源、系統(tǒng)兩方面對(duì)學(xué)習(xí)平臺(tái)的基準(zhǔn)化需求進(jìn)行分析，并對(duì)HTML5在移動(dòng)學(xué)習(xí)中的應(yīng)用進(jìn)行研究。

【關(guān)鍵詞】HTML5;移動(dòng)學(xué)習(xí);平臺(tái)

寧夏財(cái)經(jīng)職業(yè)技術(shù)學(xué)院2018教育教學(xué)改革研究項(xiàng)目：HTML5在移動(dòng)學(xué)習(xí)中的應(yīng)用研究，編號(hào)： CYJG201813

HTML作為一種編程語(yǔ)言，在版本不斷優(yōu)化更新下，HTML5研發(fā)得到商用推廣，依托于語(yǔ)言特性功能，令技術(shù)本身具備兼容性，且增強(qiáng)產(chǎn)品的容錯(cuò)性、冗余性等，實(shí)現(xiàn)用戶(hù)、文檔之間的對(duì)接交互。語(yǔ)義功能、兼容功能、存儲(chǔ)功能、對(duì)接功能、集成性能等作為產(chǎn)品的基本屬性，令其本身可實(shí)現(xiàn)跨平臺(tái)操控、網(wǎng)絡(luò)執(zhí)行基準(zhǔn)化、網(wǎng)頁(yè)自適應(yīng)化、更新力度及時(shí)化等，解決傳統(tǒng)網(wǎng)頁(yè)不兼容、更新速率慢的現(xiàn)象。HTML5技術(shù)在移動(dòng)學(xué)習(xí)平臺(tái)中應(yīng)用時(shí)，可打破傳統(tǒng)的空間局限，為教師與學(xué)生打造實(shí)時(shí)性對(duì)接平臺(tái)，加快推動(dòng)教育事業(yè)的發(fā)展進(jìn)程。

1. 移動(dòng)學(xué)習(xí)平臺(tái)特性論述

移動(dòng)學(xué)習(xí)平臺(tái)作為互聯(lián)網(wǎng)技術(shù)、信息化技術(shù)與教育體系的融合產(chǎn)物，其打破傳統(tǒng)課堂教學(xué)的束縛，令教學(xué)形式空間維度、時(shí)間維度下的發(fā)展，而學(xué)生則可利用碎片化時(shí)間來(lái)獲取更多的知識(shí)內(nèi)容，以滿(mǎn)足實(shí)際學(xué)習(xí)需求。在智能化平臺(tái)的應(yīng)用下，學(xué)生與教師可進(jìn)行網(wǎng)絡(luò)平臺(tái)交流，如實(shí)時(shí)交流、留言交流等，在時(shí)間節(jié)點(diǎn)的轉(zhuǎn)變下，可為學(xué)生與教學(xué)營(yíng)造一種空間交流環(huán)境，以保證學(xué)生的問(wèn)題得到及時(shí)解決。相比于國(guó)外，我國(guó)移動(dòng)學(xué)習(xí)平臺(tái)正處于發(fā)展過(guò)程中，部分細(xì)節(jié)處理不足，令整體教學(xué)平臺(tái)存在一定的使用弊端，如交互模式單一、資源儲(chǔ)備量不足等，令移動(dòng)學(xué)習(xí)平臺(tái)無(wú)法進(jìn)行大范圍推廣，尤其是以HTML5技術(shù)為主的研發(fā)平臺(tái)，在市場(chǎng)競(jìng)爭(zhēng)中更是屈指可數(shù)。

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

2.1 資源需求

移動(dòng)學(xué)習(xí)平臺(tái)是一種教學(xué)形式，其是將教育資源轉(zhuǎn)移到網(wǎng)絡(luò)平臺(tái)中，供教師與學(xué)生進(jìn)行學(xué)習(xí)與交流。第一，在課程教學(xué)資源方面，平臺(tái)應(yīng)實(shí)現(xiàn)各類(lèi)教育資源的整合，為學(xué)生提供全面化知識(shí)，在此過(guò)程中應(yīng)注意平臺(tái)不是單獨(dú)為某一項(xiàng)專(zhuān)業(yè)服務(wù)，而是將所有學(xué)科的資源進(jìn)行整合與分類(lèi)，待學(xué)生進(jìn)行資源搜索時(shí)，可精準(zhǔn)的展示出教學(xué)內(nèi)容，以滿(mǎn)足整體化教學(xué)需求。教學(xué)資源在設(shè)定過(guò)程中，應(yīng)將課程教學(xué)內(nèi)容進(jìn)行節(jié)點(diǎn)化設(shè)定，如學(xué)習(xí)任務(wù)、課件設(shè)定、素材準(zhǔn)備等，以保證實(shí)際課堂教育中，可滿(mǎn)足教師的教學(xué)需求。第二，在學(xué)生學(xué)習(xí)資源方面，整體設(shè)計(jì)形式應(yīng)與教學(xué)體系相貼合，將現(xiàn)有的知識(shí)框架與教學(xué)資源進(jìn)行整合，并將學(xué)生的學(xué)習(xí)動(dòng)機(jī)作為設(shè)計(jì)主線(xiàn)，為學(xué)生呈現(xiàn)出豐富的教學(xué)內(nèi)容。如教學(xué)視頻、音頻、拓展訓(xùn)練等，通過(guò)各部分教學(xué)資源的整合，令學(xué)生形成主觀學(xué)習(xí)意識(shí)，以推動(dòng)整體教學(xué)工作的開(kāi)展。此外，各項(xiàng)教學(xué)課件應(yīng)具備邏輯性、有序性等，知識(shí)內(nèi)容嚴(yán)謹(jǐn)、遞進(jìn)，對(duì)學(xué)生形成逐層教導(dǎo)，以滿(mǎn)足整體教學(xué)需求。

2.2 系統(tǒng)需求

從系統(tǒng)角度來(lái)看，移動(dòng)學(xué)習(xí)平臺(tái)的操控性、精準(zhǔn)性等作為內(nèi)在需求，其應(yīng)打破傳統(tǒng)課堂教學(xué)的局限，建立多元化服務(wù)體系，為學(xué)生提供交互平臺(tái)。鑒于此，系統(tǒng)在設(shè)計(jì)時(shí)，應(yīng)充分考慮到學(xué)生的自身需求，如交互界面的簡(jiǎn)潔性、多樣性、針對(duì)性等，并應(yīng)將各類(lèi)學(xué)科的知識(shí)點(diǎn)進(jìn)行關(guān)聯(lián)融合，拓展學(xué)生的知識(shí)面，令學(xué)生在資源交互體系中學(xué)到更多的知識(shí)，提升平臺(tái)的使用價(jià)值。

3. HTML5技術(shù)下的移動(dòng)學(xué)習(xí)平臺(tái)設(shè)計(jì)

3.1 教學(xué)模塊設(shè)定

在傳統(tǒng)教學(xué)模式的影響下，多數(shù)課堂教學(xué)以教材文案為中心進(jìn)行教學(xué)拓展，而移動(dòng)學(xué)習(xí)平臺(tái)依托于網(wǎng)絡(luò)資源可令整體教學(xué)形式實(shí)現(xiàn)縱向延伸。在HTML5的應(yīng)用下，平臺(tái)設(shè)計(jì)形式將以學(xué)生為中心，以學(xué)生的需求來(lái)設(shè)計(jì)整體教學(xué)框架，在交互界面設(shè)定過(guò)程中，可依據(jù)專(zhuān)業(yè)課程進(jìn)行劃分，如學(xué)生在搜尋與計(jì)算機(jī)信息技術(shù)相關(guān)的教程，則界面應(yīng)及時(shí)展現(xiàn)出信息化特點(diǎn)，以在學(xué)生主觀印象中營(yíng)造一種認(rèn)同氛圍，調(diào)動(dòng)學(xué)生對(duì)課程資源的興趣度。同時(shí)可采用實(shí)時(shí)交互動(dòng)畫(huà)展示的形式，令學(xué)生在課程體系中對(duì)資源課程形成一種初步認(rèn)知，以增強(qiáng)學(xué)生的代入感。

3.2 課件模塊設(shè)定

HTML5技術(shù)在課件建設(shè)與傳輸過(guò)程中，是將各類(lèi)資源進(jìn)行整合并傳輸?shù)酵唤缑嬷?，但如果此?xiàng)界面中的課件導(dǎo)入時(shí)長(zhǎng)間距較大，則大部分用戶(hù)將認(rèn)為加載失敗，降低用戶(hù)的體驗(yàn)感。此外，在移動(dòng)學(xué)習(xí)平臺(tái)中，大部分播放形式以視頻、音頻等為主，互動(dòng)形式也進(jìn)局限于一些基礎(chǔ)的操作設(shè)定，為此，應(yīng)充分考慮到學(xué)生的操作習(xí)慣，防止?jié)撘庾R(shí)里的沖突，進(jìn)而實(shí)現(xiàn)優(yōu)化型操控。

4. HTML5在移動(dòng)學(xué)習(xí)中的應(yīng)用

4.1 在線(xiàn)學(xué)習(xí)模式

移動(dòng)學(xué)習(xí)的主要功能是為學(xué)生提供在線(xiàn)學(xué)習(xí)平臺(tái)，通過(guò)將書(shū)本知識(shí)轉(zhuǎn)移到網(wǎng)絡(luò)資源體系中，然后以界面的形式展現(xiàn)到學(xué)生面前，學(xué)生通過(guò)操作界面來(lái)獲取相應(yīng)學(xué)習(xí)需求。從課程專(zhuān)業(yè)展示層面來(lái)講，每一專(zhuān)業(yè)課程涉及到的知識(shí)點(diǎn)較多，在對(duì)各類(lèi)信息資源進(jìn)行關(guān)聯(lián)處理時(shí)，信息之間的匹配形式也存在較大差異，為此，如何令學(xué)生在此平臺(tái)下實(shí)現(xiàn)精準(zhǔn)化搜查，則成為學(xué)習(xí)平臺(tái)設(shè)計(jì)的關(guān)鍵之處。以計(jì)算機(jī)信息專(zhuān)業(yè)課程為例，課程本身具備的知識(shí)點(diǎn)較為復(fù)雜，且知識(shí)更新速率較快，在科學(xué)技術(shù)的高速發(fā)展下，多樣化信息獲取形式為平臺(tái)本身帶來(lái)一定的組建難度。為此，在課件導(dǎo)入過(guò)程中，可將知識(shí)點(diǎn)進(jìn)行分化，令其形成一種模塊化應(yīng)答模式，將知識(shí)點(diǎn)的聯(lián)動(dòng)機(jī)理進(jìn)行分析，然后找出內(nèi)在邏輯，然后依據(jù)網(wǎng)絡(luò)模糊算法、神經(jīng)網(wǎng)絡(luò)算法等，對(duì)信息資源節(jié)點(diǎn)進(jìn)行參數(shù)設(shè)定，待學(xué)生進(jìn)行知識(shí)搜查時(shí)，網(wǎng)絡(luò)數(shù)據(jù)庫(kù)可實(shí)時(shí)進(jìn)行響應(yīng)，并可依據(jù)關(guān)鍵詞對(duì)內(nèi)部信息進(jìn)行預(yù)期搜尋、比對(duì)搜尋等，以提升知識(shí)點(diǎn)搜查的精準(zhǔn)性，為學(xué)生提供精準(zhǔn)化服務(wù)。

4.2 離線(xiàn)存儲(chǔ)模式

離線(xiàn)存儲(chǔ)模式是為學(xué)生提供斷續(xù)型存儲(chǔ)平臺(tái)，如學(xué)生在進(jìn)行學(xué)習(xí)時(shí)，遇到突發(fā)狀況，令平臺(tái)終止運(yùn)行，此時(shí)在HTML5技術(shù)的應(yīng)用下，可對(duì)信息進(jìn)行實(shí)時(shí)存儲(chǔ)，即保存異常終止運(yùn)行前的閱讀標(biāo)記，并將數(shù)據(jù)信息實(shí)時(shí)存儲(chǔ)到數(shù)據(jù)庫(kù)內(nèi)。待學(xué)生重新啟動(dòng)學(xué)習(xí)平臺(tái)時(shí)，則數(shù)據(jù)庫(kù)將對(duì)異常終止前的數(shù)據(jù)界面進(jìn)行重新載入，以保證學(xué)習(xí)的完整性。此外，平臺(tái)自身聯(lián)網(wǎng)存儲(chǔ)功能，在網(wǎng)絡(luò)數(shù)據(jù)斷連的情況下，HTML5可對(duì)預(yù)期指令信息進(jìn)行自動(dòng)緩存，當(dāng)網(wǎng)絡(luò)響應(yīng)無(wú)法連接時(shí)，仍可使學(xué)生完成當(dāng)前及緩存界面的瀏覽。

4.3 評(píng)價(jià)反饋模式

移動(dòng)學(xué)習(xí)平臺(tái)中的評(píng)價(jià)反饋系統(tǒng)類(lèi)似于課堂考核，其主要是輔助教師對(duì)學(xué)生的學(xué)習(xí)情況進(jìn)行了解。HTML5技術(shù)的支持下，移動(dòng)學(xué)習(xí)平臺(tái)一般分為交互界面管理、后臺(tái)管理兩部分，在學(xué)生完成相應(yīng)的學(xué)習(xí)任務(wù)后，交互界面將把數(shù)據(jù)信息傳輸?shù)胶笈_(tái)系統(tǒng)中，并及時(shí)將信息結(jié)果反饋到交互界面中，在正確的答案講解下，學(xué)生充分認(rèn)知到自身的不足之處。此外，后臺(tái)管理系統(tǒng)對(duì)作業(yè)模塊、用戶(hù)模塊等提供對(duì)接平臺(tái)，教師依據(jù)學(xué)生的答題情況，可及時(shí)對(duì)各類(lèi)信息資源進(jìn)行整合，然后再依據(jù)側(cè)重點(diǎn)來(lái)建構(gòu)合理的教學(xué)計(jì)劃，輔助學(xué)生完成整體學(xué)習(xí)任務(wù)。

5. 結(jié)語(yǔ)

綜上所述，HTML5技術(shù)在移動(dòng)學(xué)習(xí)平臺(tái)中應(yīng)用，可為學(xué)生提供多元化學(xué)習(xí)模式，在交互界面、系統(tǒng)管理的設(shè)定下，可令教師及時(shí)掌握學(xué)生目前的學(xué)習(xí)狀態(tài)，然后通過(guò)制定相應(yīng)的教學(xué)計(jì)劃，完善學(xué)生的知識(shí)體系，進(jìn)而提升整體教學(xué)質(zhì)量。

參考文獻(xiàn)：

[1]陳淑明.基于HTML5的移動(dòng)學(xué)習(xí)平臺(tái)設(shè)計(jì)及應(yīng)用研究[J].電子世界，2019（04）：170-172.

[2]張宏濤.基于HTML5技術(shù)的移動(dòng)學(xué)習(xí)平臺(tái)建設(shè)與應(yīng)用[J].輕工科技，2018，34（04）：64-65.

[3]譚敏敏.基于HTML5在線(xiàn)編輯平臺(tái)的移動(dòng)學(xué)習(xí)資源構(gòu)建與應(yīng)用研究[J].中國(guó)教育信息化，2016（19）：40-43.

作者簡(jiǎn)介：張鵬松（1981.10-），河北人，本科，寧夏財(cái)經(jīng)職業(yè)技術(shù)學(xué)院助教，研究方向：計(jì)算機(jī)科學(xué)與技術(shù)。