“Flash动画制作”翻转课堂学习支持平台的设计与开发

郭雪峰

（洛阳师范学院 教育科学学院，河南 洛阳 471000）

“Flash动画制作”翻转课堂学习支持平台的设计与开发

郭雪峰

（洛阳师范学院 教育科学学院，河南 洛阳 471000）

信息技术环境下，翻转课堂作为一种新的教学模式受到了教育工作者的广泛关注，很多教师在自己的课堂中开始尝试翻转，而课堂的翻转离不开学习平台的支撑，本文主要论述了“Flash动画制作”课程翻转课堂学习支持平台的设计与开发，主要包括学习平台的需求分析和功能模块的设计、使用的主要技术、数据库设计、系统的功能实现等。

翻转课堂；学习支持平台；Sql Server；Asp.Net

“Flash动画制作”是教育技术学专业的一门重要的专业技能课之一，目前存在着教学时间少，内容多，操作性、实践性强等特点。传统的教学模式重理论、轻实践，采用“一刀切”的方式，忽视了学生的个体差异，抑制了学生自主学习能力、创新思维和批判思维能力的发展，导致教学效果不佳。而项目教学法、研讨式教学法是软件开发类课程较为合适的教学方法，有利于培养学生学习的兴趣、主动性和实际动手能力。[1]美国德克萨斯州教师布雷特·维廉认为，翻转课堂的实施可节省大量的课堂时间，教师与学生可利用这些节省下来的时间进行增强性的课堂活动，如讨论、实验、互动和基于项目的学习。[2]翻转课堂的这种特点与“Flash动画制作”课程的强实践性要求相吻合，采用该种教学方式，有利于发挥学生的主观能动性，培养学生的动手能力和创新能力，提高教学效果。

而翻转课堂的成功实施需要信息技术的支撑，技术工具和信息资源成为学生学习的基础。[3]因此翻转课堂学习支持平台的建设就显得很有必要。

一、翻转课堂与翻转课堂学习支持平台

（一）翻转课堂概述

“翻转课堂”（Flipped Classroom）是一种对知识传授和知识内化的颠倒安排，即“学生白天在教室完成知识吸收与知识内化，晚上回家学习新知识”的教学模式。[4]翻转课堂的实质就是从根本上变革学生传统的学习方式，利用多种教学活动影响和引导学生的学习，使学生的学习方式逐渐变为从传统的满堂听到自主地在课堂下观看教学视频等学习，而在课堂上，教师和学生就可以针对在学习中遇到的问题，共同讨论，解决问题，从而达到高效率的学习。[5]

随着2011年美国可汗学院的兴起以及大型开放式网络课程MOOC的发展，翻转课堂教学方式开始风靡国内外。由于翻转课堂能够改变传统的教学模式，符合新课程倡导的教学理念，国内外越来越多的研究者和实践者开始关注并研究翻转课堂。

（二）翻转课堂学习支持平台开发的必要性

在翻转课堂实践中，判断一堂课翻转成功的标准是：学生在课前的自学情况可以达到传统课堂中教师讲授的效果和课堂中学生能完全内化本次课程的内容。[6]学生要实现成功的课前学习，需要具有较强的自主学习能力、丰富的资源支撑。而由于课前学习处于师生分离的状态，学生遇到问题如果得不到及时的解决会影响学习的效果，因此有必要提供方便、有效的沟通交流的渠道；另外教师课堂活动安排的依据是学生课前学习中遇到的问题，因此教师需要了解学生的学习状况，及时获取学生学习中遇到的问题。另外教师应提供环境，帮助学生培养自主学习能力和协作学习能力，完成课前学习。因此，在翻转课堂中我们很有必要给学生提供一个学习支持平台，以满足翻转课堂中师生的各种需要，从而提高翻转效果。

二、“Flash动画制作”翻转课堂学习支持平台的功能模块设计

