一款基于Html5语言跨平台教学课件制作软件设计和开发(倪央央).docx

 PAGE \* MERGEFORMAT 7 一款基于Html5语言的跨平台 教学课件制作软件的设计和开发 宜兴市高校招生办公室 倪央央 前言 随着移动互联网技术逐渐在学校和家庭中普及，“电子书包”（Electronic Schoolbag）和“数字化学习”(e-learning)之概念亦开始逐步进入课堂和家庭。 各类大型开放式网络课程——慕课（Massive Open Online Courses/MOOC）平台近年来在中国迅猛发展，如Coursera、慕课学院、中国大学MOOC、网易公开课、腾讯公开课等各类MOOC平台获得了公众显著的关注，各大高校亦逐步与这些平台合作签约。国内外一流高校的教学资源及互联网巨头资本的流入，使MOOC课程拥有了颇为丰富的课程资源以及相当数量的忠实用户。 移动互联网技术如此快的发展，新技术乃至新模式对于传统教学体系的冲击，是巨大且不可逆转的。传统单平台课件在移动互联技术的不断发展之情况下，对新学习方式、新的学???平台的变化显得力有未逮。如何制作跨平台学习的课件？如何让传统单平台课件适应新的网络学习环境？html5语言，为解决跨平台教学课件制作的问题，提供了一个契机，更以其在课件稳定性、形式表现多样性、良好的交互性以及支持跨平台学习等各方面的天然优势，日益成为备受青睐的一种课件制作形式。 html5语言简介 Html5语言，是超文本标记语言（Hypertext Markup Language）的第五次重大修改，2014年10月由万维网联盟（W3C）完成标准制定。目标是取代1999年所制定的HTML 4.01和XHTML 1.0标准，以期能在互联网应用迅速发展的时候，使网络标准达到符合当代的网络需求。使用HTML5开发课件，有其独有的优势： 1、HTML5对多媒体有良好的支持 HTML5课件能将各种课件形式融合起来，实现文字、图片、表格、音频、视频、交互、色彩、创意的有机结合。 HTML5支持视频、音频等多媒体元素，它向开发者提供了一套通用的、集成的、脚本式的处理音频与视频的API，而无需安装任何插件。故此，HTML5开发的课件，让文、图、表、声、画等有机结合。 HTML5新提供的canvas元素，使用 JavaScript绘制图像，拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。 　　这些新的特性让人印象深刻，使得HTML5网页课件告别传统网页课件缺乏声影、形式单一等各种不足。HTML5网页课件能使得学习内容的表现形式变得更加丰富，能提升学生之学习兴趣，让学生得以更加专注。 　　2、HTML5课件拥有良好的交互性 比之传统Web技术，HTML5的用户体验大大改善。在课件设计开发时，教学设计者可以充分发挥此种技术的优点，并结合内容特点，设计互动的一些学习点，增强学生学习的参与。 　　3、HTML5课件支持跨平台学习 HTML5最主要的优势在于终端，即跨平台，跨分辨率，终端自适应等方面。相比传统的HTML技术，它在终端设备上有更好的体验，尤其在平板和手机平台上更有得天独厚的优势。 很显然，在这一点上，HTML5的新特性和移动互联网学习课件的需求可谓是天作之合。移动互联网时代，用户的终端设备是一个范围很广的概念，同一用户可能有多个不同的设备，对于课件来说，只有适应不同的终端设备，支持跨平台学习，才能给予学生良好一致的学习体验。 软件开发环境介绍 Bootstrap框架 Bootstrap，由Twitter推出，是目前非常流行的前段框架。它基于HTML5，CSS和Javascript，由于Bootstrap简单且灵活，能够提供更快捷的网页开发速度。Bootstrap是由来自Twitter的工程师马克·奥托和雅各·桑顿 协作开发的Css/Html框架，它提供了优美典范的开发规范，是由动态Css语言less写成，一经推出便极受欢迎 ，作为GitHub上热门的开源项目，为美国航空航天局和微软全国广播公司等机构所使用。同时，国内一些移动开发者熟悉的框架，也由此优化改进而来。Bootstrap对于开发响应式布局、移动设备优先的跨平台项目可以说是量身定制。 jQuery库 jQuery是一个便捷、迅速而又小巧且功能丰富的JavaScript库。通过在众多浏览器上都有很高易用性的API接口，它可以让HTML文档遍历和处理、事件处理、动画描绘、Ajax这类事情变得更加简单。随着通用性和可扩展的深度结合，jQuery 改变了上百万人对于JavaScript的编程习惯，是目前最受欢迎的JavaScript库。 WebSrtorm编辑器 WebStorm 是jetbrains公司旗下一款JavaScript 开发工具，与IntelliJ IDEA同源，继承了IntelliJ IDEA强大的JS部分的功能。We