前端應(yīng)用開發(fā)實訓(xùn)室建設(shè)方案

1、前端應(yīng)用開發(fā)實訓(xùn)室建設(shè)方案 目 錄1行業(yè)背景12建設(shè)必要性分析12.1有利于解決當(dāng)前開發(fā)類課程中出現(xiàn)的問題22.2有利于構(gòu)建特色的實訓(xùn)基地22.3有利于推動教學(xué)改革33建設(shè)方案33.1平臺介紹33.1.1實訓(xùn)教學(xué)系統(tǒng)33.1.2實驗臺系統(tǒng)43.1.3實訓(xùn)課程資源43.2課程體系43.2.1第一階段：前端入門（HTML基礎(chǔ)+CSS基礎(chǔ)）43.2.2第二階段：前端開發(fā)實戰(zhàn)（Javascript基礎(chǔ)）53.2.3第三階段：移動端開發(fā)高級（HTML5+Bootstrap+jQuery）63.2.4第四階段：跨平臺移動端開發(fā)終級（AngularJS+React+Vue.js）84設(shè)備清單與預(yù)算105設(shè)備

2、與服務(wù)技術(shù)要求106項目資質(zhì)要求161 行業(yè)背景早期的網(wǎng)頁完全由文本構(gòu)成，除了一些小圖片和毫無布局可言的標題與段落。隨著時代的進步，出現(xiàn)了表格布局，然后是 Flash，最后是基于 CSS 的網(wǎng)頁設(shè)計。不可否認，前端頁面重構(gòu)技術(shù)也經(jīng)歷著這樣的一個過程：table布局頁面DIV+CSSHTML5+CSS3，面對眾多的瀏覽器與平臺，Web前端不再是以前那樣簡單的重復(fù)性工作。隨著互聯(lián)網(wǎng)時代的到來，各行業(yè)領(lǐng)域的網(wǎng)站幾乎都要移植到移動互聯(lián)網(wǎng)上，加上國內(nèi)幾大民間WEB前端技術(shù)組織機構(gòu)，不斷推廣Web標準技術(shù)，推動著前端技術(shù)行業(yè)的發(fā)展，前端開發(fā)工程師的地位也越來越高了。現(xiàn)在的前端工作不僅僅是一門技術(shù)，更是一門

3、藝術(shù)。隨著網(wǎng)絡(luò)普及和發(fā)展，網(wǎng)站作為一種很強大的工具和平臺越來越融入了人們的生活，而與用戶關(guān)系最密切的前端技術(shù)也逐漸得到應(yīng)有的重視。我們可以看到前端重構(gòu)的行業(yè)發(fā)展?jié)摿薮?，各大知名的網(wǎng)絡(luò)公司對前端人才的求饑若渴。近年來HTML5和CSS3的風(fēng)行，還有移動web領(lǐng)域的崛起，apple和 google這兩大巨擘都推動移動領(lǐng)域的發(fā)展，而且現(xiàn)在的前端開發(fā)都越來越注重用戶體驗。相對來說，前端的人才需求比以前有了質(zhì)的飛躍。2 建設(shè)必要性分析前端開發(fā)實訓(xùn)室平臺的建設(shè)，將滿足我校前端應(yīng)用開發(fā)人才培養(yǎng)的需要。該平臺依托于行業(yè)一線真實研發(fā)項目，從基礎(chǔ)到高級，讓學(xué)生循序漸進的掌握前端應(yīng)用開發(fā)技術(shù)。前端應(yīng)用開發(fā)實訓(xùn)室可

4、以提供詳細的實訓(xùn)開展參考、實訓(xùn)指導(dǎo)、環(huán)境及工具等，以有效輔助學(xué)生在前端應(yīng)用開發(fā)的訓(xùn)練。通過前端應(yīng)用開發(fā)實訓(xùn)室的建設(shè)，一方面為學(xué)生提供更好的實訓(xùn)環(huán)境，通過實訓(xùn)案例提高學(xué)生的前端界面開發(fā)能力，另一方面促進高等教育面向社會需求培養(yǎng)人才，盡可能實現(xiàn)學(xué)校和企業(yè)的無縫對接。2.1 有利于解決當(dāng)前開發(fā)類課程中出現(xiàn)的問題高校作為研發(fā)類人才培養(yǎng)的重要組成，在日常的開發(fā)類課程中常出現(xiàn)以下問題：Ø 缺少行業(yè)案例及行業(yè)背景；Ø 缺少實戰(zhàn)指導(dǎo)；針對上述問題，為提升學(xué)生就業(yè)競爭力，在高校計算機相關(guān)學(xué)科專業(yè)（如計算機科學(xué)與技術(shù)）的日常教學(xué)中引入前端應(yīng)用開發(fā)實訓(xùn)室是十分重要和必要的。2.2 有利于構(gòu)建特色

