HTML5 component - drag and drop canvas

We're looking for a freelance web designer/developer w. strong HTML 5 skills to become part of our virtual team.

The first task is to develop a HTML5 based UI component for creating and editing simple processes. All backend code will be developed by gluu. This "blackbox" solution should scale when more diagram visualization options is required.

We require a visual presentation similar to a table where the user can add/edit/delete/drag and drop activity boxes to new predefined locations (similar to fields in a table). When switching to presentation mode, then arrows will link the different activity boxes sequentially. (See the attached spec).

The component should be build around Ember.JS or using the principles of MVVM architecture in the needed javascript for this blackbox functionality. This allows us to easily integrate a REST API with this UI component. We have been advised that a good strategy may be to split this into separate components:

It is suggested that one component (widget) with three sub-components (roleEdit, activityEdit, diagram) be implemented. The activityEdit and diagram sub-components have the same size. but are on different layers. The diagram size is the component's size. The componet would expose APIs such as addRole, addActivity, previewDiagram as well as event APIs.

The buttons (addRole etc) and associated dialog boxes will not be included into the component. This is a common practice with its advangates. For example, a spreadsheet component will not have its add/delete/update buttons and dialog boxes. The integrator will implement the buttons and dialog boxes to accept user inputs and call the component's related APIs.

Stylesheet should be built so that colors and fonts can change easily.

Please write a few lines on how you would implement - and feel free to suggest small improvements in the user experience that you could do.

Skills: CSS, HTML5, Javascript

See more: html widget drag, good html5 canvas editing, drag drop designer html5 canvas, javascript canvas spreadsheet, html5 component, javascript canvas components, html5 spreadsheet, drag canvas html, implement drag drop html canvas, drag drop canvas html5, html5 drag drop canvas, html5 canvas drag drop, canvas drag drop, w split, write code freelance, write api freelance, where to freelance in c++, where to edit freelance, where to code for freelance, web ui designer freelance

About the Employer:
( 0 reviews ) Denmark

Project ID: #4632610

26 freelancers are bidding on average $677 for this job


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

$567 USD in 15 days
(45 Reviews)

Dear Sir/Madam, We always Provide all services such as Web Design & Development, PSD to HTML, PSD to HTML to Wordpress, Graphic Design, Landing page Design, Logo, Banner, Brochure, HTML, XHTML, HTML5, PHP, Word press, More

$515 USD in 15 days
(25 Reviews)

Hello, Thanks for invited me to bid on your project. Let's discuss more about this project with me. Please check pm for more [login to view URL]

$684 USD in 15 days
(33 Reviews)

Hello, sir I'm interested with your project. I'll do it for you. Regards.

$1546 USD in 10 days
(21 Reviews)

Hi,Greetings! Check PM for further details...... Regards, Suba

$773 USD in 18 days
(6 Reviews)

Please check PMB for details.

$1555 USD in 15 days
(5 Reviews)

Dear Sir. I've talented Web design/developer. My skills is HTML/HTML5, ASP.NET with MsSQL, Programming with C,C#,C++, AJAX, JavaScript, CSS, Adobe Flash, PHP with MySQL, Joomla, Wordpress, Dreamweaver, shopping car More

$1030 USD in 20 days
(10 Reviews)

we could do this

$736 USD in 20 days
(11 Reviews)

Hi, We have the exact expertise you are looking for..... We have consistently delivered projects on time and under budget, which has earned us many positive ratings. We believe that our skills would be ideal for you More

$515 USD in 15 days
(14 Reviews)

Hello. I am a web developer with 11+-year experience . I work remotely on DigitalRay company - [login to view URL] - LA (USA). Technical knowledges: 1PHP JavaScript Ruby RoR ASP.Net C#, Zend, CakePHP, Symphony frameworks More

$555 USD in 23 days
(12 Reviews)

please checke PMB for more details...

$515 USD in 7 days
(6 Reviews)

Hello sir, Ready to start work with you Please check PMB for more detail Thanks

$250 USD in 15 days
(9 Reviews)

+++ Experts here, delivery upto the mark assured +++

$618 USD in 10 days
(4 Reviews)

I can help you with this project.

$515 USD in 20 days
(2 Reviews)

Hello, please check your private memorandum.

$505 USD in 8 days
(2 Reviews)

Professional Designer with over 7 Years Experience in Graphic Design,AJAX, CSS, HTML5, jQuery, PSD to HTML(CSS), Website Design,SEO,wordpress,CakePHP,MVC, MySQL and PHP. We also specialize in Flash, Illustration and An More

$927 USD in 20 days
(2 Reviews)

Hi there, Thanks for posting your job requirement on freelancer. I have gone through the requirement of yours and want to discuss further. I have dropped a private mail for getting a clear picture of project scope a More

$1000 USD in 25 days
(0 Reviews)

After reading your brief, I think what you want is a process map creator. Used a lot of these when I was in consulting so know exactly the kind of software you are going for. In terms of development, we can build an e More

$1666 USD in 20 days
(0 Reviews)

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

$721 USD in 28 days
(0 Reviews)

Madam/Sir, Thanks for posting it. We honestly read your requirement about the task, and it fully resides in our arena as well as coincides with our technical powers, characteristics of SILVER BULLET delivering. We hav More

$567 USD in 15 days
(0 Reviews)