SlideShare a Scribd company logo
1 of 38
Web Applications
Evolution of Applications
and Web….
Agenda
 Importance of Web in Industry
 Evolution of Applications
 Evolution of Web
 Web Applications
2
What's the Buzz!
Is it really a Buzz?
Web market is huge and everyone wants its share
Applications are changing
Operating Systems are changing…
7
Industries are changing…
Web is reaching Devices
9
Why a shift to web?
Applications and Web Applications
Some Applications…
Some web pages…
Application and Web Page
Application
 Standalone
 Performs some functionality
 Installed binaries
 Highly interactive
Web Page
 Run in Applications (Browser)
 Displays information
 Temporary content
 Less interactive
Application or Web Page
Web Page
 Not installed
 Launched in Browser
Application
 Allows Chat
 Audio, video enabled
 Not just displays data
?
Web Applications
16
Web applications
 Applications in the browser
 Applications, but not
installed
 Web pages highly
interactive
There are 2 type of Websites
• That display some stuff like
magazines (webpages)
• That allow to perform some
stuff like softwares (web
applications)
Application challenges
- Portability
- Extensibility
- Updating
- Easy deployment
What are the options to implement an application?
 C/ C++ exe
 C/ C++ library (static/ dynamic)
 Java classes
 Scripting languages (perl, pyhthon, javascript)
Implementing as Web application
Deployment
 Just a URL http://www.mathfunctions.com/factorial&n=5
Portability
 NO OS/ programming language dependency
Extensibility
 Can be used in numerous applications without changing the server module
Updating
 Any changes in server side doesn’t affect client implementations
18
Evolution of Applications
19
Evolution of Computers
 Computers came into
existence
 They made user’s life
easier
20
 But life of developer was
hard
 Programming languages
were highly dependent on
hardware
 For same application, code
had to be re-written for
another hardware!!
Evolution of Operating Systems
21
Operating System
HW HW HWHW
Code Code CodeCode
One
Hardware
The
Hardware
specific
Code
New
Hardware
Rewrite
Code
Code
Single
Code for all
Hardware !!
Hence the Applications
Applications are compiled to Native Binaries (executables)
Technologies
 C
 C++
Pros
 Can directly access system level APIs
 Fast in execution
Cons
 To maintain different application binaries for different operating systems
 Big development effort required
Evolution of Virtual machines
23
Virtual Machine
OS OS OSOS
Code Code CodeCode
One OS
The OS
specific
Code
New OS
Rewrite
Code
Code
Single
Code for all
OS !!
Applications compiled for Virtual Machines
Technologies
 Java (J2SE)
 .NET
 Action Script (Flex)
 Scripting languages
 Perl, Pyhton, PHP etc.
Pros
 Single application for different OS hence easier to maintain
 Less development effort
Cons
 Target OS must have the virtual machine installed in order to execute the
application
 Slow in execution as compared to Native OS Applications
 Don’t have access to system level APIs
Evolution of WEB
25
Web/ Internet
DARPA/ ARPA (Advanced Research Projects Agency)
 Defense programs during the cold war era
 Goal: Command and control network that would survive a nuclear war
 Problems: Circuit switch networks (e.g. Telephone) are vulnerable as loss of line or a
switch may hamper the communication
 Solution: Distributed, packet switched networks
The number of machines, networks and users increased dramatically after the advent of
TCP/ IP- the Internet
 TCP/IP Reference model and the protocol is the glue that holds internet together
 Growth of universal services on top of TCP/IP infrastructure (Application layer)
 E-mail
 File transfer
 Remote login
 World Wide Web (WWW)
Basic Web system
27
Basic Web System - example
Google Web Server
Browser requests
a web page from
www.google.com
Generates an HTML
and sends it as
response
HTTP Basics
HTTP Client HTTP Server
HTTP Request
HTTP Response
• Every HTTP Request can be of following predefined HTTP
methods
•GET – download a resource
•HEAD – retrieve header information of a resource
•PUT – upload a resource to the server
•POST – submit data to be appended to a resource
•DELETE – delete a resource
• HTTP protocol consists of 2 distinct items
•HTTP Request – what the user wants to do
•HTTP Response – output of the request
Web (Till mid 90s)
Features
 Page metaphor
 Synchronous
 Smaller set of UI controls
 Mostly text oriented
 One way traffic, not participative
Lacked
 Rich Content
 Images
 Audio
 Video
 Interactivity
Page Metaphor and synchronous web
 A new HTML page is loaded on every request, like searching
