You are on page 1of 28

Web Technology Notes

Introduction to Web

V.Mareeswari
Assistant Professor(Sr)
SITE, VIT, Vellore
Cabin No: 210-A30

V.Mareeswari / AP(Sr) 1
Web Technology Notes

The Internet
 Internet is a global system of interconnected networks…
 It is a network of networks, that consists of millions of private, public,
academic, business and government networks of local to global
scope…

2 V.Mareeswari / AP(Sr) / SITE / VIT 12-07-2018

V.Mareeswari / AP(Sr) 2
Web Technology Notes

MODERN USES OF INTERNET


 The internet can be accessed almost anywhere
by numerous means including mobile internet
services…

 The Internet allows computer users


to remotely access other computers and
information stores easily, wherever they may
be.
3 V.Mareeswari / AP(Sr) / SITE / VIT 12-07-2018

V.Mareeswari / AP(Sr) 3
Web Technology Notes

Uses for the Internet


WWW or HTTP Hyper Text Transfer Protocol
Email – Outlook,Yahoo, Gmail
FTP File Transfer Protocol
Gaming
Video On Demand
Voice Over IP – Telephone Services
File Sharing

4 V.Mareeswari / AP(Sr) / SITE / VIT 12-07-2018

V.Mareeswari / AP(Sr) 4
Web Technology Notes

World Wide Web


 The world wide web is a sophisticated system for universal
information capture and delivery
 The Web is a large number of computer documents or "Web
pages" that are stored on computers around the world and are
connected to one another using hyperlinks. These Web pages can be
seen by anyone through their computer's "Web Browser," which is
the program you are using now.
 A group of Web pages that follow the same theme and are connected
together with hyperlinks is called a "Web site." Web sites and Web
pages are written in a coding language that makes it possible to add
pictures, sound and interactivity to plain old text, making people's
reading experience more exciting.

5 V.Mareeswari / AP(Sr) / SITE / VIT 12-07-2018

V.Mareeswari / AP(Sr) 5
Web Technology Notes

Web addresses
 Just like every house has a postal code, each Web page has an address describing
where it can be found. On the Web these addresses are called URLs (Uniform
Resource Locator).
http://www.google.com/services/index.htm

 http:// - Protocol - This part of the address indicates that it is a Web page.
 www - This indicates that the Web page you are looking at is part of the World
WideWeb. Many Web sites do not use www but are still part of the Web.
 google.com - This part of the address is the domain name and indicates the
unique address of a Web site.
 /services/ - The "/" symbol indicates you have moved into a specific directory in
the Web sites. Directories are like the folders on your computer and help to
organize Web pages in a Web sites.
 index.htm - A word with ".htm" or "html" following it indicates the name of the
specific page in the Web site you are looking at.

6 V.Mareeswari / AP(Sr) / SITE / VIT 12-07-2018

V.Mareeswari / AP(Sr) 6
Web Technology Notes

Domain Affiliations
Domain Affiliations
arts cultural and entertainment activities
com business organizations
edu educational sites
firm businesses and firms
gov government sites
info information service providers
mil military sites
nom individuals
net networking organizations
org organizations
rec recreational activities
store businesses offering goods for purchase
web entities related to World Wide Web activities
net networking organizations
7 V.Mareeswari / AP(Sr) / SITE / VIT 12-07-2018

V.Mareeswari / AP(Sr) 7
Web Technology Notes

Web browsers
 Web browsers are programs used to explore the
Internet. Software that creates a unique hypermedia-
based menu on your computer screen and provides a
graphical interface to the Web.
 There are many Web browser programs available
including Netscape Navigator, Internet Explorer and
Opera.

8 V.Mareeswari / AP(Sr) / SITE / VIT 12-07-2018

V.Mareeswari / AP(Sr) 8
Web Technology Notes

Connect to the internet

Mobiles and PDA’s 3G USB Dongle 3G


9 V.Mareeswari / AP(Sr) / SITE / VIT 12-07-2018

V.Mareeswari / AP(Sr) 9
Web Technology Notes

