Skip to main content

Top Ajax Technologies and RIA Frameworks

The Gartner RIA Report in 2010 rated 22 Ajax technologies and RIA Frameworks. They define the Ajax/RIA market as "a set of technology offerings oriented to meeting the needs of application development teams to build systems that deliver a rich and responsive user experience."
I was surprised by which technologies were included in the list and those that were not. Some of them are inactive, woefully incomplete, or inaccessible. Other open-source frameworks, like MooTools and Laszlo, that have been around for 5+ years and have active communities, were not listed.
So here is a more comprehensive list of RIA frameworks and Ajax technologies. But instead of rating them by market scope, I rated them on:
  • Completeness of their UI control set, based on the list of essential controls
  • Usability of the controls
  • Aesthetics, based on the default visual design. Now, all of these frameworks/technologies are skinnable, or offer themes, but some are almost impossible to make look good.
I also included links to each of their demo galleries you can explore their offerings.
Reference link:
http://www.developria.com/2011/01/the-gartner-ria-report-in.html

Technology/FrameworkCompletenessUsabilityAesthetics
**Sencha, Ext for JS 100.png5star.png5star.png
**Sencha, Ext for GWT100.png5star.png5star.png
*JQuery, JQuery UI100.png4star.pngvaries
*Adobe Flex 90.png4star.png4star.png
Telerik for .Net, Silverlight, WFP90.png4star.png4star.png
Component Art for .Net, Silverlight, WFP90.png4star.png4star.png
*Oracle ADF90.png4star.png3star.png
Backbase90.png4star.png3star.png
*Mocha UI for MooTools80.png4star.png4star.png
*MooTools80.png4star.pngvaries
SmartClient for GWT80.png4star.png3star.png
*Java FX80.png2star.png2star.png
Infragistics for .Net, WPF, Silverlight80.png3star.png2star.png
*ICEfaces80.png2star.png2star.png
*RichFaces for JSF80.png3star.png2star.png
*Dojo, Dojo X, Dijit70.png4star.png4star.png
*Open Laszlo70.png4star.png4star.png
*MS Silverlight 470.png4star.png4star.png
Visual Web Gui70.png3star.png2star.png
*YUI2, YUI 360.png3star.png3star.png
*ZK60.png3star.png3star.png
Wijmo50.png4star.png4star.png
*Vaadin for GWT50.png4star.png4star.png
Windows Presentation Framework50.png3star.png3star.png
*Apache Pivot50.png3star.png2star.png
*SproutCore40.png4star.png4star.png
*Prototype / *Scriptaculous40.png4star.pngvaries
*JQuery Tools10.png4star.png4star.png
*LivePipe10.png4star.png4star.png
*Jitsu10.png3star.png3star.png
* Open Source, ** Open source and commercial license available.


Here are some applications built with these top rated frameworks:

Sencha/ Ext JS

Zenoss extjs.png

jQuery

Netflix jquery.png

Adobe Flex

Digital Tutors flex.png

MooTools

Vimeo mooTools.png

Dojo

Wavemaker dojo.png

Open Laszlo

Pandora openLaszlo.png

Silverlight

PivotViewer silverlight.png

Sproutcore

OtherInbox sproutcore.png





Comments

Post a Comment

Popular posts from this blog

Ext4 Apply Store Filtering

In extjs4.1: There are many way for store filtering . Some of code i give here Filtering by single field: store . filter ( 'eyeColor' , 'Brown' );   Alternatively, if filters are configured with an  id , then existing filters store may be  replaced by new filters having the same  id . Filtering by single field: store . filter ( "email" , /\.com$/ );   Using multiple filters: store . filter ([ { property : "email" , value : /\.com$/ }, { filterFn : function ( item ) { return item . get ( "age" ) > 10 ; }} ]);   Using  Ext.util.Filter  instances instead of config objects (note that we need to specify the root config option in this case): store . filter ([ Ext . create ( ' Ext.util.Filter ' , {   property : "email" , value : /\.com$/ , root : 'data' }),   Ext . create ( ' Ext.util.Filter ' , {   filterFn : function ( item ) {   return item . get ( &
Post a Comment
Read more

ExtJS - Grid panel features

What can we do with ExtJS GridPanel? I have to develop a lot of applications in my web app and I see that grid component of ExtJS may fit in. However, I am not aware of what all things I can do with the - off the shelf available framework pieces - available plug-ins in the marketplace and - custom development through my own developers This is a typical question that we hear from the business users who wants to design an application by keeping the framework’s capability in perspective. In this article I have tried to put the list of stuff you can do with grid and hopefully that shall enable you to take advantage of the beauty of ExtJS. Pre-requisites This article assumes that you are familiar with basics of ExtJS What are the available options? In this section I will be taking you through some of the commonly seen usage of ExtJS grid panel. While covering all the capabilities of grid may not be possible, I am sure it will be helpful for the business users who want to
8 comments
Read more

EXTJS - Way to get a reference to the viewport from any controller

An easy way to get a reference to the viewport from any controller Here's an easy way to get a reference to your viewport from any controller: Ext.application({ launch: function(){ this.viewport = Ext.ComponentQuery.query('viewport')[0]; this.centerRegion = this.viewport.down('[region=center]'); } }); then, inside say, a controller, you can call this: this.application.viewport to get a reference to the viewport.
4 comments
Read more