HTML5崗位技能實訓(xùn)室建設(shè)方案

HTML5崗位技能實訓(xùn)室建設(shè)方案一、系統(tǒng)概述HTML5崗位技能技術(shù)是計算機類專業(yè)重要的核心課程，課程所包含的教學(xué)內(nèi)容多，實踐性強，并且相關(guān)技術(shù)更新快。傳統(tǒng)的課堂講授模式以教師為中心，學(xué)生被動式接收，難以調(diào)動學(xué)生學(xué)習(xí)的積極性和主動性?；旌鲜浇虒W(xué)結(jié)合線上線下教學(xué)模式，以學(xué)生為中心，變被動為主動，充分調(diào)動學(xué)生學(xué)習(xí)的積極性，提升課程的教學(xué)效果。HTML5崗位技能是指構(gòu)建Web應(yīng)用程序用戶界面的過程。它涵蓋了網(wǎng)頁設(shè)計、網(wǎng)頁制作以及網(wǎng)站的前端開發(fā)等方面。HTML5崗位技能是屬于互聯(lián)網(wǎng)技術(shù)領(lǐng)域中的一項重要工作。作為HTML5崗位技能人員，我們的主要任務(wù)是將設(shè)計師提供的網(wǎng)頁設(shè)計圖轉(zhuǎn)化為網(wǎng)頁前端代碼，然后通過瀏覽器展示給用戶。在這個過程中，我們需要使用HTML、CSS和JavaScript等技術(shù)來實現(xiàn)網(wǎng)頁的布局、樣式和交互效果。在Web前端開發(fā)中，我們還需要掌握一些常用的前端框架和工具例如，Bootstrap是一個流行的前端框架，它提供了一套響應(yīng)式的網(wǎng)頁模板和組件，可以快速搭建出適配不同設(shè)備的網(wǎng)頁。另外，還有Vue.js和React等JavaScript框架，它們可以幫助我們構(gòu)建復(fù)雜的單頁應(yīng)用。除了以上提到的技術(shù)和工具，作為HTML5崗位技能人員，我們還需要了解和應(yīng)用一些Web標(biāo)準(zhǔn)和最佳實踐。比如，響應(yīng)式設(shè)計是一種設(shè)計方法，可以使網(wǎng)頁在不同設(shè)備上都能夠良好地展示和使用。此外，還需要關(guān)注網(wǎng)頁的性能優(yōu)化，包括減少HTTP請求、壓縮文件、使用緩存等方面的技巧來提升網(wǎng)頁的加載速度和用戶體驗。二、HTML5崗位技能實訓(xùn)室介紹HTML5崗位技能實訓(xùn)室的培養(yǎng)目標(biāo)是培養(yǎng)掌握Web前端基礎(chǔ)理論知識、掌握前端開發(fā)技術(shù)、掌握移動端開發(fā)技術(shù)、掌握Web測試技術(shù)和掌握數(shù)據(jù)庫技術(shù)等知識和技能、動手能力強、適應(yīng)各種崗位工作的復(fù)合應(yīng)用型人才，從事Web前端開發(fā)、移動端開發(fā)、軟件測試、系統(tǒng)維護、解決方案設(shè)計等工作。HTML5崗位技能實訓(xùn)室是一個旨在提供實踐環(huán)境和教學(xué)資源的綜合實訓(xùn)室。HTML5崗位技能實訓(xùn)室的目標(biāo)是為學(xué)生提供一個真實的HTML5崗位技能環(huán)境，使他們能夠?qū)W習(xí)并實踐HTML5崗位技能的相關(guān)技術(shù)和方法。HTML5崗位技能實訓(xùn)室建設(shè)方案系統(tǒng)是一個集硬件、軟件和教學(xué)資源于一體的綜合實訓(xùn)室，HTML5崗位技能實訓(xùn)室的建設(shè)旨在為學(xué)生提供一個實踐和交流的平臺，讓他們通過實際項目的開發(fā)來應(yīng)用所學(xué)的知識，培養(yǎng)解決問題和合作的能力，同時也促進(jìn)創(chuàng)新和創(chuàng)業(yè)精神的培養(yǎng)。這樣的實訓(xùn)室可以提升學(xué)生的實踐能力，并為他們將來投身HTML5崗位技能行業(yè)做好準(zhǔn)備。HTML5崗位技能實訓(xùn)室以HTML5崗位技能領(lǐng)域?qū)W習(xí)者的職業(yè)生涯發(fā)展及終身學(xué)習(xí)需求為依據(jù)，重點滿足職業(yè)院校在校學(xué)生、進(jìn)修教師、企業(yè)員工、社會自學(xué)者四類對象不同層次的學(xué)習(xí)需求，聯(lián)合全國高水平院校以及企業(yè)，建設(shè)HTML5崗位技能專業(yè)優(yōu)質(zhì)專業(yè)資源、課程資源、認(rèn)證資源、競賽資源。企業(yè)資源等內(nèi)容:優(yōu)化資源庫平臺，在“能學(xué)、輔教”的基礎(chǔ)上，滿足個性化學(xué)習(xí)者私人定制的實際需要，并完善平臺的運行機制，保證平臺內(nèi)容的持續(xù)更新:依托資源庫平臺，實現(xiàn)學(xué)生學(xué)習(xí)效果評價，能夠為企業(yè)出具學(xué)生能力分析報告，指導(dǎo)企業(yè)招聘和學(xué)生就業(yè)。三、HTML5崗位技能實訓(xùn)室組成3.1HTML5崗位技能教學(xué)平臺平臺基于springcloud微服務(wù)架構(gòu)，提供便捷的SSO單點登錄，采用kubernetes進(jìn)行部署，可支持公有云、混合云、私有云的安裝模式，數(shù)據(jù)層使用MySQL集群和MongoDB集群，實現(xiàn)了全流程EdvOps自動化運維，具有高內(nèi)聚、松耦合、業(yè)務(wù)單一、高性能、高并發(fā)、高可能、跨平臺、跨語言等特點。主要模塊有課程制作工具、云盤、共享課、我的課、云優(yōu)選課、云視頻庫、3D模型庫。課程制作工具：由平臺提供專用的微服務(wù)模塊進(jìn)行支撐，采用websocket雙向通信技術(shù)，底層存儲采用三層遞進(jìn)的緩存方式，目的就是為了加快課程資源的加載速度。自主研發(fā)視頻轉(zhuǎn)碼，在線視頻剪輯功能。支持由word文檔直接導(dǎo)入，并且根據(jù)標(biāo)題類型自動生成目錄，方便快捷。同時支持ppt、excel、圖片、超鏈接、視頻、音頻、3D模型、章節(jié)測驗等內(nèi)容的插入，實現(xiàn)多個超文本文件的同屏展示。共享課：使用訂單配發(fā)或校內(nèi)共享的概念，讓課程資源更大程度的進(jìn)行共享。我的課：支持從共享課資源中直接進(jìn)行“生成副本”，導(dǎo)入進(jìn)我的課中，并且同時支持自行創(chuàng)建。所有的課程資源支持導(dǎo)出功能，可導(dǎo)出為本地的離線文件，導(dǎo)出文件為后綴名為wz的加密文件，在使用平臺進(jìn)行二次導(dǎo)入直接生成課程資源，便于線上傳播。云優(yōu)選課：由行業(yè)資深從業(yè)人員在互聯(lián)網(wǎng)上收集整理的學(xué)習(xí)資源，包括系列類學(xué)習(xí)視頻和知識點類學(xué)習(xí)視頻，供教師和學(xué)生進(jìn)行自主學(xué)習(xí)。云視頻庫：平臺提供數(shù)百個包含各專業(yè)的微課視頻，可直接引用到課程資源中。3D模型庫：采用three。js技術(shù)，實現(xiàn)在線加載3D模型，提供更加直觀形象的教學(xué)體驗。題庫：題庫支持通用題目（單選題、多選題、判斷題、填空題、主觀題）以及實訓(xùn)題目（編程題、web前端題、虛擬化題等）；對于通用類題目可采用excel模板批量導(dǎo)入，采用瀑布流的展示方式，可共享到校內(nèi)供其他教師進(jìn)行使用。作業(yè)：支持手動建題和從題庫中選題兩種模式創(chuàng)建作業(yè)，提供作業(yè)庫模塊，作業(yè)庫內(nèi)的作業(yè)可多次發(fā)放給學(xué)生，對于作業(yè)平臺提供自動評測，包括單選題、多選題、判斷題、填空題、編程題、虛擬化題?？荚嚕褐С謱?dǎo)入試卷、手動創(chuàng)建、題庫選題三種創(chuàng)建方式，同時支持系統(tǒng)隨機組卷功能；提供試卷庫模塊，試卷庫內(nèi)的試卷可多次發(fā)放給學(xué)生，支持試卷的自動判分。課堂活動：平臺支持多種課堂活動，如：簽到、主題討論、提問、分組任務(wù)、投票、問卷、計時器等，提高課堂的趣味性和參與性。個人云盤：平臺將用戶在備課，教學(xué)等過程中使用的文件，保存在個人云盤空間，支持二次直接使用和存檔，實現(xiàn)云文件的保存。3.2HTML5崗位技能實訓(xùn)平臺平臺采用B/S結(jié)構(gòu)，運用springcloud微服務(wù)技術(shù)，構(gòu)建多個穩(wěn)定、高效的服務(wù)模塊，提供SSO單點登錄服務(wù)，并使用統(tǒng)一的身份認(rèn)證鑒權(quán)。平臺基于k8s實現(xiàn)公有云、混合云、私有云多種部署方式，提供在線HTML5崗位技能的運行環(huán)境，并內(nèi)置代碼運行結(jié)果檢測，自動進(jìn)行測評統(tǒng)計，實現(xiàn)真正的云開發(fā)，開箱即用，主要模塊有課程制作工具、作業(yè)、活動、云盤、共享課、我的課、云優(yōu)選課。便捷的實驗制作工具：讓教師輕松實現(xiàn)pdf、ppt、word、excel等不同格式的文本、圖片、音頻、視頻、超鏈接等進(jìn)行混合編排，并自動生成動態(tài)實驗?zāi)夸?，從而實現(xiàn)不同實訓(xùn)資源同屏展示。智能代碼評測，助力HTML5崗位技能實訓(xùn)：平臺支持在線對學(xué)生提交的實驗代碼進(jìn)行評測，將評測結(jié)果統(tǒng)計分析后展示給教師，提高教師的教學(xué)效率，方便學(xué)生的學(xué)習(xí)過程。提交代碼查重，防止抄襲：對于學(xué)生提交并且通過測評的HTML5崗位技能實訓(xùn)代碼進(jìn)行代碼的查重，防止學(xué)生互相抄襲代碼。在線問答，及時解答學(xué)生疑問：平臺提供HTML5崗位技能實訓(xùn)的在線問題，學(xué)生在HTML5崗位技能實訓(xùn)過程中，通過在線問答及時與老師進(jìn)行溝通，提高學(xué)習(xí)效率。可記錄學(xué)習(xí)情況的實驗筆記：平臺為用戶在HTML5崗位技能實訓(xùn)頁面提供實驗筆記功能，用戶可在實驗過程中記錄下自己的筆記。實驗題解，幫助學(xué)生掌握實驗知識點：平臺會在每個HTML5崗位技能實訓(xùn)題目后面，提供相應(yīng)的實驗題解，教師可改變其是否展示給學(xué)生。從而讓學(xué)生在實驗完成之后進(jìn)行學(xué)習(xí)，更好的掌握實驗的知識點。支持高并發(fā)的評測服務(wù)：平臺采用kafka消息隊列來處理評測的請求，并內(nèi)置高配置的底層沙箱服務(wù)，支持高并發(fā)的用戶同時使用。學(xué)生測評結(jié)果自動統(tǒng)計：平臺將課堂內(nèi)的用戶的評測結(jié)果進(jìn)行統(tǒng)計，按照消耗內(nèi)存、消耗時間兩個維度進(jìn)行展示，從而直觀的展示該實驗的整體評測數(shù)據(jù)。支持公共資源課程，便于老師教學(xué)：HTML5崗位技能實訓(xùn)平臺可內(nèi)置完整的實訓(xùn)資源，其中包括實訓(xùn)文檔以及在線資源包，用戶可以直接進(jìn)行使用。個人云盤，資源不丟失：平臺會為用戶提供云盤服務(wù)，云盤內(nèi)所有文件都會按照不同的文件類型進(jìn)行分開，便于用戶查看和操作。平臺支持Web前端應(yīng)用程序開發(fā)、web企業(yè)級開發(fā)、數(shù)據(jù)庫設(shè)計等實驗。3.3HTML5崗位技能教學(xué)資源包HTML5崗位技能教學(xué)資源包包含專業(yè)基礎(chǔ)課程：計算機應(yīng)用基礎(chǔ)、靜態(tài)網(wǎng)頁設(shè)計與制作、C語言程序設(shè)計、數(shù)據(jù)結(jié)構(gòu)、HTML5+CSS3Web前端開發(fā)技術(shù)、計算機專業(yè)英語等。專業(yè)核心課程：HTMI5與JavaSeript程序設(shè)計、UI設(shè)計基礎(chǔ)、美學(xué)基礎(chǔ)、Bootstrap應(yīng)用開發(fā)、NodeJS應(yīng)用開發(fā)、Vue應(yīng)用程序開發(fā)、Web前端綜合實戰(zhàn)等。3.4HTML5崗位技能實訓(xùn)資源包對接真實職業(yè)場景或工作情境，在校內(nèi)外進(jìn)行HTML5崗位技能實訓(xùn)。使學(xué)生掌握網(wǎng)頁設(shè)計與制作的技術(shù)，能夠利用HTML5、CSS3等技術(shù)進(jìn)行網(wǎng)頁布局，基于項目化教學(xué)的模式培養(yǎng)學(xué)生實踐動手能力；使學(xué)生了解JavaScript的基本語法，具備JavaScript的編程技巧和編程步驟；掌握常用的前端框架技術(shù)主要包含JQuery框架、Bootstrap框架、React框架、Vue框架、Angular框架等。利用數(shù)據(jù)庫管理系統(tǒng)和數(shù)據(jù)挖掘系統(tǒng)設(shè)計出能夠?qū)崿F(xiàn)對數(shù)據(jù)庫中的數(shù)據(jù)進(jìn)行添加、修改、刪除、處理、分析、理解、報表和打印等多種功能的數(shù)據(jù)管理和數(shù)據(jù)挖掘應(yīng)用系統(tǒng)；并利用應(yīng)用管理系統(tǒng)最終實現(xiàn)對數(shù)據(jù)的處理、分析和理解。培養(yǎng)具有良好職業(yè)道德和人文素養(yǎng)，掌握web前后端數(shù)據(jù)交互、響應(yīng)式開發(fā)等知識，具備動態(tài)網(wǎng)頁設(shè)計、開發(fā)、調(diào)試、維護等能力，能從事web前端軟件編程、軟件測試、軟件技術(shù)服務(wù)、智能終端界面開發(fā)等工作的中級技術(shù)技能人才。3.5HTML5崗位技能實訓(xùn)室配套設(shè)施HTML5崗位技能實訓(xùn)室配套設(shè)置包含實訓(xùn)室硬件設(shè)施、HTML5崗位技能軟件和工具等內(nèi)容，其中硬件設(shè)施如智慧黑板、教師講臺、多媒體設(shè)備、學(xué)生實訓(xùn)電腦、桌椅、服務(wù)器、交換機、機柜及HTML5崗位技能實訓(xùn)室裝修和HTML5崗位技能文化建設(shè)。HTML5崗位技能軟件和工具應(yīng)包含常用的HTML5崗位技能軟件和工具,這些HTML5崗位技能軟件和工具可以幫助學(xué)生進(jìn)行應(yīng)用程序的編寫、測試和調(diào)試。四、HTML5崗位技能實訓(xùn)室建設(shè)圖HTML5崗位技能實訓(xùn)室方案清單序號產(chǎn)品名稱品牌型號數(shù)量單位1HTML5崗位技能教學(xué)平臺唯眾WZ-WEB-TP1套2HTML5崗位技能實訓(xùn)平臺唯眾WZ-WEB-PTP1套3HTML5崗位技能教學(xué)資源包唯眾WZ-WEB-TRP1套4HTML5崗位技能實訓(xùn)資源包唯眾WZ-WEB-PTRP1套5HTML5崗位技能綜合案例資源包唯眾WZ-WEB-CCRP1套6HTML5崗位技能電腦51套7HTML5崗位技能實訓(xùn)桌椅25套8HTML5崗位技能實訓(xùn)室配套設(shè)備1批9HTML5崗位技能服務(wù)器4臺10HTML5崗位技能實訓(xùn)室裝修1批六、HTML5崗位技能實訓(xùn)室方案價值6.1專業(yè)教學(xué)支撐課程大類教學(xué)內(nèi)容課程實踐實訓(xùn)室及環(huán)境計算機應(yīng)用技術(shù)計算機基礎(chǔ)、辦公自動化驗文字錄入，word,Excel,PPT,常用工具軟件學(xué)習(xí)實訓(xùn)室2，電商、數(shù)媒、計算機基礎(chǔ)實訓(xùn)中心；計算機藝術(shù)設(shè)計平面設(shè)計基礎(chǔ)Photoshop,CoreDraw,3Dsmax實操實訓(xùn)室2，電商、數(shù)媒、計算機基礎(chǔ)實訓(xùn)中心；計算機發(fā)展技術(shù)程序設(shè)計基礎(chǔ)C語言基礎(chǔ)，HTML，JAVA基礎(chǔ)，單片機，Protel99,電子線路實訓(xùn)室1，物聯(lián)網(wǎng)、智能化實訓(xùn)中心計算機網(wǎng)絡(luò)技術(shù)計算機網(wǎng)絡(luò)基礎(chǔ)計算機操作，實訓(xùn)設(shè)備操作、組網(wǎng)技術(shù)，網(wǎng)絡(luò)安全，linux,實訓(xùn)室1，物聯(lián)網(wǎng)、智能化實訓(xùn)中心物聯(lián)網(wǎng)、智能家居基礎(chǔ)物聯(lián)網(wǎng)基礎(chǔ)、智能家居安裝與維護傳感器、控制器安裝、上位機應(yīng)用軟件安裝實訓(xùn)室1，物聯(lián)網(wǎng)、智能化實訓(xùn)中心電子商務(wù)電子商務(wù)入門電子商務(wù)規(guī)劃與評估，經(jīng)營分析，網(wǎng)頁設(shè)計實訓(xùn)室2，電商、數(shù)媒、計算機基礎(chǔ)實訓(xùn)中心；云計算基礎(chǔ)操作系統(tǒng)Linux,虛擬化,docker上機操作實訓(xùn)室3，云計算、大數(shù)據(jù)信息技術(shù)基礎(chǔ)實訓(xùn)中心大數(shù)據(jù)基礎(chǔ)操作系統(tǒng)、數(shù)據(jù)庫Linux,Hadoop實訓(xùn)室3，云計算、大數(shù)據(jù)信息技術(shù)基礎(chǔ)實訓(xùn)中心6.2教材聯(lián)合開發(fā)教材聯(lián)合各院校教授專家，開發(fā)HTML5崗位技能專業(yè)系列教材，為院校專業(yè)實驗課程開展和教學(xué)提供參考。6.3產(chǎn)學(xué)研支撐平臺平臺采用springcloud微服務(wù)開發(fā)架構(gòu)，各服務(wù)模塊單獨運行并提供服務(wù)接口；可提供穩(wěn)定、快速、高效的服務(wù)；平臺整體采用前后端分離和分布式微服務(wù)的彈性計算架構(gòu)實現(xiàn)，后端主要基于Java的Springcloud實現(xiàn)，前端vue實現(xiàn)等，具有高內(nèi)聚、松耦合、業(yè)務(wù)單一、高性能、高并發(fā)、高可能、跨平臺、跨語言等特點。平臺提供SSO單點登錄，多個應(yīng)用系統(tǒng)統(tǒng)一登錄，統(tǒng)一的用戶管理，一個賬戶可登錄驗證教學(xué)全場景以及數(shù)字技術(shù)專業(yè)群實踐教學(xué)等所有應(yīng)用模塊系統(tǒng)。平臺采用kubernetes技術(shù)進(jìn)行部署，支持公有云、私有云、混合云模式安裝；平臺支持多數(shù)據(jù)源從而保證技術(shù)的一致性；確保服務(wù)的穩(wěn)定、可擴展、彈性擴容；每個獨立服務(wù)支持分布式集群部署，理論上可以無限橫向擴展，提高系統(tǒng)處理能力，支持大規(guī)模并發(fā)教學(xué)全場景和數(shù)字化專業(yè)群教學(xué)實踐應(yīng)用?；A(chǔ)虛擬化服務(wù)由docker和kvm兩種虛擬化技術(shù)根據(jù)學(xué)科性質(zhì)進(jìn)行選擇性支撐，可滿足不同的虛擬化需求，提供穩(wěn)定、可自行配置的虛擬機器?；谌鞒藾evOps自動化運維，支持持續(xù)集成、分析、服務(wù)注冊與發(fā)現(xiàn)、系統(tǒng)監(jiān)控、性能監(jiān)控、日志管理、預(yù)警、持續(xù)部署(基于docker的鏡像倉庫，Kubernetes的容器云管理調(diào)度平臺，在線可視化管理、監(jiān)控、調(diào)度容器)?；A(chǔ)持久化層支持RDS和NoSQL兩種方式，采用MySQL集群和MongoDB集群搭建，支持基于CQRS的分布式事務(wù)處理，支持?jǐn)?shù)據(jù)自動備份，同時使用于Redis集群對熱點數(shù)據(jù)進(jìn)行緩存，支持大并發(fā)；支持純本地化數(shù)據(jù)源?；A(chǔ)服務(wù)層支持在線驗證碼服務(wù)、基礎(chǔ)文件服務(wù)、消息隊列服務(wù)、OSS對象存儲服務(wù)、用戶/鑒權(quán)服務(wù)、個人云盤服務(wù)、WebSocket服務(wù)等，保證平臺的通用性。用戶基礎(chǔ)信息管理：對訂單實行按業(yè)務(wù)方向進(jìn)行配置，對班級、教師、學(xué)生相關(guān)信息進(jìn)行新增、修改、刪除以及數(shù)據(jù)權(quán)限進(jìn)行配置。6.4技能大賽支撐大賽級別大賽內(nèi)容課程名稱全國職業(yè)院校技能大賽Web應(yīng)用