HTML5在移動(dòng)學(xué)習(xí)平臺(tái)設(shè)計(jì)中的應(yīng)用探討

韓多成

（寧夏工商職業(yè)技術(shù)學(xué)院，寧夏 銀川 750021）

0 引言

近些年，隨著網(wǎng)絡(luò)技術(shù)和無線通信技術(shù)的發(fā)展成熟，手機(jī)、電腦等智能終端越來越普及，教育模式隨著科技的發(fā)展也不再局限于傳統(tǒng)，人們借助各種先進(jìn)技術(shù)實(shí)現(xiàn)隨時(shí)隨地學(xué)習(xí)，各種智能終端的現(xiàn)實(shí)，使得學(xué)習(xí)模式有了很大的改變。在技術(shù)手段的支持下，移動(dòng)學(xué)習(xí)平臺(tái)作為一種新的學(xué)習(xí)模式被越來越多的人接受。越來越多的學(xué)者針對(duì)移動(dòng)學(xué)習(xí)平臺(tái)如何提高資源質(zhì)量這一問題進(jìn)行了相關(guān)研究。目前，移動(dòng)學(xué)習(xí)平臺(tái)還有許多問題需要解決，以原有的技術(shù)手段為基礎(chǔ)，在原來的移動(dòng)平臺(tái)上引入HTML5的技術(shù)和理念，對(duì)學(xué)習(xí)資源平臺(tái)進(jìn)行優(yōu)化，進(jìn)而為移動(dòng)學(xué)習(xí)的實(shí)現(xiàn)提供參考。

1 HTML5技術(shù)和移動(dòng)學(xué)習(xí)簡介

1.1 HTML5技術(shù)簡介

HTML5作為一種新的網(wǎng)頁語言，是萬維網(wǎng)核心語言，也是網(wǎng)絡(luò)標(biāo)準(zhǔn)通用標(biāo)記語言，它的全稱是超文本標(biāo)記語言（HTML）的第五次重大修改，其開發(fā)借助了Web應(yīng)用程序和多媒體應(yīng)用技術(shù)，應(yīng)用此種語言，可以在移動(dòng)設(shè)備上更好地發(fā)揮超文本標(biāo)記語言的效果。超文本標(biāo)記語言的修改是一個(gè)長期探索的過程，早在21世紀(jì)初，萬維網(wǎng)就提出了修訂通告，經(jīng)過8年時(shí)間的奮斗，經(jīng)過很多專業(yè)人士的辛勤工作，實(shí)現(xiàn)了HTML第五次重大修改。此次修改的版本不僅繼承了上代版本所有的優(yōu)點(diǎn)，還具有了新的特性增添了幾種新功能，在其上添加了新的語法特征標(biāo)記以及用戶和文檔進(jìn)行交互的方式途徑。現(xiàn)階段，由于大部分人們對(duì)于HTML5技術(shù)還較為陌生，并不了解基于此技術(shù)的應(yīng)用程序較其他移動(dòng)設(shè)備的優(yōu)勢，推行使用范圍仍較為狹窄，但隨著HTML5技術(shù)不斷被人們所熟知，它的優(yōu)勢會(huì)越來越受到青睞，未來發(fā)展前景十分廣闊[1]。

1.2 移動(dòng)學(xué)習(xí)簡介

