Web前端開發(fā)技術(shù)在在線學(xué)習(xí)平臺(tái)中的研究與應(yīng)用

（呼倫貝爾學(xué)院，內(nèi)蒙古 呼倫貝爾市 021008）

1 在線學(xué)習(xí)平臺(tái)Web前端開發(fā)技術(shù)工程化現(xiàn)狀

對在線學(xué)習(xí)平臺(tái)Web前端開發(fā)技術(shù)工程化基本現(xiàn)狀的梳理，有助于技術(shù)人員在思維層面形成正確的觀念認(rèn)知，準(zhǔn)確把握技術(shù)弱項(xiàng)，明確Web前端開發(fā)技術(shù)應(yīng)用要求，打造成熟完備的Web前端技術(shù)體系。

1.1 重視程度不高

在線學(xué)習(xí)平臺(tái)在規(guī)劃、設(shè)計(jì)過程中，為了確保教學(xué)資源的合理化使用，創(chuàng)設(shè)相應(yīng)的學(xué)習(xí)場景，學(xué)校、教師以及研發(fā)人員應(yīng)當(dāng)重視在線學(xué)習(xí)平臺(tái)的價(jià)值，轉(zhuǎn)變構(gòu)建、應(yīng)用思路，積極做好在線學(xué)習(xí)平臺(tái)的研發(fā)工作[1]。但是從實(shí)際情況來看，現(xiàn)階段，在線學(xué)習(xí)平臺(tái)的構(gòu)建在很大程度上，忽視了對開發(fā)技術(shù)的選型與應(yīng)用，導(dǎo)致在線學(xué)習(xí)平臺(tái)的教育價(jià)值受到限制，這種情況的發(fā)生，無疑影響了在線學(xué)習(xí)平臺(tái)構(gòu)建成效，造成在線學(xué)習(xí)平臺(tái)功能的單一化。

1.2 功能設(shè)置不完善

在線學(xué)習(xí)平臺(tái)的核心功能在于教學(xué)資源的有效呈現(xiàn)，強(qiáng)化教學(xué)活動(dòng)的互動(dòng)性，為學(xué)生提供文本、視頻、音頻等各類教學(xué)資源，為學(xué)生自主學(xué)習(xí)活動(dòng)的開展?fàn)I造良好的氛圍。例如目前較為成熟的網(wǎng)易公開課、Coursera等在線學(xué)習(xí)平臺(tái)，形成了以視頻課程為主、文本資源為輔的學(xué)習(xí)體系，在實(shí)踐過程中取得了良好的效果，學(xué)生參與學(xué)習(xí)的積極性、主動(dòng)性得到充分調(diào)動(dòng)，課堂教學(xué)質(zhì)量得到穩(wěn)步提升。但是從實(shí)際情況來看，多數(shù)在線學(xué)習(xí)平臺(tái)在功能設(shè)置過程中，沒有能夠根據(jù)學(xué)生的學(xué)習(xí)要求，進(jìn)行教學(xué)資源的歸集，進(jìn)而造成教學(xué)資源的種類、數(shù)量無法滿足實(shí)際的教育教學(xué)要求，無形之中，導(dǎo)致在線學(xué)習(xí)平臺(tái)功能單一的情況發(fā)生[2]。例如部分在線學(xué)習(xí)平臺(tái)缺乏在線考試、學(xué)生信息管理等模塊，這種情況的出現(xiàn)，限制了在線學(xué)習(xí)平臺(tái)的教學(xué)作用，對于相關(guān)教學(xué)活動(dòng)的有序開展產(chǎn)生了限制。

1.3 技術(shù)體系不健全

