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

一款基于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部分的功能。WebStorm的智能代码编辑器提供了对JavaScript，Node.js、HTML和CSS，以及其他语言顶级的支持，