7/23/2019 WEBTECH Introduction

http://slidepdf.com/reader/full/webtech-introduction 1/59

Introduction to the Internet and

WWW

Web Technology Introduction

Hieu Dinh Vo

7/23/2019 WEBTECH Introduction

http://slidepdf.com/reader/full/webtech-introduction 2/59

Contents

• History of the Internet

•

Some concepts related to the Internet• Applications on the Internet

•  

• Web browsers

• Firefo

!

7/23/2019 WEBTECH Introduction

http://slidepdf.com/reader/full/webtech-introduction 3/59

History of the Internet

• "#$%%& A'(A )Ad*anced 'esearch (ro+ects

Agency, -S. planned for connecting computers

/ A'(A01T

• 2ct3 #$%$& First message was sent from

-ni*ersity of California to Stanford 'esearchInstitute )4lo5.

• Dec3 #$%$& four nodes

6

7/23/2019 WEBTECH Introduction

http://slidepdf.com/reader/full/webtech-introduction 4/59

History of the Internet

• 7any other networ8s were de*eloped in

#$9:s

• #$99& Communication through three

dissimilar networ8s ;< Inter/net

=

7/23/2019 WEBTECH Introduction

http://slidepdf.com/reader/full/webtech-introduction 5/59

History of the Internet

• Who controls the Internet>

0o one?• Internet standards organi@ations

 –  I1TF Internet 1n ineerin Tas8 Force 

 –  IS2 )International 2rgani@ation for

Standardi@ation.

 –  W6C )World Wide Web Consortium.

7/23/2019 WEBTECH Introduction

http://slidepdf.com/reader/full/webtech-introduction 6/59

Connecting to the Internet

%

7/23/2019 WEBTECH Introduction

http://slidepdf.com/reader/full/webtech-introduction 7/59

Some Concepts

Client B Ser*er Systems

9

7/23/2019 WEBTECH Introduction

http://slidepdf.com/reader/full/webtech-introduction 8/59

Some Concepts

