This is no magical app, it still demands that the user has the DEBUG version of Flash player installed and that your flash trace text file is in this directory:
~/Library/Preferences/Macromedia/Flash Player/Logs/flashlog.txt
(the ~ meaning your home directory in unix talk)

The app is downloadable below and is free for you to use. Note that I release the app with a GPL license and your are welcome to use, distribute and change it. You can open the app using the AppleScript Editor. I would love to hear if you make any useful additions to it but cannot provide any support, sorry.

Enjoy!

Download FlashTrace.app here

Google Maps API for Flash Developer Guide

The Scenario
In this particular case I had a tree component displaying a hierarchical view of the pages of a web site. Upon making some certain changes, like dragging and dropping pages to reorder them I felt the need to change the order server-side and reload the data, rather than changing the order inside the dataProvider. I just like it that way better.

The Problem
So before I reloaded the data I saved the tree’s open items in a variable called openTreeItems and when I received the new data I tried to reset it by using tree.openItems = openTreeItems.
Nothing happened.

The Research
So I started doing some research and quickly discovered that to make this work the component uses the uid property and on updating the data for the dataProvider Flex reassigns new uid’s to the items in the collection. So, in short, Flex doesn’t recognize the items as the same items after the reload, because of the new uid values.

I encountered this article in the Flex 3 Help pages and started experimenting with creating custom classes that implemented the IUID interface and soon discovered that this was way to complicated for the (actually) quite simple problem I had. The pages in my database had unique ID’s! Why the h*ll couldn’t I use these values as the uid values instead of the built-in values?

The Solution
I suddenly had an idea: what if I simply add the uid property to my data serverside by using the id value I already had? This could be done in many ways but I chose to alter my SQL query like so:
“SELECT pages.id, pages.id uid, … FROM pages…”. This way the value would be passed on into Flex the same way as all the other values.

And, voilà, it worked!
After this tiny alteration of my SQL query Flex recognized my items as the ones saved in the openTreeItems variable and when using tree.invalidateList() before the update and tree.validateNow() after the update there isn’t even a flicker upon updating the data. Sweetness!

Hope this helps anyone that has had the same problem.

Well, it is actually very easy. If you look at the trace script Google Analytics gives you to add to your HTML code you can find a call to a method that actually records the event. This method is simple to call using JavaScript.

I have solved it like this in my latest Flex App (which is a public site). NOTE: This is for the new trace code version.

1. Paste the Google Analytics trace code as usual just before the </BODY> tag.
Check your Google Analytics account for the correct code.

2. See to it that your embedded flash works with ExternalInterface.
This can be a bit tricky, but in my experience the things that do the trick are to change allowScriptAccess to always and inside the Flex App call a custom JavaScript function on creationComplete like so: ExternalInterface.call(‘initFlash’). In my html this initFlash function creates a variable reference to the embedded flash. This sort of “creates the connection” between them. I’m not sure why this is so, but for me it works, so I’m happy with that. If there is a need I would be glad to create a more thorough tutorial on the use of ExternalInterface. Just let me know.

3. Create a custom JavaScript that passes the URL you want to register to the Google Analytics script.
This is not necessary, but I have found it easier to work with, as you don’t need to edit you call from inside of Flex if something changes in the Google code or such.

function trackURL(url)
{
    pageTracker._trackPageview(url);
}

4. Call your custom javascript from within Flex.
I created a static class for this. (I love static classes). I named it Analytics.as and placed it in the root source folder in the Flex App. It looks like this. All it does really is call the JavaScript using ExternalInterface, but putting it within a static class lets you call it from anywhere in your application without having to pass on references to this or that object or function.

package
{
   public class Analytics
   {
      import flash.external.ExternalInterface;

      public static function track(url:String) : void
      {
         ExternalInterface.call("trackURL", url);
      }
   }
}

And anywhere in your app write:

Analytics.track('/path_to_tha_page_you_want_to_track/');

(NOTE: You have to start your path with a slash).

There you go. It now should track the URL:s you want and give you nice statistics.

Go to the MySQL Sample Data Creator 1.0

