1. ELC 200 Day 9 Introduction to E-Commerce 1 Copyright, Tony Gauvin, UMFK, 2011

2. Agenda Questions? Assignment 2 Due Assignment 3 Posted  Due March 4  assignment3.pdf assignment3.pdf  budgetTemplate.xls budgetTemplate.xls Quiz 1 will be March 11 Chap 1-5, Open Book, Open Notes Extra credit question on different Web Browsers (5 points) Finish Chap 4, Building an E-commerce Presence

3. Chapter 4 Building an E-commerce Presence: Web Sites, Mobile Sites, and Apps

4. Learning Objectives Explain the issues involved in choosing the most appropriate hardware for an e-commerce site. Identify additional tools that can improve Web site performance. Explain the important considerations involved in developing a mobile Web site and building mobile applications.

5. Choosing the Hardware for an E-commerce Site Hardware platform:  Underlying computing equipment that system uses to achieve e-commerce functionality Objective:  Enough platform capacity to meet peak demand without wasting money Important to understand the factors that affect speed, capacity, and scalability of a site Copyright © 2012 Pearson Education, Inc.Slide 4-5

6. Right-Sizing Your Hardware Platform: The Demand Side Demand is the most important factor affecting speed of site Factors in overall demand:  Number of simultaneous users in peak periods  Nature of customer requests (user profile)  Type of content (dynamic vs. static Web pages)  Required security  Number of items in inventory  Number of page requests  Speed of legacy applications Copyright © 2012 Pearson Education, Inc.Slide 4-6

7. Table 4.7, Page 227 Copyright © 2012 Pearson Education, Inc.Slide 4-7

8. Degradation in Performance as Number of Users Increases—Resource Utilization Figure 4.11(a), Page 229 Copyright © 2012 Pearson Education, Inc.Slide 4-8

9. Degradation in Performance as Number of Users Increases—Number of Connections Figure 4.11(b), Page 229 Copyright © 2012 Pearson Education, Inc.Slide 4-9

10. Right-Sizing Your Hardware Platform: The Supply Side Scalability:  Ability of site to increase in size as demand warrants Ways to scale hardware:  Vertically Increase processing power of individual components  Horizontally Employ multiple computers to share workload  Improve processing architecture Copyright © 2012 Pearson Education, Inc.Slide 4-10

11. Table 4.8, Page 231 Copyright © 2012 Pearson Education, Inc.Slide 4-11

12. Vertically Scaling a System Figure 4.13, Page 231 Copyright © 2012 Pearson Education, Inc.Slide 4-12

13. Horizontally Scaling a System Copyright © 2012 Pearson Education, Inc. Figure 4.14, Page 232 Slide 4-13

14. Table 4.9, Page 233 Copyright © 2012 Pearson Education, Inc.Slide 4-14

15. Other E-commerce Site Tools Web site design: Basic business considerations  Enabling customers to find and buy what they need Tools for Web site optimization  Search engine placement Metatags, titles, content Identify market niches, localize site Expertise Links Search engine ads Local e-commerce Copyright © 2012 Pearson Education, Inc.Slide 4-15

16. Table 4.10, Page 234 Copyright © 2012 Pearson Education, Inc.Slide 4-16

17. Copyright © 2010 Pearson Education, Inc. E-commerce Web Site Features that Annoy Customers Slide 4-17 SOURCE: Based on data from Hostway Corporation’s survey, Consumers’ Pet Peeves about Commercial Web Sites, Hostway Corporation, 2007.

