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

4 - Application during the runtime

1 - Introduction

In this lesson we are going to create simple Notepad sample.

2 - Implementation Steps

s1.JPG

Fig. (1) Goal Desginer - Steps Tree

Select the step (The First Step)

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

The slow way (Using Mouse):

                1 - Click Interact to open the components browser

                2 - Select the domain (Windows)

                3 - Select the component (Set AutoAdjust On)

The fast way (Using Keyboard shortcuts):

                1 - Get the component using its name by typing (Set AutoAdjust On)

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

s2.JPG

Fig. (2) Component Browser Select the component (Set AutoAdjust On)

After selecting the component click Ok or press ENTER

s3.JPG

Fig. (3) Goal Desginer - Steps Tree

Select the step (The First Step)

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

The slow way (Using Mouse):

                1 - Click Interact to open the components browser

                2 - Select the domain (Windows)

                3 - Select the component (Define New Window)

The fast way (Using Keyboard shortcuts):

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

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

s4.JPG

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

After selecting the component click Ok or press ENTER

s5.JPG

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

s6.JPG

Fig. (6) Form Designer

s7.JPG

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

The fast way (Using Keyboard shortcuts):

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

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

s8.JPG

Fig. (8) Component Browser Select the component (EditBox)

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

s11.JPG

Fig. (11) Goal Desginer - Steps Tree

Select the step (Window Controls)

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

The slow way (Using Mouse):

                1 - Click Interact to open the components browser

                2 - Select the domain (Main Menu)

                3 - Select the component (Set Menu Style)

The fast way (Using Keyboard shortcuts):

                1 - Get the component using its name by typing (Set Menu Style)

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

s12.JPG

Fig. (12) Component Browser Select the component (Set Menu Style)

After selecting the component click Ok or press ENTER

s13.JPG

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

s14.JPG

Fig. (14) Form Designer

s15.JPG

Fig. (15) Goal Desginer - Steps Tree

Select the step (Window Controls)

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

The slow way (Using Mouse):

                1 - Click Interact to open the components browser

                2 - Select the domain (Main Menu)

                3 - Select the component (Define Main Menu)

The fast way (Using Keyboard shortcuts):

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

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

s16.JPG

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

After selecting the component click Ok or press ENTER

s17.JPG

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

s18.JPG

Fig. (18) Goal Desginer - Steps Tree

Select the step (MENU POPUPS)

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

The slow way (Using Mouse):

                1 - Click Interact to open the components browser

                2 - Select the domain (Main Menu)

                3 - Select the component (Define POPUP)

The fast way (Using Keyboard shortcuts):

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

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

s19.JPG

Fig. (19) Component Browser Select the component (Define POPUP)

After selecting the component click Ok or press ENTER

s20.JPG

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

s21.JPG

Fig. (21) Goal Desginer - Steps Tree

Select the step (POPUP ITEMS)

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

The slow way (Using Mouse):

                1 - Click Interact to open the components browser

                2 - Select the domain (Main Menu)

                3 - Select the component (Define Item)

The fast way (Using Keyboard shortcuts):

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

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

s22.JPG

Fig. (22) Component Browser Select the component (Define Item)

After selecting the component click Ok or press ENTER

s23.JPG

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

s24.JPG

Fig. (24) Goal Desginer - Steps Tree

Select the step (POPUP ITEMS)

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

The slow way (Using Mouse):

                1 - Click Interact to open the components browser

                2 - Select the domain (Main Menu)

                3 - Select the component (Define Item)

The fast way (Using Keyboard shortcuts):

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

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

s25.JPG

Fig. (25) Component Browser Select the component (Define Item)

After selecting the component click Ok or press ENTER

s26.JPG

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

s27.JPG

Fig. (27) Goal Desginer - Steps Tree

Select the step (POPUP ITEMS)

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

The slow way (Using Mouse):

                1 - Click Interact to open the components browser

                2 - Select the domain (Main Menu)

                3 - Select the component (Define Item)

