基于移動(dòng)互聯(lián)技術(shù)融合HTML5技術(shù)實(shí)現(xiàn)智能化教學(xué)的運(yùn)用研究

許立忠

摘 要：隨著信息化教學(xué)的不斷發(fā)展與延伸，多樣化教學(xué)融合也漸漸深入到我們的日常教學(xué)中。本文從移動(dòng)互聯(lián)技術(shù)融合HTML5技術(shù)出發(fā)，從概念引入、技術(shù)層面、教學(xué)內(nèi)容設(shè)計(jì)與制作等方面進(jìn)行實(shí)踐性研究，移動(dòng)互聯(lián)技術(shù)融合HTML5技術(shù)具有改進(jìn)日常課堂教學(xué)形式、學(xué)生學(xué)習(xí)方法、教學(xué)媒體使用及作業(yè)反饋形式，實(shí)現(xiàn)課件移動(dòng)化、學(xué)生學(xué)習(xí)自主化、效果反饋及時(shí)化的特點(diǎn)，讓教學(xué)更具有智能化的特征。同時(shí)，將師生通過網(wǎng)絡(luò)平臺互聯(lián)，達(dá)到在線自主教學(xué)的目的。

關(guān)鍵詞：移動(dòng)互聯(lián)技術(shù) HTML5技術(shù) 教學(xué)信息

目前，由于教師對各類教學(xué)軟件的操作熟練程度有限及教學(xué)前期準(zhǔn)備工作的復(fù)雜性，微課、慕課、云班課等形式不能一直貫穿在整個(gè)教學(xué)中，在精力、技術(shù)上也受到了限制，信息化課程開發(fā)較為困難。如何讓教師不受技術(shù)限制，輕松備課？如何讓學(xué)生輕松快樂學(xué)習(xí)、如何將學(xué)生做題結(jié)果智能化分析？筆者通過目前較流行的HTML5技術(shù)，讓學(xué)生能夠?qū)崿F(xiàn)智能終端在線學(xué)習(xí)與答題，教師能夠直觀地得到學(xué)習(xí)效果反饋，省時(shí)又省力。

一、認(rèn)識移動(dòng)互聯(lián)技術(shù)與HTML5技術(shù)

移動(dòng)互聯(lián)技術(shù)，顧名思義，就是將移動(dòng)通信（電信、移動(dòng)、聯(lián)通）和互聯(lián)網(wǎng)二者互聯(lián)起來，融為一體。移動(dòng)互聯(lián)這種新興形態(tài)，充分利用了有線與無線網(wǎng)絡(luò)技術(shù)將用戶數(shù)據(jù)進(jìn)行整合并隨時(shí)反饋。隨著智能手機(jī)的普及和4G時(shí)代的到來，互聯(lián)網(wǎng)數(shù)據(jù)業(yè)務(wù)從傳統(tǒng)的桌面PC大量轉(zhuǎn)向了手機(jī)及其他智能移動(dòng)終端。

HTML5（超文本標(biāo)記語言），是網(wǎng)頁的重要編寫語言，2014年，在經(jīng)過多次修改的HTML技術(shù)標(biāo)準(zhǔn)后，最終實(shí)現(xiàn)了移動(dòng)瀏覽應(yīng)用，即HTML5技術(shù)。它的設(shè)計(jì)目的是為了在移動(dòng)設(shè)備上支持多媒體，可以跨平臺使用，自適應(yīng)瀏覽頁面，應(yīng)用領(lǐng)域?qū)⒏鼮槠占啊?/p>

二、智能化教學(xué)形式的融入

韓國在線教育企業(yè)充分發(fā)揮互聯(lián)網(wǎng)優(yōu)勢，將學(xué)生們的所有學(xué)習(xí)行為累計(jì)為數(shù)據(jù)后進(jìn)行分析，不斷為每位學(xué)生提供量身定做的學(xué)習(xí)處方，定制教學(xué)內(nèi)容。

智能化教學(xué)形式，即將傳統(tǒng)教學(xué)方法與內(nèi)容，用更優(yōu)的方式進(jìn)行傳授，同時(shí)，學(xué)生以最快捷的形式進(jìn)行學(xué)習(xí)與吸收，實(shí)現(xiàn)師生共贏的教學(xué)手段。本文所涉及的智能化，是將采用軟件層面實(shí)現(xiàn)在線教學(xué)內(nèi)容的學(xué)習(xí)與練習(xí)，結(jié)合智能化終端加以實(shí)現(xiàn)的教學(xué)形式。