在線學(xué)習(xí)平臺(tái)構(gòu)建過程中，為形成前端平臺(tái)與終端平臺(tái)的高效互動(dòng)，往往需要研發(fā)人員對平臺(tái)網(wǎng)頁做出合理設(shè)計(jì)，以期在控制學(xué)習(xí)平臺(tái)構(gòu)建成本的基礎(chǔ)上，穩(wěn)步提升學(xué)習(xí)平臺(tái)的環(huán)境適應(yīng)能力。但是從實(shí)際情況來看，研發(fā)人員在進(jìn)行學(xué)習(xí)平臺(tái)構(gòu)建的過程中，盡管使用了Web前端開發(fā)技術(shù)對在線學(xué)習(xí)平臺(tái)進(jìn)行針對性開發(fā)，但是在網(wǎng)頁呈現(xiàn)方式過程中暴露出一系列問題。研發(fā)人員使用HTML+Flash的網(wǎng)頁制作策略，對網(wǎng)頁做出針對性的優(yōu)化創(chuàng)新，但是也暴露出了相關(guān)技術(shù)問題[3]。例如Flash應(yīng)用場景較為單一，大多數(shù)瀏覽器在沒有安裝加載控件的前體下，無法確保Flash的順利加載，尤其是在APP等終端移動(dòng)端口，在線平臺(tái)的呈現(xiàn)效果不佳，教學(xué)資源難以得到科學(xué)化應(yīng)用。這種不健全的技術(shù)體系，導(dǎo)致在線學(xué)習(xí)平臺(tái)對于教學(xué)資源的調(diào)動(dòng)能力受限，無法有效滿足現(xiàn)階段在線學(xué)習(xí)平臺(tái)的運(yùn)轉(zhuǎn)要求。

2 在線學(xué)習(xí)平臺(tái)Web前端開發(fā)功能需求

為增強(qiáng)Web前端開發(fā)技術(shù)的針對性，研發(fā)人員有必要著眼于在線學(xué)習(xí)平臺(tái)的功能需求，以平臺(tái)使用功能的打造為前提，依托現(xiàn)有的技術(shù)應(yīng)用經(jīng)驗(yàn)，積極促進(jìn)Web前端開發(fā)技術(shù)的合理化應(yīng)用，確保在線學(xué)習(xí)平臺(tái)功能的全面發(fā)揮。

2.1 在線學(xué)習(xí)平臺(tái)類型分析

在線學(xué)習(xí)平臺(tái)Web前端開發(fā)技術(shù)的應(yīng)用，其技術(shù)體系需求在于，對桌面端、移動(dòng)端兩種互動(dòng)方式的合理進(jìn)行。桌面端作為傳統(tǒng)的在線學(xué)習(xí)途徑，學(xué)生通過電腦訪問在線學(xué)習(xí)平臺(tái)，通過相關(guān)平臺(tái)網(wǎng)站獲取各類教學(xué)資源，強(qiáng)化教師與學(xué)生的互動(dòng)能力，這種在線學(xué)習(xí)平臺(tái)運(yùn)轉(zhuǎn)方式，可以降低學(xué)習(xí)成本，實(shí)現(xiàn)學(xué)習(xí)活動(dòng)的碎片化，但是桌面式的學(xué)習(xí)方式，學(xué)生仍舊需要受制于空間的限制，自主性不高。隨著WIFI等無線通信技術(shù)的成熟，在線學(xué)習(xí)平臺(tái)在Web前端開發(fā)過程中，積極嘗試做好移動(dòng)端口的創(chuàng)建工作，通過APP等路徑，操作各類移動(dòng)終端，快速訪問在線學(xué)習(xí)平臺(tái)的相關(guān)模塊，打破時(shí)間、空間等要素對于學(xué)習(xí)活動(dòng)的限制，但是考慮到智能移動(dòng)終端的體量，在進(jìn)行功能設(shè)置、頁面優(yōu)化的過程中，需要依托相關(guān)技術(shù)手段，將在線學(xué)習(xí)平臺(tái)以更加簡潔的方式呈現(xiàn)出來，以確保在線學(xué)習(xí)平臺(tái)中各類教學(xué)資源的高效呈現(xiàn)。

2.2 在線學(xué)習(xí)平臺(tái)功能優(yōu)化

