GR5 - Implementation

URL and System Requirements

You can access our application here.

If you have accessed our system on your browser a long time ago, you might have some old cookie stored on your browser, which might interfere with the current system. Should you have any problem accessing our website through the link above, use the following link to clear your cookie and be redirected to the login page: clear cookie and go to login page.

We tested our application on Google Chrome and Firefox, both on Mac OSX and Windows, but we recommend the use of Firefox.

Team Member Contributions

We worked very tightly together in this project, and of course we all did a bit of everything. However, in order to cater to our expertise and make the workflow more efficient, we separated the main project into the backend which would handle all the databases (Kevin), the front end which includes the design as well as the styling, CSS, HTML and linking with the back end (Guangyan), along with the crucial components which hold both together, a lot of Javascript as well as all the other bits of functionality crucial to the project (Tiam). Below is the main summary of how we broke the tasks down during the development.

Kevin (Back End)

  • Backend/deployment of the application (Ruby on Rails)
    • All database access, validation, and checking
    • Handling dynamic page loading and ajax calls
    • Image analysis.
  • Login/signup/browse as guest including error checking
  • Ruby embedded html.

Tiam (Combination)

  • Tattoo Browse page interaction
  • Slideshow interface and image population with Javascript
  • Database seeding: categorizing images, artists, and linking artists to images

Guangyan (Front End)

  • Design and all graphics / colors of the entire website
  • Syling, CSS and Page Layout
  • Login functionality
  • Javascript to handle dynamic page rendering
  • User interaction handling (e.g. feedbacks)
  • No labels