新冠疫情背景下成人在线学习设计与实践

柴俊霞

（北京市东城区职业大学，北京 100020）

［关键字］新冠肺炎疫情；在线教学；网页制作

一、研究背景

新冠肺炎疫情期间，成人院校固有的“线上+线下”的混合教学模式受到严重冲击。在教育部“停课不停学”的政策下，成人院校完全线上教学必须迎难而上，在确保“线上+线下”已有教学优势的基础上，还必须解决其存在的不足和问题。这就要求我们做到立足学生需求，创新教学模式，整合学习资源，进行信息技术与教育学习深度融合。疫情期间的完全线上教学既是疫情时期教育维稳的唯一出路，也是探索发展终身教育、开展远程教学的一次难得的机会。

二、“网页制作实训”课程

“网页制作实训”是北京市东城区职业大学网络技术专业“毕业实训”课程的一个子课程。网络技术专业的“毕业实训”课程总共由“UI设计实训”“网页制作实训”“网站系统搭建”“网络营销推广”四个子课程组成。在“UI设计实训”中，学生已经根据真实项目需求设计出了网页首页效果图、网页栏目页效果图、网页内容页效果图。在“网页制作实训”课程学习过程中，学生要利用已经掌握的CSS+DIV+JS技术将三个网页效果图转化为网页文件（.html文件）。通过在真实项目中对网页设计与制作的知识技能的实践，提升学生网页设计与制作的实战能力和职业素养。

鉴于“网页制作实训”较强的实践性，本门课程采用项目式教学方法。在具体教学实践中，教师首先根据制作网页的步骤将网页细分为一个个子项目，然后根据一个个子项目的任务目标具体安排教学形式和教学活动。例如，任务目标是决策结论的子项目一般采用面授形式，教学活动组织形式多采用教师主导下的交流讨论；任务目标是动手实践的子项目一般采用“线上+线下”相结合的教学形式，教学活动组织形式采用自主学习+协作学习。“网页制作实训”教学实施如图1所示。

随着“网页制作实训”课程“线上+线下”的教学模式的深入实践，逐渐暴露出一些问题，如：在项目开展之前，教师仅仅把学生在“网页设计与制作”课程中的表现和考核成绩作为“网页制作实训”课程的学习基础，并依此判断学生在“网页制作实训”实践课程中所需的学习支持和环境资源，而忽略了学生综合能力和职业素养的考核，忽略了实训类课程中学生参与实践提升综合能力所需的学习支持、学习环境和学习策略的考虑。这些学情上的分析不到位，导致线上学习资源安排不合适，部分学生无法自主完成项目任务。

另外，在实际教学过程中教师主导下的交流讨论常常由于教师的主观表达过多而变成“一言堂”，教师从“主导”变成“决策者”。学生的统筹规划能力和自主创新能力很难得到锻炼，降低了实训的意义和效果。例如，子项目1和子项目2的面授教学过程中，很多学习主动性不是很强的学生会过多依赖或附和指导老师的建议，而疏于自己想法的表达。这就导致学生主体参与的不充分和项目架构考虑方面的片面性和创新缺失，进而导致网页架构的不科学和没有新意，最终造成网页代码冗余和可读性差、后期维护难、客户体验不佳等后果。

子项目3中的小组分工，因为教师对于学生的综合能力评价过于主观，而对每个任务模块所需的知识能力没有细致规范的科学测评，导致了任务分工的不科学、不合理，必然影响项目任务的完成质量。还有可能延长项目模块周期，影响后续教学模块的开展。同时，教师对学生的学情调研分析不到位，对于子项目衔接所需的联通支持不到位，也会导致学生学习过程中的断点或误解，进而降低学习效果。

子项目3和子项目4中的线上自主学习部分，学生在规定时间内在教学平台自主学习并完成模块布局和样式设计，如果有问题可以在教学平台上给教师留言，教师会在固定的时间集中解答，或者等到下次面授课集中解答。教学平台交互的滞后性，使得学生的学习障碍得不到及时清除，极大地影响了学生的学习激情。另外，教学平台上栏目导航不清晰、资源建设不规范等，也让很多学生失去了在线学习的兴趣。

三、在线学习需求

在线学习，是指在由通讯技术、微电脑技术、计算机技术、人工智能技术、网络技术和多媒体技术等所构成的电子环境中进行的学习，是基于技术的学习[1]。通过文献调研发现，学生在线学习过程中的需求大概包括六个方面[2]，如图2所示。