研發(fā)人員在開展在線學(xué)習(xí)平臺(tái)功能優(yōu)化的過程中，需要充分利用Web前端開發(fā)技術(shù)，對網(wǎng)頁端、APP端開展針對性的功能設(shè)置。具體來看，通過HTML5等Web前端開發(fā)技術(shù)，認(rèn)真做好在線學(xué)習(xí)平臺(tái)功能的全面優(yōu)化。作為Web前端開發(fā)技術(shù)的重要手段，HTML5可以更好地優(yōu)化桌面終端教學(xué)資源的呈現(xiàn)方式，在不需要加載的基礎(chǔ)上，實(shí)現(xiàn)各類教學(xué)資源的完整呈現(xiàn)，對Flash技術(shù)完成了科學(xué)代替。在這種技術(shù)方式的支持下，可以增強(qiáng)學(xué)生的用戶體驗(yàn)，豐富音頻、視頻等各類教學(xué)資源的播放格式。同時(shí)通過Web前端開發(fā)技術(shù)，研發(fā)人員可以在桌面網(wǎng)頁的相關(guān)位置，構(gòu)建起高效的索引模塊，便于學(xué)生通過搜索關(guān)鍵詞等方式，完成目標(biāo)信息的獲取。Web前端開發(fā)技術(shù)與在線學(xué)習(xí)平臺(tái)的結(jié)合，實(shí)現(xiàn)了APP等移動(dòng)終端平臺(tái)的合理化構(gòu)建，通過APP的科學(xué)規(guī)劃與合理設(shè)置，在線學(xué)習(xí)實(shí)現(xiàn)了離線化、靈敏化以及存儲(chǔ)化。具體來看，Web前端開發(fā)技術(shù)使得APP的模塊規(guī)劃更加符合學(xué)生的日常使用需求，將學(xué)習(xí)的內(nèi)容快速加載到智能移動(dòng)終端，即便APP處于離線狀態(tài)，相關(guān)學(xué)習(xí)資源也可以存儲(chǔ)到移動(dòng)設(shè)備之中，便于學(xué)生開展各項(xiàng)學(xué)習(xí)活動(dòng)?？紤]到實(shí)際，Web前端開發(fā)技術(shù)在應(yīng)用過程中，著眼于IOS系統(tǒng)、安卓系統(tǒng)的特點(diǎn)，增強(qiáng)整個(gè)在線學(xué)習(xí)平臺(tái)APP的兼容性，豐富使用場景。從實(shí)際情況來看，在線學(xué)習(xí)平臺(tái)APP的開發(fā)維護(hù)成本相對較高，Web前端開發(fā)技術(shù)在應(yīng)用過程中，往往可以通過Hybrid等相關(guān)方式，完成APP的針對性設(shè)計(jì)，實(shí)現(xiàn)開發(fā)成本、平臺(tái)兼容性、迭代更新的最優(yōu)化，切實(shí)滿足現(xiàn)階段在線學(xué)習(xí)平臺(tái)APP的使用要求，為學(xué)生的線上學(xué)習(xí)提供強(qiáng)大的技術(shù)支撐。

3 在線學(xué)習(xí)平臺(tái)Web前端開發(fā)技術(shù)應(yīng)用舉措

3.1 打造前端應(yīng)用網(wǎng)頁

