Download presentation
Presentation is loading. Please wait.
Published byNicholas McGregor Modified over 11 years ago
1
www.themaninblue.com
2
Jumping on the AJAX bandwagon By Cameron Adams, 2006-04-06
3
www.themaninblue.com
4
Ajax: A New Approach to Web Applications February 18, 2005 http://www.adaptivepath.com/publications/essays/archives/000385.php
5
www.themaninblue.com
6
AJAX
7
www.themaninblue.com A synchronous JA vaScript and X ML
8
www.themaninblue.com A synchronous JA vaScript and X ML
9
www.themaninblue.com A synchronous JA vaScript and X ML
10
www.themaninblue.com A synchronous JA vaScript and X ML
11
www.themaninblue.com and
12
www.themaninblue.com
13
Asynchronous
14
www.themaninblue.com Asynchronous Traditional browser request
15
www.themaninblue.com Asynchronous Traditional browser request
16
www.themaninblue.com Asynchronous Traditional browser request
17
www.themaninblue.com Asynchronous Traditional browser request
18
www.themaninblue.com Asynchronous AJAX request
19
www.themaninblue.com Asynchronous AJAX request
20
www.themaninblue.com Asynchronous AJAX request
21
www.themaninblue.com Asynchronous AJAX request
22
www.themaninblue.com JavaScript
23
www.themaninblue.com JavaScript
24
www.themaninblue.com JavaScript Captures interaction – Creates interaction Initiates/receives communication Rewrites the page
25
www.themaninblue.com JavaScript
26
www.themaninblue.com XML
27
www.themaninblue.com XML Who cares about XML? Its easier to use plain text/HTML or JSON
28
www.themaninblue.com Advantages of AJAX
29
www.themaninblue.com Advantages of AJAX maps.yahoo.com maps.google.com More usable interfaces
30
www.themaninblue.com Advantages of AJAX photosite.com flickr.com Unique interaction
31
www.themaninblue.com Advantages of AJAX IM clients meebo.com Portable
32
www.themaninblue.com Advantages of AJAX Red Sherrif Google Analytics Small & Invisible
33
www.themaninblue.com Advantages of AJAX Collaboration
34
www.themaninblue.com Advantages of AJAX Maps, maps, everywhere: www.plazes.com www.communitywalk.com homesold.fidelitylabs.com www.chicagocrime.org www.wayfaring.com dartmaps.mackers.com www.gawker.com/stalker maps.webfoot.com www.dudewheresmyusedcar.com austin.adactio.com www.beerhunter.ca Collaboration
35
www.themaninblue.com Advantages of AJAX www.mindsack.com/?page_id=45 api.local.yahoo.com/eb johnvey.com/features/deliciousdirector Collaboration
36
www.themaninblue.com Disadvantages of AJAX
37
www.themaninblue.com Disadvantages of AJAX JavaScript off meebo.com Google Maps handles it OK Jeremy Keith calls Hijax good practice (http://domscripting.com/blog/display/41)
38
www.themaninblue.com Disadvantages of AJAX 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)
39
www.themaninblue.com Disadvantages of AJAX Accessibility JavaScript accessibility in general No solid solutions for AJAX – most screenreaders allow JavaScript but cannot detect page changes
40
www.themaninblue.com Developing with AJAX
41
www.themaninblue.com Developing with AJAX Server-side Programming Plan for Ajax from the start. Implement Ajax at the end.
42
www.themaninblue.com Developing with AJAX Client-side Programming Four Quantum States of AJAX – Kevin Hakman
43
www.themaninblue.com Developing with AJAX Client-side Programming Level 1– Communication libraries: SAJAX (www.modernmethod.com/sajax) Prototype (prototype.conio.net)
44
www.themaninblue.com Developing with AJAX Client-side Programming Level 2– GUI components: RICO (openrico.org) Yahoo UI Library (developer.yahoo.com/yui)
45
www.themaninblue.com Developing with AJAX Client-side Programming 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)
46
www.themaninblue.com Developing with AJAX Client-side Programming 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)
47
www.themaninblue.com How should I use AJAX?
48
www.themaninblue.com How should I use AJAX? Applications vs. Web pages Should everything on the Web use a page- based model?
49
www.themaninblue.com Whats the future of AJAX? The new interaction is here to stay JJG: AJAX is the next step. I dont 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.
50
www.themaninblue.com
Similar presentations
© 2025 SlidePlayer.com. Inc.
All rights reserved.