Em Andamento

Custom Javascript Tools

We are building an E-Learning platform which will have questions for different subjects. The project requires the integration of some custom javascript tools for drawing basic shapes based on a grid (both square grid and diamond grid layouts).

There are 3 separate tools which we need. I've included examples of these in the attached PDF file.

Page 1:

We are planning to store variables which will control the layout of this grid in data attributes on a container element. These will need to be used to draw the grid and to define the start point (highlighted in orange). The user will need to select multiple parts of the grid one by one, and this will need to either build some sort of array of co-ordinates which we can then store in the database, and later on compare with the correct answer (stored in a similar format).

We'll also need the ability to either reset the grid back to it's initial state, and also be able to click an undo button at any point to undo the last step. If these can be programmed as functions that we can call on click of another element, that would be great.

Page 2:

This one will use a diamond grid layout. It will need to work in much the same way as the previous one, however the points will be the intersects on the grid (rather than the entire block between the points, as with the previous one). Again we'll need the ability to pre-define the size of the grid and also identify the starting point.

This one will also need to have a reset and undo last step function.

Page 3:

This tool will require the user to click the center of the pie chart, followed by one of the outermost points (In this example, there are 6 points plotted every 60 degrees. This would also need to be editable, as it may (on other questions) need to be 10 points, 12 points, 36 points etc depending on the level of degrees required. Upon click of the outer point, that section of the pie chart will need to be fill blue (from 0degrees to the chosen point). This tool could store just a single variable for the result, which could simply store the counter for the point (so in this example if the answer was the 180degree mark, it could store either '180' (number of degrees) or '4' (as it's the 4th marker going clockwise).

This one won't need an undo function, just a reset one.

Library-wise, we don't mind whether this is done in native javascript or a 3rd party library as long as we have functions to call the reset and undo functionality, and we are able to obtain the resulting value(s).

Habilidades: Javascript, jQuery / Prototype

Ver mais: tool prototype, prototype chart, pie javascript, pie database, mind tools, mind array, long section drawing, library prototype, javascript pie, javascript learning, custom shapes, container store, library sort, container library, 3rd party call center, javascript data format, jquery grid, jquery chart, learning platform, call center require, call center database project, jquery native, jquery compare, jquery data grid, javascript custom sort

Acerca do Empregador:
( 6 comentários ) Nuneaton, United Kingdom

ID do Projeto: #6817416

Premiar a:

zainy01

Hi! I've seen the requirements and I'm interested in it, I've tons of experience in working with fabric.js and canvas 2d programming. I'm expert in JS and have highest reviews for jQuery at freelancer.com some demo Mais

£18 GBP / hora
(97 Avaliações)
7.2

29 freelancers estão ofertando em média £26/hora para este trabalho

leadconcept

Dear Sir, I have read your Project Description & checked the PDF docuemnt but before giving you our final/firm estimate, can we please schedule an online technical meeting to discuss requirements more in depth? J Mais

£31 GBP / hora
(8 Comentários)
7.2
qualifiedcoders

Hi, Though we have placed a bid of GBP 18/hr as Freelancer doesn’t allow us to bid lower than the range specified by the client but we can provide expert resources starting from GBP 9/hour. We have read your requir Mais

£18 GBP / hora
(7 Comentários)
7.1
otssols

As per my understanding you want an E learning platform built which will have questions in graphics as well, you want JS to used to create shapes. You want this to be rotating and also have coordinate function with res Mais

£18 GBP / hora
(7 Comentários)
6.7
seekdeveloper

Hello, I have read your post and understood your requirement. I have great experience in handling Wordpress /Magento/Joomla/Drupal/PHP/Java/node.js/AngularJS Python/Django/Javascript/MySQL/ HTML5/CSS3/ Mais

£30 GBP / hora
(19 Comentários)
6.5
thetechie13

Hello, Javascript & jQuery expert here. I have written many javascript and jquery codes and implemented features like animations, form field validations, parsing, web scrapping and form many other purposes. I ha Mais

£21 GBP / hora
(30 Comentários)
6.1
developershut

Hi, i am ijaz, Jquery/JavaScript expert, i go through your project requirement and also checked the attached project requirement PDF. i got your requirement mostly, but still i need you to discuss this in complete deta Mais

£28 GBP / hora
(45 Comentários)
5.7
yangqingqing

I understood your job. how are you? I am very skilled in Javascript Software Programming. I am sure I can do your job with the best quality. If you give me a chance, I will do my best for you. Many thanks.

£37 GBP / hora
(3 Comentários)
5.6
zhengnami13

Hi, sir. I'm interested in your job. I've rich experiences, I can do this perfectly. If you give me the chance to do this, I'll do my best and you will be satisfy. I hope to discuss more detail and forward/ Than Mais

£31 GBP / hora
(7 Comentários)
5.5
foreignt

Hello, The Ukrainian apps development studio provides application development services since past 8+ years. Please take a glance at JavaScript related samples: http://zeuselectronics.biz/test/threejs/index.html Mais

£22 GBP / hora
(4 Comentários)
5.1
hainraja

Hi, I have worked on several tasks using javascript and js frameworks. I have worked on webapp like online student examination system where questions and answers for student will be displayed with choices of answer an Mais

£27 GBP / hora
(34 Comentários)
5.1
vw580939vw

A proposal has not yet been provided

£25 GBP / hora
(7 Comentários)
5.0
thanhhungqb

Dear sir, Please have a simple demo here: https://dl.dropboxusercontent.com/u/31203631/htmlwork/canvas/elearning/index.html I have read your requirement carefully and also example you attached. I am interested Mais

£20 GBP / hora
(26 Comentários)
4.3
Batista111

Hello sir/mam, 1).I have come across your project. 2).I have check out your project requirement. so the further i need to ask some queries related your project such thath you have to come furthur for the discus Mais

£23 GBP / hora
(7 Comentários)
4.1
Neferius

Good Evening Sir, Here is Michele Cimmino from Italy I'm the owner of an individual software firm. I can provide more than 10 years of exp and passion in IT and web-mobile technologies, that's why i handle very wel Mais

£36 GBP / hora
(2 Comentários)
3.9
joyzazaza

Hello I have huge experience in Javascript Please give me the Chance And I will return you quality work Thanks A lot!

£37 GBP / hora
(3 Comentários)
3.8
scottburch

I have years of experience in single page apps. I write code that is decoupled and easily extensible. I have experience writing apps that use HTML5 with drag/drop of objects with locations stored in a DB. This is Mais

£24 GBP / hora
(2 Comentários)
3.5
mmadi

Hi, we are interested in your project and we will be happy to do that for you. we have experienced with these skills. we have team of 10 developrs and designers so we can commit with delivery time and budget. we would Mais

£22 GBP / hora
(5 Comentários)
3.5
FernandoCanizo

Hello. I'm very interested in your project. I like very much canvas projects: I use some demo on my website: http://conan.muriandre.com/ , I've made some hobby programming: http://games.muriandre.com/square.invaders Mais

£30 GBP / hora
(1 Comentário)
3.1
contriverz

Hello Employer, I am a Senior web designer having 8+ years of experience in web/graphic designing, HTML/CSS, HTML5/CSS3, Twitter Bootstrap, JQuery, JavaScript and AJAX. I am also a PHP developer (various Framework Mais

£20 GBP / hora
(2 Comentários)
2.5
gkddps

Hi, I got a fair comprehension about your project. I have few questions, so please come on chat for further discussion. Benefits you get: 1. 2 Months Free Technical Support and Warranty 2. W3C Compliant Code, So Mais

£18 GBP / hora
(1 Comentário)
2.1