I need a relatively simple project that is going to require a bit of innovation by whomever I hire. It requires flash, video conversions, programming, and a simple photoshop type application.
This website will have six different portions:
I want to create a website that will make it easy for people to capture screen shots and share them with people. To capture a screen shot, people generally have to click the Print Screen button on the keyboard, then paste the file into photoshop or paint shop, the save it, then upload it to photobucket. I would like to create a site where people can click Print Screen, come to my site and click a button that will PASTE the screen shot onto my site, and either give them the option of saving it as it is, at which point they will be taken to a page that has options for linking to it, embedding it, etc. (to see what this page is supposed to look like, please go to [url removed, login to view], upload a picture, and you will see what it is supposed to look like.
The user will also have the option to add some Paintshop type stuff to the image. So after the user clicks the button to paste what is on his Print Screen (Step 1), it will say "Save" or "Edit (Paint)" (Step 2). If they click Edit, it will take them to a page that has the image, as well as a couple tools located in Paint Shop. It will allow them to use a paint brush to draw (with the option of three different sizes... small, medium and large), a crop tool, so they can select a certain portion of the screen to crop and ONLY use that portion, a type tool, so they can type text directly on the image (and they will be able to specify the font size and font type from a few different font types), and any other basic paintshop tools. For the typing and paint, the user will also be able to specify the color they would like, out of like 16 primary colors. After they are finished, they can click save, which will bring them to the same page I mentioned a bit ago on imageshack.us. I think the best way to do this would be to do this would be to have the screen shot open up in a flash file. On the top of it, it will say something like:
"Save this file here" (which will be a link)
or continue editing it below:
If they click to save the file, it will automatically save it and bring them to a page like the finished page on [url removed, login to view] that I mentioned previously.
Basically, the most important technology of this is to have the system set up so people can paste their screenshot onto the server and it gets saved by my server. The paint functions are simple, as they have been done many times all over the web.
2. Uploading Images:
In addition to the screen shots, I would also like for the user to be able upload any type of image file, and give them the option to just host it by clicking Save or to edit it just as they could with the screen shot. For this, the user will go onto the site, click the link on the main page to upload an image, upload it (it is important that the system ONLY allow for the same type of images uploaded onto [url removed, login to view]). After a user clicks to upload the image, it will then give them the option save the image or to draw on it, crop it, etc., etc., etc., just like Paintshop (and just like it will for the screenshots in the task mentioned previously).
3. Adding Logos to Images:
I would like functionality that allows users to add logos to their images easily. This will function similarly to the uploading of the images. However, the user will specify an image to upload, a logo to upload, and the location of the logo. (Top left, top middle, top right, middle left, middle middle, middle right, bottom left, bottom middle, bottom right). After they click upload, it will take them to a page with the logo on the image, and give the user the option to either Save and Continue, just like the previous tasks, or to move the logo around by clicking and dragging, and also making the logo smaller or larger by dragging one of the corners of the logo in a certain direction (just like photoshop). And once they click save, it will take the user to the save page just like it does on [url removed, login to view] mentioned previously.
4. Downloading Youtube Videos:
Please visit the website www.keepvid.com. I am going to need this script replicated on my website. Basically, you just enter the URL of the video you want to download, and then select the website it is from, and it gives them the link to the download that the visitor must right click, click "Save as", then enter the [url removed, login to view], and then download it.
5. Adding Logos to Videos:
I would like for people to have the ability to add logos (or watermarks) to videos. This is probably the most complicated of the tasks, but it is very important. Basically, I would like to allow users to add their logos or watermarks to their videos on my website, and choose the location of it, just like with the uploaded images. If they decide instead of uploading an image logo, they would rather just type they logo, they will have the option of typing the text, picking the color, and picking the font. They will also select the location of it, and after they submit it, an advertisement will be displayed as the logo is being added to video, then a link to the video will be displayed.
6. Converting Videos:
Since users are going to be adding videos, the backend will need a specific file type to convert to, so that the logo can be encoded into it. Most people are going to try and upload .flv (flash video) files b/c those are the ones they download from youtube, google videos, and any other video site that uses a flash video player. However, some people are going to upload .WMV, .AVI, .MOV, and .MPG, and the output file is going to NEED to be one of those types of files, because you cannot view FLV files unless you have an flv player, which most people don't have. Please visit [url removed, login to view] and you will see how this is supposed to operate. It doesn't need to have any many options as [url removed, login to view], but it should have the ability to convert to all the previously mentioned video types. I think a good option we could do would probably be to automatically convert everything to maybe .MPEGs when adding their logo to the videos, so that it might be easier for you guys. It is very important that when adding the logo to the files, the size of the file remains relatively the same, and the quality of the video does not suffer AT ALL.
I would also like the users to have the ability to sign up for accounts and log in, so that it will keep track of the images they uploaded, with the options to delete them. Regarding the videos, the server should only hold the files for 24 hours. Regarding the videos, the maximum file size should be 10 MB, and for images it should be 1.5MB. It is also important that for the page with the links and codes to embed, all the embeddable HTMLs have the image link back to splashd.com.
I would also like for it to be organized so that when a user logs in, he has all the logos to choose from if he chooses the option to add an image to an image or video.
As far as the layout of the site, I would like to keep it simple, like [url removed, login to view], but I would like to have more advertisements than Slide. I have a simple logo currently at www.splashd.com. I would like the colors to be blue and purple. The logo should have an upside down reflective logo below it that looks like water rippling.
Any time I mention an image that will need to be saved, it should be saved as a JPEG.
I would like to have this finished within 1 month, but I am flexible (even though I think it can be finished quicker than than that). It seems like there are a lot of things on this, but overall, the concept just requires time to get things done one time.
Looking forward to hearing from you... Please let me know if you have any questions. I hope to hear back today and hope to get you the other description tomorrow or the following day.