RISKS !!!
Viruses, attack, hacking, identity theft, fraud,
getting passwords, stealing bank details,
intercepting emails, theft of data, posting
unwanted videos, posting unwanted
text………..

10 V.Mareeswari / AP(Sr) / SITE / VIT 12-07-2018

V.Mareeswari / AP(Sr) 10
Web Technology Notes

RISK PREVENTION
What do you need to do to minimise some or all of the risk
when accessing the internet ?
FIREWALL
VIRUS SCANNER
INSTALL ADWARE AND MALWARE SCANNERS
BE AWARE OF EMAIL SCAMS
BE CAREFUL WHEN USING PAYMENT SITES
BE CAREFUL DOWNLOADING AND UPLOADING
USE COMPLEX PASSWORDS

11 V.Mareeswari / AP(Sr) / SITE / VIT 12-07-2018

V.Mareeswari / AP(Sr) 11
Web Technology Notes

IP Address
 The number of IP addresses provided by a 32-bit code
(IPv4) is insufficient for the Internet’s current growth
trajectory
 How many different addresses does a 32-bit number
provide?
– 232 = 4,294,967,296
 IPv6 is going to increase the address space to 128 bits

12 V.Mareeswari / AP(Sr) / SITE / VIT 12-07-2018

V.Mareeswari / AP(Sr) 12
Web Technology Notes

Web Servers
 A web server is a computer with special software to host web
pages and web applications.
 A web server serves web pages to clients across the Internet or
an Intranet. The web server hosts the pages, scripts, programs,
and multimedia files and serves them using HTTP, a protocol
designed to send files to web browsers and other protocols.
 A number of server-side technologies can be used to increase
the power of the server beyond its ability to deliver standard
HTML pages.
 These include CGI scripts, server-side includes, SSL security,
and Active Server Pages(ASPs)
13 V.Mareeswari / AP(Sr) / SITE / VIT 12-07-2018

V.Mareeswari / AP(Sr) 13
Web Technology Notes

How the WWW Works

14 12-07-2018
V.Mareeswari / AP(Sr) / SITE / VIT

V.Mareeswari / AP(Sr) 14
Web Technology Notes

Example of an HTTP Request from a


Web browser
Command URL HTTP version

GET http://www.kelley.indiana.edu/ardennis/home.htm HTTP/1.1 ]- Request


Date: Mon 06 Aug 2001 17:35:46 GMT Line
User-Agent: Mozilla/6.0 ]-Web browser (this is Netscape)
Referer: http://www.indiana.edu/~aisdept/faculty.htm Request Header

URL that contained the link to the requested URL

15 V.Mareeswari / AP(Sr) / SITE / VIT 12-07-2018

V.Mareeswari / AP(Sr) 15
Web Technology Notes

HTTP response from a Web server

HTTP version Status code Reason


HTTP/1.1 200 OK ]- Response Status
Date: Mon 06 Aug 2001 17:35:46 GMT ]- Date
Response
Server: NCSA/1.3 ]- Web server
Header
Location: http:// www.kelley.indiana.edu/adennis/home.htm ]- URL
Content-type: text/html ]- Type of file
<html>
<head>
<title>Allen R. Dennis</title>
</head>
<body> Response
<H2> Allen R. Dennis </H2> Body
<P>Welcome to the home page of Allen R. Dennis</P>

</body>
</html>
16 V.Mareeswari / AP(Sr) / SITE / VIT 12-07-2018

V.Mareeswari / AP(Sr) 16
Web Technology Notes

HTTP Request Types


 GET (default) and POST do basically the same thing: Send data
from the client to the server. However, they have some
differences:
 GET
 Appends form data directly to the end of the URL—visible
to users (not suitable for sending passwords)
 Limited to 2,048 characters for the entire URL
 Result page can be bookmarked and cached
 POST
 Sends form data in the HTTP request—invisible to users
 Virtually no limit (but check your specific configuration)
 Results are not cacheable or bookmarkable
17 V.Mareeswari / AP(Sr) / SITE / VIT 12-07-2018

