Wabysabi » flash

Peer Code Review Tool – Code Collaborator

admin — Wed, 15 Sep 2010 19:52:29 +0000

Recently, I’ve started working closely with the Digital Publishing product team here at Adobe to transition a V1 project over to the team to continue development. One of the really great tools I’ve been exposed to is a peer code review tool called ‘Code Collaborator‘ … While code reviews always sound good, they’re rarely done as they require an extra meeting, essentially, that nobody has time for.

Code Collaborator solves this by a providing a highly functional web-based workflow tool that hooks into your source-code repository (Perforce, , and provides a very quick and easy way to check out changes, comment on them, gather feedback, mark defects, and approve code reviews. This is a great way to increase code quality and consistency, and provides a method for developers to keep up to date with each other, and even learn from each other. It does actually make code review fun!

An aside about defect tracking. On the current project, it sounds like code collaborator defects track at about 20% or so of bugs filed by QE. This is a substantial percentage of bugs that are caught early!

From my experience, Code Collaborator from SmartBear is a good, functional tool despite the ugly UI. I’d be interested in hearing of other useful peer code review tools that people are using.

AIR 2.0 – Installation log location change

admin — Thu, 27 May 2010 18:36:55 +0000

Recently I was debugging an AIR installation issue, and didn’t realize that the log files have changed with AIR 2.0. Thought I’d pass on the knowledge.

Mac: /private/var/log/system.log (or the console app)


Win XP:

C:\Documents and Settings\\Local Settings\Application Data\Adobe\AIR\logs\Install.log
Win Vista/7: C:\Users\\AppData\Local\Adobe\AIR\logs\Install.log

Linux: /home//.appdata/Adobe/AIR/Logs/Install.log

I know I’m saving somebody a headache.

AS3 Framework Comparisons – Robotlegs

admin — Fri, 20 Nov 2009 00:10:38 +0000

Recently, a coworker asked me – ‘What’s Robotlegs all About?’. I waved my hands around a bit, rambled about dependency injection, Spring, Swiz, until his eyes glazed over. Talking about frameworks only goes so far.

Enter Richard Lord’s fantastic AS3 framework comparison using Flexcaster, an example podcast application. Its a pretty simple example, but it compares the syntax and structure of a variety of frameworks including Robotlegs, PureMVC, Swiz, Cairngorm, as well as pure Flex 3 – all using a simple, uniform example.

Comparing the level of complexity, simply from a class-count, is a pretty interesting exercise. Check out these numbers!

Flex 3 – 13 Classes
PureMVC – 28 classes
Robotlegs – 30 classes (!)
Cairngorm – 20 classes
Swiz – 18 classes

To the framework’s defense, they are designed to scale to much larger projects, and its not entirely an apples-to-apples comparison. Robotlegs, for example, demonstrates two different feed implementations, and has a slightly different UI class model than the Flex 3 example. The Swiz example, eschews the Command pattern, and instead uses singletons. Its definitely an eye-opener to compare how they differ.

Flashbuilder – Features and Tips by Scott Evans

admin — Wed, 04 Nov 2009 21:48:19 +0000

Recently, I got a chance to check out Scott Evan’s slides for his MAX 2009 talk on Flashbuilder tips and tricks. There’s a ton of new features, including:

Advanced navigation
Indentation Correction
MXML and Actionscript file Templates
Conditional Breakpoints (!)

I would definitely recommend checking out his slides, or his talk on Adobe TV. You’ll be more productive in no time!

Speaking at MAX – IHT Reader

admin — Wed, 19 Nov 2008 10:48:38 +0000

Hello, I am pleased to announce that I will be speaking at MAX on the IHT Reader project, a next-generation desktop newsreader application that was featured in the MAX keynote on Monday.

Speaking along with Jeremy Clark and Justin Van Slembrouck, we’ll be covering the project from both a design and development perspective. I’ll be digging into some of the new text technology in AIR 1.5 and FP10 that made this project possible. I hope to see you there!

Session details:
Creating a Next-Generation Desktop News Reader
Wednesday, November 19
Moscone West 2018, 2:00-3:00 p.m.

Desktop Keeley – Killer AIR app

admin — Wed, 16 Jul 2008 23:34:36 +0000

Ok, this is not the most tasteful AIR app, but it is technically one of the best. By leveraging Flash transparent video and AIR transparent windows, they’ve managed to create an app that cleverly interacts with your desktop experience. Its also pretty fun to play around with! Hats off to The Sun UK in creating such an innovative app! Check it out here.

AIR Example – Native Drag-n-Drop and Clipboard Integration

admin — Tue, 18 Mar 2008 21:10:30 +0000

AIR provides some great API’s for integrating with other applications. Via the NativeDragManager and Clipboard classes, you can easily export your data in a multitude of formats, including PNG and CSV. Recently I had an project that utilized these features, and I figured it would be good to share the techniques with the community.

In particular this example, framed as a basic stock chart application, demonstrates the following features:

Native drag-and-drop with PNG images and custom image proxies.

Copy to Clipboard / Export with both PNG and CSV data formats – Right-click on the chart to get your options

Example code for customizing the HLOCChart class look-and-feel

These features were factored into ‘behavior’ classes so that they can (fairly) easily be applied to your own AIR apps.

Source is available by right-clicking and selecting ‘view-source’ in the application from anywhere but the chart.

RIA Data Benchmarking Tool – Nice!

admin — Thu, 14 Feb 2008 18:01:37 +0000

James Ward created an excellent RIA Data Loading Benchmarking tool that compares the load, parse and rendering time of a number of RIA technologies including both AJAX and Flash based technologies. Its nice to see a well-designed tool spell out the performance differences of technologies. This should make it easier for Flash developers to explain to their CTO why AMF will save them money and result in a better app. Nice work!

Embedding AIR Badges on WordPress via Kimili Plugin

admin — Wed, 30 Jan 2008 17:26:17 +0000

In my last post, I wanted to distribute a sample AIR application via the user-friendly badge installation process. After taking a look at the available options, I came across an excellent Flash embedding solution for WordPress called Kimili. Kimili is a WordPress friendly wrapper on top of Geoff Stearns excellent SWFObject Javascript library.

I thought I would share my code snippet for my previous post in order to help the next person who was trying to get AIR badges in WordPress going:

Two side-notes:

The Kimili plugin delimits flashvars with semicolons bracketed by spaces (e.g. ” ; “). I’m not sure why it requires this odd syntax, but things won’t work if you eliminate the spaces.

I added a space betwen the closing bracket of the tag so that WordPress wouldn’t interpret it. The correct syntax should be “/]”.

