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

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

_____________________________________________________________________________________

Table of contents

1 - Introduction

2 - Implementation steps

3 - Final Steps Tree

1 - Introduction

In this lesson we are going to create the (Data Window - Child Class) template.

2 - Implementation Steps

s1.JPG

Fig. (1) Goal Desginer - Steps Tree

Select the step (Set Class Name & Window Name)

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 (PWCT - Code Generator)

                3 - Select the component (CG Replace String)

The fast way (Using Keyboard shortcuts):

                1 - Get the component using its name by typing (CG Replace String)

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

s2.JPG

Fig. (2) Component Browser Select the component (CG Replace String)

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) Goal Desginer - Steps Tree

Select the step (Set Class Name & Window Name)

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 (PWCT - Code Generator)

                3 - Select the component (CG Replace String)

The fast way (Using Keyboard shortcuts):

                1 - Get the component using its name by typing (CG Replace String)

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

s5.JPG

Fig. (5) Component Browser Select the component (CG Replace String)

After selecting the component click Ok or press ENTER

s6.JPG

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

s7.JPG

Fig. (7) Goal Desginer - Steps Tree

Select the step (Class)

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 (Object Oriented Programming (OOP))

                3 - Select the component (Define Class)

The fast way (Using Keyboard shortcuts):

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

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

s8.JPG

Fig. (8) Component Browser Select the component (Define Class)

After selecting the component click Ok or press ENTER

s9.JPG

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

s10.JPG

Fig. (10) Goal Desginer - Steps Tree

Select the step (Declare Class Data)

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 (Object Oriented Programming (OOP))

                3 - Select the component (Declare Class Data)

The fast way (Using Keyboard shortcuts):

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

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

s11.JPG

Fig. (11) Component Browser Select the component (Declare Class Data)

After selecting the component click Ok or press ENTER

s12.JPG

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

s13.JPG

Fig. (13) Goal Desginer - Steps Tree

Select the step (************************** Record Data 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 (Object Oriented Programming (OOP))

                3 - Select the component (Declare Class Data)

The fast way (Using Keyboard shortcuts):

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

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

s14.JPG

Fig. (14) Component Browser Select the component (Declare Class Data)

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) Goal Desginer - Steps Tree

Select the step (Declare Class Methods)

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 (Object Oriented Programming (OOP))

                3 - Select the component (Declare Class Method)

The fast way (Using Keyboard shortcuts):

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

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

s17.JPG

Fig. (17) Component Browser Select the component (Declare Class Method)

After selecting the component click Ok or press ENTER

s18.JPG

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

s19.JPG

Fig. (19) Goal Desginer - Steps Tree

Select the step (Declare Class Methods)

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 (Object Oriented Programming (OOP))

                3 - Select the component (Declare Class Method)

The fast way (Using Keyboard shortcuts):

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

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

s20.JPG

Fig. (20) Component Browser Select the component (Declare Class Method)

After selecting the component click Ok or press ENTER

s21.JPG

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

s22.JPG

Fig. (22) Goal Desginer - Steps Tree

Select the step (Declare Class Methods)

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 (Object Oriented Programming (OOP))

                3 - Select the component (Declare Class Method)

The fast way (Using Keyboard shortcuts):

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

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

s23.JPG

Fig. (23) Component Browser Select the component (Declare Class Method)

After selecting the component click Ok or press ENTER

s24.JPG

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

s25.JPG

Fig. (25) Goal Desginer - Steps Tree

Select the step (Declare Class Methods)

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 (Object Oriented Programming (OOP))

                3 - Select the component (Declare Class Method)

The fast way (Using Keyboard shortcuts):

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

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

s26.JPG

Fig. (26) Component Browser Select the component (Declare Class Method)

After selecting the component click Ok or press ENTER

s27.JPG

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

s28.JPG

Fig. (28) Goal Desginer - Steps Tree

Select the step (Declare Class Methods)

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 (Object Oriented Programming (OOP))

                3 - Select the component (Declare Class Method)

The fast way (Using Keyboard shortcuts):

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

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

s29.JPG

Fig. (29) Component Browser Select the component (Declare Class Method)

After selecting the component click Ok or press ENTER

s30.JPG

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

s31.JPG

Fig. (31) Goal Desginer - Steps Tree

