引入翻转课堂的动态网页设计课程项目教学设计

郑丹青

(湖南汽车工程职业学院 信息工程系，湖南 株洲 412001)

引入翻转课堂的动态网页设计课程项目教学设计

郑丹青

(湖南汽车工程职业学院 信息工程系，湖南 株洲 412001)

摘要：根据项目教学法的特点，提出了动态网页设计课程项目教学设计，即以图书商城项目为导向，将动态网页设计课程的教学内容划分为多个教学项目的方案，并根据教学实践，指出了项目教学法的局限性。为了拓展项目教学法中知识传授与知识内化的时间和空间，实现个性化教学，提出了引入翻转课堂，与项目相结合的教学设计。

关键词：翻转课堂；项目教学法；动态网页设计；教学设计

项目教学是目前职业教育教学改革的热点与方向。它将传统的学科体系中的知识内容转化为若干个教学项目，围绕着项目组织展开教学，使学生直接参与项目全过程的一种教学方法。项目教学法是以学生为中心，以任务为导向进行的教学活动，以培养学生的专业技能为教学首要任务，充分发挥教师的协助作用，以学生完成项目的情况来评价学生学习效果的新型教学模式[1]。

从上世纪80年代开始，由于计算机、多媒体和互联网技术的高速发展，推动了全球信息化技术的发展。特别是近几年来，随着移动互联网、云计算技术和物联网技术的应用，将人类社会带入了信息化的时代。信息技术不仅改变了人们传统的经济活动方式和社会生活方式，还对传统的教育方式产生了深刻影响，促进了教育信息化的发展。如近年来出现的翻转课堂教学模式就是利用现代信息化技术，运用网络数字化平台和多媒体技术，实现将知识传授和知识内化颠倒安排[2]，形成了一种“学习知识在课外、内化知识在课堂”的新型教学结构[3]。

随着信息技术与课程整合日渐深入，探索将翻转课堂教学理念融入项目式教学中，开展翻转课堂与项目教学法相结合的教学研究是很有必要的。本文以动态网页设计课程为例，提出了引入翻转课堂的项目教学设计。

1动态网页设计课程项目教学设计

动态网页设计课程属于网站开发设计类课程，是软件技术、网络技术、计算机应用技术和移动互联等计算机类专业的核心课程，也是一门综合性很强的技能课程，它包含了网页设计基础、Div + Css、MySQL数据库应用、PHP编程等内容的综合应用。学生一般是在完成了前续课程静态网页设计与制作、数据库管理与应用等课程的学习后，才进入后续课程动态网页设计课程的学习。由于程序设计类课程对高职院校学生是一个学习的难点，许多学生因缺乏程序设计思维方式的训练，在学习过程中，很容易产生畏难情绪，从而失去学习的兴趣。因此，为了提高教学效果，教师在教学过程中不仅要强调对学生的知识传授，而且要加强对学生进行知识的内化。只有通过不断的知识内化过程，才能逐步形成程序设计的思维方式，从而真正地理解动态网页设计的基本概念和PHP程序设计的方法。

项目教学法是根据项目开发过程(或基于工作过程)的思路，将整个项目分拆为若干个有组织又相互关联的小项目。然后，依据项目开发的需要来构建教学项目和安排教学活动，而每个教学项目都有一定的工作任务。在教学过程中，教师首先在课堂上依据教学项目向学生讲授完成工作任务所必需的知识点和技能点，学生则是通过观看教师对项目的演示来接受知识点。然后，学生在教师的指导下，通过自已动手及小组合作的方式在限定的时间内完成项目任务，以实现知识的内化过程。学生是通过项目实践来了解和掌握完成项目所需的知识点和技能点，而教师是以项目完成后所取得的成果来了解、评价学生的学习情况，以便及时调整教学内容。

在动态网页设计课程的教学中，项目的选择是关键。现以图书商城项目为例，将动态网页设计课程的教学内容分成三大模块：基础知识模块、图书商城前台功能模块、图书商城后台功能模块。每个模块都包含了相应的教学项目，每个教学项目分别对应着完成项目工作任务所必需的知识点和技能点。在教学过程中，学生先通过基础知识模块学习，初步了解和掌握动态网页设计的基本理论和操作技能。然后，将图书商城前台功能模块拆分为用户管理、商品显示、购物车等三个项目。图书商城后台功能模块可拆分为用户管理、图书管理、订单管理、信息管理等四个项目，每个项目还可拆分为相应的几个子项目。图书商城前台功能模块与图书商城后台功能模块中的各个教学项目的教学内容、知识点和技能点如表1、表2所示。

表2　图书商城后台功能模块教学项目

续表2

项目编号项目名称子项目名称知识点技能点3订单管理查询订单编辑订单1、PHP数据库操作2、订单管理页面设计订单信息管理设计4信息管理公告管理添加公告删除公告1、PHP数据库操作2、公告管理页面设计公告信息管理设计

2动态网页设计课程项目式教学现状及挑战

以动态网页设计课程中的用户登录子项目教学为例，在项目教学开始前，教师先将学生分组，并将用户登录子项目分解为用户登录页面设计、验证码程序设计和用户登录数据处理设计等工作任务，每个工作任务对应着不同的职业能力。教师在课堂上，通过创建用户登录项目进行案例讲解与演示，将项目中的知识点传授给学生，学生再通过项目练习掌握相应的知识点和技能点。但是，在实施过程中，由于学生缺乏课前预习的习惯，因此，在课堂教学中，教师仍然需要花费许多时间给学生讲解为完成项目所必备的知识点，而给予学生自主学习的时间就会缩短。同时，由于学生学习能力参差不齐，使教师无法兼顾到不同层次学生的学习需求，因而也很难做到对学生进行个性化教学。

