echarts商業(yè)級數(shù)據(jù)圖表應用技術課程標準

屈M的利相逃玨術噌ft?echarts商業(yè)級數(shù)據(jù)圖表應用技

術》課程標準教研室主任：專業(yè)帶頭人：系（部）主任：教務處處長：教學副院長：審核批準日期:二。一七年六月?echarts商業(yè)級數(shù)據(jù)圖表應用技術》課程

標準（基本信息）課程編碼：課程類別：專業(yè)方向課程適應專業(yè)：網(wǎng)站建設、程序開發(fā)開設時間：大二上期學時數(shù)：70學時一、課程概述（一）課程性質時刻根據(jù)市場技術發(fā)展動態(tài)調(diào)整課程項目及內(nèi)容，研發(fā)零基礎學習課程階段，前期主抓基礎教學，高級開發(fā)，職業(yè)素質培養(yǎng)，后期主要和企業(yè)合作，采用企業(yè)級的管理模式及開發(fā)團隊，師生共同完成企業(yè)項目，實現(xiàn)與企業(yè)需求標準的零差距。（二）課程基本理念以企業(yè)需求決定課程設計內(nèi)容，確保訓練內(nèi)容及深度和企業(yè)需求一致；強調(diào)難點和復雜技能點的反復訓練，力求學習效果和學習體驗不斷擴展真實商業(yè)項目庫，保證所學項目均為真實項目，還原企業(yè)項目開發(fā)環(huán)境，在項目中提升實際開發(fā)能力。課程結構上遵循企業(yè)開發(fā)“流程化”、項目“興趣化”、教學“項目實戰(zhàn)化”、模式“前瞻化”、教材“權威化”、授課“案例化”等國內(nèi)領先的IT工程師培養(yǎng)模式，并且結合科學的考核評價模式。通過全方位課程設計、全真的工作環(huán)境、探索研究工學結合的培養(yǎng)模式，提高學生職業(yè)技能，最終實現(xiàn)崗位無縫對接。（三）課程的設置與設計思路本課程的教學內(nèi)容及情境設計結合本課程特點，以職業(yè)能力為核心，以實用夠用為限度，不追求專業(yè)理論知識的面面俱到，而是在基本保持專業(yè)理論知識完整性的基礎上，按照職業(yè)崗位工作的需要去精選適合的專業(yè)理論知識并結合實際崗位需要進行設計，力圖達到理論知識的傳授與職業(yè)崗位的需要相結合。本課程在進行情境設計時，依據(jù)課程內(nèi)容特點進行情境劃分，每一個情境根據(jù)內(nèi)容的邏輯關系又進一步細分為多個子情境。本課程的框架結構，經(jīng)過與企業(yè)專家系統(tǒng)的討論分析，按實際需要及由簡入繁的原則，最終確定了學習培養(yǎng)標準。最終掌握并使用echarts商業(yè)級數(shù)據(jù)圖表應用技術，本課程共80課時，其中實踐40課時。二、課程目標（一）職業(yè)技能目標1、ECharts基礎2、webpack中使用ECharts3、個性化圖表的樣式4、異步加載5、圖表中加入交互組件。6、移動端自適應。7、ECharts中的事件和行為。（二）職業(yè)素養(yǎng)目標1、培養(yǎng)學生“愛崗、敬業(yè)、細致、求精”的職業(yè)道德與情感。2、培養(yǎng)學生良好的動手實踐習慣，尤其注重挖掘學生的潛質。3、注重培養(yǎng)學生與社會接軌。4、培養(yǎng)學生嚴謹?shù)男惺嘛L格。5、培養(yǎng)學生具有踏實工作作風，良好的觀察和思考能力強以及團隊合作能力。三、內(nèi)容標準（一）學習目標：ECharts圖表和組件運用個性化圖表異步加載及l(fā)oading動畫數(shù)據(jù)的動態(tài)更新ECharts組件運用移動端自適應布局（二）活動安排：1、基于工作過程的課程開發(fā)理念，先進行綜合職業(yè)行動領域和情境分析，然后深入企業(yè)調(diào)研和行業(yè)專業(yè)研討，最終分解和確定學習任務2、根據(jù)情景任務，開發(fā)相應的課程教案，組織課程資源。3、推行一體化教學模式，強化教與學的及時互動，進行動態(tài)的教學評價和反饋機制。4、建立課后網(wǎng)絡教學和學習平臺，強化課后訓練和擴充學習資源，提供課后教學支持。5、組織專題技術講座和討論，加強對新技術的掌握。6、加強校企聯(lián)動，鼓勵走入企業(yè)參加生產(chǎn)實訓，使學生加深對echarts商業(yè)級數(shù)據(jù)圖表應用技術編程技能在實際工作應用的認識和掌握。8、完善項目化教材編寫，組織教師參加高層次技術培訓和企業(yè)工程實踐。（三）知識要點：1、ECharts圖表運用2、ECharts地圖組建運用3、移動端自適應布局（四）技能要點：1、具備html基礎2、具備js相關基礎；四、實施建議（一）教學建議1、課程項目結構與學時分配為使學生掌握熟練掌握ECharts圖表開發(fā)及應用技術，本課程以模擬企業(yè)所需人才條件，由老師從企業(yè)角度給與學生技能的培訓和實訓操作，將職業(yè)行動領域的工作過程融合在項目訓練中。本課程項目結構與學時分配見表1。表1echarts商業(yè)級數(shù)據(jù)圖表應用技術課程項目（學習情境）內(nèi)容與學時分配表項目編號子項目名稱子項目內(nèi)容支撐知識學時

