Design


 * Iteration 1**

Date Uploaded: January 21, 2012 Software features: 1. Selection Page In this page, you could see basic shapes that could be selected by the user depending which shape he/she wants to compute the perimeter or area. 2. Options Page In page, user would have the option to choose whether he/she would use the perimeter or area calculator.

To view Source code: 1. Open html file. 2. Right click on html page then select View Page Source.

__Screencast__ media type="youtube" key="EwYrk8cVTA0" height="315" width="420"


 * Iteration 2**

Date Uploaded: January 28, 2012 Software features: 1. Selection Page In this page, you could see basic shapes that could be selected by the user depending which shape he/she wants to compute the perimeter or area. 2. Options Page In page, user would have the option to choose whether he/she would use the perimeter or area calculator. 3. The Area and Perimeter Calculators Area and Perimeter of the shapes could now be computed through the calculators.

__Screencast__ media type="youtube" key="vm_NNjgmAoc" height="315" width="420"


 * Iteration 3**

Date Uploaded: March 23, 2012 Software features: 1. Home Page This page displays the web features and the shapes that are to be discussed. 2. Shapes Page (Triangle, Circle, Square, Parallelogram, Trapezoid) These pages display the "module" that discusses how perimeter and area of certain shapes are solved. 3. Example Page These pages show examples on how the formula discussed in the module is applied. 4. Calculator Page These pages provide calculator of a certain shape and automatically solves the area and perimeter of the shape. 5. Exercises Page These pages display exercises for each shape, allow user to select the correct answer for the problem, check the user's answer, and show solution of each problem.

__Screencast__ media type="youtube" key="B_f85Oonv00" height="315" width="420"


 * Iteration 4**

Date Uploaded: March 25, 2012 Software features: 1. Contact Us Page This page displays a form that users could fill out regarding their concerns, queries and comments about or website. 2. Formula Page This page displays a table of formulas users could use. 3. Compilation Link This link makes it easy for the user to navigate examples and exercises that they wish to view.



__Screencast__

media type="youtube" key="27Hr99eBT90" height="315" width="420"