作者：陈良威 本文字数：2529
[摘 要] 随着信息技术的发展，翻转课堂被称为提高教学效果行之有效的教学模式，以蓝墨云班课移动为教学平台，在网页前端脚本制作课程中开展翻转课堂教学实践，并给出了具体的操作过程和建议。
[关 键 词] 蓝墨云班课；翻转课堂；网页前端脚本制作
[中图分类号] G712 [文献标志码] A [文章编号] 2096-0603（2018）32-0030-02
当前智能手机已经成为人们日常生活中的必备品，传统课堂因学生重度依赖手机，课堂效率越来越低，如何因利势导，把学生手中的手机变成课堂学习工具以满足信息时代学生的需求，从而提高教学效果呢？蓝墨云班课作为一款以互联网为基础的客户端APP，将其应用在教学活动中，能够帮助老师提高与学生的互动率，从而正确引导学生将智能手机变成学习工具。而基于该平台实施翻转课堂能够有效促进教师的教和学生的学。笔者在网页前端脚本制作课程使用蓝墨云班课实现了翻转课堂。
一、蓝墨云班课平台对翻转课堂的支持
翻转课堂实质上是一种“以学生为中心”的教学模式，是一种翻转了传统教学结构的创新教学方式，在这种模式下，学生的学习过程变成在家看老师的视频讲解，在课堂上老师指导完成作业，但是在实施过程中，也存在一些不足之处，如学习的空间只能在家或者是课堂，学习形式较为简单，学习的内容也仅限于教师提供的视频，教学资源较为单一；同时学生在自主学习过程中，由于不能实时监督，对学生课程的完成情况和学习的质量也不能进行有效的检验和评价。对此，借助蓝墨云班课平台，对翻转课堂的学习模式进行优化。
教师在课前完成自学素材和自学任务的制作后，发布到蓝墨云班课上，蓝墨云班课发出通知提醒，學生就可以在移动端或者PC端对课前任务进行自主学习，同时教师在云班课上创建的课前测验，通过学生完成提交，测验结果能够即时反馈到教师端，在解决了传统测验占用课堂大量时间的问题之外，也能够协助教师对测验结果的掌控和分析。在课中，教师也能够在指导学生完成任务的过程中，把传统课堂上的提问转化为蓝墨云班课中的抢答、投票、问卷或者头脑风暴等活动形式，学生参与的每项活动，都能够获取一定的经验值并纳入期末的总评成绩中，通过此种方式，在活跃课堂气氛之外，更能使学生充分参与到问题的讨论中，帮助学生加深对教学重难点的理解。课后的作业评价，蓝墨云班课提供了教师评价、指定学生评价和学生互评三种评价方式，教师可以根据作业的具体情况选择一种评价方式，学生完成评价后获得额外的经验值计入期末总评；教师根据学生的考核结果及时督促学生，帮助教师达成教学目标和实现教学效果。
二、基于蓝墨云班课平台的翻转课堂教学模式设计
笔者以网页前端脚本制作的“DIV+CSS布局网页”模块为例，说明应用蓝墨云实现翻转课堂的过程。
（一）课前设计和准备学习资源与学习活动
1.课前任务单
课前任务单的主要作用是帮助学生完成自主学习的一个重要资源，包括学习内容结构、学习方法、学习要求以及相应的学习资源线索，这里笔者以思维导图的形式设计课前任务单，帮助学生理清课前自主学习的思路。
“DIV+CSS布局网页”的课前任务单又包含了学习目标、自学素材清单、自学方法建议、自学任务等内容。其中自学任务是要求学生根据微课视频和自学课件对给定的“CSS学习互动社区”网页主页样图，绘制出其布局草图，为课中完成“运用DIV+CSS盒模型完成网页布局”的任务做好准备。
2.课前微课视频
制作“如何使用CSS样式”“CSS盒子模型”“CSS布局模型”三个微课视频，分别对应“DIV+CSS布局网页”内容的重难点，要求学生结合视频中的操作步骤和老师的讲解模仿制作“盒子模型布局图”，达到对重难点的明确和理解。
制作微课时，时长应尽量控制在5分钟以内，要求教学目标明确，问题单一简短，根据内容的重、难点制作成若干个视频上传到蓝墨云班课的资源库中。如果受技术和时间的限制，也可以利用网络资源，如网易云课堂、中国大学MOOC等在线学习网站，将当中的在线视频用链接的形式发布到蓝墨云班课上。
3.课前测验活动
通过蓝墨云班课发布“DIV元素特性”“CSS语句含义”“DIV元素用途”等单选题和判断题，让学生在完成自学内容后，帮助学生梳理问题，加深对学习内容的理解。
课前测验则是检验学生在课前能否完成自主学习、课堂能不能翻转的有效手段之一，根据教学内容和教学目标设计课前测验题目，上传至蓝墨云班课并由学生完成后，教师即可马上检查分析学生的完成情况，为教师提供教学依据，从而更有针对性地准备课上活动。
（二）课中活动的开展
课前对新知识的基础学习，则需要在课中通过课堂活动和解决任务的形式促进知识的内化，这既是教师实施翻转的重点也是难点。笔者在课程中借助蓝墨云班课以任务为驱动，在课中开展活动。
1.任务准备阶段
活动一：在任务准备阶段，教师可以通过蓝墨云班课的随机分组或线下分组功能，，对全班学生进行小组划分，创建分组作业，以小组合作的形式对给定的“CSS学习互动社区”网页主页样图绘制出其布局草图，并指定在小组提交结果后以学生互评的形式对每个小组的作业进行评价。
活动二：教师在蓝墨云班课的“答疑讨论”区中设置了“如何使某个DIV向左浮动”和“如何让某个DIV内部的内容超过该DIV大小时产生滚动条”两个问题，学生使用文本、图片或语音的形式在答疑讨论区发表评论，各抒己见，通过集体的智慧深入理解知识中的难点。
2.任务实施阶段
活动一：教师通过在课前制作的演示视频，将其上传到云班课，并发布小组作业，学生根据视频的演示，完成网页各部分的DIV定义并将代码截图进行上传至云班课，完成作业的提交。教师则可以在云班课中的课堂表现模块，采用随机选人的方式，随机抽查若干名学生的作业，通过即时的抽查演示和点评的形式帮助学生梳理本课内容的重点。