教學(xué)內(nèi)容的在線播放、課后習(xí)題的在線作答、結(jié)果的智能分析讓教師節(jié)省了大量的時(shí)間，以最快最優(yōu)的形式將知識傳送給學(xué)生。

把智能化教學(xué)融入到教學(xué)之中，實(shí)現(xiàn)課本知識的學(xué)習(xí)與學(xué)生的能動(dòng)性發(fā)展相結(jié)合，提出課堂教學(xué)突出教師主導(dǎo)性和學(xué)生主體性原則，增加教學(xué)內(nèi)容創(chuàng)新性和趣味性，通過此教學(xué)模式，最終目的是使學(xué)生在自主學(xué)習(xí)的基礎(chǔ)上，培養(yǎng)健康向上的學(xué)習(xí)行為。

三、通過移動(dòng)互聯(lián)技術(shù)融合HTML5技術(shù)層面分析，優(yōu)化教學(xué)形式，讓教學(xué)更靈活

HTML5的場景制作平臺——易企秀平臺，它是一款針對移動(dòng)互聯(lián)網(wǎng)宣傳的手機(jī)PPT、HTML5場景制作工具，將傳統(tǒng)PC桌面制作和展示宣傳內(nèi)容轉(zhuǎn)移到更為便攜的智能終端上，用戶可以方便快捷在桌面PC端、手機(jī)端進(jìn)行制作和展示，隨時(shí)隨地查看。它無需掌握專業(yè)技術(shù)，同時(shí)，易企秀與主流社會(huì)化媒體打通，讓用戶通過二維碼就能進(jìn)行傳播，展示內(nèi)容，收集數(shù)據(jù)。它提供免費(fèi)平臺、相應(yīng)數(shù)據(jù)統(tǒng)計(jì)功能，用戶零門檻就可以使用易企秀進(jìn)行制作。

四、借助易企秀平臺的技術(shù)優(yōu)勢，將教學(xué)形式進(jìn)行優(yōu)化

1.實(shí)現(xiàn)教學(xué)課件移動(dòng)化

目前，易企秀平臺在企業(yè)移動(dòng)宣傳上得到了廣泛的應(yīng)用，而教學(xué)中并未廣泛涉及，故筆者嘗試將其平臺運(yùn)用到教學(xué)，以移動(dòng)互聯(lián)技術(shù)和HTML5技術(shù)的融合為基礎(chǔ)，將教學(xué)內(nèi)容從傳統(tǒng)課堂搬到了智能終端上，簡單明了的制作步驟，智能化的后臺分析工具，實(shí)現(xiàn)了移動(dòng)互聯(lián)的信息化教學(xué)。

教師端通過易企秀網(wǎng)站（http：//www.eqxiu.com/）或APP注冊成為免費(fèi)個(gè)人用戶后，可直接創(chuàng)建新的場景（課件），所有的操作一鍵可達(dá)，可實(shí)現(xiàn)移動(dòng)制作。場景完成后，設(shè)置相應(yīng)的主題，自動(dòng)生成二維碼以便分享。二維碼，用二進(jìn)制相對應(yīng)的幾何形體來表達(dá)的數(shù)據(jù)信息，具有高密度編碼，信息容量大、編碼范圍廣，可容納圖片、聲音、文字、簽字、指紋之類的數(shù)字化信息等優(yōu)勢。學(xué)生只需要通過教師分享的二維碼，通過智能終端，如手機(jī)，平板等設(shè)備“掃一掃”，實(shí)現(xiàn)在線閱讀及相關(guān)數(shù)據(jù)提交。整個(gè)學(xué)習(xí)過程不受時(shí)間和地域限制，實(shí)現(xiàn)移動(dòng)瀏覽。與此同時(shí)，每個(gè)生成的二維碼所對應(yīng)的內(nèi)容一直存在，教師根據(jù)教學(xué)情況可隨時(shí)更新調(diào)整，有效地避免了過多的二維碼。

例如，計(jì)算機(jī)基礎(chǔ)課程內(nèi)容：計(jì)算機(jī)發(fā)展階段、發(fā)展趨勢、應(yīng)用領(lǐng)域等相關(guān)知識每一知識點(diǎn)做成一個(gè)頁面，共五個(gè)頁面，第六、七個(gè)頁面則做成單/多項(xiàng)選擇題和文本填空題，這樣，進(jìn)行簡單的多個(gè)頁面設(shè)計(jì)，保存發(fā)布后生成二維碼，掃描即可在線學(xué)習(xí)。