However, writing the class I realized I wouldn’t be able to pass on the optional parameters. If I would use:

function send(anArgument:Object, ...args)

…I wouldn’t be able to send the args argument to the NetConnection.call method, because actionscript would send a “bunched up” array with all the arguments as ONE parameter to the call method, as opposed to a series of parameters, which was what I wanted.

The solution to this is using the Function.apply() method. What I did was to create an empty array and add a series of arguments I wanted to pass on to a function, create a reference to the function and then use the apply method. This is what my finished static method looks like:

public static function send(serviceFunction:String, resultHandler:Function, faultHandler:Function, ... args:*) : void
{
	trace("AMFPHP("+serviceFunction+")");
	// Create responder
	var responder:Responder = new Responder(resultHandler, faultHandler);
	// Create an array that will temporarily store all the arguments
	var collectArgs:Array = new Array;
	// Add the fixed arguments
	collectArgs.push(serviceFunction);
	collectArgs.push(responder);
	// Loop through the optional arguments and add them too
	for (var i:uint=0; i
]]>
			http://enestrom.com/20080811/passing-on-optional-arguments-in-actionscript-3/feed/
		11
		
		
		
		http://enestrom.com/20080808/amfphp-and-flex/
		http://enestrom.com/20080808/amfphp-and-flex/#comments
		Fri, 08 Aug 2008 13:44:45 +0000
		daniel
				
		
		
		
		
		
		

		http://blog.enestrom.com/?p=13
		Continue reading →
]]>
			Being a LAMP (Linux Apache MySQL PHP) guy as well as a Flex developer it didn’t take me long to discover AMFPHP. If you haven’t heard of it I can tell you in short it’s a framework for sending and receiving data between Actionscript and PHP, without having to use an XML layer or similar in between, so to speak. It’s really neat, because lets say you extract an array of rows from your MySQL database, then you can just pass the entire array back to Actionscript and it will be received as an Actionscript array in the other end.

Would you like to try it? This is how to do it:
1. Download the latest AMFPHP package from www.amfphp.org
2. Unpack and (preferably) place the folder called amfphp in the document root on your web server.
3. By default the AMFPHP gateway is set to converting all UTF-8 data to Latin 1. Big NO NO for “international” developers like me, so you should open the gateway.php file in the amfphp folder for editing and change the following line (it should be around line 127):
$gateway->setCharsetHandler("utf8_decode", "ISO-8859-1", "ISO-8859-1");

to 
$gateway->setCharsetHandler("iconv","UTF-8","UTF-8");

If you don’t do this all UTF-8 special characters from the database will be distorted on arriving at the Flex application.
4. Now create a simple PHP class file, call it HelloWorld.php, and place it in the /amfphp/services folder. You should use a commenting pattern like that of PHPDoc. Here is a simple HelloWorld example:
/**
 * A simple amfphp service.
 */
class HelloWorld
{
	/**
	 * A simple HelloWorld function
	 * @returns A string containing the phrase 'Hello World!'
	 */
	function SayHello()
	{
		return "Hello World!";
	}

	/**
	 * A simple HelloWorld function that bounces back the given string
	 * @returns A string containing the supplied string
	 */
	function SayWhat($string)
	{
		return $string;
	}
}

In this class I’ve put two functions; one that returns the string ‘Hello World!’ and another that returns whatever string you send to it. Okay, so let’s get on with the show…
5. Now you can test your service by browsing to the browser folder. It should have a URL similar to this: yourserver.com/amfphp/browser. In the service browser you can test whether your class is working as it should.
6. Flex

