web-dev-qa-db-ja.com

プロトコルシーケンス図を描くためのツール

スライディングウィンドウプロトコル用に送信された一連のパケットを描画するツールを探しています。水平線でメッセージシーケンスチャートを描画するためのツールはたくさんありますが、この画像の下部のように、斜めに線を描画できるようにしたいと思います。

SYN,SYN+ACK,ACK example

適切なツールを提案してください。私はおそらく無料のものだけに興味がありますが、コマーシャルについて本当に良い提案があれば、それも含めることができます。

protocolssequence-diagram
24
hlovdal

mscgenarcgradientオプションを使用して、これを行うことができます。このスニペットは、例の2番目の部分を正確にレンダリングします。

msc {
  arcgradient=20;

  client, server;
  client => server [label="SYN"];
  server => client [label="SYN + ACK"];
  client => server [label="ACK"];
}

このスニペットを mscgen_js オンラインデモにコピーして貼り付けると、次のように表示されます。

29
Sander

私は websequencediagrams を使用しています。基本的に、いくつかの異なるファンシーレンダラーを備えたmscgenのwebappバージョン。

enter image description here

Websequencediagrams は、ダイアグラムのレンダリングもスクリプトAPIとして公開します。今、私は自分の図をHTMLファイルとして保存し、それらをgitにコミットし、Nicediffを表示します。

<html>
<body>
<div class="wsd" wsd_style="rose"><pre>
App->set_state PAUSE
<!-- your wsd diagram commands, etc... -->
</pre></div>
<script type="text/javascript" src="http://www.websequencediagrams.com/service.js"></script>
</body>
</html>
13
Peter Tran

困っている人のために、クールなコマンドラインツールがあります mscgen 。

6
Andrzej Lichnerowicz

試してみてください mlet.com

親切、

ダン

3
Daniel Elliott

RFFlow は、起動が非常に速く、習得が速く、使いやすいと思います。斜面の対角線やテキストを処理し、あらゆる種類のブロック図に適しています。 EMFとWMF、およびGIFとそのネイティブタイプとして保存され、Wordに非常にうまくコピーアンドペーストされます。

2
Martin

完全を期すために、別の無料のWebブラウザベースのオプションを次に示します。 https://sequencediagram.org/

これが彼らのピッチです（「About」から）：

SequenceDiagram.orgは、UMLシーケンス図を作成するためのオンラインツール/ソフトウェアです。

ダイアグラムの解析とペイントのすべての処理は、ユーザーのWebブラウザーでクライアント側で実行されます。これにより、操作が簡単になるだけでなく、他の多くのシーケンス図ツールのように、ツールによってデータがインターネット経由で転送されないことも意味します。バックエンドサーバーが使用されていないため、ツールをオフラインで使用することもできます。

そこには多くのシーケンス図ツールがありますが、これはあなたができる唯一のものです：

∙Script using a simple text notation when it is most convenient to do so, and
∙Draw the sequence diagram using your mouse at the same time when that is most convenient

言い換えれば、両方の世界から最高のものをもたらします。これにより、他の同様のツールが苦労している大きな図での作業が非常に簡単になります。また、広告や不要な気を散らす要素もありません。

このツールは、日常業務で多くのシーケンス図を作成する人々によって開発、保守、および使用されており、効率の観点から、既存のツールに100％満足していませんでした。

質問/コメント/提案/バグがある場合は、info @ sequencediagram.orgに連絡してください。フィードバックが多ければ多いほど、優先順位を付けることができます。

1
Mike C.

ZenUML は無料でオンラインです。 weird機能があり、CSSコードを使用して図のスタイルを設定できます。

enter image description here

上記の図を取得するには、DSLエディターに

Client->Server:SYN

そして、CSSエディターで魔法をかけます

div[signature="SYN"]>div.message {
  transform: rotate(10deg)
}
1
Xiao Peng - ZenUML.com