First page: Individual Fridge Display
Users will visit this page daily to see a report on an individual refrigerator over the last 24 hours of operation. This page should display information on a particular refrigerator, so that a user can visualize the data. The important page sections are:
--Current fridge vitals:
Temperature, humidity, Status ("Good" or "Alert")
The Fridge vitals should be the most prominent visual element on the page. Color coding should be used to help quickly convey information about the state of the refrigerator.
--24 hour temperature graph
The graph should show the refrigerator's temperature and humidity over the last 24 hours. It should also show boundary lines, indicating high and low temperatures which the fridge should not cross. We will be using the jqplot library in our finished page; please use these or similar format graphs for any design demos
This box will show any alerts on temperature bounds crossings or other adverse events which occur with the refrigerator. This should show a series of alerts, each on its own line, with alert title (like "Temperature Bound Exceeded"), alert time, alert duration, and room for other fields which will be added later.
This element should be at the bottom of the page, and will allow the user to configure notifications for certain events. There should be a variety of options for notification types (Phone, Email, Text Message), and option categories such as "Temperature > ____" "Temperature < _____", etc.
Second Page: Multiple Fridge Summary
This page will show a summary of information for multiple refrigerators. The important page elements are as follows:
This box will contain a list of refrigerator groups, with the name of the group and summary information for that group over the last 24 hours. For example, a group could be "State Hospital", with summary data such as Average Temperature, Minimum Temperature, Maximum Temperature, etc. Color coding should be used to indicate whether problems have occurred in the last 24 hours.
Same general format as above, but should include the name of the refrigerator group. Should include a "Dismiss" button.
This should display the geographic location of each refrigerator group. We will be using Google Maps on the live page. Each marker should be color-coded to indicate whether problems have occurred in the last 24 hours.
On each page, layout and positioning of these elements is at the discretion of the designer. Please include the attached logo at the top of the page, and leave room for navigation to be incorporated later. You may update our logo for the color scheme of the page, keeping the same basic theme, if you wish.
Included is a sample image depicting the fridge vitals, chart, and alerts box as a wireframe. You need not copy this layout; please provide your own layouts and element positioning as well.