在“Flash动画制作”课程的教学中，为了提高教学效果，对部分内容利用QQ群进行了翻转课堂的尝试，效果有了明显提高。为了更好地实施翻转课堂，我们通过对翻转课堂的文献研究、实践探索的情况分析及对学生的调查，设计并开发了“Flash动画制作”翻转课堂学习支持平台。

本系统是翻转课堂的学习支持平台，因此它的设计要考虑翻转课堂的需要，即满足课前、课中、课后的学习及交流需要。首先课前学生要利用各种资源进行学习，因此该平台首先要具有对各类资源的动态的添加、查看、修改、删除等功能，另外平台要让学生能时时了解课程的最新动态。在翻转课堂中，问题的确定是翻转课堂学习活动设计的依据，因此，该平台要能收集学生在课下学习时遇到的问题。合作、交流讨论是翻转课堂课前、课中非常重要的学习活动，因此，该平台要能满足学生的交流协作的需要。为了激发学生创作优秀Flash作品的积极性，我们可以把学生的优秀作品展示在平台中，供学生学习观看。另外，系统还应具有检测学生学习情况的功能。

依据需求分析与系统功能设计目标，结合实际情况，本平台主要包括课程介绍、课程公告、专题学习、优秀作品、交流天地、学习支持、在线测试、后台管理等模块，如图1所示。

图1 学习支持平台结构图

（一）课程介绍模块

课程介绍模块包括课程概述、课程大纲、学习方法和参考资料四部分。

课程概述：主要是对课程的性质、地位及内容作一个简单的介绍，使学生对该课程有一个简单的了解。

课程大纲:课程大纲明确规定本门课程在专业教学计划中的地位和作用，确定本门课程教学的基本任务和要求，明确了各章、节的基本内容、重点和难点，可为教师的讲授和学生的自学提供指导。

学习方法:主要是结合本课程的特点，对本课程的学习方法提出一些建议。

参考资料:给学生提供了相关的教材及相关资源推荐，为学生在今后学习活动中提供参考。

（二）课程公告模块

课程公告模块主要是为了让学生快速了解到本课程最新的教学动态，同时可以起到提示作用，主要涉及最新资源上传、课程计划、作业上交等内容。

（三）专题学习模块

专题学习模块主要是为了给学生提供课前自主学习所需的各种资源，是本学习支持平台的核心部分。根据翻转课堂的需求，结合课程内容和学生的专业要求，我们把课程内容分为了八个相对独立的专题，分别为Flash基础、基础动画制作、高级动画制作、Flash中的声音和视频、ActionScript入门和基本交互控制、操作交互的实现、练习测验的制作和Flash模板的使用。每个专题下面包括自主学习任务单、学习视频、实践练习、相关资源、作品提交、我要提问等子模块。该模块的设置可使学生按照自主学习任务单的要求和建议进行每一个专题的课前学习，通过练习及时检测学习成果，遇到问题可及时提出以寻求老师的帮助；同时教师可及时收集教学中遇到的问题，为课堂学习活动的设计提供依据。

（四）优秀作品模块

优秀作品模块主要用来展示学生在课程学习中制作的优秀作品，以激发学生的学习积极性，并可供其他学生学习和借鉴。

（五）交流天地模块

交流天地模块主要是为学生的学习提供一个非实时的交互式的学习环境，在这里学生可以就学习中的疑难问题或感兴趣的问题展开讨论。教师可以参与其中的讨论并对学生的学习加以引导,同时教师也可提出一些有价值的话题，引导学生进行研讨式的合作交流学习，以进行思想碰撞，启迪智慧。

（六）学习支持模块

学习支持模块主要为学生的学习提供扩展性的资源，包括常见的素材资源类网站地址、Flash网络教程网址、Flash学习论坛。另外，还放置了一些学生在学习中常见的疑难问题，为学生的学习提供便利。

（七）在线测试模块