something on google.com
 Which means entire content reloaded on every HTTP request.
Issues
 Most of the times, entire content need not to be updated in the web
page
 Slows down the work speed
 Looks irritating
So people felt need of Asynchronous Web!!
31
Technologies
Client Side
 HTML – a mark up language rendered by Browsers
 Java Script – to put some logic in web pages executed by Browsers
Server Side Scripts (executed by a web server)
 ASP/ ASP .NET
 PHP
 Coldfusion
 Java via JSP
 Perl
 Pyhton
 Ruby
32
Asynchronous Web
33
Allowed websites to update data without fetching entire web page.
Impact
• Allowed fast user interactivity with web pages
• Users turned into publishers
• Personal web sites were replaced by blogs
• Birth of wikis
• Social networking websites came into existence
• User participations on web reached billion benchmark
• Web giant innovated monetizing techniques for web
• Web advertisements market
Technologies
Java Applets (1995)
 Allow compiled client-side code to load data asynchronously from the
web server
 Required JVM to ne installed at client machines
XMLHTTPRequest (1999)
 Fetches XML data asynchronously from web
 Invoked from java script
 Core component of AJAX
 Became widely known after used by Google in Gmail(2004) and
Google maps(2005)
34
AJAX – Asynchronous JavaScript & XML (2005)
Only a name given to a set of tools that were already existing
 HTML and CSS for presenting
 Java script for local processing (client side functionality)
 XMLHTTPREquest object – used to send or receive data from server
asynchronously
Accepted as an official web standard in 2006 by W3C.
35
Traditional Web system vs AJAX based Web system
36
Traditional Web system vs AJAX based Web system
37
Thank You
38

More Related Content

What's hot

Introduction to web development
Introduction to web developmentIntroduction to web development
Introduction to web development
Mohammed Safwat
 

What's hot (20)

An Introduction To REST API
An Introduction To REST APIAn Introduction To REST API
An Introduction To REST API
 
API-first development
API-first developmentAPI-first development
API-first development
 
Introduction to back-end
Introduction to back-endIntroduction to back-end
Introduction to back-end
 
React Native
React NativeReact Native
React Native
 
Website Introduction
Website IntroductionWebsite Introduction
Website Introduction
 
Web api
Web apiWeb api
Web api
 
WEB DESIGN
WEB DESIGNWEB DESIGN
WEB DESIGN
 
Web Services PHP Tutorial
Web Services PHP TutorialWeb Services PHP Tutorial
Web Services PHP Tutorial
 
The complete ASP.NET (IIS) Tutorial with code example in power point slide show
The complete ASP.NET (IIS) Tutorial with code example in power point slide showThe complete ASP.NET (IIS) Tutorial with code example in power point slide show
The complete ASP.NET (IIS) Tutorial with code example in power point slide show
 
Front-end development introduction (HTML, CSS). Part 1
Front-end development introduction (HTML, CSS). Part 1Front-end development introduction (HTML, CSS). Part 1
Front-end development introduction (HTML, CSS). Part 1
 
Web development | Derin Dolen
Web development | Derin Dolen Web development | Derin Dolen
Web development | Derin Dolen
 
Microservice architecture
Microservice architectureMicroservice architecture
Microservice architecture
 
RESTful API Design Best Practices Using ASP.NET Web API
RESTful API Design Best Practices Using ASP.NET Web APIRESTful API Design Best Practices Using ASP.NET Web API
RESTful API Design Best Practices Using ASP.NET Web API
 
Asp.net and .Net Framework ppt presentation
Asp.net and .Net Framework ppt presentationAsp.net and .Net Framework ppt presentation
Asp.net and .Net Framework ppt presentation
 
Introduction to web development
Introduction to web developmentIntroduction to web development
Introduction to web development
 
Responsive web design
Responsive web designResponsive web design
Responsive web design
 
Introduction to the Web API
Introduction to the Web APIIntroduction to the Web API
Introduction to the Web API
 
Rest api and-crud-api
Rest api and-crud-apiRest api and-crud-api
Rest api and-crud-api
 
Coding principles
Coding principles Coding principles
Coding principles
 
.Net Core
.Net Core.Net Core
.Net Core
 

Viewers also liked (6)

App Evolution - The Age of Mobile Application
App Evolution - The Age of Mobile ApplicationApp Evolution - The Age of Mobile Application
App Evolution - The Age of Mobile Application
 
