其后端实现工具是Struts2SpringHibernate组合框架-中国高等学校.PPTVIP

P.*/11 物理科学与工程学院 马宁生 * 移动学习中的物理实验微课程结构设计 移动学习系统的结构与技术 2 移动学习系统的功能与软件结构 3 微课程的设计与开发 4 引言 1 结语 5 引言 1 《教育信息化十年发展规划（2011～2020年）》明确提出了教育的发展目标之一是“充分发挥现代信息技术独特优势，信息化环境下学生自主学习能力明显增强，教学方式与教育模式创新不断深入，信息化对教育变革的促进作用充分显现。”因此在近年来的高等院校信息化建设中，在线学习已经成为学生者学习的一种方式。随着科学技术与教学资源的整合，教学方式也出现许多改革和创新。 大学物理实验需要借助教育信息化的浪潮来实现其自身的教学改革。将物理实验微课程放在Web App上，融合到学生的实验学习过程中，将会促进物理实验的教学环境、教学过程和学习方式的变革。 引言 1 学生使用的手机基本情况调查 1. 您使用的手机是智能手机吗： 以上数据来自于同济大学教育技术专业研究生段延同学所做的调查。 引言 1 学生使用的手机基本情况调查 2. 您的手机是什么系统？ 以上数据来自于同济大学教育技术专业研究生段延同学所做的调查。 引言 1 学生使用的手机基本情况调查 3. 您在物理实验室使用学习类APP的频率: 以上数据来自于同济大学教育技术专业研究生段延同学所做的调查。 引言 1 学生使用的手机基本情况调查 从以上数据可看出智能手机已经十分普及，其中ISO和Android以98%的比例占据主导地位，目前学生们使用App的频率并不高，这为我们利用移动学习的相关理念开发物理实验的App提供了支撑。 1.App平台介绍 移动学习系统的结构与技术 2 Native App、Web App和Hybrid App优缺点比较 App 优点 缺点 Native App 1、良好的用户体验； 2、稳定的运行性能； 3、易于本地设备的调用； 4、离线可以使用。 1、依赖操作系统； 2、开发周期长； 3、开发与维护成本高； 4、程序更新缓慢。 Web App 1、良好的跨平台性； 2、无需下载和安装； 3、开发和维护成本低； 4、程序更新速度快。 1、用户体验一般； 2、大部分性能依赖网络； 3、本地设备调用性能较差； 4、依赖浏览器 Hybrid App 1、易于本地设备的调用； 2、开发和维护成本较低。 1、用户体验一般； 2、大部性能分依赖网络； 3、依赖网页技术和操作系统。 2.Web App平台介绍 移动学习系统的结构与技术 2 Web App能够具有与Native App相似的用户体验的重要基础，即在于HTML5技术，各大浏览器都在不在程度上提供了对HTML5技术的支持。在大学物理实验微课程移动学习系统中，为了减轻服务器访问的负担和增强用户体验，在有些地方采用了Ajax技术。HTML5技术提供了良好的前端效果，系统后端开发采用的是SSH2（Struts2+Spring+Hibernate）的组合框架，这是一种轻量级的J2EE平台，被越来越多的开发者使用。因为Tomcat服务器对于JSP程序可以提供比较好支持，所以整个移动学习系统被部署到Tomcat服务器上。移动学习系统主要针对物理实验的学生，因此采用MySQL这种适合中小型网站的数据库即可。 2.1 HTML5技术 移动学习系统的结构与技术 2 在大学物理实验微课程移动学习系统的开发过程中，除了运用到了video这样支持手机端播放视频的标签外，还用到了用于HTML5的CSS重置样式文件Normalize.css。 video标签包含众多属性，其中src属性的是播放视频的地址； controls属性可以向用户显示如播放按钮之类的显示控件；Normalize.css可以使同一元素在不同的浏览器中有不同的默认值，这些不同的默认值是为了使其保持统一的样式，避免了由于浏览器的差异而导致相同元素显示的差异，同时还帮助修复了浏览器上的部分漏洞。同时它支持包括手机浏览器在内的绝大多数浏览器。 Zepto是一个专门针对现代移动设备，为了让学习系统具有良好的交互效果； 浏览器内核为Webkit的非常轻量级的JavaScript类库，具有与jQuery相同的语法结构和使用方法，开发者可以非常容易上手。 2.2 Ajax技术 移动学习系统的结构与技术 2 Ajax是Asynchronous JavaScript and XML（异步JavaScript和XML）的缩写，是基于标准web技术创建的、能够以更少的响应时间带来丰富的用户体验的一类web应用程序所使用的技术集合。Ajax技术的主要优势有，无刷新更新页面局部数据、与服务器实现异步通信和实现前端与后端负载平衡等。这些优势