Adding Flash Player 11 for FDT

Since flash player came out, you will want to upgrade the Flex SDK in FDT to include flash player 11.

First you will need

Now in the SDK we have to do a few things.
In the folder frameworks/libs/players you need to add a folder called 11.0, and in this folder you put the playerglobal .swc (you will have to rename it to this)
Next you will need to upgrade the flex-config.xml file, you will need to change the first two resources. It should look like this when done
Now in FDT you can use either flash player 10.2 or flash player 11.0. By default it is flash player 11.0
You can also change back to flash player 10.2
That is it, nw you can use flash player 11 in FDT 5 🙂

view FDT project index page in web browser

The new html wrapper for AS 3 projects in FDT 4.2 is a really nice feature!

Here is a “Quick Tip” that will let you full this web page inside of FDT.

Lets create a simple ball project and view it in the browser.

package {
   import flash.display.Shape;
   import flash.display.Sprite;

   public class Main extends Sprite {

   // Global variables
   private var circle:Shape = new Shape();
   public function Main() {
     init();
   }

   public function init():void {

     circle.graphics.beginFill(0xcccccc);
     circle.graphics.drawCircle(150, 150, 50);
     circle.graphics.endFill();
     addChild(circle);

   }
 }
}

Now when you run the project your html page is created for you. To view this inside of FDT open in web browser

this will produce this view in FDT

Create SWC from Linked Resources in FDT 4

Jan 7 PostOn my other post about creating a swc by using the SWC library, somebody asked about how to create a swc from a link Resource. You can see the main post here – http://hfug.net/?p=1307

For this example I will be using the Hype Framework.

Download the framework on the Hype Website the current version is 1.1.8.

Now you want to grap the src file put it someplace on your machine, I like to keep all my libraries in a libs folder

Continue reading “Create SWC from Linked Resources in FDT 4”

FDT 4 & Project Templates

If you install the final release of FDT4 the location of the FDT folder, which included the project types & project templates on Mac OS X has changed.
In the past it was located in your main Users folder:

[box] /Users/{yourusersname}/FDT[/box]

Now it has changed to

[box] /Users/{yourusersname}/Library/Application Support/FDT[/box]

you will see this folder structure

So as an example if you want to change your output folder from bin to deploy in your Empty AS 3 project, you would use this new location

[box] /{yourusersname}/Library/Application Support/FDT/projectTemplates/Web/EmptyAS3/description.xml[/box]

Mine reads like so

<?xml version="1.0" encoding="UTF-8"?>
<tns:projectTemplate xmlns:tns="http://fdt.powerflasher.com/ProjectTemplate"
	xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
	xsi:schemaLocation="http://fdt.powerflasher.com/ProjectTemplate ../../projectTemplate.xsd">

<name>Empty AS3 Project</name>
	<description>This template contains only the basic libraries to develop and compile a pure AS3 project.</description>
	<projectType>AS 3</projectType>
	<folders>
		<sourceFolder>src</sourceFolder>
		<outputFolder>deploy</outputFolder>
	</folders>
</tns:projectTemplate>

MySQL with FDT

Setting up FDT as a MySQL development environment using the Database Development perspective is quite easy. I assume that you have MySQL installed installed. The only other part you need is the J/Connector

Download the  Connector/J MySQL Database Driver.

The current version is 5.1.3, unzip the connectents of the file, and place it someplace. I put the file in my common libs folder, I was not sure if there was a place in the MySQL folder where drivers are located. The zip comes with a bunch of files but the only one you will need is the “mysql-connector-java-5.1.13-bin.jar”

Now in FDT, and switch to the “Database Development” perspective. (Window –> Open Perspective –> Other –> Database Development perspective)

[box] After you open the perspective choose a new connection [/box]

[box] On the pop-page of the Connection Profile Wizard, select the MySQL connection profile, name your connection, and then click next[/box]

[box] you will need to pick the type of driver that you want to use(we are using 5.1 here so pick that one)[/box]

[box] There are no drivers set up so click on the circle to the right of the pull down menu,and switch to the jar tab.[/box]

[box] there is a slight issue as the original driver here does not work, which is the reason for downloading the driver from MySQL, just delete the old one[/box]

[box] you should be left with only your driver, just point to the area where you saved it.[/box]

[box] set up your database information, and test the connection, you should see “ping succeeded”[/box]

[box] the original look of the newly created database[/box]

[box] to get to the data, right click on the database table and sample content or edit[/box]

[box] I went with edit,as it is a little cleaner I think, and there is also a window to write your own SQL! [/box]

That is all there is too it, you now how MySQL working inside of FDT.

You can also create database tables using this method.

[box] to start use the file menu, and create a new sql file, this allows you to include the sql file along with your project. this way is sloppy(sorry for that!) it is better to crate a new project and link it to the FDT project that you are working on, as this creates a new folder automatically for you. In my case I create a new sql file called meetings.sql and in it’s properties I link it to the project, and set up all the properties needed.[/box]

[box] In the newly created sql file you have the sql editor where you can create a new table with the properties you want, then just right click and execute. I did this in two steps to show that you can continue using the editor to do whatever you can do with sql. There is even sql code completion :)[/box]

[box] Each time you will be showed your results, and if you have any errors in your sql[/box]

[box] Now you can view the results in the Data Source Explorer, and then I show you can edit the data visually, or just sample the content. Below is a final image showing the results.[/box]

I hope you enjoyed the tutorial on setting up and working with MySQL with FDT

