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 create the Copy and Rename 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 (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. (2) Component Browser – Select the component (Define New Window)

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) Form Designer

Fig. (5) 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 (Main Menu)

                3 - Select the component (Define Main Menu)

The fast way (Using Keyboard shortcuts):

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

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

Fig. (6) Component Browser – Select the component (Define Main Menu)

After selecting the component click Ok or press ENTER

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

Fig. (8) Goal Desginer - Steps Tree

Select the step (MENU POPUPS)

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 (Main Menu)

                3 - Select the component (Define POPUP)

The fast way (Using Keyboard shortcuts):

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

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

Fig. (9) Component Browser – Select the component (Define POPUP)

After selecting the component click Ok or press ENTER

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

Fig. (11) Goal Desginer - Steps Tree

Select the step (POPUP ITEMS)

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 (Main Menu)

                3 - Select the component (Define Item)

The fast way (Using Keyboard shortcuts):

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

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

Fig. (12) Component Browser – Select the component (Define Item)

After selecting the component click Ok or press ENTER

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

Fig. (14) 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 (Sound)

                3 - Select the component (Play Wave)

The fast way (Using Keyboard shortcuts):

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

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

Fig. (15) Component Browser – Select the component (Play Wave)

After selecting the component click Ok or press ENTER

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

Fig. (17) Form Designer

Fig. (18) 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. (19) Component Browser – Select the component (Image)

After selecting the component click Ok or press ENTER

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

Fig. (21) Form Designer

Fig. (22) 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 (Label)

The fast way (Using Keyboard shortcuts):

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

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

Fig. (23) Component Browser – Select the component (Label)

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) Form Designer

Fig. (26) 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. (27) Component Browser – Select the component (Button)

After selecting the component click Ok or press ENTER

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

Fig. (29) Form Designer

Fig. (30) 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. (31) Component Browser – Select the component (Button Events)

After selecting the component click Ok or press ENTER

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

Fig. (33) 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. (34) Component Browser – Select the component (Button)

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) Form Designer

Fig. (37) 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. (38) Component Browser – Select the component (Button Events)

After selecting the component click Ok or press ENTER

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

Fig. (40) 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. (41) Component Browser – Select the component (Button)

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) Form Designer

Fig. (44) 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. (45) Component Browser – Select the component (Button Events)

After selecting the component click Ok or press ENTER

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

Fig. (47) 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. (48) Component Browser – Select the component (Button)

After selecting the component click Ok or press ENTER

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

Fig. (50) Form Designer

Fig. (51) 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. (52) Component Browser – Select the component (Button Events)

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) 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. (55) Component Browser – Select the component (Define Procedure)

After selecting the component click Ok or press ENTER

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

Fig. (57) 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 (Windows)

                3 - Select the component (Window Class)

The fast way (Using Keyboard shortcuts):

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

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

Fig. (58) Component Browser – Select the component (Window Class)

After selecting the component click Ok or press ENTER

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

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

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

Fig. (62) 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. (63) Component Browser – Select the component (Define Procedure)

After selecting the component click Ok or press ENTER

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

Fig. (65) 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 (Files / Folders)

                3 - Select the component (Copy File)

The fast way (Using Keyboard shortcuts):

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

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

Fig. (66) Component Browser – Select the component (Copy File)

After selecting the component click Ok or press ENTER

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

Fig. (68) 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. (69) Component Browser – Select the component (Define Procedure)

After selecting the component click Ok or press ENTER

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

Fig. (71) 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 (Files / Folders)

                3 - Select the component (Rename File)

The fast way (Using Keyboard shortcuts):

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

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

Fig. (72) Component Browser – Select the component (Rename File)

After selecting the component click Ok or press ENTER

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

Fig. (74) 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. (75) Component Browser – Select the component (Define Procedure)

After selecting the component click Ok or press ENTER

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

Fig. (77) 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 (GUI Application)

                3 - Select the component (Show Message)

The fast way (Using Keyboard shortcuts):

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

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

