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 a Printing sample.

2 - Implementation Steps

s1.JPG

Fig. (1) Goal Desginer - Steps Tree

Select the step (The First Step)

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

The slow way (Using Mouse):

                1 - Click Interact to open the components browser

                2 - Select the domain (Windows)

                3 - Select the component (Define New Window)

The fast way (Using Keyboard shortcuts):

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

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

s2.JPG

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

After selecting the component click Ok or press ENTER

s3.JPG

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

s4.JPG

Fig. (4) Form Designer

s5.JPG

Fig. (5) Goal Desginer - Steps Tree

Select the step (Window Controls)

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

The slow way (Using Mouse):

                1 - Click Interact to open the components browser

                2 - Select the domain (Controls)

                3 - Select the component (Image)

The fast way (Using Keyboard shortcuts):

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

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

s6.JPG

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

After selecting the component click Ok or press ENTER

s7.JPG

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

s8.JPG

Fig. (8) Form Designer

s9.JPG

Fig. (9) Goal Desginer - Steps Tree

Select the step (Window Controls)

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

The slow way (Using Mouse):

                1 - Click Interact to open the components browser

                2 - Select the domain (Controls)

                3 - Select the component (Button)

The fast way (Using Keyboard shortcuts):

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

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

s10.JPG

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

After selecting the component click Ok or press ENTER

s11.JPG

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

s12.JPG

Fig. (12) Form Designer

s13.JPG

Fig. (13) Goal Desginer - Steps Tree

Select the step (Button Events)

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

The slow way (Using Mouse):

                1 - Click Interact to open the components browser

                2 - Select the domain (Events)

                3 - Select the component (Button Events)

The fast way (Using Keyboard shortcuts):

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

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

s14.JPG

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

After selecting the component click Ok or press ENTER

s15.JPG

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

s16.JPG

Fig. (16) Goal Desginer - Steps Tree

Select the step (The First Step)

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

The slow way (Using Mouse):

                1 - Click Interact to open the components browser

                2 - Select the domain (Structure Programming)

                3 - Select the component (Define Procedure)

The fast way (Using Keyboard shortcuts):

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

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

s17.JPG

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

After selecting the component click Ok or press ENTER

s18.JPG

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

s19.JPG

Fig. (19) Goal Desginer - Steps Tree

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

                3 - Select the component (Init Print System)

The fast way (Using Keyboard shortcuts):

                1 - Get the component using its name by typing (Init Print System)

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

s20.JPG

Fig. (20) Component Browser Select the component (Init Print System)

After selecting the component click Ok or press ENTER

s21.JPG

Fig. (21) Goal Desginer - Steps Tree

Select the step (Code Block)

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

The slow way (Using Mouse):

                1 - Click Interact to open the components browser

                2 - Select the domain (Printing)

                3 - Select the component (Select Printer)

The fast way (Using Keyboard shortcuts):

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

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

s22.JPG

Fig. (22) Component Browser Select the component (Select Printer)

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 (Code Block)

We will start now new interaction process to 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

s25.JPG

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

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

s28.JPG

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

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

s31.JPG

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

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 (Code Block)

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

The slow way (Using Mouse):

                1 - Click Interact to open the components browser

                2 - Select the domain (Printing)

                3 - Select the component (Set Units)

The fast way (Using Keyboard shortcuts):

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

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

s34.JPG

Fig. (34) Component Browser Select the component (Set Units)

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 (Code Block)

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

The slow way (Using Mouse):

                1 - Click Interact to open the components browser

                2 - Select the domain (Printing)

                3 - Select the component (Start Document)

The fast way (Using Keyboard shortcuts):

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

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

s37.JPG

Fig. (37) Component Browser Select the component (Start Document)

After selecting the component click Ok or press ENTER

s38.JPG

Fig. (38) Goal Desginer - Steps Tree

Select the step (Code Block)

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