18. © 2007 Prentice-Hall, Inc 6-18 From Vincent Flander’s “Web Pages that suck” http://www.webpagesthatsuck.com/ http://www.webpagesthatsuck.com/ Top 20 Confessed Web Design Sins 253Our site tries to tell you how wonderful we are as a company, but not how we're going to solve your problems. 247We've designed our site to meet our organization's needs (more sales/contributions) rather than meeting the needs of our visitors. 136We say "Welcome to..." on our home page. 108It takes longer than four seconds for the man from Mars to understand what our site is about. 98Our site doesn't make us look like credible professionals. 97The man from Mars cannot quickly find the focal point of the home page. 87Our home page — or any page — takes more than four seconds to load. 85We never conduct user testing. 82We don't analyze our log files. 77Our site mixes and matches text sizes on the page. 74Quickly scanning the page doesn't tell our visitors much about its purpose. 70We don't know which design items are not necessary. 68We have not eliminated unnecessary design items. 62The man from Mars cannot quickly find the focal point of the current page. 61Visited links don't change color. 58We don't identify PDF files with an icon. 58I don't know if our site looks the same in the major browsers. 57Our pages have too much/too little white space. 55Our site uses divider bars. 54We don 't put design elements where our visitors expect them.

19. 6-19 © 2007 Prentice-Hall, Inc Good bad examples http://www.davesite.com/humor/top5/ http://www.smartisans.com/articles/examples/ugly.htm http://www.corson.tv/main/buttugly.htm http://www.oceanside-ca.com/ http://www.shopping.com/ http://art.yale.edu/ http://www.bidforsurgery.com/ http://www.jamilin.com/ http://www.pennyjuice.com/htmlversion/whoispj.htm http://www.milliondollarhomepage.com/

20. Copyright © 2010 Pearson Education, Inc. Tools for Interactivity and Active Content Web 2.0 design elements: Widgets, Mashups  http://www.google.com/ig/directory?synd=open http://www.google.com/ig/directory?synd=open  http://www.widgetbox.com/widgets/ http://www.widgetbox.com/widgets/  http://www.housingmaps.com/ http://www.housingmaps.com/ CGI (Common Gateway Interface) ASP (Active Server Pages) Java, JSP, and Javascript ActiveX and VBScript Coldfusion Slide 4-20

21. Table 4.11, Page 235 Copyright © 2012 Pearson Education, Inc.Slide 4-21

22. Personalization Tools Personalization  Ability to treat people based on personal qualities and prior history with site Customization  Ability to change the product to better fit the needs of the customer Cookies:  Primary method to achieve personalization Copyright © 2012 Pearson Education, Inc.Slide 4-22

23. The Information Policy Set Privacy policy  Set of public statements declaring how site will treat customers’ personal information that is gathered by site Accessibility rules  Set of design objectives that ensure disabled users can affectively access site  http://www.w3.org/WAI/intro/wcag http://www.w3.org/WAI/intro/wcag Copyright © 2012 Pearson Education, Inc. Slide 4-23

24. Developing a Mobile Web Presence Three types of mobile e-commerce software  Mobile Web site  Mobile Web app  Native app Planning and building mobile presence  As with regular Web site, use systems analysis/design to identify unique and specific business objectives Copyright © 2012 Pearson Education, Inc.Slide 4-24

25. Table 4.13, Page 246 Copyright © 2012 Pearson Education, Inc.Slide 4-25

26. Developing a Mobile Web Presence Design considerations  Platform constraints: Smartphone/tablet Performance and cost  Mobile Web site: Least expensive  Mobile app: Can utilize browser API  Native app: Most expensive; requires more programming Copyright © 2012 Pearson Education, Inc.Slide 4-26

27. Copyright © 2010 Pearson Education, Inc. Insight on Society Designing for Accessibility with Web 2.0 and Mobile World Class Discussion Why might some merchants be reluctant to make their Web sites accessible to disabled Americans? What is Section 508 of the Rehabilitation Act?  http://www.hhs.gov/web/policies/hhs_wcd_508checklist.html http://www.hhs.gov/web/policies/hhs_wcd_508checklist.html How can Web sites be made more accessible?  http://websitetips.com/accessibility/ http://websitetips.com/accessibility/ Should all Web sites be required by law to provide “equivalent alternatives” for visual and sound content? What additional accessibility problems do mobile devices pose? Slide 4-27

28. Copyright © 2012 Pearson Education, Inc.Slide 4-28