Chapter 10

Developing a Web-Based Online Shopping Application (I)

Chapter ObjectivesAfter learning this chapter you will be able

to:– Design a database-empowered E-

commerce site.– Develop an online shopping database.– Create user DSN and system DSN on

your Web server.– Write a Web-based client/server

application with HTML and DHTML.– Test and manage the E-commerce site.

Design a Web-Based Online Shopping Application• Analyze customer needs

– Product information– Payment and shipment security– After-purchase service– Navigation convenience

OnlineBuyer

1. Keys in order info &credit card #.

Web Merchant

= SSL encrypted data transmission over the Internet

2. Transferscredit card # and order information.

PaymentProcessing

Service

FinancialProcessing

Center Buyer’sCredit

Company /Bank

Web Merchant’s

Bank

3. Routes card& transactioninfo to FPC& buyer’s bank.

4. Requestspaymentauthorizationfrom buyer’sbank.

5. Authorizespayment &notifies FPC.

6. Forwardsthe information to PPS.

7. Authorizesthe orderfulfillment.

8. Acceptsbuyer’s order,ships the order to the buyer, and requests itsbank to makecollection.

9. Receives& signs the shipment. 11. Requests

& Collectsmoney frombuyer’s bank.

10. Forwardsthe request tobuyer’s andmerchant’sbanks.

Flowchart of Payment Processing on the Internet

Design a Web-Based Online Shopping Application (cont.)• Analyze E-commerce management needs

– Information posting speed – Information management convenience– Payment security– Shipment tracking – Online after-sales service– Low management cost

Design a Web-Based Online Shopping Application (cont.)• Conduct a cost/benefit analysis

• Design a Web-based Client/Server Application (Part I: Customer Side)– Home page with product categories

and links– Product pages with product pictures,

specifications, and purchase links

Homepage

ProductsPage

Product BPage

Product APage

Product BPage

Order APage

Get_order AASP Page

IntranetPage

Database

LoginPage

OrderInformation

Page

LinksPage

Figure 1Architecture of an

Online StoreApplication

Design a Web-Based Online Shopping Application (cont.)• Purchase request pages (HTML form files)

– Quantity to buy– Billing Information

• First Name• Last Name• Shipping Address• Phone Number• E-mail Address• Credit Card Number and Expiration Date• Purchase confirmation page (ASP file)

Design a Web-Based Online Shopping Application (cont.)Design a Web-based database

– Determine the field names and data types• Last Name• First Name• Shipping Address• Phone Number• E-mail Address

Design a Web-Based Online Shopping Application (cont.)

– Credit Card Number– Expiration Date– Product Name– Quantity– Total $ Amount – Order Date– Order Time

• Create user DSN and system DSN on the server computer

Learning by Doing

Develop a Web-Based Online Shopping Application