PHP：将您的应用程序工作流和功能可视化为功能关系

Question

我正在寻找一种软件，可以帮助我实现应用程序工作流程的可视化，并起到功能关系的作用。

我正在使用codeigniter，我的应用程序正在变得越来越大，而且我正在独自工作。我开始变得精神分裂！

今天我是一个构建db模型，明天可能会查看js，html，后控制器等等。

所有这一切都会让我开始忘记我是如何做到这一点的......我必须来回阅读我的旧代码..以及我每天都找到的太多复制功能，必须修复

需要：

1. 图表应用程序工作流程
2. 帮助我想象我班级的方法，以及与其他班级的关系

我目前将我的文档和图表保存在.docx文件中，这很痛苦，并且没有多少帮助！。

我不是教授。开发者，从小就是我的爱好。所以我从来没有看到应该如何构建应用程序设计和架构。相反，我只是潜入脑风暴！，所以我需要长大！如果你可以指出我如何能够阻止头脑风暴并进入更多教授，我将不胜感激。办法 。

Answer 1

考虑使用a Sankey Diagram来帮助可视化工作流程。

我已经看到了用于描述工作流的层次结构图（如您在问题中所说明的），但始终认为它们缺少某些东西，例如可以有两个父级的节点。 Sankey图解决了这个问题，和提供了一种简单的方法来介绍“节点”之间移动多少体积的概念。另外，根据定义，a flowchart is "a type of diagram that represents a workflow or process"。 Sankey图看起来比层级图更具流动性。

有关更多信息，请查看David Pallmann's convincing case for using Sankey diagrams to visualize workflow。

通过分叉this workflow visualization并将系列数据自定义为以下内容，我能够在10分钟内创建the Highcharts's Sankey demo：

    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]
    ]

因此，在您的情况下，如果您找到可以自动映射元素之间如何关联的内容，则只需将这些映射格式设置为上述语法，Highcharts就能完成其余工作！