Cancelled

Need a powerful diagramming tool/site done in HTML5, Javascript - repost

I am in desperate need for some help with some custom enhancement on Matisse wire framing opensource tool found on github. My requirement is of pure html5, Javascript based diagramming tool. As far as I can see I think Matisse has great potential to be turned into diagramming tool.

Here are my enhancement requests.

Designer Changes

---------------------------------------

a) Grid layout that can be provide guidance and can zoom in and out. Just like grid layout found in other developers designer. Take a look at [url removed, login to view] or [url removed, login to view]

b) All shapes/block ( here after we will call just "shape") to have automatic arrow key in all direction when hovered over as a hint to user that they can be dragged to create copy of the same shape with "connector" attaching them. Also they can be dragged to connect to another shape. When this happens, can fire another custom event associated with that shape since shape can have additional custom events and properties.

Logical Properties Changes

------------------------------------

a) Each board will have JSON data-source. This JSON will serve as schema to all shapes/block in the board designer surface.

b) In the property window, user is required to supply data-bind property to associate one of the fields coming out from schema above.

c) In the definition of shapes, there will be certain number of connectors required. If connectors requirement are not met yet, the shape will be "red" in color to give a hint to user that connectors requirement are not met yet.

d) if data-bind requirement is not met yet, the background color of the shape will be turned to yellow.

e) If a value (user supplied value in property) requirement is not met, the label will have question mark (?) appended at the end so that user know that certain requirement is missing.

Just to give you a background where I am going with this - My end goal is to create a powerful visual programming tool that can create some "business rules".

Let's say there are 6 shapes.

a) StringShape

b) DigitShape

c) ConcatenationShape

d) GreaterThanShape

e) OutputShape

f) UpdateDBShape

StringShape can basically be data-bound to a field in schema and it will have to have one "connector" going out somewhere (to another shape).

ConcatenationShape needs to take minimum of 3 connectors. 2 as input and 1 as output to some other shape. This shape can only take either StringShape or DigitShape. No other shapes are acceptable. Underlying this shape, there will be custom javascript function that obviously is responsible for taking 2 inputs and concatenating them together.

OutputShape is responsible for taking in a single "connector" and acts like holding cell for value. Now user can select pre-defined formatting options from the dropdown in the property window to hold the value in certain format. Needless to say, there will be underlying javascript function here that will do such processing.

UpdateDBShape will take any number of "connectors" and underlying to it, there will be javascript function associated with it, that will call a node.js post route to update database with whatever is sent.

GreaterThanShape will basically take exactly 2 connectors and can be associated only with DigitShapes to do greater than comparison.

When this diagram is saved, each sequential functions are extracted and saved either together or separately as a "business rule". These business rules can then be invoked by simply calling them from a GUI (outside of matisse app).

These are just few examples what I want to accompolish. So if you can see, Matisse tool is serving as powerful tool to create powerful business rules, all done by end user.

Skills: HTML, Javascript, jQuery / Prototype, node.js, Website Design

See more: what is a function in programming, website programming tool, website designer tool, visual programming website, sequential programming, sequential diagram, sequential design, schema update, schema design, pure html5 website, pure html5 site, programming in html5, post tool design, out source in designer, number of html5 developers, number board design, node based programming, need website and app developers, need help from a designer, need desperate help with c programming, need a associate, logical programming, key programming tool, javascript tool, i want to create a website and need direction

About the Employer:
( 1 review ) Lewisville, United States

Project ID: #4254689

9 freelancers are bidding on average $622 for this job

USAGraphicPR0

********************************************.. YOUR SEARCH ENDS HERE .. ********************************************** GET IT DONE RIGHT THE FIRST TIME! Hello Sir/Ma'am, I look forward to talking to you further and get More

$1000 USD in 8 days
(114 Reviews)
8.0
workspaceit

SEO experts etc. We are expertise in web/software development for more than 4 yrs. We work on Php & Mysql, YII,joomla, drupal, wordpress, Oscommerce,cakphp,codignator,kohana (new),asp.net,c#,paypal integration, jav More

$444 USD in 22 days
(16 Reviews)
6.0
dinotech

understood your requirement and ready to start...........

$750 USD in 29 days
(36 Reviews)
5.9
adityalivelife

hi, please find the attached document and private message of the work done ....Thanks!!

$550 USD in 22 days
(38 Reviews)
5.5
serverfire

check my last work

$690 USD in 5 days
(4 Reviews)
4.5
bistanil98

Need more detail,can we discuss this,for more detail,check PM.

$500 USD in 16 days
(6 Reviews)
4.6
onlymaj

hi.i'm a web developer with more than 4 years experience in this field.i'm ready to start if you're interested !

$600 USD in 7 days
(7 Reviews)
3.9
seabitmedia

Hi, Greetings from Seabit Media part of Seabit Technologies Pvt Ltd. We have an agile and talented graphic design team, capable of designing exclusive premium logos, websites, headers, business cards, brochures, banner More

$300 USD in 21 days
(1 Review)
1.0
nenish

I have designed many VoIP websites, Check PMB

$750 USD in 8 days
(0 Reviews)
0.0
veltrod

Hi, Veltrod Software services is a global software consulting company specialized in providing Mobile applications, Social media frameworks and eCommerce solutions. Leveraging best-in-class people, processes, and te More

$700 USD in 22 days
(0 Reviews)
0.0