www.themaninblue.com. jumping on the ajax bandwagon by cameron adams, 2006-04-06

www.themaninblue.com


Jumping on the AJAX bandwagon

By Cameron Adams, 2006-04-06


Ajax: A New Approach to Web ApplicationsFebruary 18, 2005

http://www.adaptivepath.com/publications/essays/archives/000385.php


AJAX


Asynchronous

JAvaScriptand

XML


and


Asynchronous


Asynchronous

Traditional browser request


Asynchronous

AJAX request


JavaScript


JavaScript

• Captures interaction – Creates interaction

• Initiates/receives communication

• Rewrites the page


JavaScript


XML


XML

• Who cares about XML?

• It’s easier to use plain text/HTML or JSON


Advantages of AJAX


Advantages of AJAX

maps.yahoo.com

maps.google.com

More usable interfaces


Advantages of AJAX

photosite.com

flickr.com

Unique interaction


Advantages of AJAX

IM clients

meebo.com

Portable


Advantages of AJAX

Red Sherrif

Google Analytics

Small & Invisible


Advantages of AJAXCollaboration


Advantages of AJAX

Maps, maps, everywhere:www.plazes.com

www.communitywalk.comhomesold.fidelitylabs.com

www.chicagocrime.orgwww.wayfaring.com

dartmaps.mackers.comwww.gawker.com/stalker

maps.webfoot.comwww.dudewheresmyusedcar.com

austin.adactio.comwww.beerhunter.ca

Collaboration


Advantages of AJAX

www.mindsack.com/?page_id=45api.local.yahoo.com/eb

johnvey.com/features/deliciousdirector

Collaboration


Disadvantages of AJAX



JavaScript off

• meebo.com

• Google Maps handles it OK

• Jeremy Keith calls “Hijax” good practice (http://domscripting.com/blog/display/41)



Usability

• New styles of interaction (to the Web) – drag and drop, in-place editing (projects.backbase.com/RUI/shop.html – what the hell do I do!?!?)

• Feedback on state/changes

• The back button (news.google.com)



Accessibility

• JavaScript accessibility in general

• No solid solutions for AJAX – most screenreaders allow JavaScript but cannot detect page changes


Developing with AJAX



Server-side Programming

“Plan for Ajax from the start. Implement Ajax at the end.”



Client-side Programming

Four “Quantum States” of AJAX – Kevin Hakman




Level 1– Communication libraries:

SAJAX (www.modernmethod.com/sajax)

Prototype (prototype.conio.net)




Level 2– GUI components:

RICO (openrico.org)

Yahoo UI Library (developer.yahoo.com/yui)




Level 3 – Rich Internet Application (RIA) Frameworks :

Backbase (www.backbase.com)

Tibco (www.tibco.com/software/ria/gi_resource_center.jsp)Isomorphic (www.isomorphic.com)




Level 4 – RIA Frameworks + Visual Toolkits:

Backbase (www.backbase.com)

Tibco (www.tibco.com/software/ria/gi_resource_center.jsp)Microsoft Atlas (atlas.asp.net)


How should I use AJAX?


How should I use AJAX?

Applications vs. Web pages

Should everything on the Web use a page-based model?


What’s the future of AJAX?

The new interaction is here to stay

JJG: “AJAX is the next step. I don’t think it is the last step. What we ultimately end up with on the

Web is something that will be rooted in this approach, but it may not use these particular technologies. Conceptually, decoupling user

interaction from server communication is here to stay.”

www.themaninblue.com. jumping on the ajax bandwagon by cameron adams, 2006-04-06

Documents

asynchronous slide

disadvantages of ajax

javascript slide

page slide

xml slide

comblogdisplay41 slide

portable slide

comyui slide