基于翻转课堂的《HTML5移动应用开发》课程教学探讨与研究

华 英

苏州市职业大学 江苏 苏州 215000

1 什么是翻转课堂

随着信息技术和互联网产业的不断发展和推动，催生出经济社会发展的新形态——“互联网+”。随着各行各业与互联网的深度融合，教育业也不无例外的加入“互联网+”大军。微课、慕课、SPOC等一系列新的教学模式不断涌现，他们利用信息化技术组织整理教学资源，依托互联网平台发布，给更多学生提供系统学习的可能。翻转课堂作为一种新兴的教育模式，在全球范围迅速升温，得到教育界的广泛关注，2011年被加拿大《环球邮报》评为“影响课堂教学的重大技术变革”[1]。

翻转课堂的实施，对学生和教师都提出了更高的要求。我国传统教育模式倡导“以知识为本位”，教学过程中强调课堂教学中老师教的主体地位。尤其程序设计类课程，需要培养学生的动手实践能力。“翻转课堂”提出“以学生为中心”，学生变被动为主动，课前自主学习，课上讨论实践；老师从“传道者”变成“解惑者”，运用自己丰富的知识储备和灵活的组织把控能力，保证课堂讨论实践地层层推进，有序开展。

2 《HTML5移动应用开发》课程教学探讨与研究

2.1 存在的问题

《HTML5移动应用开发》是我校移动应用开发和应用技术专业学生大一下学期开设的职业能力课程，主要使学生理解web开发的思路和过程，培养学生HTML5、CSS3和 Java Script等 web应用开发的知识，使学生具有综合运用各种知识进行web设计和开发的能力。多年的教学过程中发现，针对此类web应用开发课程传统的教学模式很难培养学生的综合实践能力，其主要原因在于“三缺乏”。

（1）缺乏实践时间。《HTML5移动应用开发》课程需要学生掌握HTML5、CSS3和JavaScript等脚本语言的基本语法规则，没有这些理论的支撑很难完成实践案例。因此在传统教学中老师通常要花费大量的时间讲理论，为保证学生能够顺利完成作业往往还需要演示作业实现步骤，课上能留给学生实践的时间很少。

（2）缺乏学习兴趣。传统的教学模式没有考虑到不同能力学生的需求，教学任务安排单一，难以激发学生的学习兴趣。能力较好的学生会觉得任务过于简单，无法拓展他们的创新能力；能力一般的学生往往也只满足于按部就班按照老师的演示完成作业，不能深刻理解内涵；能力较差的学生会觉得无从下手，甚至选择放弃实践。

（3）缺乏相互交流。《HTML5移动应用开发》课程的实践任务往往要写许多脚本，学生在初学过程中还没有养成边写边调试的习惯，常常把所有代码全部写完再运行调试。因此在课堂上都忙于敲代码，学生之间很少有交流，等课后调试出现问题时，又不能及时向老师请教。而老师在课堂也很难做到和几十个学生单独辅导，尤其程序在没有运行时也很难看出代码的问题。

2.2 通过翻转课堂解决问题

（1）解决时间问题。“课前学”把知识点的学习放到课前，将课堂上大量“教”的时间空余出来，使学生“被动听”转变为“主动学”，成为课堂的主体。近年来，微课和慕课资源迅速增长，慕课作为目前主要的网络化教育载体，打破了教室的限制，充分体现了知识共享。多功能开放教学平台的支持和多形式的教学内容展示，保证了学生在课前就能很好地学习到课堂需要掌握的知识点，对之前遗漏的知识点也能随时查漏补缺，老师在课堂上就不需要再花费大量的时间讲解，很好的解决了时间问题。

（2）解决兴趣问题。学生对新事物都会充满好奇心，希望去探索去尝试。“翻转课堂”颠覆传统教学模式，本身就会激发学生的好奇心，尤其把学生放在主导地位，这就更吸引他们去探索，去发现问题解决问题。课堂上学生分组协作完成任务，互相监督互相促进，对学习态度并不积极的学生可以起到很好的带动作用，在大家齐心协力共同完成任务的过程中，学习的兴趣也会得到提升。

（3）解决交流问题。分组教学模式要求学生从选择分组到执行任务到最后展示都必须合作完成。大家是一个整体，要完成任务既要发挥自己的特长，展示自己的想法，更要和同组的同学互相帮助共同进步。依上所述，将“翻转课堂”新型教学模式应用到《HTML5移动应用开发》课程中是可行并且必要的。

2.3 教学模式的设计

“翻转课堂”对于老师和学生都提出了更高的要求。学生要转变之前作为一个沉默“聆听者”的角色，充分发挥自己的主观能动性和团队合作意识。而作为老师虽然从原来主导的“演说家”角色解脱出来，但赋予了老师更多的责任：课前需要制作微课、慕课等教学资源；课上需要精心设计课堂活动，需要观察学生的阶段性完成情况给出建设性意见；课后需要发现学生的薄弱环节进行补救，需要总结阶段性问题完善后面的教学内容。

（1）课前阶段。在“翻转课堂”教学模式中，课前的视频学习资料是学生学习的关键因素。因此，提供有趣、有效的视频是教学正常开展的首要任务。通过调研总结发现，视频时间不宜过长，除了教学视频，老师还需要在课前发布与视频内容相关的思考题和多个不同难度的教学任务，为学生提供自我评价的标准，也为课堂任务开展做准备。

（2）课中阶段。在翻转课堂的课中阶段，课堂变成了师生、生生交流互动的场所。有效的课堂互动必须在平等、民主的课堂氛围下进行。《HTML5移动应用开发》属于技能性课程，分三个学习水平：一是模仿水平；二是独立操作水平；三是迁移水平。本项目在课堂实施中，采用“模仿—改进—创新”三步原则，先和学生一起讨论课前教学视频中的案例，引导学生分析总结，解答学生学习过程中的问题，在此基础上，针对不同分组，提出改进要求，引导学生结合已有技能完成调整，最后根据学生能力不同提出创新要求，学生协作进行“头脑风暴”，综合运用所学技能实现作品，并在交流中更好地发现问题，解决问题。

（3）课后阶段。互联网环境为我们提供了立体化的教学资源，传智播客、百度传课等学习平台都提供了大量的相关学习视频，HTML5中国、jQuery之家上也分享了许多网页源码可以用来学习，引导学生课后有针对性的学习，得到知识的升华。

2.4 教学效果

在我校2016级计算机应用专业开设《HTML5移动应用开发》课程的五个班级选取其中两个班级采用“翻转课堂”教学模式，另外三个班级采用传统教学模式。课程结束后通过期末测试、问卷调查和自愿性综合实践任务三方面对5个班级的学生进行调查和测试，调查结果如表1所示。

从表格数据可以看出，“翻转课堂”的实施不仅提升学生的学习成绩，更培养了学生的学习兴趣，取得了良好的教学效果。这一新的教学模式仍处在尝试摸索阶段，通过一学期的实践，取得了成功，也收获了问题，在今后的教学中还要进一步的完善提高。

表1 调查结果汇总表

3 结论

“翻转课堂”并不只是教学过程的简单变化，而是教学内容、教学手段、教学理念的全方位多层面变革。从传统教学模式过渡到这一新的教学模式，对学生和老师都提出更高的要求。虽然我们取得了一定的成效，但同时也存在一些问题，还需要老师和学生共同地努力。

[1]马秀麟,雷湘源,张金忠.翻转课堂的教育价值及误区分析[J].中国教育信息化,2017(2):1-5.