The fast way (Using Keyboard shortcuts):

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

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

s28.JPG

Fig. (28) Component Browser Select the component (Define Item)

After selecting the component click Ok or press ENTER

s29.JPG

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

s30.JPG

Fig. (30) Goal Desginer - Steps Tree

Select the step (MENU POPUPS)

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

The slow way (Using Mouse):

                1 - Click Interact to open the components browser

                2 - Select the domain (Main Menu)

                3 - Select the component (Define POPUP)

The fast way (Using Keyboard shortcuts):

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

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

s31.JPG

Fig. (31) Component Browser Select the component (Define POPUP)

After selecting the component click Ok or press ENTER

s32.JPG

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

s33.JPG

Fig. (33) Goal Desginer - Steps Tree

Select the step (POPUP ITEMS)

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

The slow way (Using Mouse):

                1 - Click Interact to open the components browser

                2 - Select the domain (Main Menu)

                3 - Select the component (Define Item)

The fast way (Using Keyboard shortcuts):

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

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

s34.JPG

Fig. (34) Component Browser Select the component (Define Item)

After selecting the component click Ok or press ENTER

s35.JPG

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

s36.JPG

Fig. (36) Goal Desginer - Steps Tree

Select the step (POPUP ITEMS)

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

The slow way (Using Mouse):

                1 - Click Interact to open the components browser

                2 - Select the domain (Main Menu)

                3 - Select the component (Define Item)

The fast way (Using Keyboard shortcuts):

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

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

s37.JPG

Fig. (37) Component Browser Select the component (Define Item)

After selecting the component click Ok or press ENTER

s38.JPG

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

s39.JPG

Fig. (39) Goal Desginer - Steps Tree

Select the step (POPUP ITEMS)

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

The slow way (Using Mouse):

                1 - Click Interact to open the components browser

                2 - Select the domain (Main Menu)

                3 - Select the component (Define Item)

The fast way (Using Keyboard shortcuts):

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

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

s40.JPG

Fig. (40) Component Browser Select the component (Define Item)

After selecting the component click Ok or press ENTER

s41.JPG

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

s42.JPG

Fig. (42) Goal Desginer - Steps Tree

Select the step (MENU POPUPS)

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

The slow way (Using Mouse):

                1 - Click Interact to open the components browser

                2 - Select the domain (Main Menu)

                3 - Select the component (Define POPUP)

The fast way (Using Keyboard shortcuts):

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

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

s43.JPG

Fig. (43) Component Browser Select the component (Define POPUP)

After selecting the component click Ok or press ENTER

s44.JPG

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

s45.JPG

Fig. (45) Goal Desginer - Steps Tree

Select the step (POPUP ITEMS)

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

The slow way (Using Mouse):

                1 - Click Interact to open the components browser

                2 - Select the domain (Main Menu)

                3 - Select the component (Define Item)

The fast way (Using Keyboard shortcuts):

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

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

s46.JPG

Fig. (46) Component Browser Select the component (Define Item)

After selecting the component click Ok or press ENTER

s47.JPG

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

s48.JPG

Fig. (48) Goal Desginer - Steps Tree

Select the step (POPUP ITEMS)

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

The slow way (Using Mouse):

                1 - Click Interact to open the components browser

                2 - Select the domain (Main Menu)

                3 - Select the component (Define Item)

The fast way (Using Keyboard shortcuts):

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

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

s49.JPG

Fig. (49) Component Browser Select the component (Define Item)

After selecting the component click Ok or press ENTER

s50.JPG

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

s51.JPG

Fig. (51) 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 (Status Bar)

                3 - Select the component (Status Bar)

The fast way (Using Keyboard shortcuts):

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

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

s52.JPG

Fig. (52) Component Browser Select the component (Status Bar)

After selecting the component click Ok or press ENTER

s53.JPG

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

