WorkFlow Create / Edit in JQuery & PHP

Greetings! First - Look into the attachment in a Web App / PHP - JQUERY Page1 - Create Workflow page * Need a drag & drop functionality for the left side components into the Right side area * should connect the components placed in the right side area via connectable arrows * On click of process button - a JSON OBject should be built - that can be later used to rebuild the same connections between components currently available & Popup the JSON Content. & follow the save steps. [ Should also somehow store the x,y co-ords of the components available on the screen - for getting same state - while editing Workflow]. * save the state of the page into MYSQL DB in a Web App / PHP - JQUERY Page2- Edit Workflow page * Rebuild the same page wit same components / items - with connections - at same x,y places in the page - while it was at Workflow creation page. Ref: - JSPLUMB - or suggest similar / better workflow JS [login to view URL]