PWCT 1.9 Art Documentation ( http://doublesvsoop.sourceforge.net )

2006-2019, Mahmoud Fayed ( msfclipper@users.sourceforge.net )

_____________________________________________________________________________________

Table of contents

1 - Introduction

2 - Implementation steps

3 - Final Steps Tree

4 - Application during the runtime

1 - Introduction

In this lesson we are going to learn how to create the Boom application.

2 - Implementation Steps

Fig. (1) Goal Desginer - Steps Tree

Select the step (The First Step)

We will start now new interaction process to generate new steps to our steps tree.

The slow way (Using Mouse):

                1 - Click Interact to open the components browser

                2 - Select the domain (Arrays)

                3 - Select the component (Declare Array)

The fast way (Using Keyboard shortcuts):

                1 - Get the component using its name by typing (Declare Array)

                Note : Stop typing when you see the required component is selected

Fig. (2) Component Browser – Select the component (Declare Array)

After selecting the component click Ok or press ENTER

Fig. (3) Interaction page - Set the properties and enter the required data as in the image above

Fig. (4) Goal Desginer - Steps Tree

Select the step (The First Step)

We will start now new interaction process to generate new steps to our steps tree.

The slow way (Using Mouse):

                1 - Click Interact to open the components browser

                2 - Select the domain (Arrays)

                3 - Select the component (Add Item)

The fast way (Using Keyboard shortcuts):

                1 - Get the component using its name by typing (Add Item)

                Note : Stop typing when you see the required component is selected

Fig. (5) Component Browser – Select the component (Add Item)

After selecting the component click Ok or press ENTER

Fig. (6) Interaction page - Set the properties and enter the required data as in the image above

Fig. (7) Goal Desginer - Steps Tree

Select the step (The First Step)

We will start now new interaction process to generate new steps to our steps tree.

The slow way (Using Mouse):

                1 - Click Interact to open the components browser

                2 - Select the domain (Arrays)

                3 - Select the component (Add Item)

The fast way (Using Keyboard shortcuts):

                1 - Get the component using its name by typing (Add Item)

                Note : Stop typing when you see the required component is selected

Fig. (8) Component Browser – Select the component (Add Item)

After selecting the component click Ok or press ENTER

Fig. (9) Interaction page - Set the properties and enter the required data as in the image above

Fig. (10) Goal Desginer - Steps Tree

Select the step (The First Step)

We will start now new interaction process to generate new steps to our steps tree.

The slow way (Using Mouse):

                1 - Click Interact to open the components browser

                2 - Select the domain (Arrays)

                3 - Select the component (Add Item)

The fast way (Using Keyboard shortcuts):

                1 - Get the component using its name by typing (Add Item)

                Note : Stop typing when you see the required component is selected

Fig. (11) Component Browser – Select the component (Add Item)

After selecting the component click Ok or press ENTER

Fig. (12) Interaction page - Set the properties and enter the required data as in the image above

Fig. (13) Goal Desginer - Steps Tree

Select the step (The First Step)

We will start now new interaction process to generate new steps to our steps tree.

The slow way (Using Mouse):

                1 - Click Interact to open the components browser

                2 - Select the domain (Arrays)

                3 - Select the component (Add Item)

The fast way (Using Keyboard shortcuts):

                1 - Get the component using its name by typing (Add Item)

                Note : Stop typing when you see the required component is selected

Fig. (14) Component Browser – Select the component (Add Item)

After selecting the component click Ok or press ENTER

Fig. (15) Interaction page - Set the properties and enter the required data as in the image above

Fig. (16) Goal Desginer - Steps Tree

Select the step (The First Step)

We will start now new interaction process to generate new steps to our steps tree.

The slow way (Using Mouse):

                1 - Click Interact to open the components browser

                2 - Select the domain (Arrays)

                3 - Select the component (Add Item)

The fast way (Using Keyboard shortcuts):

                1 - Get the component using its name by typing (Add Item)

                Note : Stop typing when you see the required component is selected

Fig. (17) Component Browser – Select the component (Add Item)

After selecting the component click Ok or press ENTER

Fig. (18) Interaction page - Set the properties and enter the required data as in the image above

Fig. (19) Goal Desginer - Steps Tree

Select the step (The First Step)

We will start now new interaction process to generate new steps to our steps tree.

The slow way (Using Mouse):

                1 - Click Interact to open the components browser

                2 - Select the domain (Arrays)

                3 - Select the component (Add Item)

The fast way (Using Keyboard shortcuts):

                1 - Get the component using its name by typing (Add Item)

                Note : Stop typing when you see the required component is selected

Fig. (20) Component Browser – Select the component (Add Item)

After selecting the component click Ok or press ENTER

Fig. (21) Interaction page - Set the properties and enter the required data as in the image above

Fig. (22) Goal Desginer - Steps Tree

Select the step (The First Step)

We will start now new interaction process to generate new steps to our steps tree.

The slow way (Using Mouse):

                1 - Click Interact to open the components browser

                2 - Select the domain (Arrays)

                3 - Select the component (Add Item)

The fast way (Using Keyboard shortcuts):

                1 - Get the component using its name by typing (Add Item)

                Note : Stop typing when you see the required component is selected

Fig. (23) Component Browser – Select the component (Add Item)

After selecting the component click Ok or press ENTER

Fig. (24) Interaction page - Set the properties and enter the required data as in the image above

Fig. (25) Goal Desginer - Steps Tree

Select the step (The First Step)

We will start now new interaction process to generate new steps to our steps tree.

The slow way (Using Mouse):

                1 - Click Interact to open the components browser

                2 - Select the domain (Windows)

                3 - Select the component (Define New Window)

The fast way (Using Keyboard shortcuts):

                1 - Get the component using its name by typing (Define New Window)

                Note : Stop typing when you see the required component is selected

Fig. (26) Component Browser – Select the component (Define New Window)

After selecting the component click Ok or press ENTER

Fig. (27) Interaction page - Set the properties and enter the required data as in the image above

Fig. (28) Form Designer

Fig. (29) Goal Desginer - Steps Tree

Select the step (Window Controls)

We will start now new interaction process to generate new steps to our steps tree.

The slow way (Using Mouse):

                1 - Click Interact to open the components browser

                2 - Select the domain (Controls)

                3 - Select the component (Button)

The fast way (Using Keyboard shortcuts):

                1 - Get the component using its name by typing (Button)

                Note : Stop typing when you see the required component is selected

Fig. (30) Component Browser – Select the component (Button)

After selecting the component click Ok or press ENTER

Fig. (31) Interaction page - Set the properties and enter the required data as in the image above

Fig. (32) Form Designer

Fig. (33) Goal Desginer - Steps Tree

Select the step (Button Events)

We will start now new interaction process to generate new steps to our steps tree.

The slow way (Using Mouse):

                1 - Click Interact to open the components browser

                2 - Select the domain (Events)

                3 - Select the component (Button Events)

The fast way (Using Keyboard shortcuts):

                1 - Get the component using its name by typing (Button Events)

                Note : Stop typing when you see the required component is selected

Fig. (34) Component Browser – Select the component (Button Events)

After selecting the component click Ok or press ENTER

Fig. (35) Interaction page - Set the properties and enter the required data as in the image above

Fig. (36) Goal Desginer - Steps Tree

Select the step (Window Controls)

We will start now new interaction process to generate new steps to our steps tree.

The slow way (Using Mouse):

                1 - Click Interact to open the components browser

                2 - Select the domain (Controls)

                3 - Select the component (Image)

The fast way (Using Keyboard shortcuts):

                1 - Get the component using its name by typing (Image)

                Note : Stop typing when you see the required component is selected

Fig. (37) Component Browser – Select the component (Image)

After selecting the component click Ok or press ENTER

Fig. (38) Interaction page - Set the properties and enter the required data as in the image above

Fig. (39) Form Designer

Fig. (40) Goal Desginer - Steps Tree

Select the step (The First Step)

We will start now new interaction process to generate new steps to our steps tree.

The slow way (Using Mouse):

                1 - Click Interact to open the components browser

                2 - Select the domain (Structure Programming)

                3 - Select the component (Define Procedure)

The fast way (Using Keyboard shortcuts):

                1 - Get the component using its name by typing (Define Procedure)

                Note : Stop typing when you see the required component is selected

Fig. (41) Component Browser – Select the component (Define Procedure)

After selecting the component click Ok or press ENTER

Fig. (42) Interaction page - Set the properties and enter the required data as in the image above

Fig. (43) Goal Desginer - Steps Tree

Select the step (Start Here)

We will start now new interaction process to generate new steps to our steps tree.

The slow way (Using Mouse):

                1 - Click Interact to open the components browser

                2 - Select the domain (Control Structure)

                3 - Select the component (For Loop)

The fast way (Using Keyboard shortcuts):

                1 - Get the component using its name by typing (For Loop)

                Note : Stop typing when you see the required component is selected

Fig. (44) Component Browser – Select the component (For Loop)

After selecting the component click Ok or press ENTER

Fig. (45) Interaction page - Set the properties and enter the required data as in the image above

Fig. (46) Goal Desginer - Steps Tree

Select the step (Start Here)

We will start now new interaction process to generate new steps to our steps tree.

The slow way (Using Mouse):

                1 - Click Interact to open the components browser

                2 - Select the domain (Classes)

                3 - Select the component (Image Class)

The fast way (Using Keyboard shortcuts):

                1 - Get the component using its name by typing (Image Class)

                Note : Stop typing when you see the required component is selected

Fig. (47) Component Browser – Select the component (Image Class)

After selecting the component click Ok or press ENTER

Fig. (48) Interaction page - Set the properties and enter the required data as in the image above

Fig. (49) Interaction page - Set the properties and enter the required data as in the image above

Fig. (50) Interaction page - Set the properties and enter the required data as in the image above

Fig. (51) Goal Desginer - Steps Tree

Select the step (Start Here)

We will start now new interaction process to generate new steps to our steps tree.

The slow way (Using Mouse):

                1 - Click Interact to open the components browser

                2 - Select the domain (Classes)

                3 - Select the component (Image Class)

The fast way (Using Keyboard shortcuts):

                1 - Get the component using its name by typing (Image Class)

                Note : Stop typing when you see the required component is selected

Fig. (52) Component Browser – Select the component (Image Class)

After selecting the component click Ok or press ENTER

Fig. (53) Interaction page - Set the properties and enter the required data as in the image above

Fig. (54) Interaction page - Set the properties and enter the required data as in the image above

Fig. (55) Interaction page - Set the properties and enter the required data as in the image above

Fig. (56) Goal Desginer - Steps Tree

Select the step (Start Here)

We will start now new interaction process to generate new steps to our steps tree.

The slow way (Using Mouse):

                1 - Click Interact to open the components browser

                2 - Select the domain (Code Unit)

                3 - Select the component (Sleep Time)

The fast way (Using Keyboard shortcuts):

                1 - Get the component using its name by typing (Sleep Time)

                Note : Stop typing when you see the required component is selected

Fig. (57) Component Browser – Select the component (Sleep Time)

After selecting the component click Ok or press ENTER

Fig. (58) Interaction page - Set the properties and enter the required data as in the image above

Fig. (59) Goal Desginer - Steps Tree

Select the step (Start Here)

We will start now new interaction process to generate new steps to our steps tree.

The slow way (Using Mouse):

                1 - Click Interact to open the components browser

                2 - Select the domain (Classes)

                3 - Select the component (Image Class)

The fast way (Using Keyboard shortcuts):

                1 - Get the component using its name by typing (Image Class)

                Note : Stop typing when you see the required component is selected

Fig. (60) Component Browser – Select the component (Image Class)

After selecting the component click Ok or press ENTER

Fig. (61) Interaction page - Set the properties and enter the required data as in the image above

Fig. (62) Interaction page - Set the properties and enter the required data as in the image above

Fig. (63) Interaction page - Set the properties and enter the required data as in the image above

Fig. (64) Goal Desginer - Steps Tree

Select the step (Start Here)

We will start now new interaction process to generate new steps to our steps tree.

The slow way (Using Mouse):

                1 - Click Interact to open the components browser

                2 - Select the domain (Code Unit)

                3 - Select the component (Sleep Time)

The fast way (Using Keyboard shortcuts):

                1 - Get the component using its name by typing (Sleep Time)

                Note : Stop typing when you see the required component is selected

Fig. (65) Component Browser – Select the component (Sleep Time)

After selecting the component click Ok or press ENTER

Fig. (66) Interaction page - Set the properties and enter the required data as in the image above

Fig. (67) Goal Desginer - Final Steps Tree

3 - Final Steps Tree

The First Step

                Declare Array myimages

                Add item "appdata\expl1.bmp" To Array myimages

                Add item "appdata\expl2.bmp" To Array myimages

                Add item "appdata\expl3.bmp" To Array myimages

                Add item "appdata\expl4.bmp" To Array myimages

                Add item "appdata\expl5.bmp" To Array myimages

                Add item "appdata\expl6.bmp" To Array myimages

                Add item "appdata\expl7.bmp" To Array myimages

                Define New Window ( win1 ) , Title : "Boom Sample - by Stephen France"

                                Window Events

                                Window Properties

                                Window Controls

                                                Define New Button ( btn1 ) , Caption : "Press"

                                                                Button Events

                                                                                Event: ON CLICK

                                                                Button Properties

                                                Define New Image ( image1 ) , Image : ""

                                                                Events

                                                                Properties

                                End Of Window

                                Activate window

                Define Procedure Boom

                                Start Here

                                                FOR LOOP ( From x = 1 To 7 Step 1)

                                                                Start Here

                                                                                win1.image1.Picture := myimages[x]

                                                                                win1.image1.Visible := True

                                                                                SLEEP TIME 0.01

                                                                                win1.image1.Visible := False

                                                                                SLEEP TIME 0.01

                                                                End of For Loop

                                End of Procedure

4 - Application during the runtime

Fig. (68) Application during the runtime