E-Commerce, Web Multimedia, and

Web Authoring

How Do You Harness the Power of the Web?

Chapter 4

McGraw-Hill/Irwin

Copyright 2002 by the McGraw-Hill Companies, Inc. All rights reserved.

4 -2

Objectives

1. Define the types and activities of e-commerce businesses.

2. Identify the components of a successful and effective e-commerce purchase from a Web site.

3. Describe how e-commerce businesses advertise and market product/services.

McGraw-Hill/Irwin

Copyright 2002 by the McGraw-Hill Companies, Inc. All rights reserved.

4 -3

Objectives cont.

4. Become familiar with forms of Web multimedia.

5. Learn how to use HTML tags to create Web pages.

6. Describe how to publish and maintain a Web site using Web authoring tools.

McGraw-Hill/Irwin

Copyright 2002 by the McGraw-Hill Companies, Inc. All rights reserved.

4 -4

A:// Electronic Commerce

• e-commerce

• Commerce that technology facilitates and enhances– Reach more customers– Distribute information quickly– Establish relationships– Be innovative in commerce functions

McGraw-Hill/Irwin

Copyright 2002 by the McGraw-Hill Companies, Inc. All rights reserved.

4 -5

E-Commerce Business

• Brick-and-Mortar Businesses– Physical location– Performs no e-commerce functions

• Click-and-Mortar Businesses– Presence in the physical world– Web site that supports e-commerce

McGraw-Hill/Irwin

Copyright 2002 by the McGraw-Hill Companies, Inc. All rights reserved.

4 -6

E-Commerce

• Click-and-Order Business– Business that exists only on the Web– Interact with customer only through the

Web– Examples

• Amazon.com• CDNow

McGraw-Hill/Irwin Copyright 2002 by the McGraw-Hill Companies, Inc. All rights reserved.

X - 7

CDNow

McGraw-Hill/Irwin

Copyright 2002 by the McGraw-Hill Companies, Inc. All rights reserved.

4 -8

Types of E-Commerce Activities

• Business to Consumer (B2C)– Sells products and services to customers

who are individuals

• Business to Business (B2B)– Sells products and services to other

businesses– Electronic data interchange (EDI)

• Set of guidelines for electronic business transactions

McGraw-Hill/Irwin Copyright 2002 by the McGraw-Hill Companies, Inc. All rights reserved.

X - 9

B2B E-Commerce

McGraw-Hill/Irwin

Copyright 2002 by the McGraw-Hill Companies, Inc. All rights reserved.

4 -10

Consumer to ConsumerC2C E-Business

• Individuals sell products and services to other individuals

• Example – eBay– Click-and-order

business– Provides and

electronic marketplace

McGraw-Hill/Irwin

Copyright 2002 by the McGraw-Hill Companies, Inc. All rights reserved.

4 -11

E-Commerce PurchasingWhy Buy?

• Personalization– Keeps track of what

you buy– Customized Web

pages

• Usability• Customer service

• Product information• Ordering• Security

– Secure transaction– Encryption

• Shipment

McGraw-Hill/Irwin

Copyright 2002 by the McGraw-Hill Companies, Inc. All rights reserved.

4 -12

Building Your E-Commerce Web Site

• C2C Selling– List your products in a virtual auction– Specify minimum price, description, and length of

time for the auction– Credit cards or digital money

• B2C Selling– Use an e-commerce enabled Web site host– Pop-ads– Internal malls

McGraw-Hill/Irwin

Copyright 2002 by the McGraw-Hill Companies, Inc. All rights reserved.

4 -13

I•Series InsightsEthics, Security & Privacy

• Keep the following in mind for e-commerce: Security – check that transactions are secure Privacy – check the privacy policies Trust – look for the above logo which means that

certain standards are followed

McGraw-Hill/Irwin

Copyright 2002 by the McGraw-Hill Companies, Inc. All rights reserved.

4 -14

M-Commerce

• Mobile e-commerce– Allows you to use wireless devices to buy

and sell products and services • Web-enabled cell phones• PDAs

What if you could buy a soda or pay for your gas without cash, credit or debit card?

McGraw-Hill/Irwin

Copyright 2002 by the McGraw-Hill Companies, Inc. All rights reserved.

4 -15

