工作过程导向的“HTML5 UI设计实训”混合教学设计与实践*

田美艳，林宗朝，郑 超，郑 蕊

(1.厦门华天涉外职业技术学院，福建 厦门 361000；2.厦门市同安职业技术学校，福建 厦门 361000)

职业教育越来越被人们重视，人类的生产生活离不开现代信息技术的应用，特别是“互联网+”环境的出现，各种信息化工具层出不穷，《国家职业教育改革方案》的出台，指明了职业教育的改革方向，工作过程导向的课程开发理论已经很成熟了，但在”HTML5 UI设计实训”课程中的应用实践少之又少，因此，结合线上和线下的混合教学在该课程中的应用，促进学生泛在、自主、碎片化、个性化学习[1]。

融合了线上和线下相结合的混合教学在职业院校的课堂教学中应用广泛，广大教师也做了一些尝试和应用型的研究，但还存在一些不足，特别是混合教学设计、规范性、混合性方面的应用较少。因此，本研究以”HTML5 UI设计实训”课程为载体，依托ADDIE教学设计模型和4C/ID教学设计模型，参考国内外的研究现状，设计出以工作过程为导向的课程混合教学设计架构。

一、工作过程导向的”HTML5 UI设计实训”混合教学设计与实践的思路

ADDIE模型共有五个环节，将”HTML5 UI设计实训”课程的混合教学设计分为五个阶段。

(一)分析阶段

按照工作过程导向进行优化设计，从学习情境和学习者分析两个维度出发，融入4C/ID模型进行复杂性技能分解，通过支持性信息分析、非复用性技能分析、复用性技能分析、程序性信息分析四个维度的任务分析形成技能簇和任务组，课堂教学中采用工作过程导向的职业岗位能力点为教学目标，可以促进学生的学习兴趣和积极性，这有别于常规教学中的理实一体化模式。……