教師端可以實(shí)現(xiàn)PPT頁面的制作，課后習(xí)題的表單制作，后臺數(shù)據(jù)分析及資源分享操作。

學(xué)生端可以實(shí)現(xiàn)在線瀏覽教學(xué)內(nèi)容，在線答題，在線反饋和資源分享操作。

2.有利于學(xué)生自主化學(xué)習(xí)習(xí)慣的養(yǎng)成

通過易企秀平臺生成的二維碼，學(xué)生即可實(shí)現(xiàn)掃一掃進(jìn)行在線瀏覽及答題，也可以將二維碼分享給同學(xué)或群組，傳播迅速。對于智能終端自主式任務(wù)化學(xué)習(xí)，相對傳統(tǒng)的播放PPT和紙質(zhì)練習(xí)，有其獨(dú)特的優(yōu)勢，根據(jù)馬斯洛層次需要理論的自我實(shí)現(xiàn)需要，學(xué)生更容易接受并翻閱。教師將小知識點(diǎn)通過場景（課件）制作后，布置課后習(xí)題，學(xué)生接受任務(wù)后，經(jīng)過上下翻閱課件內(nèi)容，在線作答習(xí)題這種學(xué)習(xí)形式較為新鮮，設(shè)計(jì)知識由淺入深，經(jīng)過一段時(shí)間的學(xué)習(xí)，學(xué)生養(yǎng)成了自主學(xué)習(xí)的良好習(xí)慣，也對手機(jī)的正確使用有了新的認(rèn)識。

3.管理后臺數(shù)據(jù)智能分析，讓學(xué)習(xí)效果反饋及時(shí)

當(dāng)學(xué)生提交完數(shù)據(jù)后，平臺自動(dòng)匯總學(xué)生提交的答案，教師可通過賬號，通過后臺收集的數(shù)據(jù)，了解學(xué)生的學(xué)習(xí)情況，如課件瀏覽次數(shù)、作業(yè)提交人數(shù)、各選項(xiàng)的選擇數(shù)等，所需數(shù)據(jù)一目了然。同時(shí)，教師只需要將結(jié)果導(dǎo)出，利用Excel進(jìn)行數(shù)據(jù)分析，即可實(shí)現(xiàn)批閱，學(xué)習(xí)效果一目了然。通過前臺數(shù)據(jù)提交，后臺數(shù)據(jù)分析，大大提高了教師批改的效率，及時(shí)地學(xué)習(xí)反饋也讓學(xué)生加以快速訂正。

五、在線教學(xué)內(nèi)容的設(shè)計(jì)與制作步驟

在傳統(tǒng)教學(xué)中，教師都是將課堂內(nèi)容通過PPT的形式進(jìn)入輸入與播放，而利用HTML5技術(shù)與移動(dòng)互聯(lián)技術(shù)，教學(xué)時(shí)長由教師自主決定，將內(nèi)容輸入到第三方（如易企秀平臺）頁面中，將大大提升備課效率，學(xué)生也在不知不覺中進(jìn)行了學(xué)習(xí)。

1.教學(xué)內(nèi)容的制作（頁面）

與微課相似，教學(xué)內(nèi)容僅需要做某個(gè)知識點(diǎn)，知識點(diǎn)清楚。教學(xué)內(nèi)容可設(shè)計(jì)5～10個(gè)頁面，直接進(jìn)行文本輸入，適當(dāng)插入相關(guān)教學(xué)圖片，如涉及視頻片段的插入，可直接復(fù)制國內(nèi)知名視頻網(wǎng)站，如優(yōu)酷、土豆的“通用代碼”到頁面中。當(dāng)有相關(guān)的圖表內(nèi)容時(shí)，可選擇圖表功能，如柱形圖、餅圖等。

2.課后習(xí)題的制作（表單）

當(dāng)學(xué)生學(xué)習(xí)完后，可適當(dāng)布置相關(guān)的在線習(xí)題，易企秀平臺提供了單選、多選、下拉等功能，教師在設(shè)計(jì)時(shí)只要根據(jù)題型制作保存，同時(shí)也可以進(jìn)行主觀題的設(shè)計(jì)，一個(gè)場景設(shè)置一個(gè)提交按鈕進(jìn)行上交。

3.互動(dòng)功能實(shí)現(xiàn)