The slow way (Using Mouse):

                1 - Click Interact to open the components browser

                2 - Select the domain (Printing)

                3 - Select the component (Set Page Orientation)

The fast way (Using Keyboard shortcuts):

                1 - Get the component using its name by typing (Set Page Orientation)

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

s39.JPG

Fig. (39) Component Browser Select the component (Set Page Orientation)

After selecting the component click Ok or press ENTER

s40.JPG

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

s41.JPG

Fig. (41) Goal Desginer - Steps Tree

Select the step (Code Block)

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

The slow way (Using Mouse):

                1 - Click Interact to open the components browser

                2 - Select the domain (Printing)

                3 - Select the component (Start Page)

The fast way (Using Keyboard shortcuts):

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

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

s42.JPG

Fig. (42) Component Browser Select the component (Start Page)

After selecting the component click Ok or press ENTER

s43.JPG

Fig. (43) Goal Desginer - Steps Tree

Select the step (Code Block)

We will start now new interaction process to 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 (For Loop)

The fast way (Using Keyboard shortcuts):

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

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

s44.JPG

Fig. (44) Component Browser Select the component (For Loop)

After selecting the component click Ok or press ENTER

s45.JPG

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

s46.JPG

Fig. (46) Goal Desginer - Steps Tree

Select the step (Start Here)

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

The slow way (Using Mouse):

                1 - Click Interact to open the components browser

                2 - Select the domain (Printing)

                3 - Select the component (Draw Text to Print)

The fast way (Using Keyboard shortcuts):

                1 - Get the component using its name by typing (Draw Text to Print)

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

s47.JPG

Fig. (47) Component Browser Select the component (Draw Text to Print)

After selecting the component click Ok or press ENTER

s48.JPG

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

s49.JPG

Fig. (49) Goal Desginer - Steps Tree

Select the step (Code Block)

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

The slow way (Using Mouse):

                1 - Click Interact to open the components browser

                2 - Select the domain (Printing)

                3 - Select the component (Start Page)

The fast way (Using Keyboard shortcuts):

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

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

s50.JPG

Fig. (50) Component Browser Select the component (Start Page)

After selecting the component click Ok or press ENTER

s51.JPG

Fig. (51) Goal Desginer - Steps Tree

Select the step (Code Block)

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

The slow way (Using Mouse):

                1 - Click Interact to open the components browser

                2 - Select the domain (Printing)

                3 - Select the component (Draw Picture to Print)

The fast way (Using Keyboard shortcuts):

                1 - Get the component using its name by typing (Draw Picture to Print)

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

s52.JPG

Fig. (52) Component Browser Select the component (Draw Picture to Print)

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 (Code Block)

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

The slow way (Using Mouse):

                1 - Click Interact to open the components browser

                2 - Select the domain (Printing)

                3 - Select the component (Start Page)

The fast way (Using Keyboard shortcuts):

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

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

s55.JPG

Fig. (55) Component Browser Select the component (Start Page)

After selecting the component click Ok or press ENTER

s56.JPG

Fig. (56) Goal Desginer - Steps Tree

Select the step (Code Block)

We will start now new interaction process to 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 (For Loop)

The fast way (Using Keyboard shortcuts):

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

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

s57.JPG

Fig. (57) Component Browser Select the component (For Loop)

After selecting the component click Ok or press ENTER

s58.JPG

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

s59.JPG

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

                3 - Select the component (Draw Text to Print)

The fast way (Using Keyboard shortcuts):

                1 - Get the component using its name by typing (Draw Text to Print)

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

s60.JPG

Fig. (60) Component Browser Select the component (Draw Text to Print)

After selecting the component click Ok or press ENTER

s61.JPG

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

s62.JPG

Fig. (62) Goal Desginer - Steps Tree

Select the step (Code Block)

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

The slow way (Using Mouse):

                1 - Click Interact to open the components browser

                2 - Select the domain (Printing)

                3 - Select the component (Start Page)

The fast way (Using Keyboard shortcuts):

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

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

