Your SlideShare is downloading. ×
AJAX Frameworks
Upcoming SlideShare
Loading in...5

Thanks for flagging this SlideShare!

Oops! An error has occurred.

Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

AJAX Frameworks


Published on

Presented @ Ignite Chicago Eent on Dec 06, 2007. Moving Towards RIA - Birds eye view on the available technology, primarily AJAX frameworks and toolkits.

Presented @ Ignite Chicago Eent on Dec 06, 2007. Moving Towards RIA - Birds eye view on the available technology, primarily AJAX frameworks and toolkits.

Published in: Technology

1 Comment
  • Presented @ Ignite Chicago Eent on Dec 06, 2007. Moving Towards RIA - Birds eye view on the available technology, primarily AJAX frameworks and toolkits.

    Feel free to comment on various frameworks and classification, for everybody's benefit....<br /><br/>
    Are you sure you want to  Yes  No
    Your message goes here
No Downloads
Total Views
On Slideshare
From Embeds
Number of Embeds
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

No notes for slide
  • Transcript

    • 1. Moving Towards Rich Internet Applications… AJAX Frameworks, Toolkits and Libraries Birds Eye View on the available tools… Ravi Shankar Fiserv FGS - Tech COE [email_address]
    • 2. Personal Background… Today’s Focus – Available UI Tech for RIA teraction formation terface Experience Usability In { } User Business Technology
    • 3. AJAX Frameworks, Toolkits and Libraries And many more
    • 4. AJAX Frameworks, Toolkits and Libraries
      • Can we get some grounding on all these frameworks and toolkits?
      • Starting with some understanding on AJAX & the Need for Frameworks and Toolkits
    • 5. AJAX – “ Asynchronous ” JavaScript + XML
      • What it is NOT
        • Ajax is not a new technology.
      • What it is
        • is a Web development technique
      • What has enabled AJAX
        • The de-facto standard XMLHttpRequest
      • Ajax incorporates
        • standards-based presentation - XHTML and CSS;
        • dynamic display and interaction using the DOM;
        • data interchange and manipulation - XML / XSLT;
        • asynchronous data retrieval - XMLHttpRequest;
        • and JavaScript binding everything together.
      Ajax Frameworks Basics Client side - Handles JS Requests Server Side - Process requests
    • 6. Need for AJAX Frameworks & Toolkits
      • Building AJAX based RIA is easy ...
        • If you are a JavaScript guru
        • Handle entire DOM API
        • DHTML, JavaScript, CSS
        • Master all the hacks for each technology
    • 7. Need for AJAX Frameworks & Toolkits
      • Building AJAX based RIA is easy ...
      • Building AJAX based RIA is hard ...
        • If you come from a mostly static HTML/CSS background
        • If your primary use of JavaScript is cut-n-paste of cool in-page behaviors
        • Even If you are a programmer with Asp, Jsp, Php, .Net, Java… skills – Handle JS issues ? Nay that’s low Key!
    • 8. Need for AJAX Frameworks & Toolkits
      • Can we make this simpler
        • Build out-of-box, ready to use library of widgets and components
        • Hide functionality behind simple building blocks
        • Framework for assembling complicated stuff from simple things
        • Embed the encapsulations inside development tools that can do some of the grunt work
      • Now lets look at the popular frameworks & toolkits with some soft classification!
    • 9. Browser - Asynchronous Communication
      • Browser has Asynchronous comm built in!
      • Support JavaScript, XHTML, XML, XHR object…
      • Even before AJAX – we were hacking with iFrame
      • Pros: Can build AJAX app w/o any framework!
      • Cons: Handle Browser incompatibility, lot of code!
      Hacking with IFrames Supports JS, XHR…
    • 10. Communication Libraries
      • Handle browser differences internally
      • Some support even non-AJAX browsers
      • Offer strong CSS and DOM capabilities
              • Prototype
              • DWR
              • JSON-RPC
              • SAJAX
              • AJAX.NET
          • Pros: Light weight libraries - Prototype (94kb)
          • Cons: Want more building blocks!
      Browser Differences Strong CSS / DOM
    • 11. User Interface Toolkits
      • Ready Out of box UI Components
      • Retrieve data in the background & Render it in the Interface
        • Dojo
        • Rico
        • Ext JS
        • Yahoo UI
        • Zimbra
        • eBusiness-Apps
      • Pros: Cool UI Controls - trees, Tabs…
      • Cons: May not share common libraries
      Ready UI Components Cool User Experience
    • 12. AJAX based RIA Framework
      • Ready built, fully integrated libraries
      • Share common infrastructure
        • Bindows
        • Smartclient
        • BackBase
        • JackBe
        • Tibco GI
      • Pros: Common approach to data acquisitions & communication
      • Visual authoring & custom IDE for rapid development
      • Offer server side modals and client side libraries
      • Cons: Are these really new app development frameworks?
      Share Common Infrastructure Fully integrated Libraries
    • 13. Web Application Framework with AJAX Extensions
      • Web frameworks that are becoming aware of AJAX
      • Early supporters, Ruby on Rails, Shale, Echo2, Wicket
      • Major programming languages are represented
          • C++ (wt-witty)
          • Java (GWT, Thinware)
          • Net (Asp.Net - Atlas)
          • Php (XAJAX)
          • Python (Phylon, Django)
      AJAX Extensions Use JS Library internally
      • Pros: Minimum or no requirement of JavaScript coding
      • Cons: Use native extensions, but with limited power and performance
    • 14. Putting it all Together XMLHTTP, JSON, (Even iframe) DOJO, RICO, ZImbra, Yahoo UI Ext JS, MooTools, eBusiness-Apps, Bindows, Smart client, JackBe, Tibco GI, Backbase Shale, Echo2, Ruby on Rails, GWT, ASP.Net, ADF (JSF) DWR, JSON-RPC, Prototype, SAJAX, AJAX.Net, *Not Authoritative - Personal classification of the 100s of AJAX tools - for the mental model, *Each framework has different focus & purpose and are constantly evolving, expanding into other dimensions.
    • 15. So What Should You Use?
      • Assuming you are on Java tech…
        • Use AJAX enabled JSF components, with JSF enabled IDE like Visual Web Pack
        • If not committed to JSF components, Use jMaki instead
        • If you already have swing apps that you want to Ajaxify or do not want to deal with JS at all, use GWT
        • If you want total control on client side JavaScript coding, use Dojo or YUI library
        • If you are already on a particular web application framework, use native AJAX extensions…
        • Explore more tools - based on the earlier model ;)
    • 16. Rich Internet Apps Alternatives
      • Plug-in based
        • Flex, SVG
      • Browser based
        • XUL, XAML, UIML
        • Laszlo XML
      • Cool stuff gaining ground!
        • Adobe Apollo / AIR
        • Microsoft Silverlite / WPF/E
        • Sun JavaFX
        • Google Gears
    • 17. Lets Move Towards Rich Internet Applications… Fiserv FGS - Tech COE [email_address]
    • 18.