Bpr case study by sims student
Bpr case study by sims studentBpr case study by sims student
Bpr case study by sims student
 
Business Process Re-Engineering
Business Process Re-EngineeringBusiness Process Re-Engineering
Business Process Re-Engineering
 
Business process reengineering
Business process reengineeringBusiness process reengineering
Business process reengineering
 
Evolution of applications - from Enterprise to Cloud
Evolution of applications - from Enterprise to CloudEvolution of applications - from Enterprise to Cloud
Evolution of applications - from Enterprise to Cloud
 
Business process reengineering
Business process reengineeringBusiness process reengineering
Business process reengineering
 

Similar to Evolution of Applications & Web

Internetandjava
InternetandjavaInternetandjava
Internetandjava
muniinb4u
 
JavaInternetlearning
JavaInternetlearningJavaInternetlearning
JavaInternetlearning
muniinb4u
 
Internetandjava
InternetandjavaInternetandjava
Internetandjava
muniinb4u
 
Javauserguide
JavauserguideJavauserguide
Javauserguide
muniinb4u
 
05.m3 cms list-ofwebserver
05.m3 cms list-ofwebserver05.m3 cms list-ofwebserver
05.m3 cms list-ofwebserver
tarensi
 
Scalable Web Architectures and Infrastructure
Scalable Web Architectures and InfrastructureScalable Web Architectures and Infrastructure
Scalable Web Architectures and Infrastructure
george.james
 
Web technologies lesson 1
Web technologies   lesson 1Web technologies   lesson 1
Web technologies lesson 1
nhepner
 

Similar to Evolution of Applications & Web (20)

Native App + Wep App = ? (Hybrid Applications)
Native App + Wep App = ? (Hybrid Applications)Native App + Wep App = ? (Hybrid Applications)
Native App + Wep App = ? (Hybrid Applications)
 
Cs2305 nol
Cs2305 nolCs2305 nol
Cs2305 nol
 
Internetandjava
InternetandjavaInternetandjava
Internetandjava
 
ppttips
ppttipsppttips
ppttips
 
ppttips
ppttipsppttips
ppttips
 
Java
JavaJava
Java
 
ppttips
ppttipsppttips
ppttips
 
JavaInternetlearning
JavaInternetlearningJavaInternetlearning
JavaInternetlearning
 
ppt tips
ppt tipsppt tips
ppt tips
 
ppttips
ppttipsppttips
ppttips
 
Internetandjava
InternetandjavaInternetandjava
Internetandjava
 
Javauserguide
JavauserguideJavauserguide
Javauserguide
 
The Web, After HTML5
The Web, After HTML5The Web, After HTML5
The Web, After HTML5
 
05.m3 cms list-ofwebserver
05.m3 cms list-ofwebserver05.m3 cms list-ofwebserver
05.m3 cms list-ofwebserver
 
Scalable Web Architectures and Infrastructure
Scalable Web Architectures and InfrastructureScalable Web Architectures and Infrastructure
Scalable Web Architectures and Infrastructure
 
Web technologies lesson 1
Web technologies   lesson 1Web technologies   lesson 1
Web technologies lesson 1
 
unit1 part 1 sem4 php.docx
unit1 part 1 sem4 php.docxunit1 part 1 sem4 php.docx
unit1 part 1 sem4 php.docx
 
3iGlobal Pvt. Ltd. - Presentation on Web 2.0 Technologies
3iGlobal Pvt. Ltd. - Presentation on Web 2.0 Technologies3iGlobal Pvt. Ltd. - Presentation on Web 2.0 Technologies
3iGlobal Pvt. Ltd. - Presentation on Web 2.0 Technologies
 
3iGlobal Pvt. Ltd. - Presentation on Web 2.0 Technologies
3iGlobal Pvt. Ltd. - Presentation on Web 2.0 Technologies3iGlobal Pvt. Ltd. - Presentation on Web 2.0 Technologies
3iGlobal Pvt. Ltd. - Presentation on Web 2.0 Technologies
 
introduction to web application development
introduction to web application developmentintroduction to web application development
introduction to web application development
 

Recently uploaded

XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
ssuser89054b
 
notes on Evolution Of Analytic Scalability.ppt
notes on Evolution Of Analytic Scalability.pptnotes on Evolution Of Analytic Scalability.ppt
notes on Evolution Of Analytic Scalability.ppt
MsecMca
 
