SlideShare a Scribd company logo
1 of 49
Introduction to Web Architecture Chhorn Chamnap
About Me Blog: http://chamnapchhorn.blogspot.com/ Twitter: http://twitter.com/chamnap Rails Developer JavaScript Developer
Agenda Basic Web Architecture HTML URI HTTP Web Architecture Extension Cookie Database-driven Website Architecture AJAX Web Services XML JSON
The World Wide Web
The World Wide Web In 1989, Tim Berners-Lee had suggested a way to let all users, but particularly scientists, browse each others’ papers on the Internet. He developed HTML, URLs, and HTTP.
Basic Web Architecture
Basic Web Architecture The web is a two-tiered architecture. A web browser displays information content,  and a web server that transfers information to the client.
Web Browser The primary purpose is to bring information resources to the user.  An application for retrieving, presenting, and traversing information resources.
Web Server The term web server or webserver can mean one of two things: A computer program that accepts HTTP requests and return HTTP responses with optional data content.  A computer that runs a computer program as described above.
HTML HyperText Markup Language
HTML Document layout language (not a programming language) Defines structure and appearance of Web pages
URI Universal Resource Identifier
URI URLs are location dependent  It contains four distinct parts: the protocol type, the machine name, the directory path and the file name.  There are several kinds of URLs: file URLs, FTP URLs, and HTTP URLs.
HTTP HyperText Transfer Protocol
HTTP HTTP is a request/response standard of a client and a server. Typically, an HTTP client initiates a request. Resources to be accessed by HTTP are identified using Uniform Resource Identifiers (URIs).
Request message The request message consists of the following: Request line Headers (Accept-Language, Accept, 
.) An empty line An optional message body
Request methods HTTP defines eight methods (sometimes referred to as "verbs") indicating the desired action to be performed on the identified resource. HEAD GET POST PUT DELETE TRACE OPTIONS CONNECT
Safe methods HEAD, GET, OPTIONS and TRACE are defined as safe (no side effects). POST, PUT and DELETE are intended for actions which may cause side effects either on the server.
Status Codes ,[object Object]
The way the user agent handles the response primarily depends on the code and secondarily on the response headers.
Success: 2xx
Redirection: 3xx
Client-Side Error: 4xx
Server-Side Error: 5xx,[object Object]
Hosts do not need to retain information about users between requests.
Statelessness is a scalability property.
For example, when a host needs to customize the content of a website for a user. Solution:
Cookies
Sessions
Hidden variables (when the current page is a form)
URL encoded parameters (such as /index.php?session_id=some_unique_session_code),[object Object]
Web Architecture Extension
Web Architecture Extension CGI extends the architecture to three-tiers by adding a back-end server that provides services to the Web server.
Traditional uses of JavaScript JavaScript is a scripting language designed for creating dynamic, interactive Web applications that link together objects and resources on both clients and servers. Getting your Web page to respond or react directly to user interaction with form elements and hypertext links Preprocessing data on the client before submission to a server Changing content and styles
Cookie tracking cookie, browser cookie, or HTTP cookie
Cookie ,[object Object]
A cookie consists of one or more name-value pairs containing bits of information such as user preferences.
A cookie can be used for:
authenticating,
session tracking, and
remembering specific information about users.,[object Object]
Cookie Expiration ,[object Object],At the end of the user session if the cookie is not persistent  An expiration date has been specified, and has passed  The expiration date of the cookie is changed to a date in the past  The browser deletes the cookie by user request
Database-driven Website Architecture
Database-driven Website Architecture
Server-side processing In server-side processing, the Web server: Receives the dynamic Web page request Performs all of the processing necessary to create the dynamic Web page Sends the finished Web page to the client for display in the client’s browser
Client-side processing Client-side processing Some processing needs to be “executed” by the browser, either to form the request for the dynamic Web page or to create or display the dynamic Web page. Eg. Javascript code to validate user input
Server and Client side processing Server-side processing PHP ASP ASP.NET Perl J2EE Python, e.g. Django Ruby, e.g. Ruby on Rails ColdFusion Client-side processing CSS HTML JavaScript Adobe Flex Microsoft Silverlight
AJAX Asynchronous JavaScript and XML
Defining Ajax Ajax isn’t a technology. It’s really several technologies, each flourishing in its own right, coming together in powerful new ways. Ajax incorporates: XHTML and CSS; Document Object Model;  XML and XSLT;  XMLHttpRequest;  JavaScript Jesse James Garrett, essay in february 18, 2005  Ajax: A New Approach to Web  Applications

