Download Web Developer application exercise

Web Developer application exercise
This simple exercise is representative of a public web app that you may be expected
to produce to support Animals Australia’s public outreach campaigns.
Overview:
Produce a simple web-based app that enables our supporters to upload a
photograph of themselves and produce a custom graphic (see PROCESS) that can be
downloaded and shared by e-mail, on social media sites, etc. to show support for our
live export campaign.
Technologies:
The front end should be a simple, elegant HTML interface. The back end of the app is
to be written in PHP. Assume access to the PHP GD library. No database is required
for this exercise.
What to provide in your response:
1) REQUIRED: A zip file containing all resources for the final application
including PHP file/s, required directories, and any images, css, javascript
files. Please indicate in a readme file any additional requirements, such as
file or folder permissions.
2) OPTIONAL: If you have access to a web server, a URL to a live version of
the application that can be tested using a web browser.
What we are looking for:
1) UI elegance/simplicity and user-friendliness of the overall app.
2) Ability to anticipate and accommodate for unexpected user input.
3) Elegant coding practices and use of appropriate technologies
Developer discretion:
The app may require content such as graphics, headings, instructions, error
messages and confirmation messages. Please write these into the app as you best
see fit.
(continued page 2)
Outline:
A) INPUT:
User uploads a photograph (any dimensions; JPG/PNG/GIF; Max 1MB)
e.g.
B) PROCESS:
User is asked to choose which style of profile picture they wish to generate. They can
choose either a picture incorporating sheep or cattle. An pre-designed overlay image
has been created for both of these options (download from: http://bit.ly/139BlOs).
The web app must first ensure the input file matches the input specs, then crop a
square to the centre of the image, apply the chosen overlay image and then output.
C) OUTPUT:
A single JPEG image (delivery on screen + download link; 808x808 pixels; JPG)
e.g.