基于慕课的O2O高职网页设计教学生态模式探析

张琳 王冠

基于慕课的O2O高职网页设计教学生态模式探析

张琳 王冠

（芜湖职业技术学院网络工程学院，安徽芜湖，241003）

慕课与具体的课程教学相结合，给传统的课堂教学带来新的活力和丰富的资源。将高职网页设计课程教学与相应的慕课资源进行有效融合，改变了以往相对单一的课堂教学模式，延伸了传统课堂教学的时间与空间范围。开展基于慕课的O2O(online to offline)高职网页设计课程教学模式新探索，可进一步丰富课程资源，加强师生互动，并提升学生的自主学习能力。将慕课资源应用于高职网页设计课程的教学并开展线上与线下教学模式新尝试，对进一步完善其教学生态模式具有一定的促进作用。

慕课；高职网页设计；020；教学生态模式

1. 引言

慕课依托互联网的飞速发展，基于教育资源共享的目标应运而生。它凭借“小而精的课程内容设计”理念，成为在线教育领域重要的组成部分。随着计算机网络技术的发展，社会对网页设计人员的需求从数量和质量方面都有新的要求。高职网页设计课程作为培养网页设计人员的专业课程，在新的社会背景下需要做出适当改变以满足市场需求。高职网页设计课程具有内容多、涉及面广及技术更新快等特点，而传统的课堂教学很难满足社会对网页设计人员的要求。将慕课资源应用于传统的网页设计教学中，实现在线学习与课堂教学相融合，以此构建基于慕课的O2O高职网页设计课程教学模式。

2. 慕课在高职课程教学中的优势概述

慕课（MOOC）被译为大规模在线开放课程。它凭借开放、大规模、自由及低门槛等优势，在教育领域获得飞速发展。高职教育以应用、技能为主要导向，但学生的水平又层次不齐。基于上述特点，人才的培养仅仅通过整齐划一的课堂教学，很难满足每个学生的需求，也很难将学生培养成专、精、尖的技能型人才。高职学生需要利用更多的课外学习时间，以弥补传统课堂教学中的非重复性、固定性等特点所带来的不足，让学生简单、快捷和不受时空限制地获取有效的学习资源，进行探索学习和自主学习。慕课的优势刚好能契合高职学生的学习特点。

对芜湖职院2017级计算机网络技术专业的140名学生进行关于在线学习意愿方面的调查，我们发现大部分学生是非常乐意接受在线学习这种形式的，愿意将在线学习与传统课堂学习相互融合。随着各种新兴媒体的出现，碎片化学习逐渐融合到传统的课堂教学中①田生湖,姚建峰,崔同宜. 我国慕课研究现状、热点聚焦与发展建议——基于知识图谱的可视化分析[J/OL]. 成人教育, 2019(1).。慕课正是利用零散时间进行学习，学生根据各自的学习兴趣和知识储备情况，自由、灵活的选择相关慕课。通过上述分析发现，将慕课应用于高职课程教学过程中，具有较高的可行性和一定的优势。

3. 慕课的O2O教学模式与高职网页设计课程融合性分析

结合58同城、智联招聘网、北大青鸟等相关招聘网站、教学培训机构的相关数据分析得出：目前，社会对网页设计人员的具体要求见下表1“网页设计人员的需求概述”所示

表1 网页设计人员的需求概述

学历要求基础技能前端技能后台代码 大专及以上学历网页设计规范及流程、网页布局及其排版、切图及交互。Web前端开发技能、擅长DIV+CSS、JavaScript等前端开发技术。精通jQ，能熟练使用BootStrap、HTML5、Sass、Nodejs、webPack。