s63.JPG

Fig. (63) Component Browser Select the component (Start Page)

After selecting the component click Ok or press ENTER

s64.JPG

Fig. (64) Goal Desginer - Steps Tree

Select the step (Code Block)

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

The slow way (Using Mouse):

                1 - Click Interact to open the components browser

                2 - Select the domain (Drawing)

                3 - Select the component (Draw Filled Rectangle to Print)

The fast way (Using Keyboard shortcuts):

                1 - Get the component using its name by typing (Draw Filled Rectangle to Print)

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

s65.JPG

Fig. (65) Component Browser Select the component (Draw Filled Rectangle to Print)

After selecting the component click Ok or press ENTER

s66.JPG

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

s67.JPG

Fig. (67) Goal Desginer - Steps Tree

Select the step (Code Block)

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

The slow way (Using Mouse):

                1 - Click Interact to open the components browser

                2 - Select the domain (Drawing)

                3 - Select the component (Draw Filled Rectangle to Print)

The fast way (Using Keyboard shortcuts):

                1 - Get the component using its name by typing (Draw Filled Rectangle to Print)

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

s68.JPG

Fig. (68) Component Browser Select the component (Draw Filled Rectangle to Print)

After selecting the component click Ok or press ENTER

s69.JPG

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

s70.JPG

Fig. (70) Goal Desginer - Steps Tree

Select the step (Code Block)

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

The slow way (Using Mouse):

                1 - Click Interact to open the components browser

                2 - Select the domain (Drawing)

                3 - Select the component (Draw Filled Rectangle to Print)

The fast way (Using Keyboard shortcuts):

                1 - Get the component using its name by typing (Draw Filled Rectangle to Print)

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

s71.JPG

Fig. (71) Component Browser Select the component (Draw Filled Rectangle to Print)

After selecting the component click Ok or press ENTER

s72.JPG

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

s73.JPG

Fig. (73) Goal Desginer - Steps Tree

Select the step (Code Block)

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

The slow way (Using Mouse):

                1 - Click Interact to open the components browser

                2 - Select the domain (Printing)

                3 - Select the component (Start Page)

The fast way (Using Keyboard shortcuts):

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

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

s74.JPG

Fig. (74) Component Browser Select the component (Start Page)

After selecting the component click Ok or press ENTER

s75.JPG

Fig. (75) Goal Desginer - Steps Tree

Select the step (Code Block)

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

The slow way (Using Mouse):

                1 - Click Interact to open the components browser

                2 - Select the domain (Printing)

                3 - Select the component (Draw Rectangle to Print)

The fast way (Using Keyboard shortcuts):

                1 - Get the component using its name by typing (Draw Rectangle to Print)

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

s76.JPG

Fig. (76) Component Browser Select the component (Draw Rectangle to Print)

After selecting the component click Ok or press ENTER

s77.JPG

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

s78.JPG

Fig. (78) Goal Desginer - Steps Tree

Select the step (Code Block)

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

The slow way (Using Mouse):

                1 - Click Interact to open the components browser

                2 - Select the domain (Printing)

                3 - Select the component (Draw Rectangle to Print)

The fast way (Using Keyboard shortcuts):

                1 - Get the component using its name by typing (Draw Rectangle to Print)

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

s79.JPG

Fig. (79) Component Browser Select the component (Draw Rectangle to Print)

After selecting the component click Ok or press ENTER

s80.JPG

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

s81.JPG

Fig. (81) Goal Desginer - Steps Tree

Select the step (Code Block)

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

The slow way (Using Mouse):

                1 - Click Interact to open the components browser

                2 - Select the domain (Printing)

                3 - Select the component (Draw Rectangle to Print)

The fast way (Using Keyboard shortcuts):

                1 - Get the component using its name by typing (Draw Rectangle to Print)

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

s82.JPG

Fig. (82) Component Browser Select the component (Draw Rectangle to Print)

After selecting the component click Ok or press ENTER

