...
...
Implementation
Overview
Your Turn was developed in a Windows OS for Google Chrome users. The front-end was built off HTML5 and Javascript/jQuery. The look and feel of the website was built off of Twitter Bootstrap (http://twitter.github.io/bootstrap/). PHP was used to manage the backend for managing server code (storing and fetching information stored in a SQL database hosted by MIT SQL Scripts.
Design Decisions
Toy Donation
The toy donation page uses a simple form submissions interface. Users fill out a duplicated form for each toy they want to submit. The different toys being submitted at the same time are managed by using a Bootstrap "Tabbed-pane" to persist information filled in while tabs are cycled through and hidden. A photo linking system is used to let users upload a photo to submit along with their toy. When the submit button is pressed without all of the information for a toy filled in, Bootstrap error notifications are shown to notify users what went wrong with their submission process. On pressing submit after properly filling out the form, the user is taken back to the Home page, signifying that they are "done" submitting a toy. One tradeoff this forces is that upon first use of the website when a user, who doesn't read the form, presses submit when he/she meant to add another toy, he/she must redirect back to the Give page to continue the toy process. On form submission the data is pushed to a SQL server.
Finding a Toy
Checkout System
...