Select the step (Declare Class Methods)

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 (Object Oriented Programming (OOP))

                3 - Select the component (Declare Class Method)

The fast way (Using Keyboard shortcuts):

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

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

s32.JPG

Fig. (32) Component Browser Select the component (Declare Class Method)

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 (Declare Class Methods)

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 (Object Oriented Programming (OOP))

                3 - Select the component (Declare Class Method)

The fast way (Using Keyboard shortcuts):

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

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

s35.JPG

Fig. (35) Component Browser Select the component (Declare Class Method)

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) Goal Desginer - Steps Tree

Select the step (Declare Class Methods)

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 (Object Oriented Programming (OOP))

                3 - Select the component (Declare Class Method)

The fast way (Using Keyboard shortcuts):

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

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

s38.JPG

Fig. (38) Component Browser Select the component (Declare Class Method)

After selecting the component click Ok or press ENTER

s39.JPG

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

s40.JPG

Fig. (40) Goal Desginer - Steps Tree

Select the step (Declare Class Methods)

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 (Object Oriented Programming (OOP))

                3 - Select the component (Declare Class Method)

The fast way (Using Keyboard shortcuts):

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

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

s41.JPG

Fig. (41) Component Browser Select the component (Declare Class Method)

After selecting the component click Ok or press ENTER

s42.JPG

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

s43.JPG

Fig. (43) Goal Desginer - Steps Tree

Select the step (******************************* Methods to Customize *****************************)

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 (Object Oriented Programming (OOP))

                3 - Select the component (Define Class Method)

The fast way (Using Keyboard shortcuts):

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

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

s44.JPG

Fig. (44) Component Browser Select the component (Define Class Method)

After selecting the component click Ok or press ENTER

s45.JPG

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

s46.JPG

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 (Object Oriented Programming (OOP))

                3 - Select the component (Call Object Method)

The fast way (Using Keyboard shortcuts):

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

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

s47.JPG

Fig. (47) Component Browser Select the component (Call Object Method)

After selecting the component click Ok or press ENTER

s48.JPG

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

s49.JPG

Fig. (49) 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 (Object Oriented Programming (OOP))

                3 - Select the component (Call Object Method)

The fast way (Using Keyboard shortcuts):

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

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

s50.JPG

Fig. (50) Component Browser Select the component (Call Object Method)

After selecting the component click Ok or press ENTER

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

s53.JPG

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

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

s56.JPG

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

s57.JPG

Fig. (57) Component Browser Select the component (Image)

After selecting the component click Ok or press ENTER

s58.JPG

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

s59.JPG

Fig. (59) Form Designer

s60.JPG

Fig. (60) Goal Desginer - Steps Tree

Select the step (Window Title)

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

s61.JPG

Fig. (61) Component Browser Select the component (Label)

After selecting the component click Ok or press ENTER

s62.JPG

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

s63.JPG

Fig. (63) Goal Desginer - Steps Tree

Select the step (Data Buttons)

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

s64.JPG

Fig. (64) Component Browser Select the component (Button)

After selecting the component click Ok or press ENTER

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

s67.JPG

Fig. (67) Component Browser Select the component (Button Events)

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 (Data Buttons)

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

s70.JPG

Fig. (70) Component Browser Select the component (Button)

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

s73.JPG

Fig. (73) Component Browser Select the component (Button Events)

After selecting the component click Ok or press ENTER

s74.JPG

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

s75.JPG

Fig. (75) Goal Desginer - Steps Tree

Select the step (Data Buttons)

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

s76.JPG

Fig. (76) Component Browser Select the component (Button)

After selecting the component click Ok or press ENTER

s77.JPG

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

s78.JPG

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

s79.JPG

Fig. (79) Component Browser Select the component (Button Events)

After selecting the component click Ok or press ENTER

s80.JPG

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

s81.JPG

Fig. (81) Goal Desginer - Steps Tree

Select the step (Data Buttons)

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

s82.JPG

Fig. (82) Component Browser Select the component (Button)

After selecting the component click Ok or press ENTER

s83.JPG

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

s84.JPG

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

s85.JPG

Fig. (85) Component Browser Select the component (Button Events)

After selecting the component click Ok or press ENTER

s86.JPG

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

s87.JPG

Fig. (87) Goal Desginer - Steps Tree

Select the step (Data Buttons)

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

s88.JPG

Fig. (88) Component Browser Select the component (Button)

