《echarts商业级数据图表应用技术》课程标准.docx
- 文档编号:23321309
- 上传时间:2023-05-16
- 格式:DOCX
- 页数:21
- 大小:36.75KB
《echarts商业级数据图表应用技术》课程标准.docx
《《echarts商业级数据图表应用技术》课程标准.docx》由会员分享,可在线阅读,更多相关《《echarts商业级数据图表应用技术》课程标准.docx(21页珍藏版)》请在冰豆网上搜索。
《echarts商业级数据图表应用技术》课程标准
《echarts商业级数据图表应用技术》课程标准
教研室主任:
专业带头人:
系(部)主任:
教务处处长:
教学副院长:
审核批准日期:
二○一七年六月
《echarts商业级数据图表应用技术》课程标准
(基本信息)
课程编码:
课程类别:
专业方向课程
适应专业:
网站建设、程序开发
开设时间:
大二上期
学时数:
70学时
一、课程概述
(一)课程性质
时刻根据市场技术发展动态调整课程项目及内容,研发零基础学习课程阶段,前期主抓基础教学,高级开发,职业素质培养,后期主要和企业合作,采用企业级的管理模式及开发团队,师生共同完成企业项目,实现与企业需求标准的零差距。
(二)课程基本理念
以企业需求决定课程设计内容,确保训练内容及深度和企业需求一致;强调难点和复杂技能点的反复训练,力求学习效果和学习体验不断扩展真实商业项目库,保证所学项目均为真实项目,还原企业项目开发环境,在项目中提升实际开发能力。
课程结构上遵循企业开发“流程化”、项目“兴趣化”、教学“项目实战化”、模式“前瞻化”、教材“权威化”、授课“案例化”等国内领先的IT工程师培养模式,并且结合科学的考核评价模式。
通过全方位课程设计、全真的工作环境、探索研究工学结合的培养模式,提高学生职业技能,最终实现岗位无缝对接。
(三)课程的设置与设计思路
本课程的教学内容及情境设计结合本课程特点,以职业能力为核心,以实用够用为限度,不追求专业理论知识的面面俱到,而是在基本保持专业理论知识完整性的基础上,按照职业岗位工作的需要去精选适合的专业理论知识并结合实际岗位需要进行设计,力图达到理论知识的传授与职业岗位的需要相结合。
本课程在进行情境设计时,依据课程内容特点进行情境划分,每一个情境根据内容的逻辑关系又进一步细分为多个子情境。
本课程的框架结构,经过与企业专家系统的讨论分析,按实际需要及由简入繁的原则,最终确定了学习培养标准。
最终掌握并使用echarts商业级数据图表应用技术,本课程共80课时,其中实践40课时。
二、课程目标
(一)职业技能目标
1、ECharts基础
2、webpack中使用ECharts
3、个性化图表的样式
4、异步加载
5、图表中加入交互组件。
6、移动端自适应。
7、ECharts中的事件和行为。
(二)职业素养目标
1、培养学生“爱岗、敬业、细致、求精”的职业道德与情感。
2、培养学生良好的动手实践习惯,尤其注重挖掘学生的潜质。
3、注重培养学生与社会接轨。
4、培养学生严谨的行事风格。
5、培养学生具有踏实工作作风,良好的观察和思考能力强以及团队合作能力。
三、内容标准
(一)学习目标:
ECharts图表和组件
运用个性化图表
异步加载及loading动画
数据的动态更新
ECharts组件运用
移动端自适应布局
(二)活动安排:
1、基于工作过程的课程开发理念,先进行综合职业行动领域和情境分析,然后深入企业调研和行业专业研讨,最终分解和确定学习任务。
2、根据情景任务,开发相应的课程教案,组织课程资源。
3、推行一体化教学模式,强化教与学的及时互动,进行动态的教学评价和反馈机制。
4、建立课后网络教学和学习平台,强化课后训练和扩充学习资源,提供课后教学支持。
5、组织专题技术讲座和讨论,加强对新技术的掌握。
6、加强校企联动,鼓励走入企业参加生产实训,使学生加深对echarts商业级数据图表应用技术编程技能在实际工作应用的认识和掌握。
8、完善项目化教材编写,组织教师参加高层次技术培训和企业工程实践。
(三)知识要点:
1、ECharts图表运用
2、ECharts地图组建运用
3、移动端自适应布局
(四)技能要点:
1、具备html基础
2、具备js相关基础;
四、实施建议
(一)教学建议
1、课程项目结构与学时分配
为使学生掌握熟练掌握ECharts图表开发及应用技术,本课程以模拟企业所需人才条件,由老师从企业角度给与学生技能的培训和实训操作,将职业行动领域的工作过程融合在项目训练中。
本课程项目结构与学时分配见表1。
表1
echarts商业级数据图表应用技术课程项目(学习情境)内容与学时分配表
项目编号
子项目名称
子项目内容
支撑知识
学时
1
Echarts基础
Echarts版本特性
Echarts获取
Echarts引入
绘制简单图表
1掌握Echarts版本不同的特性
2获取Echarts
3绘制出第一个图表
10
2
webpack中使用ECharts
npm安装ECharts
按需引入ECharts图表和组件
EFE维护npm上ECharts和zrender的package
8
3
个性化图表的样式
1.绘制南丁格尔图
2.阴影的配置
3.深色背景和浅色标签
4.设置扇形的颜色
1掌握绘制一个简单的柱状图
2ECharts中掌握阴影、透明度、颜色、边框颜色、边框宽度等。
3掌握定义背景色和文本颜色
4图表扇形的颜色设置
8
4
异步加载
1.ECharts中实现异步数据的更新。
2.loading动画加载
3.数据的动态更新
1.实现异步更新数据
2.实现动画加载数据表
3.动态更新数据实例
8
5
图表中加入交互组件
1.数据区域缩放组件
2.加入dataZoom组件
1.根据实例演示掌握缩放组件和dataZoom组件。
8
6
移动端自适应
1.MediaQuery随容器尺寸改变而改变
1.实现动态数据更新和移动自适应
8
7
数据的视觉映射
1.数据和维度
2.visualMap组件
3.视觉映射方式的配置
1.数据项dataItem的集合
2.数据映射视觉元素及配置
10
8
ECharts中的事件和行为
1.鼠标事件的处理
2.组件交互的行为事件
3.代码触发ECharts中组件的行为
1.ECharts支持常规的鼠标事件类型
2.ECharts组件交互行为触发事件
3.dispatchAction轮流高亮饼图
10
2、课程教学实施
建议本课程重视学生在校学习与实际工作的一致性,采取任务驱动、项目导向的教学模式,每个具体学习情境设计见表2-1、2-2、2-3详表。
表2-1
echarts商业级数据图表应用技术学习情境表一
学习情境(项目):
Echarts基础
学时
10
项目目标
能力目标:
通过理论和实践相结合的教学方式,使学员熟练掌握Echarts基础。
知识目标:
1、掌握Echarts版本不同的特性
2、获取Echarts
3、绘制出第一个图表
项目任务
1.Echarts版本特性
2.Echarts获取
3.Echarts引入
4.绘制简单图表
学生知识
与能力准备
1、有html、CSS、JS及相关基础
教学材料准备
1、Echarts教学套件
2、相关案例收集
步骤
教学活动过程
主要知识点
教学方法建议
学时
1、Echarts基础
提出总体课程目标和任务要求,下发任务说明书,让学生提前了解任务内容,并提前进行资料的学习
1.Echarts版本特性
2.Echarts获取
3.Echarts引入
4.绘制简单图表
讲授演示法
案例实践
5
2、分析任务,提出问题,制定实施计划和方案
引入工作任务,分析目标,摆出问题,做出任务计划,将完成任务所需要的基本理论和基本概念讲授给学生,然后经过讨论,确定最终工作任务方案。
1、了解语法使用参数
2、获取Echarts实践
3、Echarts引入实践
讲授法
操作法
3
4、技能实训和知识拓展
技能实训,提出进一步问题,拓展相应知识,强化专项技能
演示与操作法
讨论交流法
2
5、检查和评估
进行自评、互评交流,分析工作过程的问题和不足,并总结成功与失败的经验和教训,发扬成绩,找出不足。
同时结合一定形式的理论和实践综合考查,成果展示、提交实训报告和多种形式的虚拟情趣活动等,及时得到教学反馈信息,做出教学评价
交互检查法
讨论法
小组演示法
1
表2-2
echarts商业级数据图表应用技术技术学习情境表二
学习情境(项目):
webpack中使用ECharts
学时
8
项目目标
能力目标:
通过理论和实践相结合的教学方式,使学员熟练掌握Echarts相关技术。
知识目标:
1、npm安装ECharts
2、EFE维护npm上ECharts和zrender的package
项目任务
任务一:
了解并熟练使用本章相关组件
学生知识
与能力准备
1、html和CSS、JS相关基础
教学材料准备
1、项目任务所需教学案例
2、项目实施标准
3、演示视频资料
4、技能实训网页资料案例5-10个
5、小程序相关实训课件
6、项目阶段性考核内容和评价标准
步骤
教学活动过程
主要知识点
教学方法建议
学时
1、任务一教学
1、收集任务资讯,下发任务说明书和相关参考资料
2、分析任务要求,制定任务工作计划,确定工作方案。
3、任务实施:
讲解相应语法操作多媒体展示成品和体验效果,完整演示绘制过程
4、技能实训,拓展知识
5、组织讨论和总结
1.EFE维护npm上ECharts和zrender的package
2.通过 npm上安装的ECharts和zrender
案例法
讨论法
演示和操作法
5
2、任务二教学
任务二
1、收集任务资讯,下发任务说明书和相关参考资料
2、分析任务要求,制定任务工作计划,确定工作方案。
3、任务实施:
讲解相应语法操作,多媒体展示成品和体验效果,完整演示布局过程,解答学生在操作中的问题。
4、技能实训,拓展知识
5、组织讨论和总结
1、根据所学按需引入ECharts图表和组件
案例法
讨论法
演示和操作法
3
3、检查和评估
成果检查和展示,分析反思工作过程并交流,对绘图进行适当集中测评,多角度检查学生学习情况,及时教学反馈,强化和弥补教学不足。
交互检查法
讨论法
小组演示法
表2-3
echarts商业级数据图表应用技术技术学习情境表三
学习情境(项目):
个性化图表的样式
学时
8
项目目标
能力目标:
通过理论和实践相结合的教学方式,使学员熟练掌握Echarts个性化图表样式。
知识目标:
1.绘制南丁格尔图
2.阴影的配置
3.深色背景和浅色标签
4.设置扇形的颜色
项目任务
任务一:
掌握绘制一个简单的柱状图
任务二:
ECharts中掌握阴影、透明度、颜色、边框颜色、边框宽度等
任务三:
本章知识结合实训项目
学生知识
与能力准备
1、html和CSS、JS相关基础
教学材料准备
1、项目任务案例材料
2、实际操作教学演示视频
3、技能实训样品资料
4、多媒体教学课件
5、项目阶段性考核内容和评价标准
步骤
教学活动过程
主要知识点
教学方法建议
学时
1、任务一教学
1、提前下达任务书,让学生收集资料,展开前期的自学,摆出问题。
2、任务分析和分解,规划任务方案。
3、任务实施:
项目需求阅读,讲解基础知识,全面演示和操作实际运用并结合学生动手能力和自学能力
4、技能实训和知识拓展
5、组织交流讨论
1掌握绘制一个简单的柱状图
2ECharts中掌握阴影、透明度、颜色、边框颜色、边框宽度等。
3掌握定义背景色和文本颜色
4图表扇形的颜色设置
案例法
操作法
情境教学法
7
2、任务二教学
1、收集任务资料,下发任务指导书
2、罗列任务要点,制定工作计划和方案
3、任务实施:
教学实操展示过程,讲解要点,完整操作演示运行。
4、组织成果公开展示和评比
5、技能实训和知识拓展
案例法
演示法
情境教学法
1
3、检查和评估
组织学生加强操作过程的自查自评,同时以小组交流形式进行互评
强化对实训过程和实训报告的监督和检查,
以理论和上机结合形式有针对性对表格和表单嵌套进行教学测评,以检查教学效果
课后加强教学交流辅导平台,及时解决学生问题。
交互检查法
讨论法
小组操作法
(二)考核评价建议
为全面考核学生的知识与技能掌握情况,本课程主要以过程考核为主。
课程考核涵盖项目(学习情境)任务全过程,主要包括项目实施等几个方面。
各项目(学习情境)具体考核方式与考核标准比例见表3。
表3
echarts商业级数据图表应用技术课程考核方式与考核标准
项目
编号
考核点及
项目分值比
建议
考核方式
评价标准
项目
成绩比例
优
良
及格
不及格
1
Echarts基础(10%)
集中评测
条理非常清晰,Echarts基础理解透彻并熟练掌握本章内容。
条理清晰,Echarts基础理解透彻并熟练掌握本章内容。
能较为熟练掌握Echart基础
不能反映说明对Echarts基础的掌握。
35%
个性化图表的样式(15%)
集中测评
能独立完成Echarts相关环境搭建,并使用个性化图表完成相关实训任务。
Echarts相关环境搭建,使用个性化图表完成实训任务。
基本能完成Echarts相关环境搭建,能在提示下完成实训任务。
不能反映对本章节课程的掌握。
综合素质考核(10%)
见附表3-1
2
异步加载(10%)
小组评议、报告和教师评价
实训成果完整,语法准确无误。
跟具项目配置准确快速。
准确使用语法。
实训成果完整,跟具项目配置准确。
准确使用语法。
实训成果完整,跟具项目配置能自行搭建环境。
实训成果不完整,不能正确完成实训项目。
35%
图表中加入交互组件(10%)
小组评议、报告和教师评价
实训成果完整,开发快速;语法无误。
跟具项目配置准确快速。
准确使用语法开发项目。
实训成果完整,跟具项目配置准确。
准确使用语法开发项目。
实训成果完整,能自行搭建;跟具项目配置能自行搭建环境和开发。
实训成果不完整。
移动端自适应(5%)
小组评议、报告和教师评价
能独立完成Echarts移动端自适应实训,编写的文档完整快速,准确的程序言语法。
完成Echarts移动端自适应实训,编写的文档完整快速,准确的程序言语法。
能完成Echarts移动端自适应实训
实训成果不完整
综合素质考核(10%)
见附表3-1
4
项目实战(20%)
自评和互评
能结合企业需求完成整个项目的快速开发,并写的代码规范,有详细的开发文档。
能结合企业需求完成整个项目的快速开发,并写的代码规范。
能结合企业需求完成整个项目的开发,并写的代码规范。
不能完整的整理企业需求,不能完成开发任务,写代码不规范,没有开发文档。
30%
综合素质考核(10%)
见附表3-1
合计
100%
附表3-1 综合素质考核评价标准
项目公共
考核点
建议考
核方式
评价标准
优
良
及格
1.工作与职业操守(30%)
评教师评价
+自评+互评
安全、文明工作,具有良好的职业操守
安全文明工作,职业操守较好
没出现违纪违规现象
2.学习态度(30%)
教师评价
学习积极性高,虚心好学
学习积极性较高
没有厌学现象
3.团队合作精神(20%)
互评
具有良好的团队合作精神,热心帮助小组其他成员
具有较好的团队合作精神,能帮助小组其他成员
能配合小组完成项目任务
4.交流及表达能力(10%)
互评+教师
评价
能用专业语言正确流利地展示项目成果
能用专业语言正确、较为流利地阐述项目
能用专业课文基本正确地阐述项目,无重大失误
5.组织协调能力(10%)
互评+教师
评价
能根据工作任务对资源进行合理分配,同时正确控制、激励和协调小组活动过程
能工作条件地资源进行较合理分配,同时较正确控制、激励和协调小组活动过程
能根据工作任务对资源进行分配,同时控制、激励和协调小组活动过程,无重大失误
注:
各项目考核过程中要注意考核工作与职业操守、学习态度、团队合作精神、交流及表达能力、组织协调能力等内容。
(三)教材编写建议
1、必须依据本课程标准编写教材。
2、教材应充分体现任务导向、实践引领的课程设计思想。
将网页布局技术按职业技能标准要求,分解成典型的工作任务,按照知识点和技能点的不同分解为不同的学习情境。
3、教材应与后台、前端合作开发,充分反映最新的科研动态和企业实践新成果,吸纳、更新知识点和技能点,使教材具有先进性、职业性和指导性。
4、教材内容要强化技能点的培养和知识点的应用。
5、教材表达必须精炼、准确、科学。
(四)实验实训设备配置建议
教学在一体化教室进行,配置多媒体展示、较高配置计算机设备,计算机配备数量要满足我院常规班级人数和保有一定工作余量,可按1人配置一台。
(五)课程资源开发与利用建议
1、充分利用我院合作企业的优势,在真实的工作情境中突出工学结合,,选择典型的工作为实训任务,实现实训与生产相结合。
2、任课教师应建立好课后教学服务平台,做好课外辅导,拓展课外教学形式,形成以点带面、以强带弱、互帮互学的教学风气。
3、积极开发校外实训基地,充分利用企业资源强化生产性实训,提升学生的职业素养和职业能力。
4、充分利用各类教学资源,实现多渠道的资源共享,为学生提供完备的参考资料。
组织教师开发多媒体课件、录制教学视频、编写指导资料,为学生提供参考网站、书目和工程资料,强化针对性学习。
(六)其它
本课程是学生进行排版布局的课程,所以要重视培养学生严肃认真的学习工作态度,,形成良好的绘图习惯,灵活准确高效的制作出网页效果图。
通过本课程学习,还应使学生具备将来自主学习和终身学习的能力,使学生具备有一定的知识拓展能力,让学生掌握活的知识,从而形成学生可持续发展提高的能力。
五、其它说明
本课程标准适用专业,有关附录及说明。
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- echarts商业级数据图表应用技术 echarts 商业 级数 图表 应用技术 课程标准