基于雨课堂的《动态网页设计》课程教学实践

张 涛，刘彩云，崔 健

（1.铜陵职业技术学院，安徽 铜陵 244000；2.铜陵学院，安徽 铜陵 244000）

“智慧课堂”教学研究与实践方兴未艾，契合云计算、大数据等信息技术的发展，传统课堂教学活动也在不断地向智慧教学方式转变。手机在高校学生的普及，一方面促进了“智慧课堂”的实施和学生获取知识方式的转变，另一方面也导致了学生沉迷于手机里的非学习内容。作为教育工作者，如何因势利导，让手机成为学生学习过程的推动力呢？雨课堂教学软件契合手机微信功能，架起了师生之间的桥梁，革新了传统教学模式，让学生的课堂参与度和关注度都得到了极大的提高，弥补了传统教学的不足[1]。基于“雨课堂”的《动态网页设计》智慧课堂教学实践，探讨这一打破了时间和空间限制的教学方式对于课程教与学的影响，为“雨课堂”在高校“智慧课堂”教学改革中的应用提供有意义的实践参考。

1 《动态网页设计》教学现状

1.1 现状

《动态网页设计》课程为计算机类专业的专业核心课程，与学生未来的职业岗位紧密对接。我院软件技术专业的《动态网页设计》课程总学时为96学时，采用理论教学与实践教学相结合的教学方式，注重学生动手能力的培养。该课程是一门综合性较强的课程，在二年级下学期开设，便于对接学生接下来的实习教学环节。课程教学以一个具体的项目案例贯穿教学的全过程，通过真实的案例引导学生知识点的学习。

1.2 问题

课程资源缺乏拓展机制。《动态网页设计》课程需要Java语言、网页设计、数据库等前导课程支持，学生的知识掌握参差不齐，传统教学方式缺乏课前资源推送和评价机制，不利于因材施教。

课程教学缺乏课下互动。受制于课程特点和课时要求的限制，不能有针对性地解决课堂上不同学生遇到的不同问题，对学生课堂之外的互动指导亦缺乏。

学生学习过程缺乏评价监督。对学生的知识预习、课堂表现情况缺乏评价和监督，缺少实时交流互动，学生学习的主观能动性体现不足。

学生学习的反馈机制迟缓。学生数量大，对学生出勤、作业、实训、课堂知识掌握情况缺乏实时的反馈分析机制，不能及时、动态地反馈学生的学习情况。

2 雨课堂支持下的智慧课堂构建

2.1 “雨课堂”教学平台

“雨课堂”教学平台是一款由清华大学和学堂在线共同推出的混合式智慧教学平台，借助微信客户端和PowerPoint演示文稿构建智能手机与无线同屏为一体的线上线下移动教学平台，实现师生多元实时互动，教学全周期数据分析，提升课堂教与学的新颖体验，为教学过程提供“课前-课中-课后”全环节的数据化信息支持[2][3]。

雨课堂全部功能基于PPT和微信，轻量易用，操作便捷，丰富有趣。教师只需在电脑上安装一个与PPT整合的雨课堂插件，就可以基于PPT软件使用雨课堂提供的智慧教学功能；学生仅需使用雨课堂微信小程序，就可以跨越时空利用手机进行学习、交流、互动。雨课堂与PPT软件无缝衔接如图1所示。

图1 雨课堂与PPT的集成

2.2 智慧课堂教学设计

智慧课堂总体设计如图2所示。基于雨课堂“云+端”的方式，利用云计算技术为课前、课中、课下教学各环节提供智慧教学技术支持。基于微信实现师生互动，学生可以基于雨课堂进行课前预习和自测、课中通过“不懂”按键、随堂测试、弹幕等方式及时与教师交互，反馈学习效果。教师可通过雨课堂平台推送学习资源、PPT课件、视频、测试卷，及时统计和反馈学生学习情况，进行有针对性的指导。“雨课堂”打破了传统课堂教学的时空限制，通过实时的学习状态数据采集和分析，实现了高效、智能的课堂翻转，突出学生学习的主体作用。

[74] Ann Florini, “The Evolution of International Norms”, International Studies Quarterly, Vol. 40, No. 3 (1996), pp. 363-389．

图2 雨课堂智慧课堂总体设计