1Echarts基礎Echarts版本特性Echarts族取Echarts弓1入繪制簡單圖表1掌握Echarts版本/、同的特性2族取Echarts3繪制出第一個圖表102webpack中使用EChartsnpm安裝ECharts按需引入ECharts圖表和組件EFE維護npm上ECharts和zrender的package83個性化圖表的樣式.繪制南」‘格爾圖.陰影的配置.深色背景和淺色標簽.設置扇形的顏色1掌握單的柱洪繪制一個簡［圖］82ECharts影、透明度、邊框顏色、等。3掌握定義文本顏色中掌握陰|顏色、|邊框寬度|背景色和4圖表設置扇形的顏色4異步加載ECharts中實現(xiàn)異步數(shù)據(jù)的更新。loading動畫加載數(shù)據(jù)的動態(tài)更新.實現(xiàn)異步更新數(shù)據(jù).實現(xiàn)動畫加載數(shù)據(jù)表.動態(tài)更新數(shù)據(jù)實例85圖表中加入交互組件.數(shù)據(jù)區(qū)域縮放組件.力口入dataZoom組件1.根據(jù)實例演示掌握縮放組件和dataZoom組件。86移動端自適應1.MediaQuery隨容器尺寸改艾而改變1.實現(xiàn)動態(tài)數(shù)據(jù)更新和移動自適應87數(shù)據(jù)的視覺映射.數(shù)據(jù)和維度.visualMap組件.視覺映射方式的配置1.2.數(shù)據(jù)項dataItem的集合數(shù)據(jù)映射視覺兀素及配置10

8ECharts中的事件和行為.鼠標事件的處理.組件交互的行為事件.代碼觸發(fā)ECharts中組件的行為ECharts支持常規(guī)的鼠標事件類型ECharts組件交互行為觸發(fā)事件dispatchAction輪流高亮餅圖102、課程教學實施建議本課程重視學生在校學習與實際工作的一致性，采取任務驅動、項目導向的教學模式，每個具體學習情境設計見表2-1、2-2、2-3詳表。表2-1echarts商業(yè)級數(shù)據(jù)圖表應用技術學習情境表學習情境（項目）：Echarts基礎學時10項目目標能力目標：通過理論和實踐相結合的教學方式，使學員熟練掌握Echarts基礎。知識目標：1、掌握Echarts版本/、同的特性2、族取Echarts3、繪制出A個圖表項目任務.Echarts版本特性.Echarts族取.Echarts弓1入.繪制簡單圖表學生知識與能力準備1、有html、CSSJS及相關基礎教學材料準備1、Echarts教學套件2、相關案例收集步驟教學活動過程主要知識點教學方法建議學時1、Echarts基礎提出總體課程目標和任務要求，下發(fā)任務說明書，讓學生提前了解任務內(nèi)容，并提前進行資料的學習.Echarts版本特性.Echarts族取.Echarts弓1入.繪制簡單圖表講授演示法案例實踐5