Call Girls In Bangalore ☎ 7737669865 🥵 Book Your One night Stand
Call Girls In Bangalore ☎ 7737669865 🥵 Book Your One night StandCall Girls In Bangalore ☎ 7737669865 🥵 Book Your One night Stand
Call Girls In Bangalore ☎ 7737669865 🥵 Book Your One night Stand
amitlee9823
 
Call for Papers - African Journal of Biological Sciences, E-ISSN: 2663-2187, ...
Call for Papers - African Journal of Biological Sciences, E-ISSN: 2663-2187, ...Call for Papers - African Journal of Biological Sciences, E-ISSN: 2663-2187, ...
Call for Papers - African Journal of Biological Sciences, E-ISSN: 2663-2187, ...
Christo Ananth
 
FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756
FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756
FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756
dollysharma2066
 
Call Now ≽ 9953056974 ≼🔝 Call Girls In New Ashok Nagar ≼🔝 Delhi door step de...
Call Now ≽ 9953056974 ≼🔝 Call Girls In New Ashok Nagar  ≼🔝 Delhi door step de...Call Now ≽ 9953056974 ≼🔝 Call Girls In New Ashok Nagar  ≼🔝 Delhi door step de...
Call Now ≽ 9953056974 ≼🔝 Call Girls In New Ashok Nagar ≼🔝 Delhi door step de...
9953056974 Low Rate Call Girls In Saket, Delhi NCR
 
Call Girls in Ramesh Nagar Delhi 💯 Call Us 🔝9953056974 🔝 Escort Service
Call Girls in Ramesh Nagar Delhi 💯 Call Us 🔝9953056974 🔝 Escort ServiceCall Girls in Ramesh Nagar Delhi 💯 Call Us 🔝9953056974 🔝 Escort Service
Call Girls in Ramesh Nagar Delhi 💯 Call Us 🔝9953056974 🔝 Escort Service
9953056974 Low Rate Call Girls In Saket, Delhi NCR
 

Recently uploaded (20)

Bhosari ( Call Girls ) Pune 6297143586 Hot Model With Sexy Bhabi Ready For ...
Bhosari ( Call Girls ) Pune  6297143586  Hot Model With Sexy Bhabi Ready For ...Bhosari ( Call Girls ) Pune  6297143586  Hot Model With Sexy Bhabi Ready For ...
Bhosari ( Call Girls ) Pune 6297143586 Hot Model With Sexy Bhabi Ready For ...
 
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
 
PVC VS. FIBERGLASS (FRP) GRAVITY SEWER - UNI BELL
PVC VS. FIBERGLASS (FRP) GRAVITY SEWER - UNI BELLPVC VS. FIBERGLASS (FRP) GRAVITY SEWER - UNI BELL
PVC VS. FIBERGLASS (FRP) GRAVITY SEWER - UNI BELL
 
Thermal Engineering Unit - I & II . ppt
Thermal Engineering  Unit - I & II . pptThermal Engineering  Unit - I & II . ppt
Thermal Engineering Unit - I & II . ppt
 
chapter 5.pptx: drainage and irrigation engineering
chapter 5.pptx: drainage and irrigation engineeringchapter 5.pptx: drainage and irrigation engineering
chapter 5.pptx: drainage and irrigation engineering
 
NFPA 5000 2024 standard .
NFPA 5000 2024 standard                                  .NFPA 5000 2024 standard                                  .
NFPA 5000 2024 standard .
 
notes on Evolution Of Analytic Scalability.ppt
notes on Evolution Of Analytic Scalability.pptnotes on Evolution Of Analytic Scalability.ppt
notes on Evolution Of Analytic Scalability.ppt
 
UNIT - IV - Air Compressors and its Performance
UNIT - IV - Air Compressors and its PerformanceUNIT - IV - Air Compressors and its Performance
UNIT - IV - Air Compressors and its Performance
 
Call Girls In Bangalore ☎ 7737669865 🥵 Book Your One night Stand
Call Girls In Bangalore ☎ 7737669865 🥵 Book Your One night StandCall Girls In Bangalore ☎ 7737669865 🥵 Book Your One night Stand
Call Girls In Bangalore ☎ 7737669865 🥵 Book Your One night Stand
 
Intze Overhead Water Tank Design by Working Stress - IS Method.pdf
Intze Overhead Water Tank  Design by Working Stress - IS Method.pdfIntze Overhead Water Tank  Design by Working Stress - IS Method.pdf
Intze Overhead Water Tank Design by Working Stress - IS Method.pdf
 