5、的實訓(xùn)基地建成的前端應(yīng)用開發(fā)實訓(xùn)室平臺既可以為全院學(xué)生提供實際動手的環(huán)境，也有能力為社會提供實訓(xùn)環(huán)境。通過這種特色的教學(xué)、完整的有針對性實訓(xùn)環(huán)節(jié)，縮短在校學(xué)習(xí)與社會工作之間的差距，讓每一位學(xué)生都能快速的在職場上給自己找到一個準確的定位，實現(xiàn)培養(yǎng)實用性人才的目標，并成為我院自身的特色實訓(xùn)基地。2.3 有利于推動教學(xué)改革近年來，越來越多的高校畢業(yè)生出現(xiàn)了“就業(yè)難”的現(xiàn)象，而于此同時，各地企業(yè)的“用工荒”與子形成了鮮明的對比。目前，在IT行業(yè)，也出現(xiàn)了“寧愿高薪挖人，也不愿低薪招新人”的現(xiàn)象。這也從一個側(cè)面反映出，學(xué)校培養(yǎng)出來的畢業(yè)生，并不完全符合企業(yè)的需求，難以培養(yǎng)出企業(yè)青睞的人才。因此，學(xué)校應(yīng)重

6、視教學(xué)體系改革，突出以技術(shù)應(yīng)用能力培養(yǎng)為核心，依據(jù)企業(yè)需求，著重培養(yǎng)“多層次、復(fù)合型、標準化”的IT技術(shù)人才，辦學(xué)方式需更加靈活多樣，在教材、教師隊伍、學(xué)生學(xué)習(xí)等方面實現(xiàn)“產(chǎn)學(xué)互動”。通過建立校企合作，理論與實訓(xùn)相結(jié)合的培養(yǎng)模式，確保企業(yè)對員工技能素養(yǎng)的要求在學(xué)校人才培養(yǎng)過程中就得到了充分體現(xiàn)，為社會發(fā)展培養(yǎng)合格的技術(shù)型人才。3 建設(shè)方案3.1 平臺介紹前端開發(fā)實訓(xùn)室平臺是一款針對前端開發(fā)技能訓(xùn)練的綜合實訓(xùn)系統(tǒng)，以滿足高校前端開發(fā)人才培養(yǎng)的需求。采用B/S架構(gòu)，部署簡單，學(xué)生連接到實訓(xùn)機房的網(wǎng)絡(luò)，就可以進行前端開發(fā)技術(shù)最新課程的學(xué)習(xí)，并可以動手進行實驗，靈活方便。3.1.1 實訓(xùn)教學(xué)系統(tǒng)實訓(xùn)教

7、學(xué)系統(tǒng)作為實訓(xùn)系統(tǒng)核心部分，為系統(tǒng)的運行和實訓(xùn)開展提供了必要的環(huán)境支撐。實訓(xùn)教學(xué)系統(tǒng)采用B/S模式，為教師和學(xué)生提供了訪問系統(tǒng)的接口和進行實訓(xùn)課程學(xué)習(xí)、實訓(xùn)實驗的操作平臺。實訓(xùn)教學(xué)系統(tǒng)為用戶提供了統(tǒng)一的實訓(xùn)系統(tǒng)入口，集成實訓(xùn)開展的指導(dǎo)視頻、文檔，為實訓(xùn)提供所需的實驗虛擬化環(huán)境、實訓(xùn)過程的詳細指導(dǎo)。系統(tǒng)可以為不同的學(xué)生指定不同的課程，也可以讓學(xué)生自由選擇，為實現(xiàn)開放式實訓(xùn)室提供技術(shù)保障。3.1.2 實驗臺系統(tǒng)實驗臺系統(tǒng)為實驗實訓(xùn)提供虛擬化支撐的平臺，為學(xué)生提供實訓(xùn)所需的實驗環(huán)境、實驗任務(wù)分解、實際動手操作，學(xué)生可以進行代碼在線編寫、比對、運行、驗證，深刻體會前端開發(fā)的相關(guān)技術(shù)。3.1.3 實訓(xùn)課

