<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Surepoint blog &#187; Ajax</title>
	<atom:link href="http://www.surepoint.co.uk/blog/tag/ajax/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.surepoint.co.uk/blog</link>
	<description>Trusted knowledge services helping people work better together</description>
	<lastBuildDate>Wed, 31 Aug 2011 08:50:40 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.4</generator>
		<item>
		<title>Ajax promises improved user experience of the web</title>
		<link>http://www.surepoint.co.uk/blog/2006/02/ajax-promises-improved-user-experience-of-the-web/</link>
		<comments>http://www.surepoint.co.uk/blog/2006/02/ajax-promises-improved-user-experience-of-the-web/#comments</comments>
		<pubDate>Sat, 18 Feb 2006 21:10:39 +0000</pubDate>
		<dc:creator>Rowan Purdy</dc:creator>
				<category><![CDATA[user experience]]></category>
		<category><![CDATA[web 2.0]]></category>
		<category><![CDATA[Ajax]]></category>

		<guid isPermaLink="false">http://www.surepoint.co.uk/blog/?p=57</guid>
		<description><![CDATA[Asynchronous JavaScript And XML, or its acronym Ajax, is a Web development technique for creating interactive web applications. In this post I describe the benefits to end users, introduce some examples of Ajax use on the web and have a look behind the scenes to explain how the magic works.]]></description>
			<content:encoded><![CDATA[<p>Asynchronous JavaScript And XML, or its acronym Ajax, is a Web development technique for creating interactive web applications. In this post I describe the benefits to end users, introduce some examples of Ajax use on the web and have a look behind the scenes to explain how the magic works. <span id="more-17"></span></p>
<h3>Benefits to end users</h3>
<p>The key benefit of Ajax for end users is they are likey to experience an increase in the web page’s interactivity, speed, and usability. Put simply, Ajax achieves this by shifting a great deal of interaction to the end users computer, exchanging data with the server behind the scenes, so that the entire web page does not have to be reloaded each time the user makes a change.</p>
<p>This has great potential for community sites like the <a href="http://kc.nimhe.org.uk">knowledge community</a>, where changing information is often surrounded by feature panels and navigation elements.</p>
<h3>Examples of Ajax use on the web</h3>
<p><a href="http://www.adaptivepath.com/publications/essays/archives/000385.php">Jesse Garrett says</a>,</p>
<div style="margin-left: 40px;">‘<span style="font-style: italic;">Take a look at </span><a style="font-style: italic;" href="http://www.google.com/webhp?complete=1&amp;hl=en">Google Suggest</a><span style="font-style: italic;">. Watch the way the suggested terms update as you type, almost instantly. Now look at </span><a style="font-style: italic;" href="http://maps.google.com/">Google Maps</a><span style="font-style: italic;">.<br />
Zoom in. Use your cursor to grab the map and scroll around a bit.<br />
Again, everything happens almost instantly, with no waiting for pages<br />
to reload… [These] are two examples of a new approach to<br />
web applications … [known as] Asynchronous JavaScript + XML, and it represents a fundamental shift in what’s possible on the Web.’</span></div>
<h3>How the magic works</h3>
<p><a href="http://en.wikipedia.org/wiki/AJAX">According to Wikipedia</a>, Ajax is not a technology in itself, but a term that refers to the use of a group of technologies together. The Ajax technique uses a combination of:</p>
<ul>
<li class="blue"><a title="XHTML" href="http://en.wikipedia.org/wiki/XHTML">XHTML</a> (or <a title="HTML" href="http://en.wikipedia.org/wiki/HTML">HTML</a>) and <a title="Cascading Style Sheets" href="http://en.wikipedia.org/wiki/Cascading_Style_Sheets">CSS</a> for marking up and styling information.</li>
<li class="blue">The <a title="Document Object Model" href="http://en.wikipedia.org/wiki/Document_Object_Model">DOM</a> accessed with a <a title="Client-side" href="http://en.wikipedia.org/wiki/Client-side">client-side</a> <a title="Scripting language" href="http://en.wikipedia.org/wiki/Scripting_language">scripting language</a>, especially <a title="ECMAScript" href="http://en.wikipedia.org/wiki/ECMAScript">ECMAScript</a> <a title="Implementation" href="http://en.wikipedia.org/wiki/Implementation">implementations</a> like <a title="JavaScript" href="http://en.wikipedia.org/wiki/JavaScript">JavaScript</a> and <a title="JScript" href="http://en.wikipedia.org/wiki/JScript">JScript</a>, to dynamically display and interact with the information presented</li>
<li class="blue">The <a title="XMLHTTP" href="http://en.wikipedia.org/wiki/XMLHTTP">XMLHttpRequest</a> object to exchange data asynchronously with the web server. In some Ajax frameworks and in some situations, an <a title="IFrame" href="http://en.wikipedia.org/wiki/IFrame">IFrame</a> object is used instead of the XMLHttpRequest object to exchange data with the web server.</li>
<li class="blue"><a title="XML" href="http://en.wikipedia.org/wiki/XML">XML</a> is commonly used as the format for transfering data, although any format will work, including preformatted HTML, plain text, <a title="JSON" href="http://en.wikipedia.org/wiki/JSON">JSON</a> and even <a title="EBML" href="http://en.wikipedia.org/wiki/EBML">EBML</a>.</li>
<li class="blue"></li>
</ul>
<p><a href="http://www.adaptivepath.com/publications/essays/archives/000385.php">Jesse Garrett</a>, uses the diagram below to highlight the difference between the classic web application model and the Ajax model. The key to all this is user experience. Ajax cuts down on the waiting times creating a much more positive experience for end users. <a href="http://www.csip.org.uk/LeanThinking.html"></a></p>
<p><a href="http://www.adaptivepath.com/images/publications/essays/ajax-fig1.png" rel="lightbox[57]"><img src="http://www.adaptivepath.com/images/publications/essays/ajax-fig1_small.png" alt="Ajax Overview 1" border="0" height="455" width="475"></a></p>
<p><em>Figure 1: The traditional model for web applications (left) compared to the Ajax model (right).</em></p>
<p><span style="font-weight: bold;"><br />
</span></p>
<h3>Connecting magic models</h3>
<p>On a theoretical level there’s a lot in common with this approach to web development and organisational development using the <a href="http://www.surepoint.co.uk/LeanThinking.html">Lean thinking</a> methodology. Lean thinking is a method to help an organisation, group or project</p>
<p>team to improve the productivity, efficiency and quality of its<br />
products or services. The founding principle is that no work should be<br />
done unless it is going to create a better experience for customers. By clearly defining<br />
value for a specific product or service from the end customer’s<br />
perspective, all the non value activities, or waste, can be identified<br />
and removed step by step. The Ajax technique allows the non value activities to occur ‘behind the scenes’ creating space for all the value activities in the ’shop window’.</p>
<p></p>
]]></content:encoded>
			<wfw:commentRss>http://www.surepoint.co.uk/blog/2006/02/ajax-promises-improved-user-experience-of-the-web/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

