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 goint to create the Tree Manager sample.

2 - Implementation Steps

s1.JPG

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

s2.JPG

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

After selecting the component click Ok or press ENTER

s3.JPG

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

s4.JPG

Fig. (4) Form Designer

s5.JPG

Fig. (5) Goal Desginer - Steps Tree

Select the step (Window 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 (Windows)

                3 - Select the component (Window Events)

The fast way (Using Keyboard shortcuts):

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

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

s6.JPG

Fig. (6) Component Browser – Select the component (Window Events)

After selecting the component click Ok or press ENTER

s7.JPG

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

s8.JPG

Fig. (8) Form Designer

s9.JPG

Fig. (9) 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 (Tree)

The fast way (Using Keyboard shortcuts):

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

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

s10.JPG

Fig. (10) Component Browser – Select the component (Tree)

After selecting the component click Ok or press ENTER

s11.JPG

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

s12.JPG

Fig. (12) Form Designer

s13.JPG

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

s14.JPG

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

After selecting the component click Ok or press ENTER

s15.JPG

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

s16.JPG

Fig. (16) Form Designer

s17.JPG

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

s18.JPG

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

After selecting the component click Ok or press ENTER

s19.JPG

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

s20.JPG

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

s21.JPG

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

After selecting the component click Ok or press ENTER

s22.JPG

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

s23.JPG

Fig. (23) Form Designer

s24.JPG

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

s25.JPG

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

After selecting the component click Ok or press ENTER

s26.JPG

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

s27.JPG

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

s28.JPG

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

After selecting the component click Ok or press ENTER

s29.JPG

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

s30.JPG

Fig. (30) Form Designer

s31.JPG

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

s32.JPG

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

After selecting the component click Ok or press ENTER

s33.JPG

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

s34.JPG

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

s35.JPG

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

After selecting the component click Ok or press ENTER

s36.JPG

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

s37.JPG

Fig. (37) Form Designer

s38.JPG

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

s39.JPG

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

After selecting the component click Ok or press ENTER

s40.JPG

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

s41.JPG

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

s42.JPG

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

After selecting the component click Ok or press ENTER

s43.JPG

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

s44.JPG

Fig. (44) 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 (Input Box)

The fast way (Using Keyboard shortcuts):

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

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

s45.JPG

Fig. (45) Component Browser – Select the component (Input Box)

After selecting the component click Ok or press ENTER

s46.JPG

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

s47.JPG

Fig. (47) 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 (Tree Class)

The fast way (Using Keyboard shortcuts):

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

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

s48.JPG

Fig. (48) Component Browser – Select the component (Tree Class)

After selecting the component click Ok or press ENTER

s49.JPG

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

s50.JPG

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

s51.JPG

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

s52.JPG

Fig. (52) 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 (Call Procedure)

The fast way (Using Keyboard shortcuts):

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

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

s53.JPG

Fig. (53) Component Browser – Select the component (Call Procedure)

After selecting the component click Ok or press ENTER

s54.JPG

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

s55.JPG

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

s56.JPG

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

After selecting the component click Ok or press ENTER

s57.JPG

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

s58.JPG

Fig. (58) 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 (Input Box)

The fast way (Using Keyboard shortcuts):

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

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

s59.JPG

Fig. (59) Component Browser – Select the component (Input Box)

After selecting the component click Ok or press ENTER

s60.JPG

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

s61.JPG

Fig. (61) 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 (Tree Class)

The fast way (Using Keyboard shortcuts):

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

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

s62.JPG

Fig. (62) Component Browser – Select the component (Tree Class)

After selecting the component click Ok or press ENTER

s63.JPG

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

s64.JPG

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

s65.JPG

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

s66.JPG

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

s67.JPG

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

After selecting the component click Ok or press ENTER

s68.JPG

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

s69.JPG

Fig. (69) 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 (Tree Class)

The fast way (Using Keyboard shortcuts):

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

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

s70.JPG

Fig. (70) Component Browser – Select the component (Tree Class)

After selecting the component click Ok or press ENTER

s71.JPG

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

s72.JPG

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

s73.JPG

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

s74.JPG

Fig. (74) 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 (Call Procedure)

The fast way (Using Keyboard shortcuts):

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

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

s75.JPG

Fig. (75) Component Browser – Select the component (Call Procedure)

After selecting the component click Ok or press ENTER

s76.JPG

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

s77.JPG

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

s78.JPG

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

After selecting the component click Ok or press ENTER

s79.JPG

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

s80.JPG

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

s81.JPG

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

After selecting the component click Ok or press ENTER

s82.JPG

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

s83.JPG

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 (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

s84.JPG

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

After selecting the component click Ok or press ENTER

s85.JPG

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

s86.JPG

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 (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

s87.JPG

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

After selecting the component click Ok or press ENTER

s88.JPG

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

s89.JPG

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 (Classes)

                3 - Select the component (Tree Class)

The fast way (Using Keyboard shortcuts):

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

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

s90.JPG

Fig. (90) Component Browser – Select the component (Tree Class)

After selecting the component click Ok or press ENTER

s91.JPG

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

s92.JPG

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

s93.JPG

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

s94.JPG

Fig. (94) 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 (Call Procedure)

The fast way (Using Keyboard shortcuts):

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

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

s95.JPG

Fig. (95) Component Browser – Select the component (Call Procedure)

After selecting the component click Ok or press ENTER

s96.JPG

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

s97.JPG

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

s98.JPG

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

After selecting the component click Ok or press ENTER

s99.JPG

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

s100.JPG

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

s101.JPG

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

After selecting the component click Ok or press ENTER

s102.JPG

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

s103.JPG

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

s104.JPG

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

After selecting the component click Ok or press ENTER

s105.JPG

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

s106.JPG

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

s107.JPG

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

After selecting the component click Ok or press ENTER

s108.JPG

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

s109.JPG

Fig. (109) 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 (Tree Class)

The fast way (Using Keyboard shortcuts):

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

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

s110.JPG

Fig. (110) Component Browser – Select the component (Tree Class)

After selecting the component click Ok or press ENTER

s111.JPG

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

s112.JPG

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

s113.JPG

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

s114.JPG

Fig. (114) 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 (Input Box)

The fast way (Using Keyboard shortcuts):

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

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

s115.JPG

Fig. (115) Component Browser – Select the component (Input Box)

After selecting the component click Ok or press ENTER

s116.JPG

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

s117.JPG

Fig. (117) 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 (Tree Class)

The fast way (Using Keyboard shortcuts):

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

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

s118.JPG

Fig. (118) Component Browser – Select the component (Tree Class)

After selecting the component click Ok or press ENTER

s119.JPG

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

s120.JPG

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

s121.JPG

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

s122.JPG

Fig. (122) 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 (Call Procedure)

The fast way (Using Keyboard shortcuts):

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

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

s123.JPG

Fig. (123) Component Browser – Select the component (Call Procedure)

After selecting the component click Ok or press ENTER

s124.JPG

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

s125.JPG

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

s126.JPG

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

After selecting the component click Ok or press ENTER

s127.JPG

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

s128.JPG

Fig. (128) 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 (Tree Class)

The fast way (Using Keyboard shortcuts):

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

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

s129.JPG

Fig. (129) Component Browser – Select the component (Tree Class)

After selecting the component click Ok or press ENTER

s130.JPG

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

s131.JPG

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

s132.JPG

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

s133.JPG

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

s134.JPG

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

After selecting the component click Ok or press ENTER

s135.JPG

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

s136.JPG

Fig. (136) 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 (Button Class)

The fast way (Using Keyboard shortcuts):

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

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

s137.JPG

Fig. (137) Component Browser – Select the component (Button Class)

After selecting the component click Ok or press ENTER

s138.JPG

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

s139.JPG

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

s140.JPG

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

s141.JPG

Fig. (141) 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 (Button Class)

The fast way (Using Keyboard shortcuts):

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

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

s142.JPG

Fig. (142) Component Browser – Select the component (Button Class)

After selecting the component click Ok or press ENTER

s143.JPG

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

s144.JPG

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

s145.JPG

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

s146.JPG

Fig. (146) 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 (Button Class)

The fast way (Using Keyboard shortcuts):

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

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

s147.JPG

Fig. (147) Component Browser – Select the component (Button Class)

After selecting the component click Ok or press ENTER

s148.JPG

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

s149.JPG

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

s150.JPG

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

s151.JPG

Fig. (151) 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 (Button Class)

The fast way (Using Keyboard shortcuts):

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

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

s152.JPG

Fig. (152) Component Browser – Select the component (Button Class)

After selecting the component click Ok or press ENTER

s153.JPG

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

s154.JPG

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

s155.JPG

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

s156.JPG

Fig. (156) 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 (Button Class)

The fast way (Using Keyboard shortcuts):

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

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

s157.JPG

Fig. (157) Component Browser – Select the component (Button Class)

After selecting the component click Ok or press ENTER

s158.JPG

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

s159.JPG

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

s160.JPG

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

s161.JPG

Fig. (161) 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 (Button Class)

The fast way (Using Keyboard shortcuts):

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

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

s162.JPG

Fig. (162) Component Browser – Select the component (Button Class)

After selecting the component click Ok or press ENTER

s163.JPG

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

s164.JPG

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

s165.JPG

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

s166.JPG

Fig. (166) Goal Desginer - Final Steps Tree

3 - Final Steps Tree

The First Step

                Define New Window ( win1 ) , Title : "Tree Manager sample"

                                Window Events

                                                Event: ON INIT : Action mycheck()

                                Window Properties

                                Window Controls

                                                Define New Tree ( tree1 )

                                                                Tree Events

                                                                Tree Properties

                                                Define New Button ( btn1 ) , Caption : "Add Item (Root)"

                                                                Button Events

                                                                                Event: ON CLICK : Action myaddroot()

                                                                Button Properties

                                                Define New Button ( btn2 ) , Caption : "Add Item (Child)"

                                                                Button Events

                                                                                Event: ON CLICK : Action myaddchild()

                                                                Button Properties

                                                Define New Button ( btn3 ) , Caption : "Edit"

                                                                Button Events

                                                                                Event: ON CLICK : Action myedit()

                                                                Button Properties

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

                                                                Button Events

                                                                                Event: ON CLICK : Action mydelete()

                                                                Button Properties

                                End Of Window

                                Activate window

                Define Procedure myaddroot

                                Start Here

                                                myvalue = Input Box prompt "Name :"

                                                win1.tree1.AddItem ( myvalue,0 )

                                                Call Procedure mycheck

                                End of Procedure

                Define Procedure myaddchild

                                Start Here

                                                myvalue = Input Box prompt "Name :"

                                                win1.tree1.AddItem ( myvalue,win1.tree1.value )

                                                IF ( .not. win1.tree1.value = 0 )

                                                                Start Here

                                                                                win1.tree1.Expand ( win1.tree1.value )

                                                                END OF IF STATEMENT

                                                Call Procedure mycheck

                                End of Procedure

                Define Procedure mydelete

                                Start Here

                                                IF ( win1.tree1.value = 0 )

                                                                Start Here

                                                                                Show Message "Please select the item" Title "Sorry" Type: Message Box

                                                                                Return 0

                                                                END OF IF STATEMENT

                                                win1.tree1.DeleteItem ( win1.tree1.value )

                                                Call Procedure mycheck

                                End of Procedure

                Define Procedure myedit

                                Start Here

                                                IF ( win1.tree1.value = 0 )

                                                                Start Here

                                                                                Show Message "Please select the item" Title "Sorry" Type: Message Box

                                                                                Return 0

                                                                END OF IF STATEMENT

                                                myvalue = win1.tree1.item(win1.tree1.value)

                                                myvalue = Input Box prompt win1.tree1.value

                                                win1.tree1.item(win1.tree1.value) := myvalue

                                                Call Procedure mycheck

                                End of Procedure

                Define Procedure mycheck

                                Start Here

                                                mycount = win1.tree1.ItemCount

                                                IF ( mycount = 0 )

                                                                Start Here

                                                                                win1.btn2.Enabled := false

                                                                                win1.btn3.Enabled := false

                                                                                win1.btn4.Enabled := false

                                                                ELSE

                                                                                Start Here

                                                                                                win1.btn2.Enabled := true

                                                                                                win1.btn3.Enabled := true

                                                                                                win1.btn4.Enabled := true

                                                                END OF IF STATEMENT

                                End of Procedure

4 - Application during the runtime

runtime1.JPG

Fig. (167) Application during the runtime