8、程資源系統(tǒng)采用慕課形式提供前端技術(shù)相關(guān)課程的視頻教程，讓學(xué)生能夠了解掌握最前沿最流行的前端開發(fā)技術(shù)。視頻+文檔+實驗相互配合，讓學(xué)生能更全面更直觀地掌握相關(guān)技術(shù)的使用與運用。3.2 課程體系3.2.1 第一階段：前端入門（HTML基礎(chǔ)+CSS基礎(chǔ)）通過電商網(wǎng)站案例，以HTML+CSS為基礎(chǔ)，讓學(xué)生熟練掌握各種HTML標簽，培養(yǎng)學(xué)生熟練使用超文本標記語言能力，能夠快速實現(xiàn)頁面骨架搭建；熟練掌握各種常用CSS選擇器，熟練掌握CSS樣式的定義和使用，能夠完成各種頁面樣式的定義和編寫。第一階段實訓(xùn)課程安排如下：課程模塊實訓(xùn)模塊課程內(nèi)容課時HTML1、超文本標記2、行內(nèi)元素與塊級元素3、元素在網(wǎng)頁中的應(yīng)

9、用1、Web基礎(chǔ)知識、HTML快速入門、HTML基礎(chǔ)語法、HTML文檔結(jié)構(gòu)22、URL、圖像、鏈接、表格、列表23、表單、其它常用標簽、div布局2CSS基礎(chǔ)購物網(wǎng)站局部頁面設(shè)計：1、網(wǎng)站樣式效果2、頁面廣告效果展示1、CSS樣式表的使用、樣式表特征、基礎(chǔ)選擇器、顏色、CSS屬性22、框模型、背景、漸變23、文本格式化、表格、浮動24、顯示、列表、定位2實訓(xùn)項目1京東商城首頁綜合HTML和CSS構(gòu)建網(wǎng)頁布局，應(yīng)用盒子模型，浮動、定位等完成布局，進行細節(jié)優(yōu)化4CSS高級1、360安全衛(wèi)士首頁2、魔幻相冊1、復(fù)雜選擇器、內(nèi)容生成、多列、CSS Hack32、轉(zhuǎn)換、過渡、動畫、CSS優(yōu)化3實訓(xùn)項目2

10、京東詳情頁總和HTML+CSS，完成完整的界面布局43.2.2 第二階段：前端開發(fā)實戰(zhàn)（Javascript基礎(chǔ)）通過小游戲案例，以Javascript為基礎(chǔ)，讓學(xué)生掌握Javascript基礎(chǔ)，熟練掌握應(yīng)用Javascript進行前端開發(fā)，通過實際開發(fā)項目，讓學(xué)生對Javascript有更深入的理解。第二階段實訓(xùn)課程安排如下：課程模塊實訓(xùn)模塊課程內(nèi)容課時Javascript基礎(chǔ)1、消消樂小游戲2、2048小游戲3、俄羅斯方塊小游戲1、JavaScript入門12、JavaScript語法13、JavaScript流程控制選擇14、JavaScript流程控制循環(huán)15、JavaScript函數(shù)

11、26、JavaScript數(shù)組27、JavaScript字符串&Math&Date18、JavaScriptBOM29、JavaScriptDOM210、JavaScript事件211、JavaScript面向?qū)ο蠛驮?12、JavaScript匿名函數(shù)和閉包213、JavaScript正則表達式114、JavaScriptcookie115、JavaScriptajax216、JavaScript算法技巧117、JavaScript插件、代碼性能優(yōu)化1實訓(xùn)項目開心消消樂完成開心消消樂小游戲的開發(fā)43.2.3 第三階段：移動端開發(fā)高級（HTML5+Bootstrap+jQue

