Project 2 design process started with the combination of two user requirements
specifications from Project 1.
My group member’s user specification from Project 1 caters for different
type of users and focus more on the search function of historical data while
the ‘Lamb Weather Diary’ is more about displaying information in
a playful way than about functionality.
After negotiation, we decided to display the current weather information
using the lamb image and provide historical information search functions. We
also decided to keep the lamb diary idea but as a secondary information display.
|
 |
First, we decided on the basic layout for
the main page. We thought about the information and functions
that we wanted to display in the main page.
The search result page in Dai Fang’s user requirement
is in a tabular form. Here, I thought of several ways
to display the historical information obtained from searching
in a graphical format. |
|
|
|
 |
Brainstormed several other ways to display
historical weather information for the search result.
We were looking at displaying the minimum, maximum and
average of weather data chosen by the users.
|
|
|
|
 |
We decided to display the minimum, maximum,
and average of the temperature, humidity, rain and windspeed
for the search result.
Here is the first iteration of the search form and the
result bar graph for historical information |
|
|
|
 |
The second iteration for the graph to display
historical search result and the planning
of
ways
to
generate
HTML table to display the graph. |
|
|
|
 |
Brainstormed for different type of layout
before coding the HTML. We were looking at two columns
and three columns design. We were also thinking of reusing
the existing layout from Project 1. |
|
|
|
 |
The thumbnail shows the plan to generate
HTML table in JSP to display the current weather information.
The lamb image is displayed in HTML table. The length of
the lamb is determined by the difference between maximum
and minimum temperature. |
|
|
| |
|
|
|
