advantages and disadvantages of an ajax based client application
DESCRIPTION
Advantages and disadvantages of an ajax based client applicationTRANSCRIPT
![Page 1: Advantages and disadvantages of an ajax based client application](https://reader036.vdocuments.site/reader036/viewer/2022062312/556213e9d8b42a00138b50cc/html5/thumbnails/1.jpg)
Advantages and disadvantages of an Ajax-based client
application
Plăcintă Șalaru Mihai-Alin
group 1A
![Page 2: Advantages and disadvantages of an ajax based client application](https://reader036.vdocuments.site/reader036/viewer/2022062312/556213e9d8b42a00138b50cc/html5/thumbnails/2.jpg)
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)
![Page 3: Advantages and disadvantages of an ajax based client application](https://reader036.vdocuments.site/reader036/viewer/2022062312/556213e9d8b42a00138b50cc/html5/thumbnails/3.jpg)
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…
![Page 4: Advantages and disadvantages of an ajax based client application](https://reader036.vdocuments.site/reader036/viewer/2022062312/556213e9d8b42a00138b50cc/html5/thumbnails/4.jpg)
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.
![Page 5: Advantages and disadvantages of an ajax based client application](https://reader036.vdocuments.site/reader036/viewer/2022062312/556213e9d8b42a00138b50cc/html5/thumbnails/5.jpg)
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
![Page 6: Advantages and disadvantages of an ajax based client application](https://reader036.vdocuments.site/reader036/viewer/2022062312/556213e9d8b42a00138b50cc/html5/thumbnails/6.jpg)
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.
![Page 7: Advantages and disadvantages of an ajax based client application](https://reader036.vdocuments.site/reader036/viewer/2022062312/556213e9d8b42a00138b50cc/html5/thumbnails/7.jpg)
Advantages
comes with all modern browsersbetter user interface,responds to user
interaction.low bandwidth, even lower then regular
html/http server applicationsseparation 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)
![Page 8: Advantages and disadvantages of an ajax based client application](https://reader036.vdocuments.site/reader036/viewer/2022062312/556213e9d8b42a00138b50cc/html5/thumbnails/8.jpg)
Disadvantages
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.
![Page 9: Advantages and disadvantages of an ajax based client application](https://reader036.vdocuments.site/reader036/viewer/2022062312/556213e9d8b42a00138b50cc/html5/thumbnails/9.jpg)
![Page 10: Advantages and disadvantages of an ajax based client application](https://reader036.vdocuments.site/reader036/viewer/2022062312/556213e9d8b42a00138b50cc/html5/thumbnails/10.jpg)
And...
![Page 11: Advantages and disadvantages of an ajax based client application](https://reader036.vdocuments.site/reader036/viewer/2022062312/556213e9d8b42a00138b50cc/html5/thumbnails/11.jpg)
![Page 12: Advantages and disadvantages of an ajax based client application](https://reader036.vdocuments.site/reader036/viewer/2022062312/556213e9d8b42a00138b50cc/html5/thumbnails/12.jpg)
Well..some browsers are smarter..
![Page 13: Advantages and disadvantages of an ajax based client application](https://reader036.vdocuments.site/reader036/viewer/2022062312/556213e9d8b42a00138b50cc/html5/thumbnails/13.jpg)
Ajax in Web 2.0
![Page 14: Advantages and disadvantages of an ajax based client application](https://reader036.vdocuments.site/reader036/viewer/2022062312/556213e9d8b42a00138b50cc/html5/thumbnails/14.jpg)
Ajax in Web 2.0
![Page 15: Advantages and disadvantages of an ajax based client application](https://reader036.vdocuments.site/reader036/viewer/2022062312/556213e9d8b42a00138b50cc/html5/thumbnails/15.jpg)
Ajax in Web 2.0
![Page 16: Advantages and disadvantages of an ajax based client application](https://reader036.vdocuments.site/reader036/viewer/2022062312/556213e9d8b42a00138b50cc/html5/thumbnails/16.jpg)
Ajax in Web 2.0
![Page 17: Advantages and disadvantages of an ajax based client application](https://reader036.vdocuments.site/reader036/viewer/2022062312/556213e9d8b42a00138b50cc/html5/thumbnails/17.jpg)
Ajax in Web 2.0
![Page 18: Advantages and disadvantages of an ajax based client application](https://reader036.vdocuments.site/reader036/viewer/2022062312/556213e9d8b42a00138b50cc/html5/thumbnails/18.jpg)
Ajax in Web 2.0
![Page 19: Advantages and disadvantages of an ajax based client application](https://reader036.vdocuments.site/reader036/viewer/2022062312/556213e9d8b42a00138b50cc/html5/thumbnails/19.jpg)
Ajax in Web 2.0
![Page 20: Advantages and disadvantages of an ajax based client application](https://reader036.vdocuments.site/reader036/viewer/2022062312/556213e9d8b42a00138b50cc/html5/thumbnails/20.jpg)
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
![Page 21: Advantages and disadvantages of an ajax based client application](https://reader036.vdocuments.site/reader036/viewer/2022062312/556213e9d8b42a00138b50cc/html5/thumbnails/21.jpg)
Ajax in Web 2.0
![Page 22: Advantages and disadvantages of an ajax based client application](https://reader036.vdocuments.site/reader036/viewer/2022062312/556213e9d8b42a00138b50cc/html5/thumbnails/22.jpg)
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"
![Page 23: Advantages and disadvantages of an ajax based client application](https://reader036.vdocuments.site/reader036/viewer/2022062312/556213e9d8b42a00138b50cc/html5/thumbnails/23.jpg)
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
![Page 24: Advantages and disadvantages of an ajax based client application](https://reader036.vdocuments.site/reader036/viewer/2022062312/556213e9d8b42a00138b50cc/html5/thumbnails/24.jpg)
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
![Page 25: Advantages and disadvantages of an ajax based client application](https://reader036.vdocuments.site/reader036/viewer/2022062312/556213e9d8b42a00138b50cc/html5/thumbnails/25.jpg)
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
![Page 26: Advantages and disadvantages of an ajax based client application](https://reader036.vdocuments.site/reader036/viewer/2022062312/556213e9d8b42a00138b50cc/html5/thumbnails/26.jpg)
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
![Page 27: Advantages and disadvantages of an ajax based client application](https://reader036.vdocuments.site/reader036/viewer/2022062312/556213e9d8b42a00138b50cc/html5/thumbnails/27.jpg)
Questions?
![Page 28: Advantages and disadvantages of an ajax based client application](https://reader036.vdocuments.site/reader036/viewer/2022062312/556213e9d8b42a00138b50cc/html5/thumbnails/28.jpg)
Thank you!