通过表1中的相关信息发现：目前关于网页设计人员的社会需求主要包括学历要求、基础技能、前端设计、后台代码等方面。结合2018年《中国互联网站发展状况及其安全报告》得出：截至 2017年12月底，中国网站总量达到 526.06万个，其中企业主办网站 387.39 万个、个人主办网站 116.15 万个。网站主办者达到 401.65 万个，用于提供药品和医疗器械、新闻、文化、出版等信息服务的网站达到 1.30 万个②中国互联网站发展状况及其安全报告（2018年）[EB/OL]. http://www.isc.org.cn/zxzx/xhdt/listinfo-36071.html, 2018.7。通过上述的两项数据可以得出：目前网页设计行业的从业数量是非常庞大的，涵盖面也是比较广的。同时随着网络技术发展，尤其是移动终端的兴起，对网页设计人员的专业技术要求也是越来越高。

高职教育可以满足网页设计人员的学历要求，但仅仅依靠传统的课堂教学很难满足基础技能、前端技能和后台代码等方面的技能要求。基于上述的人才需求与课程教学之间的矛盾，将慕课的优势与高职学生的学习特征进行有效融合，以此构建基于慕课的O2O高职网页设计课程的教学模式。

4. 构建基于慕课的高职网页设计课程O2O教学生态模式

在将慕课资源与高职网页设计课程具体融合的实施过程中，特意选取2016级网1、网2班的同学，对“鼠标的悬停效果”这一操作性比较强的知识点，开展线上线下教学模式的对比分析。通过平台导出的相关数据发现：其中一个班的同学利用慕课视频进行课前预习和课后巩固，另一个班的同学没有利用慕课视频开展课前预习和课后巩固。在经历了相同的课堂学习后，通过知识点测试和技能考察发现，两个班同学在知识掌握和技能操作方面有了一定的差距。利用慕课视频资源的同学掌握的知识点更牢固，其知识点测试正确率比没有利用慕课视频资源的同学提高了将近18%，上机操作的熟练程度和师生之间有效互动次数也得到了大幅提升。

图1 基于慕课的高职网页设计课程的O2O教学生态模式构建模型

通过以上教学探索，并参考相关课程的省级智慧课堂建设经验，发现“基于慕课的高职网页设计课程O2O教学生态模式构建”是将高职网页设计的课堂教学、网页设计课程慕课平台、慕课视频及云班课平台进行有效融合，开展线上学习与线下教学相结合的教学模式的探索，有效发挥教师和学生的主动性及积极性，以此构建高职网页设计课程的教学生态模式，如图1所示。

4.1 依据需求确定网页设计课程O2O教学内容

根据市场对网页设计人员的需求进行分析，并与目前的高职网页设计课程教学内容进行对比，总结出前端设计和后台开发两方面技能是目前社会所需，同时也是传统课堂教学的重、难点。由于前端设计和后台开发相关内容非常多，每周4学时的教学是很难让学生充分掌握的。高职网页设计课程中，具备内容多、技能要求高这些特征的教学内容正是开展O2O教学模式的重要切入点。

4.2 选择合适的慕课形式开展O2O的教学模式探索

将慕课应用到网页设计的O2O教学模式中，可依据具体的教学内容，选用不同的慕课形式。具体的应用形式可分为两种：一种是引用成熟的慕课，引导学生开展学习；另一种是采用慕课平台或云班课平台发布自主开发的慕课视频，引导学生开展学习。慕课为传统的课堂教学提供优质的资源和有效的交互平台，但网页设计课程中传统的课堂教学依然非常重要。相比而言，有些教学内容，采用课堂教学的效果更好一点（比如HTML语言）。将传统课程教学与慕课相结合，这种线上线下的教学模式（O2O）为传统的网页设计课程的教学带来了更多活力和丰富的资源，并且有效扩展了师生交互空间。

4.3 测试与练习+过程监控

将慕课应用于网页设计课程中，可利用其特性与优势，加入相应的练习、测试和过程监控，让学生能利用课余时间不断地巩固知识与技能，有效跟踪每个学生的具体学习情况。将慕课应用到O2O的教学模式中，目的是为了调和传统的课堂教学与社会需求之间的矛盾。因此应更好的利用传统的课堂教学，做到有的放矢。为了更好的应用网页设计的O2O教学模式，应加强过程监控，了解学生的学习情况，做到过程的可控性，关注学生学习进展，开展线上线下的交互。

4.4 教师与学生之间的作用与地位

