Web前端開發技術在在線學習平臺中的研究與應用

（呼倫貝爾學院，內蒙古 呼倫貝爾市 021008）

1 在線學習平臺Web前端開發技術工程化現狀

對在線學習平臺Web前端開發技術工程化基本現狀的梳理，有助于技術人員在思維層面形成正確的觀念認知，準確把握技術弱項，明確Web前端開發技術應用要求，打造成熟完備的Web前端技術體系。

1.1 重視程度不高

在線學習平臺在規劃、設計過程中，為了確保教學資源的合理化使用，創設相應的學習場景，學校、教師以及研發人員應當重視在線學習平臺的價值，轉變構建、應用思路，積極做好在線學習平臺的研發工作[1]。但是從實際情況來看，現階段，在線學習平臺的構建在很大程度上，忽視了對開發技術的選型與應用，導致在線學習平臺的教育價值受到限制，這種情況的發生，無疑影響了在線學習平臺構建成效，造成在線學習平臺功能的單一化。

1.2 功能設置不完善

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

1.3 技術體系不健全

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

2 在線學習平臺Web前端開發功能需求

為增強Web前端開發技術的針對性，研發人員有必要著眼于在線學習平臺的功能需求，以平臺使用功能的打造為前提，依托現有的技術應用經驗，積極促進Web前端開發技術的合理化應用，確保在線學習平臺功能的全面發揮。

2.1 在線學習平臺類型分析

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

2.2 在線學習平臺功能優化

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

3 在線學習平臺Web前端開發技術應用舉措

3.1 打造前端應用網頁

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

3.2 構建后端應用功能

在使用Web前端開發技術進行在線學習平臺構建的過程中，除了做好前端應用網頁的設置工作之外，還應當積極進行后端功能以及離線功能的高效設置。在實際操作過程中，研發人員應當做好相應的代碼編寫工作，通過代碼的交互作用，將后臺數據與前端網頁更好地交互，實現后臺與前端數據的動態更新，形成完整的緩存機制，以強化在線學習平臺的離線功能，便于學生靈活開展各類在線學習活動。例如研發人員可以使用HTML緩存機制，將Web資源得以快速被本次應用程序調用，提升在線學習平臺后端數據的獲取、共享能力。除了做好緩存機制的構建之外，還需要通過Web Storage功能，對緩存數據做好保存。

3.3 豐富終端應用程序

在在線學習平臺終端應用程序的設置環節，研發人員通過PhoneGap等技術手段，做好網站的封裝操作，實現應用程序功能的豐富。以Android平臺為例，在應用程序設置過程中，使用Eclipse建立一個文件夾，在文件夾下分別設立兩個子文件夾，/libs以及/assets/www，同時通過PhoneGap將相關文件進行壓縮，并存儲到相關位置，同時啟動java程序，做好文件夾的運行與修改，最終形成apk文件。

4 結語

Web前端開發技術與在線學習平臺的有機結合，為在線平臺教育功能的發揮營造出良好的氛圍。基于這種認知，研發人員需要全面發揮Web前端技術開發優勢，更好地理順在線學習平臺的功能需求，通過經驗的分析、技術的應用，更好地發揮出Web前端技術優勢，構建完善的在線學習平臺。