Booking open Available Pune Call Girls Koregaon Park 6297143586 Call Hot Ind...
Booking open Available Pune Call Girls Koregaon Park  6297143586 Call Hot Ind...Booking open Available Pune Call Girls Koregaon Park  6297143586 Call Hot Ind...
Booking open Available Pune Call Girls Koregaon Park 6297143586 Call Hot Ind...
 
Call for Papers - African Journal of Biological Sciences, E-ISSN: 2663-2187, ...
Call for Papers - African Journal of Biological Sciences, E-ISSN: 2663-2187, ...Call for Papers - African Journal of Biological Sciences, E-ISSN: 2663-2187, ...
Call for Papers - African Journal of Biological Sciences, E-ISSN: 2663-2187, ...
 
Call for Papers - International Journal of Intelligent Systems and Applicatio...
Call for Papers - International Journal of Intelligent Systems and Applicatio...Call for Papers - International Journal of Intelligent Systems and Applicatio...
Call for Papers - International Journal of Intelligent Systems and Applicatio...
 
Online banking management system project.pdf
Online banking management system project.pdfOnline banking management system project.pdf
Online banking management system project.pdf
 
Thermal Engineering-R & A / C - unit - V
Thermal Engineering-R & A / C - unit - VThermal Engineering-R & A / C - unit - V
Thermal Engineering-R & A / C - unit - V
 
FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756
FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756
FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756
 
Call Now ≽ 9953056974 ≼🔝 Call Girls In New Ashok Nagar ≼🔝 Delhi door step de...
Call Now ≽ 9953056974 ≼🔝 Call Girls In New Ashok Nagar  ≼🔝 Delhi door step de...Call Now ≽ 9953056974 ≼🔝 Call Girls In New Ashok Nagar  ≼🔝 Delhi door step de...
Call Now ≽ 9953056974 ≼🔝 Call Girls In New Ashok Nagar ≼🔝 Delhi door step de...
 
Call Girls in Ramesh Nagar Delhi 💯 Call Us 🔝9953056974 🔝 Escort Service
Call Girls in Ramesh Nagar Delhi 💯 Call Us 🔝9953056974 🔝 Escort ServiceCall Girls in Ramesh Nagar Delhi 💯 Call Us 🔝9953056974 🔝 Escort Service
Call Girls in Ramesh Nagar Delhi 💯 Call Us 🔝9953056974 🔝 Escort Service
 
(INDIRA) Call Girl Meerut Call Now 8617697112 Meerut Escorts 24x7
(INDIRA) Call Girl Meerut Call Now 8617697112 Meerut Escorts 24x7(INDIRA) Call Girl Meerut Call Now 8617697112 Meerut Escorts 24x7
(INDIRA) Call Girl Meerut Call Now 8617697112 Meerut Escorts 24x7
 
(INDIRA) Call Girl Bhosari Call Now 8617697112 Bhosari Escorts 24x7
(INDIRA) Call Girl Bhosari Call Now 8617697112 Bhosari Escorts 24x7(INDIRA) Call Girl Bhosari Call Now 8617697112 Bhosari Escorts 24x7
(INDIRA) Call Girl Bhosari Call Now 8617697112 Bhosari Escorts 24x7
 

