基于蓝墨云班课的翻转课堂在网页前端脚本制作课程中的应用

陈良威

[摘 要] 随着信息技术的发展，翻转课堂被称为提高教学效果行之有效的教学模式，以蓝墨云班课移动为教学平台，在网页前端脚本制作课程中开展翻转课堂教学实践，并给出了具体的操作过程和建议。

[关 键 词] 蓝墨云班课；翻转课堂；网页前端脚本制作

[中图分类号] 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定义并将代码截图进行上传至云班课，完成作业的提交。教师则可以在云班课中的课堂表现模块，采用随机选人的方式，随机抽查若干名学生的作业，通过即时的抽查演示和点评的形式帮助学生梳理本课内容的重点。

活动二：根据页面布局草图和样图，在限定时间内完成网页的页面设计制作，在此期间，由于涉及可以有多种方法完成页面中的导航条，对此，笔者组织了头脑风暴让学生列举实现的方法，帮助学生进一步加强对知识的掌握。

3.任务评价总结阶段

活动一：教师在答疑讨论区中让学生对本次课的学习进行汇报，包括学习的知识、遇到的问题和解决方法。通过这种方式引导学生完成对本次课学习内容的梳理，同时教师将汇报进行收集和总结，帮助教师调整教学计划，真正实现以学生为中心，以学定教，提高教学效率。

活动二：学生在完成任务之后，上传作业，并对作业进行学生互评，评价之后的经验值结合课中各项活动的经验值，最后纳入期末总评成绩，学生通过这种方式对课堂学习的评定，令成绩更加公平客观，同时也大大减轻教师的工作量。

（三）课后知识的拓展

教师在课后通过作业活动区发布完成“CSS学习互动社区”课程选择页面的拓展案例，要求学生在限定时间内完成该案例。在此期间，学生可以通过蓝墨云班课平台随时向老师请教，或者利用智能手机在同学间进行交流，最后，将作业提交到云平台进行评定，以此增加学生知识的广度。

三、课堂教学效果的分析

笔者在课后使用蓝墨云班课针对此种教学模式创建了“投票/问卷”活动，以此了解学生对该种模式下的课堂教学的认可，本次活动参与人数42人，有效问卷40，占95%，问卷调查结果如下表所示：

（一）提升学生的自主学习能力

学生可以根据学习需要，通过蓝墨云班课获取相应的教学资源，尤其是一些操作类的微课视频，学生可以反复观看解决操作中的疑难点，不仅能有效地促进学生的探究学习，更能打破学习空间和学习时间的束缚，以个性化的学习方式触发学生的学习动机。

（二）新颖的学习方式提高了学习兴致

向来被明令禁止在课堂出现的手机，在基于蓝墨云班课的翻转课堂教学模式的课堂却可以光明正大地出现，而且变成了学习工具，无疑触动了学生的好奇心，提高了学生学习的兴致。

（三）提高了学习的有效性

蓝墨云班课的经验值和学习行为信息可以督促学生的学习进度的完成、作业任务和答疑讨论等课堂活动的参与，在老师的监控下，解决和提高了在翻转课堂中利用智能手机进行学习的有效性。

（四）改善、促进了师生、生生间的交流

答疑讨论区为学生提供了一个提问题和发表观点的平台，在刚开始阶段，学生碍于面子，只有老师解答，到了中后期，越来越多的学生参与进来，互相帮助发表观点和感想，克服传统课堂上学生碍于面子、教师碍于授课时限所造成的生生、师生之间缺乏交流的问题。

四、总结与反思

通过上述实践，蓝墨云班课基本上能够满足翻转课堂的要求，其充分发挥了互联网的优势，实现了教学资源跨区域传送，加强了师生互动，真正做到了“以学生为中心”。但同时也对我们教师提出了更高的要求：（1）“学生为中心”的教育模式，促使教师必须加快知识的更新；（2）教师在具备教学能力的基础上，还需掌握信息技术的应用；（3）知识的传递在课下，知识的内化在课中，这就要求教师在教学设计上合理安排时间，丰富课堂活动和有效控制课堂秩序。

参考文献：

[1]蒋敦杰.翻转课堂带来的机遇与挑战[J].基础教育课程，2015（8）.

[2]蔡翔.也談“翻转课堂”：“蓝墨云班课”的使用感受[J].考试周刊，2016（73）：111.

[3]黎加厚.微课程教学法与翻转课堂的中国本土化行动[J].中国教育信息化，2014（7）：94-97.