一是自我定位需求。为了能够更好地完成学习任务，学生迫切希望能够了解自己的知识技能水平，发现自己的优势和不足，以便有目的、有方向地寻求服务支持，提高完成任务的效率和质量。二是沟通交流的需求。在线教学过程中，由于教师和学生都身处异地，沟通交流就成了完成教学任务、实现教学目标最关键的因素。师生间、生生间及时的交流沟通，是教师及时调整教学策略进行有效教学的必要条件，也是学生间实现协作学习的前提基础。良好的沟通交流有助于充分发挥学生的学习主动性，建立良好的师生、生生合作氛围。三是整合知识的需求。因为要想把以前所学的相对分散的知识形成体系、综合应用，以解决在接下来的学习中所面临的问题、困惑，完成学习任务，就必须学会通过再现、整理、归纳等方法将已有的知识技能系统整合起来，教师也要积极通过情境搭建、案例引导、丰富多样的教学资源帮助学员整合已有知识和技能。四是实践应用的需求。实践应用是检验学生知识技能应用能力的重要途径，也是培养学生综合能力和职业素养的必由之路。同时，通过实践应用还能发现教学过程中存在的问题和不足，是未来教学改进的重要依据。五是服务支持需求。在学生完成学习任务时，需要各种各样的服务支持，如技术支持、策略支持、方法手段支持等。这些服务支持是学习任务顺利完成的保障条件。六是评价激励需求。及时得当的评价激励能使学生在心理上获得自信和成功的体验，激发学生学习动机，诱发其参与兴趣，内化为其人格品质，是激发其学习主动性的重要策略。这有助于学生的合作更得法、交流更有效，将为学生今后更加积极地参与后期项目任务、主动探究问题、不断提高学习技能和方法，打下坚实的基础。评价激励是实现由促进学生学习到促进学生发展的重要方法，必定实现学生从在学业上的成果发展到最终走向社会的成功。

四、在线学习平台需求

要想取得良好的在线学习效果，就必须根据在线学习需求搭建合适的实施平台（如图3所示）。为了能够满足学生自我定位需求，就必须提供具备信息调研和数据分析的调研平台，如问卷星等。为了确保师生即时交流通畅，就必须提供能够让师生即时交流的交互平台，如微信、QQ等。为了在学生之间顺利开展协作学习，就必须借助必要的共享平台助力学生间的协作学习，如在教学平台上搭建小组学习模块或探究学习模块等等，必要时再辅以微信群、QQ群。为了保证在线学习的无障碍开展，还必须给学生提供必要的服务支持，如利用教学平台为学生提供技术软件支持、优秀案例支持、常见问题处理支持等等。最后根据评价激励需求，还应该给学生提供必要的评价反馈平台，为每一个学生建立电子档案袋，如可以利用教学平台的评价模块对学生进行学习时间、任务完成情况、作品展示、发言次数、为他人提供帮助次数等全方位的评价反馈。

五、“网页制作实训”在线学习设计

疫情期间，要想克服之前“网页制作实训”课程教学模式存在的教师指导过多、学生参与度低、项目流程不尽科学、师生交互滞后等弊端和问题，就必须要深入学情调研，创新教学设计，攻克知识重、难点；利用社交平台，确保师生沟通顺畅；整合学习资源库，提高学生学习效率；丰富教学手段，力保所有学生都能达到教学目标。

在2020新冠疫情期间，北京市东城区职业大学网络18班“网页制作实训”课程实施了基于在线平台的项目式教学。即具体内容的教学采用项目式教学方法，而教学活动的实施是基于各种在线平台，如教学平台、问卷星、腾讯会议、腾讯课堂、微信、QQ。在这些平台中，教学平台是“主课堂”场地，所有的教学安排、任务发布、作品提交、评价反馈等等都在“主课堂”进行，而教学开展之前的学情调研、研发开展前期的市场调研、课下即时沟通交流等等都是通过“辅助课堂”完成的。这样既保证了教学过程的完整性，也避免了教学活动和教学手段的单一性，极大地激发了学生的学习热情。图4为改革后的“网页制作实训”在线教学实施流程。

“网页制作实训”课程在线项目式教学与过去的项目式教学在教学流程上有着很大的不同。在项目式教学任务开展初期作了两次基于问卷星平台和互联网搜索的基础调研。一个是针对学生的学情调研，另一个是针对网页制作的市场调研。这两次调研是后期所有教学开展和教学活动设计的重要依据。

