End of Milestone 2

Here we are finally at the end of milestone 2. This version of the Joomla mockup site is better and contains some new useful features for the dorm energy competition. Let's start by having a tour of the updated mockup site.

Here we see the homepage that the general public can access. Currently it contains a featured youtube video, a chart that shows the energy usage of the dorms, a slideshow, and a little description of what the website is about. Also on the left is the Login button that uses the UH CAS login for authenticating the participants.

The user will be taken to this page once they click on the Login button.

If the user tries to login is not listed as a participant, they will be redirected back to the homepage with an error message. Before I forget, if you look at the right side of the top menu, a random tips ticker is displayed. A new tip is displayed every time a page is loaded.

This is where things change depending on what type of permission the user has. The screen shot on the left shows the homepage for an administrator while the one on the right shows the homepage for a regular participant. There are some noticeable differences. The administrator will have an extra item on the top menu named Admin. This takes the user to the admin page where they can modify the website.

The admin also has extra items in the user menu on the left column of the page. These extra options are for adding content to the site. You'll also notice a bunch of edit buttons in the homepage. This is because the administrator have the ability to edit these items. Those edit buttons are hidden for regular participants.

Remember the error that shows up when a non-participant tries to login? Joomla actually creates a user for them but by default they are disabled. The administrator has the ability to grant them access by enabling them or the admin can also delete the user.

Nothing new with the forums page so moving along.

This page provides users with a brief overview of a Dorm Energy Competition. There are videos which will allow individuals to browse through several videos pertaining to Dorm Energy. It also contains links to other universities doing dorm energy competitions. The Resources menu contains three submenu pages, Dorm Energy, Energy Hub, and Have Fun. Only the Dorm Energy page is implemented in this mockup.

Next is a work in progress stoplight page. This page is mainly to test the stoplight group's google gadget app.

This page shows the user information about the Dorm Energy Competition.

Next is a work in progress stoplight page. This page is mainly to test the stoplight group's google gadget app.

The kiosk serves as the billboard page that will be displayed in tv monitors. This gives people a general info about the dorm competition at a glance.

This is the help page of the dorm competition website. It includes contact info incase users run into problems using the website.

This page shows upcoming events related to the competition. This menu item only shows up once the user logs in successfully.

The last two screen shots shows how the user can edit their personal info. They also have the option of posting a profile picture.

For more information about this project, please visit Google Project Hosting. There's info on how you can download and give this mockup site a testdrive on your own server. You'll also find the current status of the project there (ie. what works and what doesn't work, bugs, etc.). I will continue working and improving this prototype website.

-David Joel Lazaro