In fall 2010 Adobe reintroduced the “packager” for iOS on their Labs site which allowed developers to cross compile Flash and AS3 projects to apps that ran on iOS. Spring 2011 Flash Builder 4.5 was released which included a version of ADT that included the iOS packager and enabled the FB build process (no command line mess) to create iOS apps from AS3-only projects. Missing from FB 4.5, however, was the ability to create a Flex-based mobile projects targeted for iOS. It was still possible to use the command line to craft a command to get ADT to build an iOS app out of your Flex Mobile project. But running this app on an iPad showed that Flex Mobile via AIR on iOS was not quite ready for primetime; the performance was not great.

The recent release of AIR 2.7 has changed all that. With this release Flex mobile apps run with “native” performance on iOS. The difference is astounding! It’s just magical. I have no idea how they did it, but kudos to the Adobe engineers.

This has paved the way for Flash Builder 4.5.1 to now support iOS in the Flex Mobile AIR project wizard. You will now see three target platforms: Apple iOS, Blackberry Tablet OS and Google Android. How sweet is that? It’s only going to get better.

The version of AIR in FB 4.5.1 release is confusing, however. Officially, FB 4.5.1 uses and supports AIR 2.6. However if you build an iOS app it will indeed use AIR 2.7 to build it. This is confusing! You would think that Adobe would sync the release of AIR 2.7 with their FB 4.5.1 release but it looks like that did not happen. I’m sure that the next update to FB will fix this.

Flash Builder 4.5.1 is available as an updater patch for FB 4.5. If you don’t have FB 4.5 installed you can download a 60 day trial from here.

Flash Builder 4.5 provides a new workflow for building mobile applications making it much easier to develop and test apps. A new project wizard called “ActionScript Mobile Project” takes a lot of the pain out of setting up your mobile project and points you in the right direction. The dialog guides you through specific decisions up front so that in the end the project will compile a package for the targeted platform with little fuss. (That is if you avoid the iOS platform, which will require a bunch more fuss.)

Mobile Permissions in Flash Builder 4.5 "Actionscript Mobile Project" wizard

A new “ActionScript Mobile Project” has one class that contains two important lines of boilerplate code:

stage.align = StageAlign.TOP_LEFT;
stage.scaleMode = StageScaleMode.NO_SCALE;

The absense of these lines is a gotchya for those new to AS3-only development and needs only to be declared once. If you intend to utilize multi-touch you will need to set the input mode:

Multitouch.inputMode = MultitouchInputMode.TOUCH_POINT;

Also consider setting the StageDisplayState:

stage.displayState = StageDisplayState.FULL_SCREEN_INTERACTIVE;

Now you are ready to code up some app magic.

On-device testing is much easier now. Simply connect your Android device via USB and you can run or debug your app directly from Flash Builder. This feature was not available when I developed RunningMap Trackometer last summer and I find it to be a huge help. If you are running in debug mode, traces show up in the Flash Builder console.

The "Run Configuration" dialog lets you specify where to run the application when testing: on your desktop or on a connected device.

Use “Export Release Build” to prepare the final binary or package that can be submitted to the appropriate app store. Be forewarned: each app store has it’s own peculiarities, agreements, requirements and hurdles. FB does it’s best to get you over the hurdles … but it can only do so much.

So there you have it: end-to-end creation of platform agnostic apps with ActionScript and Flash Builder. Since mxmlc is used to build the swf, Flash Professional is not required in this workflow. But don’t count it out out! I still lean on Flash Pro and Adobe Illustrator heavily to create visual assets that get embedded into my AS3-only projects. And … Flash Pro has it’s own end-to-end workflow for building apps if that’s how you roll. The Flash Pro code editor has been improved and is now somewhat tolerable to use. Just feels a little further from the metal.

This is a little inconvenient because I was hoping that I could use the mediator event handlers to update a view while it is not on the display list. As it turns out, the mediator will not respond to event mappings when it’s view is removed from the stage. Also good to know.