在项目式教学任务开始之前，基于问卷星平台的学情调研已经开始。本次参与学情调研问卷设计的人员不仅有之前网页设计制作课程的相关老师，而且还邀请了行业专家，确保了问卷设计的科学有效。学情调研的内容不仅是单纯的网页制作所需的知识和技能，而且还包括了学生的学习动机、学习习惯、社交平台习惯、信息收集和整合能力、与他人的协作能力等。通过调研发现，网络18班学生学习动机方面较为一致，都希望能够通过实训课提高自己的网页制作实战能力和互联网应用能力。但在网页制作能力方面却存在着很大的个体差异。由于班里个别同学一直从事互联网相关工作，因此其在网页制作技术、信息收集和整合方面有着很强的优势，在相关领域的专业水平绝不亚于专业教师；但也有个别同学由于工作领域与互联网关系不大，其网页制作的技术学习仅限于之前的课堂学习。调研还发现网络18班学生经常使用微信、QQ作为社交工具，在与他人协作方面都有一定的经验、心得，都能较好地适应协作环境。这些调研结论为项目组组长的候选和后期的分工协作提供了可靠的依据。在学情调研阶段的最后，通过交流讨论和提名选举产生项目组组长。项目组组长的产生确保了接下来的工作的有序规范开展。

在学情调研完成后，项目指导组（教师+行业专家）还设计了“网页制作市场调研”问卷，每名学生都要完成三份问卷调研。每份问卷都针对一个真实网站主页展开调研，包括网页的整体布局策略、网页的样式策略、网页重要内容的实现技术、网页体验效果等多个方面。在问卷调研完成后，由小组长组织项目指导组和项目组组员开展基于腾讯会议+微信平台的市场调研分析讨论。调研分析结果显示，多数的网站网页都是基于DIV技术的自适应居中布局策略，网页样式多采用Link语句链接CSS样式文件，网页重要内容的实现技术多采用基于JS的特效技术实现。DIV+CSS+JS技术在网页制作方面的应用，不仅精简网页代码，提高了网页访问速度，而且确保了浏览器的兼容性。这种表现和结构分离的技术也使得项目开发中更容易分工合作而减少相互关联性，为我们后期的项目式教学开展提供了很好的技术实现参考。

在接下来的子项目开展过程中，学生主体作用的发挥和教师主导作用的发挥与以前的项目式教学也有着很大的差别。在项目任务实施的这三个阶段中，为了确保组员沟通和分享的顺畅，小组组建了微信沟通群和QQ群，方便大家及时沟通和资源的分享。为了保证每个人都能有发言沟通的效果，小组组长每次课前都提前申请预约了腾讯会议会议号。从网页制作技术的选择到网页样式的制作，再到小组的合作分工，都是小组组长带领全体组员基于腾讯会议+微信平台组织开展。在市场调研阶段的后期阶段，组长组织所有组员和项目指导组一起研究分析市场调研的问卷数据，在充分结合团队成员技术实力的基础上，慎重选择出适合项目组的开发策略，即基于DIV+CSS+JS技术制作网页。在网页整体布局阶段和框架样式阶段，每个组员在讨论前都必须写出自己的策略和缘由，保证每个组员都能在会议上表达自己的想法和建议。其后组长组织所有成员从后期维护的方便性和客户体验的舒适度等角度积极讨论决策布局策略和样式设计。在子模块整合和网页调试阶段，组长统筹子模块整合，整合完成后小组成员按照组长的安排分工协作进行浏览器浏览测试和代码修整，力保网页在所有浏览器效果都一致。在整个项目开展过程中，教师更多的作为项目流程的“指导顾问”“服务支持者”和“监理员”，利用教学平台发布验收项目任务、收集整理学生参与实践的过程性资料，利用腾讯课堂平台指导总结项目开展情况，并提出优化建议。即教师一方面作为“指导顾问”，在关键节点上指导辅助项目任务的开展，确保项目任务的顺利开展；另一方面作为“服务支持者”，提供完成项目任务所需的各种支持，如软件环境支持、学习平台支持、知识库支持等；再有就是教师还作为项目“监理员”，监督项目的实施开展，如在既定的时间节点提醒工期时间安排和验收任务完成情况，以保证项目任务如期完成。

六、总结

经过为期一个多月的教学实践，“网页制作实训”课程的在线项目式教学取得了理想的教学效果。学生的参与热情空前提高，在腾讯会议和微信群聊中，学生们发言积极踊跃；在自主任务模块，每个学生都能按协作要求保质保量地完成自己的模块任务，保证了后期子模块整合的顺畅和易维护。由于前期市场调研充分，制作技术方案定位与学生实际能力相关程度高，在网页布局时，学生不仅快速完成了网页布局，而且创新了网页样式，使得网站网页在后期上线后取得了很好的客户体验。通过“网页制作实训”课程的在线教学，不仅学生的网页制作能力、信息收集整合能力、团队协作能力都得到了很大提高，而且教师的学情调研能力、在线教学策划和组织能力也得到了一定的提升。但由于时间紧、任务重，后期的评价总结稍显草略，下一轮的教学实践必定加强评价环节的设计实施。总之，此次疫情期间的在线教学实践取得了预期的成果，也为今后的在线教学和终身教育提供了很好的借鉴经验。