CIS393                                                           Assignment 2
Due 04/03/2019

A. HTML Forms

Modify the Web pages developed in assignment 1 with the 5 more additional HTML5 Web Page elements listed in the textbook.  

B. HTML Web Pages with JavaScript

Modify the Web pages developed in assignment 1 using JavaScript with the following features:

1. Input data validation
All the input data items must be validated before been sent to the CGI/Perl script.

You can design your own validation criteria for different fields using both the Alert Window and innerHtml property.

2. Rich and dynamic web page presentation
Make the web pages rich with the features similar to the examples on the textbook using JavaScript:

- Display a table with alternate row background colors as shown on Fig 8.6 of the textbook.

- Display the local date and time info using the Date object toLocaleString method on your web page.

- Implement the Craps game listed in 9.6 of the textbook on your club website.

·          Craps Game Code

 Implement the Draw program listed in 13.3 of the textbook on your club website.

·         Draw Program Code

 

(Extra Credit)

-Add a slide show on the web page.

 

(Extra Credit)

4. AJAX and Web Services

Develop an application on your club web site using AJAX and Google map Web services. You may find the Google AJAX Search API sample code from http://code.google.com/apis/maps/documentation/javascript/tutorial.html.  

A few simple applications are listed at http://jliusun.bradley.edu/~jiangbo/googlemap/, which were created using the Google map search wizard. You may also use other tools on the Internet to generate the code for your map.

Note: There are some changes in Google API V3. You can Google and find out the AJAX implementation procedure with Google map APIs in V3.

Homework Hand in Policy:

1. Write a MS word report with the full screen shots that describes the major steps of your development process using the Dreamweaver, any problems that you have solved, and run results.

Submit the report and your HTML5 files with the Javascript code via the drop box on the class Sakai web site before the midnight of the due day.

2. Demonstrate your project to the class on the due day.