VDNUG_AjaxPresentation - will.id.au

acceptableseashoreSecurity

Nov 5, 2013 (4 years and 4 days ago)

76 views

Ajax

William Luu

Blog:
http://will.id.au/blog

Email: will@will.id.au

What is Ajax?


Term coined by Jesse James Garrett


http://www.adaptivepath.com/publications/essays/archives/0003
85.php


Also known as XmlHttpRequest, Client Script callbacks.


Ajax stands for Asynchronous JavaScript And XML.


The term represents making use of


XHTML and CSS for UI presentation


JavaScript for manipulating Screen elements


Asynchronous data retrieval using the XmlHttpRequest object


Standards based, so works cross browser

Examples services using Ajax


GMail


http://mail.google.com


Google Suggest
-

http://www.google.com/webhp?complete=1&hl=en


Outlook Web Access


Comes as part of Exchange
Server (Available from 1998


XmlHttpRequest ActiveX
object in IE4)


Start.com

portal


Hotmail Kahuna (next generation Hotmail service)


Not
released yet


Google Maps
-

http://maps.google.com/


MSN Virtual Earth
-

http://virtualearth.msn.com/


Flickr Photo Sharing website


http://www.flickr.com


Postbacks vs Async Script
Callbacks


With Ajax we can refresh the data on a page without the
need to refresh the whole page.


This is achieved via usage of DHTML.


Let’s say we have a small area on the page that needs
to always have near “real time” data. Say flight times, or
for a sports website, live a scorecard.


This can be achieved via Ajax.


With the traditional postback model, when we need to
update parts of the page, we have to refresh the whole
page. This involves making a request to the server, and
then downloading the new page.


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

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

What’s to come from Microsoft


ASP.NET 2.0’s Client Script Callback


Atlas


FireAnt


Atlas was derived/inspired by
FireAnt, and used for basis of future MSN
properties

What’s available right now for
ASP.NET 1.0/1.1


Ajax.NET/BorgWorx Ajax.NET/Ajax.NET
Professional


http://ajax.schwarz
-
interactive.de



My Ajax.NET
-

http://jason.diamond.name/weblog/



WebORB for .NET
-
http://www.themidnightcoders.com/weborb/about
Weborb.htm


BitKraft
-

http://www.tiggrbitz.com/



More:
http://ajaxpatterns.org/Ajax_Frameworks#Server
-
Side:_.NET

Demo of Ajax.NET


Available at:


http://ajax.schwarz
-
interactive.de/


http://ajaxpro.schwarz
-
interactive.de/


Demo of Atlas


Available at:


http://atlas.asp.net


PDC Presentation by Nikhil Kothari:
http://www.nikhilk.net/Entry.aspx?id=92

A look to the future…


Windows Presentation Foundation (WPF)


Formerly
Avalon


WPF/E (Windows Presentation Foundation
/“Everywhere”)


Down level XAML parser which can run
cross browser. Available as either an ActiveX plugin for
IE or native browser plugin for other browsers


Smart Client


Macromedia Flash/Flex


Laszlo
-

http://www.laszlosystems.com/


Xamlon Web
-

http://xamlon.com/software/xamlonpro/flash/


Last thoughts


Think about the possibilities that giving users almost
“live” feedback when they interact with the web
application you’ve designed and develop.


Forget about the traditional postback model for a brief
moment and venture into the world of the rich interactive
web.


The biggest innovations seem to be coming from the
web. The web travels at a million miles and hour. Look at
the recent global disasters and how fast news about
them came flying through the web. Through blogs, as
well as online news websites.


The web is connecting the world and making our world
smaller than it already is.

Ajax Issues


What if the user disables ActiveX in IE?


Usability issues with onclick (what if the user wants to
navigate using a keyboard?)


What if user disables Javascript?


Default security settings only allow user to access
JavaScript hosted on same domain as originating web
page.


How does the user know when you change something
on the UI?


Use UI cues to show changes or when script is “busy”
doing an update.


With great power, comes even greater responsibilities.


Resources


Ajax.NET
-

