Download Computers in Your Life Today

E-Commerce,
Web Multimedia, and
Web Authoring
How Do You Harness the Power
of the Web?
Chapter 4
4 -2
Objectives
1. Define the types and activities of ecommerce 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 Consumer
C2C 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 Purchasing
Why Buy?
• Personalization
– Keeps track of what
you buy
– Customized Web
pages
• Usability
• Customer service
McGraw-Hill/Irwin
• Product information
• Ordering
• Security
– Secure transaction
– Encryption
• Shipment
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.
I•Series Insights
Ethics, 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 -13
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
• Click-through
– Graphical
advertisement
– Takes you to an ecommerce site if you
click on it
– Some banner ads
are placed in pop-up
ads
McGraw-Hill/Irwin
– Information captured
when you click on a
banner ad
– Business must pay
the hosting site for
every click-through
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 Grade
Section A://
1.
2.
3.
4.
5.
E-commerce is really just commerce, but it’s
commerce facilitated and enhanced by ______.
A _______________ business exists solely on
the Web with no physical location that you can
visit.
__________ is a well-known site that supports
C2C e-commerce.
A ____________ is software that stores
information about your e-commerce purchases.
___________ 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 Multimedia
What Software Do I Need?
• Plug-Ins
• Players
– Software that works
within your browser
to play multimedia
– If not installed, will
get a message
– Macromedia Flash,
Shockwave
McGraw-Hill/Irwin
– Viewers
– Software that works
outside your
browser to play
multimedia
– Windows Media,
Player,
RealNetworks
RealPlayer
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
• Video
• Audio
– Beeps or sounds
– Sounds are .wav
(wave) or .au (audio)
files
– Web audio – all the
sounds and music on
the Web
McGraw-Hill/Irwin
– Web video – all the
movies on the Web
– QuickTime file
formats or Windows
AVI format
– Can view with plugins, QuickTime
Media Player, or
Windows Media
Player
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 Items
Flash
• 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 Items
Shockwave
• 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 Speaking
Are 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 email 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 Items
VRML
• 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 Grade
Section 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 Grade
Section 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
Web Design Guidelines
•
•
•
•
Themes
Image Use
Developing for different Web browsers
Getting search engines to find your site
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 Grade
Section 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 ecommerce) (p. 4.4)
• business to
consumer (B2C ecommerce) (p. 4.4)
McGraw-Hill/Irwin
• 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)
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)
McGraw-Hill/Irwin
• 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)
Copyright 2002 by the McGraw-Hill Companies, Inc. All rights reserved.
4 -43
Frequently Asked Questions
• What is the difference between a brickand-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 Projects
E-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 Projects
E-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 Projects
On 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 Projects
Ethics, 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 Projects
Group Activities
• I want to start my own e-commerce
business. What should I look for in a ecommerce enabled host?
• Create a fictional B2C e-commerce.
What products will you sell? Who will
be your customers? How will you
attract these customers?
McGraw-Hill/Irwin
Copyright 2002 by the McGraw-Hill Companies, Inc. All rights reserved.