12、ry）依托移動互聯(lián)網(wǎng)項目，讓學(xué)生熟練掌握JQuery庫、能夠使用JQuery庫完成各種網(wǎng)頁交互開發(fā)，熟練掌握Ajax，熟練掌握JSON的數(shù)據(jù)傳輸，熟練掌握Ajax跨域處理，熟練掌握HTML5新增特性，熟練運用HTML5開發(fā)對用戶更友好應(yīng)用，熟練掌握Bootstrap基礎(chǔ)，快速構(gòu)建響應(yīng)式布局，能夠使用Bootstrap獨立開發(fā)項目，通過項目實訓(xùn)，讓學(xué)生熟練掌握移動端開發(fā)技術(shù)棧，熟練掌握后臺開發(fā)技術(shù)。第三階段實訓(xùn)課程安排如下：課程模塊實訓(xùn)模塊課程內(nèi)容課時jQuery&Ajax1、網(wǎng)站輪播圖2、畫廊特效3、登錄頁面1、jQuery基礎(chǔ)語法、工作原理、DOM對象與jQuery對象12、jQue

13、ry語法、各種jQuery選擇器、過濾器、常用屬性、事件和方法13、jQuery動畫、操作CSS、自定義動畫24、jQuery表單操作、各項驗證技術(shù)及插件25、jQuery實現(xiàn)Ajax技術(shù)、Xml與JSON格式數(shù)據(jù)的處理2HTML5移動端新聞頭條1、HTML5新增特性、編碼規(guī)范12、HTML5本地存儲13、HTML5History1Bootstrap移動端點餐系統(tǒng)1、Bootstrap環(huán)境搭建、樣式、排版、HTML5輔助設(shè)計12、Bootstrap架構(gòu)結(jié)構(gòu)、布局、輔助樣式、響應(yīng)式布局23、Bootstrap插件制作與使用、柵格系統(tǒng)2Node.js京東商城后臺1、服務(wù)器概述、數(shù)據(jù)庫服務(wù)器、Web

14、服務(wù)器12、Node.js基礎(chǔ)、環(huán)境搭建、模塊系統(tǒng)13、Node.js路由、常用工具、GET/POST請求14、Express框架15、Node.js多進程1MongoDB商城數(shù)據(jù)庫設(shè)計1、MongoDB基礎(chǔ)12、MongoDB基本操作13、MongoDB高級14、Node.js操作MongoDB1實訓(xùn)項目移動端電商系統(tǒng)完成移動端電商系統(tǒng)的開發(fā)53.2.4 第四階段：跨平臺移動端開發(fā)終級（AngularJS+React+Vue.js）實訓(xùn)案例學(xué)習(xí)高級的前端框架AngularJS、React、Vue.js等。第四階段實訓(xùn)課程安排如下：課程模塊實訓(xùn)模塊課程內(nèi)容課時AngularJS1、數(shù)據(jù)雙向綁定

15、的實現(xiàn)2、實現(xiàn)代碼的模塊化設(shè)計制作3、實現(xiàn)代碼獨立作用域1、AngularJS 基礎(chǔ)12、MVC編程、模塊化及模板使用13、數(shù)據(jù)綁定、語義化標簽、依賴注入14、服務(wù)器交互2jQueryMobilewebapp制作1、頁面扁平化設(shè)計風(fēng)格2、主題與SVG圖片的設(shè)計3、默認的UI組件引用1、jQueryMobile框架、UI組件、各種視覺效果制作22、jQueryMobile列表、表單、配置、動態(tài)內(nèi)容13、jQuery事件處理1React1、React虛擬DOM的理解和應(yīng)用2、React中組件的創(chuàng)建和使用3、組件之間的相互通信4、React中的路由1、React基礎(chǔ)、組件的基本使用12、React中

16、的狀態(tài)、事件、表單元素的雙向綁定技術(shù)13、React中的復(fù)合組件的相互通信技術(shù)14、React中的組件生命周期機制15、React中的DOM操作技術(shù)16、React中的路由技術(shù)1Vue.js1、Vue框架的理解2、雙向數(shù)據(jù)綁定的原理3、?？?、組件、指令4、Vue-cli5、Vue中的數(shù)據(jù)請求和路由操作1、Vue框架基礎(chǔ)，Web應(yīng)用12、MVVM雙向數(shù)據(jù)綁定、模塊化及模板使用13、Vue生成單文件組件14、Vue-cli結(jié)合webpack和Node.js構(gòu)建應(yīng)用2微信開發(fā)1、微信公眾號項目2、微信小程序項目1、微信公眾平臺開發(fā)及維護、微信二次開發(fā)22、微信小程序開發(fā)2實訓(xùn)項目森巢網(wǎng)PC端項目森巢

