Progettista del flusso di lavoro HTML con trascinamento della selezione

Question

Ho bisogno di creare uno strumento per il flusso di lavoro, consentendo alle persone di trascinare i nodi su una tela, collegare le uscite dei nodi agli ingressi di altri nodi. Zoom .. (Un esempio che ho appena trovato assomiglia a quello trattato nella sezione "automazione" qui: http://bronto.com/platform/features

Alla ricerca di suggerimenti su come iniziare ... Curioso se ci sono framework/librerie chiunque consiglierebbe di semplificare questo, o semplicemente la conferma che io dovrebbe solo iniziare a sferrare Javascript per gestire i drags/drops/line drawing/etc.

Answer 1

Ho provato diversi strumenti per flusso di lavoro, diagrammi di flusso e diagrammi.

Ne ho trovato uno che potrei quindi creare un diagramma di flusso di lavoro HTML5 con editor, caricare e salvare dati da e verso server.

Questo ha quasi tutte le caratteristiche che possono essere utilizzati per rendere i diagrammi di flusso di lavoro:

1) testo Rich all'interno di un rettangolo.

2) Possibilità di personalizzare le forme.

3) Possibilità di aggiungere i simboli del diagramma di flusso e correggere il codice di back-end.

4) Funziona su browser Android, iOS, HTML5.

5) Possibilità di aggiungere diversi tipi di linee da collegare a forme e oggetti diversi.

6) Possibilità di trascinare e rilasciare correttamente elementi, linee, forme e rich text.

7) in grado di creare i propri elementi (note adesive, oggetti UML, row-vicoli, oggetti documento, ecc)

MIT concesso in licenza.

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

Answer 2

Se siete su piattaforma ASP.NET, provare Orchard CMS. Ha un Workflow Module che puoi personalizzare in base alle tue esigenze.

Answer 3

Questa domanda è abbastanza vecchia, ma nel caso qualcuno abbia bisogno di una risposta aggiornata, darei una prova al progetto jQuery opensource jsPlumb https://github.com/sporritt/jsPlumb.