Ajax Image upload/scaling/rotation/positioning

Cancelled Posted Oct 19, 2009 Paid on delivery
Cancelled Paid on delivery

We need a implementation of a customer facing Web-Application for

1. uploading a JPEG image of several MB

2. fitting the image within a hardcoded shape/mask

3. allowing the user to interactively position the image within the shape allowing him to scale, move and rotate the image.

4. generating the resutling images (JPEG) and storing the transformations applied (text).

5. No focus on HTML/CSS, just a white label interface.

We want customers to be able to upload image an image and to position them on objects (Skateboards, Skate Wheels, T-Shirts). Unlike other printing companies we do full body printing. Therefor the upload tool needs to know the shape of the object (delivered as an image mask to the application) and has to allow the user to position the uploaded image within the mask. It also has to allow the user to rotate and zoom the uploaded image.

See [url removed, login to view] for an example for possible placement technology.

Implementation environment:

* We need a prototype implementation only

* Server Side code must be done in Python, preferably Django 1.0.x

* Client Side code must be done in jQuery 1.3.x and/or [url removed, login to view]

* Code must be compatible with IE »= 6.0, Firefox »= 2.0, most recent Cromium, Opera and Safari.

* Python Code must follow [url removed, login to view] except that no unittests are required.

Deliverables:

* Django based application handling the backend processing

* Including a [url removed, login to view] file which can be used with the pip utitity to install all dependencies

* HTML pages contianing the needed Javascript code.

* Two alternate example image masks, e.G. circle and triangle. Alternatively you can use the image used in [url removed, login to view]

* Ability to upload an image, position it in the mask using Mouse drag AND buttons, zoom/unzoom using buttons, rotate using buttons.

* Ability to save the applied transformation (e.g. "move 10,34; scale 0.78; rotate 90") and generate an composite image as displayed in the browser on the server side.

Apple Safari Engineering Google Chrome JavaScript MySQL PHP Python Software Architecture Software Testing Web Hosting Website Management Website Testing

Project ID: #2926941

About the project

11 proposals Remote project Active Nov 5, 2009

11 freelancers are bidding on average $546 for this job

akkiniraj

See private message.

$680 USD in 7 days
(85 Reviews)
6.4
SBTSolutions

See private message.

$595 USD in 7 days
(96 Reviews)
6.3
eztechsystems

See private message.

$680 USD in 7 days
(14 Reviews)
6.1
hinoglu

See private message.

$552.5 USD in 7 days
(41 Reviews)
5.5
orangesolut

See private message.

$595 USD in 7 days
(4 Reviews)
3.8
olegvbutko

See private message.

$255 USD in 7 days
(1 Review)
2.9
mkfreedown

See private message.

$361.25 USD in 7 days
(11 Reviews)
2.8
competentwhiz

See private message.

$510 USD in 7 days
(2 Reviews)
1.3
Joyceest

See private message.

$680 USD in 7 days
(0 Reviews)
2.6
bhabes1228

See private message.

$595 USD in 7 days
(0 Reviews)
0.0
evg73vw

See private message.

$501.5 USD in 7 days
(0 Reviews)
0.0