s83.JPG

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

s84.JPG

Fig. (84) Goal Desginer - Final Steps Tree

3 - Final Steps Tree

The First Step

                Define New Window ( win1 ) , Title : "Printing Sample"

                                Window Events

                                Window Properties

                                Window Controls

                                                Define New Image ( image1 ) , Image : "back.jpg"

                                                                Events

                                                                Properties

                                                Define New Button ( btn1 ) , Caption : "Start"

                                                                Button Events

                                                                                Event: ON CLICK : Action MYPRINT

                                                                Button Properties

                                End Of Window

                                Activate window

                Define Procedure MYPRINT

                                Start Here

                                                Init Print System

                                                                Code Block

                                                                                vPrinter = Select Printer by Dialog , Preview

                                                                                IF ( vPrinter == "" )

                                                                                                Start Here

                                                                                                                Show Message "Operation Canceled by user" Title "Ok" Type: Message Box

                                                                                                                Return 0

                                                                                                END OF IF STATEMENT

                                                                                Set Units (MM)

                                                                                Start Document

                                                                                                Code Block

                                                                                                                Set Page Orientation (PORTRAIT)

                                                                                                                Start Page

                                                                                                                                Code Block

                                                                                                                                                FOR LOOP ( From x = 1 To 25 Step 1)

                                                                                                                                                                Start Here

                                                                                                                                                                                Draw Text "Page [1]" , Y(10*x), X(10) , Font("arial",20,50) , Color ({30*x,30*x,255}) to Print

                                                                                                                                                                End of For Loop

                                                                                                                                End of Page

                                                                                                                Start Page

                                                                                                                                Code Block

                                                                                                                                                Draw Picture "C:\SSRPWI\DOUBLES\RPWI1\SAMPLES\12) PRINTING\IMAGE.JPG" (Top 0 Left 0 Height 100 Width 100 ) TO PRINT

                                                                                                                                End of Page

                                                                                                                Start Page

                                                                                                                                Code Block

                                                                                                                                                FOR LOOP ( From x = 1 To 5 Step 1)

                                                                                                                                                                Start Here

                                                                                                                                                                                Draw Text "Page [3]" , Y(10*x), X(10) , Font("arial",20,50) , Color ({255,30*x,60*x}) to Print

                                                                                                                                                                End of For Loop

                                                                                                                                End of Page

                                                                                                                Start Page

                                                                                                                                Code Block

                                                                                                                                                Rectangle (Y 10, X 10, Height 200, Width 200 ) PenWidth (2) Color ({0,0,255}) to Print

                                                                                                                                                Rectangle (Y 50, X 50, Height 150, Width 150 ) PenWidth (2) Color ({238,183,142}) to Print

                                                                                                                                                Rectangle (Y 80, X 80, Height 120, Width 120 ) PenWidth (2) Color ({0,255,128}) to Print

                                                                                                                                End of Page

                                                                                                                Start Page

                                                                                                                                Code Block

                                                                                                                                                Rectangle (Y 10, X 10, Height 50, Width 200 ) PenWidth (1) Color ({0,255,0}) to Print

                                                                                                                                                Rectangle (Y 60, X 60, Height 110, Width 200 ) PenWidth (10) Color ({0,0,0}) to Print

                                                                                                                                                Rectangle (Y 120, X 60, Height 150, Width 200 ) PenWidth (50) Color ({0,0,255}) to Print

                                                                                                                                End of Page

                                                                                                End of Document

                                                                Release Print System

                                End of Procedure

4 - Application during the runtime

runtime1.JPG

Fig. (85) Application during the runtime

runtime2.JPG

Fig. (86) Application during the runtime

runtime3.JPG

Fig. (87) Application during the runtime

runtime4.JPG

Fig. (88) Application during the runtime

runtime5.JPG

Fig. (89) Application during the runtime

runtime6.JPG

Fig. (90) Application during the runtime

runtime7.JPG

Fig. (91) Application during the runtime