1

アプリケーションのワークフローと機能間の関係を視覚化するのに役立つソフトウェアを探しています。

私は codeigniter を使用しており、私のアプリは日々大きくなり、一人で作業しています。私は統合失調症になり始めています！

今日は db モデルの構築、明日はビュー js と html、コントローラーの翌日など..

私はこれやあれをどのように行ったかを忘れ始めました..そして、古いコードを読んだり読んだりしなければなりません..毎日見つけて修正しなければならない複製された機能が多すぎます。

する必要があります:

  1. チャート アプリケーション ワークフロー
  2. クラスのメソッドを視覚化し、他のクラスとの関係を視覚化するのに役立ちます

私は現在、ドキュメントとチャートを .docx ファイルに保存していますが、これは苦痛であり、あまり役に立ちません!.

私は教授ではありません。開発者であり、子供の頃からの趣味です。そのため、アプリケーションの設計とアーキテクチャがどのように構築されるべきかを見たことがありません。代わりに、私はただ飛び込んでブレインストーミングをするだけです!だから、私は成長する必要があります! ブレインストーミングをやめてより多くの教授に移行する方法の正しい方向を教えていただければ幸いです。仕方 。 私のアプリの 1 つである office chart のサンプル チャート !

4

1 に答える 1

1

ワークフローを視覚化するために、サンキー ダイアグラムの使用を検討してください。

セキュリティ インシデント ワークフローの視覚化

ワークフローを表すために使用される階層図を見たことがありますが (質問で説明したように)、たとえば、2 つの親を持つことができるノードなど、何かが欠けていると常に考えていました。サンキー ダイアグラムはその問題を解決し、「ノード」間で移動するボリュームの量の概念を導入する簡単な方法を提供します。また、定義上、フローチャートは「ワークフローまたはプロセスを表す図の一種」です。サンキー ダイアグラムは、階層図よりもはるかに流れているように見えます。

詳細については、サンキー ダイアグラムを使用してワークフローを視覚化するための David Pallmann の説得力のあるケースを参照してください。

Highcharts の Sankey デモをフォークし、シリーズ データを次のようにカスタマイズすることで、このワークフロー ビジュアライゼーションを 10 分で作成できました。

    data: [
        ['Event Submission', 'Event Submission Close', 250],
        ['Event Submission', 'Create Incident', 750],
        ['Event Submission Close', 'Approve', 240],
        ['Event Submission Close', 'Reject', 10],
        ['Approve', 'After Action Review', 640],
        ['Create Incident', 'Contained', 400],
        ['Create Incident', 'Provide Analysis', 150],
        ['Create Incident', 'Incident Close', 125],
        ['Contained', 'Containment Approval', 370],
        ['Contained', 'Containment Rejection', 30],
        ['Incident Close', 'Approve', 110],
        ['Incident Close', 'Reject', 15],
        ['Containment Approval', 'Eradicated', 320],
        ['Containment Approval', 'Provide Analysis', 50],
        ['Eradicated', 'Eradication Approval', 315],
        ['Eradicated', 'Eradication Rejection', 5],
        ['Eradication Approval', 'Recovered', 315],
        ['Eradication Approval', 'Provide Analysis', 5],
        ['Recovered', 'Approve', 310],
        ['Recovered', 'Reject', 5]
    ]

したがって、あなたの場合、要素が互いにどのように関連付けられているかを自動的にマップするものを見つけることができれば、それらのマッピングを上記の構文にフォーマットするだけで、ハイチャートは残りを行うことができます!

于 2020-03-31T15:46:47.673 に答える