After selecting the component click Ok or press ENTER

s89.JPG

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

s90.JPG

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

s91.JPG

Fig. (91) Component Browser Select the component (Button Events)

After selecting the component click Ok or press ENTER

s92.JPG

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

s93.JPG

Fig. (93) Goal Desginer - Steps Tree

Select the step (Data Buttons)

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

s94.JPG

Fig. (94) Component Browser Select the component (Button)

After selecting the component click Ok or press ENTER

s95.JPG

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

s96.JPG

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

s97.JPG

Fig. (97) Component Browser Select the component (Button Events)

After selecting the component click Ok or press ENTER

s98.JPG

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

s99.JPG

Fig. (99) Goal Desginer - Steps Tree

Select the step (Data Buttons)

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

s100.JPG

Fig. (100) Component Browser Select the component (Button)

After selecting the component click Ok or press ENTER

s101.JPG

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

s102.JPG

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

s103.JPG

Fig. (103) Component Browser Select the component (Button Events)

After selecting the component click Ok or press ENTER

s104.JPG

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

s105.JPG

Fig. (105) Goal Desginer - Steps Tree

Select the step (Data Buttons)

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

s106.JPG

Fig. (106) Component Browser Select the component (Button)

After selecting the component click Ok or press ENTER

s107.JPG

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

s108.JPG

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

s109.JPG

Fig. (109) Component Browser Select the component (Button Events)

After selecting the component click Ok or press ENTER

s110.JPG

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

s111.JPG

Fig. (111) Goal Desginer - Steps Tree

Select the step (Data Buttons)

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

s112.JPG

Fig. (112) Component Browser Select the component (Button)

After selecting the component click Ok or press ENTER

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

s115.JPG

Fig. (115) Component Browser Select the component (Button Events)

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 (Data Buttons)

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

s118.JPG

Fig. (118) Component Browser Select the component (Button)

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

s121.JPG

Fig. (121) Component Browser Select the component (Button Events)

After selecting the component click Ok or press ENTER

s122.JPG

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

s123.JPG

Fig. (123) Goal Desginer - Steps Tree

Select the step (Define New Window ( MyWindowName ) , Title : "Data Window")

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

s124.JPG

Fig. (124) Component Browser Select the component (Window Class)

After selecting the component click Ok or press ENTER

s125.JPG

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

s126.JPG

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

s127.JPG

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

s128.JPG

Fig. (128) Form Designer

s129.JPG

Fig. (129) Goal Desginer - Steps Tree

Select the step (Define New Window ( MyWindowName ) , Title : "Data Window")

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 (Object Oriented Programming (OOP))

                3 - Select the component (Call Object Method)

The fast way (Using Keyboard shortcuts):

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

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

s130.JPG

Fig. (130) Component Browser Select the component (Call Object Method)

After selecting the component click Ok or press ENTER

s131.JPG

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

s132.JPG

Fig. (132) Form Designer

s133.JPG

Fig. (133) Goal Desginer - Steps Tree

Select the step (Define New Window ( MyWindowName ) , Title : "Data Window")

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 (Object Oriented Programming (OOP))

                3 - Select the component (Call Object Method)

The fast way (Using Keyboard shortcuts):

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

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

s134.JPG

Fig. (134) Component Browser Select the component (Call Object Method)

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

s137.JPG

Fig. (137) Goal Desginer - Steps Tree

Select the step (******************************* Methods to Customize *****************************)

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 (Object Oriented Programming (OOP))

                3 - Select the component (Define Class Method)

The fast way (Using Keyboard shortcuts):

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

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

s138.JPG

Fig. (138) Component Browser Select the component (Define Class Method)

After selecting the component click Ok or press ENTER

s139.JPG

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

s140.JPG

Fig. (140) Goal Desginer - Steps Tree

Select the step (******************************* Methods to Customize *****************************)

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 (Object Oriented Programming (OOP))

                3 - Select the component (Define Class Method)

The fast way (Using Keyboard shortcuts):

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

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

s141.JPG

Fig. (141) Component Browser Select the component (Define Class Method)

After selecting the component click Ok or press ENTER

s142.JPG

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

s143.JPG

Fig. (143) Goal Desginer - Steps Tree

Select the step (******************************* Methods to Customize *****************************)

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 (Object Oriented Programming (OOP))

                3 - Select the component (Define Class Method)

