0 引 言
UI （User Interface ）作为人与信息交互的媒介，包括人机的交互设计、操作逻辑以及界面美观等整体设计[1]
。一款优秀的软件UI 设计不仅可以让软件变得有个性、有品位，还使软件的操作变得舒适、简单，符合用户的思维，能够充分体现用户的定位。UI 设计是一门集设计、动效、交互为一体的综合性课程，对学生理论知识的掌握和实践能力都有较高的要求。
随着“互联网+教育”的发展，传统教育使教师对于学生的管理和评价过程提出了更高的要求，教学面临变革和创新[2]
。作为学生个体，因为差异化的知识体系、个性化成长的空间，使其有着多样化的需求。因此，混合教学模式应运而生。
1 BOPPPS 模型
BOPPPS 模型起源于北美高校教师技能训练，因其简洁明了、操作简单，而被广泛应用于教学设计中。该模型将整个教学过程划分为6个部分，分别为 B(Bridge-in)引入、O(Objective)目标、P(Pre-assessment)前测、P(Participatory  Learning)参与式学习、P(Post-assessment)后测和S(Summary)总结[3]。各阶段的任务可以归纳为：
（1）B （Bridge-in ）引入：这一阶段教师通
过各种方法引出学习内容，吸引学生的注意力。
（2）O （Objective ）目标：明确教学目标，使学生明确完成课程学习后应达到的知识和能力水平。
（3）P （Pre-assessment ）前测：主要是学情调查，通过调查、测试等了解学生课前知识的储备情况，为后续课前任务设置和课堂教学提供依据。
（4）P （Participatory Learning ）参与式学习：教师根据教学目标设计多个教学活动，让学生积极参与，这是BOPPPS 模型的核心阶段。
（5）P （Post-assessment ）后测：主要是对学习效果的检测，考查学生对知识的掌握程度。
（6）S （Summary ）总结：根据教学内容进行共同反思，提供反馈意见。
相比传统教学，BOPPPS 教学模式更加注重学生的主动性，对学生参与教学过程提出了更高的要求。此外，更加注重教学环节的反馈。教师只有在了解学生对知识的掌握程度后，才能做好后续教学的优化，才有可能提升教学效果。
计算机专业ui设计做什么
2 学习通平台
“超星学习通”平台界面简洁、使用方便，不仅可以帮助教师实现课堂翻转，还可以帮助教师调查学生基础，方便在线交流；学生可以实时查看成绩，了解自己的学习情况，端正学习态
基金项目：浙江师范大学行知学院教学改革研究项目（ZC303920038）。
作者简介：吕君可，女，讲师，研究方向为计算机应用、智能网络，ljk@zjnu。
基于学习通的UI 设计课程BOPPPS 教学模式应用
吕君可
（浙江师范大学 行知学院 ，浙江 金华 321000 ）
摘 要：从BOPPPS 模型入手，提出基于学习通平台的混合教学模式，并以UI 设计课程为例，阐述具体的设计和实施过程，同时构建课程的评价体系，为高校同类课程课堂教学模式改革提供一个可参考的案例。
关键词：BOPPPS 模型；学习通；UI 设计
平台包括教师端和学生端。教师登录后可以自行创建课程，分享二维码，让学生加入课程。在教师端，可以组织活动如签到、投票、选人、抢答、主题讨论、随堂练习、问卷等各种教学活动，可以方便地实现资料发放、作业收集、考试等任务。平台使得以往必须在课堂实现的教学提到线上，让混合式教学得以正常开展；同时，在统计功能模块中，可以汇总学生登录平台学习的情况，比如查看学生作业统计情况、视频学习情况、成绩汇总等，并通过图表方式直观展示。还可以通过移动端的消息功能进行师生之间的互动、答疑，实现个别辅导。图1为某教学班学习通平台上学生学习情况汇总。
根据 BOPPPS 模型的6个阶段，结合UI 设计课程的具体内容，借助学习通平台，设计课堂教学模式。
3.1 课前阶段
基于UI 设计课程内容多、课时少等特点，在上课前，教师需要根据课程内容，制作、收集、整理与课堂内容相辅的学习资源，比如微课视频、网络资源和 PPT 课件等。教师将这些资源上传到超星平台，并根据情况将其设为任务点，学生则根据自己的时间及进度在课前或课后自主学习。
根据教学目标，首先确定哪些内容适合学生课前学习，哪些内容适合课堂组织教学，哪些内容适合课后巩固提高；然后在学习通平台上发布讨论主题，了解学生基础以及需解决的问题。教师根据收集的问题及反馈，制作、收集相关视频资源及文档资源，发布在学习通中，并根据内容设置任务点。学生则需要安排好时间，按时完成任务点的学习，并根据学习情况，完成前测反馈，在平台中提交学习中出现的问题，以便教师安排后续教学内容。具体流程见图3。
以UI 设计课程中拟物化图标设计为例。设计课前任务，首先是明确教学目标，要求学生提前了解不同图层样式的效果及混合模式的原理，能够根据效果，快速判断出采用哪种方式实现。根据这一目标，将理论性较强的混合模式原理安排在课前学习。将相关视频、文档等学习资源，发布在学习通中，并设置成任务点，要求学生课前完成。同时在平台上设计相关开放论题，学生在平台上记录学习心得及还要解决的问题等。方便教师了解学生知识掌握情况，并做好记录，及
时调整教学方案。图4为某教学班学习通平台上课程任务点类型分布情况。3.2 课中阶段
在课中开始阶段，教师首先分析和讲解学习通上收集的共性问题，选择有代表性的作业点评、邀请学生分享设计思路等。
图1 某教学班学习通平台上学生学习情况汇总
此外，利用平台的数据统计功能，可以准确地知道每个学生每个视频的学习时长。根据发放的问题、主题讨论或问卷调查，清晰地看到学生的问题所在，从而改进课堂教学。而学生可以及时看到自己的学习成绩，未完成任务时可以收到系统提醒，这些都可以促进学生有针对性地规划学习进度和学习内容，从而提升学习效率。图2为某教学班学习通平台上学生学习进度汇总。
图2 某教学班学习通平台上学生学习进度汇总
其次引出本节课的案例，学生先自行思考该怎么做设计，并给10分钟左右的时间让学生自行尝试。教师在巡视课堂后，根据结果剖析案例，注重讲解本次教学中需要掌握的关键内容。这一部分主要采用边讲边练的方式，待教师讲授关键点后，学生随堂自主设计练习。之后，发布新任务，引导学生开展参与式学习，学生或探讨或小组合作或自主探究完成相关任务。在实践操作的过程中，小组相互探讨，记录疑难问题，教师则根据学生的问题分析和归纳总结，帮助学生进一步吸收内化知识，提高对知识的应用与实践能力。具体流程见图5。
据课堂教学情况，设计和发布相关测试题，建议以客观题为主；然后根据测试情况及时汇总问题，了解学生学习效果；最后出需要调整和完善的部分，及时补充学习资源，并做好下次授课内容的调整。而学生能够根据测试结果，客观地看到自己的问题，及时调整学习进度，并做好相关总结反思以及课后的复习。这一阶段师生之间主要通过学习通、等交流。具体流程见图6
。
图3
课前流程
图4 某教学班学习通平台上课程任务点类型分布情况
图5 课中流程
在拟物图标玉器设计中，教师首先依据学习通上前测情况和学生留言情况进行解答，然后演示样式设计，呈现不同混合模式的效果，使学生有一个直观的印象。最后根据案例效果，引导学生思考怎样设计玉器的厚度、质感？通过操作演示，感受怎样调整样式参数，细节怎么调整，直到设计出玉器特有的圆润、质感等效果。在这个阶段，以学生
动手设计为主，注重学生相互之间的探讨与交流，教师则以学生个体辅导为主，帮助学生解决个人问题，然后根据共性问题再次归纳总结，突出重难点，提高学生对知识的掌握程度。
图6 课后流程
在拟物图标设计的课后阶段，教师在学习通发布活动，要求学生完成总结，分享设计心得和体会。同时，在这一阶段，通过平台提醒未完成任务的学生及时完成任务。然后根据学生的反馈，总结、分析教学成效，为以后教学内容、过程的调整提供依据，并设计新的案例或发放资源供学生拓展学习。
3.4 评价体系
课程采用多元化评价方式，包括线上和线下两部分组成。线上成绩主要来源于学习通平台，根据作业、视频学习情况、参与活动情况、访问次数等按权重给出成绩。设置2~3次开放性作业，利用平台上的互评功能，每个学生随机分配3人的形式开展互评。方便同学之间相互差异，学习他人的闪光点拓展思维。图7为某教学班学习通平台上学生成绩分布情况。
40~60分60~80分80~100分100分
图7 某教学班学习通平台上学生成绩分布情况
品的创造性与创新。因此，线下评价主要包括学生课堂的出勤率、课堂表现、作品设计的效果、创意等。
课程评价体系见图8。
本课程近3个学期课程成绩平均分变化趋势见图9左图，其中20171 和 20181 学期采用传统教学方式，20191学期引入BOPPPS 教学模型。可见使用BOPPPS 教学模型的互联网+教学具有更好的教学效果。2019秋冬学期的某教学班期末作品设计成绩分布见图9右图，低分段人数减少，成绩整体分布较为合理。
4 结 语
基于BOPPPS 模型的UI
设计课程的详细教学实施模型，通过明确教学目标、设置课前学习任务点、学前问题收集，引导学生积极思考、合
作、探究及课后及时分享和总结，提高了教学效果[4]。通过该模式教学，学生作品质量有了提高，班级成绩较以往有了明显提升。而开放性作业，
图8 课程评价体系
图9 成绩情况往往成为整个作业体系中的亮点，既拓宽了思维，又提升了审美，有助于教师总结优化教学环节，设计更合理的教学案例，改善教学效果，进一步提高学生学习的积极性和创造性。但在实践过程中，发现师生在线交互活动的质量还有待提升，学生学习任务重、学习时间不足等因素对教学
都有一定影响，今后还须注重对线上线下混合学习的习惯与态度的培养。
参考文献：
[1] 张韵, 李芒, 郑春萍, 等.“互联网 + ”时代的新型学习方式[J]. 中国电化教育, 2017(3): 50-56.
[2] 杨雪洁, 曹风云, 胡玉娟, 等. 基于BOPPPS 模型的C 语言程序设计翻转课堂教学模式研究[J]. 合肥师范学院学报, 2017(11): 77-80.
[3] 张所娟, 廖湘琳, 余晓晗, 等. BOPPPS 模型框架下的翻转课堂教学设计[J]. 计算机教育, 2017(1): 18-22.[4] 张建勋, 朱琳. 基于BOPPPS 模型的有效课堂教学设计[J]. 职业技术教育, 2016(11): 25-28.
（编辑：孙怡铭）

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。