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

Asynchronous

JAvaScriptand

Asynchronous

JAvaScriptand

Asynchronous

JAvaScriptand

Asynchronous

JAvaScriptand

Asynchronous

Traditional browser request

Asynchronous

AJAX request

Asynchronous

AJAX request

Asynchronous

AJAX request

Asynchronous

AJAX request

JavaScript

• Captures interaction – Creates interaction

• Initiates/receives communication

• Rewrites the page

JavaScript

• Who cares about XML?

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

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?

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

asynchronous slide

disadvantages of ajax

javascript slide

page slide

xml slide

comblogdisplay41 slide

portable slide

comyui slide

Documents

why the uk government covid-19 communication sucks and...

‘jumping on the green bandwagon’: the discursive...

jumping on the data analytics bandwagon parappilly

the bandwagon effect

ajax! ajax programming ajax! ajax programming. ajax! ajax...

jumping on the funded research bandwagon paul o’reilly...

bandwagon issue 2 2021 - bwcigroup.com

introduce what is asp.net ajax architecture of asp.net ajax...

jumping on the data analytics bandwagon - cdn.ymaws.com ·...

ejpost.files.wordpress.com editor referred to as a...

business innovation through mobility - cisco · application...

things to know before jumping on the ips bandwagon...on the...

jump onto blogging bandwagon

personalbranding...personal branding zone . the bandwagon...

2013 media kit - bandwagon magazine

jumping ship or jumping on the bandwagon: when …...jumping...

bandwagon magazine - october 2014

thinking beyond the bandwagon

bandwagon magazine - january 2013

are you ready to rumble? · attackers are jumping on the...