s54.JPG

Fig. (54) Goal Desginer - Steps Tree

Select the step (Items)

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

The slow way (Using Mouse):

                1 - Click Interact to open the components browser

                2 - Select the domain (Status Bar)

                3 - Select the component (Clock)

The fast way (Using Keyboard shortcuts):

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

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

s55.JPG

Fig. (55) Component Browser Select the component (Clock)

After selecting the component click Ok or press ENTER

s56.JPG

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

s57.JPG

Fig. (57) Goal Desginer - Steps Tree

Select the step (Procedures)

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

The slow way (Using Mouse):

                1 - Click Interact to open the components browser

                2 - Select the domain (Structure Programming)

                3 - Select the component (Define Procedure)

The fast way (Using Keyboard shortcuts):

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

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

s58.JPG

Fig. (58) Component Browser Select the component (Define Procedure)

After selecting the component click Ok or press ENTER

s59.JPG

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

s60.JPG

Fig. (60) 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 (Textbox Class)

The fast way (Using Keyboard shortcuts):

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

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

s61.JPG

Fig. (61) Component Browser Select the component (Textbox Class)

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) Interaction page - Set the properties and enter the required data as in the image above

s64.JPG

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

s65.JPG

Fig. (65) Goal Desginer - Steps Tree

Select the step (Start Here)

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

The slow way (Using Mouse):

                1 - Click Interact to open the components browser

                2 - Select the domain (Files / Folders)

                3 - Select the component (Put File)

The fast way (Using Keyboard shortcuts):

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

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

s66.JPG

Fig. (66) Component Browser Select the component (Put File)

After selecting the component click Ok or press ENTER

s67.JPG

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

s68.JPG

Fig. (68) Goal Desginer - Steps Tree

Select the step (Start Here)

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

The slow way (Using Mouse):

                1 - Click Interact to open the components browser

                2 - Select the domain (Files / Folders)

                3 - Select the component (Check File)

The fast way (Using Keyboard shortcuts):

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

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

s69.JPG

Fig. (69) Component Browser Select the component (Check File)

After selecting the component click Ok or press ENTER

s70.JPG

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

s71.JPG

Fig. (71) Goal Desginer - Steps Tree

Select the step (Start Here)

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