More Related Content

What's hot

uniform resource locator
uniform resource locatoruniform resource locator
uniform resource locator
rajshreemuthiah
 

What's hot (20)

Introduction to CSS
Introduction to CSSIntroduction to CSS
Introduction to CSS
 
Web services
Web servicesWeb services
Web services
 
MYSQL - PHP Database Connectivity
MYSQL - PHP Database ConnectivityMYSQL - PHP Database Connectivity
MYSQL - PHP Database Connectivity
 
Webservices
WebservicesWebservices
Webservices
 
Web development
Web developmentWeb development
Web development
 
Data Modeling PPT
Data Modeling PPTData Modeling PPT
Data Modeling PPT
 
Web crawler
Web crawlerWeb crawler
Web crawler
 
Web Application
Web ApplicationWeb Application
Web Application
 
The impact of web on ir
The impact of web on irThe impact of web on ir
The impact of web on ir
 
Static dynamic and active web pages
Static dynamic and active web pagesStatic dynamic and active web pages
Static dynamic and active web pages
 
Https presentation
Https presentationHttps presentation
Https presentation
 
Javascript
JavascriptJavascript
Javascript
 
Web development
Web developmentWeb development
Web development
 
Web development tool
Web development toolWeb development tool
Web development tool
 
uniform resource locator
uniform resource locatoruniform resource locator
uniform resource locator
 
HTTP & WWW
HTTP & WWWHTTP & WWW
HTTP & WWW
 
Xml
XmlXml
Xml
 
WEB HOSTING
WEB HOSTINGWEB HOSTING
WEB HOSTING
 
Asp.net.
Asp.net.Asp.net.
Asp.net.
 
Introduction to APIs (Application Programming Interface)
Introduction to APIs (Application Programming Interface) Introduction to APIs (Application Programming Interface)
Introduction to APIs (Application Programming Interface)
 

Similar to Introduction to Web Architecture

21. Application Development and Administration in DBMS
21. Application Development and Administration in DBMS21. Application Development and Administration in DBMS
21. Application Development and Administration in DBMS
koolkampus
 
Using Ajax In Domino Web Applications
Using Ajax In Domino Web ApplicationsUsing Ajax In Domino Web Applications
Using Ajax In Domino Web Applications
dominion
 
Web Services 2009
Web Services 2009Web Services 2009
Web Services 2009
Cathie101
 
Web Services 2009
Web Services 2009Web Services 2009
Web Services 2009
Cathie101
 
Web 2 0 Tools
Web 2 0 ToolsWeb 2 0 Tools
Web 2 0 Tools
ramesh kumar
 
Configuring the Apache Web Server
Configuring the Apache Web ServerConfiguring the Apache Web Server
Configuring the Apache Web Server
webhostingguy
 
Jax Ajax Architecture
Jax Ajax  ArchitectureJax Ajax  Architecture
Jax Ajax Architecture
Alois Reitbauer
 
W-JAX Performance Workshop - Web and AJAX
W-JAX Performance Workshop - Web and AJAXW-JAX Performance Workshop - Web and AJAX
W-JAX Performance Workshop - Web and AJAX
Alois Reitbauer
 

Similar to Introduction to Web Architecture (20)

Introductiontowebarchitecture 090922221506-phpapp01
Introductiontowebarchitecture 090922221506-phpapp01Introductiontowebarchitecture 090922221506-phpapp01
Introductiontowebarchitecture 090922221506-phpapp01
 
21. Application Development and Administration in DBMS
21. Application Development and Administration in DBMS21. Application Development and Administration in DBMS
21. Application Development and Administration in DBMS
 
web services8 (1).pdf for computer science
web services8 (1).pdf for computer scienceweb services8 (1).pdf for computer science
web services8 (1).pdf for computer science
 
Using Ajax In Domino Web Applications
Using Ajax In Domino Web ApplicationsUsing Ajax In Domino Web Applications
Using Ajax In Domino Web Applications
 
Web Programming introduction
Web Programming introductionWeb Programming introduction
Web Programming introduction
 
Web Services 2009
Web Services 2009Web Services 2009
Web Services 2009
 
Web Services 2009
Web Services 2009Web Services 2009
Web Services 2009
 
Server Side Programming
Server Side ProgrammingServer Side Programming
Server Side Programming
 