Thanks to Michael Bester for the great library!

Example AIR App – Dynamically Resizing Windows based on Content Area

admin — Wed, 30 Jan 2008 01:04:32 +0000

** Updated for AIR 1.0 02/25/2008 **

The AIR windowing API offers some exciting new possibilities, and challenges, for Flash developers. With the Employee Directory Sample Application, we showcased a well-designed, real-world application that dynamically resizes itself to a changing content area. This is a powerful technique that simply isn’t possible within the confines of a browser window.

I thought it would be useful to distill this capability from the more complex directory application and provide a simple ‘kick-start’ application that demonstrates:

Leveraging transparent windows to create high-quality custom window chrome with drop-shadows.

Using the Flex Resize effect and event listeners to dynamically size a NativeWindow to the size of a changing content area

Simple PNG-centric CSS styling example with advanced text anti-aliasing applied.

You may install via the AIR badge below, or if you have less than 9,0,63, you will have to manually install the runtime and AIR file:

[kml_flashembed fversion="9.0.63" movie="/examples/airchrome/badge.swf" fid="badge" targetclass="flashmovie" bgcolor="#181818" useexpressinstall="true" publishmethod="static" width="217" height="140" scale="noscale" wmode="transparent" allowscriptaccess="always" fvars="appname=ResizableAIRChromeExample ; appurl=http://www.wabysabi.com/examples/airchrome/ResizableAIRChromeExample.air ; airversion=1.0 ; messagecolor=999999 ; imageurl=http://www.wabysabi.com/examples/airchrome/badge.png"]

Source is available by right-clicking and selecting ‘view-source’ in the application.

One other factor with resizable applications not covered in this sample app is automatically keeping the application onscreen as the application resizes. This is a challenging problem that is addressed in the directory application (via a fairly convoluted solution), but is not covered here. Something I definitely hope to address more clearly in the future. Definitely check out the Employee Directory if you haven’t already.