The fast way (Using Keyboard shortcuts):

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

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

s144.JPG

Fig. (144) Component Browser Select the component (Define Class Method)

After selecting the component click Ok or press ENTER

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 (******************************* Methods to Customize *****************************)

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 (Object Oriented Programming (OOP))

                3 - Select the component (Define Class Method)

The fast way (Using Keyboard shortcuts):

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

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

s147.JPG

Fig. (147) Component Browser Select the component (Define Class Method)

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) Goal Desginer - Steps Tree

Select the step (******************************* Methods to Customize *****************************)

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 (Object Oriented Programming (OOP))

                3 - Select the component (Define Class Method)

The fast way (Using Keyboard shortcuts):

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

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

s150.JPG

Fig. (150) Component Browser Select the component (Define Class Method)

After selecting the component click Ok or press ENTER

s151.JPG

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

s152.JPG

Fig. (152) Goal Desginer - Steps Tree

Select the step (******************************* Methods to Customize *****************************)

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 (Object Oriented Programming (OOP))

                3 - Select the component (Define Class Method)

The fast way (Using Keyboard shortcuts):

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

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

s153.JPG

Fig. (153) Component Browser Select the component (Define Class Method)

After selecting the component click Ok or press ENTER

s154.JPG

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

s155.JPG

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

s156.JPG

Fig. (156) Component Browser Select the component (IF Statement)

After selecting the component click Ok or press ENTER

s157.JPG

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

s158.JPG

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

s159.JPG

Fig. (159) Component Browser Select the component (Button Class)

After selecting the component click Ok or press ENTER

s160.JPG

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

s161.JPG

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

s162.JPG

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

s163.JPG

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

s164.JPG

Fig. (164) Component Browser Select the component (Button Class)

After selecting the component click Ok or press ENTER

s165.JPG

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

s166.JPG

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

s167.JPG

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

s168.JPG

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

s169.JPG

Fig. (169) Component Browser Select the component (Button Class)

After selecting the component click Ok or press ENTER

s170.JPG

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

s171.JPG

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

s172.JPG

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

s173.JPG

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

s174.JPG

Fig. (174) Component Browser Select the component (Button Class)

After selecting the component click Ok or press ENTER

s175.JPG

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

s176.JPG

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

s177.JPG

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

s178.JPG

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

s179.JPG

Fig. (179) Component Browser Select the component (Button Class)

After selecting the component click Ok or press ENTER

s180.JPG

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

s181.JPG

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

s182.JPG

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

s183.JPG

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

s184.JPG

Fig. (184) Component Browser Select the component (Button Class)

After selecting the component click Ok or press ENTER

s185.JPG

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

s186.JPG

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

s187.JPG

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

s188.JPG

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

s189.JPG

Fig. (189) Component Browser Select the component (Button Class)

After selecting the component click Ok or press ENTER

s190.JPG

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

s191.JPG

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

s192.JPG

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

s193.JPG

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

s194.JPG

Fig. (194) Component Browser Select the component (Button Class)

After selecting the component click Ok or press ENTER

s195.JPG

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

s196.JPG

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

s197.JPG

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

s198.JPG

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

s199.JPG

Fig. (199) Component Browser Select the component (Button Class)

After selecting the component click Ok or press ENTER

s200.JPG

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

s201.JPG

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

s202.JPG

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

s203.JPG

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

s204.JPG

Fig. (204) Component Browser Select the component (Button Class)

After selecting the component click Ok or press ENTER

s205.JPG

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

s206.JPG

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

s207.JPG

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

s208.JPG

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

s209.JPG

Fig. (209) Component Browser Select the component (IF Statement)

After selecting the component click Ok or press ENTER

s210.JPG

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

s211.JPG

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

s212.JPG

Fig. (212) Component Browser Select the component (Button Class)

After selecting the component click Ok or press ENTER

s213.JPG

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

s214.JPG

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

s215.JPG

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

s216.JPG

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

s217.JPG

Fig. (217) Component Browser Select the component (Button Class)

After selecting the component click Ok or press ENTER

s218.JPG

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

s219.JPG

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

s220.JPG

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

s221.JPG

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

s222.JPG

Fig. (222) Component Browser Select the component (Button Class)

After selecting the component click Ok or press ENTER

s223.JPG

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

