Find Jobs
Hire Freelancers

Web application for Image Cropping

$30-5000 USD

Cancelled
Posted about 12 years ago

$30-5000 USD

Paid on delivery
Developer needed to code features for an online printing website. The majority of work to be completed will be with image cropping and output, as well as back end order management and online merchant transactions. An example of one feature that is needed for this project: Allow users to LIVE crop an uploaded photo with provided specifications using jquery code: [login to view URL] The parameters that users select using drop down menus will be the following: size, border style, & border size. Below is the work flow. 1. User uploads image 2. User will enter the size they want using heigth and width 3. User will choose from 3 border options: Image, black, white 4. User will choose from 3 border thickness: 0 inch, 0.75 inch, 1.5inch Example: If a user selects 24"x18", 1.5 inch image border, then the crop box is locked to that aspect ratio and on the inside of the crop box there will be a 1.5 inch border that is highlighted so the user can clearly see how much image will be blocked. More detailed instructions are listed below. ## Deliverables # Shop Page (see image cropping section for more details) Uploading image 1. Standard 'browse' button so they can locate the image on their computer to upload. ? should have something churning as this is happening, (I'll provide what it will look like, basically the hourglass idea in windows) ? Once the image is uploaded, it will appear in the image editing section that shows them what the image looks like and gives them playing room with how they want it cropped etc. This also shows them how much of the image is getting cut off for the wrapping the canvas on the frame. 2. Choose canvas size - user will choose the size they want to print from a simple drop down menu. ? it will also have the price next to the size. ? the size they choose will determine the cropping ratio of the image (ie. it locks a ratio). ? at this point the system needs to check the resolution vs. the canvas size to see if the quality will be good enough - I will provide the parameters for this function. 3. Choose borders ? This allows users to choose whether they want the image to wrap around the depth of the frame, or just a black/white border 4. Framing options ? users have the choice of getting it flat (not framed), 3/4" thick, 1.5"thick framing, or whats called a shadow box frame (which is similar to a picture frame, not just the canvas, so you can't see the edges). ? This is important in the preview section, ie. ? if they choose "image wrap" and "3/4 inch deep frame" then inside the crop tool there should be a 3/4" semi transparent border because that is what will wrap around the frame. ? if they choose "white border" and "1.5 inch deep frame" then there won't be any part of the image that will be cut off because the border is white and they can squeeze as much of the image in the crop area without losing any. 5. Image effects: this is just a bunch of filters that they can put on the image (ex. if they want to turn it into black and white) ? I'd like to have the simple filters free (black and white) and premium filters be at additional costs and someone will manually do it, unless you can think of a way to automatically do it and just have someone check over the settings to make sure its ok. ? if the image they upload is not of good resolution, they will be forced to choose a filter that will offset the resolution. I'll provide the parameters, but all you have to do on your end is check the resolution and have a window pop up or something that says "you must choose a filter because image is low res # Checkout Page The checkout screen will have the summary of the order and should be linked to our merchant account. This order details including: canvas size, border options, filter options, and frame thickness. Below that will be the checkout grouped in 3 steps: 1. Billing/shipping information 2. payment method 3. review of the order with the updated shipping price and the process tranaction button. All of this info should be sync'ed with an open source shopping cart CMS that to make sure everything is tracked. I will provide the source code for this, minimal modifications will have to be made. # Instant Preview Button This pop up window allows users to see what their uploaded image looks like on a wall using a couch and a lamp as scale. It show measurements (using the measurement they chose for the canvas size) and a preset measurement for the couch. It also displays a full scale portion of the image to show print quality using [http][1][://][1][www][1][.][1][mind][1][-][1][projects][1][.][1][it][1][/][1][projects][1][/][1][jqzoom][1][/][1][demos][1][.][1][php][1][#][1][demo][1][5][1] # # Image Cropping This is the live croping tool. Its a screen shot of a free jQuery tool that I found online: [][2][ ][2][http][2][://][2][deepliquid][2][.][2][com][2][/][2][projects][2][/][2][Jcrop][2][/][2][demos][2][.][2][php][2][?][2][demo][2][=][2][advanced][2] When they upload an image, and choose a canvas size, and start manipulating the image, it gives them some options. ? locks aspect ratio to the canvas size they choose ? if they change options such as frame thickness, it changes the semi-transparent frame around the crop tool cause some image will be lost if they want it image wrapped on a 1.5" thick frame. ? if they choose a black or white border, then the semi-transparent frame disappears because no image will be lost. ? they can rotate the canvas, or the image because if they want to have something long and narrow, and images from phones and cameras are not always the right orientation when they upload to the site. -play with all the setting in the demo on the link above, its pretty self explanitory and thats exactly how I'd like it to work. With the exception of the image wrapping that will lost some of the image, but the basic idea is there. **Image Output for print** Once the client pays for the canvas, the system should spit out a print ready image. See attachment. ex. if they buy a 24"x20" image, and choose "image wrap" & "1.5 inch thick frame" then the print file it spits out should be: Length 24"(finished face dimension) + 1.5"(frame thickness on left side) + 1.5"(frame thickness on right side) + 0.25"(image bleed to wrap around left side on the back) + 0.25"(image bleed to wrap around right side on the back) + 1"(bleed so they can gran the canvas to stretch on left side) + 1"(bleed so they can gran the canvas to stretch on right side) Print file length = 29.5" Width - same as length (20+1.5+1.5+0.25+0.25+1+1) I can provide a more detailed instructions on all of the options and outputs. **Back end/Shopping cart CMS** Below is a list of open source CMS backends that I prefer to use. [http][3][://][3][www][3][.][3][opencart][3][.][3][com][3] [http][4][://][4][www][4][.][4][prestashop][4][.][4][com][4] [http][5][://][5][www][5][.][5][cubecart][5][.][5][com][5] All of the information entered int he front end should be reflected in this backend including client profiles with login information. Shipping company had an API that can be integrated as well to give accurate shipping information to any canadian destination. * * *This broadcast message was sent to all bidders on Wednesday Feb 1, 2012 4:24:26 PM: wchang changed the ExpertRating requirements on this project from: Java Test Advanced Java Test Enterprise Java Beans (EJB) 2.0 Test JDBC 2.1 Test JSP 2.0 Test English Language (Words and Phrases) Test Java ME Test Knowledge of Joomla Coding Techniques Test Regular Expressions with PHP Test To: Java Test Advanced Java Test Enterprise Java Beans (EJB) 2.0 Test JDBC 2.1 Test JSP 2.0 Test English Language (Words and Phrases) Test Java ME Test
Project ID: 2702226

About the project

1 proposal
Remote project
Active 12 yrs ago

Looking to make some money?

Benefits of bidding on Freelancer

Set your budget and timeframe
Get paid for your work
Outline your proposal
It's free to sign up and bid on jobs
1 freelancer is bidding on average $1,401 USD for this job
User Avatar
See private message.
$1,400.80 USD in 14 days
0.0 (0 reviews)
0.0
0.0

About the client

Flag of CANADA
Canada
0.0
0
Member since Jan 18, 2012

Client Verification

Thanks! We’ve emailed you a link to claim your free credit.
Something went wrong while sending your email. Please try again.
Registered Users Total Jobs Posted
Freelancer ® is a registered Trademark of Freelancer Technology Pty Limited (ACN 142 189 759) & Freelancer Online India Private Limited (CIN U93000HR2011FTC043854)
Copyright © 2024 Freelancer Technology Pty Limited (ACN 142 189 759)
Loading preview
Permission granted for Geolocation.
Your login session has expired and you have been logged out. Please log in again.