ドラッグアンドドロップ付きのHTMLワークフローデザイナー
ワークフローツールを構築して、ノードをキャンバスにドラッグしたり、ノードのアウトレットを他のノードの入力に接続したりできるようにする必要があります。ズーム..（見つけた例は、「自動化」セクションで説明した例のようになります。ここ： http://bronto.com/platform/features ）
開始方法に関する提案を探しています...これを簡単にするために誰かが推奨するフレームワーク/ライブラリがあるかどうか、またはドラッグ/ドロップ/線画などを処理するためにJavascriptを作成し始める必要があることを確認するだけです。
この質問はかなり古いものですが、誰かが更新された回答を必要とする場合は、jQueryオープンソースプロジェクトjsPlumb https://github.com/sporritt/jsPlumb を試してみます。
私はいくつかのワークフロー、フローチャート、図表作成ツールを試しました。
次に、エディターを使用してHTML5ワークフロー図を作成し、サーバーとの間でデータをロードおよび保存できるものを見つけました。
これには、ワークフロー図の作成に使用できるほぼすべての機能があります。
1）長方形内のリッチテキスト。
2）形状をカスタマイズする機能。
3）フローチャート記号を追加し、バックエンドコードを修正する機能。
4）Android、iOS、HTML5ブラウザで動作します。
5）さまざまな種類の線を追加して、さまざまな形状やオブジェクトにアタッチする機能。
6）要素、線、図形、リッチテキストを正しくドラッグアンドドロップできます。
7）独自の要素（付箋、UMLオブジェクト、行レーン、ドキュメントオブジェクトなど）を作成できます。
MITライセンス。
ASP.NETプラットフォームを使用している場合は、 Orchard CMS を試してください。 ワークフローモジュール があり、ニーズに合わせてカスタマイズできます。