HTML5 component - drag and drop canvas

Cancelled

Description

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 [url removed, login to view] 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, web freelance task, web develop freelance, web developer split, web developer practice, web developer integrator

Project ID: #4632610

26 freelancers are bidding on average $677 for this job

adityalivelife

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

$567 USD in 15 days
(45 Reviews)
5.8
ssahilsl

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)
5.5
SoftDevelopINC

Hello, Thanks for invited me to bid on your project. Let's discuss more about this project with me. Please check pm for more information.Thanks

$684 USD in 15 days
(33 Reviews)
5.4
kchg

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

$1546 USD in 10 days
(21 Reviews)
5.3
solarsoftwares

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

$773 USD in 18 days
(6 Reviews)
5.2
acumensofttech

Please check PMB for details.

$1555 USD in 15 days
(5 Reviews)
5.2
honeypotant

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)
4.9
nabskg

we could do this

$736 USD in 20 days
(11 Reviews)
4.6
hemanshusondhi

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)
4.5
drudev

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

$555 USD in 23 days
(12 Reviews)
3.9
monibinny

please checke PMB for more details...

$515 USD in 7 days
(6 Reviews)
3.9
pareshmaghodiya

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

$250 USD in 15 days
(9 Reviews)
3.4
octaneenterprise

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

$618 USD in 10 days
(4 Reviews)
2.8
allblue

I can help you with this project.

$515 USD in 20 days
(2 Reviews)
2.3
Walkingdreams

Hello, please check your private memorandum.

$505 USD in 8 days
(2 Reviews)
2.1
waelensign

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)
1.6
hasnainmoosani1

I AM VERY EXPERIENCED WEBDESIGNER AND I WILL WORK HARD

$555 USD in 3 days
(0 Reviews)
0.0
habibullahshaik

I am ready to start this project now. Thankyou

$277 USD in 7 days
(0 Reviews)
0.0
harneetchugh

Please find the message attached

$277 USD in 3 days
(0 Reviews)
0.0
mkk1982

I can do this

$555 USD in 3 days
(0 Reviews)
0.0