在线测试模块主要是用于学期结束时对学生学习本门课的情况进行测试。主要分为在线测试和成绩查询两部分。学生输入学号、姓名、班级后才能进行测试，试题类型是选择、判断、填空等客观题。学生登录后，可在线答题，试卷的抽取采用自动组卷技术，根据数据库中试题的类型、试卷的难易程度、试题所在章节按比例进行组卷，使得每份试卷试题类型基本一致，试题所在章节分配合理。答题结束系统会自动判卷给出成绩，并将其保存到数据库。在线测试成绩作为对学生学习本门课程综合评价的一部分。可以按学号、姓名查询个人成绩，也可按班级进行班级整体成绩查询。测试的成绩会按照一定的权重折算到课程的最终成绩评定中。

（八）后台管理模块

后台管理模块也是本系统非常重要的部分，主要用于实现对各个模块的管理功能，包括公告管理、优秀作品管理、专题管理、答疑管理、论坛管理、试题管理几部分。公告管理部分可以发布新公告，查看、修改、删除原有公告；优秀作品管理可以发布优秀作品，查看、修改、删除原有作品；专题管理一是实现专题的添加、修改及删除功能，另外还可以实现专题内各种学习资源的添加、修改及删除功能；答疑管理主要是用于教师查看学生在学习中遇到的问题，了解学生的学习状况，从而更好地设计课堂活动，还可根据提出的问题及时进行解疑答惑；论坛管理主要用于教师对交流、讨论的引导管理，如可以发新的有价值的讨论话题，可以回复帖子、引导讨论，还可以删除一些无价值、无意义的帖子，试题管理主要对在线测试中的试题进行添加、修改、删除等操作。

三、“Flash动画制作”翻转课堂学习支持平台的实现

（一）开发环境

本学习支持平台选取Asp.Net 作为开发工具，以Microsoft公司为Asp.Net平台量身定做的语言——C#作为开发语言，以.Net Framework 4.0为系统框架，以Visual Studio 2010为开发环境，以Sql Server 2008 作为系统数据库置于服务器端，采用Ado.Net数据库访问技术实现数据库连接。

（二）体系结构

本平台的设计采用B/S的三层架构——表示层、业务逻辑层和数据层。表示层主要是指用户通过浏览器端看到的用户界面，是用户和整个系统的接口，用于用户在网页中提出各种操作请求并将请求提交给Web服务器；中间层是业务逻辑层，它为表示层服务，同时又与数据层直接关联,其主要负责接收用户浏览器传来的请求并将请求传给数据层，同时将请求处理结果发给用户浏览器；位于最底层的是数据层，负责存储、管理数据，该层以Ado.Net为接口，主要用于接收业务逻辑层对数据的请求，实现对数据的查询、插入、修改、删除等各种功能，并把处理的结果发送给业务逻辑层应用服务器。[7]在这种体系结构中，由于每一层都可以独立地进行修改而不会互相干扰，有利于进行系统的开发、维护和扩展。

（三）数据库设计

网站的设计与开发离不开数据库的支持，数据库设计是网络学习平台开发中的重要环节。数据库设计要在正确分析需求的基础上,使用规范化的设计方法对数据库进行概念上和逻辑上的建模,以求客观准确地反映真实世界。根据对本学习支持平台的需求的分析及建模，数据库中主要的数据表设计如下：课程公告表（公告编号、公告标题、公告内容、发布时间）、资源信息表（资源编号、资源类型、所在专题）、专题信息表（专题编号、专题名称）、问题表（问题编号、问题、提问者、提问时间、回复内容、回复者、回复时间）、优秀作品信息表（编号、名称、作者、封面图、内容、上传时间）、交流信息表（帖子编号、发帖人、帖子内容、发帖时间）、交流信息回复表（回帖编号、回帖内容、回帖人、回帖时间、原帖编号）、学生信息表（学号、姓名、班级）、成绩表（学号、姓名、成绩、测试时间）、试题表（试题编号、试题内容、试题类型、试题难度、所在章节、试题答案）。其中试题难度用1、2、3来表示，代表含义分别为简单、中等、难。

（四） 系统数据库连接实现