智慧课堂使课堂教学依赖教师的主观经验判断转变为依靠客观学习数据的真实反馈，更利于指导学生学习[4]。在对传统课堂教学现状、学生学习情况、教学知识体系认真分析的基础上，契合雨课堂的技术特点和教育教学理论，进行如图3所示的智慧课堂教学设计，构建全过程的智慧课堂教学实践。

图3 智慧课堂教学设计

3 “雨课堂”支撑下的《动态网页设计》课程实践

《动态网页设计》课程教学地点为实训室或教室，均可提供Wi-Fi，学生可方便地基于雨课堂进行学习，发挥学生学习的主体作用，让学生更加主动地参与到学习中来。基于雨课堂进行智慧教学实践比较容易实施，教师可提前在教师机安装好雨课堂插件，之后通过手机微信关注雨课堂，登录后根据提示创建自己的课程和班级，学生可通过二维码加入班级。在雨课堂4.0中新增加了基于web端使用课件库一键开课功能。

在传统课堂中利用雨课堂平台，可分别在课前、课中、课后3个阶段进行智慧课堂构建。下面以《动态网页设计》课程的“request内置对象”知识教学为例，进行雨课堂支持下的智慧课堂教学实践。

3.1 课前准备

“request内置对象”知识点是《动态网页设计》课程的重要内容，是实现用户web前后端交互的关键知识。本次教学目标主要是让学生熟悉request内置对象的作用，掌握request内置对象常用方法的使用，能基于request内置对象进行实际应用编程。为实现教学目标，本次的教学内容主要包括request内置对象的作用和主要方法、getParameter方法的使用、中文乱码处理、用户登录功能实现等。

（1）课前预习

根据本次课的教学目标和教学内容，在进行学情分析的基础上编写教学设计方案，制作课件，准备学习资源。雨课堂课件制作很简单，不需要重新制作课件，可以在已有的教学课件上加入雨课堂教学功能，增删课件内容和教学形式。在课件中可以快捷插入已有的网络视频资源（如：动态网页设计前后台交互原理、request内置对象getParameter方法的使用等）。在课前预习内容中，提供了相关的学习资源（如：HTML表单的设计和使用、动态网页设计前后台交互方法等），并设置了客观题作为预习效果的测试反馈。预习课件制作完成后，教师可通过雨课堂平台，在手机端预览课件，还可以为课件添加语音注解，最后，可把课件推送给全部学生预习。学生基于微信端的雨课堂平台即可跨时空方便快捷地预习学习资源，预习中遇到问题可随时与老师交流互动。预习完成后，可通过预习测试查看自己的预习效果，进一步巩固自己的知识学习。教师可实时、动态地查看学生的预习情况。

（2）调优教学方案

教师可以通过雨课堂平台实时了解学生的预习效果，不断优化教学方案设计。根据学生预习效果的统计和反馈情况，深化学情分析，明确教学的重要知识点，以便更有针对性的精准施教。通过课前预习反馈，发现部分同学对HTML表单的相关知识掌握的不太好，在教学设计中可加入对HTML表单知识的讲解；部分同学反馈获取用户输入方法比较抽象，在教学设计中可作为重点突破。这些重要的预习效果反馈，为教师更好地组织教学内容和教学活动提供了现实依据，可以更好地因材施教。对于学生预习情况的反馈，教师可以掌握更多的内容，如课件的阅读次数、学习时长等，可以更客观地做好学生的过程考核。

3.2 课堂教学

开始上课前，教师可以打开PPT课件，通过“雨课堂”插件提供的功能开启雨课堂。学生可以通过手机微信端扫描大屏幕上的二维码或输入课堂暗号进行签到并加入当前开启的雨课堂，学生可通过手机查看教学资源并可在课堂教学中进行实时的课堂互动，避免了手机“低头族”和看不清PPT课件的不足。教师可实时查看学生的签到情况，避免了课前点名的效率低下和数据反馈不及时准确的不足，学生扫码签到完毕，开始上课后，教师的手机可以变成遥控器，学生可以通过手机微信实时地与教师进行互动。

（2）基于雨课堂互动教学