教師可以將自己的微課視頻上傳到優(yōu)酷、騰訊視頻等網(wǎng)站，復(fù)制通用網(wǎng)址到場景中，學(xué)生可以觀看。同時(shí)，教師還可引用網(wǎng)絡(luò)中的相關(guān)知識，復(fù)制網(wǎng)址到頁面中，學(xué)生也就可打開瀏覽。當(dāng)學(xué)生學(xué)習(xí)后，教師進(jìn)入賬戶后臺可以查看閱讀量、學(xué)生留言的查看、結(jié)果數(shù)據(jù)統(tǒng)計(jì)等，有利于后續(xù)的教學(xué)準(zhǔn)備。利用第三方平臺，實(shí)現(xiàn)了教師與學(xué)生的網(wǎng)上互動(dòng)，達(dá)到了傳統(tǒng)課堂中達(dá)不到的教學(xué)效果，這也正是HTML5技術(shù)核心所在——移動(dòng)瀏覽。

六、移動(dòng)互聯(lián)技術(shù)與HTML5技術(shù)融合在教學(xué)中的效果體現(xiàn)

移動(dòng)互聯(lián)技術(shù)、HTML5技術(shù)是目前的流行詞，如何把兩者結(jié)合起來，作用到教學(xué)中，為教學(xué)服務(wù)，既不失傳統(tǒng)教學(xué)的目的，又迎合現(xiàn)代教學(xué)改革的特點(diǎn)，這是一個(gè)創(chuàng)新的思路。筆者通過一段時(shí)間的實(shí)踐，在教學(xué)效果上起到了一定的作用。

通過兩個(gè)班級四次教學(xué)內(nèi)容的兩種教學(xué)形式的對比，傳統(tǒng)PPT的教學(xué)課堂關(guān)注度低，作業(yè)完成率及正確率僅75.2%，而利用移動(dòng)終端進(jìn)行學(xué)習(xí)內(nèi)容布置與作業(yè)提交，一次閱讀量為93.4%，而作業(yè)提交數(shù)占班級總數(shù)的95%，且正確率達(dá)98.9%。學(xué)生在心理上打破了紙質(zhì)作業(yè)的局限，實(shí)現(xiàn)自我心理提升，同時(shí)通過多次上下翻閱教學(xué)內(nèi)容，使作業(yè)正確率提升。

移動(dòng)互聯(lián)技術(shù)與HTML5技術(shù)的融合，教師通過前期設(shè)計(jì)后，可以把課堂交給第三方服務(wù)商，教師在課堂內(nèi)真正作為指導(dǎo)者，不拘于照本宣科的傳統(tǒng)模式，學(xué)生也將通過第三方服務(wù)商進(jìn)行在線學(xué)習(xí)。這一創(chuàng)新教學(xué)形式，注重學(xué)生自我學(xué)習(xí)能力的培養(yǎng)。把課堂交給學(xué)生，教師是監(jiān)督者，這一形式可以在課堂教學(xué)中開展，對學(xué)生玩手機(jī)現(xiàn)象也應(yīng)正確引導(dǎo)。

將移動(dòng)互聯(lián)技術(shù)與HTML5技術(shù)的融合運(yùn)用到課堂教學(xué)中，完全滿足了信息化教學(xué)改革的要求，也適應(yīng)了職業(yè)教育的導(dǎo)向性學(xué)習(xí)形式，強(qiáng)調(diào)“以學(xué)生為主體”的教學(xué)理念，實(shí)現(xiàn)了教師輕松在線課堂制作、教學(xué)效果分析，學(xué)生在線學(xué)習(xí)與作業(yè)的智能化教學(xué)。

參考文獻(xiàn)：

[1]林瓏著.HTML5移動(dòng)Web開發(fā)實(shí)戰(zhàn)詳解[M].北京：清華大學(xué)出版社，2014.

[2]張偉晶.移動(dòng)互聯(lián)時(shí)代影響消費(fèi)者決策的6大關(guān)鍵[M].杭州：浙江人民出版社，2014.

[3]吳大著.移動(dòng)互聯(lián)網(wǎng)關(guān)鍵技術(shù)與應(yīng)用[M].北京：電子工業(yè)出版社，2015.

[4]王瑞.移動(dòng)學(xué)習(xí)理論下計(jì)算機(jī)應(yīng)用基礎(chǔ)教學(xué)研究[J].電腦知識與技術(shù)，2015（19）.

（作者單位：海寧市高級技工學(xué)校）