0

Webアプリケーションがどのように機能するかのフローを非技術者や技術者に伝えるためにどのタイプのワークフロー図標準を使用すべきかわかりません。

私自身、技術者として、特定のコンポーネントがデータベースとどのように相互作用するかを知りたいので、再検討する必要があります。

言い換えれば、私はそれらをこのように説明します

メインページ

  -> sign up page
      ->sign up connects to database if successful go to thank you page.
      ->sign up connects to database if successful go back to sign up page.    
  -> contact us
  -> etc...
4

3 に答える 3

0

ユーザーインターフェイス（Webサイト）を説明するために、私はステートマシンを好みます。ステートマシンの各状態はユーザーインターフェイスの状態と一致し、システムはその状態を変更することでユーザーの操作に反応します。各状態では、状態にアクションを追加することにより、システムがその状態にあるときに何が起こるかを示します。アクションは、インターフェースがシステムとどのように相互作用するかを示します。

于 2012-10-06T19:09:55.323 に答える
0

このタイプの図は通常、情報アーキテクチャの方法論で指定されます。驚いたことに、私が知っていることですが、IAで提案されている広く使用されている標準はありません。他の名前は、ユーザーエクスペリエンスデザイン（UXD）、インタラクションデザイン（IxD）などです。各企業または開発ツールは、さまざまな種類をサポートしています。

アプローチの例を次に示します。「情報アーキテクチャとインタラクションデザインを説明するための視覚的な語彙」：http ：//www.jjg.net/ia/visvocab/

私はvainoloの提案が好きですが、何年も前にそれを試したところ、利害関係者は州のような最も基本的な概念に行き詰まりました。

技術者以外の利害関係者がより簡単に理解できるのは、UML アクティビティ図（ペトリネットとフローチャートの単純なマッシュアップ）です。「スイムレーン」を追加すると、アクティビティ図で複数のページとプロセスをモデル化できます。アクティビティ図は複雑に聞こえますが、従うのは非常に簡単です（単純な線形シナリオの場合）。

アクティビティ図の例：「UMLアクティビティ図：ユーザー・インターフェース・ナビゲーションの詳細」：http ://www.ibm.com/developerworks/rational/library/4697.html

于 2014-06-28T14:37:14.403 に答える
0

まずは次のことはどうですか？

ここに画像の説明を入力してください

表記はペトリネットのグラフィックまたはアイコンに基づいており、各アイコン（正方形と円）を「接続」するための規則は、ペトリネットを作成するための規則に従います。T3というラベルの付いたアイコンは、複数のペトリネット要素を表すための高レベルの表記法に基づいて「思いついた」ものです（NuttまたはNoe、あるいはその両方、Macro E-netsによると思います）-見つかった線のプロパティを使用しましたPowerPointで。

于 2014-10-19T10:35:29.790 に答える