In this step we will create and organize the library project and a flex application project to test the library, from now on I'll assume that you have installed the Flex Builder 3.

Creating the library project: FlexTutsLibrary
To create a library project in Flex Builder 3 go to File>New>Flex Library Project. A window will be shown. Then fill the Project name field with 'FlexTutsLibrary' or the name you want to give to your library and click Finish at the bottom.

Creating the flex application: Organigram
Go to File>New>Flex Project. In the window fill the Project name field with 'Organigram' or the name you want to give to your application project, then click Finish at the bottom.

Creating class files: Node and Organigram
To create the Node class go to File>New>ActionScript Class, in the window check if the Project field says 'FlexTutsLibrary'; if not, you can change it by using the Browse button at the right then fill the Package name field with 'ft.controls' or use your own name for the package, in the Name field write 'Node', I recomend you not to use other name but you can use another if you want, in the Superclass field write 'mx.containers.Canvas'. Click Finish.

To create the Organigram you have to do the same you did to create ne Node class but in the Name field write Organigram instead.

In the next image you can see how your project should looks, at this point your project does not have resources folder that appears in the FlexTutsLibrary project, we will talk about it later. Another difference you may find are the icons. I am using a CVS repository to develop the project and the icons changed when I began to use CVS. It's not a problem not to use a CVS repository but if you have a CVS server I recommend you to use it.