2、分析任務，提出問題，制定實施計劃和方柔引入工作任務，分析目標，擺出問題，做出任務計劃，將完成任務所需要的基本理論和基本概念講授給學生，然后經(jīng)過討論，確定最終工作任務方案。1、了解語法使用參數(shù)2、獲取Echarts實踐3、Echarts引入實踐講授法操作法34、技能實訓和知識拓展技能實訓，提出進一步問題，拓展相應知識，強化專項技能演示與操作法討論交流法25、檢查和評估進行自評、互評交流，分析工作過程的問題和不足，并總結成功與失敗的經(jīng)驗和教訓，發(fā)揚成績，找出不足。同時結合一定形式的理論和實踐綜合考查，成果展示、提交實訓報告和多種形式的虛擬情趣活動等，及時得到教學反饋信息，做出教學評價交互檢查法討論法小組演示法1表2-2echarts商業(yè)級數(shù)據(jù)圖表應用技術技術學習情境表二學習情境（項目）：webpack中使用ECharts學時8項目目標能力目標：通過理論和實踐相結合的教學方式，使學員熟練掌握Echarts相關技術。知識目標：1、npm安裝ECharts2、EFE維護npm上ECharts和zrender的package項目任務任務一：了解并熟練使用本章相關組件學生知識與能力準備1、html和CSSJS相關基礎教學材料準備1、項目任務所需教學案例2、項目實施標準3、演示視頻資料4、技能實訓網(wǎng)頁資料案例5-10個5、小程序相關實訓課件6、項目階段性考核內(nèi)容和評價標準

步驟教學活動過程主要知識點教學方法建議學時1、任務一教學1、收集任務資訊，下發(fā)任務說明書和相關參考資料2、分析任務要求，制定任務工作計劃，確定工作方案。3、任務實施：講解相應語法操作多媒體展示成品和體驗效果，完整演示繪制過程4、技能實訓，拓展知識5、組織討論和總結.EFE維護npm上ECharts和zrender的package.通過npm上安裝的ECharts和案例法討論法演示和操作法5zrender2、任務二教學任務二1、收集任務資訊，下發(fā)任務說明書和相關參考資料2、分析任務要求，制定任務工作計劃，確定工作方案。3、任務實施：講解相應語法操作，多媒體展示成品和體驗效果，完整演示布局過程，解答學生在操作中的問題。4、技能實訓，拓展知識5、組織討論和總結1、根據(jù)所學按需引入ECharts圖表和組件案例法討論法演示和操作法33、檢查和評估成果檢查和展示，分析反思工作過程并交流，對繪圖進行適當集中測評，多角度檢查學生學習情況，及時教學反饋，強化和彌補教學不足。交互檢查法討論法小組演示法表2-3echarts商業(yè)級數(shù)據(jù)圖表應用技術技術學習情境表三學習情境（項目）：個性化圖表的樣式學時8項目目標能力目標：通過理論和實踐相結合的教學方式，使學員熟練掌握個性化圖表樣式。Echarts

知識目標：.繪制南」‘格爾圖.陰影的配置.深色背景和淺色標簽.設置扇形的顏色項目任務任務一：掌握繪制一個簡單的柱狀圖任務二：|Charts中掌握陰影、透明度、顏色、邊框顏色、邊框寬度等任務三：本章知識結合實訓項目學生知識與能力準備1、html和CSSJS相關基礎教學材料準備1、項目任務案例材料2、實際操作教學演示視頻3、技能實訓樣品資料4、多媒體教學課件5、項目階段性考核內(nèi)容和評價標準步驟教學活動過程主要知識點教學方法建議學時1、任務一教學1、提前卜達任務書，讓學生收集資料，展開前期的自學，擺出問題。2、任務分析和分解，規(guī)劃任務方案。3、任務實施：項目需求閱讀，講解基礎知識，全面演示和操作實際運用并結合學生動手能力和自學能力4、技能實訓和知識拓展5、組織交流討論1掌握繪制一個簡單的柱狀圖］案例法操作法情境教學法72ECharts中掌握陰影、透明度、顏色、邊框顏色、邊框寬度等。3掌握定義背景色和文本顏色4圖表扇形的顏色設置2、任務二教學1、收集任務資料，下發(fā)任務指導書2、羅列任務要點，制定工作計劃和方案3、任務實施：教學實操展示過程，講解要點，完整操作演示運行。4、組織成果公開展示和評比5、技能實訓和知識拓展案例法演示法情境教學法1

