移动学习的跨平台开发技术_张志祯

图 1 三种类型移动应用的运行机制

图 2 跨平台移动应用开发技术

应能力的文档结构标签，如footer、nav、section等；同时，取消了应由CSS实现的格式化标签，如font、center等。CSS的当前版本是CSS2，正在开发中的CSS3主要提供了更灵活的布局、元素视觉效果和选择器。在编程接口方面，除了原先的DOM接口，HTML5中新增了诸如即时二维绘图（Canvas）、离线数据存储、编辑、拖放、跨文档通信、媒体播放等编程接口。

由于当前的Web应用通常有大量前端JavaScript 代码，而且DOM接口繁琐笨拙，因此今天几乎任何正式的Web项目都会基于一个或多个JavaScript库。这里介绍两个最常用移动Web的框架：jQuery Mobile（jQM）和Sencha Touch（ST）。

jQM基于成熟稳定的JavaScript框架jQuery，是一个轻量级的开源框架。它与HTML/CSS结合紧密，可增强HTML元素的外观和行为，使界面风格与交互方式与平台原生控件相近，大大提高了Web页面在移动设备上的可用性。jQM应用的外观和行为容易定制，具备jQuery和HTML/CSS基础的开发者可以快速上手。jQM支持常见的移动浏览器。

图 3 jQuery Mobile和Sencha Touch的对比

优势还在于它同时支持原生应用和混合应用，即可以将原生应用和混合应用“混合”，以最大限度提高应用的性能。

跨平台开发技术的选择

移动应用开发技术的发展趋势是决策不可忽视的重要因素。综合以上分析，可得到如下结论：

第一，Web 技术（HTML5）是移动学习跨平台开发的未来。Web 技术天生的开放性使其具有无与伦比的活力。对移动学习机构而言，Web 开发的核心在于提高设计和开发人员对于HTML/CSS/JavaScript 这套基本技术和jQuery/jQuery Mobile/Sencha Touch 等JavaScript 编程框架的深入理解，——这些是移动Web 应用和混合应用核心。此外，Nielsen 和Budiu 基于长期的移动可用性研究，认为从可用性和开发成本的角度看，在未来的某个时间点，最佳的移动策略将从原生或混合应用变为移动Web 应用，即当前应选择原生或混合应用，但未来应属于移动Web 应用。

第二，Adobe AIR 特别适合在Flash 技术上已有丰富积累的机构快速实现“移动化”。鉴于Flash 在教育领域的广泛应用，机构积累的不仅仅是大量的Flash 资源，而且还有设计和开发人员的知识经验，AIR 使得这些资源和经验可以继续在移动平台上发挥作用。

第三，对于资源型移动学习应用，开发技术的低难度、高效率至关重要，因此Flash+AIR 和移动Web （jQuery Mobile）通常是最佳选择。AIR 和Web 相比，图 4 利用PhoneGap 开发的混合应用实例——Moodle Mobile

选择。

（作者单位为“移动学习”教育部