《基于html5的交的互式课件开发》短学期教学探索与实践.docVIP

第 PAGE 页 《基于HTML5交互式课件开发》短学期教学剖析与实践 　　Exploration and Practice of “HTML5-Based Interactive Courseware Development” Short Term 　　MO Xiao-mei 　　（New Media College of Zhejiang Media University， Hangzhou 310018， China） 　　Abstract： Combined with the Web Programming Basis short term project development needs，proposed the HTML5-based interactive courseware development as the short term project name. Identify the tasks， objectives and implementation steps of the project。Made a useful exploration of the project guidance， process management and project acceptance in the course of project practice. 　　1 概述 　　《基于HTML5交互式课件开发》是浙江传媒学院新媒体学院第一次开设短学期系列项目中一个项目，所面向对象是已经学习过《网页编程基础》课程信息管理与信息系统二年级学生。如果说《网页编程基础》课程学习使学生掌握了网页前端编程基本理论与基本应用，短学期项目开发则更侧重于从一个完整案例项目角度培养学生综合技能。综合性与完整性是短学期项目设计时要考虑两个重要因素。由于传统网站开发包括网站前端与后端两个部分，如果直接把传统网站前端开发作为短学期实践项目，一方面难以突出与体现网页前端编程在客户端交互方面技?g优势，另一方面由于网站后端核心功能无法实现，因此不能形成一个完整项目。一个不完整项目会让参与项目师生都缺乏动力与成就感，因此也得不到充分有效锻炼。 　　交互式课件开发是浙江省大学生多媒体设计大赛（以下简称省赛）一个固定分类，而微课与课件制作也是中国大学生计算机设计大赛（以下简称国赛）一个固定分类，可见课件开发在各大学生计算机类学科竞赛中重要地位。交互式课件作为现代信息技术在教学中运用，由于其更能体现教与学双向互动，越来越深得人心，而交互性课件也日渐成为了以微课为代表现代教学改革重要载体。目前常见交互式课件开发技术包括Adobe Flash系列、3D场景系列、APP移动平台系列与Web页面系列等。其中Web页面系列课件是一种网页版课件，它以Web浏览器为运行容器，集成多种网页开发技术（HTML、CSS、JavaScript等）进行交互。 HTML5作为当前Web页面开发新兴技术，以其可跨平台、实时更新、离线应用以及更高安全性等特点，还有各种新增元素与特性来增强页面表现能力与用户交互体验，尤其适用于交互式课件开发。 　　综合以上背景，提出《基于HTML5交互式课件开发》这一短学期项目既能结合学科竞赛，易于激发学生兴趣与动力；同时又由于其技术上可行性、完整性与趣味性，可以使学生充满信心与剖析精神。此外，借助竞赛赛项要求、奖励机制与评分标准，对调动学生学习主动性与思维创新性是一种有效补充[1]。学科竞赛所倡导团队分工与合作精神也可以在短学期分组实践过程中能得到很好体现。 　　2 项目实施任务与目标[2] 　　《基于HTML5交互式课件开发》项目开发可以使学生学习与掌握基于HTML5前端开发流程及其交互性应用。通过这个项目实战训练能够让学生掌握系统开发技能，意在让学生了解、熟悉、掌握项目调研设计及前端开发流程、方法与技巧，并有针对性地加强与提升学生团队协作及项目设计与开发能力。通过短学期项目实践，使学生达到以下基本目标： 　　在短学期基本目标以外，由于本项目同时切合了国赛与省赛主题这一特点，学生还可能得到额外收获：第一，可以为国赛与省赛等相关赛事集中发力，累积经验；第二，短学期优秀作品可以报名参与国赛、省赛及相关各项大赛竞选。比如，今年课程设计优秀作品在被学校推荐参与省赛以外，还被进一步推荐参与评选“浙报-阿里”极客计划项目。学生在这个过程中既能体会到好项目计划重要性，又能通过对一个好项目多次打磨与完善，得到有效锻炼与快速成长。 　　3 项目实施概要 　　3.1 项目周期及主要步骤 　　项目总时间为2+1共3周，其中2周为暑假开始前最后2周，主要用于开发。1周为暑假结束开学后第一周，主要用于学生汇报、评价及成果收集与展示。学生应利用课余时