本网络学习支持平台采用 Ado.Net数据库访问技术实现数据库连接。[8]Ado.Net是.Net应用程序的数据访问模型,它能用于访问关系型数据库系统。在系统开发过程中，因为要多次连接数据库，如果这些连接都在各个页面的后台中去实现，将会非常麻烦，而且会出现大量的重复代码，因此，为了简化这些连接操作，在开发设计网站的时候我们设计了一个可重复使用的类，把对数据库的连接操作都封装在这个类中，这样，在后台页面需要连接数据库的时候，就可以直接调用这个类。

（五）主要功能界面的实现

1．首页的实现

首页中从数据库中读取优秀作品表以及课程公告表，通过绑定控件，使课程公告和优秀学生的作品展示在首页上，如图2所示。

图2 首页界面

2．课程学习界面的实现

课程学习界面把内容按教学专题划分，每一个专题包括：学习任务单、学习视频、练习实例、相关资源、我要提问几个模块，分别从数据库中读取不同的信息，然后展示在学习界面的不同位置，如图3所示。

图3 课程学习界面

四、 总结与反思

该平台是一个基于.Net Framework的翻转课堂学习支持平台，经过一段时间的试用，发现该系统基本可满足翻转课堂的需要。在平台中教师可根据自己的需要动态添加各种资源，学生可以根据自身情况利用教学视频等资源在课下合理地安排自己的学习，可以在一种轻松的氛围中学习，不用担心跟不上老师的节奏，学生在自主学习的过程中有疑问还可以通过交流天地进行交流，从而增加了学生间的互动，也可直接通过“我要提问”直接提出问题。老师也能够有大量的时间与学生交流，对于交流过程中发现的共性问题，可以有针对性地进行统一讲解，也可以针对学生的问题，让学生自己成立学习小组，互相帮助，以提高学习效率。另外该系统还可以很方便地对学生进行测试评价，减轻了教师的工作量。

[1]王娟,祝孔涛.软件开发类课程教学方法探讨[J].当代教育理论与实践,2011，(3)：60-61.

[2]杨刚，杨文正，陈立.十大“翻转课堂”精彩案例[J].中小学信息技术教育,2012，(3)：12-14.

[3]张金磊.“翻转课堂”教学模式的关键因素探析[J].中国远程教育，2013，(10)：59-64.

[4]曾明星，周清平，王晓波，蔡国民，董坚峰.软件工程专业“翻转课堂”云计算教学平台探讨[J].现代教育技术,2013，(8)：26-31.

[5]卜彩丽,马颖莹.翻转课堂教学模式在我国高等院校应用的可行性分析[J].软件导刊,2013，(7)：9-11.

[6]李宏敏.基于翻转课堂教学理念的课程设计与开发——以《学习科学与技术课程为例》[D].南宁：广西师范学院，2013.

[7]李建林,孙刚.基于结构的课堂教学管理平台的设计与实现[J].信息化研究,2012，(2)：71-74.

[8]郑淼，基于WEB的高校毕业生管理系统设计[J].常州工学院学报,2007，(6)：39-43.

（责任编辑 乔磊）

Design and Exploitation of "Flash Animation" Flipped Classroom Learning Supportive Platform

GUO Xuefeng
(Institute of Education and Science,Luoyang Normal University,Luoyang,Henan,China 471000)

Under the information technology environment,flipped classroom,a new teaching mode,has drawn lots of attentions from educators.An increasing number of teachers start trying flipped classroom,but the flipping of class cannot work without the support of learning platform. This paper mainly talks about the design and exploitation of "Flash Animation" flipped classroom learning supportive platform,mainly including the demand analysis of learning platform and design of functional module,main technologies used,database design,and functional realization of the system,etc.

flipped classroom;learning supportive platform;Sql Server;Asp.Net

G40-057

A

2096-0069（2015）05-0034-05

2015-07-20

该论文为2014年河南省高等教育教学改革项目（编号：2014SJGLX293）及2014年洛阳师范学院教改项目（编号：29）的阶段性研究成果之一。

郭雪峰（1980— ），女，汉族，河南新野人，洛阳师范学院教育科学学院讲师，硕士，主要研究方向为计算机教育应用、信息化教学设计。