To simplify things I’ve created a small class for the implementation of this in Flex. There is a number of ways of doing this, but I’ve chosen the one way that I am most comfortable with.
For ease of use, create an actionscript document in your Flex Projects root directory called AMFPHP.as and past the following code into the file:
package {
	import flash.net.NetConnection;
	import flash.net.Responder;

	public class AMFPHP
	{
		private static var gateway:String = "http://www.yourserver.com/amfphp/gateway.php";
		private static var connection:NetConnection = new NetConnection;
		connection.connect(gateway);

		public function AMFPHP() : void
		{
			// Static class
		}

		public static function send(serviceFunction:String, resultHandler:Function, faultHandler:Function, ... args:*) : void
		{
			trace("AMFPHP("+serviceFunction+")");
			// Create responder
			var responder:Responder = new Responder(resultHandler, faultHandler);
			// Create an array that will temporarily store all the arguments
			var collectArgs:Array = new Array;
			// Add the fixed arguments
			collectArgs.push(serviceFunction);
			collectArgs.push(responder);
			// Loop through the optional arguments and add them too
			for (var i:uint=0; i
The only thing you have to change here is the URL to the gateway.php file on your server at line 7 in the file.
7. Usage
To use this in your code you will need three things:
• Calling the service using the static AMFPHP.send() function

• A function that handles the result coming from amfphp

• A function that handles errors
This is the first HelloWorld example (without the argument). The first argument for the send() function is a string describing the path to the function, with this structure: [directory.]class.function, within the services folder. A directory is not necessary, but can be convenient if you have packages of many classes.
private function helloWorld() : void
{
	AMFPHP.send("HelloWorld.SayHello",onResult,onFault);
}

private function onResult(result:String) : void
{
	trace(result);
}

private function onFault(result:Object) : void
{
	trace(String(result.description));
}

Easy huh!?
And the example with the argument is pretty much the same, but with an argument added to the end of the function call. Like this:
private function helloWorld() : void
{
	AMFPHP.send("HelloWorld.SayWhat", onResult, onFault, "Hello to you!");
}

private function onResult(result:String) : void
{
	trace(result);
}

private function onFault(result:Object) : void
{
	trace(String(result.description));
}

Note that I changed the path to the function from HelloWorld.SayHello to HelloWorld.SayWhat to use the other function in the class.
Well, that's it. Hope it was of some use. Good luck!
]]>
			http://enestrom.com/20080808/amfphp-and-flex/feed/
		2
		
		
		
		http://enestrom.com/20080610/flex-apache-module-hell/
		http://enestrom.com/20080610/flex-apache-module-hell/#comments
		Tue, 10 Jun 2008 15:41:45 +0000
		daniel
				
		
		
		

		http://blog.enestrom.com/?p=4
		Continue reading →
]]>
			Yesterday I tried to install the flex sdk apache module on the linux server of one of my clients. Note “tried”.

Problem 1: The Java JRE isn’t super easy to install. Well, actually it is, but you just have to realize how to do it and the information out there is quite misleading. I’m no Linux nerd although I can handle a linux server fairly well. This server was a Debian Etch server, so my hopes were quite high. Apt-get is a good tool. The reason the info was so misleading is that all the articles I could found out there in “space” told me you cannot use apt-get to install the Java run-time because of some Sun legal policy. This is not correct. Since sometime in 2005 you can use apt-get to install Java, however you have to add the non-free repository to the sources.list file. Finally I found out how to do it.
Problem 2: The information in the Flex SDK about the apache module is slight to say the least. It is almost essential to find a third party tutorial on some blog to figure out how to set it up. One thing I hate about Adobe, which could be a result of the multitude of information they’re hosting, is the fact that all pages refer to other pages, and some of those pages refer back to the first page and so on and so forth.
Final problem: So I finally performed a manual install of the Flex SDK for Linux! Wohoo! or… not…

The final step is to restart the Apache server. “Nope. I won’t restart” he said, sneerfully. “You are missing an essential thing called GLIBC_2.4. You need that to be able to run the mod_flex.so! Ha ha!”.
In search of such a thing and why it wasn’t already there I found out that the glibc library only exist up to version 2.3 for Debian.
Conclusion

I can’t use the f*king apache module at all and will have to compile my Flex application locally and upload to the server. Too bad, because that will not be easy giving the fact that I’m not alone in this project. The whole idea behind this new project we’re on was creating an online application we could build together.
If someone out there has made this work and can help me out… PLEASE HELP!
Chears

Daniel
]]>
			http://enestrom.com/20080610/flex-apache-module-hell/feed/
		2