E-Commerce Marketing and Advertising

• Banner Ads– Graphical

advertisement– Takes you to an e-

commerce site if you click on it

– Some banner ads are placed in pop-up ads

• Click-through– Information captured

when you click on a banner ad

– Business must pay the hosting site for every click-through

McGraw-Hill/Irwin

Copyright 2002 by the McGraw-Hill Companies, Inc. All rights reserved.

4 -16

E-Commerce Marketing and Advertising

• Affiliate programs – sell goods and services via another e-commerce site

• Opting in and opting out – giving permission for alternative use of your personal information

• Viral marketing– Gathers information, uses it, and sells to

other e-commerce businesses

McGraw-Hill/Irwin

Copyright 2002 by the McGraw-Hill Companies, Inc. All rights reserved.

4 -17

Viral Marketing

McGraw-Hill/Irwin

Copyright 2002 by the McGraw-Hill Companies, Inc. All rights reserved.

4 -18

Making the GradeSection A://

1. E-commerce is really just commerce, but it’s commerce facilitated and enhanced by ______.

2. A _______________ business exists solely on the Web with no physical location that you can visit.

3. __________ is a well-known site that supports C2C e-commerce.

4. A ____________ is software that stores information about your e-commerce purchases.

5. ___________ is when you say no to alternative uses of your personal information.

McGraw-Hill/Irwin

Copyright 2002 by the McGraw-Hill Companies, Inc. All rights reserved.

4 -19

B:// Web Multimedia and Interactivity

• Web Multimedia– The use of audio, video, animation, and

other elements – Allows interactivity on a Web site or page– Helps businesses attract and retain

customers

McGraw-Hill/Irwin

Copyright 2002 by the McGraw-Hill Companies, Inc. All rights reserved.

4 -20

Using Web MultimediaWhat Software Do I Need?

• Plug-Ins– Software that works within your browser to play multimedia

– If not installed, will get a message

– Macromedia Flash, Shockwave

• Players– Viewers– Software that works outside your browser to play multimedia

– Windows Media, Player, RealNetworks RealPlayer

McGraw-Hill/Irwin

Copyright 2002 by the McGraw-Hill Companies, Inc. All rights reserved.

4 -21

Plug-Ins & Players

McGraw-Hill/Irwin

Copyright 2002 by the McGraw-Hill Companies, Inc. All rights reserved.

4 -22

Multimedia Formats

• Audio– Beeps or sounds– Sounds are .wav

(wave) or .au (audio) files

– Web audio – all the sounds and music on the Web

• Video– Web video – all the

movies on the Web– QuickTime file

formats or Windows AVI format

– Can view with plug-ins, QuickTime Media Player, or Windows Media Player

McGraw-Hill/Irwin

Copyright 2002 by the McGraw-Hill Companies, Inc. All rights reserved.

4 -23

Multimedia Formats

• Streaming Media– Continually sends small parts of a large file

to your Web browser– Don't have to wait until entire file has been

downloaded – Works for audio or video files– Use Windows Media Player, RealNetworks

RealPlayer, or QuickTime Player

McGraw-Hill/Irwin

Copyright 2002 by the McGraw-Hill Companies, Inc. All rights reserved.

4 -24

Other Interactive ItemsFlash

• Software that helps you create animated and interactive Web pages

• Designed by Macromedia• Used to incorporate animation, moving

images , and sounds associated with movement

• Relatively small files are used• Use a plug-in to access pages

McGraw-Hill/Irwin

Copyright 2002 by the McGraw-Hill Companies, Inc. All rights reserved.

4 -25

Other Interactive ItemsShockwave

• Software that helps you create Web pages with significant interactivity

• Designed by Macromedia

• "Shocked" Web pages let you play games on the Web and view animations

• Can play games with Shockwave player

McGraw-Hill/Irwin

Copyright 2002 by the McGraw-Hill Companies, Inc. All rights reserved.

4 -26

Practically SpeakingAre You Addicted to the Internet?

• How often do your grades or schoolwork suffer because of the amount of time you spend online?

• How often do you check your e-mail before something else that you need to do?

• How often do you find yourself anticipating when you will go online again?

• How often do you lose sleep due to late-night log-ins?

McGraw-Hill/Irwin