移動(dòng)學(xué)習(xí)具有以下特點(diǎn)：（1）不受時(shí)間空間的約束，學(xué)習(xí)不再局限于時(shí)間和地點(diǎn)，在任何時(shí)間、任何地點(diǎn)都可以實(shí)現(xiàn)自由學(xué)習(xí)的愿望，這就是無線互聯(lián)網(wǎng)技術(shù)實(shí)現(xiàn)移動(dòng)終端的便捷性和快速性。（2）具有高度的互動(dòng)性。移動(dòng)學(xué)習(xí)平臺(tái)是在技術(shù)水平提升的基礎(chǔ)上出現(xiàn)的新型教育方式，在技術(shù)平臺(tái)的支持下，學(xué)習(xí)者和教授者可以借助互聯(lián)網(wǎng)的幫助，形成更加自由平等的新型師生關(guān)系，極大的激發(fā)學(xué)習(xí)者的參與熱情。（3）充分發(fā)揮學(xué)習(xí)的效率。隨著信息時(shí)代來臨，人們的精力逐漸分散，學(xué)習(xí)方式呈現(xiàn)碎片化發(fā)展。由于現(xiàn)今各種生活壓力，使得很多人沒有辦法拿出固定的專屬學(xué)習(xí)時(shí)間，逐漸開始利用碎片時(shí)間提升自己，從本質(zhì)上說，被很多人喜愛的慕課也是移動(dòng)學(xué)習(xí)。（4）現(xiàn)今人們?cè)絹碓角宄私庾约海_始追求個(gè)性化發(fā)展。移動(dòng)平臺(tái)可以讓學(xué)習(xí)者根據(jù)自身情況定制專屬的課程，以自身的需求為目標(biāo)，依照自身的成長需求或者興趣，在移動(dòng)學(xué)習(xí)平臺(tái)上定制適宜的學(xué)習(xí)課程，此種方式十分方便可以隨時(shí)依據(jù)個(gè)人意愿進(jìn)行調(diào)整。綜上所述，移動(dòng)平臺(tái)的出現(xiàn)給人們學(xué)習(xí)方面帶來了更多的便利，在未來移動(dòng)學(xué)習(xí)會(huì)越來越受推崇[2]。

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

2.1 群體對(duì)于移動(dòng)學(xué)習(xí)的概念認(rèn)知

隨著現(xiàn)今教育界的改革創(chuàng)新，傳統(tǒng)的教育模式已經(jīng)不在適用新型的教育觀念，需要探尋教育模式改革?，F(xiàn)在是知識(shí)經(jīng)濟(jì)時(shí)代，移動(dòng)學(xué)習(xí)理念及其適應(yīng)新時(shí)代的要求，滿足了人們終身學(xué)習(xí)的需要，一定程度上促進(jìn)了當(dāng)前社會(huì)向?qū)W習(xí)型社會(huì)方向轉(zhuǎn)變。在網(wǎng)絡(luò)技術(shù)越來越趨向成熟，課堂教學(xué)越來越多樣化。由于先進(jìn)教學(xué)理念的推廣，學(xué)習(xí)方式越來越多樣化，僅依靠傳統(tǒng)的課堂授課方式已經(jīng)無法滿足所有人的知識(shí)需求，社會(huì)的高度科技化背景，對(duì)于人們的技能水平要求越來越高，忙碌的社會(huì)節(jié)奏，促使人們尋找更快捷、更便利的學(xué)習(xí)方式學(xué)習(xí)新的技能，擴(kuò)展自身能力水平。在大眾對(duì)便利的學(xué)習(xí)方式追求過程中，移動(dòng)學(xué)習(xí)越來越受到歡迎，并隨著推廣應(yīng)用越來越受到教育界的重視[3]。

2.2 移動(dòng)網(wǎng)絡(luò)學(xué)習(xí)資源現(xiàn)狀

網(wǎng)絡(luò)學(xué)習(xí)資源伴隨著互聯(lián)網(wǎng)媒體的崛起，在這些年的發(fā)展完善中，逐漸向?qū)I(yè)化的方向發(fā)展，呈現(xiàn)出向移動(dòng)終端應(yīng)用程序發(fā)展趨勢。之所以呈現(xiàn)這種趨勢，與移動(dòng)用戶的需求有直接關(guān)系。但是現(xiàn)在的學(xué)習(xí)平臺(tái)還存在缺陷，提供的學(xué)習(xí)資源存在重復(fù)、繁雜的現(xiàn)象，且由于技術(shù)水平的限制，部分的App開發(fā)設(shè)計(jì)無法滿足用戶需要，難以實(shí)現(xiàn)個(gè)性化定制需求，且繁多的App讓使用者眼花繚亂，目不暇接，在選擇時(shí)經(jīng)常感到不知所措。因此需要對(duì)移動(dòng)學(xué)習(xí)應(yīng)用程序做好管理工作，以使用者的需求出發(fā)，不斷彌補(bǔ)程序的不足。

3 基于HTML5 的移動(dòng)學(xué)習(xí)資源平臺(tái)設(shè)計(jì)

3.1 系統(tǒng)需求分析

