Thiết kế quy trình làm việc HTML w/Kéo và thả

Question

Tôi có nhu cầu xây dựng một công cụ quy trình làm việc, cho phép mọi người kéo các nút vào canvas, kết nối các đầu ra của các nút với đầu vào của các nút khác. trông giống như phần được đề cập trong phần 'tự động hóa' tại đây: http://bronto.com/platform/features)

Tìm kiếm các đề xuất về cách bắt đầu làm cho việc này dễ dàng hơn hoặc chỉ xác nhận rằng tôi chỉ nên bắt đầu whipping ra Javascript để xử lý các kéo/giọt/vẽ đường/etc.

Answer 1

Tôi đã thử một số công cụ, sơ đồ và sơ đồ công cụ.

Tôi đã tìm thấy một thứ mà sau đó tôi có thể tạo biểu đồ luồng công việc HTML5 bằng trình chỉnh sửa, tải và lưu dữ liệu đến và từ máy chủ.

này có hầu hết tất cả các tính năng mà có thể được sử dụng để làm cho sơ đồ quy trình làm việc:

1) Giàu văn bản bên trong một hình chữ nhật.

2) Khả năng tùy chỉnh hình dạng.

3) Khả năng thêm ký hiệu biểu đồ lưu lượng và sửa mã back-end.

4) Hoạt động trên trình duyệt Android, iOS, HTML5.

5) Có khả năng thêm các loại đường khác nhau để đính kèm với các hình dạng và đối tượng khác nhau.

6) Có thể kéo và thả chính xác các thành phần, đường kẻ, hình dạng và văn bản đa dạng.

7) Có khả năng tạo ra các yếu tố riêng của bạn (ghi chú dán, đối tượng UML, hàng-làn xe, các đối tượng tài liệu, vv)

MIT cấp phép.

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

Answer 2

Nếu bạn đang ở trên nền tảng ASP.NET, hãy thử Orchard CMS. Nó có một Workflow Module mà bạn có thể tùy chỉnh theo nhu cầu của bạn.

Answer 3

Câu hỏi này khá cũ nhưng trong trường hợp ai đó cần câu trả lời cập nhật, tôi chắc chắn sẽ thử cho dự án mã nguồn mở jQuery jsPlumb https://github.com/sporritt/jsPlumb.