移动智能终端的微课程结构分析与设计

《移动智能终端的微课程结构分析与设计》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、移动智能终端的微课程结构分析与设计摘要：该文以智能手机作为移动教学工具，全面介绍和分析了移动学习系统中的结构与技术。结合物理实验教学中的实践教学经验，阐述了以WebApp作为平台开发物理实验微课程的具体技术路线和教学应用。关键词：移动学习系统；WebApp;微课程中图分类号：G434文献标识码：A论文编号：1674-2117(2016)23-0097-06移动学习系统的结构与技术1.移动应用程序目前，移动应用程序主要有NativeApp、WebApp和HybridApp三种。NativeApp是依赖移动终端的操作系统而开发的应用程序，它需要针对不同的操作系统分别进行开发，用户可以直接在网

2、上根据自己终端的操作系统进行下载安装。NativeApp具有开发周期长、成本高、维护成本高和更新缓慢的缺点，但在用户体验、性能的稳定性和对本地资源的调用等方面，具有不可替代的优势。WebApp是可以直接运行在移动设备浏览器上的应用程序，它是利用Web技术开发移动智能终端的微课程结构分析与设计摘要：该文以智能手机作为移动教学工具，全面介绍和分析了移动学习系统中的结构与技术。结合物理实验教学中的实践教学经验，阐述了以WebApp作为平台开发物理实验微课程的具体技术路线和教学应用。关键词：移动学习系统；WebApp;微课程中图分类号：G434文献标识码：A论文编号：1674-2117(2016

3、)23-0097-06移动学习系统的结构与技术1.移动应用程序目前，移动应用程序主要有NativeApp、WebApp和HybridApp三种。NativeApp是依赖移动终端的操作系统而开发的应用程序，它需要针对不同的操作系统分别进行开发，用户可以直接在网上根据自己终端的操作系统进行下载安装。NativeApp具有开发周期长、成本高、维护成本高和更新缓慢的缺点，但在用户体验、性能的稳定性和对本地资源的调用等方面，具有不可替代的优势。WebApp是可以直接运行在移动设备浏览器上的应用程序，它是利用Web技术开发的，无需下载和安装，但它可以拥有与在NativeApp上相似的用户体验，由于与

4、操作系统平台无关，且具有良好的跨平台特性，因此具有开发周期短、成本低和易维护等特点，但WebApp也有不足，如依赖网络、不能很好地调用本地移动设备资源和用户留存率低等。HybridApp介于NativeApp和WebApp之间，它看上去是NativeApp，但只是一个UIWebView，内核访问的是WebApp。［1］考虑到WebApp具有上述优点，而且微课程移动学习系统并不涉及调用本地移动设备资源，因此在开发过程中，宜选择WebApp的形式。WebApp能够具有与NativeApp相似的用户体验的重要基础，即在于HTML5技术，各大浏览器都在不同程度上提供了对HTML5技术的支持。为了

5、减轻服务器访问的负担和增强用户体验，微课程的技术设计在有些地方采用了Ajax技术。HTML5技术提供了良好的前端效果，系统后端开发采用的是SSH2(Struts2+Spring+Hibernate)的组合框架，这是一种轻量级的J2EE平台，被越来越多的开发者使用。因为Tomcat服务器对JSP程序可以提供较好的支持，所以整个移动学习系统被部署到Tomcat服务器上。移动学习系统主要针对物理实验的学生，因此采用MySQL这种适合中小型网站的数据库即可。1.HTML5技术狭义上的HTML5指的是在HTML4.01的基础上升级的版本，它包含了一些之前没有的标签，如和等，还包括了新的JavaSc

6、riptAPI，如WebsocketAPI和GeolocationAPI等。广义上的HTML5是一系列Web技术范畴，包括HTML5、CSS3、JavaScriptAPI、WebApplication、通讯协议等多个技术领域。[2]在微课程移动学习系统的开发过程中，除了运用到了这样支持手机端播放视频的标签外，还用到了用于HTML5的CSS重置样式文件Normalize.csso标签包含众多属性，其中src属性设置播放视频的地址，controls属性可以向用户显示如播放按钮之类的显示控件，height和width属性用于设置播放视频的高度和宽度。Normalize.css可以使同一元素在不

7、同的浏览器中有不同的默认值，这些不同的默认值避免了由于浏览器的差异而导致相同元素显示的差异，同时Normalize.css还帮助修复了浏览器上的部分漏洞。为了让学习系统具有良好的交互效果，系统开发宜采用Zepto框架。Zepto是一个专门针对现代移动设备、浏览器内核为Webkit的非常轻量级的JavaScript类库，具有与jQuery相同的语法结构和使用方法，开发者非常容易上手。1.Ajax技术Ajax是AsynchronousJ