PWCT 1.9 Art Documentation ( http://doublesvsoop.sourceforge.net ) 2006-2019, Mahmoud Fayed ( msfclipper@users.sourceforge.net ) _____________________________________________________________________________________ Table of contents 1 - Introduction 2 - Implementation steps 3 - Final Steps Tree 4 - Application during the runtime 1 - Introduction In this lesson we are going to create simple Notepad sample. 2 - Implementation Steps Fig. (1) Goal Desginer - Steps Tree Select the step (The First Step) We will start now new interaction process to generate new steps to our steps tree. The slow way (Using Mouse): 1 - Click Interact to open the components browser 2 - Select the domain (Windows) 3 - Select the component (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 Fig. (2) Component Browser – Select the component (Set AutoAdjust On) After selecting the component click Ok or press ENTER 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 Fig. (4) Component Browser – Select the component (Define New Window) After selecting the component click Ok or press ENTER Fig. (5) Interaction page - Set the properties and enter the required data as in the image above Fig. (6) Form Designer 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 Fig. (8) Component Browser – Select the component (EditBox) After selecting the component click Ok or press ENTER Fig. (9) Interaction page - Set the properties and enter the required data as in the image above Fig. (10) Form Designer 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 Fig. (12) Component Browser – Select the component (Set Menu Style) After selecting the component click Ok or press ENTER Fig. (13) Interaction page - Set the properties and enter the required data as in the image above Fig. (14) Form Designer 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 Fig. (16) Component Browser – Select the component (Define Main Menu) After selecting the component click Ok or press ENTER Fig. (17) Interaction page - Set the properties and enter the required data as in the image above 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 Fig. (19) Component Browser – Select the component (Define POPUP) After selecting the component click Ok or press ENTER Fig. (20) Interaction page - Set the properties and enter the required data as in the image above Fig. (21) Goal Desginer - Steps Tree Select the step (POPUP ITEMS) We will start now new interaction process to generate new steps to our steps tree. The slow way (Using Mouse): 1 - Click Interact to open the components browser 2 - Select the domain (Main Menu) 3 - Select the component (Define Item) The fast way (Using Keyboard shortcuts): 1 - Get the component using its name by typing (Define Item) Note : Stop typing when you see the required component is selected Fig. (22) Component Browser – Select the component (Define Item) After selecting the component click Ok or press ENTER Fig. (23) Interaction page - Set the properties and enter the required data as in the image above 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 Fig. (25) Component Browser – Select the component (Define Item) After selecting the component click Ok or press ENTER Fig. (26) Interaction page - Set the properties and enter the required data as in the image above 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 Fig. (28) Component Browser – Select the component (Define Item) After selecting the component click Ok or press ENTER Fig. (29) Interaction page - Set the properties and enter the required data as in the image above 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 Fig. (31) Component Browser – Select the component (Define POPUP) After selecting the component click Ok or press ENTER Fig. (32) Interaction page - Set the properties and enter the required data as in the image above Fig. (33) Goal Desginer - Steps Tree Select the step (POPUP ITEMS) We will start now new interaction process to generate new steps to our steps tree. The slow way (Using Mouse): 1 - Click Interact to open the components browser 2 - Select the domain (Main Menu) 3 - Select the component (Define Item) The fast way (Using Keyboard shortcuts): 1 - Get the component using its name by typing (Define Item) Note : Stop typing when you see the required component is selected Fig. (34) Component Browser – Select the component (Define Item) After selecting the component click Ok or press ENTER Fig. (35) Interaction page - Set the properties and enter the required data as in the image above Fig. (36) Goal Desginer - Steps Tree Select the step (POPUP ITEMS) We will start now new interaction process to generate new steps to our steps tree. The slow way (Using Mouse): 1 - Click Interact to open the components browser 2 - Select the domain (Main Menu) 3 - Select the component (Define Item) The fast way (Using Keyboard shortcuts): 1 - Get the component using its name by typing (Define Item) Note : Stop typing when you see the required component is selected Fig. (37) Component Browser – Select the component (Define Item) After selecting the component click Ok or press ENTER Fig. (38) Interaction page - Set the properties and enter the required data as in the image above Fig. (39) Goal Desginer - Steps Tree Select the step (POPUP ITEMS) We will start now new interaction process to generate new steps to our steps tree. The slow way (Using Mouse): 1 - Click Interact to open the components browser 2 - Select the domain (Main Menu) 3 - Select the component (Define Item) The fast way (Using Keyboard shortcuts): 1 - Get the component using its name by typing (Define Item) Note : Stop typing when you see the required component is selected Fig. (40) Component Browser – Select the component (Define Item) After selecting the component click Ok or press ENTER Fig. (41) Interaction page - Set the properties and enter the required data as in the image above 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 Fig. (43) Component Browser – Select the component (Define POPUP) After selecting the component click Ok or press ENTER Fig. (44) Interaction page - Set the properties and enter the required data as in the image above 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 Fig. (46) Component Browser – Select the component (Define Item) After selecting the component click Ok or press ENTER Fig. (47) Interaction page - Set the properties and enter the required data as in the image above 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 Fig. (49) Component Browser – Select the component (Define Item) After selecting the component click Ok or press ENTER Fig. (50) Interaction page - Set the properties and enter the required data as in the image above Fig. (51) Goal Desginer - Steps Tree Select the step (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 Fig. (52) Component Browser – Select the component (Status Bar) After selecting the component click Ok or press ENTER Fig. (53) Interaction page - Set the properties and enter the required data as in the image above Fig. (54) Goal Desginer - Steps Tree Select the step (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 Fig. (55) Component Browser – Select the component (Clock) After selecting the component click Ok or press ENTER Fig. (56) Interaction page - Set the properties and enter the required data as in the image above Fig. (57) Goal Desginer - Steps Tree Select the step (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 Fig. (58) Component Browser – Select the component (Define Procedure) After selecting the component click Ok or press ENTER Fig. (59) Interaction page - Set the properties and enter the required data as in the image above Fig. (60) 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 Fig. (61) Component Browser – Select the component (Textbox Class) After selecting the component click Ok or press ENTER Fig. (62) Interaction page - Set the properties and enter the required data as in the image above Fig. (63) Interaction page - Set the properties and enter the required data as in the image above Fig. (64) Interaction page - Set the properties and enter the required data as in the image above Fig. (65) Goal Desginer - Steps Tree Select the step (Start Here) We will start now new interaction process to generate new steps to our steps tree. The slow way (Using Mouse): 1 - Click Interact to open the components browser 2 - Select the domain (Files / Folders) 3 - Select the component (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 Fig. (66) Component Browser – Select the component (Put File) After selecting the component click Ok or press ENTER Fig. (67) Interaction page - Set the properties and enter the required data as in the image above Fig. (68) Goal Desginer - Steps Tree Select the step (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 Fig. (69) Component Browser – Select the component (Check File) After selecting the component click Ok or press ENTER Fig. (70) Interaction page - Set the properties and enter the required data as in the image above Fig. (71) Goal Desginer - Steps Tree Select the step (Start Here) We will start now new interaction process to generate new steps to our steps tree. The slow way (Using Mouse): 1 - Click Interact to open the components browser 2 - Select the domain (Control Structure) 3 - Select the component (IF Statement) The fast way (Using Keyboard shortcuts): 1 - Get the component using its name by typing (IF Statement) Note : Stop typing when you see the required component is selected Fig. (72) Component Browser – Select the component (IF Statement) After selecting the component click Ok or press ENTER Fig. (73) Interaction page - Set the properties and enter the required data as in the image above Fig. (74) Goal Desginer - Steps Tree Select the step (Start Here) We will start now new interaction process to generate new steps to our steps tree. The slow way (Using Mouse): 1 - Click Interact to open the components browser 2 - Select the domain (Structure Programming) 3 - Select the component (Return Value) The fast way (Using Keyboard shortcuts): 1 - Get the component using its name by typing (Return Value) Note : Stop typing when you see the required component is selected Fig. (75) Component Browser – Select the component (Return Value) After selecting the component click Ok or press ENTER Fig. (76) Interaction page - Set the properties and enter the required data as in the image above Fig. (77) Goal Desginer - Steps Tree Select the step (Start Here) We will start now new interaction process to generate new steps to our steps tree. The slow way (Using Mouse): 1 - Click Interact to open the components browser 2 - Select the domain (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 Fig. (78) Component Browser – Select the component (Write String To File) After selecting the component click Ok or press ENTER Fig. (79) Interaction page - Set the properties and enter the required data as in the image above Fig. (80) Goal Desginer - Steps Tree Select the step (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 Fig. (81) Component Browser – Select the component (Define Procedure) After selecting the component click Ok or press ENTER Fig. (82) Interaction page - Set the properties and enter the required data as in the image above Fig. (83) Goal Desginer - Steps Tree Select the step (Start Here) We will start now new interaction process to generate new steps to our steps tree. The slow way (Using Mouse): 1 - Click Interact to open the components browser 2 - Select the domain (Files / Folders) 3 - Select the component (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 Fig. (84) Component Browser – Select the component (Get File) After selecting the component click Ok or press ENTER Fig. (85) Interaction page - Set the properties and enter the required data as in the image above Fig. (86) Goal Desginer - Steps Tree Select the step (Start Here) We will start now new interaction process to generate new steps to our steps tree. The slow way (Using Mouse): 1 - Click Interact to open the components browser 2 - Select the domain (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 Fig. (87) Component Browser – Select the component (Check File) After selecting the component click Ok or press ENTER Fig. (88) Interaction page - Set the properties and enter the required data as in the image above Fig. (89) Goal Desginer - Steps Tree Select the step (Start Here) We will start now new interaction process to generate new steps to our steps tree. The slow way (Using Mouse): 1 - Click Interact to open the components browser 2 - Select the domain (Control Structure) 3 - Select the component (IF Statement) The fast way (Using Keyboard shortcuts): 1 - Get the component using its name by typing (IF Statement) Note : Stop typing when you see the required component is selected Fig. (90) Component Browser – Select the component (IF Statement) After selecting the component click Ok or press ENTER Fig. (91) Interaction page - Set the properties and enter the required data as in the image above Fig. (92) Goal Desginer - Steps Tree Select the step (Start Here) We will start now new interaction process to generate new steps to our steps tree. The slow way (Using Mouse): 1 - Click Interact to open the components browser 2 - Select the domain (Structure Programming) 3 - Select the component (Return Value) The fast way (Using Keyboard shortcuts): 1 - Get the component using its name by typing (Return Value) Note : Stop typing when you see the required component is selected Fig. (93) Component Browser – Select the component (Return Value) After selecting the component click Ok or press ENTER Fig. (94) Interaction page - Set the properties and enter the required data as in the image above Fig. (95) Goal Desginer - Steps Tree Select the step (Start Here) We will start now new interaction process to generate new steps to our steps tree. The slow way (Using Mouse): 1 - Click Interact to open the components browser 2 - Select the domain (Files / Folders) 3 - Select the component (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 Fig. (96) Component Browser – Select the component (File To String) After selecting the component click Ok or press ENTER Fig. (97) Interaction page - Set the properties and enter the required data as in the image above Fig. (98) Goal Desginer - 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 Fig. (99) Component Browser – Select the component (Textbox Class) After selecting the component click Ok or press ENTER Fig. (100) Interaction page - Set the properties and enter the required data as in the image above Fig. (101) Interaction page - Set the properties and enter the required data as in the image above Fig. (102) Interaction page - Set the properties and enter the required data as in the image above 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 Fig. (104) Component Browser – Select the component (Define Procedure) After selecting the component click Ok or press ENTER Fig. (105) Interaction page - Set the properties and enter the required data as in the image above 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 Fig. (107) Component Browser – Select the component (Show Message) After selecting the component click Ok or press ENTER Fig. (108) Interaction page - Set the properties and enter the required data as in the image above 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 Fig. (110) Component Browser – Select the component (IF Statement) After selecting the component click Ok or press ENTER Fig. (111) Interaction page - Set the properties and enter the required data as in the image above 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 Fig. (113) Component Browser – Select the component (Return Value) After selecting the component click Ok or press ENTER Fig. (114) Interaction page - Set the properties and enter the required data as in the image above 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 Fig. (116) Component Browser – Select the component (Window Class) After selecting the component click Ok or press ENTER Fig. (117) Interaction page - Set the properties and enter the required data as in the image above Fig. (118) Interaction page - Set the properties and enter the required data as in the image above Fig. (119) Interaction page - Set the properties and enter the required data as in the image above 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 Fig. (121) Component Browser – Select the component (Define Procedure) After selecting the component click Ok or press ENTER Fig. (122) Interaction page - Set the properties and enter the required data as in the image above 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 Fig. (124) Component Browser – Select the component (Get Font) After selecting the component click Ok or press ENTER Fig. (125) Interaction page - Set the properties and enter the required data as in the image above 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 Fig. (127) Component Browser – Select the component (Textbox Class) After selecting the component click Ok or press ENTER Fig. (128) Interaction page - Set the properties and enter the required data as in the image above Fig. (129) Interaction page - Set the properties and enter the required data as in the image above Fig. (130) Interaction page - Set the properties and enter the required data as in the image above 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 Fig. (132) Component Browser – Select the component (Textbox Class) After selecting the component click Ok or press ENTER Fig. (133) Interaction page - Set the properties and enter the required data as in the image above Fig. (134) Interaction page - Set the properties and enter the required data as in the image above Fig. (135) Interaction page - Set the properties and enter the required data as in the image above 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 Fig. (137) Component Browser – Select the component (Textbox Class) After selecting the component click Ok or press ENTER Fig. (138) Interaction page - Set the properties and enter the required data as in the image above Fig. (139) Interaction page - Set the properties and enter the required data as in the image above Fig. (140) Interaction page - Set the properties and enter the required data as in the image above 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 Fig. (142) Component Browser – Select the component (Textbox Class) After selecting the component click Ok or press ENTER Fig. (143) Interaction page - Set the properties and enter the required data as in the image above Fig. (144) Interaction page - Set the properties and enter the required data as in the image above Fig. (145) Interaction page - Set the properties and enter the required data as in the image above 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 Fig. (147) Component Browser – Select the component (Textbox Class) After selecting the component click Ok or press ENTER Fig. (148) Interaction page - Set the properties and enter the required data as in the image above Fig. (149) Interaction page - Set the properties and enter the required data as in the image above Fig. (150) Interaction page - Set the properties and enter the required data as in the image above 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 Fig. (152) Component Browser – Select the component (Define Procedure) After selecting the component click Ok or press ENTER Fig. (153) Interaction page - Set the properties and enter the required data as in the image above 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 Fig. (155) Component Browser – Select the component (Get Color) After selecting the component click Ok or press ENTER Fig. (156) Interaction page - Set the properties and enter the required data as in the image above 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 Fig. (158) Component Browser – Select the component (Textbox Class) After selecting the component click Ok or press ENTER Fig. (159) Interaction page - Set the properties and enter the required data as in the image above Fig. (160) Interaction page - Set the properties and enter the required data as in the image above Fig. (161) Interaction page - Set the properties and enter the required data as in the image above 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 Fig. (163) Component Browser – Select the component (Define Procedure) After selecting the component click Ok or press ENTER Fig. (164) Interaction page - Set the properties and enter the required data as in the image above 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 Fig. (166) Component Browser – Select the component (Get Color) After selecting the component click Ok or press ENTER Fig. (167) Interaction page - Set the properties and enter the required data as in the image above 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 Fig. (169) Component Browser – Select the component (Textbox Class) After selecting the component click Ok or press ENTER Fig. (170) Interaction page - Set the properties and enter the required data as in the image above Fig. (171) Interaction page - Set the properties and enter the required data as in the image above Fig. (172) Interaction page - Set the properties and enter the required data as in the image above 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 Fig. (174) Component Browser – Select the component (Define Procedure) After selecting the component click Ok or press ENTER Fig. (175) Interaction page - Set the properties and enter the required data as in the image above 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 Fig. (177) Component Browser – Select the component (Show Message) After selecting the component click Ok or press ENTER Fig. (178) Interaction page - Set the properties and enter the required data as in the image above 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 Fig. (180) Component Browser – Select the component (Define Procedure) After selecting the component click Ok or press ENTER Fig. (181) Interaction page - Set the properties and enter the required data as in the image above 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 Fig. (183) Component Browser – Select the component (Get Computer Name) After selecting the component click Ok or press ENTER 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 Fig. (185) Component Browser – Select the component (Show Message) After selecting the component click Ok or press ENTER Fig. (186) Interaction page - Set the properties and enter the required data as in the image above 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 Fig. (188) Application during the runtime Fig. (189) Application during the runtime Fig. (190) Application during the runtime Fig. (191) Application during the runtime
|