在線學(xué)習(xí)平臺(tái)Web前端開發(fā)技術(shù)應(yīng)用過程中，針對桌面終端、APP終端使用場景的不同，研發(fā)人員依托HTML5、Hybrid APP等開發(fā)手段，進(jìn)行在線學(xué)習(xí)平臺(tái)的響應(yīng)設(shè)計(jì)，在保證學(xué)習(xí)資源呈現(xiàn)效果的前提下，增強(qiáng)各類終端平臺(tái)的兼容性，以提升學(xué)生的使用體驗(yàn)。例如在前端應(yīng)用網(wǎng)頁的打造環(huán)節(jié)，研發(fā)人員基于HTML5技術(shù)，完成對前端應(yīng)用網(wǎng)頁的開發(fā)設(shè)計(jì)，通過這種網(wǎng)頁設(shè)計(jì)方式，來加強(qiáng)學(xué)生與平臺(tái)之間、學(xué)生與教師之間、學(xué)生與學(xué)習(xí)之間的互動(dòng)性，將更多的網(wǎng)頁要素、學(xué)習(xí)主題進(jìn)行歸集整合，為教學(xué)活動(dòng)的進(jìn)行營造出良好的外部環(huán)境。通過前端應(yīng)用網(wǎng)頁的構(gòu)建，不僅可以更好地進(jìn)行網(wǎng)頁設(shè)計(jì)，確保教學(xué)資源的科學(xué)呈現(xiàn)，還可以為后端功能、離線功能的實(shí)現(xiàn)，提供必要的技術(shù)支撐。例如研發(fā)人員通過jQuery Mobile等Web前端開發(fā)技術(shù)手段，對在線學(xué)習(xí)平臺(tái)的網(wǎng)頁前端框架做出設(shè)置，使得在線學(xué)習(xí)平臺(tái)前端網(wǎng)頁之中的應(yīng)用元素得到針對性、高效性的設(shè)置，同時(shí)也為后續(xù)網(wǎng)頁應(yīng)用元素的修改提供便利，穩(wěn)步提升在線學(xué)習(xí)平臺(tái)開發(fā)效率。

3.2 構(gòu)建后端應(yīng)用功能

在使用Web前端開發(fā)技術(shù)進(jìn)行在線學(xué)習(xí)平臺(tái)構(gòu)建的過程中，除了做好前端應(yīng)用網(wǎng)頁的設(shè)置工作之外，還應(yīng)當(dāng)積極進(jìn)行后端功能以及離線功能的高效設(shè)置。在實(shí)際操作過程中，研發(fā)人員應(yīng)當(dāng)做好相應(yīng)的代碼編寫工作，通過代碼的交互作用，將后臺(tái)數(shù)據(jù)與前端網(wǎng)頁更好地交互，實(shí)現(xiàn)后臺(tái)與前端數(shù)據(jù)的動(dòng)態(tài)更新，形成完整的緩存機(jī)制，以強(qiáng)化在線學(xué)習(xí)平臺(tái)的離線功能，便于學(xué)生靈活開展各類在線學(xué)習(xí)活動(dòng)。例如研發(fā)人員可以使用HTML緩存機(jī)制，將Web資源得以快速被本次應(yīng)用程序調(diào)用，提升在線學(xué)習(xí)平臺(tái)后端數(shù)據(jù)的獲取、共享能力。除了做好緩存機(jī)制的構(gòu)建之外，還需要通過Web Storage功能，對緩存數(shù)據(jù)做好保存。

3.3 豐富終端應(yīng)用程序

在在線學(xué)習(xí)平臺(tái)終端應(yīng)用程序的設(shè)置環(huán)節(jié)，研發(fā)人員通過PhoneGap等技術(shù)手段，做好網(wǎng)站的封裝操作，實(shí)現(xiàn)應(yīng)用程序功能的豐富。以Android平臺(tái)為例，在應(yīng)用程序設(shè)置過程中，使用Eclipse建立一個(gè)文件夾，在文件夾下分別設(shè)立兩個(gè)子文件夾，/libs以及/assets/www，同時(shí)通過PhoneGap將相關(guān)文件進(jìn)行壓縮，并存儲(chǔ)到相關(guān)位置，同時(shí)啟動(dòng)java程序，做好文件夾的運(yùn)行與修改，最終形成apk文件。

4 結(jié)語

Web前端開發(fā)技術(shù)與在線學(xué)習(xí)平臺(tái)的有機(jī)結(jié)合，為在線平臺(tái)教育功能的發(fā)揮營造出良好的氛圍?；谶@種認(rèn)知，研發(fā)人員需要全面發(fā)揮Web前端技術(shù)開發(fā)優(yōu)勢，更好地理順在線學(xué)習(xí)平臺(tái)的功能需求，通過經(jīng)驗(yàn)的分析、技術(shù)的應(yīng)用，更好地發(fā)揮出Web前端技術(shù)優(yōu)勢，構(gòu)建完善的在線學(xué)習(xí)平臺(tái)。