The slow way (Using Mouse):

                1 - Click Interact to open the components browser

                2 - Select the domain (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

s72.JPG

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

After selecting the component click Ok or press ENTER

s73.JPG

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

s74.JPG

Fig. (74) Goal Desginer - Steps Tree

Select the step (Start Here)

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

The slow way (Using Mouse):

                1 - Click Interact to open the components browser

                2 - Select the domain (Structure Programming)

                3 - Select the component (Return Value)

The fast way (Using Keyboard shortcuts):

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

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

s75.JPG

Fig. (75) Component Browser Select the component (Return Value)

After selecting the component click Ok or press ENTER

s76.JPG

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

s77.JPG

Fig. (77) Goal Desginer - Steps Tree

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

                3 - Select the component (Write String To File)

The fast way (Using Keyboard shortcuts):

                1 - Get the component using its name by typing (Write String To File)

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

s78.JPG

Fig. (78) Component Browser Select the component (Write String To File)

After selecting the component click Ok or press ENTER

s79.JPG

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

s80.JPG

Fig. (80) Goal Desginer - Steps Tree

Select the step (Procedures)

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

The slow way (Using Mouse):

                1 - Click Interact to open the components browser

                2 - Select the domain (Structure Programming)

                3 - Select the component (Define Procedure)

The fast way (Using Keyboard shortcuts):

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

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

s81.JPG

Fig. (81) Component Browser Select the component (Define Procedure)

After selecting the component click Ok or press ENTER

s82.JPG

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

s83.JPG

Fig. (83) Goal Desginer - Steps Tree

Select the step (Start Here)

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

The slow way (Using Mouse):

                1 - Click Interact to open the components browser

                2 - Select the domain (Files / Folders)

                3 - Select the component (Get File)

The fast way (Using Keyboard shortcuts):

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

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

s84.JPG

Fig. (84) Component Browser Select the component (Get File)

After selecting the component click Ok or press ENTER

s85.JPG

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

s86.JPG

Fig. (86) Goal Desginer - Steps Tree

Select the step (Start Here)

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

The slow way (Using Mouse):

                1 - Click Interact to open the components browser

                2 - Select the domain (Files / Folders)

                3 - Select the component (Check File)

The fast way (Using Keyboard shortcuts):

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

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

s87.JPG

Fig. (87) Component Browser Select the component (Check File)

After selecting the component click Ok or press ENTER

s88.JPG

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

s89.JPG

Fig. (89) Goal Desginer - Steps Tree

Select the step (Start Here)

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

The slow way (Using Mouse):

                1 - Click Interact to open the components browser

                2 - Select the domain (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

s90.JPG

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

After selecting the component click Ok or press ENTER

s91.JPG

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

s92.JPG

Fig. (92) Goal Desginer - Steps Tree

Select the step (Start Here)

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

The slow way (Using Mouse):

                1 - Click Interact to open the components browser

                2 - Select the domain (Structure Programming)

                3 - Select the component (Return Value)

The fast way (Using Keyboard shortcuts):

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

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

s93.JPG

Fig. (93) Component Browser Select the component (Return Value)

After selecting the component click Ok or press ENTER

s94.JPG

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

s95.JPG

Fig. (95) Goal Desginer - Steps Tree

Select the step (Start Here)

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

The slow way (Using Mouse):

                1 - Click Interact to open the components browser

                2 - Select the domain (Files / Folders)

                3 - Select the component (File To String)

The fast way (Using Keyboard shortcuts):

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

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

s96.JPG

Fig. (96) Component Browser Select the component (File To String)

After selecting the component click Ok or press ENTER

s97.JPG

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

s98.JPG

Fig. (98) 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 (Textbox Class)

The fast way (Using Keyboard shortcuts):

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

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

s99.JPG

Fig. (99) Component Browser Select the component (Textbox Class)

After selecting the component click Ok or press ENTER

s100.JPG

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

s101.JPG

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

s102.JPG

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

s103.JPG

Fig. (103) Goal Desginer - Steps Tree

Select the step (Procedures)

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

The slow way (Using Mouse):

                1 - Click Interact to open the components browser

                2 - Select the domain (Structure Programming)

                3 - Select the component (Define Procedure)

The fast way (Using Keyboard shortcuts):

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

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

s104.JPG

Fig. (104) Component Browser Select the component (Define Procedure)

After selecting the component click Ok or press ENTER

s105.JPG

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

s106.JPG

Fig. (106) Goal Desginer - Steps Tree

Select the step (Start Here)

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

The slow way (Using Mouse):

                1 - Click Interact to open the components browser

                2 - Select the domain (GUI Application)

                3 - Select the component (Show Message)

The fast way (Using Keyboard shortcuts):

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

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

s107.JPG

Fig. (107) Component Browser Select the component (Show Message)

After selecting the component click Ok or press ENTER

s108.JPG

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

s109.JPG

Fig. (109) Goal Desginer - Steps Tree

Select the step (Start Here)

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

The slow way (Using Mouse):

                1 - Click Interact to open the components browser

                2 - Select the domain (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

s110.JPG

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

After selecting the component click Ok or press ENTER

s111.JPG

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

s112.JPG

Fig. (112) Goal Desginer - Steps Tree

Select the step (Start Here)

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

The slow way (Using Mouse):

                1 - Click Interact to open the components browser

                2 - Select the domain (Structure Programming)

                3 - Select the component (Return Value)

The fast way (Using Keyboard shortcuts):

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

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

s113.JPG

Fig. (113) Component Browser Select the component (Return Value)

After selecting the component click Ok or press ENTER

s114.JPG

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

s115.JPG

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

s116.JPG

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

After selecting the component click Ok or press ENTER

s117.JPG

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

s118.JPG

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

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

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

The slow way (Using Mouse):

                1 - Click Interact to open the components browser

                2 - Select the domain (Structure Programming)

                3 - Select the component (Define Procedure)

The fast way (Using Keyboard shortcuts):

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

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

s121.JPG

Fig. (121) Component Browser Select the component (Define Procedure)

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 (Start Here)

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

The slow way (Using Mouse):

                1 - Click Interact to open the components browser

                2 - Select the domain (GUI Application)

                3 - Select the component (Get Font)

The fast way (Using Keyboard shortcuts):

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

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

s124.JPG

Fig. (124) Component Browser Select the component (Get Font)

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) 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 (Textbox Class)

The fast way (Using Keyboard shortcuts):

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

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

s127.JPG

Fig. (127) Component Browser Select the component (Textbox Class)

After selecting the component click Ok or press ENTER

s128.JPG

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

s129.JPG

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

s130.JPG

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

s131.JPG

Fig. (131) 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 (Textbox Class)

The fast way (Using Keyboard shortcuts):

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

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

s132.JPG

Fig. (132) Component Browser Select the component (Textbox Class)

After selecting the component click Ok or press ENTER

s133.JPG

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

s134.JPG

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

s135.JPG

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

s136.JPG

Fig. (136) Goal Desginer - Steps Tree

Select the step (Start Here)

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

The slow way (Using Mouse):

                1 - Click Interact to open the components browser

                2 - Select the domain (Classes)

                3 - Select the component (Textbox Class)

The fast way (Using Keyboard shortcuts):

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

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

s137.JPG

Fig. (137) Component Browser Select the component (Textbox Class)

After selecting the component click Ok or press ENTER

s138.JPG

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

s139.JPG

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

s140.JPG

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

s141.JPG

Fig. (141) Goal Desginer - Steps Tree

Select the step (Start Here)

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

The slow way (Using Mouse):

                1 - Click Interact to open the components browser

                2 - Select the domain (Classes)

                3 - Select the component (Textbox Class)

The fast way (Using Keyboard shortcuts):

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

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

s142.JPG

Fig. (142) Component Browser Select the component (Textbox Class)

After selecting the component click Ok or press ENTER

s143.JPG

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

s144.JPG

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

s145.JPG

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

s146.JPG

Fig. (146) Goal Desginer - Steps Tree

Select the step (Start Here)

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

The slow way (Using Mouse):

                1 - Click Interact to open the components browser

                2 - Select the domain (Classes)

                3 - Select the component (Textbox Class)

The fast way (Using Keyboard shortcuts):

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

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

s147.JPG

Fig. (147) Component Browser Select the component (Textbox Class)

After selecting the component click Ok or press ENTER

s148.JPG

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

s149.JPG

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

s150.JPG

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

s151.JPG

Fig. (151) Goal Desginer - Steps Tree

Select the step (Procedures)

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

The slow way (Using Mouse):

                1 - Click Interact to open the components browser

                2 - Select the domain (Structure Programming)

                3 - Select the component (Define Procedure)

The fast way (Using Keyboard shortcuts):

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

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

s152.JPG

Fig. (152) Component Browser Select the component (Define Procedure)

After selecting the component click Ok or press ENTER

s153.JPG

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

s154.JPG

Fig. (154) Goal Desginer - Steps Tree

Select the step (Start Here)

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

The slow way (Using Mouse):

                1 - Click Interact to open the components browser

                2 - Select the domain (GUI Application)

                3 - Select the component (Get Color)

The fast way (Using Keyboard shortcuts):

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

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

s155.JPG

Fig. (155) Component Browser Select the component (Get Color)

After selecting the component click Ok or press ENTER

s156.JPG

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

s157.JPG

Fig. (157) 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 (Textbox Class)

The fast way (Using Keyboard shortcuts):

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

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

s158.JPG

Fig. (158) Component Browser Select the component (Textbox Class)

After selecting the component click Ok or press ENTER

s159.JPG

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

s160.JPG

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

s161.JPG

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

s162.JPG

Fig. (162) Goal Desginer - Steps Tree

Select the step (Procedures)

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

The slow way (Using Mouse):

                1 - Click Interact to open the components browser

                2 - Select the domain (Structure Programming)

                3 - Select the component (Define Procedure)

The fast way (Using Keyboard shortcuts):

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

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

s163.JPG

Fig. (163) Component Browser Select the component (Define Procedure)

After selecting the component click Ok or press ENTER

s164.JPG

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

s165.JPG

Fig. (165) Goal Desginer - Steps Tree

Select the step (Start Here)

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

The slow way (Using Mouse):

                1 - Click Interact to open the components browser

                2 - Select the domain (GUI Application)

                3 - Select the component (Get Color)

The fast way (Using Keyboard shortcuts):

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

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

s166.JPG

Fig. (166) Component Browser Select the component (Get Color)

After selecting the component click Ok or press ENTER

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 (Textbox Class)

The fast way (Using Keyboard shortcuts):

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

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

s169.JPG

Fig. (169) Component Browser Select the component (Textbox 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 (Procedures)

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

The slow way (Using Mouse):

                1 - Click Interact to open the components browser

                2 - Select the domain (Structure Programming)

                3 - Select the component (Define Procedure)

The fast way (Using Keyboard shortcuts):

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

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

s174.JPG

Fig. (174) Component Browser Select the component (Define Procedure)

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

Select the step (Start Here)

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

The slow way (Using Mouse):

                1 - Click Interact to open the components browser

                2 - Select the domain (GUI Application)

                3 - Select the component (Show Message)

The fast way (Using Keyboard shortcuts):

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

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

s177.JPG

Fig. (177) Component Browser Select the component (Show Message)

After selecting the component click Ok or press ENTER

s178.JPG

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

s179.JPG

Fig. (179) Goal Desginer - Steps Tree

Select the step (Procedures)

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

The slow way (Using Mouse):

                1 - Click Interact to open the components browser

                2 - Select the domain (Structure Programming)

                3 - Select the component (Define Procedure)

The fast way (Using Keyboard shortcuts):

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

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

s180.JPG

Fig. (180) Component Browser Select the component (Define Procedure)

After selecting the component click Ok or press ENTER

s181.JPG

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

s182.JPG

Fig. (182) Goal Desginer - Steps Tree

Select the step (Start Here)

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

The slow way (Using Mouse):

                1 - Click Interact to open the components browser

                2 - Select the domain (GUI Application)

                3 - Select the component (Get Computer Name)

The fast way (Using Keyboard shortcuts):

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

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

s183.JPG

Fig. (183) Component Browser Select the component (Get Computer Name)

After selecting the component click Ok or press ENTER

s184.JPG

Fig. (184) Goal Desginer - Steps Tree

Select the step (Start Here)

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

The slow way (Using Mouse):

                1 - Click Interact to open the components browser

                2 - Select the domain (GUI Application)

                3 - Select the component (Show Message)

The fast way (Using Keyboard shortcuts):

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

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

s185.JPG

Fig. (185) Component Browser Select the component (Show Message)

After selecting the component click Ok or press ENTER

s186.JPG

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

s187.JPG

Fig. (187) Goal Desginer - Final Steps Tree

3 - Final Steps Tree

The First Step

                Set AutoAdjust ON

                Define New Window ( win1 ) , Title : "PWCT NotePad v1.0"

                                Window Events

                                Window Properties

                                Window Controls

                                                Define New Editbox ( edit1 )

                                                                Editbox Events

                                                                Editbox Properties

                                                Set Menu Style EXTENDED

                                                START OF MAIN MENU

                                                                MENU POPUPS

                                                                                DEFINE POPUP "File"

                                                                                                POPUP ITEMS

                                                                                                                Define ITEM ( "Open" )                SEPARATOR

                                                                                                                Define ITEM ( "Save As" )                SEPARATOR

                                                                                                                Define ITEM ( "Exit" )

                                                                                                END OF POPUP

                                                                                DEFINE POPUP "View"

                                                                                                POPUP ITEMS

                                                                                                                Define ITEM ( "Font" )                SEPARATOR

                                                                                                                Define ITEM ( "Font color" )                SEPARATOR

                                                                                                                Define ITEM ( "Back color" )

                                                                                                END OF POPUP

                                                                                DEFINE POPUP "About"

                                                                                                POPUP ITEMS

                                                                                                                Define ITEM ( "About application" ) IMAGE "NotePad"                SEPARATOR

                                                                                                                Define ITEM ( "Computer name" )

                                                                                                END OF POPUP

                                                                END OF MAIN MENU

                                                Define New Statusbar

                                                                Items

                                                                                Clock

                                                                                                Events

                                                                                                Properties

                                                                End Statusbar

                                End Of Window

                                Activate window

Procedures

                Define Procedure mysave

                                Start Here

                                                mystr = win1.edit1.Value

                                                PutFile := Put File

                                                CheckFile := Check File PutFile

                                                IF ( CheckFile )

                                                                Start Here

                                                                                Return 0

                                                                END OF IF STATEMENT

                                                write String mystr to File PutFile

                                End of Procedure

                Define Procedure myload

                                Start Here

                                                GetFile := Get File

                                                CheckFile := Check File GetFile

                                                IF ( CheckFile = False )

                                                                Start Here

                                                                                Return 0

                                                                END OF IF STATEMENT

                                                mystr := Read File GetFile

                                                win1.edit1.Value := mystr

                                End of Procedure

                Define Procedure mybye

                                Start Here

                                                Show Message " Are you sure ?" Title "Close applicaiton " Type: Message Yes/No

                                                IF ( MyOut = False )

                                                                Start Here

                                                                                Return 0

                                                                ELSE

                                                                                Start Here

                                                                                                win1.Release ( )

                                                                END OF IF STATEMENT

                                End of Procedure

                Define Procedure myfont

                                Start Here

                                                GetFont := Get Font

                                                                Output: (FontName,FontSize,FontBold,FontItalic,FontColor,FontUnderLine,FontStrickOut,FontCharSet)

                                                win1.edit1.FontName := FontName

                                                win1.edit1.FontSize := FontSize

                                                win1.edit1.FontBold := FontBold

                                                win1.edit1.FontItalic := FontItalic

                                                win1.edit1.FontUnderline := FontUnderline

                                End of Procedure

                Define Procedure mycolor

                                Start Here

                                                GetColor := Get Color, Init Color : {0,0,0}

                                                win1.edit1.FontColor := GetColor

                                End of Procedure

                Define Procedure mybcolor

                                Start Here

                                                GetColor := Get Color, Init Color : {0,0,0}

                                                win1.edit1.BackColor := GetColor

                                End of Procedure

                Define Procedure myabout

                                Start Here

                                                Show Message "PWCT NotePad : By Djardi Messaoud - PWCT TEAM" Title "PWCT NotePad" Type: Message Info

                                End of Procedure

                Define Procedure myadd

                                Start Here

                                                ComputerName := Get Computer Name

                                                Show Message "Computer Name : " + ComputerName Title ComputerName Type: Message Info

                                End of Procedure

4 - Application during the runtime

runtime1.JPG

Fig. (188) Application during the runtime

runtime2.JPG

Fig. (189) Application during the runtime

runtime3.JPG

Fig. (190) Application during the runtime

runtime4.JPG

Fig. (191) Application during the runtime