JQuery FlowChart / Workflow - Create - Save state & Edit

Greetings! jsplumb - [login to view URL] Skills: PHP, JQuery, Mysql, JavaScript, CSS PHP - JQUERY Page1 - Create Workflow page (seen in attached image) * drag & drop functionality for the left side components into the Right side area [ already done ] * should connect the components placed in the right side area via connectable links [ every component will have an IN[green) & Out(RED) elements. * On click of JSON button - a JSON Object should be built & on click of XML button an XML object is 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 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 [ store as JSON object & parse it back / simpler meta info approach] PHP - JQUERY Page2- Edit Workflow page * Rebuild the workflow page with same components / items - with connections - at same x,y places in the page - while it was during Workflow creation page. Ref: - JSPLUMB [login to view URL]