Using Communication Components > Whiteboard component > Using the Whiteboard component

 

Using the Whiteboard component

You can use this component to create a collaborative environment for developing ideas. The following list describes several ways to use this component:

Shared whiteboard: Map out ideas with other users.

Organization chart: Outline the company's organizational structure.

Workflow: Display the ongoing progress of a project. As additional phases are completed, they can be updated on the whiteboard so all users can see the current status.

 
To use the component in your application:

1

Make sure Flash Communication Server is running.

2

Create a directory in the Flash Communication Server MX applications directory, and name it whiteboard_test.

3

Drag the Whiteboard component onto the Stage.

4

In the Property inspector, give the component an instance name, such as whiteboard_mc.

5

Drag the SimpleConnect component onto the Stage.

6

In the Property inspector for the SimpleConnect component, provide the following two parameters:

In the Application Directory text box, type the URI of the application that you created in Step 2: rtmp:/whiteboard_test.

Double-click the Communication Components text box. In the Values dialog box that appears, click the plus sign (+) and type the instance name of the Whiteboard component: whiteboard_mc. Click OK.

7

Save and publish the file as whiteboard_test.fla.

8

In this application's directory, create a file named main.asc with the following code:

load("components.asc");

Note: You can also copy the main.asc file from another application directory to this application's directory.

9

Open two instances of the SWF file or, in the Flash MX authoring environment, choose Control > Test Movie, and log in.

You see the whiteboard with several tools on the left, as shown here. If you open more instances of the application, each instance displays the shapes and text of the other instances. You can select and move objects, type text, create text boxes, draw arrows, and select colors.