Programming Without Coding Technology (PWCT) - The Time Machine

8/14/2019 Programming Without Coding Technology (PWCT) - The Time Machine

1/16

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

In this lesson we are going to learn how to use the Time Machine

The Time Machine Features :- Move backward/forward during the application construction process

Run programs at a point in the past

Play programs as movie to know how to create the program step by step Play programs as movie (Steps Only) to read programs faster Order time frames on the latest order of steps inside steps tree Refresh steps based on the latest components updates Generate documentation explains how to construct the program step by step

[1] Move backward/forward during the application construction processWhen we run PWCT we have the default project Start.SSF

Fig. 1


2/16

Fig. 2

Fig. 3


3/16

Fig. 4Using the slider beside the Time Machine we can move backward/forward during the applicationconstruction process

Fig. 5

Fig. 6[2] Run programs at a point in the past

We can run the program in the past (a point during the application construction process) For example when we run the application in a point before creating the button event procedure we see

that clicking the button doesnt close the application.


4/16

Fig. 7Again we can go forward and return to the present

When we run the application in the present(the last time frame during the application construction process)clicking the button will close the window.

Fig. 8[3] Play programs as movie to know how to create the program step by step

When you open a project using PWCT you can play this project as movie toknow how to create the visual source step by step

The playing process will starts from the first step and you will seehow to generate every step starting from selecting the componentUsing the components browser window and moving to entering

data to the interaction pageYou will see the result of every interaction process as newsteps are generated to the steps tree after the end of the interaction process


5/16

Fig. 9[4] Play programs as movie (Steps Only) to read programs fasterPlaying programs as movie (Steps Only) will hide the construction details fromthe playing process and will let you concentrate on the steps

Generation process and this is useful when you want to read programsinstead of knowing how to create it.

Fig. 10[5] Order time frames on the latest order of steps inside steps treeWhen we create programs we may generate steps in the top then inthe bottom then in the middle for exampleThe order of step generation is random because we may find that we wantto modify at any location inside our programAfter all of that when we play programs as movies we may find that its betterto see the construction process step by step from top to bottomWe dont need to move our focus to random positions (top-middle-down,..etc) and to avoid

this we can order the time frames based on the Latest order of steps inside the steps tree and by doing that the playing process will go


6/16

always from top to bottom so we can focus better on gettingThe meaning behind the program according to the latest status

Fig. 11[6] Refresh steps based on the latest components updatesThis feature is very powerful and important in many ways

If you have old programs developed using old versions of PWCT then you can usethis feature to upgrade your visual source using the new components

This means that every step will be refreshed using the new script behind the componentand this leads to code upgrade and steps name update.

If you are modifying visual components by changing generated

steps names and generated code then all what you need is to upgrade your programs by doingThis refresh processThe first point refers to visual source upgrade and this feature is very important fordevelopers having old PWCT programs.The second point refers to two great features, the first is multi-human languagesupport and the second is translation from programming language to another[1] Multi-Human Language Support (Steps Names)

The step name is written using natural language (English/Arabic,...etc) and the stepname is generated as a result of interaction process and the generation

process Is controlled by a script behind the component and we can modify this scriptSo you can modify the generated steps names and uses the words that you wouldlike to read using the human language (English/Arabic....etc) that you know After doing that you will refresh your programs to be readable using your human language If you distributed you visual source based on components generate steps namesusing English language for example this will not prevent the others from using the human

languageThey know or like to read your programs because all what they need to do is to

open your visual source then they will do the refresh process based on the components


7/16

They have and these components maybe in any human language different from

the original human language used during the visual source construction process.[2] Translation from programming language to anotherThe step code is written using textual programming language and the step code

is generated as a result of interaction process and the generation process Is controlled by a script behind the component and we can modify this scriptSo you can modify the generated code and uses any textual programming languagethat you want (Harbour, Python, Ruby,...etc)After doing that you will refresh your programs and the code in the background

will be refreshed using the new code (written in another language)

Fig. 12[7] Generate documentation explains how to construct the program step by step

Play program as movie and this will generate screen shots and databasefile contains description of every step run the code extractor application to generate text file contains the steps tree run the application and get screen shot during the runtime run the time machine documentation tool

The code extractor extracts the code and the steps tree from the visual

source (program goals).To run the code extractor, select the popup (Goal) from the menu bar thenselect the item (Invoke Code Extractor)


8/16

Fig. 13Select the goal (Main) by dragging it to the selected goals listbox.

Fig. 14Click Ok


9/16

Fig. 15

Fig. 16


10/16

Fig. 17Click the button ( Save steps tree to c:\ssbuild\pwctshots\steps.txt )

Fig. 18


11/16

Run the application using the run button [!] in the toolbar or click CTRL+RThen press the PrntScr button to get screen shot of the application during the runtime Then open the paint and save the screen shot to C:\SSBUILD\PWCTShots\runtime1.JPG

Fig. 19


12/16

Fig. 20


13/16

Fig. 21

Now we are going to run the Time Machine documentation generator

Fig. 22Write the introduction then click the (Save) button to generate the fileC:\SSBUILD\PWCTShots\about.txt


14/16

Fig. 23

Fig. 24Click the button (Create HTML file) to generate the documentation file.

Fig. 25

Now we have the documentation inside the folder c:\ssbuild\pwctshots


15/16

Fig. 26

Fig. 27


16/16

Fig. 28

Programming Without Coding Technology (PWCT) - The Time Machine

Documents

Transcript of Programming Without Coding Technology (PWCT) - The Time Machine