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

What's hot

World wide web architecture presentation
World wide web architecture presentationWorld wide web architecture presentation
World wide web architecture presentationImMe Khan
 
Internet programming lecture 1
Internet programming lecture 1Internet programming lecture 1
Internet programming lecture 1Mohammed Hussein
 
0 csc 3311 slide internet programming
0 csc 3311 slide internet programming0 csc 3311 slide internet programming
0 csc 3311 slide internet programming
umardanjumamaiwada
 
Restful Web Services
Restful Web ServicesRestful Web Services
Restful Web Services
Angelin R
 
4 internet programming
4 internet programming4 internet programming
4 internet programmingsoner_kavlak
 
Web Technology Fundamentals
Web Technology FundamentalsWeb Technology Fundamentals
Web Technology Fundamentals
sunmitraeducation
 
Introductiontowebarchitecture 090922221506-phpapp01
Introductiontowebarchitecture 090922221506-phpapp01Introductiontowebarchitecture 090922221506-phpapp01
Introductiontowebarchitecture 090922221506-phpapp01
Maisha Price
 
KMUTNB - Internet Programming 1/7
KMUTNB - Internet Programming 1/7KMUTNB - Internet Programming 1/7
KMUTNB - Internet Programming 1/7
phuphax
 
Overview of Rest Service and ASP.NET WEB API
Overview of Rest Service and ASP.NET WEB APIOverview of Rest Service and ASP.NET WEB API
Overview of Rest Service and ASP.NET WEB API
Pankaj Bajaj
 
Introduction to Web Programming - first course
Introduction to Web Programming - first courseIntroduction to Web Programming - first course
Introduction to Web Programming - first courseVlad Posea
 
Static dynamic and active web pages
Static dynamic and active web pagesStatic dynamic and active web pages
Static dynamic and active web pages
Mohammad Kamrul Hasan
 
Scalable Reliable Secure REST
Scalable Reliable Secure RESTScalable Reliable Secure REST
Scalable Reliable Secure RESTguestb2ed5f
 
ASP.NET Web API and HTTP Fundamentals
ASP.NET Web API and HTTP FundamentalsASP.NET Web API and HTTP Fundamentals
ASP.NET Web API and HTTP Fundamentals
Ido Flatow
 
Web design - How the Web works?
Web design - How the Web works?Web design - How the Web works?
Web design - How the Web works?
Mustafa Kamel Mohammadi
 
CS6501 - Internet programming
CS6501 - Internet programming   CS6501 - Internet programming
CS6501 - Internet programming
Karthik Venkatachalam
 

What's hot (20)

World wide web architecture presentation
World wide web architecture presentationWorld wide web architecture presentation
World wide web architecture presentation
 
Internet programming lecture 1
Internet programming lecture 1Internet programming lecture 1
Internet programming lecture 1
 
0 csc 3311 slide internet programming
0 csc 3311 slide internet programming0 csc 3311 slide internet programming
0 csc 3311 slide internet programming
 
Restful Web Services
Restful Web ServicesRestful Web Services
Restful Web Services
 
4 internet programming
4 internet programming4 internet programming
4 internet programming
 
Web Technology Fundamentals
Web Technology FundamentalsWeb Technology Fundamentals
Web Technology Fundamentals
 
Www(alyssa) (2)
Www(alyssa) (2)Www(alyssa) (2)
Www(alyssa) (2)
 
Introductiontowebarchitecture 090922221506-phpapp01
Introductiontowebarchitecture 090922221506-phpapp01Introductiontowebarchitecture 090922221506-phpapp01
Introductiontowebarchitecture 090922221506-phpapp01
 
Intoduction to php web services and json
Intoduction to php  web services and jsonIntoduction to php  web services and json
Intoduction to php web services and json
 
KMUTNB - Internet Programming 1/7
KMUTNB - Internet Programming 1/7KMUTNB - Internet Programming 1/7
KMUTNB - Internet Programming 1/7
 
ASP.NET WEB API Training
ASP.NET WEB API TrainingASP.NET WEB API Training
ASP.NET WEB API Training
 
Overview of Rest Service and ASP.NET WEB API
Overview of Rest Service and ASP.NET WEB APIOverview of Rest Service and ASP.NET WEB API
Overview of Rest Service and ASP.NET WEB API
 
Introduction to Web Programming - first course
Introduction to Web Programming - first courseIntroduction to Web Programming - first course
Introduction to Web Programming - first course
 
Static dynamic and active web pages
Static dynamic and active web pagesStatic dynamic and active web pages
Static dynamic and active web pages
 
Scalable Reliable Secure REST
Scalable Reliable Secure RESTScalable Reliable Secure REST
Scalable Reliable Secure REST
 
ASP.NET Web API and HTTP Fundamentals
ASP.NET Web API and HTTP FundamentalsASP.NET Web API and HTTP Fundamentals
ASP.NET Web API and HTTP Fundamentals
 
REST, RESTful API
REST, RESTful APIREST, RESTful API
REST, RESTful API
 
Web design - How the Web works?
Web design - How the Web works?Web design - How the Web works?
Web design - How the Web works?
 
HTML5 - An introduction
HTML5 - An introductionHTML5 - An introduction
HTML5 - An introduction
 
