nextwebgen.com

The Next Generation Web Now

BJAX with Greasemonkey in Firefox and IE

Filed under: Web 2.0 News, Front Page, Examples, IE, Firefox — Dietrich Kappe at 9:07 am on Tuesday, August 1, 2006

On the heels of my post about BJAX (Browser Extensions plus AJAX), I received a flood of requests asking for an example of how to build such an extension. In response, I've put together a Greasemonkey script that demonstrates how to add a simple Ajax widget to a third party web page. The example isn't particularly useful -- a translucent box that floats over the google search page and displays the current weather, updated every minute, in downtown Chicago -- but it does illustrate the basics of using GM_xmlhttpRequest as well as the pitfalls of writing Javascript that executes in the Greasemonkey sandbox. An article discussing an updated version that adds support for IE (using the Turnabout extension) and the ability to toggle the size of the widget can be found here.

www.google.com_search.png

If you want to do any serious development in this environment, of course, you'll want to port an Ajax framework across to use GM_xmlhttpRequest instead of XMLHttpRequest, and obey the other restrictions of the Greasemonkey sandbox.

Ajax and the Spring Framework with TIBCO General Interface

Filed under: Web 2.0 News, Front Page, Articles, Programming, Examples, TIBCO — Dietrich Kappe at 2:49 pm on Thursday, July 27, 2006

Brian Walsh has written an exceedingly well documented tutorial on combining Spring MVC, XStream and TIBCO GI. The focus is on using GI at the view layer while making only incremental changes to an existing Spring MVC application (the application from the Spring MVC step-by-step tutorial in this case, which you'll have to step through before you go on to the GI tutorial):

Application owners and developers alike predictably want to increase productivity and reduce time to market. This type of rapid implementation gives us several imperatives:

  • No wholesale replacement of our Spring investment.
  • Incremental change of existing server code as opposed to wholesale change to, for example, SOAP Web services
  • Continued support for non-Ajax clients
  • Re-use of existing code wherever we can. Develop the GI application along side the JSP layer.

Since GI generates the view at the client, Spring need no longer generate HTML at the server. Instead, we'll modify our Spring configurations such that Spring can also return raw data in form of XML that can be consumed as a service by the Ajax processes in GI.

The tutorial is generously illustrated with sequence diagrams, annotated configuration files and screen shots. It shows how to replace the HTML rendering logic of the existing application with an XStream-based logic that transforms the model into XML. (If you haven't looked at XStream yet, you really should. It's a clever library that allows you to serialize and deserialize objects to and from XML with a few lines of code.) All of the rendering is handled by GI in the client now, including degrading gracefully for non-AJAX clients.

The tutorial also serves as a lesson in how the development of web applications will change when WYSIWYG, component GUI interface tools become involved. The story board before-and-after shots of the UI in particular suggest some of the artifacts that might be produced in legacy web to AJAX migrations.

tibcogi.jpg

Ajax Activity Indicators Examples

Filed under: Web 2.0 News, Front Page, Prototype, Examples, Component — Dion Almaer at 11:50 am on Monday, July 10, 2006

Ian Selby has written a thorough article on ajax activity indicators - make them globel and unobtrusive.

Ian details his solution:

So, what can we do about these problems? Well, if you’re using prototype as a part of your framework, you can register global indicator functions. These get executed when there are active requests, and when the requests complete. However, there’s another dilemma with this method too: Where do you place a indicator that can potentially appear often and keep it from being obtrusive, or, even worse, not being seen as it’s placed outside of the content that’s currently in view? I had to tackle that issue this week while starting development on a new project at work. I wanted to create an indicator that would be in the same place on every page, and that I never had to write extra code to use.

Check out the demo:

Ajax Indicator Demo

Code Example

Ajax.Responders.register({
        onCreate: function() {
                if($('notification') && Ajax.activeRequestCount> 0)
                        Effect.Appear('notification',{duration: 0.25, queue: 'end'});
        },
        onComplete: function() {
                if($('notification') && Ajax.activeRequestCount == 0)
                        Effect.Fade('notification',{duration: 0.25, queue: 'end'});
        }
});
 

Eventsites - Proof Of Concept

Filed under: Web 2.0 News, Showcase, Google, Ajax, Examples, Mashups — Admin at 4:37 am on Monday, July 3, 2006

Developer Pete Nixey created this site as a proof-of-concept.  Eventsites is a full-fledged application that uses no server logic and stores no data of it’s own.  We’ve all seen the Google map mashups, but this really takes things to the next level and shows the power of what can be created in today’s Web 2.0 environment.

This is a 1 page AJAX application that merely acts as a “client to other webservices”.

Visit Pete’s blog to find out how this was created.

MODx : CMS

Filed under: Web 2.0 News, Showcase, Ajax, Server, Framework, Presentation, Examples — Admin at 3:12 am on Monday, July 3, 2006

MODx is a content management system with AJAX goodness (or Web 2.0 as they say). The code is neat and gives a true CMS feel. Though I liked the admin Interface more, the panel offers a wide range of options , Tools, extra plugins , stats checking etc. like a true CMS .

I should say it does a lot more than other AJAX based scripts like AJAXpress and AJAX Portal . But still it needs a lot more to get into high level category of scripts like Joomla and Wordpress.

DHTML Goodies Image Slide Show

Filed under: Web 2.0 News, Front Page, JavaScript, Examples — Dion Almaer at 2:01 am on Thursday, June 22, 2006

DHTML Goodies is a site that has a lot of examples and widgets. The scripts range from menuing and windowing with JavaScript, to drag and drop and Ajax work. A solid resource.

The latest script is another Image Slideshow

DHTML Goodies Slide Show