Fig. (78) Component Browser – Select the component (Show Message)

After selecting the component click Ok or press ENTER

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

Fig. (80) 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 (IF Statement)

The fast way (Using Keyboard shortcuts):

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

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

Fig. (81) Component Browser – Select the component (IF Statement)

After selecting the component click Ok or press ENTER

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

Fig. (83) 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 (Files / Folders)

                3 - Select the component (Delete File)

The fast way (Using Keyboard shortcuts):

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

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

Fig. (84) Component Browser – Select the component (Delete File)

After selecting the component click Ok or press ENTER

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

Fig. (86) 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 (IF Statement)

The fast way (Using Keyboard shortcuts):

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

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

Fig. (87) Component Browser – Select the component (IF Statement)

After selecting the component click Ok or press ENTER

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

Fig. (89) 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 (Structure Programming)

                3 - Select the component (Return Value)

The fast way (Using Keyboard shortcuts):

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

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

Fig. (90) Component Browser – Select the component (Return Value)

After selecting the component click Ok or press ENTER

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

Fig. (92) 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. (93) Component Browser – Select the component (Define Procedure)

After selecting the component click Ok or press ENTER

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

Fig. (95) 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 (Files / Folders)

                3 - Select the component (Execute File)

The fast way (Using Keyboard shortcuts):

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

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

Fig. (96) Component Browser – Select the component (Execute File)

After selecting the component click Ok or press ENTER

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

Fig. (98) Goal Desginer - Final Steps Tree

3 - Final Steps Tree

The First Step

                Define New Window ( win1 ) , Title : "Copy and Rename"

                                Window Events

                                Window Properties

                                Window Controls

                                                START OF MAIN MENU

                                                                MENU POPUPS

                                                                                DEFINE POPUP "file"

                                                                                                POPUP ITEMS

                                                                                                                Define ITEM ( "Exit" )

                                                                                                END OF POPUP

                                                                END OF MAIN MENU

                                                Play wave "HEART-OF-THE-SEA_2.WAV"

                                                Define New Image ( image1 ) , Image : "APPLE.JPG"

                                                                Events

                                                                Properties

                                                Define Label ( lbl1 ) , Caption : "Edit your file"

                                                                Label Events

                                                                Label Properties

                                                Define New Button ( btnC ) , Caption : "copy"

                                                                Button Events

                                                                                Event: ON CLICK : Action mycopy()

                                                                Button Properties

                                                Define New Button ( btnR ) , Caption : "Rename"

                                                                Button Events

                                                                                Event: ON CLICK : Action myname()

                                                                Button Properties

                                                Define New Button ( btnD ) , Caption : "Delete"

                                                                Button Events

                                                                                Event: ON CLICK : Action mydelet()

                                                                Button Properties

                                                Define New Button ( btnU ) , Caption : "Run"

                                                                Button Events

                                                                                Event: ON CLICK : Action myrun()

                                                                Button Properties

                                End Of Window

                                Activate window

                Define Procedure myexit

                                Start Here

                                                win1.Release ( )

                                End of Procedure

                Define Procedure mycopy

                                Start Here

                                                Copy File "WIFI.PDF" to "C:\WIFI.PDF"

                                End of Procedure

                Define Procedure myname

                                Start Here

                                                Rename File "WIFI.PDF" TO "wirless.PDF"

                                End of Procedure

                Define Procedure mydelet

                                Start Here

                                                Show Message "Are you sure ??" Title "delet file" Type: Message Yes/No

                                                IF ( MyOut=true )

                                                                Start Here

                                                                                Delete File "WIFI.PDF"

                                                                END OF IF STATEMENT

                                                IF ( MyOut=false )

                                                                Start Here

                                                                                Return 0

                                                                END OF IF STATEMENT

                                End of Procedure

                Define Procedure myrun

                                Start Here

                                                Execute File "notepad.exe"

                                End of Procedure

4 - Application during the runtime

Fig. (99) Application during the runtime