CS6501 - Internet programming
CS6501 - Internet programming   CS6501 - Internet programming
CS6501 - Internet programming
 

Similar to Web Architecture

Http_Protocol.pptx
Http_Protocol.pptxHttp_Protocol.pptx
Http_Protocol.pptx
Abshar Fatima
 
HTTP 완벽가이드 1장.
HTTP 완벽가이드 1장.HTTP 완벽가이드 1장.
HTTP 완벽가이드 1장.
HyeonSeok Choi
 
MADS4007_Fall2022-Intro to Web Technologies.docx.pptx
MADS4007_Fall2022-Intro to Web Technologies.docx.pptxMADS4007_Fall2022-Intro to Web Technologies.docx.pptx
MADS4007_Fall2022-Intro to Web Technologies.docx.pptx
awadalsabbah
 
Web technology-guide
Web technology-guideWeb technology-guide
Web technology-guide
Srihari
 
Switch to Backend 2023 | Day 1 Part 1
Switch to Backend 2023 | Day 1 Part 1Switch to Backend 2023 | Day 1 Part 1
Switch to Backend 2023 | Day 1 Part 1
Google Developer Students Club NIT Silchar
 
Web technology
Web technologyWeb technology
Web technology
Anuj Singh Rajput
 
Www and http
Www and httpWww and http
Www and http
SanthiNivas
 
Web Services 2009
Web Services 2009Web Services 2009
Web Services 2009Cathie101
 
Web Services 2009
Web Services 2009Web Services 2009
Web Services 2009Cathie101
 
Web Service
Web ServiceWeb Service
Web Service
Ashwani kumar
 
Advanced Web Design And Development BIT 3207
Advanced Web Design And Development BIT 3207Advanced Web Design And Development BIT 3207
Advanced Web Design And Development BIT 3207
Lori Head
 
Api 101
Api 101Api 101
ip1clientserver model
 ip1clientserver model ip1clientserver model
ip1clientserver model
monikadeshmane
 
Web Server Technologies I: HTTP
Web Server Technologies I: HTTP Web Server Technologies I: HTTP
Web Server Technologies I: HTTP webhostingguy
 
Web Server Technologies I: HTTP & Getting Started
Web Server Technologies I: HTTP & Getting StartedWeb Server Technologies I: HTTP & Getting Started
Web Server Technologies I: HTTP & Getting Started
Port80 Software
 
Understanding the Web through HTTP
Understanding the Web through HTTPUnderstanding the Web through HTTP
Understanding the Web through HTTP
Olivia Brundage
 
Introduction to Web Architecture
Introduction to Web ArchitectureIntroduction to Web Architecture
Introduction to Web ArchitectureChamnap Chhorn
 

Similar to Web Architecture (20)

Http_Protocol.pptx
Http_Protocol.pptxHttp_Protocol.pptx
Http_Protocol.pptx
 
HTTP 완벽가이드 1장.
HTTP 완벽가이드 1장.HTTP 완벽가이드 1장.
HTTP 완벽가이드 1장.
 
MADS4007_Fall2022-Intro to Web Technologies.docx.pptx
MADS4007_Fall2022-Intro to Web Technologies.docx.pptxMADS4007_Fall2022-Intro to Web Technologies.docx.pptx
MADS4007_Fall2022-Intro to Web Technologies.docx.pptx
 
Web technology-guide
Web technology-guideWeb technology-guide
Web technology-guide
 
ReSTful API Final
ReSTful API FinalReSTful API Final
ReSTful API Final
 
Switch to Backend 2023 | Day 1 Part 1
Switch to Backend 2023 | Day 1 Part 1Switch to Backend 2023 | Day 1 Part 1
Switch to Backend 2023 | Day 1 Part 1
 
Web technology
Web technologyWeb technology
Web technology
 
Www and http
Www and httpWww and http
Www and http
 
Web Services 2009
Web Services 2009Web Services 2009
Web Services 2009
 
Web Services 2009
Web Services 2009Web Services 2009
Web Services 2009
 
Web Service
Web ServiceWeb Service
Web Service
 
Advanced Web Design And Development BIT 3207
Advanced Web Design And Development BIT 3207Advanced Web Design And Development BIT 3207
Advanced Web Design And Development BIT 3207
 
Api 101
Api 101Api 101
Api 101
 
ip1clientserver model
 ip1clientserver model ip1clientserver model
ip1clientserver model
 
Web Server Technologies I: HTTP
Web Server Technologies I: HTTP Web Server Technologies I: HTTP
Web Server Technologies I: HTTP
 
Web Server Technologies I: HTTP & Getting Started
Web Server Technologies I: HTTP & Getting StartedWeb Server Technologies I: HTTP & Getting Started
Web Server Technologies I: HTTP & Getting Started
 
Understanding the Web through HTTP
Understanding the Web through HTTPUnderstanding the Web through HTTP
Understanding the Web through HTTP
 
Introduction to Web Architecture
Introduction to Web ArchitectureIntroduction to Web Architecture
Introduction to Web Architecture
 
Webbasics
WebbasicsWebbasics
Webbasics
 
Restful web services
Restful web servicesRestful web services
Restful web services
 

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