V.Mareeswari / AP(Sr) 17
Web Technology Notes

System Architecture
 Multi-tier application (n-tier application)
 Information tier (data or bottom tier)
 Maintains data for the application
 Stores data in a relational database management system
(RDBMS)
 Middle tier
 Implements business logic and presentation logic
 Control interactions between application clients and
application data
 Client tier (top tier)
 Application’s user interface
 Users interact directly with the application through the client
18 V.Mareeswari / AP(Sr) / SITE / VIT 12-07-2018
tier

V.Mareeswari / AP(Sr) 18
Web Technology Notes

3 tier Architecture

19 V.Mareeswari / AP(Sr) / SITE / VIT 12-07-2018

V.Mareeswari / AP(Sr) 19
Web Technology Notes

N-tier Client-Server Architecture

20 V.Mareeswari / AP(Sr) / SITE / VIT 12-07-2018

V.Mareeswari / AP(Sr) 20
Web Technology Notes

Hosting a website: Self hosting


 Install a web server on a computer
 Local access
 Using domain <localhost>
 or IP address 127.0.0.1
 Necessary for server-side programming development
 Global access
 Register a human-readable domain name
 Obtain IP address
 Static: Costs more
 Dynamic: Needs dynamic DNS system, e.g.
http://www.dyndns.com/

21 V.Mareeswari / AP(Sr) / SITE / VIT 12-07-2018

V.Mareeswari / AP(Sr) 21
Web Technology Notes

Evolution of Web

22 V.Mareeswari / AP(Sr) / SITE / VIT 12-07-2018

V.Mareeswari / AP(Sr) 22
Web Technology Notes

WEB 1.0 – WEB2.0 – WEB 3.0


READ – WRITE - EXECUTE
Web 2.0 Web 3.0
1. communication - Interactive 1. Engaged/Invested
2. Information- Dynamic 2. Portable & Personal
3. Focuses on community 3. Individual
4. Personal Interest – Blog/wikis/social media 4. Lifestreams
5. Content- Through sharing 5. Through curation
6. Interaction – With applications 6. With smart applications
7. Searching – keywords / tags 7. Contexts/relevances
8. Metrix – cost per click 8. User engagement
9. Advertising – interactive 9. Behavioral
10. Research - wikipedia 10. Semantic web
11. Technologies – flash, Java, XML 11. RDF, OWL

23 V.Mareeswari / AP(Sr) / SITE / VIT 12-07-2018

V.Mareeswari / AP(Sr) 23
Web Technology Notes

24 V.Mareeswari / AP(Sr) / SITE / VIT 12-07-2018

V.Mareeswari / AP(Sr) 24
Web Technology Notes

25 V.Mareeswari / AP(Sr) / SITE / VIT 12-07-2018

V.Mareeswari / AP(Sr) 25
Web Technology Notes

SGML
 The Standard Generalized Markup Language (1986) is a
standard for defining generalized markup languages for
documents.
 Markup Language is a way of writing layout information within
documents.
 The XML is a subset of SGML and it adds a number of additional
restrictions on the kinds of SGML syntax.
 HTML was theoretically an example of an SGML-based language
until HTML 5.
 The second edition of the Oxford English Dictionary (OED) is
entirely marked up with an SGML-based markup language.

26 V.Mareeswari / AP(Sr) / SITE / VIT 12-07-2018

V.Mareeswari / AP(Sr) 26
Web Technology Notes

Filename extension .sgml


Internet media type application/sgml, text/sgml
Developed by ISO in 1986
Type of format Markup Language
Extended from GML
Extended to HTML, XML

27 V.Mareeswari / AP(Sr) / SITE / VIT 12-07-2018

V.Mareeswari / AP(Sr) 27
Web Technology Notes

Evolution of Web - Video


 https://www.youtube.com/watch?v=HoVT7qIyarE
 http://www.teachertube.com/video/evolution-web-10-
web-20-to-web-30-136790

28 V.Mareeswari / AP(Sr) / SITE / VIT 12-07-2018

V.Mareeswari / AP(Sr) 28

You might also like