1. Implementation URL:

www.cpdarobotics.com/Aquarium/

2. Browser:

Implementation tested in Firefox and Chrome.

*Map (better it chrome)

3. Contributions:

3.1 - Alejandro:

Events page, draggable/sortable list.

Events page, removable entries, ability to reload all items in the list.

Events page, links to locate event on map, and go to animal information for each event.

Events page, 'More Info' button shows more information and images about the event, the user can then 'Hide' it.

Events page, blue text bubble with instructions on how to use the page; disappears on first click.

Used html5, jquery, and css.

3.2 - Claudia:

Graphic design and layout for the site (html and css), menu fixed in the top, navigation.

Search page, autocomplete. Search within the list of animals in the aquarium.

Search result page, showing animal information, linking to map in the right floor. Detects search not found.

Pages work in iPad (Safari, horizontal and vertical), including autocomplete and scrolling with top menu fixed.

Team coordination.

One user testing, gathering bugs and ideas that were implemented.

I used html5, javascript, jquery, css, bootstrap.

3.3 - Yihua:

For GR5, I implement the map part of the aquarium site. The map consists of three floors and allows the users to click on a tank to see the list of animals inside.

3.4 - Yixin:

I did the "Tickets" section. So basically I created a form that has two parts: ticket information and billing information. To check for the inputs in the form, I used the jQuery library so that only after you have filled in all the information correctly will the “purchase” button lead you to the confirmation page. And I also implement this confirmation page.

  • No labels

1 Comment

  1. Unknown User (jks@mit.edu)

    • Presentation
      • Great description of main tasks you wanted to address: where and when events/animals are, as well as ticket purchasing in the NE aquarium.
      • Good guided tour of website features, showing how they address these tasks.
    • Usability:
      • Navigation between related pieces of information is a great idea for your aquarium application. The interface is both simple, yet rich in information.
      • Global navigation bar shows no feedback on which page you are currently on.
      • Locate in map links should link directly to a tank popup on the map.
      • Map:
        • Simplified map looks good, but tank information popup should perhaps been in a separate pane, so it doesn't obscure the other tanks.
        • Clicking outside the popup should dismiss it - e.g. if you click tank 8, it's not possible to dismiss the popup (since the tank is obscured).
        • Affordance for linking to animals should be stronger (the animal names don't look like links).
        • The initial help message (""click tank to..."") is obscured by the map.
      • Events:
        • Priorities for event viewing seem to be (1) seeing what events are still on today, and (2) *choosing* events that you want to attend.
        • For (1) the events should be displayed in temporal order, maybe in a calendar-like day format.
        • For (2) removing events is a plausible way of *not* choosing events, but starring or marking events of interest might be more direct. Also makes the safety issue less catastrophic (don't need a 'reload' events button, can just 'unstar' an event instead).
      • Search looks great!
      • Tickets:
        • Shouldn't be able to select past dates.
        • Don't use <= signs on site - not universally understood - use English instead ""Child (3-11)"".
        • Total price should be more visible, perhaps with color.
      • Graphic design:
        • All animal pictures are somewhat transparent (not sure why).
        • Use consistent styling for buttons across your site.
    • Completeness:
      • Saving some data during a 'session' (using cookies) should be implemented. For example, ticket confirmation number and event selections.