SlideShare a Scribd company logo
Advantages and disadvantages of an Ajax-based client application Plăcintă Șalaru Mihai-Alin group 1A
What is Ajax ? Not a programming language. Not a new technology. (a programming technique) Client-side (Web browsers. i.e FireFox, Internet Explorer, Opera, Chrome, Safari) Ajax = (Asynchronous  Javascript  +  XML )
Who uses Ajax? Facebook. (Mostly, ajax utilized) Google. (GoogleDoc, GoogleSuggest, Gmail, etcs.) Yahoo. (YMail) Meebo. (Multi account of web messenger) And many more modern web application utilize ajax…
Ajax Classical website. Need to reload the whole page to return results. Eg: search results. Time consuming. Old fashion. Web application using Ajax. Only update the related section without reloading the entire page.
Why use Ajax To cut the response time. Reduce network latency. Asynchronous interaction. Make web application feels like desktop application. Invisible data retrieval Updating data behind the scene. Constant updating Notification
When to use Ajax ? Mostly use in: AutoSave Save the textbox contents without need to wait for user prompt. (Eg: Gmail compose, blogspot topic post.) AutoComplete Automatically display the results match. (Eg: Facebook search.) Paginating Able to search, sort and organize return data from server. User to user communication Can you imagine using web chat application that need to reload ENTIRE page for each reply? Insane! (Facebook chat, Gmail chat, YahooMail chat.) Checking user validity, etc.
Advantages comes with all modern browsers better user interface,responds to user interaction. low bandwidth, even lower then regular html/http server applications separation of data, format, style and function   (ajax coding doesn't require this, but makes it a whole  ) lot easier to do when it is separated)
D isadvantages harder/imposible to bookmark Ajax updated page content network latency delays impact the app's responsiveness search engine won't crawl AJAX generated content relies upon javascript, which some users turn off. browser compatiblity issues.
 
And...
 
Well..some browsers are smarter..
Ajax in Web 2.0
Ajax in Web 2.0
Ajax in Web 2.0
Ajax in Web 2.0
Ajax in Web 2.0
Ajax in Web 2.0
Ajax in Web 2.0
Don ’t use Ajax for the sake of using Ajax Remember careful design principles and include ajax only where it makes sense for your application
Ajax in Web 2.0
Ajax in Web 2.0 Failing to visually indicate ajax activity such as busy on status bar, "working" graphic , mouse change,etc Solution: use graphics, status bar,etc. to indicate "busy"
Ajax in Web 2.0 Leaving people behind Offline Mobile users non-js enabled browsers web accessibility (blind,hearing impaired,etc) Solution: Provide alternative, traditional implementation when possible to utilize ajax for performance improvements, general ease of use improvements, but not for core functional aspects of a site
Ajax in Web 2.0 Slowness  ajax by definition means improved performance, but poor design can counteract the benefits to much/complex client side logic hitting the server too often sending too much data back and forth Solution: careful design sensible use of bandwidth
Ajax in Web 2.0 overlooking security sending data in clear texxt sending form data without preprocessing Solution: encryption and https when needed be mindful of security when designing
Sources: http://www.slideshare.net/MolecularInc/making-web-20-usable-ajax-case-study   http:// en.wikipedia.org/wiki/Ajax_(programming )   http:// www.youtube.com/watch?v =p5CTh8aDpsI
Questions?
Thank you!

More Related Content

PDF
Mobile Data Networks
PPT
Circuit and packet_switching
PPTX
wireless network IEEE 802.11
PDF
Unit 4 data link layer
PPTX
Concurrency control
PPTX
Database System Architectures
PPT
Network layer tanenbaum
PPTX
Cellular system
Mobile Data Networks
Circuit and packet_switching
wireless network IEEE 802.11
Unit 4 data link layer
Concurrency control
Database System Architectures
Network layer tanenbaum
Cellular system

What's hot (20)

PPTX
Multiple access protocol
PPTX
02 network models
PDF
Interconnection Network
PPT
Analysis modeling & scenario based modeling
PPTX
Destination Sequenced Distance Vector Routing (DSDV)
PPTX
Signals and Antennas in mobile computing
PPTX
02 protocol architecture
DOC
Gcc notes unit 1
PPTX
Communication in client server system.pptx
PPTX
Replication in Distributed Systems
PPT
Cloud and dynamic infrastructure
PPTX
Osi model
PDF
Pragmatic Approaches to Project Costs Estimation
PPTX
Computer Networks: Quality of service
PPT
WiMAX (IEEE 802.16)
PDF
8. mutual exclusion in Distributed Operating Systems
PPTX
Join dependency
PPT
Stack in Data Structure
PPTX
Wlan architecture
Multiple access protocol
02 network models
Interconnection Network
Analysis modeling & scenario based modeling
Destination Sequenced Distance Vector Routing (DSDV)
Signals and Antennas in mobile computing
02 protocol architecture
Gcc notes unit 1
Communication in client server system.pptx
Replication in Distributed Systems
Cloud and dynamic infrastructure
Osi model
Pragmatic Approaches to Project Costs Estimation
Computer Networks: Quality of service
WiMAX (IEEE 802.16)
8. mutual exclusion in Distributed Operating Systems
Join dependency
Stack in Data Structure
Wlan architecture
Ad

Viewers also liked (20)

PPTX
Ajax ppt - 32 slides
PDF
Introduction to firefox os
PDF
An Introduction to Firefox (高應大)
PDF
Firefox OS
PDF
Operating system
PPTX
Operating Systems in Mobile Phones
PPTX
What is Ajax technology?
PDF
مقدمة نظام التشغيل مفهومه و أنواعه
PPTX
Firefox operating system
PPT
Firefox vs. chrome
PPTX
ASP.NET Lecture 1
PPTX
Arabic Introduction For Firefox OS
PPT
Introduction to Tiny OS
PPT
Firefox os-introduction
PPTX
Different types of operating systems
PPTX
Ajax
PPSX
انظمة التشغيل
PPT
What is Firefox OS
PDF
Web 2.0 and Web 3.0
PDF
Introduction to ajax
Ajax ppt - 32 slides
Introduction to firefox os
An Introduction to Firefox (高應大)
Firefox OS
Operating system
Operating Systems in Mobile Phones
What is Ajax technology?
مقدمة نظام التشغيل مفهومه و أنواعه
Firefox operating system
Firefox vs. chrome
ASP.NET Lecture 1
Arabic Introduction For Firefox OS
Introduction to Tiny OS
Firefox os-introduction
Different types of operating systems
Ajax
انظمة التشغيل
What is Firefox OS
Web 2.0 and Web 3.0
Introduction to ajax
Ad

Similar to Advantages and disadvantages of an ajax based client application (20)

PPTX
Ajax:From Desktop Applications towards Ajax Web Applications
PPT
Ajax: User Experience
PPTX
PPTX
Introduction to ajax
PDF
Ajax Security Dangers
PPTX
AJAX Introduction [Autosaved].pptx
PDF
Cutting the Fat by Tiffany Conroy
PDF
Cutting the Fat
PPT
Ajax Ppt 1
PDF
Ajax -a_new_approach_to_web_applications
PPS
Web 2.0 Mimbar Ilmiah
PDF
Ajax basics
PPT
4005-713 ` XML Architecture, Tools & Technique ` Presentation
PPT
PDF
Ajax
PPSX
Ajax part i
Ajax:From Desktop Applications towards Ajax Web Applications
Ajax: User Experience
Introduction to ajax
Ajax Security Dangers
AJAX Introduction [Autosaved].pptx
Cutting the Fat by Tiffany Conroy
Cutting the Fat
Ajax Ppt 1
Ajax -a_new_approach_to_web_applications
Web 2.0 Mimbar Ilmiah
Ajax basics
4005-713 ` XML Architecture, Tools & Technique ` Presentation
Ajax
Ajax part i

Recently uploaded (20)

PDF
Modernizing your data center with Dell and AMD
PDF
Build a system with the filesystem maintained by OSTree @ COSCUP 2025
PDF
KodekX | Application Modernization Development
PDF
Review of recent advances in non-invasive hemoglobin estimation
PDF
CIFDAQ's Market Insight: SEC Turns Pro Crypto
PPTX
Effective Security Operations Center (SOC) A Modern, Strategic, and Threat-In...
PPTX
Big Data Technologies - Introduction.pptx
PDF
Diabetes mellitus diagnosis method based random forest with bat algorithm
PDF
Chapter 3 Spatial Domain Image Processing.pdf
PDF
GamePlan Trading System Review: Professional Trader's Honest Take
PDF
Spectral efficient network and resource selection model in 5G networks
PPTX
20250228 LYD VKU AI Blended-Learning.pptx
PDF
How UI/UX Design Impacts User Retention in Mobile Apps.pdf
PDF
Shreyas Phanse Resume: Experienced Backend Engineer | Java • Spring Boot • Ka...
PPTX
MYSQL Presentation for SQL database connectivity
PPTX
PA Analog/Digital System: The Backbone of Modern Surveillance and Communication
PDF
Advanced IT Governance
PPTX
Detection-First SIEM: Rule Types, Dashboards, and Threat-Informed Strategy
PDF
7 ChatGPT Prompts to Help You Define Your Ideal Customer Profile.pdf
PDF
GDG Cloud Iasi [PUBLIC] Florian Blaga - Unveiling the Evolution of Cybersecur...
Modernizing your data center with Dell and AMD
Build a system with the filesystem maintained by OSTree @ COSCUP 2025
KodekX | Application Modernization Development
Review of recent advances in non-invasive hemoglobin estimation
CIFDAQ's Market Insight: SEC Turns Pro Crypto
Effective Security Operations Center (SOC) A Modern, Strategic, and Threat-In...
Big Data Technologies - Introduction.pptx
Diabetes mellitus diagnosis method based random forest with bat algorithm
Chapter 3 Spatial Domain Image Processing.pdf
GamePlan Trading System Review: Professional Trader's Honest Take
Spectral efficient network and resource selection model in 5G networks
20250228 LYD VKU AI Blended-Learning.pptx
How UI/UX Design Impacts User Retention in Mobile Apps.pdf
Shreyas Phanse Resume: Experienced Backend Engineer | Java • Spring Boot • Ka...
MYSQL Presentation for SQL database connectivity
PA Analog/Digital System: The Backbone of Modern Surveillance and Communication
Advanced IT Governance
Detection-First SIEM: Rule Types, Dashboards, and Threat-Informed Strategy
7 ChatGPT Prompts to Help You Define Your Ideal Customer Profile.pdf
GDG Cloud Iasi [PUBLIC] Florian Blaga - Unveiling the Evolution of Cybersecur...

Advantages and disadvantages of an ajax based client application

  • 1. Advantages and disadvantages of an Ajax-based client application Plăcintă Șalaru Mihai-Alin group 1A
  • 2. What is Ajax ? Not a programming language. Not a new technology. (a programming technique) Client-side (Web browsers. i.e FireFox, Internet Explorer, Opera, Chrome, Safari) Ajax = (Asynchronous Javascript + XML )
  • 3. Who uses Ajax? Facebook. (Mostly, ajax utilized) Google. (GoogleDoc, GoogleSuggest, Gmail, etcs.) Yahoo. (YMail) Meebo. (Multi account of web messenger) And many more modern web application utilize ajax…
  • 4. Ajax Classical website. Need to reload the whole page to return results. Eg: search results. Time consuming. Old fashion. Web application using Ajax. Only update the related section without reloading the entire page.
  • 5. Why use Ajax To cut the response time. Reduce network latency. Asynchronous interaction. Make web application feels like desktop application. Invisible data retrieval Updating data behind the scene. Constant updating Notification
  • 6. When to use Ajax ? Mostly use in: AutoSave Save the textbox contents without need to wait for user prompt. (Eg: Gmail compose, blogspot topic post.) AutoComplete Automatically display the results match. (Eg: Facebook search.) Paginating Able to search, sort and organize return data from server. User to user communication Can you imagine using web chat application that need to reload ENTIRE page for each reply? Insane! (Facebook chat, Gmail chat, YahooMail chat.) Checking user validity, etc.
  • 7. Advantages comes with all modern browsers better user interface,responds to user interaction. low bandwidth, even lower then regular html/http server applications separation of data, format, style and function (ajax coding doesn't require this, but makes it a whole ) lot easier to do when it is separated)
  • 8. D isadvantages harder/imposible to bookmark Ajax updated page content network latency delays impact the app's responsiveness search engine won't crawl AJAX generated content relies upon javascript, which some users turn off. browser compatiblity issues.
  • 9.  
  • 11.  
  • 13. Ajax in Web 2.0
  • 14. Ajax in Web 2.0
  • 15. Ajax in Web 2.0
  • 16. Ajax in Web 2.0
  • 17. Ajax in Web 2.0
  • 18. Ajax in Web 2.0
  • 19. Ajax in Web 2.0
  • 20. Don ’t use Ajax for the sake of using Ajax Remember careful design principles and include ajax only where it makes sense for your application
  • 21. Ajax in Web 2.0
  • 22. Ajax in Web 2.0 Failing to visually indicate ajax activity such as busy on status bar, "working" graphic , mouse change,etc Solution: use graphics, status bar,etc. to indicate "busy"
  • 23. Ajax in Web 2.0 Leaving people behind Offline Mobile users non-js enabled browsers web accessibility (blind,hearing impaired,etc) Solution: Provide alternative, traditional implementation when possible to utilize ajax for performance improvements, general ease of use improvements, but not for core functional aspects of a site
  • 24. Ajax in Web 2.0 Slowness ajax by definition means improved performance, but poor design can counteract the benefits to much/complex client side logic hitting the server too often sending too much data back and forth Solution: careful design sensible use of bandwidth
  • 25. Ajax in Web 2.0 overlooking security sending data in clear texxt sending form data without preprocessing Solution: encryption and https when needed be mindful of security when designing
  • 26. Sources: http://www.slideshare.net/MolecularInc/making-web-20-usable-ajax-case-study http:// en.wikipedia.org/wiki/Ajax_(programming ) http:// www.youtube.com/watch?v =p5CTh8aDpsI