Www and http
Www and httpWww and http
Www and http
 
Ajax
AjaxAjax
Ajax
 
446-FUNDAMENTALS OF WEB FOR NON DEVELOPERS (Useful-Knowledge)
446-FUNDAMENTALS OF WEB FOR NON DEVELOPERS (Useful-Knowledge)446-FUNDAMENTALS OF WEB FOR NON DEVELOPERS (Useful-Knowledge)
446-FUNDAMENTALS OF WEB FOR NON DEVELOPERS (Useful-Knowledge)
 
Fundamentals of Web for Non-Developers
Fundamentals of Web for Non-DevelopersFundamentals of Web for Non-Developers
Fundamentals of Web for Non-Developers
 
Html intake 38 lect1
Html intake 38 lect1Html intake 38 lect1
Html intake 38 lect1
 
Web 2 0 Tools
Web 2 0 ToolsWeb 2 0 Tools
Web 2 0 Tools
 
Configuring the Apache Web Server
Configuring the Apache Web ServerConfiguring the Apache Web Server
Configuring the Apache Web Server
 
Jax Ajax Architecture
Jax Ajax  ArchitectureJax Ajax  Architecture
Jax Ajax Architecture
 
Www(alyssa) (2)
Www(alyssa) (2)Www(alyssa) (2)
Www(alyssa) (2)
 
WP Chap 1 & 2.pptx
WP Chap 1 & 2.pptxWP Chap 1 & 2.pptx
WP Chap 1 & 2.pptx
 
Introduction to web technology
Introduction to web technologyIntroduction to web technology
Introduction to web technology
 
W-JAX Performance Workshop - Web and AJAX
W-JAX Performance Workshop - Web and AJAXW-JAX Performance Workshop - Web and AJAX
W-JAX Performance Workshop - Web and AJAX
 

More from Chamnap Chhorn

Introduction to rails
Introduction to railsIntroduction to rails
Introduction to rails
Chamnap Chhorn
 
High performance website
High performance websiteHigh performance website
High performance website
Chamnap Chhorn
 
Ruby object model
Ruby object modelRuby object model
Ruby object model
Chamnap Chhorn
 
Principles in Refactoring
Principles in RefactoringPrinciples in Refactoring
Principles in Refactoring
Chamnap Chhorn
 
JavaScript in Object-Oriented Way
JavaScript in Object-Oriented WayJavaScript in Object-Oriented Way
JavaScript in Object-Oriented Way
Chamnap Chhorn
 

More from Chamnap Chhorn (7)

Introduction to rails
Introduction to railsIntroduction to rails
Introduction to rails
 
High performance website
High performance websiteHigh performance website
High performance website
 
Ruby object model
Ruby object modelRuby object model
Ruby object model
 
Rest and Rails
Rest and RailsRest and Rails
Rest and Rails
 
Principles in Refactoring
Principles in RefactoringPrinciples in Refactoring
Principles in Refactoring
 
JavaScript in Object-Oriented Way
JavaScript in Object-Oriented WayJavaScript in Object-Oriented Way
JavaScript in Object-Oriented Way
 
Rest in Rails
Rest in RailsRest in Rails
Rest in Rails
 

Recently uploaded

Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and MythsArtificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and Myths
Joaquim Jorge
 

Recently uploaded (20)

Data Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt RobisonData Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt Robison
 
Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024
 
🐬 The future of MySQL is Postgres 🐘
🐬  The future of MySQL is Postgres   🐘🐬  The future of MySQL is Postgres   🐘
🐬 The future of MySQL is Postgres 🐘
 
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
 
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
 
2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...
 
MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024
 
Scaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organizationScaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organization
 
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
 
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin WoodPolkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
 
HTML Injection Attacks: Impact and Mitigation Strategies
HTML Injection Attacks: Impact and Mitigation StrategiesHTML Injection Attacks: Impact and Mitigation Strategies
HTML Injection Attacks: Impact and Mitigation Strategies
 
Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and MythsArtificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and Myths
 
Manulife - Insurer Innovation Award 2024
Manulife - Insurer Innovation Award 2024Manulife - Insurer Innovation Award 2024
Manulife - Insurer Innovation Award 2024
 
The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024
 
Artificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : UncertaintyArtificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : Uncertainty
 
AWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of TerraformAWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of Terraform
 
A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)
 
Automating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps ScriptAutomating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps Script
 
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, AdobeApidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
 
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
 

Introduction to Web Architecture