Dr. Dobb's is part of the Informa Tech Division of Informa PLC

This site is operated by a business or businesses owned by Informa PLC and all copyright resides with them. Informa PLC's registered office is 5 Howick Place, London SW1P 1WG. Registered in England and Wales. Number 8860726.


Channels ▼
RSS

Web Development

Web 2.0: Ingredients For A Site Makeover




Web 2.0 Makeover


•  Long Tail

•  Ajax Deployment

•  Active X

•  Project Management

Ajax Deployment: Not So Fast

The best advice is to deploy Ajax slowly. Ajax is more a collection of technologies that let a developer build interactive Web applications rather than any single one piece of code. Ajax combines several programming tools and interfaces including JavaScript, dynamic HTML (DHTML), Extensible Markup Language (XML), cascading style sheets (CSS), and the Document Object Model (DOM). That collection of tools can help bring about cost reductions and functional improvements.

"You will be able to interact more easily and get value from those interactions," said Tony Karrer, the CEO of TechEmpower, a Web software development firm. "Also, you will be able to piece together solutions from free or inexpensive services."

An interactive Web experience can be produced in any number of ways, including using Adobe's Flash animation plug-ins and even Active X controls. However, some developers are migrating toward Ajax components because of problems with the other technologies. Said Bray, speaking of an earlier project: "We tried to move part of our user interface to Flash, and while the results looked great, they had terrible usability, and we retreated to basic Dynamic HTML."

Information on Flash for beginners is located here. A more advanced tutorial is posted here.

Part of the Web's legacy is that it is stateless: A browser sends a message to a Web server, and the server responds some time later. Ajax helps to process user requests immediately and tie the request and response more closely, such as a user picks items to purchase and these items are added to a shopping cart.

Ajax has its advantages in helping to make the whole eCommerce experience more useful and usable. "Instead of users waiting for the entire screen to reload, Ajax allows selected parts of the screen to update. That really changes the paradigm of the Web -- it's no longer pages but screens that are much more similar to traditional applications," said Olsen. Brandon Adams, the chief operating officer for Browser Media, a Web tools and software design company. "The advantage is, when done well, the Ajax page can be a better UI experience than a traditional full page of HTML using submit/refresh."

Ajax also is particularly helpful with treating forms and lists. "We primarily use Ajax to allow refreshing of a subset of data on a Web form so that the entire form doesn't have to be reloaded," said Matsuoka. "Typically, we may use it to repopulate the contents of a drop-down list, combo list, or to validate data prior to form submissions." But, he adds, "Ajax is most effective when used with a light touch."

Above all, don't forget about sticking to standards. "Ajax coding is complicated enough, so doing things in standardized ways helps ensure that you're not creating spaghetti code that's impenetrable to anyone who didn't have a hand in writing it," said Olsen.

Finally, don't forget to do lots of testing with various browser configurations to make sure that everything is working. "There still are cross-browser issues," said Karrer. "I would still say that you want to choose carefully where you use Ajax."


Related Reading


More Insights






Currently we allow the following HTML tags in comments:

Single tags

These tags can be used alone and don't need an ending tag.

<br> Defines a single line break

<hr> Defines a horizontal line

Matching tags

These require an ending tag - e.g. <i>italic text</i>

<a> Defines an anchor

<b> Defines bold text

<big> Defines big text

<blockquote> Defines a long quotation

<caption> Defines a table caption

<cite> Defines a citation

<code> Defines computer code text

<em> Defines emphasized text

<fieldset> Defines a border around elements in a form

<h1> This is heading 1

<h2> This is heading 2

<h3> This is heading 3

<h4> This is heading 4

<h5> This is heading 5

<h6> This is heading 6

<i> Defines italic text

<p> Defines a paragraph

<pre> Defines preformatted text

<q> Defines a short quotation

<samp> Defines sample computer code text

<small> Defines small text

<span> Defines a section in a document

<s> Defines strikethrough text

<strike> Defines strikethrough text

<strong> Defines strong text

<sub> Defines subscripted text

<sup> Defines superscripted text

<u> Defines underlined text

Dr. Dobb's encourages readers to engage in spirited, healthy debate, including taking us to task. However, Dr. Dobb's moderates all comments posted to our site, and reserves the right to modify or remove any content that it determines to be derogatory, offensive, inflammatory, vulgar, irrelevant/off-topic, racist or obvious marketing or spam. Dr. Dobb's further reserves the right to disable the profile of any commenter participating in said activities.

 
Disqus Tips To upload an avatar photo, first complete your Disqus profile. | View the list of supported HTML tags you can use to style comments. | Please read our commenting policy.