Metropolitan State University

ICS 325

Internet Application Development

 

Project:         1

Concept:            Create a Data Collection and Manipulation Site

Due:               September 7, 2004

Points:          30 points

 

1. Goals:

§         Create a home page for your class assignments (see lab #1 for a sample)

§         Create a data entry screen that collects some data and user information.

§         Link the data entry screen to your home page

§         Combine XHTML, CSS and JavaScript scripts

§         Be creative

 

2. Requirements:

 

User Interface:

§         User name and age should be collected as well other data of your choice

§         The following list of html form attributes must be used:

§         Selection Box

§         Text Box

§         Radio Button

§         Check Box

§         Submit Button

§         All fields must be clearly labeled on the screen

§         The web pages should be attractive and professional looking

§         The project form must be accessible through the link “Project 1” under your class individual page.

 

Implementation:

§         All web pages must be w3c compliant.  Use an HTML validator as described in lab #2.

§         All data should be submitted through a single html form.

§         No Frames

§         Use JavaScript to verify that the data is in its correct form.  That is, at a minimum check to be sure the user’s name has been entered and the age is a positive number.

§         Manipulate the data in some fashion using JavaScript and display the changed data in the form.  For example, convert to all lower/upper case, multiply two numbers, calculate sales tax, etc.).  Perform at least two manipulations.  Be creative.

§         Add comments to every file including name, date of creation, brief description of purpose of the script

 

3. Hand in:

§         Post your web pages on the class server

§         Project report (see the attached sheet for the format)


Project Report Format

                                                                       

1.       Cover Page

·         Course Number and Name (ICS 325 Internet Application Development)

·         Term (Fall 2004)

·         Name of instructor (Sue Fitzgerald)

·         Number of the individual project

·         Your name

·         Name of school (Metropolitan State University)

·         The URL of your project

2.       Table of Contents

·         Names of sections with the corresponding page numbers

3.       Introduction

·         Description and goals of the project

·         Languages, browsers, servers, PHP, etc. and their versions

4.       Project Plan

  • Milestones with dates
  • Estimated time to complete each milestone
  • Actual time to complete each milestone

5.       Program Design

·        Sketches of the web pages

·        Pseudocode for each JavaScript function implemented

6.       Test Plan

·         Test cases (at least 3 cases in the form of  a table)

7.       Conclusion

·         A list of things you have achieved according to the requirements

·         A list of things you have not been achieved according to the requirements

·         What you have learned (about 2 paragraphs)

·         Ideas for future improvements

8.       Bibliography – list of references and resources you used (books, articles, or websites)

9.       Appendix

  • Printouts of all screen-captures (ALT-PrntScrn to copy a screen, paste into Word document) of your web pages

 


Sample Project Plan

 

Come up with 5-10 intermediate goals or tasks along with a date by which you plan to complete each.  In addition, estimate the time it will take to perform each task.  As you work, record the time you spend.

 

 

Goals

Estimated

Time in Hours

Actual Time

Deadline

Actual Completion Date

Sketching the interface

.5

1.0

Aug 25

Aug 25

Writing HTML code

3

2

Aug 27

Aug 27

 

 

 

 

 

 

 

 

 

 

etc.

4.5

7

 

 

 

 

 

 

 

Testing

1

3

Sept 1

Sept 5

Final Report

1

2

Sept 5

Sept 7

 

 

 

 

 

Total Time

10

15

 

 

 

 

You will not be graded according to how much or how little time you spend on the project.  You will be graded on whether or not your turn in a thorough project plan.


Metropolitan State University

ICS 325

Internet Application Development

 

Addendum to Project 1

 

Additional Implementation Requirements:

:

  • Implement and use at least four style rules (CSS).
  • Put the style rules in a separate CSS file.