Evolution of Applications & Web

  • 1. Web Applications Evolution of Applications and Web….
  • 2. Agenda  Importance of Web in Industry  Evolution of Applications  Evolution of Web  Web Applications 2
  • 4. Is it really a Buzz?
  • 5. Web market is huge and everyone wants its share
  • 7. Operating Systems are changing… 7
  • 9. Web is reaching Devices 9
  • 10. Why a shift to web?
  • 11. Applications and Web Applications
  • 14. Application and Web Page Application  Standalone  Performs some functionality  Installed binaries  Highly interactive Web Page  Run in Applications (Browser)  Displays information  Temporary content  Less interactive
  • 15. Application or Web Page Web Page  Not installed  Launched in Browser Application  Allows Chat  Audio, video enabled  Not just displays data ?
  • 16. Web Applications 16 Web applications  Applications in the browser  Applications, but not installed  Web pages highly interactive There are 2 type of Websites • That display some stuff like magazines (webpages) • That allow to perform some stuff like softwares (web applications)
  • 17. Application challenges - Portability - Extensibility - Updating - Easy deployment What are the options to implement an application?  C/ C++ exe  C/ C++ library (static/ dynamic)  Java classes  Scripting languages (perl, pyhthon, javascript)
  • 18. Implementing as Web application Deployment  Just a URL http://www.mathfunctions.com/factorial&n=5 Portability  NO OS/ programming language dependency Extensibility  Can be used in numerous applications without changing the server module Updating  Any changes in server side doesn’t affect client implementations 18
  • 20. Evolution of Computers  Computers came into existence  They made user’s life easier 20  But life of developer was hard  Programming languages were highly dependent on hardware  For same application, code had to be re-written for another hardware!!
  • 21. Evolution of Operating Systems 21 Operating System HW HW HWHW Code Code CodeCode One Hardware The Hardware specific Code New Hardware Rewrite Code Code Single Code for all Hardware !!
  • 22. Hence the Applications Applications are compiled to Native Binaries (executables) Technologies  C  C++ Pros  Can directly access system level APIs  Fast in execution Cons  To maintain different application binaries for different operating systems  Big development effort required
  • 23. Evolution of Virtual machines 23 Virtual Machine OS OS OSOS Code Code CodeCode One OS The OS specific Code New OS Rewrite Code Code Single Code for all OS !!
  • 24. Applications compiled for Virtual Machines Technologies  Java (J2SE)  .NET  Action Script (Flex)  Scripting languages  Perl, Pyhton, PHP etc. Pros  Single application for different OS hence easier to maintain  Less development effort Cons  Target OS must have the virtual machine installed in order to execute the application  Slow in execution as compared to Native OS Applications  Don’t have access to system level APIs
  • 26. Web/ Internet DARPA/ ARPA (Advanced Research Projects Agency)  Defense programs during the cold war era  Goal: Command and control network that would survive a nuclear war  Problems: Circuit switch networks (e.g. Telephone) are vulnerable as loss of line or a switch may hamper the communication  Solution: Distributed, packet switched networks The number of machines, networks and users increased dramatically after the advent of TCP/ IP- the Internet  TCP/IP Reference model and the protocol is the glue that holds internet together  Growth of universal services on top of TCP/IP infrastructure (Application layer)  E-mail  File transfer  Remote login  World Wide Web (WWW)
  • 28. Basic Web System - example Google Web Server Browser requests a web page from www.google.com Generates an HTML and sends it as response
  • 29. HTTP Basics HTTP Client HTTP Server HTTP Request HTTP Response • Every HTTP Request can be of following predefined HTTP methods •GET – download a resource •HEAD – retrieve header information of a resource •PUT – upload a resource to the server •POST – submit data to be appended to a resource •DELETE – delete a resource • HTTP protocol consists of 2 distinct items •HTTP Request – what the user wants to do •HTTP Response – output of the request
  • 30. Web (Till mid 90s) Features  Page metaphor  Synchronous  Smaller set of UI controls  Mostly text oriented  One way traffic, not participative Lacked  Rich Content  Images  Audio  Video  Interactivity
  • 31. Page Metaphor and synchronous web  A new HTML page is loaded on every request, like searching something on google.com  Which means entire content reloaded on every HTTP request. Issues  Most of the times, entire content need not to be updated in the web page  Slows down the work speed  Looks irritating So people felt need of Asynchronous Web!! 31
  • 32. Technologies Client Side  HTML – a mark up language rendered by Browsers  Java Script – to put some logic in web pages executed by Browsers Server Side Scripts (executed by a web server)  ASP/ ASP .NET  PHP  Coldfusion  Java via JSP  Perl  Pyhton  Ruby 32
  • 33. Asynchronous Web 33 Allowed websites to update data without fetching entire web page. Impact • Allowed fast user interactivity with web pages • Users turned into publishers • Personal web sites were replaced by blogs • Birth of wikis • Social networking websites came into existence • User participations on web reached billion benchmark • Web giant innovated monetizing techniques for web • Web advertisements market
  • 34. Technologies Java Applets (1995)  Allow compiled client-side code to load data asynchronously from the web server  Required JVM to ne installed at client machines XMLHTTPRequest (1999)  Fetches XML data asynchronously from web  Invoked from java script  Core component of AJAX  Became widely known after used by Google in Gmail(2004) and Google maps(2005) 34
  • 35. AJAX – Asynchronous JavaScript & XML (2005) Only a name given to a set of tools that were already existing  HTML and CSS for presenting  Java script for local processing (client side functionality)  XMLHTTPREquest object – used to send or receive data from server asynchronously Accepted as an official web standard in 2006 by W3C. 35
  • 36. Traditional Web system vs AJAX based Web system 36
  • 37. Traditional Web system vs AJAX based Web system 37