1

PROJECT 4WEB/HTML CUSTOMERSATISFACTION FORM

Management Information Systems, 9th edition,By Raymond McLeod, Jr. and George P. Schell

© 2004, Prentice Hall, Inc.

2

Learning Objectives• Understand how forms work to capture

information from the Web page user.• Understand the use of text boxes and text

areas to acquire typed input from a user.• Learn how to create a radio button and a

check box to acquire user input from a mouse click.

• Learn how to create a choice of options from a drop-down menu.

3

Introduction• Forms provide a mechanism for gathering information

from users who visit a Web page, without which information on the Web would be one-way communication

• Organizations need to capture information from visitors to their Web site in order to make the Web site interactive

• This project involves the generation of a form to support customer service operations. It creates the form but does not provide the Web browser with instructions for processing the form results

• Information from a form is generally e-mailed back to the firm or assimilated into its database. It is not particularly difficult to generate e-mail form responses

4

EXAMPLE• The example is a customer service survey about eating at

Martha’s Meals (Figure P4.1) • It represents the five most common techniques for capturing

information from a Web site: • A text field (such as for the “Name” field) where the user types

in one line of data• A radio button (such as for the meal) where the possible answers

are mutually exclusive • The check box (salad, pizza, or hamburger) where the user may

select one or more of the choices • A drop-down menu (asking about service) combines the question

while still allowing a number of mutually exclusive choices to the user

• A text area box for comments that allows the user to enter several lines of data into a single input

5

6

SECTIONS OF THE EXAMPLE FORM• The form begins in the same manner as Project 3 with

the first information to be gathered aimed at helping the firm contact the customer

• From Figure P4.3 you can see that the contact information in the example is actually enclosed in a table

• From Figure P4.1 you see that the phone number field has a default area code already entered into the field.

• The next section of the Web page asks about the meal eaten by the customer

• The last field of the example solicits additional comments from the customer

7

8

9

SAVING THE EXAMPLE• You must save the document as an HTML file. The

default type of document in Notepad is a text document and the .txt file extension will be automatically added to the file name if the file is saved in “text” mode

• Enter a file name such as “CustomerService.htm” for your project but without the quotation marks

• The file type chosen (i.e., “Save as type”) must be “All Files” and the encoding is “ANSI”

• If you fail to choose “All Files” as the file type the Web page will probably not work and, even worse, the extension “.txt” will be added to the end of your file name

10

VIEW THE WEB PAGE• Once the Web page has been saved you can view

it to see if it works correctly• Open your Web browser and choose the “File”

command followed by the “Open” subcommand. Type in the file name or “Browse” to it and click the “OK” button

• Your Web page will appear in the browser• If you need to make any corrections, choose the

Notepad editor again. Edit the document’s HTML code and save the document again

11

ASSIGNMENT1. You are required to make a customer service form for the Fan See Dining

restaurant. A sample of what your results should look like is shown in Figure P4.4. Notice that the name “Fan See Dining” is in a paragraph at the top of the page and is on the right hand side and in a font size larger than the rest of the sample.

2. Use text fields to capture the first name, last name, and phone number of the customer. Each field should be allowed a size of 30 characters of text. The default area code of “(010)” should be in the phone number field.

3. Use radio buttons to find out if the customer made reservations. The “No” choice should be checked as the default response.

4. Check boxes are used to ask the customer what was ordered. The question “What did you order?” is in a table data cell that spans two columns. The four choices are displayed in the following two rows across two columns in each row.

5. A drop-down menu is used to collect the waiter’s name. The phrase “I do not know” is shown and the other choices are “Kim,” “Ramon,” and “Cecil.”

6. A comments box should be made that is 5 rows deep and 45 characters across.7. Create a submit button and a reset button similar to those in the sample of

Figure P4.4.

12

13

END OF PROJECT 4