Copyright 2002 by the McGraw-Hill Companies, Inc. All rights reserved.

4 -27

Other Interactive ItemsVRML

• Virtual Reality Modeling Language

• Allows you to create representations of objects and allows users to interact with them

• Allows you to create a virtual world

• Web-based version of virtual reality

McGraw-Hill/Irwin

Copyright 2002 by the McGraw-Hill Companies, Inc. All rights reserved.

4 -28

Making the GradeSection B://

1. Audio, video, animation, and other interactive elements on a Web page are all _________.

2. To use multimedia within your Web browser you’ll need a _________.

3. A _________ lets you use multimedia outside your Web browser.

4. _________ continually sends small parts of a large file to your Web browser and enables you to view a multimedia file while you download it.

5. ________ creates a virtual world on the Web in which users have the illusion that they are physically participating.

McGraw-Hill/Irwin

Copyright 2002 by the McGraw-Hill Companies, Inc. All rights reserved.

4 -29

C:// Web Authoring and Web Site Management

• It is easy to create your own Web page

• Should be familiar with HTML– Hypertext Markup

Language– Basic language to

create Web pages

McGraw-Hill/Irwin

Copyright 2002 by the McGraw-Hill Companies, Inc. All rights reserved.

4 -30

HTML

• Lets you decide how information will appear on a page

• Place commands in angle brackets <>

• Commands are called HTML tags– Commands specify the formatting of

information

• HTML tags are placed in an HTML document

McGraw-Hill/Irwin

Copyright 2002 by the McGraw-Hill Companies, Inc. All rights reserved.

4 -31

General Tags

• Basic formatting tags– Bold <b> and </b>– Italics <i> and </i>– Underline <u> and </u>

• Heading Tags– Presents a title for your page

• <h1> and </h1> to <h6> and </h6>

• Font tags

McGraw-Hill/Irwin

Copyright 2002 by the McGraw-Hill Companies, Inc. All rights reserved.

4 -32

HTML Tags

• List Tags– Present information in the form of a list

• <ul> and </ul>• <ol> and </ol>

• Link Tags– Create links to other sites, pages,

downloadable files, and e-mail– <a href="http://www.wmich.edu">Western

Michigan University</a>

McGraw-Hill/Irwin

Copyright 2002 by the McGraw-Hill Companies, Inc. All rights reserved.

4 -33

HTML Tags

• Image Tags– Allows you to insert photos or other images– Image formats

• JPEGs – Joint Photographics Expert Group• GIFs – Graphics Interchange Format• PNG – Progressive Network Graphic

McGraw-Hill/Irwin

Copyright 2002 by the McGraw-Hill Companies, Inc. All rights reserved.

4 -34

Web Authoring Software

• WYSIWYG HTML editors– Netscape Composer– Microsoft FrontPage

• Allows you to change the displayed version instead of the actual HTML document

• Web site management software

McGraw-Hill/Irwin

Copyright 2002 by the McGraw-Hill Companies, Inc. All rights reserved.

4 -35

Beyond HTML

• Cascading style sheets (CSS)• JavaScript – scripting language added to

Web pages to add interactivity• Java Applets – small programs that enable

applications to run on a Web page– Moving images and playing games– Accessing databases and files on the Web

• XML

McGraw-Hill/Irwin

Copyright 2002 by the McGraw-Hill Companies, Inc. All rights reserved.

4 -36

Java Applet to Manipulate a 3D Image

McGraw-Hill/Irwin

Copyright 2002 by the McGraw-Hill Companies, Inc. All rights reserved.

4 -37

Making the GradeSection C://

1. _________ is the basic language used to create Web pages.

2. ______ allows you to use the same key words for the same items to minimize extraneous information.

3. _________ tags are HTML tags you use to insert photos and other images onto your Web page.

4. An ___________ moves files from your computer to the Internet.

5. Java ___________ are small pieces of software that enable applications to run on a Web page.

McGraw-Hill/Irwin

Copyright 2002 by the McGraw-Hill Companies, Inc. All rights reserved.

4 -38

D:// Consumer Issues

• Themes

• Image Use

• Developing for different Web browsers

• Getting search engines to find your site

Web Design Guidelines

McGraw-Hill/Irwin

Copyright 2002 by the McGraw-Hill Companies, Inc. All rights reserved.

