SlideShare a Scribd company logo
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!

More Related Content

PDF
Basic web architecture
PPT
Busy Architects Guide to Modern Web Architecture in 2014
PPTX
Architecture Best Practices
PDF
Web architecture - overview of techniques.
PDF
High performance website
PDF
DOCX
internet programming and java notes 5th sem mca
PPT
REST Presentation
Basic web architecture
Busy Architects Guide to Modern Web Architecture in 2014
Architecture Best Practices
Web architecture - overview of techniques.
High performance website
internet programming and java notes 5th sem mca
REST Presentation

What's hot (20)

PPTX
World wide web architecture presentation
PDF
Internet programming lecture 1
PPTX
0 csc 3311 slide internet programming
PDF
Restful Web Services
PPT
4 internet programming
PPTX
Web Technology Fundamentals
PPTX
Www(alyssa) (2)
PPTX
Introductiontowebarchitecture 090922221506-phpapp01
PDF
Intoduction to php web services and json
PPT
KMUTNB - Internet Programming 1/7
PPTX
ASP.NET WEB API Training
PPTX
Overview of Rest Service and ASP.NET WEB API
PPT
Introduction to Web Programming - first course
PPTX
Static dynamic and active web pages
PPT
Scalable Reliable Secure REST
PPTX
ASP.NET Web API and HTTP Fundamentals
PDF
REST, RESTful API
PPTX
Web design - How the Web works?
PDF
HTML5 - An introduction
PDF
CS6501 - Internet programming
World wide web architecture presentation
Internet programming lecture 1
0 csc 3311 slide internet programming
Restful Web Services
4 internet programming
Web Technology Fundamentals
Www(alyssa) (2)
Introductiontowebarchitecture 090922221506-phpapp01
Intoduction to php web services and json
KMUTNB - Internet Programming 1/7
ASP.NET WEB API Training
Overview of Rest Service and ASP.NET WEB API
Introduction to Web Programming - first course
Static dynamic and active web pages
Scalable Reliable Secure REST
ASP.NET Web API and HTTP Fundamentals
REST, RESTful API
Web design - How the Web works?
HTML5 - An introduction
CS6501 - Internet programming
Ad

Similar to Web Architecture (20)

PPTX
Http_Protocol.pptx
PDF
HTTP 완벽가이드 1장.
PPTX
MADS4007_Fall2022-Intro to Web Technologies.docx.pptx
PDF
Web technology-guide
PDF
ReSTful API Final
PPTX
Switch to Backend 2023 | Day 1 Part 1
PPTX
Web technology
PPTX
Www and http
PPT
Web Services 2009
PPT
Web Services 2009
PPTX
Web Service
PDF
Advanced Web Design And Development BIT 3207
PPTX
Module 5.pptx HTTP protocol on optical and wireless communication
PPTX
PPT
ip1clientserver model
PPT
Web Server Technologies I: HTTP
PPT
Web Server Technologies I: HTTP & Getting Started
PDF
Understanding the Web through HTTP
PPTX
Web technology introduction to the web and its history
PPTX
Introduction to Web Architecture
Http_Protocol.pptx
HTTP 완벽가이드 1장.
MADS4007_Fall2022-Intro to Web Technologies.docx.pptx
Web technology-guide
ReSTful API Final
Switch to Backend 2023 | Day 1 Part 1
Web technology
Www and http
Web Services 2009
Web Services 2009
Web Service
Advanced Web Design And Development BIT 3207
Module 5.pptx HTTP protocol on optical and wireless communication
ip1clientserver model
Web Server Technologies I: HTTP
Web Server Technologies I: HTTP & Getting Started
Understanding the Web through HTTP
Web technology introduction to the web and its history
Introduction to Web Architecture
Ad

Web Architecture

  • 1. Web Architecture Presented By: Sudip Pudasaini Date: 22nd SEP, 2015
  • 2. 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
  • 3. Agenda lWWW (W3) lHTTP & HTTPS lRequest vs Response lStatus Code lHTTP Verbs lTwo Tier & Three Tier
  • 4. 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.
  • 5. 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
  • 6. 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.
  • 9. 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
  • 10. Status Code lOr Response Code, l1xx: Informational Message l2xx: Successful l3xx: Redirection l4xx: Client Error l5xx: Server Error
  • 11. 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.
  • 12. HTTP Verbs lGET: lPasses all request data in URL query string. lDo not change the server state.
  • 13. HTTP Verbs lPOST: lPasses all the request data in HTTP request body. lChange the server state by posting data.
  • 14. 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.
  • 15. Web Architecture lOverview: lLayers Of web application lTwo Tier Application lThree Tier Application
  • 16. 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
  • 17. 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