In part 3 of the series, we will set up the cross domain file, and create a flash remoting project with FDT 4 & ColdFusion 9 🙂

FDT & Coldfusion

Setting up the Environment

In the first part of the series of getting FDT & ColdFusion/MySQL to work for remoting we will focus on setting up the environment.

First I assume you have FDT, ColdFusion 9, and MySQL installed.

If you don’t:

Downloding CF Eclipse so you will have code completion, and some other goodies, it is free.

  • click next
  • agree to the license
  • wait for it to install and re start FDT

If you want to use cfeclipse open it’s perspective, but since we are just using it for writing cfcs for remoting that it not necessary.
The one thing that you will have to do if it bothered you as much as it did me, is to modify the top tollbar while in other perspectives not to show the tool bar from cfeclipse. this is easy to do.

right click on the tool bar, and pick customize perspective.

make sure CFEClipse and MXUnit is unchecked for the all other perspectives except cf eclipse. I don’t know why it does this, but it does, frusting!!

Also in the context menu there are new items, even in the FDT perspective.

I am not sure how I did it, but I got rid of the cfeclipse menus while working with the FDT prespective 🙂

to use cfeclipse in your FDT project just pick new file like you also do, but in this case pick other/cfeclipse

There is a nice wizard for creating the cfc. cfeclipse is a nice IDE for ColdFusion in Eclipse, if you are using ColdFusion I would recommend you check it out. Actually I just wanted something for the code hinting completion, but I will have to say that the features in cfeclipse are very nice!

You actually have everything you need to work with FDT & ColdFusion, but since we want database support that will be the next and final part of the set up.

I will update this post to show the set up with cfbuilder if you prefer using cfbuilder over cfeclipse.

Update: I got cfbuiulder installed and got RDS, and all the goodies working, however, the text editor did not! Also, to do this you need to uninstall cfeclipse first, it made such a mess of everything I had to re install FDT altogether! Stick with cfeclipse 🙂

Actually for the needs of working with flash remoting cfeclipse does more than what I  need, I wish I could just get the code editor with code completion, which is all I was really after. Yes a lot of work, but it is nice to be able to create & editor your ColdFusion files while in FDT and working with remoting.

In part 2 of the series I will show how to get MySQL working

Increasing memory in FDT Enterprise Standalone

To increase the memory in FDT Standalone go to your FDT Enterprise folder

/Applications/FDTEnterprise

right click on the FDT program to show package details

in the terminal Open the

Mac OS/ eclispe.ini

The eclipse.ini file consist of

-startup
../../../plugins/org.eclipse.equinox.launcher_1.0.200.v20090520.jar
--launcher.library
../../../plugins/org.eclipse.equinox.launcher.cocoa.macosx_1.0.0.v20090519
-product
com.powerflasher.fdt.product.product
--launcher.XXMaxPermSize
256m
-vmargs
-Dosgi.requiredJavaVersion=1.5
-XstartOnFirstThread
-Dorg.eclipse.swt.internal.carbon.smallFonts
-XX:MaxPermSize=256m
-Xms40m
-Xmx768m
-Xdock:icon=../Resources/Eclipse.icns
-XstartOnFirstThread
-Dorg.eclipse.swt.internal.carbon.smallFonts

On line 15 -Xmx768m this value is the memory currently,
I am going to try to change this to -Xmx1024m.
I will let you know how this works out.

I would like to thanks @LittleBuddha87 & @a_campitelli for their help on twitter!

creating a swc file with FDT

Create a new As 3 project in FDT, here is a simple example of displaying text

package {
	import flash.text.TextField;
	import flash.display.Sprite;

	/**
	 * @author johnbarrett
	 */
	public class Main extends Sprite {
		private var myText : TextField = new TextField();
		public function Main() {

			myText.border = true;
			myText.x = 10;
			myText.y = 10;
			myText.width = 220;
			myText.height = 20;
			myText.text = "Creating a swc using FDT";
			addChild(myText);
			//trace(myText.text);
		}
	}
}

Now if you just run this file in FDT, you will see “Creating a swc using FDT” in a text field, no surprise here, but actually you did not actually create the swc file yet, to do so go to Run – >Run Configurations

Choose  double click this and create a project name for it, I like to use the same name as the project, in this case my project is called Ant. then choose your settings

hit apply, and then run, and your swc will be created

Now I will show a much better way using an Ant script for this.

create a build.xml file this is the ant task file that will be used. Making this in FDT is really easy:

<?xml version="1.0" encoding="UTF-8"?>
<project name="Ant">

	<target name="create swc">
		<fdt.launch.library projectname="Ant" target="../bin/Main.swc" />
	</target>
</project>

then drag this build file into the ant prospective

hit the green arrow to run, and Ant will create your swc.
Make sure you use the same Jre was workspace, otherwise you will get an error!

the file has a project name, same as the project name in FDT (Ant in my case), then in the build file I give it a target name “create_swc” as this is what this does. You can have many “tasks” in your build file. Then by using the fdt.launch.library projectname property, and using target to tell here you want the swc file to go, it is done.

you can you variables to in Ant as well, but this was just might as a simple tutorial, next one I will show that way.

Pretty easy, right?

A Special Thanks to FDT

I would like to thank so much FDT so much for mentioning me on their “thanks to” section in the FDT 4 beta site. I feel so very honored to be mentioned. I took a screen shot, but you can see this on the FDT beta site

thanks so very much!