Garage needs organising - JQuery ajax php mysql based interactive webpage
$500-5000 USD
Closed
Posted over 13 years ago
$500-5000 USD
Paid on delivery
Buyer requires coder with developed skills as above to implement a single webpage including a middle section of the page with typical Zoom type functionality (font size and image size manipulation), plus JQuery Drag Drop and progress bar interactive elements (Note that there will be a requirement for the onscreen progress bars to move from 0 to 100% of width over varying times using onscreen jQuery/javascript only - i.e. not requiring screen refresh).
The overall objective is to be able to track Cars at a large garage using the interface you are creating.
The zoom window functionality must also be usable in a handheld's browser (e.g. android or iphone).
You must not use any 'framework' aside from JQuery functionality without specifying and gaining agreement. Serverside should be in PHP and interact with a basic MySQL database.
You will be given a start on database upon acceptance, along with a base php class you are to use, AND some increased detail on how to implement the page.
Please see also the description below that follows for more details.
Please bid 50% more so that you cover things that are perhaps more evident from the detailed brief than from this ... IF however you think about the elements described... the number of hours required for you should be obvious.
## Deliverables
## OVERALL PAGE LAYOUT
There are 3 areas of the screen which resize depending on the browserwindow size.
-Top area ~ 20% - has rows of object and process elements to drag ontothe middle area.
-Middle area ~ 70% - is a 'window' view of the garage showing carobjects and processes occurring on those cars, in the garage
-Bottom area ~ 10% - shows summary data about what things are runningbehind schedule.
## SUMMARY OVERALL PAGE FUNCTIONALITY
Users drop a Car from the top row onto the 'garage' map. They thendrop processes, such as 'fix engine' from a second row onto the Cars on thegarage map. This all happens in line with 'real world' events.
As processes are started, 'progress bars' also show up on Carelements. These process bars reach 100% when the time for the started processmeets expected maximum time to complete the job.
Graphically, processes that are taking longer than expected are listedin the bottom area in a left to right histogram of processes.
Users interact with the elements by dragging them to differentlocations or clicking on them in an intuitive way. Scrolling of the mouse willchange the zoom of the central area - note that some form of zoom needs to beavailable for JUST the central area, on a handheld also (? pinch ?).
In Summary, at a glance, users can see what cars are present, whatprocesses are occurring, how long they have been taking, and whether someprocesses are taking longer than they should be.
A fully detailed description of the job will be given once acceptanceis gained. You will then have 24 hours to withdraw should you wish to.