这里构建的移动Web 应用程序使用了启用 webkit 的移动设备（比如 iPhone、iPad、Android 和 RIM 智能电话和平板电脑）上的原生外观进行渲染
业务流程定义如何在企业中通过人员和 IT 系统来完成工作。尽管一些流程仍然是不正式的，但越来越多的组织在尝试使其">业务流程自动化，从而提高用户生产力，改善总体业务运营。自动化的过程中常常涉及到任务形式的用户交互，并且随着智能电话和平板电脑的迅速增多，员工可将更多时间用在办公室以外的地方，同时保持高生产力。因此，为这些设备提供合适的用户界面就变得很有必要。
本文提供的示例展示了如何构建移动用户界面，使员工或客户能与示例流程交互，本文先大体介绍了原型的架构，然后概述各个组件和它们的实现，包括示例流程、调用的移动形式以及与流程的动态交互。此示例移动 UI 的实现将通过 IBM WebSphere Application Server Feature Pack Feature Pack for Web 2.0 and Mobile 来使用 Dojo。示例业务流程是在 IBM Business Process Manager V7.5 中实现的，移动 UI 通过其 Web 服务或 REST API 连接到流程引擎。
示例场景概述
图 1 显示了本示例中涉及到的组件：
IBM Process Designer 是在 IBM Business Process Manager 中用于建模业务流程建模表示法 (Business Process Modeling Notation, BPMN) 流程及其工件（比如业务规则）的开发环境。 IBM Process Server 是处理流程的执行的运行时服务器。它还有一个 REST 接口，
所以外部应用程序可与引擎进行交互。 IBM Rational®
Application Designer 是用于创建用户界面（HTML 页面和它的 Dojo 组件）并将它包装为 Web 应用程序的开发环境。 IBM WebSphere Application Server 是处理 Web 应用程序的执行的运行时组件。作为 Web 2.0 and Mobile 功能包的一部分，可部署一个 Ajax 代理来代理应用程序与远程服务之间的请求（出于安全原因，客户端浏览器默认会阻止跨站点脚本）。
图 1. 示例的架构
因为 IBM Process Server 构建于 WebSphere Application Server 之上，所以可以直接在 IBM Process Server 内部署 Web 应用程序。在这种情况下，不需要使用 Ajax 代理，因为 Web 应用程序和流程服务集中在同一个实例上。
本示例中使用的业务流程演示了保险领域的一种简化的合同订阅。该业务流程使用 IBM Process Designer 实现。图 2 显示了该流程的 BPMN 渲染。
图 2. 示例流程图
让我们看看 BPMN 图中列出的流程步骤的实现（参见图 2）。IBM Process Designer 支持通过以一种几乎不需要代码的方法配置代理、服务或表单来实现此流程。