17、網(wǎng)移動端項目根據(jù)實際項目，項目調(diào)研、需求分析、代碼實現(xiàn)、上線測試、開發(fā)文檔完成森巢網(wǎng)PC端和移動端的實訓(xùn)項目103.2.5 實訓(xùn)課程交付物為滿足學(xué)校實際的教學(xué)活動，高效的開展實訓(xùn)教學(xué)，每個實驗項目需提供以下配套的教學(xué)資料：序號資源形式要求1教學(xué)課件每個課件以PPT格式,要求圖文并茂，避免純文字的內(nèi)容過多，每個課件有圖片的頁面至少達到50%以上2教學(xué)視頻以視頻形式講解實驗相關(guān)知識點,時長一般為58分鐘左右，最長不宜超過10分鐘3實訓(xùn)指導(dǎo)手冊整體實驗環(huán)境說明，及全部操作任務(wù)和完整版操作步驟（含截圖）的指導(dǎo)（Word版本）4 設(shè)備清單與預(yù)算序號產(chǎn)品名稱單位數(shù)量預(yù)算（萬元）備注1實訓(xùn)教學(xué)系統(tǒng)套110按

18、照授權(quán)數(shù)2課程與實訓(xùn)教學(xué)資源套130按照授權(quán)數(shù)這里最好明確數(shù)量一般已一個或幾個實驗室進行估算考慮，由于同一門實訓(xùn)課會在幾個班同時開設(shè)，所以授權(quán)數(shù)建議做到100及以上，否則2個班無法同時授課。合 計40 萬元5 設(shè)備與服務(wù)技術(shù)要求序號設(shè)備名稱指標項技術(shù)規(guī)格參數(shù)1前端應(yīng)用開發(fā)實訓(xùn)平臺教師教學(xué)空間模塊授課過程設(shè)置提供開課管理的一體化流程：提供漸進式的開課管理過程，既滿足對無計算機基礎(chǔ)的用戶也可迅速建設(shè)一次開課，也滿足教師可隨時得到學(xué)習(xí)者的學(xué)習(xí)反饋并進行指導(dǎo)管理。課程內(nèi)容的客觀練習(xí)：添加客觀練習(xí)時，需要設(shè)置練習(xí)名稱、提交截止時間、允許提交次數(shù)、成績評定算法（包含平均分、取最高成績、取最后一次提交成績）

19、?；ピu作業(yè)：支持在課程內(nèi)容制作過程中添加互評作業(yè)(PeerReview)，學(xué)生在學(xué)習(xí)過程中即課程學(xué)習(xí)界面完成互評作業(yè)。學(xué)生之間可以互相批閱他人作業(yè)，不滿意互評成績的學(xué)生可以申訴成績，由教師裁決處理成績。添加互評作業(yè)時，需要設(shè)置成績占比（被批閱分數(shù)占比、批閱數(shù)量占比、批閱質(zhì)量占比）、互評人數(shù)（批閱數(shù)量、最少被批閱次數(shù)）、成績評定算法（平均分、去除最高最低項的平均分）、評分項?；ピu作業(yè)支持作業(yè)評分案例設(shè)置，案例用于指導(dǎo)學(xué)習(xí)進行互評操作?；ピu的嚴肅性：互評作業(yè)通過提供標準差和異常標簽，保證互評的嚴肅性和公正性。課程內(nèi)容的主題討論：支持在課程內(nèi)容制作過程中添加主題討論，學(xué)生在學(xué)習(xí)過程中即課程學(xué)習(xí)界面參

