HTML Workflow Developer w / Drag and Drop

Question

I need to create a workflow tool that allows people to drag nodes onto the canvas, connect the outputs of nodes to the inputs of other nodes .. Zoom .. (The example I just found looks like the one shown in the "automation" section: http: // bronto.com/platform/features )

Look for suggestions on how to start ... I wonder if there are frameworks / libraries that could recommend making it easier or just confirm that I should just start whipping Javascript to handle drags / drops / line drawing / etc .

Answer 1

This question is pretty old, but if someone needs an updated answer, I would definitely try to run the jsPlumb open source jQuery project https://github.com/sporritt/jsPlumb .

Answer 2

I have tried several workflow tools, flowcharts and diagrams.

I found one that could draw an HTML5 workflow diagram using an editor, load and save data on and from the server.

These are almost all the functions that you can use to create workflow diagrams:

1) Rich text inside a rectangle.

2) Ability to customize shapes.

3) Ability to add symbols to the flowchart and fix internal code.

4) Works on Android, iOS, HTML5 browsers.

5) The ability to add different types of lines to snap to various shapes and objects.

6) The ability to properly drag and drop elements, lines, shapes and rich text.

7) The ability to create your own elements (sticky notes, UML objects, lines of lines, document objects, etc.)

MIT License.

https://code.google.com/p/svg-edit/

Answer 3

If you are on an ASP.NET platform, try Orchard CMS . It has a Workflow Module that you can customize to suit your needs.