s224.JPG

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

s225.JPG

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

s226.JPG

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

s227.JPG

Fig. (227) Component Browser Select the component (Button Class)

After selecting the component click Ok or press ENTER

s228.JPG

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

s229.JPG

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

s230.JPG

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

s231.JPG

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

s232.JPG

Fig. (232) Component Browser Select the component (Button Class)

After selecting the component click Ok or press ENTER

s233.JPG

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

s234.JPG

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

s235.JPG

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

s236.JPG

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

s237.JPG

Fig. (237) Component Browser Select the component (Button Class)

After selecting the component click Ok or press ENTER

s238.JPG

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

s239.JPG

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

s240.JPG

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

s241.JPG

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

s242.JPG

Fig. (242) Component Browser Select the component (Button Class)

After selecting the component click Ok or press ENTER

s243.JPG

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

s244.JPG

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

s245.JPG

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

s246.JPG

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

s247.JPG

Fig. (247) Component Browser Select the component (Button Class)

After selecting the component click Ok or press ENTER

s248.JPG

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

s249.JPG

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

s250.JPG

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

s251.JPG

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

s252.JPG

Fig. (252) Component Browser Select the component (Button Class)

After selecting the component click Ok or press ENTER

s454.JPG

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

s254.JPG

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

s255.JPG

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

s256.JPG

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

s257.JPG

Fig. (257) Component Browser Select the component (Button Class)

After selecting the component click Ok or press ENTER

s258.JPG

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

s259.JPG

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

s260.JPG

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

s261.JPG

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

                3 - Select the component (Assignment)

The fast way (Using Keyboard shortcuts):

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

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

s262.JPG

Fig. (262) Component Browser Select the component (Assignment)

After selecting the component click Ok or press ENTER

s263.JPG

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

s264.JPG

Fig. (264) Goal Desginer - Steps Tree

Select the step (Class Methods)

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 (Object Oriented Programming (OOP))

                3 - Select the component (Define Class Method)

The fast way (Using Keyboard shortcuts):

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

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

s265.JPG

Fig. (265) Component Browser Select the component (Define Class Method)

After selecting the component click Ok or press ENTER

s266.JPG

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

s267.JPG

Fig. (267) 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 (Object Oriented Programming (OOP))

                3 - Select the component (Call Object Method)

The fast way (Using Keyboard shortcuts):

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

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

s268.JPG

Fig. (268) Component Browser Select the component (Call Object Method)

After selecting the component click Ok or press ENTER

s269.JPG

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

s270.JPG

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

s271.JPG

Fig. (271) Component Browser Select the component (Window Class)

After selecting the component click Ok or press ENTER

s272.JPG

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

s273.JPG

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

s274.JPG

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

s275.JPG

Fig. (275) Goal Desginer - Steps Tree

Select the step (Class Methods)

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 (Object Oriented Programming (OOP))

                3 - Select the component (Define Class Method)

The fast way (Using Keyboard shortcuts):

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

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

s276.JPG

Fig. (276) Component Browser Select the component (Define Class Method)

After selecting the component click Ok or press ENTER

s277.JPG

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

s278.JPG

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

s279.JPG

Fig. (279) Component Browser Select the component (IF Statement)

After selecting the component click Ok or press ENTER

s280.JPG

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

s281.JPG

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

                3 - Select the component (ADO Find)

The fast way (Using Keyboard shortcuts):

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

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

s282.JPG

Fig. (282) Component Browser Select the component (ADO Find)

After selecting the component click Ok or press ENTER

s283.JPG

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

s284.JPG

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

                3 - Select the component (ADO Check EOF)

The fast way (Using Keyboard shortcuts):

                1 - Get the component using its name by typing (ADO Check EOF)

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

s285.JPG

Fig. (285) Component Browser Select the component (ADO Check EOF)

After selecting the component click Ok or press ENTER

s286.JPG

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

s287.JPG

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

s288.JPG

Fig. (288) Component Browser Select the component (IF Statement)

After selecting the component click Ok or press ENTER

s289.JPG

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

s290.JPG

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

                3 - Select the component (ADO Goto Previous Record)

The fast way (Using Keyboard shortcuts):

                1 - Get the component using its name by typing (ADO Goto Previous Record)

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

s291.JPG

Fig. (291) Component Browser Select the component (ADO Goto Previous Record)

