Download - Programming Without Coding Technology (PWCT) Getting Started - Create your first Application

Transcript
Page 1: Programming Without Coding Technology (PWCT)  Getting Started - Create your first Application

PWCT 1.9 Art Documentation ( http://doublesvsoop.sourceforge.net ) 2006-2013, Mahmoud Fayed ( [email protected] ) _____________________________________________________________________________________

Table of contents

1 – Creating Hello World – GUI Application step by step. 2 – Creating Hello World – Console Application step by step.

[1] Creating Hello World – GUI Application step by step.

Hi All

In this lesson we are going to create our first application using PWCT 1.9 (Art)

At first we will run the PWCT environment

Fig. 1

Fig. 2

When we run the PWCT environment we have the Goal Designer and the default application is Start.SSF

Page 2: Programming Without Coding Technology (PWCT)  Getting Started - Create your first Application

Fig. 3

If we are going to create console application – then we will select the template

(Console Application – Without Coding)

In this lesson we are going to create GUI application so we will create new project using the template

(GUI Application - Without Coding)

Page 3: Programming Without Coding Technology (PWCT)  Getting Started - Create your first Application

Fig. 4

Double click the template name item from the templates listbox to create new project using this template

Page 4: Programming Without Coding Technology (PWCT)  Getting Started - Create your first Application

Fig. 5

We will create new folder for our project

The folder name is test

Page 5: Programming Without Coding Technology (PWCT)  Getting Started - Create your first Application

Fig. 6

And the project file name is test.SSF

Page 6: Programming Without Coding Technology (PWCT)  Getting Started - Create your first Application

Fig. 7

Fig. 8

When we create new project we have the goal designer window

This window contains the Main goal which contains The First Step

Page 7: Programming Without Coding Technology (PWCT)  Getting Started - Create your first Application

Now we will add the main window of our application

Click Interact button (or Press CTRL+T) to start new interaction process

Fig. 9

After clicking the interact button we will have the components browser window

Using this window we will select a component to interact with it

Fig. 10

The components are classified into domains and the domains are organized using the tree structure

Select the domain (Windows) then select the component (Define new window)

Page 8: Programming Without Coding Technology (PWCT)  Getting Started - Create your first Application

Use double click to open it or press Enter

Fig. 11

After selecting the component we will have the interaction using transporter window

Fig. 12

Determine the window title for example (Hello World) then click Ok (or press CTRL+W)

Page 9: Programming Without Coding Technology (PWCT)  Getting Started - Create your first Application

Fig. 13

As a result of the interaction process we will return to the Goal designer again but we will notice a change

to the steps tree

We have now new steps generated as a result of the interaction process

Fig. 14

To run the application click the Run button in the toolbar (or Press CTRL+R)

Fig. 15

Page 10: Programming Without Coding Technology (PWCT)  Getting Started - Create your first Application

Fig. 16

[2] Creating Hello World – Console Application step by step.

Now we are going to create the Hello world console application

Page 11: Programming Without Coding Technology (PWCT)  Getting Started - Create your first Application

Fig. 17

Determine the application name for example Test2.SSF

Page 12: Programming Without Coding Technology (PWCT)  Getting Started - Create your first Application

Fig. 18

Page 13: Programming Without Coding Technology (PWCT)  Getting Started - Create your first Application

Fig. 19

When we create new project we have the goal designer window

This window contains the Main goal which contains The First Step

Now we will generate new step to print the text (Hello World) on screen

Click Interact button (or Press CTRL+T) to start new interaction process

Fig. 20

After clicking the interact button we will have the components browser window

Using this window we will select a component to interact with it

The components are classified into domains and the domains are organized using the tree structure

Select the domain (Print Text) then select the component (Print Text to Console)

Use double click to open it or press Enter

Page 14: Programming Without Coding Technology (PWCT)  Getting Started - Create your first Application

Fig. 21

After selecting the component we will have the interaction using transporter window

Fig. 22

Write the text "Hello World” then click Ok or press CTRL+W to end the interaction process

Fig. 23

As a result of the interaction process we will return to the Goal designer

again but we will notice a change to the steps tree

We have now new steps generated as a result of the interaction process

Page 15: Programming Without Coding Technology (PWCT)  Getting Started - Create your first Application

Fig. 24

Now we will generate another step to wait for a number of second to be able

to see the Hello World message on screen

Click the Interact button or press CTRL+T

Fig. 25

Select the domain (Console Application) then select the component Wait (Key/Seconds).

Page 16: Programming Without Coding Technology (PWCT)  Getting Started - Create your first Application

Fig. 26

Set checkbox ( Wait nSeconds ) on

Then click Ok or press CTRL+W to end the interaction process

Fig. 27

As a result of the interaction process we will return to the Goal designer

again but we will notice a change to the steps tree

We have now new steps generated as a result of the interaction process

To run the application click the Run button [!] in the toolbar (or Press CTRL+R)

Page 17: Programming Without Coding Technology (PWCT)  Getting Started - Create your first Application

Fig. 28