461441 - Create upload tool page

Status: VERIFIED FIXED

Description

[Ryan Doherty (:rdoherty)]

Create the upload tool page based on mockups.

* Need to add recaptcha to prevent spamming
* Non-js flow needed.
* Auto-upload image as soon as they select it so the user can choose the background color before they submit
* Possibly detect jpg's and make white the background color (optional)

Comment 1

[Tara (musingt)]

A few other thoughts on this.  Things we've discussed, but just to put down in writing:


Admin:
*Spreadsheet format for easy sorting and review.
*Include submission date and file format.
*Preview of designs in thumbnail format.
*Batch review, edit, tag, organize etc.
*Allow us to edit all fields, to correct misspellings, apply background color, etc.
*Keep a log of submission history, regardless of status for reference.
*Allow batch updates/uploads from our end as well.


Front-end:
*Auto detect very low res files and warn user
*Preview of design, if possible

*All relevant input fields should automatically populate the Gallery:  
**Full Name (unless they've checked the box to be anonymous)
**Design name
**Design tags
**Background color & actual design

* Required fields are: 
**Name
**Background color if PNG
**File upload
**Legal agreement


Nice to have, for future versions:
*E-mail confirmation upon successful upload.
*Allowing users to open accounts, so they can access submitted designs and pull/edit as needed.

Comment 2

[Ryan Doherty (:rdoherty)]

* Upload tool should also re-size image to create the thumbnail and medium size image. It should save the original image for use on Zazzle.

Comment 3

[Ryan Doherty (:rdoherty)]

I forgot that we'll need to add recaptcha (http://recaptcha.net/) to the upload form to prevent automated/spam uploads. This does change the flow slightly in that steps 3 & 4 will need to take place on the confirmation screen.

This change is not a huge as there's no code written and this flow is actually pretty common in most tools that accept uploads. 

And from a usability standpoint, there will be less drop-offs when filling out the form if there are less fields to complete.

No new designs are needed for these changes.

Comment 4

[Ryan Doherty (:rdoherty)]

r19567

Comment 5

[Stephen Donner [:stephend]]

Verified FIXED; I've been filing a few separate enhancement/grammatical nits, on https://community-store.authstage.mozilla.com/upload.