1. Introduction to website designing

2. A good website must make the best use of the infrastructure on the web, to design such a site , you need to have an understanding of the web medium.

3. Technical infrastructure
Elements of the web:
Servers & clients
Web documents
URLs
Websites
Web browsers
Domain names

4. A set of interconnected WebPages
Elements of the web
Web Sites:
A set of interconnected WebPages
Displaying related information on a specific subject
Homepage is a starting point , an overview of the contents of the site, links to rest of the pages
Web Documents:
Information on www is stored in the web documents residing on servers
Web documents / Web page is electronic document that stores a set of related information
HTML document

5. Facilities provided by the Web
Community building
Resource sharing
Entertainment
Business transactions

6. Resource sharing:
Excellent medium for people in search of information, and for those how are sharing information
Web is bigger & faster then any library or encyclopedia.
What are the advantages of publishing on the web
Entertainment
The field of entertainment is one of the fastest growing categories of the web usage.
Extensive resource of multimedia music, videos, animation, film industry, gaming

7. Business transaction:
Community building:
The web provides a convenient mechanism for the
People across the world to communicate and share
information
, web chat, IM,
Video conferencing
Business transaction:
The web is ideal medium to attract potential
customers
E-commerce websites

8. Types of Websites Static website Dynamic websites E-commerce sites
Corporate sites
Portals
Personal Home Pages

9. Static website: It simply presents pre-defined information to the user
Just like a printed newspaper
Coded in HTML
No database
Example: Lahore school of economics

10. Dynamic websites: The web page content changes automatically
It may accept a user's input and respond to the request (task based).
Database at the backend
Coded in JSP,ASP,C F ML
Example: online banking, social networking,
e-learning, sites

11. E-Commerce: Any business transactions on the web
An e commerce sit can be a commercial organization, educational institution, government organization or individual
Providing a product or service on the web

12. Corporate:
A Corporate website is a site that serve as the strategic interface on the web for the purpose of promoting its products & services
Market information for investor and share holders
Data for employees
Information on products & services offered

13. Example:

14. Portal:
A portal is web site that gathers bits & pieces of information from different sources.
The user can search for any type of information from a single location.
Common features:
Search engine, services
News, weather information,
Advertising
List of sub-sites & links.
examples: school.edu.pk,

15. Personal:
A personal web site is a site built up by an individual for purpose of sharing information with others on web.
Example:

16. E-Commerce / E-Business (B2B, B2C, C2C, C2B)
Business Models

17. e-Commerce Commerce e-Commerce Buying and selling products or services
Buying and selling products and services electronically
4 models
B2B (Business to Business)
B2C (Business to Consumer)
C2C (Consumer to Consumer)
C2B (Consumer to Business)

18. B2B Business to Business (B2B)
when a business sells products and services to customers who are primarily other businesses
typically a manufacturer-supplier relationship
is where most of the money is (about 97%)

19. B2B
Paper supplier

20. B2C Business to Consumer (B2C)
when a business sells products and services to individuals
Most consumers deal directly with a chosen business on the Internet
Some through e-marketplaces like e-bay

21. B2C – How do you get to the company?
i.e. How do companies attract us?
Marketing Mix Tools
set of marketing tools a company uses to pursue its marketing objectives in reaching and attracting potential customers
Registering with search engines
Online ads
Viral marketing
Affiliate programs

22. B2C – How do you get to the company?
How do companies attract customers?
Registering with search engines
Some search engines will list your site for free
Most popular search engines charge a fee
For an additional fee, your site can appear at the top portion of a search list
Page 22

23. B2C – How do you get to the company?
How do companies attract customers?
Online ads (banner ads)
small advertisements that appear as a part of the site
Two variations are:
Pop-up ad: small Web page advertisement that appears on your screen outside the current Web site
Pop-under ad: pop-up ad you do not see until you close your current browser window

24. B2C – How do you get to the company?
How do companies attract customers?
Viral marketing
encourages users of a product or service supplied by a B2C business to encourage friends to join in as well
e.g.
Provides a link so that the recipient can send an e-card back to the sender

25. B2C – How do you get to the company?
Shopping happily on amazon.com?
How do companies attract customers?
Affiliate programs
arrangement between two e-commerce sites that directs viewers from one site to another
If viewers buy at the second site, the second site pays a small fee to the first site (usually a percentage of the sale)

26. B2C – How to pay? Credit Cards Financial cybermediary name
credit card number
expiry date
does not require the
card holder’s signature!
Financial cybermediary
Internet-based company that makes it easy for one person to pay another person or organization over the Internet
e.g. PayPal (
Create an account with personal, credit card and banking information
To pay money
Go to the PayPal site
Enter the amount
Enter information of the recipient

27. C2C Consumer-to-consumer
Individuals selling and buying directly with each other via a Web site
Mostly in form of auctions
Two main forms of transactions
Face-to-face
Buyers pay to bank + sellers mail the items  trustworthy?

28. C2B Consumer-to-Business
Consumers (individuals) specify their needs to companies and the companies offer products to them
Possible?
You specify your expertise and your expectations (by posting your resume online). Some company identifies you and offers you a job
Reverse auction
You specify your needs
Companies compete to obtain business
e.g.

29. Exercise
B2B
B2C
C2C
C2B

30. Managing a Web project Analysis Design Development Implementation
Evaluation & Maintenance

31. Evaluation & Maintenance
Analysis
Defining the site objectives
Site functions & features
Define the features that allow users to perform various useful function.
What unique feature a site can offer?
What would enhance user performance on the site?
What dose a user expect from the site?
Book ordering feature, prices of a book, ordering form
Bookstore
Analysis
Design
Development
Implementation
Evaluation & Maintenance

32. Defining the media elements
Add a visual appeal(images, audio, video and animation)
Identify the concepts that can be complimented through the use of media elements
Bandwidth limitations

33. Define the website magnitude or the scope of the project.
Project Magnitude:
Define the website magnitude or the scope of the project.
The wider the scope more resource required for its development
Flower shop website/ International human rights organization website (range of influence)

34. Identify the site attributes: Real world experience.
Study the real characteristics of real world entity to identify the attributes or features that can be incorporated in the website
Book cover
Task Analysis
Identify the steps involved in performing various tasks on a website
Provide shortcuts to frequently performed activities

35. Analyzing other similar sites.
Explore other existing similar websites
Does not mean replicate existing websites
Successful websites / unsuccessful websites
Identifying the Target Audience

36. Assignment
Give an example of corporate website, list 3 distinguishing feature that this site provides
to web users?
Website project 1st stage (marks 2%)
Analyze the requirement for the website
Analysis similar websites, target audience
Define the site objectives
Submit a report