3、檢查和評估組織學生加強操作過程的自查自評，同時以小組交流形式進行互評強化對實訓過程和實訓報告的監(jiān)督和檢查，以理論和上機結合形式后針對性對表格和表單嵌套進行教學測評，以檢查教學效果課后加強教學交流輔導平臺，及時解決學生問題。交互檢查法討論法小組操作法（二）考核評價建議為全面考核學生的知識與技能掌握情況，本課程主要以過程考核為主。課程考核涵蓋項目（學習情境）任務全過程，主要包括項目實施等幾個方面。各項目（學習情境）具體考核方式與考核標準比例見表3。表3echarts商業(yè)級數(shù)據(jù)圖表應用技術課程考核方式與考核標準項目編R考核點及項目分值比建議評價標準項目成績比例考核方式優(yōu)良及格P不及格1Echarts基礎(10%集中評測條理非常清晰，Echarts基礎理解透徹并熟練掌握本章內(nèi)容。條理清晰，Echarts基礎理解透徹并熟練掌握本章內(nèi)容。能較為熟練掌握Echart基礎不能反映說明對Echarts基礎的掌握。35%個性化圖表的樣式（15%集中測評能獨立完成Echarts相關環(huán)境搭建，并使用個性化圖表完成相關實訓任務。Echarts相關環(huán)境搭建，使用個性化圖表完成實訓任務?；灸芡瓿蒃charts相關環(huán)境搭建，能在提示下完成實訓任務。不能反映對本章節(jié)課程的掌握。綜合素質考核（10%見附表3-12異步加載（10%）小組評議、報告和教師評價實訓成果完整，語法準確無誤。跟具項目配置準確快速。準確使用語法。實訓成果完整，跟具項目配置準確。準確使用語法。實訓成果完整，跟具項目配置能自行搭建環(huán)境。實訓成果不完整，不能正確完成實訓項目。35%

圖表中加入交互組件(10%)小組評議、報告和教師評價實訓成果完整，開發(fā)快速；語法無誤。跟具項目配置準確快速。準確使用語法開發(fā)項目。實訓成果完整，跟具項目配置準確。準確使用語法開發(fā)項目。實訓成果完整，能自行搭建；跟具項目配置能自行搭建環(huán)境和開發(fā)。實訓成果不完整。移動端自適應(5%)小組評議、報告和教師評價能獨立完成Echarts移動端自適應實訓，編寫的文檔完整快速，準確的程序言語法。完成Echarts移動端自適應實訓，編寫的文檔完整快速，準確的程序言語法。能完成Echarts移動端自適應實訓實訓成果不完整綜合素質考核(10%)見附表3-14項目實戰(zhàn)(20%)自評和互評能結合企業(yè)需求完成整個項目的快速開發(fā)，并寫的代碼規(guī)范，有詳細的開發(fā)文檔。能結合企業(yè)需求完成整個項目的快速開發(fā)，并寫的代碼規(guī)范。能結合企業(yè)需求完成整個項目的開發(fā)，并寫的代碼規(guī)范。不能完整的整理企業(yè)需求，不能完成開發(fā)任務，寫代碼不規(guī)范，沒有開發(fā)文檔。30%綜合素質考核(10%)見附表3-1合計100%附表3-1綜合素質考核評價標準項目公共考核點建議考核方式評價標準優(yōu)良及格1.工作與職業(yè)操守(30%)評教師評價+自評+互評安全、文明工作，具有良好的職業(yè)操守安全文明工作，職業(yè)操守較好沒出現(xiàn)違紀違規(guī)現(xiàn)象2.學習態(tài)度(30%)教師評價學習積極性高，虛心好學學習積極性較高沒用厭學現(xiàn)象3.團隊合作精神(20%)互評具有良好的團隊合作精神，熱心幫助小組其他成員具有較好的團隊合作精神，能幫助小組其他成員能配合小組完成項目任務4.交流及表達能力(10%)互評+教師評價能用專業(yè)語言正確流利地展示項目成果能用專業(yè)語百止確、較為流利地闡述項目能用專業(yè)課文基本正確地闡述項目，尢重大失誤5.組織協(xié)調(diào)能力(10%)互評+教師評價能根據(jù)工作任務對資源進行合理分配，同時正確控制、激勵和協(xié)調(diào)小組活動過程能工作條件地資源進行較合理分配，同時較正確控制、激勵和協(xié)調(diào)小組活動過程能根據(jù)工作任務對資源進行分配，同時控制、激勵和協(xié)調(diào)小組活動過程，尢重大失誤注：各項目考核過程中要注意考核工作與職業(yè)操守、學習態(tài)度、團隊合作精神、交流及表達能力、組織協(xié)調(diào)能力等內(nèi)容。(三)教材編寫建議1、必須依據(jù)本課程標準編寫教材。2、教材應充分體現(xiàn)任務導向、實踐引領的課