• (rotocol& defines formats and rules for

echanging messages between parties

• TC(I(& a set of protocols used for the Internet

• I( address& numerical addresses of de*ices on

the Internet eample& !:63##63#6:3!:# –  Virtual *s3 real I( address

 –  I(*= *s3 I(*%

E

7/23/2019 WEBTECH Introduction

http://slidepdf.com/reader/full/webtech-introduction 9/59

Some Concepts

• Domain name& memorable names for nodes

on the Internet )instead of using I( address.

 –  1ample& ###3%3!=E3#6! *nepress3net

• Domain name ser*er& the ser*er helps to map

I( addresses to domain names )and *ice *ersa.

$

7/23/2019 WEBTECH Introduction

http://slidepdf.com/reader/full/webtech-introduction 10/59

D0S Ser*er

#:

7/23/2019 WEBTECH Introduction

http://slidepdf.com/reader/full/webtech-introduction 11/59

Some Concepts

Firewall

Hac8er

##

7/23/2019 WEBTECH Introduction

http://slidepdf.com/reader/full/webtech-introduction 12/59

Some Concepts

(roy

#!

7/23/2019 WEBTECH Introduction

http://slidepdf.com/reader/full/webtech-introduction 13/59

Applications on the Internet

• 1lectronic mail )email.

•

File ser*er• Web

•  

• Video conferencing

• Social networ8

• (!(

• 7ediafile sharing

#6

7/23/2019 WEBTECH Introduction

http://slidepdf.com/reader/full/webtech-introduction 14/59

Instant 7essaging

#=

7/23/2019 WEBTECH Introduction

http://slidepdf.com/reader/full/webtech-introduction 15/59

1mail

#

7/23/2019 WEBTECH Introduction

http://slidepdf.com/reader/full/webtech-introduction 16/59

Video Conferencing

#%

7/23/2019 WEBTECH Introduction

http://slidepdf.com/reader/full/webtech-introduction 17/59

(!(

#9

7/23/2019 WEBTECH Introduction

http://slidepdf.com/reader/full/webtech-introduction 18/59

File Sharing

#E

7/23/2019 WEBTECH Introduction

http://slidepdf.com/reader/full/webtech-introduction 19/59

7edia Sharing

#$

Instagram

7/23/2019 WEBTECH Introduction

http://slidepdf.com/reader/full/webtech-introduction 20/59

Social 0etwor8s

!:

7/23/2019 WEBTECH Introduction

http://slidepdf.com/reader/full/webtech-introduction 21/59

Introduction to the WWW

• The World Wide Web is a worldwide collection

of electronic documents )a383a the Web.

• A Web page is a document on the WWW

• A Web site is a collection of related Web pages

!#

7/23/2019 WEBTECH Introduction

http://slidepdf.com/reader/full/webtech-introduction 22/59

Introduction to the WWW

reuest

!!

Web Client Web Ser*er

response

7/23/2019 WEBTECH Introduction

http://slidepdf.com/reader/full/webtech-introduction 23/59

Introduction to the WWW

• (rotocol& HyperTet Transfer (rotocol )HTT(.

G1T pathfile3html HTT(#3:From& someuser+marshall3com -ser/

Agent& HTT(Tool#3: blan8 line hereJ

 

reuest

response

• Language used to create Web pages& HyperTet7ar8up Language )HT7L.

!6

3

Date& Fri, 6# Dec #$$$ !6&$&$ G7TContent/Type& tethtml

Content/Length& #6=

Mhtml< Mbody< Mh#<Happy 0ew 7illennium?Mh#< )more

file contents. 3 3 3 Mbody< Mhtml<

7/23/2019 WEBTECH Introduction

http://slidepdf.com/reader/full/webtech-introduction 24/59

Web Client

• -sually mentioned as Web browser

 –  Firefo

 –  Internet 1plorer

 –  Chrome

!=

7/23/2019 WEBTECH Introduction

http://slidepdf.com/reader/full/webtech-introduction 25/59

Web browsers

!

)source& StatCounter.

7/23/2019 WEBTECH Introduction

http://slidepdf.com/reader/full/webtech-introduction 26/59

Web browsers

!%

7/23/2019 WEBTECH Introduction

http://slidepdf.com/reader/full/webtech-introduction 27/59

Web Ser*er

 

reuest

response

(opular ser*ers

 –  Apache HTT( ser*er

 – 

Internet Information Ser*ice )IIS. –  lighttpd

!9

 

7/23/2019 WEBTECH Introduction

http://slidepdf.com/reader/full/webtech-introduction 28/59

Some Concepts

-'L )-niform 'esource Locator.& a string

representing the location of a Web page

!E

7/23/2019 WEBTECH Introduction

http://slidepdf.com/reader/full/webtech-introduction 29/59

Some Concepts

• Home page& the Web page considered as the

4start point5 for a Web site

• Hyperlin8& the pointer from a Web page to

another

!$

7/23/2019 WEBTECH Introduction

http://slidepdf.com/reader/full/webtech-introduction 30/59

Tab Nrowsing

6:

7/23/2019 WEBTECH Introduction

http://slidepdf.com/reader/full/webtech-introduction 31/59

Web 7ultimedia

• Audio

• Video

• Animation

•

6#

7/23/2019 WEBTECH Introduction

http://slidepdf.com/reader/full/webtech-introduction 32/59

'SS

• 'eally Simple Syndication

• Website pro*ides 'SS feeds

• 'SS readers regularly chec8 new contents of

Websites

• -sers do not ha*e to browser Websites

6!

h i

7/23/2019 WEBTECH Introduction

http://slidepdf.com/reader/full/webtech-introduction 33/59

Search 1ngines

• A search engine is a system designed to search

information on the WWW

• (opular search engines

 –  Oahoo? )http&www3yahoo3com.

 – Ning )http&www3bing3com.

 –  Google )http&www3google3com.

 –  Coccoc )http&coccoc3com.

66

S h 1 i

7/23/2019 WEBTECH Introduction

http://slidepdf.com/reader/full/webtech-introduction 34/59

Search 1ngines

6=

T Sit

7/23/2019 WEBTECH Introduction

http://slidepdf.com/reader/full/webtech-introduction 35/59

Top Sites

6

T Sit

7/23/2019 WEBTECH Introduction

http://slidepdf.com/reader/full/webtech-introduction 36/59

Top Sites

6%

G th f th I t t

7/23/2019 WEBTECH Introduction

http://slidepdf.com/reader/full/webtech-introduction 37/59

Growth of the Internet

69

G th f th I t t

7/23/2019 WEBTECH Introduction

http://slidepdf.com/reader/full/webtech-introduction 38/59

Growth of the Internet

6E

Growth of the Internet

7/23/2019 WEBTECH Introduction

http://slidepdf.com/reader/full/webtech-introduction 39/59

Growth of the Internet

:

%:

9:

E:

$:

#::

#,::

!,:::

!,::

6,:::

 

    h   a    b   i   t   a   n   t   s

 

   s    )   m   i    l    l   i   o   n   s    .

1stimated Internet users )in millions.

Internet users per #:: inhabitants

Global numbers of Internet users,

total and per 100 inhabitants, 2001-2011*

6$

:

#:

!:

6:

=:

:

::

#,:::

!::# !::! !::6 !::= !:: !::% !::9 !::E !::$ !:#: !:##P

   (   e   r   #

   :   :   i

   I   n   t   e   r   n   e   t   u   s   e

 

Growth of the Internet

7/23/2019 WEBTECH Introduction

http://slidepdf.com/reader/full/webtech-introduction 40/59

Growth of the Internet

=:

Growth of the Internet

7/23/2019 WEBTECH Introduction

http://slidepdf.com/reader/full/webtech-introduction 41/59

Growth of the Internet

=#

Growth of the Internet

7/23/2019 WEBTECH Introduction

http://slidepdf.com/reader/full/webtech-introduction 42/59

Growth of the Internet

• http&news3bbc3co3u8!hitechnologyE!=

#:3stm

=!

Web ! :

7/23/2019 WEBTECH Introduction

http://slidepdf.com/reader/full/webtech-introduction 43/59

Web !3:

• Web #3:& users access contents

• Web !3:& users create, organi@e, remi contents

• Websites

 –  Search

  – 

-ser/generated content –  Nlogging

 –  Social networ8

 – Social media

 –  Location/based ser*ices

=6

7obile Web

7/23/2019 WEBTECH Introduction

http://slidepdf.com/reader/full/webtech-introduction 44/59

7obile Web

• Websites for mobile de*ices

• Considerations

 –  Screen

 –  Computation power

 – Connection

==

Cloud Computing

7/23/2019 WEBTECH Introduction

http://slidepdf.com/reader/full/webtech-introduction 45/59

Cloud Computing

HTT(

=

Cloud Computing

7/23/2019 WEBTECH Introduction

http://slidepdf.com/reader/full/webtech-introduction 46/59

Cloud Computing

=%

Summary

7/23/2019 WEBTECH Introduction

http://slidepdf.com/reader/full/webtech-introduction 47/59

Summary

• History of the Internet

• Some concepts related to the Internet

• Applications on the Internet

•  

• Web browsers

• Firefo

=9

7/23/2019 WEBTECH Introduction

http://slidepdf.com/reader/full/webtech-introduction 48/59

=E

Firefo

7/23/2019 WEBTECH Introduction

http://slidepdf.com/reader/full/webtech-introduction 49/59

Firefo

• Free and open source Web browser

• Can run on se*eral platforms

 –  Windows

 –  Linu

 – 

7ac 2S

=$

Setting your home page

7/23/2019 WEBTECH Introduction

http://slidepdf.com/reader/full/webtech-introduction 50/59

Setting your home page

• Qust drag the siteRs icon to the Home button

:

Setting your home page

7/23/2019 WEBTECH Introduction

http://slidepdf.com/reader/full/webtech-introduction 51/59

Setting your home page

Firefo /<2ptions

#

2ne/clic8 boo8mar8ing

7/23/2019 WEBTECH Introduction

http://slidepdf.com/reader/full/webtech-introduction 52/59

2 e c c boo a g

!

Finding e*erything with the Awesome Nar

7/23/2019 WEBTECH Introduction

http://slidepdf.com/reader/full/webtech-introduction 53/59

g y g

6

Searching the Web

7/23/2019 WEBTECH Introduction

http://slidepdf.com/reader/full/webtech-introduction 54/59

g

=

Tabs?

7/23/2019 WEBTECH Introduction

http://slidepdf.com/reader/full/webtech-introduction 55/59

App Tabs

7/23/2019 WEBTECH Introduction

http://slidepdf.com/reader/full/webtech-introduction 56/59

pp

%

(ri*ate Nrowsing

7/23/2019 WEBTECH Introduction

http://slidepdf.com/reader/full/webtech-introduction 57/59

g

9

Firefo Sync

7/23/2019 WEBTECH Introduction

http://slidepdf.com/reader/full/webtech-introduction 58/59

E

Customi@ing Firefo with add/ons

7/23/2019 WEBTECH Introduction

http://slidepdf.com/reader/full/webtech-introduction 59/59

Firefo /< Add/ons

$