20、加主題討論。配置助教團隊：可以添加課程的助教團隊，幫助管理開課和課程，例如輔助完成答疑，批改作業(yè)等功能，不同助理教師會根據(jù)實際情況賦予不同的管理權(quán)限。發(fā)布課程公告：可以發(fā)布課程公告，例如章節(jié)內(nèi)容最新發(fā)布等信息，公告發(fā)布后，學(xué)習(xí)該課程的學(xué)生都能看到。開課發(fā)布與更新：教師發(fā)布開課后需經(jīng)過管理員審核，審核通過后學(xué)生才能看到課程，然后選課和學(xué)習(xí)。在授課過程中，教師可根據(jù)實際需求對已經(jīng)發(fā)布開課內(nèi)容進行更新，更新內(nèi)容包括課程的所有內(nèi)容，如更新課程視頻可直接替換并且支持對替換的視頻進行重新打點，修改測試題目等。成績的嚴謹性控制：每次測驗、線上成績、線下成績、綜合成績，詳細的統(tǒng)計分析以及同標準正態(tài)分布的對比情

21、況，以此來檢驗成績的信度和測驗的嚴謹性。學(xué)生學(xué)習(xí)空間模塊用戶登錄：支持以下多種登錄方式，統(tǒng)一身份認證平臺登錄（針對校內(nèi)在籍學(xué)生）；學(xué)號和密碼（管理員在后臺導(dǎo)入學(xué)號，學(xué)生在前臺激活）；郵箱和密碼（針對以郵箱方式注冊的用戶）用戶登錄時，如果連續(xù)三次出現(xiàn)驗證錯誤則會彈出驗證碼要求驗證，防止木馬攻擊。密碼找回：用戶忘記密碼時，可以通過綁定的郵箱找回密碼。學(xué)習(xí)中心：學(xué)習(xí)的課程：用戶可以查看加入的所有開課，點擊開課圖片可以快速進入課程主頁。課程成績發(fā)布后，可以查看成績。查看個人的學(xué)習(xí)習(xí)慣統(tǒng)計分析，以幫助學(xué)生管理自己的學(xué)習(xí)行為，增加對學(xué)習(xí)的控制能力。支持對非修學(xué)分課程進行退課收藏的課程：用戶可以查看收藏的所

22、有開課，并可以取消收藏開課。我的筆記：用戶可以查看在課程中記錄的所有筆記，以及對筆記執(zhí)行編輯和刪除等操作。每門課程會在記錄第一條筆記時創(chuàng)建一個筆記本，可以對筆記本進行刪除。消息管理：用戶可以查看來自平臺、學(xué)校發(fā)送的消息通知，能夠及時的調(diào)整學(xué)習(xí)安排或完成相關(guān)任務(wù)等。個人設(shè)置：用戶可以對個人信息包含性別，年齡，職業(yè)，教育程度，學(xué)校，專業(yè)，興趣愛好，頭像等進行設(shè)置。學(xué)習(xí)過程：選擇課程：支持為學(xué)生指定選修某些課程。學(xué)生也可以自選課程，選擇課程時需要選擇開課班次，確認學(xué)習(xí)類型是興趣學(xué)習(xí)還是修學(xué)分。課程主頁：進入課程主頁，可以查看課程公告、即將到期測驗與作業(yè)、最新發(fā)布章節(jié)信息、最新發(fā)布討論以及開課當(dāng)前進度

23、情況等。課程學(xué)習(xí)：用戶登陸后選擇相應(yīng)課程即可進入學(xué)習(xí)，課程學(xué)習(xí)內(nèi)容以視頻、文檔、討論、網(wǎng)頁（網(wǎng)址鏈接、文本）、測驗與作業(yè)等形式呈現(xiàn)，可全屏以及暫停，系統(tǒng)自動記錄學(xué)員每一課時的學(xué)習(xí)時長，并將其作為考核的指標之一。課程筆記：學(xué)生在線上記筆記能夠?qū)崿F(xiàn)筆記與文檔、視頻內(nèi)容具體時間點進行關(guān)聯(lián)。記錄筆記時，視頻會自動暫停。筆記支持富文本編輯。課程提問：學(xué)生在線上發(fā)布提問能夠?qū)崿F(xiàn)提問與文檔、視頻內(nèi)容具體時間點等進行關(guān)聯(lián)，后續(xù)可以快捷地在知識點與提問間建立直接聯(lián)系。進行提問時，視頻會自動暫停。提問支持富文本編輯。提問時需要選擇提問類型，不同類型的提問會歸屬到不同的課程討論版塊。主題討論：教師在課程內(nèi)容中添加主

