We'd like to create a Pinterest-like bookmarklet.
We already have a website that allows users to submit image files.
In order to submit an image file on this site, however, users first need to login to the website, then upload an image with the submission form.
The purpose of this project is to make this process easier by providing a Pinterest-like bookmarklet that lets users curate images from any websites.
When a user executes the bookmarklet, a modal box appears, and thumbnails of the images on the webpage will be listed. Each thumbnail has a button. When a user clicks on this button, a new window is popped up, and a form of our curation website will be displayed.
The bookmarklet needs to send information about the selected image to the form so that it will be filled in automatically.
In general a bookmarklet consists of 2 components.
Creating 2) should be trivial. (Sample code can easily be found on the web.)
The main task of this project will be to develop 1).
The script should not destroy the functionality of the website itself.
2-2-1. Displaying Thumbnails
The script first needs to search all images on the webpage whose height or width is larger than X pixels. The value of X should be easily configurable in the code.
It then displays a modal form with a list of thumbnails with the size W x H for each searched image. The values of W and H should be easily configurable in the code.
A cancel button for closing the modal form is also needed.
2-2-2. Displaying Form
When the button for a thumbnail is clicked, the script should open up a new window.
The location of the new window will be the form at the curation site.
The script should send the page title, image URL (e.g., src attribute), and page URL to the form as a query string. Since title and URLs may contain multi-byte characters, they should be properly encoded.
2-2-3. Error Handling
If there is no image to generate a thumbnail, the script needs to display a message dialog to inform the user.
2-3. System Requirement
The bookmarklet needs to work on major web browsers including:
IE8, IE9, FF12, Chrome 18, and Safari 5.
Also it should run on both Windows and Mac.
3. Deliverable and Schedule
The script file, the bookmarklet code, and the list of tested URLs should be turned in.
The script should at least work at [url removed, login to view] and amazon.co.jp.
The copyright holder of the script will be 4plus Inc.
Although there is no fixed deadline for this project, please propose the shortest possible delivery period.
Please provide a cost proposal to complete this project.
If possible, please PM a HelloWorld bookmarklet to prove your skill.