Any input on this appreciated!

I recently finished and deployed a complete rewrite of the map mashup RunningMap.com which uses Axiis to display elevation data in a line graph. After seeing his presentation 360|Flex last May I decided to give the (then alpha) Axiis framework a try. Upgrading to the Beta 1.0 release was painless and immediately I noticed the drawing performance of the graph went from slow(ish) (which actually was not a bad effect) to instantaneous.

Connecting my data source to the graph was a challenge and I had to use the debugger to get the data wrapped “just right”. I put together an example that illustrates:

• use of Axiis LineSeriesGroup
• wrapping an array collection “just right” so it can be bound as a data source
• overlaying the graph on a map
• setting the data tip using a function

The live example is here which is source view enabled.

Wrapping the collection looked like this:

Then set the "plotCollection" and "dataField" properties in the LineSeriesGroup:

And here it is:

I considered these four techniques for casting a string to a Number:

1. parseInt("1234");
2. new Number("1234");
3. "1234" as Number;
4. Number("1234");

Below is the AS3 code and the trace results which I used to base my conclusions here.

Results:
Using "as Number" to cast a string to a Number looks like bad news to me. All other techniques preformed as expected. Casting a string such as "foo" using "as Number" to cast is to a strongly typed variable results with a false value when isNaN() is applied to it. This is the false negative I mentioned before. Even casting the string "1337" using "as Number" results in the value 0 which not only fails the falsies ternary test but is wrong.

Conclusions

• don't use "as Number" to cast a string to a Number.
• Using a "falsies ternary test" is not a great approach for string to number validation since "0" is a valid number and will correctly fail this test. Maybe that works well for your logic anyhow.

Discussion
Casting is perhaps the wrong term since I am converting a primitive to an object which isn't true polymorphism, but perhaps string is being treated as an object.

I talked to Ryan Frishberg at the recent 360|Flex in Indianapolis about this. Ryan works on the Flex SDK team at Adobe. He said that "new Number('foo')" make use of conversion methods that are not available to the technique "'foo' as Number" which will evaluate to null since this casting is not possible. String can't be a Number. Ok, that is the d'oh moment for me. Should know better.

It's problematic though, because it fails to report a run-time or compile-time error.

Simplified Logic Inc has a product that uses a private key encryption method that stops decompilation of the swf. They also have developed a backend system that can manage licenses to your application. I have been developing a Flex application for use in teaching anatomy to students at the technical institute I work at. It has proven to be a powerful tool and there is opportunity to license this application to other institutions, but there is no infrastructure to do this. I have built a proof of concept using Nitro-LM to show that we can deploy this application on the web using a Software as a Service model without creating much of a deployment infrastructure on our end beyond what we already have in place.

The NitroAdmin AIR app is used to set up and manage the encryption and licenses. Videos and examples show how to integrate the system into your Flex app but I think they need to do a bit more work around this ... perhaps a "wizard" or video that shows from start to finish the basic setup. It still took a bit of handholding to get me up and running (thanks Andrew). The proof of concept is doing its job of proving this works in a way that is unobtrusive to users. Now all that is left is the easy part: to build a business model around my application and then go out and sell it. That is someone else's job.

Simplified Logic was a major sponsor of the recent 360 Flex conference in Indianapolis. I want to say thanks to them for supporting this event. It was a good one and I enjoyed the environs.

This slide is about how Flex application development became a job, and nothing much more than that.

Doug's live demo on head tracking in Flash. He showed an application that can be used for "Safe Sexting". You can do whatever you want on the video and your face will be tracked and blurred. Big laughs on this one.

Doug had a unique take on how to push the concept of Augmented Reality. He gave himself boobs in this live demo.

1) find your mm.cfg file. Mine is located here: ~username/mm.cfg (substitute "username" with your real username)

2) open it in a text editor and add these lines:

3) open a terminal window and add this to your .profile file.

To watch your browser throw trace statements, just open a terminal window and type "trace" and they will now appear in the terminal window.