nextwebgen.com

The Next Generation Web Now

Mike Potter Builds a Flash-y Ajax Site

Filed under: Web 2.0 News, Front Page, Ajax, PHP, Flash — Chris Cornutt at 3:19 pm on Tuesday, July 25, 2006

On his blog today, Mike Potter shares an application and a tutorial that he’s worked up a simple Ajax-based site integrating Ajax, JSON, PHP, and Flex.

With 90% of this being done with open source software (the only piece that is not open source, but is free (in terms of cost), is the Flex SDK), I’ve created a site that tries to mimics the experience of Google Finance, a great site that combines Ajax, and Flash together to provide a great user experience.

His posted the full tutorial explaining how it all works in PDF format off his blog, and has also created a zipped up version of all of the source code behind it. He also includes, in the post, some of the helpful hints he learned while working with the Spry Ajax framework:

  • Easier to modify the HTML output by Flex than reference the object in your own HTML
  • It’s easier not to mix things with the Flex/Ajax bridge, just use Flex Builder
  • Write functions that closely couple your Flex application to your HTML page
  • The ActionScript 3 JSON library doesn’t like new lines or carriage returns in the JSON data

JSSoundKit: Super-Easy Sound API

Filed under: Web 2.0 News, Front Page, Library, Flash — Michael Mahemoff at 5:14 am on Saturday, July 22, 2006

JSSoundKit is wraps the Flash Sound object, making it easy to incorporate sound into your Ajax apps. Really easy, in fact:

JAVASCRIPT:
  1.  
  2. var mysound = new Sound();
  3. mysound.loadSound("http://www.archive.org/download/Behind/SyncFilmicoBehind.mp3", true);
  4. mysound.setVolume(30);
  5.  

Sound is a great example of using Flash to achieve progressive enhancement - enhance the expertience in those browsers that support the functionality and degrade gracefully for those that don't ... sound is often a nice-to-have rather than a necessity (unless you're building an MP3 player of course!).

We've seen a number of comms libraries that wrap Flash in similar vein, for comms, local storage, etc. As most web developers remain Flash-illiterate, it's great to see these capabilities unlocked for the masses. If we want, we can build standard web UIs, and pull in Flash for specialized, typically non-presentational, functionality.