Web Architecture
Presented By: Sudip Pudasaini
Date: 22nd SEP, 2015

Introduction: Me
lGraduated in BEIT From Nepal College Of Information
Technology (NCIT, 2012) .
lWorked in Himalaya College Of Engineering as a Teacher.
lWorked for 9 months.
lCurrently working in Leapfrog Technology Nepal as a Sr. Quality
Assurance Engineer.
lIt's been almost 3 years.
lEngaged in a project First Help Financial (FHF) .
lI prefer Automation and Security Testing

Agenda
lWWW (W3)
lHTTP & HTTPS
lRequest vs Response
lStatus Code
lHTTP Verbs
lTwo Tier & Three Tier

World Wide Web
lIn 1989 Sir Tim Berners - Lee Invented WWW.
lSimply known as “The Web”
lIs an information space where
ldocuments and web resources
lare identified by URIs, interlinked
lby hypertext link and can be
laccessed via Internet.
lPrimary tool to interact on Internet
lWeb Page: primarily text documents
lformatted and annotated with
lHTML.
lWebsite: Multiple web pages with
lcommon domain name.

HTTP & HTTPS
lHTTP:
lHypertext Transfer Protocol, Application Layer Protocol
lUse to communicate between distributed system, hosts and
clients.
lCommunication usually takes place over TCP/IP, default port is 80
but other port can also be used.
lCommunication takes place as Request/Response pair.
lCurrent Version is HTTP/1.1

HTTP & HTTPS
lHTTPS:
lHTTPS = HTTP + SSL (Secured Socket Layer)
lEncrypt and verify the integrity of traffic between the browser and
server.
lVerifies browser is talking to the correct server.

Client/Server Communication

Communication Failure

Request Vs Response
lFrom Server To Client
lServer Get Request and
send Response.
lResponse Headers,
Information about Server
environment like content-
type, content-lenght, server,
etc
lResponse Body, is actual
response being rendered to
the client's browser.
lFrom Client To Server
lClient Send Request and Get
Response.
lRequest Headers,
Information about client
environment like content-
type, content-lenght, host, etc
lRequest Body, is actual
request being sent to the
server

Status Code
lOr Response Code,
l1xx: Informational Message
l2xx: Successful
l3xx: Redirection
l4xx: Client Error
l5xx: Server Error

HTTP Verbs
lHTTP Methods
lDesired action to be performed on the identified resource.
lHTTP/1.0 specification defines GET, POST & HEAD
lHTTP/1.1 Specification added 5 new option: OPTIONS, PUT,
DELETE, TRACE & CONNECT.

HTTP Verbs
lGET:
lPasses all request data in URL query string.
lDo not change the server state.

HTTP Verbs
lPOST:
lPasses all the request data in HTTP request body.
lChange the server state by posting data.

HTTP Verbs
lHEAD
lIdentical with GET Request but with out response body.
lThis is useful for retrieving meta-information written in response headers.
lPUT
lUse to update known resource through URI.
lIf URI does not point to existing resource, new resource can be created.
lDELETE
lThe DELETE method deletes the specified resource.

Web Architecture
lOverview:
lLayers Of web application
lTwo Tier Application
lThree Tier Application

Layers Of Web Application
Presentation Layer:
What user sees
Client-side or “View”
Logical Layer:
Middle Tier, backend or “Control”
Underlying processing engines and their rules
Data Layer:
The physical data storage layer
Model

Two Tier Architecture
Client Server Communication
Divided in to two parts
Client Application (Client Tier)
Database (Data Tier)
Advantages:
Easy to maintain and modification
Faster communication
Disadvantages:
Can not handle multiple request

Three Tier Application

lThank You!