32、从界面原型到 Web 应用模型：MockupDD 开发方法解析

从界面原型到 Web 应用模型：MockupDD 开发方法解析

1. 引言

Web 应用开发是一项复杂的活动，涉及众多方面。传统的模型驱动 Web 工程（MDWE）方法虽能通过模型抽象指定应用的各个方面并导出运行实现，但往往以设计为中心，在完成所有设计方面（如领域和导航）后才生成应用原型，这使得客户和最终用户难以参与开发过程。

为鼓励客户参与，敏捷方法提出将客户融入日常工作。其中，敏捷建模追求以“刚刚好”的策略快速构建模型，即模型应尽可能简单，并逐步构建。用户界面（UI）原型就是这样一种敏捷模型，它能以客户和开发者都能理解的语言表示需求。像 Balsamiq 或 Axure 等原型工具的出现，也表明 UI 原型正成为一种流行的需求表示和沟通方式。

本文提出一种遵循敏捷建模原则的模型驱动开发方法——Mockup - Driven Development（MockupDD）。该方法从与客户共同创建 UI 原型开始，将其转换为技术无关的结构 UI 模型（SUI），并通过轻量级的丰富和启发式方法，获取导航和内容规范，进而实现不同 MDWE 方法下的 Web 应用开发。

2. 相关工作

近年来，大量原型工具涌现，显示出人们对 UI 原型作为需求工件的兴趣日益增加。在行业的敏捷开发中，原型也得到了成功应用。统计研究表明，使用 UI 原型能有效提高软件理解度，降低开发成本，且原型工具已成功集成到缺陷跟踪、项目管理和维基环境中。

UI 原型通常与其他需求规范工件（如用户故事）相关联，也常通过非正式注释来明确无法直接通过 UI 表达的需求。在以往的工作中，不同原型工具创建的原型可转换为通用的技术无关 UI 元模型，并导出到不同的 We