基于OBE的HTML5跨平台开发教学设计与改革
——以安徽商贸职业技术学院为例
王睿，杨帆
（安徽商贸职业技术学院 电子信息工程系，安徽 芜湖）
摘 要： 针对高职学生教学存在的问题， 将OBE成果导向教学理念引入到HTML5跨平台开发课程中，提出基于OBE的教学设计和改革方案。以学习目标的达成度为出发点，分别从教学内容、教学方式、教学考核三方面进行改革和研究，依托课程学习平台，指导学生自主学习，监控学习过程，检验学生学习成效。通过教学改革，提高了HTML5跨平台开发课程的教学质量、学习效果。
关键词： OBE；教学改革；HTML5跨平台开发；教学设计
一 背景
近年来，高职学生生源质量和数量不断下降，据统计在教学过程中，普招班约有三分之一同学，单招班约有二分之一学生跟不上教师的进度，大大降低了学生学习的热情。因此高职教学应该以学生为中心，侧重学生学习成果的达成度，提高教学的课程质量。
where A is the active area of the junction, A* is the Richardson constant for p-GaP, K is the well-known constant of Boltzmann, and ϕb is the barrier height.
成果导向（Outcome Based）、以学生为中心、持续改进是工程教育专业认证遵循的 3 个基本理念。[1]在教学体系中，OBE指围绕学生经过教学过程应该取得哪些关键成效而开展的相关教学工作，OBE强调以学生为中心，注重学生获得的能力与成果，[2]OBE的教学理念与现代高职教育的人才培养相契合。
本文以《HTML5跨平台开发》课程为例，进行OBE的教学设计和改革。目前，随着HTML5的兴起，在移动开发领域，跨平台开发技术成为很多企业和开发者的首选，跨平台开发可以有效解决不同操作系统、不同开发语言、不同机型终端的开发难题，为企业节省时间成本和人员成本。我院电子商务技术专业紧贴技术前沿，将跨平台开发课程引入到课程体系中，并进行OBE的教学设计和改革，起到了教学引领作用。
二 基于OBE的课程教学改革
《HTML5跨平台开发》这门课的前导课程是《html5+css3网页设计》、《javascript》，使学生对前端基础知识有所认知，掌握网页设计的基本知识和技能，后续课程是《web前端框架设计》，在掌握跨平台开发技术的基础上，进一步学习企业常用的前端开发框架技术，为学生进入企业参加项目打下坚实的基础。
（2）课堂表现。占总成绩的10%，主要考核学生课堂互动参与情况、课前活动完成情况。在课前复习或者课程总结时会以问答的方式随机抽取学生回答问题，根据回答情况进行得分。
表1 OBE教学设计表
煤矿压风系统主要由空气压缩机、风包、冷却水系统、压缩空气管网、高低压控制系统等组成，其中空气压缩机是主要的做功单元，可将电能转化为空气压力能，从而为以压缩空气为动力来源的喷浆机、凿岩机等井下设备提供动力。同时，随着井下安全生产需求的提高，风动钻机的使用可大幅降低由电钻电气故障导致的瓦斯和煤尘爆炸事故的发生率，同时风动扳手等工具的使用也可有效降低井下工人的劳动强度，提高生产效率。尤其近年来，广泛用于井下人员安全自救的“压风自救系统”的使用，使得压缩空气的应用环境更为广泛，因此压风系统的运行稳定性要求越来越高[1-3]。
本课程依托课程学习平台开展教学活动。任课老师首先利用空闲时间将课程的知识点和操作录制成5-10分钟的视频，并上传到课程学习平台。在课前推送给学生进行预习和学习。老师通过课程学习平台后台管理了解学生视频学习进度，督促未学习完成的学生。在课上，利用课程学习平台进行签到点名，根据课前的视频内容，采用点名答题、一句话问答、抢答、展示墙、头脑风暴、调查、测验、实践作业等方式进行操作练习和实践学习，并将操作结果上传到平台，教师在后台进行批阅。利用课程学习平台，将学生的学习过程有效地监控，实时了解学生学习动态，督促学生完成学习任务，完成学习效果达成度。
三 基于OBE的教学方法改革
安吉拉·卡特：人以自己对这世界的意识构筑自己的命运。你参与阴谋，因为你相信再不起眼的事物都参与了对付你的阴谋。
以预习为例，教师在推送预习任务后，通过平台能查看到班级学生的预习状况，分为优、良、中、差四个等级，每个等级在全班所占的比重，如图1所示。同时还能查看单个学生的完成进度以及预习题目答题的正确率，如图2所示。 通过在线的跟踪和监督，培养学生自主学习行为，调动学生学习的积极性。
图1 学习总体数据
图2 学习个体数据
在项目实践中，对学生分组，不能层次的学生5-7人一组，老师选取一位责任心强，学习能力强的同学担任项目组的组长，组长负责组内任务的分配协调，督促组员完成项目任务，整个过程的主导权在学生，老师充当客户的角色，负责提出需求，项目团队通力合作，
我院与安徽兄联信息技术有限公司校企合作，企业提供HTML5方向的实习岗位，兴趣小组学生利用课外实践到企业进行项目实习，参与企业真实的项目，实现真正的教学要求与企业需求的“零距离”接轨，从而促进学生的专业化成长。
（1）考勤。占总成绩的10%，主要考核学生的迟到、旷课、早退。旷课每次扣1分、病事假每次扣0.5分， 3次迟到或早退算一次旷课，旷课超过课时一半将取消考试资格。
找到解决问题的方法，直至完成项目，达到学习目标。
四 基于OBE的课程考核方式改革
创建合理、有效考评制度的目的，在于激发学生创造力，促进学生创造力的形成和发展，而不是一味的关注他们自身的学习成绩。[5]考核的方式应该是多元化的，不仅考核跨平台知识和技能点的掌握，还要考核团队的合作能力。基于OBE的课程考核方式主要包括以下几个方面：
丙组40例患者应用培美曲塞联合顺铂治疗，即给予患者静脉滴注135 mg/m2培美曲塞+25mg/m2顺铂。
在课外组建HTML5课程学习兴趣小组，依托校内外实训实习基地，进一步强化学生的工程实战经验和能力，培养学生的企业职场素养，实现校企合作的协同育人培养机制。[4]
OBE 学习成果的核心是创建一个预期可达成的总体目标，通过分解总目标，形成各阶段的小目标，并激励学生通过主动式学习，以期达到最佳的教学目标。[3]通过企业调研、专业建设委员会会讨论，确定《HTML5跨平台开发》课程的总体目标是引领学生全面了解跨平台开发的基本知识，掌握源生的移动web开发技能。在总体目标的基础上细化知识体系框架图和预期学习成果，通过知识学习、案例练习、项目实践等方式学会HTML5新特性、CSS3新特性、Ajax、常用的Bootstrap框架等，以实现小型移动web项目的开发。具体的教学内容如表1所示。
每一个教学内容对应着需要达成的教学目标，教学目标包括知识目标（“Z”）、技能目标（“J”）、素养目标（“S”），不仅培养学生的专业技能，更注重学生的职业素养培养， 在每个教学内容学习完毕后，会有相应的考核，以检测学生的教学目标是否达成，在学习—考核—改进—学习的不断循环中，调动学生学习的主动性，提高高职教育教学质量。教学目标设计表如表2所示。
（3）实践表现。占总成绩的40%，主要考查学生项目完成情况，采用自评、小组内部成员之间相互评价，组长对小组成员的评价。学生根据自己在项目中的完成情况，项目参与度进行自评，小组内部成员相互测试任务，根据查找的bug进行评价，组长对每个小组成员项目的参与情况、完成度、团队合作等方面进行评价，最后合成实践表现部分的成绩。
（4）期末考试。占总成绩的40%，以考试成绩作为评判的依据，采用上机实践考核的方式。
学生的最终成绩采用过程和成果相结合的综合多维度考评模式，根据每项得分及权重计算出本门课的最终得分。考查了学生的平时课堂表现、出勤、课程参与度、项目实践，不仅有过程还有项目成果，提高学生职业能力、职业素养。
五 总结
本文以OBE教育理念为改革指导方向，分别在教学内容、教学方法、课程考核方式等方面对HTML5跨平台课程进行改革，以“学生为主体、以成果为驱动”的原则激发了学生学习的动力和潜力，调动学生学习的积极性，并使用spoc学习平台跟踪和监督学生的成果，确保学生学习目标的达成度，逐渐培养学生分析问题和解决问题的能力，提高学生的职业能力和职业素养。
残余应力检测结果显示工件的裂纹区与非裂纹区均为残余压应力且应力结果相当，表明开裂后工件应力得到释放，最终应力呈现常规渗碳层较小压应力的基本特征。
参考文献
[1] 李薇,王磊,鲁晓锋,何文娟,王战敏.基于OBE理念的计算机专业人才能力培养模式创新[J].计算机教育,2017(08):47-51.
[2] 石秦峰.基于 OBE 的程序设计类课程教学改革探索[J].计算机教育,2016（03）：106-111.
[3] 刘勤安,邢辉.基于 OBE工程教育模式的“船舶柴油机”课程教学改革[J].高教学刊,2018(7):113-115.
[4] 黄荣兵,张洪等. 新工科下基于OBE教育理念的软件工程专业课程体系改革探索[J]. 成都师范学院学报,2018，34（9）:120-124.
[5] 侯相茹.基于OBE理念的计算机专业课程设计类课程的教学改革研究[J].现代信息科技,2019,3(03):68-70.
[6] 孟盈,孟然,彭智邦.翻转课堂的细胞生物学实验教学设计与改革[J].教育现代化,2018,5(25):50-51.
本文引用格式： 王睿 等.基于OBE的HTML5跨平台开发教学设计与改革——以安徽商贸职业技术学院为例[J].教育现代化，2019，6（54）：45-47.
DOI： 10.16541/j.cnki.2095-8420.2019.54.016
基金项目： 2016年安徽省地方技能型高水平大学建设项目“《H5 跨平台应用开发》核心课程建设”（编号：2016gj22）；国家教育部职业教育专业教学资源库项目（2016-17）；2017年安徽商贸职业技术学院关于国家骨干高等职业院校建设验收优秀奖励资金资助部分专业建设项目“电子商务技术专业”（编号：2017zyjs06）； 2018年安徽省省级质量工程项目大规模在线开放课程（MOOC）示范项目“Android基础”（2018mooc446）、“MySQL数据库技术”（2018mooc449）；全国高等院校计算机基础教育研究会“计算机基础教育教学研究项目”（2018-AFCEC-046），安徽商贸职业技术学院重点科研项目《iOS 平台 AR 技术与应用研究》(2019ZDX08)。
作者介绍： 王睿，女，吉林松原人，安徽商贸职业技术学院，教研室主任、讲师。研究方向：高职教育、移动开发、企业信息化。
标签：OBE论文; 教学改革论文; HTML5跨平台开发论文; 教学设计论文; 安徽商贸职业技术学院电子信息工程系论文;