基于HTML5交互式开发短学期教学探索与实践.docVIP

基于HTML5交互式开发短学期教学探索与实践 　　摘要：结合《网页编程基础》的短学期项目开发需求，提出了《基于HTML5的交互式课件开发》这一短学期项目名称。明确了项目的任务、目标及实施步骤。并在项目实践的过程中对项目的引导、过程管理及项目验收都进行了有益地探索。 　　关键词：HTML5；交互式课件；短学期；教学；实践 　　中图分类号：G424 文献标识码：A 文章编号：1009-3044（2018）02-0112-03 　　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. 　　Key words： HTML5； interactive courseware ；short term； teaching； practice 　　1 概述 　　《基于HTML5的交互式课件开发》是浙江传媒学院的新媒体学院第一次开设短学期系列项目中的一个项目，所面向的对象是已经学习过《网页编程基础》课程的信息管理与信息系统二年级的学生。如果说《网页编程基础》课程的学习使学生掌握了网页前端编程的基本理论和基本应用，短学期的项目开发则更侧重于从一个完整的案例项目的角度培养学生的综合技能。综合性和完整性是短学期的项目设计时要考虑的两个重要因素。由于传统的网站开发包括网站的前端和后端两个部分，如果直接把传统网站的前端开发作为短学期的实践项目，一方面难以突出和体现网页前端编程的在客户端交互方面的技?g优势，另一方面由于网站后端的核心功能无法实现，因此不能形成一个完整的项目。一个不完整的项目会让参与项目的师生都缺乏动力和成就感，因此也得不到充分有效的锻炼。 　　交互式课件开发是浙江省大学生多媒体设计大赛（以下简称省赛）的一个固定分类，而微课和课件制作也是中国大学生计算机设计大赛（以下简称国赛）的一个固定分类，可见课件开发在各大学生计算机类学科竞赛中的重要地位。交互式课件作为现代信息技术在教学中的运用，由于其更能体现教与学的双向互动，越来越深得人心，而交互性课件也日渐成为了以微课为代表的现代教学改革的重要载体。目前常见的交互式课件开发技术包括Adobe Flash系列、3D场景系列、APP移动平台系列和Web页面系列等。其中Web页面系列课件是一种网页版的课件，它以Web浏览器为运行容器，集成多种网页开发技术（HTML、CSS、JavaScript等）进行交互。 HTML5作为当前Web页面开发的新兴技术，以其可跨平台、实时更新、离线应用以及更高的安全性等特点，还有各种新增元素和特性来增强页面表现能力和用户交互体验，尤其适用于交互式课件的开发。 　　综合以上背景，提出《基于HTML5的交互式课件开发》这一短学期的项目既能结合学科竞赛，易于激发学生的兴趣和动力；同时又由于其技术上的可行性、完整性和趣味性，可以使学生充满信心和探索精神。此外，借助竞赛的赛项要求、奖励机制和评分标准，对调动学生学习主动性和思维创新性是一种有效补充[1]。学科竞赛所倡导的团队分工和合作精神也可以在短学期的分组实践过程中能得到很好的体现。 　　2 项目实施的任务与目标[2] 　　《基于HTML5的交互式课件开发》项目开发可以使学生学习和掌握基于HTML5的前端开发流程及其交互性的应用。通过这个项目的实战训练能够让学生掌握系统的开发技能，意在让学生了解、熟悉、掌握项目的调研设计及前端开发的流程、方法和技巧，并有针对性地加强和提升学生团队协作及项目设计和开发的能力。通过短学期的项目实践，使学生达到以下基本目标： 　　在短