Web2 And Ajax


Published on

introduction to web2 and ajax

Published in: Education
  • Be the first to comment

  • Be the first to like this

No Downloads
Total views
On SlideShare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide

Web2 And Ajax

  1. 1. Web 2.0 is a term which is widely used to describe developments to the Web which provide an emphasis on use of the Web to provide collaborative and communications services, as opposed to a previous environment in which the Web was used primarily as a one-way publishing tool.
  2. 2. The main technologies which are identified with the term ‘Web 2.0’ are: Blogs: Typically Web pages provided in date order, with the most recent entry being displayed first. Blog tools produce RSS, which allows the content to be read via a variety of tools and devices . Wikis: Simple collaborative Web-based authoring tools, which allow content to be created and maintained by groups without needing to master HTML or complex HTML authoring tools.
  3. 3. RSS : RSS (Really Simple Syndication) allows content to be automatically integrated in other Web sites or viewed in applications, such as RSS readers. A key feature of RSS readers is the automatic alerts for new content. Podcasts: Podcasts are a type of RSS, in which the content which is syndicated is an audio file. New podcasts can be automatically embedded on portable MP3 players . AJAX: The user interface of many Web 2.0 applications is based on a technology called AJAX, which can provide easier to use and more intuitive and responsive interfaces than could be deployed previously .
  4. 4. Network as platform : Rather than having to install software locally, Web 2.0 services allow applications to be hosted on the network. Always beta: Since Web 2.0 services are available on the network, they can be continually updated to enhance their usability and functionality. Culture of openness: A key benefit of Web 2.0 is provided by allowing others to reuse your content and you to make use of others’ content. Creative Commons licences allow copyright owners to permit such reuse. This has particular benefits in the cultural heritage sector. Tagging: Rather than having to rely on use of formal classification systems (which may not be meaningful to many users) tags can be created by users. The tags, which may also be meaningful to their peers, provide communal ways of accessing Web resources.
  5. 5. What is Ajax ? <ul><li>It is just a techniques for creating better </li></ul><ul><li>and more interactive web applications. </li></ul>AJAX is not a programming language.
  6. 6. What is Ajax ? Cont… <ul><li>Ajax (shorthand for asynchronous JavaScript and XML) Ajax is a group of interrelated web development techniques used on the client-side to create interactive web applications. </li></ul><ul><li>Ajax isn’t a technology. It’s really several technologies, each flourishing in its own right, coming together in powerful new ways </li></ul>
  7. 7. Web application model: <ul><li>The traditional model for web applications (left) compared to the Ajax model (right). </li></ul>
  8. 8. How Ajax is Different? <ul><li>An Ajax application eliminates the start-stop-start-stop nature of interaction on the Web by introducing an intermediary — an Ajax engine — between the user and the server. </li></ul><ul><li>This engine is responsible for both rendering the interface the user sees and communicating with the server on the user’s behalf . </li></ul><ul><li>The Ajax engine allows the user’s interaction with the application to happen asynchronously — independent of communication with the server. So the user is never staring at a blank browser window and an hourglass icon, waiting around for the server to do something. </li></ul>
  9. 9. XMLHttpRequest <ul><li>The XMLHttpRequest object has 2 important methods: </li></ul><ul><li>The open() method </li></ul><ul><li>The send() method </li></ul>
  10. 10. Cont… <ul><li>The open() method takes three arguments : </li></ul><ul><li>The first argument defines which method to use (GET or POST). </li></ul><ul><li>The second argument specifies the name of the server resource . </li></ul><ul><li>The third argument specifies if the request should be handled asynchronously. </li></ul><ul><li>The send() method sends the request off to the server. </li></ul>
  11. 11. Important Properties <ul><li>The XMLHttpRequest object has 3 important properties: </li></ul><ul><li>The responseText property </li></ul><ul><li>The readyState property </li></ul><ul><li>The onreadystatechange property </li></ul>
  12. 12. Who’s Using Ajax <ul><li>Google Groups . </li></ul><ul><li>Google Suggest. </li></ul><ul><li>Google Maps. </li></ul>