24、題討論，學(xué)生可以進行回復(fù)。討論支持根據(jù)回復(fù)最多，回復(fù)時間，被贊最多進行排序，支持按教師回復(fù)，我的回復(fù)、只看該作者（發(fā)布人）進行內(nèi)容過濾。課程講義：課程講義是輔助學(xué)生學(xué)習(xí)的一種資源，能夠更加細化視頻與知識的定位，通過線上的方式學(xué)生可以通過講義下載進行瀏覽學(xué)習(xí)。課程測驗：學(xué)習(xí)中在指定時間內(nèi)按照要求完成測驗。測驗題型主要包含選擇題、判斷題。在提交截止時間之前，可以支持提交多次。測驗最終成績評定算法（例如平均分）可以在開課課程內(nèi)容制作中設(shè)置。課程作業(yè)：學(xué)習(xí)中在指定的時間內(nèi)按要求完成作業(yè)，作業(yè)題型主要為簡答題，并支持上傳各種附件。根據(jù)作業(yè)批閱方式，作業(yè)可分為同業(yè)互評和教師批閱作業(yè)兩種類型。同業(yè)互評的作業(yè)

25、，提交作業(yè)后，進入在互評階段，學(xué)生間批閱彼此作業(yè)。在成績公布期間，看到互評成績和評語詳情。不滿意互評成績可以進行成績申訴，最終由教師處理。教師批閱的作業(yè)，提交作業(yè)后，在成績公布期間，看到教師的批閱成績和評語。學(xué)習(xí)進度：小節(jié)中內(nèi)容全部完成后，會顯示打鉤標志，小節(jié)中一個內(nèi)容標志完成后，內(nèi)容標志會由暗變成亮。從而學(xué)生可以知曉當(dāng)前課程的學(xué)習(xí)進度，以便靈活把握個人學(xué)習(xí)進度。在線論壇：每門課程擁有自己的在線論壇，分為不同的討論版。默認討論版包括：技術(shù)支持：任何網(wǎng)站使用上的技術(shù)問題進入本版，并自動提取用戶的瀏覽器版本，操作系統(tǒng)信息等，有助于問題解決。內(nèi)容糾錯：課件或是習(xí)題內(nèi)容發(fā)現(xiàn)錯誤進入本版，自動附加視頻、

26、文檔、討論等信息。章節(jié)討論區(qū)：每章發(fā)布后，課程中會自動創(chuàng)建本章節(jié)討論區(qū)。課件中教師發(fā)布作為教學(xué)內(nèi)容的討論以及學(xué)員發(fā)布的討論會在相關(guān)章節(jié)討論區(qū)顯示。具相關(guān)管理權(quán)限的教師可以自行定義其他討論版，對版塊進行關(guān)閉或者對帖子進行關(guān)閉、刪除、置頂?shù)南嚓P(guān)管理。用戶可以對論壇的貼子進行頂，踩，回復(fù)，對回復(fù)進行評論，舉報。進階式學(xué)習(xí)：測驗與作業(yè)：用戶完成一個視頻或文檔等，可以進行一個測驗或作業(yè)。督學(xué)及統(tǒng)計分析功能模塊平臺督學(xué)：進度概覽：可以查看每個實驗的按照學(xué)生維度的提交次數(shù)、平均用時、最終成績等學(xué)習(xí)行為分析：可以查看學(xué)校維度的整理教學(xué)情況，包括課程訪問數(shù)據(jù)，用戶登錄人次、時段、時長。按照學(xué)生維度查看每個學(xué)生的

27、在線學(xué)習(xí)行為，包括每門課的學(xué)習(xí)進度，作業(yè)完成情況、討論參與情況、提問完成情況。涵蓋學(xué)生在線學(xué)習(xí)所產(chǎn)生的所有數(shù)據(jù)，每次從登陸平臺開始一直到登出平臺截止。測驗與作業(yè)管理：測驗（客觀練習(xí)）管理：教師在教學(xué)互動中的客觀練習(xí)界面中可以查看到課程中創(chuàng)建的所有客觀練習(xí)。點擊一個客觀練習(xí)進入成績查詢界面。在成績查詢頁面中，查看到已提交成績統(tǒng)計分析以及練習(xí)中題目分析（人均用戶和錯誤率分析）。根據(jù)提交狀態(tài)的過濾并支持導(dǎo)出成績和向批量學(xué)生發(fā)送站內(nèi)消息。作業(yè)（主觀練習(xí)）管理：教師在教學(xué)互動中的主觀練習(xí)界面中可以看到課程中創(chuàng)建的所有主觀練習(xí)。點擊一個主觀練習(xí)進入成績查詢界面。在互評作業(yè)的成績查詢頁面中，提供批閱作業(yè)，處