在基于慕课的网页设计课程的O2O教学生态模式中，教师和学生的作用与地位有了一定的变化。教师不仅要完成传统的课堂教学任务，同时还应将人才需求与教学内容进行整合，确定哪些内容进行课堂教学，哪些内容适合设计慕课视频或者选择合适的慕课平台进行教学。跟踪学生的学习情况，开展线上和线下教学相结合的新模式。而学生不仅仅要掌握课堂的学习内容，还应学习相关的慕课资源。对学生要进行多种测验与练习，巩固网页设计相关的知识与技能，同时还应多利用上机时间进行操作技能培训。在这种模式中，教师和学生都是教学的积极参与者，充分体现了教师与学生在教学过程中的双主体作用。

5. 总结

总之，随着慕课不断加入到传统课堂教学中来，慕课与具体课程的融合显得非常重要。目前生态的理念已经贯穿到社会生活的各个方面，教学当然也不例外。依据高职教育特点、高职网页设计课程特征、网页设计人员的社会需求，将慕课应用于传统的网页设计的教学过程中来，实现了线上与线下多种教学模式的有效融合，对传统课堂单一的教学模式进行有效弥补。在融合和弥补的过程中，可促进教学模式进一步优化，以此构建基于慕课的高职网页设计课程的O2O教学生态模式。高职网页设计课程的教学生态模式构建只是一种教育手段，而并非最终的目的，最终的目标是希望在此教学生态模式下，更好促进教学，实现学生从学校到就业岗位的无缝对接。

[1]田生湖,姚建峰,崔同宜. 我国慕课研究现状、热点聚焦与发展建议——基于知识图谱的可视化分析[J/OL]. 成人教育, 2019(1):25-30[2019-01-12].

[2]中国互联网站发展状况及其安全报告（2018年）[EB/OL]., 2018.7.

[3]张琳. 慕课视角下网页设计课程教学生态模式的构建策略研究[J]. 山东农业工程学院学报, 2016,33(08):9-10.

[4]汪舟娜,汪益兵. 基于Online to Offline的高职航海技术专业现代学徒制教学生态构建[J]. 航海教育研究, 2018,35(04):58-61.

[5]吴建超. 慕课背景下高职经济法课程教学模式分析[J]. 法制与社会, 2019(1):206-207.

[6]谭苏燕. 大学英语教学生态模式研究[J]. 广东农工商职业技术学院学报, 2014(8).

On the Ecological Model for O2O Web Design Teaching Based on MOOCS in Higher Vocational Institutes

ZHANG Lin & WANG Guan

The combination of MOOCS and specific course teaching brings new vitality and abundant resources to the traditional classroom teaching. The effective integration of web design course teaching and corresponding teaching resources of MOOCS in higher vocational institutes has changed the relatively single classroom teaching model in the past and extended the time and space scope of traditional teaching. Exploration into the O2O teaching model of web design courses based on MOOCs can further help to enrich the curriculum resources, enhance teacher-student interaction and improve students’ self-learning ability. The application of the resources of the MOOCS in the web design course teaching in higher vocational institutes, and new attempts in the development of online and offline teaching models, will be conducive to further improvement of its teaching ecological model.

MOOCs; web design courses in higher vocational institutes; O2O; teaching ecological model.

G642.0

A

1009-1114（2019）03-0013-03

2019-01-15

张琳（1984—），安徽宣城人，硕士研究生，芜湖职业技术学院副教授，研究方向为计算机网络和计算机应用。

研究项目：安徽省教学研究项目“慕课视角下网页设计课程的教学生态模式研究”(2016jyxm1121)；安徽省质量工程项目“综合布线技术双绞线及其制作智慧课堂试点”（2017zhkt465）；安徽省高校自然科学项目“基于大数据分析的智能贩卖管控系统的研究与应用”（KJ2018A0702）；2018年芜湖职业技术学院质量工程“校级教坛新秀”项目阶段性建设成果；芜湖职业技术学院教学研究项目“慕课视角下网页设计课程的教学生态模式研究”（WZ[2015]jy09）。

文稿责编 喻洁