After selecting the component click Ok or press ENTER

s292.JPG

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

s293.JPG

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

s294.JPG

Fig. (294) Component Browser Select the component (IF Statement)

After selecting the component click Ok or press ENTER

s295.JPG

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

s296.JPG

Fig. (296) 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 (Object Oriented Programming (OOP))

                3 - Select the component (Call Object Method)

The fast way (Using Keyboard shortcuts):

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

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

s297.JPG

Fig. (297) Component Browser Select the component (Call Object Method)

After selecting the component click Ok or press ENTER

s298.JPG

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

s299.JPG

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

s300.JPG

Fig. (300) Component Browser Select the component (Window Class)

After selecting the component click Ok or press ENTER

s301.JPG

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

s302.JPG

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

s303.JPG

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

s304.JPG

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

                3 - Select the component (Assignment)

The fast way (Using Keyboard shortcuts):

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

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

s305.JPG

Fig. (305) Component Browser Select the component (Assignment)

After selecting the component click Ok or press ENTER

s306.JPG

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

s307.JPG

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

                3 - Select the component (Assignment)

The fast way (Using Keyboard shortcuts):

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

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

s308.JPG

Fig. (308) Component Browser Select the component (Assignment)

After selecting the component click Ok or press ENTER

s309.JPG

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

s310.JPG

Fig. (310) Goal Desginer - Final Steps Tree

3 - Final Steps Tree

Set Class Name & Window Name

                PWCT-Code Generator: Replace String (MyClassName) with (DataClass)

                PWCT-Code Generator: Replace String (MyWindowName) with (&(self:cWindowName))

