位于达拉斯的 IBM 全球解决方案中心团队为零售银行业务开发了一个">移动应用程序。该应用程序包含许多零售银行业务功能，比如支行和 ATM 位置、联系人、帐户余额和活动、转账等。设计该应用程序是为了将它用于和部署到 iOS 和 Android 智能电话上，该应用程序是以一种混合方式使用 IBM Worklight Studio 构建的。Dojo Mobile（一个开发跨平台移动 Web 应用程序的 JavaScript 框架）被用作实现移动用户界面和 Worklight 小部件的主要工具包。
本文介绍移动应用程序的设计和开发的重要的技术方面，包括使用 Dojo Mobile 设计和实现移动用户界面、Worklight 项目结构和环境优化、使用 Dojo 减少开发特定于环境的工件的工作，以及开发 Worklight 适配器（用于将应用程序与企业系统集成的一个基本组件）的步骤。与企业系统的集成将在包含的样例代码中演示，该样例代码使用一个 REST 服务来模拟银行系统中的帐户信息。本文还将探讨如何使用 Worklight 身份验证实现一种保护资源（比如 Worklight 适配器）的安全机制。本文还提供了一些样例代码作为整个移动应用程序的一部分，用这些样例代码（在 Worklight Studio Developer Edition v5.0.0.0 上开发和测试）来演示相关操作。
以下信息可帮助您快速入门：
使用 Dojo Mobile 实现移动用户界面 使用 Dojo 的 Worklight 项目结构 开发 Worklight 适配器 实现 Worklight 身份验证
使用 Dojo Mobile 实现移动用户界面
图 1 显示了 iPhone 上的银行应用程序的主屏幕。从这里，用户可访问账户信息并发起交易，查找 ATM 或银行分行，并取得联系以寻求帮助。
可以考虑两种常见的 UI 设计方法，使用户能够在功能之间导航：
选项卡栏方法 使用一组常见的功能，每个功能在大部分屏幕的选项卡栏上显示为一个按钮。用户点击一个按钮即可导航到特定的功能。此方法提供了常见功能的快速、一键式导航。缺点是需要为选项卡栏使用额外的屏幕空间，可用于功能区域的屏幕空间会有所减少。 功能列表方法以按钮的形式在屏幕上列出大部分（如果不是所有）功能。此方法的
优点是每个功能有更多屏幕空间可供使用。主要的缺点是导航需要单击更多次，甚至常用的功能也是如此。
两种方法都已在这里介绍的样例移动应用程序中使用。功能列表方法如图 1 所示，其中以按钮的形式列出了 3 个主要功能（My Accounts、Locations 和 Contact）。当用户在身份验证后导航到 My Accounts 时，底部选项卡栏上会以按钮的形式列出 Accounts、Cash 和 Transfer 等常见功能，如图 2 所示。单击 More 选项卡会显示更多功能。
图 1. Home 屏幕
图 2. Accounts 屏幕
Dojo Mobile 是一个 HTML5 移动 JavaScript 框架，支持在现代移动设备上快速开发具有原生外观的移动 Web 应用程序，这些移动设备包括 iPhone、iPod Touch、iPad 以及 Android 和 RIM 智能电话和平板电脑等。使用混合方法，Dojo Mobile 应用程序可使用原生设备 API，比如 GPS 位置或条码扫描，可使用 IBM Worklight Studio 轻松地封装为原生应用程序。