Milestone 1

This week we decided on layout for our webpage as well as a basic layout for it. After debating between using 1 website or 2 websites we decided that it would be the most effective solution to use one webpage but slim down the content and make it more simple and intuitive to use. In order to complete the desired layout by the milestone we decided that it would be most efficient for the website to be divided among all group members then joined together on the Monday before the milestone. For this portion I was in charge of designing the home page as well as the home page that is displayed once a user has logged in.

Home Spec.

We decided that the home page needed the following on it:
- An app that rotates various pictures from the competition
- A graph of the current dorm standings
- A video box for providing a video introduction to the competition
- A box that contained writings about the competition
- A ticker tape that displayed various energy consumption tips
- A box that listed out the upcoming events for the competition

At first it was hard to fit all of the data into the website, but after lots of rearranging I manged to fit all of the information onto the page while making it as simple and user friendly as possible. A image of the layout can be found here. Like my previous layouts, this one displays (and contains a link to) how much UH has saved for the competition to date.

Competition Spec.

We decided that the competition page needed to have the following requirements:
- A profile picture
- Current amount of kukui nuts that the user has as well as the amount that the kukui nut leader has
- A box that contains tabs for events and commitments
- A box that contains tabs for updates, current commitments as well as a graph

I found the idea of a profile picture a nice feature as it made the site more like a social networking site. At first I suggested that we used tabs to separate the data within a box, however I realized that having tabs within tabs from our main page layout just looked bad, so I moved all the of the boxes that were to be tabbed into one box with buttons to switch between each of the options. Also I included the current goals list at the bottom of the page instead of in the above box with the rest of the data. My original lay outs can be found here: Home, commitments and goals. The update button would display a selections of graphs through ajax and I was unsure on how to display that so there is no layout for that page.

Revisions:

After today's team meeting we decided that the home page, pre-competition page, post-competition page, resources and contact pages should stay the same. However the during-competition page needed to be changed. During today's meeting we decided to keep my general layout, however we combined elements from Anthony's layouts which provided some nice features to our site. We also decided that commitments and goals were too similar, so we eliminated the goals from our project. The final product can be found here: Updates, Activities, Commitments and Stats. The stats page might be a little confusing so I will explain it. When the user clicks on this button a pop up will appear with a near real time graph (10 sec delay)of the current power usage. This will allow students to see the impacts of their actions almost instantaneously.

Wiki:

The wiki for our layout for milestone 1 can be found here.