http://ajax.schwarz
-
interactive.de

(Michael Schwarz, Ajax.NET authors' blog
-

http://weblogs.asp.net/mschwarz
)


Ajaxian Blog
-

http://www.ajaxian.com/


Ajax: A New Approach to Web Applications (Original Article that coined the Ajax term by Jesse James Garrett)
-

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


OK/Cancel (Jesse James Garrett): Why Ajax Matters Now
-

http://www.ok
-
cancel.com/archives/article/2005/09/why
-
ajax
-
matters
-
now.html



BitKraft
-

http://www.tiggrbitz.com/


Dare Obasanjo: Moving Beyond the Basics: Scott Isaacs on AJAX Design Patterns
-

http://www.25hoursaday.com/weblog/PermaLink.aspx?guid=23a58e59
-
0a8d
-
43e4
-
ab18
-
a6d64ca5be87


Scott Isaacs: Why Ajax is so 1999? Part 1
-

http://spaces.msn.com/members/siteexperts/Blog/cns!1pNcL8JwTfkkjv4gg6LkVCpw!1685.entry


Scott Isaacs: Why Ajax is so 1999? Part 2
-

http://spaces.msn.com/members/siteexperts/Blog/cns!1pNcL8JwTfkkjv4gg6LkVCpw!1713.entry


Omar Shahine: Fireant (Microsoft FireAnt Project)
-

http://www.shahine.com/omar/PermaLink,guid,93499451
-
ec70
-
40ec
-
beb1
-
3789f46630d7.aspx


SecretGeek: EARWAX anybody?: AJAX and The EARWAX
-

http://secretgeek.net/Ajax_earwax.asp


Ajax.NET under sharepoint (Angus Logan)
-

http://msmvps.com/anguslogan/archive/2005/07/09/56884.aspx


Alex Bosworth's Weblog: Ajax Mistakes
-

http://sourcelabs.com/ajb/archives/2005/05/ajax_mistakes.html


Additional resources to blog post (Ajax Mistakes):
http://alexbosworth.backpackit.com/pub/67688


Cleaning up with Ajax
http://www.builderau.com.au/program/soa/Cleaning_up_with_AJAX/0,39024614,39195723,00.htm


ASP.NET Spiced: Ajax
-

http://msdn.microsoft.com/library/default.asp?url=/library/en
-
us/dnaspp/html/ASPNetSpicedAjax.asp



Omar Shahine: FireAnt
-

http://www.shahine.com/omar/FireAnt.aspx


Scott Guthrie: Atlas Project
-

http://weblogs.asp.net/scottgu/archive/2005/06/28/416185.aspx


fiftyfoureleven.com: XMLHttpRequest & Ajax Working Examples
-

http://www.fiftyfoureleven.com/resources/programming/xmlhttprequest/examples


Brock Allen: ICallbackEventHandler vs AJAX.NET
-
http://staff.develop.com/ballen/blog/CommentView.aspx?guid=c35c43f6
-
5686
-
40ee
-
9752
-
8095a848d821


Bertrand Le Roy: Fun with callbacks Part 1: What's in the ASP.NET box?
-

http://weblogs.asp.net/bleroy/archive/2005/04/08/397761.aspx


Paul Glavich: Asynchronous client script callbacks
-

http://www.simple
-
talk.com/2005/08/10/asynchronous
-
client
-
script
-
callbacks/


Luke Wroblewski: Ajax Interface Design


http://www.lukew.com/resources/articles/ajax_design.asp


Ajax Patterns Wiki
-

http://ajaxpatterns.org


Microsoft Atlas Project:
http://atlas.asp.net


More on Atlas:


Atlas PDC presentation slides and demos (Nikhilk Kothari):
http://www.nikhilk.net/Entry.aspx?id=92


Atlas XML Script:
http://www.nikhilk.net/AtlasXMLScript.aspx


Atlas Architecture Overview:
http://www.nikhilk.net/AtlasArchitecture.aspx


Microsoft Gadgets
-

http://microsoftgadgets.com/

Source:
http://www.ok
-
cancel.com/?p=600