为了提高学习效率，培养学生自主学习的能力，拓展学生学习空间和时间，关注不同学生的学习需求，有必要对现在课堂教学模式进行改革，探索在项目教学法中引入翻转课堂的教学理念，开展翻转课堂与项目教学相结合的教学研究，寻找新的教学组织形式、教学方法和教学手段，改变高职学生的学习习惯，培养学生的学习兴趣，提高学生的学习主动性和自律性，增加课堂上师生互动时间，培养学生自主学习和小组合作学习的能力，提高动态网页技术课程的教学效果。

3引入翻转课堂的动态网页设计课程项目教学设计

翻转课堂就是学生在课前利用教师分发的教学材料，如微课教学视频、学生学习手册等，先自主学习课程，在课堂上再参与同伴和老师之间的释疑、解惑、探究等互动活动，并完成练习的一种教学形式。翻转课堂也是利用网络，实现将知识传授和知识内化颠倒安排来达到对课堂时间重新分配的目的[4]。

在项目教学中，引入翻转课堂教学理念的关键是利用现代信息化技术，构建网络化的动态网页设计课程的教学资源库。教学资源库包含了学生自学指导书和动态网页设计课程的知识点图谱，知识点图谱是学生自主学习课程知识点的路径图。在知识点图谱中，每个节点对应着每个教学项目中的知识点，每个知识点都有相应的微课教学视频、辅助教学PPT、用于检测学习效果的测试练习和项目练习。学生可根据自学指导书、微课教学视频、辅助教学PPT和测试练习来完成课前自主学习。

引入翻转课堂的动态网页设计课程项目教学的实施过程分为课前知识点自学，课中测试、释疑、解惑、项目练习、课程评价和课后分小组合作开展课程设计等三部分。课前，教师根据课程的知识图谱向学生布置课前学习任务，指导学生到动态网页设计网络空间课堂上下载学生自学指导书和动态网页设计课程的知识点图谱，要求学生根据知识点图谱找到对应的微课教学视频、辅助教学PPT和检测学习效果的测试练习，利用课前时间完成自主学习。课中，教师首先检测学生自主学习的效果，根据学生学习情况对知识点的重点、难点进行释疑、解惑，指导学生通过自主学习与小组合作学习开展项目练习。最后，对项目练习的成果进行评价。为了进一步检验学生掌握知识的程度，设计了小组合作课程设计项目，要求学生以小组为单位，自选一个网站主题开展课程设计。在课程结束时，各小组成员要举办网站设计作品的汇报展示会，并进行作品评价。

引入翻转课堂的动态网页设计课程项目的教学评价分为课前学习效果评价、课中项目练习成果评价和课后小组合作课程设计项目成果评价等三部分。课前学习效果评价目的是督促学生主动完成课前学习任务，改变学生的学习习惯，提高学生的自主学习能力，以保障翻转课堂能顺利进行。同时，翻转课堂为不同层次学生提供自主学习平台，学生可以根据自已的学习情况，按照课程的知识图谱选择学习进度，教师也可根据学生情况进行个性化教学。

4结语

翻转课堂引入到项目教学中，不仅可以将教师从教学进度、课时的限制中解放出来，将教学重点转向理解活动的组织中来[5]，还可以改变学生的学习习惯，提高学生的学习效率。但是，要保障翻转课堂的顺利实施，首先要基于现代信息化技术，构建网络化的动态网页设计课程的教学资源库。其次，教师要指导与督促学生学会利用教学资源库进行自主学习。在教学过程中，教师一方面通过教学评价来督促学生学习，特别是课前的自主学习；另一方面则是要及时了解学生的学习情况，从而实现对学生的个性化教学。

参考文献

[1] 郑丹青.项目教学法在动态网页设计课程中的教学应用[J].中央民族大学学报(自然科学版),2014，23(2)：67-70.

[2] 宋朝霞,俞启定.基于翻转课堂的项目式教学模式研究[J].远程教育杂志,2014(1):96-104.

[3] 金陵.“翻转课堂”,翻转了什么？[J].中国信息技术教育,2012(9):20.

[4] 钟晓流,宋述强,焦丽珍.信息化环境中基于翻转课堂理念的教学设计研究[J].开放教育研究,2013,19(1)：58-64.

[5] 陈明选,陈舒.围绕理解的翻转课堂设计及其实施[J].高等教育研究,2014,35(12)：63-67.

[责任编辑、校对：东艳]

Teaching Design of Flipped Classroom-introduced Dynamic Website Design Course Project

ZHENGDan-qing

(Department of Electronics and Information,Hunan Automotive Engineering Profession College,Zhuzhou 412001,China)

Abstract：According to the project approach,the paper proposes a teaching design of dynamic web design course project pedagogy,namely that the project is "book store" project-oriented,and divides the teaching content of dynamic web design course into several teaching programs.According to the teaching practice,the paper points out the limitations of the project approach.To expand the time and space of knowledge impartment and knowledge internalization,and realize the individualized teaching,the paper presents the teaching design of combining flipped classroom with project.

Key words：flipped classroom;project approach;dynamic web design;teaching design

收稿日期：2016-03-17

基金项目：湖南省职业教育与成人教育学会科研规划课题(XHB2015027)

作者简介：郑丹青(1962-)，女，湖南邵阳人，副教授，主要从事管理信息系统、数据库及数据挖掘和计算机教学研究。

中图分类号：G642

文献标识码：A

文章编号：1008-9233(2016)03-0085-04