6. WEB-BASED GAME DEVELOPMENT TO SUPPORT K12 EDUCATION
6.3. Purpose and Code Functions of Each Page in VisHurricane
6.3.1. Front page (Default.aspx)
The default page is the portal page of VisHurricane, which gives the brief introduction of the game. The button at the bottom center redirects to Page02. (See Appendix H-H.1 for the page code.)
128
6.3.2. Page02
Page2 shows the steps of playing VisHurricane. The button at bottom center redirects to Page03. (See Appendix H-H.2 for the page code.).
129
6.3.3. Page03
Page3 displays the virtual cities and coastline. The radio button at the bottom left allows the user to select a city. The image at bottom center will change according to userβs selection. The text at bottom right will change according to userβs selection as well. (See Appendix H-H.3 for the page code)
130
6.3.4. Page04
Page4 gives the introduction to IPCC future climate scenarios. The radio button list at the center left is designed for the user to select a IPCC scenario (IPCC, 2007a). The image at the center right and bottom right and the text at bottom left will display the CO2 concentration and temperature increment based on the selected future climate scenarios; the button at bottom center is to redirect the page to Page05. (See Appendix H-H.4 for the page code.)
131
6.3.5. Page05
Page5 is for the user to specify the simulation period (frequency with which the user can change the settings), IPCC scenario (defines the CO2 concentration and temperature change projection) and the resources allocation (defines the amount of budge to spend on each of the three cities.) The radio button list on the top center is for selecting the simulation period; the radio button list at middle center is for selecting the IPCC scenario; the dropdown list at bottom center is for allocating the budget, which is the budget that the user can use per year. The annual amount of budget is randomly assigned as 80, 90 or 100 million dollars. For each simulation period, the annual budget will be the same. Every time when reaching the end of each period, the annual budget will be reassigned again .Upon selecting the IPCC scenario, the temperature and CO2 values for the selected scenario will be retrieved from IPCCprj.mdb. The button at bottom center is to redirect the page to the Selection Mode page. (See Appendix H-H.5 for the page code)
132
Figure 6-8 Page05.aspx
6.3.6. Mode Selection Page
This page allows the user to select whether to let the computer run the simulation automatically or manually. In Manual mode, the user has to click after each year of simulation and enter input at the end of the period. In Auto Run mode, the user only has to enter input at the end of the period. (See Appendix H-H.6 for the page code)
133
Figure 6-9 ModSlt.aspx
6.3.7. Page06
Page 6 is the simulation page. The image at the top displays an animation of a hurricane striking the coastline. On the center left, information such as current CO2 concentration
and global temperature is displayed. On the bottom left, the hurricane name and category are displayed. On the bottom right, the damage caused by the hurricane, the population affected and the flooded area are displayed.
134
Figure 6-10 Page06.aspx
Table 6-1 shows the list of functions written in C# for running the simulations. In every simulation year, the function Sim() is called to simulate hurricane events and gives the hurricane name, category, radius, central pressure, landfall location, damage, affected population and flooded area.
135
Table 6-1 Function Names and Mechanics for Page06.aspx
Function Name Function Mechanics
Sim() Main function, calls the other functions to simulate hurricane events
bool getOcc()
Simulates the occurrence of hurricane.
If returns TRUE, hurricane occurs; if returns FALSE, no hurricane occurs.
In the demo version of VisHurricane, the probability of occurrence is set to 50%.
int getLFl()
Simulates the landfall location.
If returns 0, hurricane makes landfall at west of City A. If returns 1, hurricane makes landfall at City A.
If returns 2, hurricane makes landfall at City B. If returns 3, hurricane makes landfall at City C.
If returns 4, hurricane makes landfall at east of City C. (See Figure 6-11 for landfall location specification)
double get CpT(double)
Simulates the hurricane central pressure (πΆππ) given the
sea surface temperature at each simulation year. πΆππ
decreases based on the following equation. πΆππ = πΆππ0β 0.08 Γ βπππ Γ οΏ½ππππ β πΆππ0οΏ½
where
πΆππ0 is the initial πΆππ
βπππ is the sea surface temperature increment ππππ is the far-field barometric pressure
In the demo version, πΆππ0 is set to be 945mb, ππππ is set
to be 1013mb
double getCpR(double)
Simulates the actual (real) hurricane central pressure (πΆππ )
given the theoretical values.
In the demo version, the distribution of πΆππ is set to be a
continuous uniform distribution that spans 50 mb and centered at πΆππ.
int getHurCat(double) Simulates the hurricane category given the actual hurricane central pressure (πΆππ ).
136
Function Name Function Mechanics
If πΆππ β₯ 980ππΊ Category =1. If 980ππΊ > πΆππ β₯ 965ππΊ Category =2. If 965ππΊ > πΆππ β₯ 945ππΊ Category =3. If 945ππΊ > πΆππ β₯ 920ππΊ Category =4. If πΆππ < 920ππΊ, Category =5. double getRp()
Simulates the hurricane radius (π π).
The distribution of π π is a discrete uniform distribution
that ranges from 4 nm to 64 nm with increment of 4nm.
int getSnoLn()
Gets the line number in the lookup table (HurrMx.mdb) given the actual central pressure (πΆππ ) and hurricane radius
(π π). With the line number, the value of damage, affected
population and flooded area can be obtained from the lookup table (HurrMx.mdb).
Figure 6-11 Illustration of Hurricane Landfall Locations
0
1 2
3
137
Sim()
bool getOcc()
double get CpT(double)
double getCpR(double)
int getHurCat(double)
double getRp()
int getSnoLn(double, double)
Retrieve Hurricane Name from HurricaneNames.mdb TRUE
Display Hurricane Name on the screen FALSE int getLFl() Display Information on the screen Display information on the screen
Making landfall at one of the cities
TRUE
Display Information on the screen
FALSE
Retrieve damage, affected population, and flooded area
from HurrMx.mdb
138
6.3.8. Page07
Page7 is the settings page for the next period. In this page, the user can see the statistics of the previous period and can reallocate the budget before running next period. The statistics correspond to the property damage, affected population and flooded area for the simulation period. The property damage and affected population are mitigated in proportion to the budget assigned to each city. (See Appendix H-H.8 for the page code)
139
6.3.9. Final Page
The final page (Figure 6-14 through Figure 6-16) shows the statistics of property damage, affected population, flooded area, and change in hurricane central pressure of all the simulation years (from the beginning to year 2100). (See Appendix H-H.9 for the page code)
140
Figure 6-15 Final.aspx(2)
141
6.3.10. About Page
The page shows the information about SeaGrant project and the purpose of creating VisHurricane.
142
6.3.11. Reference Page
Reference page (Figure 6-18 and Figure 6-19) gives references about climate change, CO2 emission and hurricane hazard.
143
144