將其與傳統(tǒng)的學(xué)習(xí)模式進(jìn)行比較可知，移動(dòng)學(xué)習(xí)資源平臺(tái)具有的最關(guān)鍵優(yōu)勢便是支持個(gè)性化學(xué)習(xí)定制，學(xué)習(xí)者可以自主選擇學(xué)習(xí)內(nèi)容，根據(jù)實(shí)際情況定制自己的學(xué)習(xí)計(jì)劃，按照自己的生活節(jié)奏實(shí)現(xiàn)隨時(shí)隨地學(xué)習(xí)，可以按照自己的生活方式隨時(shí)終止或開始學(xué)習(xí)，具有較強(qiáng)的靈活。無論通過何種方式學(xué)習(xí)，主要目的都是對(duì)知識(shí)的渴望?；诖?，可以根據(jù)不同知識(shí)內(nèi)容的特點(diǎn)進(jìn)行分類，設(shè)計(jì)移動(dòng)平臺(tái)時(shí)可以依據(jù)學(xué)習(xí)內(nèi)容類別的不同進(jìn)行劃分，以服務(wù)學(xué)習(xí)者為主要目的。由于移動(dòng)學(xué)習(xí)平臺(tái)多是用戶利用碎片化的時(shí)間來學(xué)習(xí)的，因此設(shè)計(jì)內(nèi)容要簡短適宜短期學(xué)習(xí)，還應(yīng)遵循以下原則：知識(shí)內(nèi)容短小，便于短時(shí)間內(nèi)學(xué)習(xí)；知識(shí)點(diǎn)零散，便于理解掌握；設(shè)計(jì)簡單自然，便于學(xué)習(xí)者選擇等。通常網(wǎng)絡(luò)學(xué)習(xí)資源都是以知識(shí)點(diǎn)作為基本組成結(jié)構(gòu)，因此移動(dòng)學(xué)習(xí)平臺(tái)也可以按照知識(shí)點(diǎn)設(shè)置課程結(jié)構(gòu)，可在設(shè)計(jì)移動(dòng)平臺(tái)時(shí)，通過設(shè)置問題、解決問題的方式構(gòu)建學(xué)習(xí)模型。

3.2 移動(dòng)學(xué)習(xí)資源平臺(tái)架構(gòu)設(shè)計(jì)

移動(dòng)學(xué)習(xí)平臺(tái)借助科學(xué)技術(shù)的幫助實(shí)現(xiàn)了B/S結(jié)構(gòu)的移動(dòng)資源學(xué)習(xí)平臺(tái)建設(shè)，此平臺(tái)包括Web服務(wù)器，流媒體，數(shù)據(jù)庫服務(wù)器等幾部分。其中，移動(dòng)數(shù)據(jù)資源載體是服務(wù)器，在整個(gè)系統(tǒng)中占據(jù)重要地位，它可以讓學(xué)習(xí)者通過類似手機(jī)、電腦、iPad等智能終端隨時(shí)進(jìn)入或退出學(xué)習(xí)，通過移動(dòng)網(wǎng)絡(luò)介入互聯(lián)網(wǎng)完成相應(yīng)的學(xué)習(xí)活動(dòng)，其中較為便捷的是此種方式不需要單獨(dú)安裝插件，較為節(jié)省空間。

3.3 移動(dòng)學(xué)習(xí)資源平臺(tái)功能模塊設(shè)計(jì)

通過與移動(dòng)學(xué)習(xí)平臺(tái)中的角色分析對(duì)比，得出了傳統(tǒng)教學(xué)模式主要包學(xué)生、教師、媒體、內(nèi)容這4個(gè)要素。傳統(tǒng)教學(xué)模式就是通過這4種要素彼此之間協(xié)作配合進(jìn)而達(dá)成學(xué)習(xí)目標(biāo)，簡單來說，就是教師借助多媒體技術(shù)的支持和學(xué)生之間完成知識(shí)的傳遞過程。對(duì)于移動(dòng)學(xué)習(xí)平臺(tái)來說，它也同樣具備此種特點(diǎn)，區(qū)別在于移動(dòng)平臺(tái)的設(shè)計(jì)要素較傳統(tǒng)教學(xué)模式少了一個(gè)，只有學(xué)生、教師、學(xué)管理者這3個(gè)要素存在。通過移動(dòng)平臺(tái)學(xué)習(xí)時(shí)，學(xué)習(xí)者是核心要素，學(xué)習(xí)者帶著對(duì)某一個(gè)問題的疑問或知識(shí)點(diǎn)的困惑，自覺尋找解決對(duì)策，尋求自己需要的知識(shí)，較傳統(tǒng)模式更具靈活優(yōu)勢，同時(shí)支持學(xué)習(xí)者實(shí)現(xiàn)個(gè)性化學(xué)習(xí)。移動(dòng)平臺(tái)整個(gè)系統(tǒng)作為一個(gè)“百科全書”的角色，主要的作用為不同的學(xué)習(xí)者提供個(gè)性化服務(wù)，幫助學(xué)習(xí)者依據(jù)自身情況設(shè)計(jì)符合自身情況的學(xué)習(xí)課程，對(duì)學(xué)習(xí)者遇到的困難進(jìn)行指導(dǎo)，移動(dòng)平臺(tái)學(xué)習(xí)管理員主要負(fù)責(zé)平臺(tái)功能順利運(yùn)行的技術(shù)支持，擔(dān)任技術(shù)輔助角色，平日中需要對(duì)移動(dòng)平臺(tái)的運(yùn)行情況進(jìn)行監(jiān)察，及時(shí)修補(bǔ)漏洞，并對(duì)于提供的學(xué)習(xí)資源做好分類管理，以管理員的身份對(duì)資源信息進(jìn)行管理等。

