Metropolitan State University

ICS 325

Internet Application Development

Project: 2

Concept: Create a Data Collection and Manipulation Site

Due: September 28, 2004

Points: 50 points

Initial Project Plan Due September 14

Goals:

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

§ Re-display the data using a php script.

§ Store all data to a flat text file.

§ Create a password protected php script for viewing all the data previously collected.

§ Send email via a php script

§ Use php control structures such as if, while, for, foreach, etc.

§ Link the project to your home page

§ Combine PHP, XHTML, CSS and JavaScript scripts

§ Be creative

Requirements:

1. User Interface (you may build on the user interface you developed for project #1 or you may start something new):

Data Entry Screen:

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

§ At a minimum the following list of form input fields must be used:

- Selection Box

- Text Box

- Radio Button

- Check Box

- Submit Button

§ All fields must be clearly labeled on the screen

§ After the user clicks on Submit, this data should be attractively re-displayed on the screen in a different format. Use a php script to do this.

§ Include a Mail My Information link or button which will mail the current user’s information to his or her email address. Note: In order to do this, you must allow the user to enter their email address.

Display All Customer Information Screen:

§ Include a View All Customer Information button or link which, when clicked, moves the user to a password protected customer information page. That is, after successful password entry a list of all customer information previously collected should be displayed on the screen. The customer information should be read from the customer data file. It should be displayed alphabetically by customer’s last name.

§ Display the total number of users whose information is stored in the file.

§ Display the average age of the users.

General User Interface Comments:

§ The web pages should be attractive and professional looking

§ The project must be accessible through the link “Project 2” under your class home page.

§ You are encourage to use require() or include() to accomplish a consistent look and feel throughout your website.

2. Implementation:

• Pass the data from each of the input fields in the form described above to the server and process it via a php script. Using a php script, attractively display the data you collected for this user.
• Create a file to hold user information. Store user information in the file, one user per line, multiple users per file.
• When the user requests it, display the collected information for all previous users.
• Sort this data by user last name before displaying it.
• Before the collected information from the file can be displayed, the user must enter a username and password (user: ics325; password: fall04). Assume that the password is case sensitive.
• When you turn in your project, there must be data for at least 5 users stored in the file.
• Upon request, email the user’s information to him or her.

3. Other requirements:

§ The project should be accessed through the link “Project2” from your class home page.

§ No html files can be used with this project – all pages must be implemented using php scripts.

§ Minimum 3 screens (2 or 3 php scripts)

§ No Frames. Formatting (web design) should be implemented using tables and forms

§ Use JavaScript to verify that the data is in its correct form. That is, required fields are checked to make sure they are not empty; numeric fields are checked to make sure they include only digits, etc.

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

§ Use functions as appropriate.

§ Implement and use at least four style rules (CSS).

§ Put the style rules in a separate CSS file.

§ Your pages should all have the same look and feel.

Hand in:

• Post your web pages on the class server
• Project report (see the attached sheet for the format)
• A disk or CD containing your source code (php and data files). No paper copies of source code needed.

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

• Write a one-paragraph “needs analysis” summarizing the purpose of your system, who will use your system and the benefits it will provide.
• Characterize your (fictional) users – age, education level, experience with computers, etc.
• Explain what a user wants to accomplish when they visit a site such as yours (task analysis).
• Languages, browsers, servers, PHP, etc. and their versions

4. Project Plan – first draft of project plan due NEXT WEEK

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

5. Program Design

• Sketches of the web page layouts
• Pseudocode for each JavaScript function implemented
• A chart that shows the relationships among the php files (flow of control)
• Descriptions of the php files in term of functionality.

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