28、理學(xué)生成績申訴，修改學(xué)生批閱質(zhì)量分數(shù)等功能。支持提交狀態(tài)，互評狀態(tài)，成績申訴狀態(tài)過濾篩選，以及導(dǎo)出成績和向?qū)W生一鍵發(fā)送消息。在教師批閱作業(yè)的成績查詢頁面中，提供批閱作業(yè)功能。支持提交狀態(tài)過濾篩選以及導(dǎo)出成績和向?qū)W生一鍵發(fā)送消息。平臺后臺管理模塊平臺運行狀態(tài)：了解所有課程和人員信息整體情況。查看當(dāng)前創(chuàng)建的實驗總數(shù)，累計完成學(xué)習(xí)人次、本學(xué)期正在學(xué)習(xí)人次 、完成實驗人次、用時。用戶管理：學(xué)生管理：對學(xué)生進行統(tǒng)一信息管理，擁有導(dǎo)入、新增、刪除、重置密碼、發(fā)送消息支持搜索關(guān)鍵字姓名、學(xué)號查找學(xué)生。在校認證：通過郵箱注冊的學(xué)生，在選擇修學(xué)分課程時需要進行在校認證。提交在校認證申請后，學(xué)校管理員在

29、此處進行審核處理，審核未通過時會發(fā)送消息告知學(xué)生進行修改在校認證資料。學(xué)校教師：對在校教師進行統(tǒng)一管理。支持添加課程教師以及設(shè)置教師有無創(chuàng)建課程的權(quán)限。2實驗內(nèi)容出版及支撐平臺出版實驗可以根據(jù)已有實驗創(chuàng)建滿足學(xué)校個性化要求的的實驗?？梢曰谝延袑嶒炵R像進行二次開發(fā)形成新的實驗。學(xué)校自主創(chuàng)建的實驗也可以被教學(xué)系統(tǒng)引入，實現(xiàn)個性化教學(xué)需求。監(jiān)督與回看教學(xué)在學(xué)生實驗實訓(xùn)過程中可以實時查看學(xué)生的實驗情況，可以查看終端操作記錄，可以共享查看桌面操作情況。實驗結(jié)束后，實驗過程數(shù)據(jù)會存檔保存?？梢曰乜唇K端操作記錄。做實驗基于實驗硬件服務(wù)器自動調(diào)度創(chuàng)建實驗虛機資源。根據(jù)實驗要求自動創(chuàng)建實驗虛機環(huán)境。提供桌面模

30、式和終端模式，供學(xué)生根據(jù)需要自行選擇操作模式。實驗項目任務(wù)化，根據(jù)任務(wù)要求完成每步實驗。支持截圖產(chǎn)生實驗報告功能。學(xué)生可以回看實驗控制臺操作日志。在線代碼編寫，可以進行代碼比對。3實訓(xùn)課程與實驗第一階段HTML基礎(chǔ)實驗手冊，配套教學(xué)PPT，教學(xué)視頻CSS基礎(chǔ)實驗手冊，配套教學(xué)PPT，教學(xué)視頻CSS高級實驗手冊，配套教學(xué)PPT，教學(xué)視頻實訓(xùn)項目實驗手冊，配套教學(xué)PPT，教學(xué)視頻，配套代碼第二階段JavaScript基礎(chǔ)實驗手冊，配套教學(xué)PPT，教學(xué)視頻實訓(xùn)項目實驗手冊，配套教學(xué)PPT，教學(xué)視頻，配套代碼第三階段jQuery&Ajax實驗手冊，配套教學(xué)PPT，教學(xué)視頻Node.js實驗手冊，配套教學(xué)PPT，教學(xué)視頻MongoDB