4 -39

Questions to Consider

• What Web authoring or site management software should I buy?

• Where can I find the best e-commerce Web site?

• Should I create my own site or hire someone to do it?

McGraw-Hill/Irwin

Copyright 2002 by the McGraw-Hill Companies, Inc. All rights reserved.

4 -40

Making the GradeSection D://

1. A _________ is the coordinated presentation of colors, text, and other elements that appear on your Web site.

2. When creating a Web site, you should always make it sure it works in ______________ Web browsers.

3. Search engines find and categorize Web sites according to __________.

4. A _______________ is a person who professionally creates Web sites.

McGraw-Hill/Irwin

Copyright 2002 by the McGraw-Hill Companies, Inc. All rights reserved.

4 -41

E:// “Key” Key Terms

• brick-and-mortar business (p. 4.2)

• business to business (B2B e-commerce) (p. 4.4)

• business to consumer (B2C e-commerce) (p. 4.4)

• click-and-mortar business (p. 4.2)

• click-through (p. 4.10)• cookie (p. 4.5)• digital money (p. 4.8)• electronic commerce

(e-commerce) (p. 4.2)

McGraw-Hill/Irwin

Copyright 2002 by the McGraw-Hill Companies, Inc. All rights reserved.

4 -42

“Key” Key Terms cont.

• electronic data interchange (EDI) (p. 4.4)

• encryption (p. 4.7)• Flash (p. 4.15) • FTP program (p.4.23)• HTML (Hypertext

Markup Language) (p. 4.18)

• HTML document (p. 4.19)

• Java applet (p. 4.24)• JavaScript (p. 4.24)• player (viewer) (p.

4.13)• plug-in (p. 4.13)• WYSIWYG HTML

editor (p. 4.23)

McGraw-Hill/Irwin

Copyright 2002 by the McGraw-Hill Companies, Inc. All rights reserved.

4 -43

Frequently Asked Questions

• What is the difference between a brick-and-mortar and a click-and-mortar business?

• I saw an ad for a company that stated it was a "B2B" company. What does this mean?

• Explain EDI (electronic data interchange).

McGraw-Hill/Irwin

Copyright 2002 by the McGraw-Hill Companies, Inc. All rights reserved.

4 -44

FAQs cont.

• What are the advantages of buying services and products over the Internet? Disadvantages?

• What is mobile e-commerce?

• What is the difference between a plug-in and a player?

• What is streaming media?

McGraw-Hill/Irwin

Copyright 2002 by the McGraw-Hill Companies, Inc. All rights reserved.

4 -45

Hands On ProjectsE-Commerce

• If you could design an internship in the field of Information Technology, what would it be? What jobs could you get after this internship?

• You want to sell some used household items. Point out the differences between using the classified ads in the local papers and the Web classified ads.

McGraw-Hill/Irwin

Copyright 2002 by the McGraw-Hill Companies, Inc. All rights reserved.

4 -46

Hands On ProjectsE-Commerce

• Which is better – looking for a job using the Internet or using the classified ads in the local paper?

McGraw-Hill/Irwin

Copyright 2002 by the McGraw-Hill Companies, Inc. All rights reserved.

4 -47

Hands On ProjectsOn the Web

• Create a click-and-order business. How can you get this business going on the Web?

• Research "streaming media" technology. Explain how it is used and why it is so popular.

• Find sites on the Web that have both good and bad design. Discuss.

McGraw-Hill/Irwin

Copyright 2002 by the McGraw-Hill Companies, Inc. All rights reserved.

4 -48

Hands On ProjectsEthics, Security & Privacy

• Discuss your privacy on the Internet. Do Web sites have the right to use cookies? Why are they needed?

• Pretend you are a Web designer. Create some alternatives to using cookies.

• I used an intelligent agent to find the best digital camera deal. The site is B2C. I am not sure of the security in purchasing over the Web. Help!

McGraw-Hill/Irwin

Copyright 2002 by the McGraw-Hill Companies, Inc. All rights reserved.

4 -49

Hands On ProjectsGroup Activities

• I want to start my own e-commerce business. What should I look for in a e-commerce enabled host?

• Create a fictional B2C e-commerce. What products will you sell? Who will be your customers? How will you attract these customers?