Setup Instructions

The site is available at http://bela.xvm.mit.edu:5000/

If it is down for any reason, please email kanak@mit.edu . I'll try to bring it up as soon as possible.

As a PLAN B, the zip of the project is available at: http://web.mit.edu/kanak/Public/shutterconnect.zip

Test Environment

- Resolutions greater than 1680x1050 (the resolution on athena machines)

- Firefox 4

- Latest Chrome

Athena Instructions (If using zip file)

We have provided a script called "setup" in the shutterconnect folder. This will install firefox4, set up the libraries, and runs the server.

Manual Instructions (If using zip file)

The readme.txt lists the latest requirements. Briefly, you need to have Python (> 2.6), Firefox4, Flask, SqlAlchemy, Flask-SqlAlchemy .

Prototype Description

We achieved a high degree of fidelity in terms of look & feel. Some look&feel implementations we have chosen to leave for future implementations are:* There are some alignment and padding issues that are hard-coded (such as the pop-ups for signing up) that will need a more symmetrical padding scheme.

  • Photographer photos could be same cropping style .
  • The check/cross symbols during sign-up could be overlayed on top of each other instead of jumping about 1 centimeter.
  • Lots of the layout depends on HTML tables and static elements. These will be dynamically rendered in our final implementation.
  • At the moment, all the links of the photographers go to the same person’s (Ansel Adams’) profile. Of course in the real implementation, the short descriptions of photographers will be linked to the profile page of the photographer.
  • Search functionality returns the same hard-coded results at the moment.
  • Sorting  by price/relevance/stars will be accomplished in GR5.
  • The leave-a-review functionality is currently available for everybody, but in the actual implementation, it will only worked for signed-in users.
  • Also at the moment, the photographer detailed profile is editable for everybody, but in the final implementation, we will make sure that only the photographer him/herself can edit the profile. For everyone else, the profile will look very similar, except it will be not editable.
  • note: Black&white colors throughout the website is a deliberate decision, not a lack of time for implementing a color scheme. We think it looks classy and uncluttered. But we are open to adding color schemes if the staff thinks that will create a better UI.
  • No labels

1 Comment

    • Great work, good visual design
    • Be more conscious of what information and controls you put above the fold, and what you make your users scroll to read/use
    • I would add controls to let users refine/filter/adjust their search, and perhaps make visible to the user how your system has chosen to parse their query