教师通过手机操作课件，基于雨课堂平台进行课程知识讲解，学生手机微信端可同步接收教师授课内容。在教学过程中，学生有不理解的地方，学生可以随时点击“不懂”按钮实时进行反馈，教师可实时接收到学生的反馈统计，根据学生反馈情况，及时调整教学计划，以便更精准地进行知识点的讲解。如在讲解web前端HTML表单项与后台通过request内置对象getParameter()方法获取用户输入数据的对应关系时，有部分同学反馈 “不懂”，教师就以用户登录功能实现作为案例，通过图示演示，分步讲解参数传递步骤，使学生有了清晰的认识。课堂中，教师还可以就一些难点知识、拓展性知识进行讨论教学，教师开启“弹幕”功能，学生可以通过大屏幕与同学们分享自己的想法，进行头脑风暴式的启发学习，展现了学生的创新思考能力，实现了教师与学生、学生与学生之间的交流互动，提升了学生的课堂学习兴趣，活跃了课堂教育教学氛围。

课堂教学中，教师可以根据课程知识点通过雨课堂平台设置多样的课堂活动形式，如学习探究、小组协作、分组讨论等，体现学生的学习主体作用，教师作为教学活动的组织者和指导者。在学习request内置对象具体应用时，用户前台HTML表单中的输入数据获取时可能会遇到各种各样的输入，用户会有哪些不合法的输入数据？如何增强程序的健壮性？对这些问题，可以让同学们分组讨论，进行小组协作交流。最后以小组为单位进行演示汇报，教师进行点评总结，归纳知识要点。

（3）实时检测学习效果

课堂教学中，在每个小知识点讲解完成或学生交流互动结束后，可以实时推送随堂测试题给学生作答，检测学生的学习效果，学生及时反馈自己的作答情况，学生能及时看到自己的得分。雨课堂提供了丰富的测试题型。如可设置获取用户表单输入数据的选择题，用于检测学生对request.getParameter()方法的掌握情况。教师可以实时观察到学生的答题情况和相关统计数据（如学生作答得分、成绩区间分布等），答题结束后，可以大屏展示学生作答情况，让学生清楚自己的学习效果。教师可以根据学生的作答情况，有针对性地对学生学习知识中存在的问题进行进一步的精讲。这一有效手段可以很好地实时检测学生的学习效果。

（4）课堂总结反馈

雨课堂提供了丰富的学习效果实时反馈功能，教师可以通过雨课堂提供的 “不懂”、“弹幕”、实时测试等功能及时地得到学生情况的分析统计数据，教师可以有针对性地进行教学策略设计，解析学生学习中遇到的问题，精确指导重难点知识的学习。

3.3 课后分析

课堂教学结束后，教师、学生可以实时得到自己本次课的学习统计数据。脱离了课堂教学，学生也可以通过雨课堂平台进一步复习课堂上的课件等学习资源，复习、巩固或收藏自己遇到的问题，进行更个性化的学习。学生可以继续与老师进行交流，突破了学习上的时空限制。教师对学生课后遇到的问题，也可以继续与学生互动，拉近与学生的距离，增强学生对所学新知识的理解。

为了进一步巩固新知识学习，教师课后可发布测试作业和拓展练习（如：如何获取复杂表单数据？获取的数据遇到中文乱码时如何解决？），学生作答后，教师可及时掌握学生的答题统计数据，可以对学生开展个性化的指导。同时，教师也可以通过雨课堂发布一些拓展的学习资源，供学生巩固提高。

教师可以通过每次教学的统计数据更好地对教学全过程进行梳理和总结，以便更好地优化教学设计，提升教育教学水平。

4 结语

雨课堂支持下的智慧课堂建设，在移动终端已普及的时代，对学生课堂使用手机的管理从“堵”变成“疏”，进而指导学生“学”，充分发挥了基于新一代云计算、大数据信息技术的课堂教学优势，使学生从“低头族”变成“抬头族”，打破了学习交流互动的时空限制，拉近了师生的距离，增强了课堂的趣味性，让更多的云资源更方便快捷地走进课堂教学中。基于学习过程的分析统计数据，为学生学习指明了方向，为教师的教学提供了客观分析依据，更好地指导教学方案优化和教育教学改革。

雨课堂教学平台不需学生额外安装APP，更利于推广和使用。雨课堂在构建个性化、实时互动的课堂教学、实现多元化面向全过程的学习反馈评价体系、推动智慧课堂的实践与改革等方面具有重要的意义。在《动态网页设计》课程中的实施应用，取得了良好的实践效果。