代码之家  ›  专栏  ›  技术社区  ›  Vihung

如果适用于面向操作的Web应用程序,以图形方式表示页面流的最佳方法是什么?

  •  10
  • Vihung  · 技术社区  · 17 年前

    如果适用于面向操作的Web应用程序,以图形方式表示页面流的最佳方法是什么?

    您使用什么模型来表示包含页面(视图)、用户对这些视图(事件)和进程的页面流(页面流图表)?

    这些图表应该作为业务领域专家(比如指定电子商务网站的人)、技术分析师(负责设计Web应用程序的人)和Web开发人员(负责实现解决方案的人)之间理解的起点。

    我并不是在寻找一个软件解决方案来帮助我绘制这些图表,也不是在寻找一个Web流框架来让我在软件中实现这些页面流。

    不过,我正在寻找一个好的方案,用铅笔和纸绘制一个页面流。

    例如,一个好的答案可以是

    • 带大写标签的矩形表示页面
    • 标签为小写的箭头表示用户操作
    • 带大写标签的菱形表示一个过程
    • 入口点总是从左边(箭头从左边进入页面)
    • 退出点始终从右侧(箭头从页面向右出)

    如果有一个可接受的标准,或者这个问题空间实际上是存在一个标准的更大问题空间的具体情况,请强调这一点。

    本着堆积如山的精神,请每个答案一个方案,并投票而不是重复。

    4 回复  |  直到 9 年前
        1
  •  13
  •   Harald Scheirich    17 年前

    我一直都喜欢 Jesse James Garret's 视觉语言。

        2
  •  1
  •   rp.    17 年前

    查看NAML(.NET应用程序建模语言)。它包括一个Visio模板,非常有趣和富有表现力。

    http://code.msdn.microsoft.com/naml

        3
  •  1
  •   Vincent Ramdhanie    17 年前

    我发现修改状态图对于这个目的是最有用的。我将一个可视资源(HTML或JSP页面)表示为一个状态,转换是用户可以在该页面上执行的操作。

    然后,我为可视页面之间的操作引入另一个符号。

    状态图对于非技术人员来说很容易理解和表达,足以捕获一些复杂的交互。

        4
  •  0
  •   lsaffie    13 年前

    请看yuml.me,因为它非常容易使用,并生成很好的“脏”图。