3.4 基于HTML5 的移動(dòng)學(xué)習(xí)資源平臺(tái)的構(gòu)架設(shè)計(jì)

現(xiàn)階段移動(dòng)學(xué)習(xí)平臺(tái)的構(gòu)架設(shè)計(jì)并不成熟，還有很多缺陷問題存在，當(dāng)前基于HTML5的移動(dòng)平臺(tái)整體設(shè)計(jì)主要包含3方面內(nèi)容，即服務(wù)器部分（包括Web服務(wù)器和數(shù)據(jù)庫服務(wù)器）、網(wǎng)絡(luò)傳輸部分以及移動(dòng)設(shè)備部分。想要設(shè)計(jì)的系統(tǒng)可以正常運(yùn)轉(zhuǎn)，可以充分發(fā)揮設(shè)計(jì)的功能，需要多種技術(shù)協(xié)同工作。此系統(tǒng)采用的關(guān)鍵技術(shù)主要包括HTML5技術(shù)、PHP的三層框架以及B/S架構(gòu)模式。另外，以HTML5為基礎(chǔ)的技術(shù)作為所運(yùn)用的語言開發(fā)方式，對(duì)于平臺(tái)的功能部分進(jìn)行設(shè)計(jì)時(shí)，也借助了HTML5技術(shù)的開放性、包容性等優(yōu)勢，另外它的離線儲(chǔ)存功能更為用戶提供了便利，此功能讓用戶在移動(dòng)客戶端上實(shí)現(xiàn)了在線課程的瀏覽和使用?；贖TML5技術(shù)的移動(dòng)學(xué)習(xí)平臺(tái)系統(tǒng)構(gòu)架整體可以分為界面層、業(yè)務(wù)層面、數(shù)據(jù)層面三大內(nèi)容。從不同層面來看，每部分具有不同的職責(zé)，其中界面層主要面對(duì)用戶，業(yè)務(wù)層面是這三大內(nèi)容的關(guān)鍵，此部分包括應(yīng)用程序和數(shù)據(jù)庫，在整個(gè)系統(tǒng)中起到了橋梁和紐帶的作用。最后的數(shù)據(jù)層主要是應(yīng)用程序從用戶處接收到的信息和系統(tǒng)數(shù)據(jù)庫信息進(jìn)行交互的渠道，另外可以通過此部分對(duì)數(shù)據(jù)庫的內(nèi)容進(jìn)行修改和刪除操作。

4 結(jié)語

隨著互聯(lián)網(wǎng)的發(fā)展，基于HTML5的移動(dòng)學(xué)習(xí)平臺(tái)打破了傳統(tǒng)的學(xué)習(xí)模式中時(shí)間和空間的局限，越來越受到大眾的喜愛。本文探討了基于HTML5技術(shù)的移動(dòng)學(xué)習(xí)平臺(tái)設(shè)計(jì)構(gòu)造，希望越來越多的學(xué)者繼續(xù)鉆研，通過不斷探索對(duì)移動(dòng)系統(tǒng)的功能進(jìn)行完善，進(jìn)而使得基于HTML5的移動(dòng)學(xué)習(xí)平臺(tái)功能更加強(qiáng)大，得到大面積的推廣應(yīng)用。