Class

                Define Class MyClassName From SystemDatabase

                                Declare Class Data

                                                Data cWindowName Init Value "DataWindowName"

                                ************************** Record Data Here **************************

                                                Data TableName Init Value "tablename"

                                Declare Class Methods

                                                Method showwindow

                                                Method closewindow

                                                Method SetMode

                                                Method UserInterface2Class

                                                Method Class2ADO

                                                Method ADO2Class

                                                Method Class2UserInterface

                                                Method ClearRecord

                                                Method AutoGotoRecord

                                End of Class

                                ******************************* Methods to Customize *****************************

                                                Define Method showwindow Class MyClassName

                                                                Start Here

                                                                                myout = self.connect()

                                                                                myout = self.AutoGotoRecord()

                                                                                Define New Window ( MyWindowName ) , Title : "Data Window"

                                                                                                Window Events

                                                                                                Window Properties

                                                                                                Window Controls

                                                                                                                Window Title

                                                                                                                                Define Label ( lblTitle ) , Caption : "Data Window"

                                                                                                                                                Label Events

                                                                                                                                                Label Properties

                                                                                                                Data Buttons

                                                                                                                                Define New Button ( btnFirst ) , Caption : "First"

                                                                                                                                                Button Events

                                                                                                                                                                Event: ON CLICK : Action self:firstrecord()

                                                                                                                                                Button Properties

                                                                                                                                Define New Button ( btnNext ) , Caption : "Next"

                                                                                                                                                Button Events

                                                                                                                                                                Event: ON CLICK : Action self:nextrecord()

                                                                                                                                                Button Properties

                                                                                                                                Define New Button ( btnLast ) , Caption : "Last"

                                                                                                                                                Button Events

                                                                                                                                                                Event: ON CLICK : Action self:lastrecord()

                                                                                                                                                Button Properties

                                                                                                                                Define New Button ( btnClose ) , Caption : "Close"

                                                                                                                                                Button Events

                                                                                                                                                                Event: ON CLICK : Action self:closewindow()

                                                                                                                                                Button Properties

                                                                                                                                Define New Button ( btnPrev ) , Caption : "Prev "

                                                                                                                                                Button Events

                                                                                                                                                                Event: ON CLICK : Action self:prevrecord()

                                                                                                                                                Button Properties

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

                                                                                                                                                Button Events

                                                                                                                                                                Event: ON CLICK : Action self:delrecord()

                                                                                                                                                Button Properties

                                                                                                                                Define New Button ( btnsave ) , Caption : "Save"

                                                                                                                                                Button Events

                                                                                                                                                                Event: ON CLICK : Action self:saverecord()

                                                                                                                                                Button Properties

                                                                                                                                Define New Button ( btncancel ) , Caption : "Cancel"

                                                                                                                                                Button Events

                                                                                                                                                                Event: ON CLICK : Action self:cancelrecord()

                                                                                                                                                Button Properties

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

                                                                                                                                                Button Events

                                                                                                                                                                Event: ON CLICK : Action self:editrecord()

                                                                                                                                                Button Properties

                                                                                                                                Define New Button ( btnadd ) , Caption : "Add"

                                                                                                                                                Button Events

                                                                                                                                                                Event: ON CLICK : Action self:addrecord()

                                                                                                                                                Button Properties

                                                                                                End Of Window

                                                                                                MyWindowName.Center ( )

                                                                                                myout = self.showrecord()

                                                                                                myout = self.setmode(2)

                                                                                                Activate window

                                                                End of Method (Return 0)

                                                Define Method UserInterface2Class Class MyClassName

                                                                Start Here

                                                                End of Method (Return 0)

                                                Define Method Class2ADO Class MyClassName

                                                                Start Here

                                                                End of Method (Return 0)

                                                Define Method ADO2Class Class MyClassName

                                                                Start Here

                                                                End of Method (Return 0)

                                                Define Method Class2UserInterface Class MyClassName

                                                                Start Here

                                                                End of Method (Return 0)

                                                Define Method ClearRecord Class MyClassName

                                                                Start Here

                                                                End of Method (Return 0)

                                                Define Method setmode(p1) Class MyClassName

                                                                Start Here

                                                                                IF ( p1 = 1 )

                                                                                                Start Here

                                                                                                                MyWindowName.btnfirst.Enabled := false

                                                                                                                MyWindowName.btnnext.Enabled := false

                                                                                                                MyWindowName.btnprev.Enabled := false

                                                                                                                MyWindowName.btnlast.Enabled := false

                                                                                                                MyWindowName.btndel.Enabled := false

                                                                                                                MyWindowName.btnclose.Enabled := false

                                                                                                                MyWindowName.btnsave.Enabled := true

                                                                                                                MyWindowName.btncancel.Enabled := true

                                                                                                                MyWindowName.btnedit.Enabled := false

                                                                                                                MyWindowName.btnadd.Enabled := false

                                                                                                END OF IF STATEMENT

                                                                                IF ( p1 = 2 )

                                                                                                Start Here

                                                                                                                MyWindowName.btnfirst.Enabled := true

                                                                                                                MyWindowName.btnnext.Enabled := true

                                                                                                                MyWindowName.btnprev.Enabled := true

                                                                                                                MyWindowName.btnlast.Enabled := true

                                                                                                                MyWindowName.btndel.Enabled := true

                                                                                                                MyWindowName.btnclose.Enabled := true

                                                                                                                MyWindowName.btnsave.Enabled := false

                                                                                                                MyWindowName.btncancel.Enabled := false

                                                                                                                MyWindowName.btnedit.Enabled := true

                                                                                                                MyWindowName.btnadd.Enabled := true

                                                                                                END OF IF STATEMENT

                                                                                self:OperationMode = p1

                                                                End of Method (Return 0)

                                Class Methods

                                                Define Method closewindow Class MyClassName

                                                                Start Here

                                                                                myout = self.disconnect()

                                                                                MyWindowName.Release ( )

                                                                End of Method (Return 0)

                                                Define Method AutoGotoRecord Class MyClassName

                                                                Start Here

                                                                                IF ( self:LFindRecord = true .and. self:OperationMode = 2 )

                                                                                                Start Here

                                                                                                                ADODB RecordSet (self:oRS) Find , Cirteria self:CFindExpr

                                                                                                                mycheck = ADODB RecordSet self:oRS , Check EOF

                                                                                                                IF ( mycheck = true )

                                                                                                                                Start Here

                                                                                                                                                ADODB RecordSet self:oRS - Goto Previous Record

                                                                                                                                END OF IF STATEMENT

                                                                                                                IF ( iswindowdefined( MyWindowName ) )

                                                                                                                                Start Here

                                                                                                                                                myout = self.showrecord()

                                                                                                                                                MyWindowName.SetFocus ( )

                                                                                                                                END OF IF STATEMENT

                                                                                                END OF IF STATEMENT

                                                                                self:LFindRecord = false

                                                                                self:CFindExpr = ""

                                                                End of Method (Return 0)