Programming Without Coding Technology (PWCT) - Progressbar control

May 16, 20150 likes184 views

This document provides steps for using a progress bar control in an application. It outlines adding new steps to a steps tree to define a window with a title and progress bar, setting their properties, and displaying the window at runtime. The steps include selecting components from the components browser to add a new window and progress bar, setting their properties, and viewing the final steps tree and application during runtime.

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 learn how to use the Progressbar control.
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 (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. (2) Component Browser – Select the component (Define New Window)
After selecting the component click Ok or press ENTER
Fig. (3) Interaction page - Set the properties and enter the required data as in the image above

Fig. (4) Form Designer
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 (Progress Bar)
The fast way (Using Keyboard shortcuts):
1 - Get the component using its name by typing (Progress Bar)
Note : Stop typing when you see the required component is selected

Fig. (6) Component Browser – Select the component (Progress Bar)
After selecting the component click Ok or press ENTER
Fig. (7) Interaction page - Set the properties and enter the required data as in the image above

Fig. (8) Form Designer
Fig. (9) Goal Desginer - Final Steps Tree
3 - Final Steps Tree
The First Step
Define New Window ( win1 ) , Title : "Window Title"
Window Events
Window Properties
Window Controls
Define New ProgressBar (Progress1)
Events
Properties
End Of Window
Activate window
4 - Application during the runtime

Fig. (10) Application during the runtime

This document provides steps for using the Label control in an application. It describes selecting the Label component, setting its properties, and viewing the final steps tree. The steps involve selecting components from the component browser to define a new window and label, and setting properties in the interaction page and form designer. Screenshots illustrate the component browser, property settings, and final steps tree with the window and label components.

Programming Without Coding Technology (PWCT) - Checkbox controlMahmoud Samir Fayed

This document provides steps for adding a checkbox control to a window using an interaction design tool. It describes selecting components from the toolbox to define a new window and checkbox, setting their properties, and viewing the final steps tree and runtime application. Key steps include clicking "Interact" and selecting "Define New Window" and "CheckBox" components, filling out properties, and seeing the added checkbox within the window at runtime.

Programming Without Coding Technology (PWCT) - Checkbutton controlMahmoud Samir Fayed

This document provides steps for adding a check button control to a window using the PWCT 1.9 Art Documentation tool. It describes selecting the "Define New Window" component to create a window, then selecting the "Check Button" component to add a check button to the window. Screenshots illustrate the components browser, property pages, and final steps tree. The summary describes the key elements and process covered in the document.

Programming Without Coding Technology (PWCT) - Date Picker controlMahmoud Samir Fayed

This document provides steps for using a datepicker control within an application. It describes selecting the datepicker component from the components browser, setting the component's properties, and viewing the final steps tree. The steps tree shows the process of defining a new window, adding controls like the datepicker within it, and configuring the datepicker's events and properties. Finally, it depicts the application at runtime with the datepicker displayed in the window.

Programming Without Coding Technology (PWCT) - Frame controlMahmoud Samir Fayed

Programming Without Coding Technology (PWCT) - Button ControlMahmoud Samir Fayed

This document provides steps for adding controls to a window using an interaction design tool. It describes selecting components from the component browser to define a new window with a button control and set their properties. Screenshots illustrate the component browser, property pages, and final steps tree with the defined window and button. The summary concludes by noting the document describes the application's runtime behavior with the added controls.

Programming Without Coding Technology (PWCT) - Slider controlMahmoud Samir Fayed

This document provides steps for using a slider control in an application. It describes selecting the slider component, setting its properties, and viewing the final steps tree. Key steps include opening the components browser, choosing the slider, and configuring options like the name and events on the interaction page before seeing the slider rendered in the form designer and steps tree. Finally, it shows what the application looks like at runtime with the slider implemented.

Programming Without Coding Technology (PWCT) - Animatebox controlMahmoud Samir Fayed

Programming Without Coding Technology (PWCT) - Hyperlink controlMahmoud Samir Fayed

Programming Without Coding Technology (PWCT) - Grid controlMahmoud Samir Fayed

Programming Without Coding Technology (PWCT) - Image controlMahmoud Samir Fayed

Programming Without Coding Technology (PWCT) - Richeditbox controlMahmoud Samir Fayed

Programming Without Coding Technology (PWCT) - Textbox ControlMahmoud Samir Fayed

Programming Without Coding Technology (PWCT) - Combobox controlMahmoud Samir Fayed

This document provides steps for using a combobox control in an application. It explains selecting the combobox component from the components browser, setting its properties on the interaction page, and viewing the final steps tree. Screenshots are included of the goal designer steps tree, component browser, interaction page, and form designer at different points in the process. Finally, it shows what the application looks like at runtime with the combobox populated with options.

Programming Without Coding Technology (PWCT) - Spinner controlMahmoud Samir Fayed

Programming Without Coding Technology (PWCT) - Browse controlMahmoud Samir Fayed

This document describes how to use the Browse control in PWCT 1.9 Art Documentation. It provides step-by-step instructions for adding a Browse component to a steps tree to allow browsing a database table at runtime. The steps include opening the component browser, selecting the Browse component, setting properties, and viewing the final steps tree. Screenshots illustrate the process of generating the steps to display a browse window for a table.

Programming Without Coding Technology (PWCT) - Listbox controlMahmoud Samir Fayed

Programming Without Coding Technology (PWCT) - Timer controlMahmoud Samir Fayed

Programming Without Coding Technology (PWCT) - The Macro OperatorMahmoud Samir Fayed

Programming Without Coding Technology (PWCT) - Tab controlMahmoud Samir Fayed

Programming Without Coding Technology (PWCT) - Treeview controlMahmoud Samir Fayed

Programming Without Coding Technology (PWCT) - Error Handling (Try/Catch)Mahmoud Samir Fayed

This document discusses using error handling (Try/Catch) components in a steps tree. It provides instructions on how to add components to generate steps using either the mouse or keyboard shortcuts. Examples are given of adding assignment, error handling, print text, and wait components to a steps tree. The final steps tree contains steps to divide a number by zero, trigger an error, print an error message, and wait before ending.

Programming Without Coding Technology (PWCT) - While Loop componentMahmoud Samir Fayed

This document provides steps for using a while loop component in Artificial Intelligence software. It explains how to add components to a steps tree, including adding an assignment, while loop, print text, and wait components. Screenshots illustrate selecting components and setting properties. The final steps tree contains a while loop that prints squared values of a variable x as it counts down from 12 to 0, waiting 3 seconds after the loop.

Programming Without Coding Technology (PWCT) - HarbourPWCT - Hello World - Co...Mahmoud Samir Fayed

Programming Without Coding Technology (PWCT) - Simple GUI ApplicationMahmoud Samir Fayed

This document outlines the steps to create a simple GUI application in PWCT 1.9 Art Documentation. It describes creating a main window, adding controls like labels and buttons, and linking a button event to call a procedure. The steps include selecting components from the component browser to build out a steps tree in the Goal Designer. The final steps tree shows the defined window, labels, button, and close procedure that gets called on the button click event.

Programming Without Coding Technology (PWCT) - Using the For Loop component.Mahmoud Samir Fayed

This document provides steps for using a For Loop component in an application. It describes selecting the For Loop component from the components browser and setting its properties. Setting the For Loop properties includes setting the start, end and step values for the loop. The document then shows the final steps tree that results, including steps inside and outside of the For Loop. It concludes by showing what the application output would look like at runtime.

Programming Without Coding Technology (PWCT) - IF Statement ComponentMahmoud Samir Fayed

Programming Without Coding Technology (PWCT) Getting Started - Create your f...Mahmoud Samir Fayed

This document provides step-by-step instructions for creating "Hello World" applications using the PWCT 1.9 (Art) environment. It first demonstrates creating a GUI application by running PWCT, selecting the GUI template, creating a new project folder and file, adding a main window, and running the application. It then shows creating a console application by selecting the console template, adding steps to print "Hello World" to the console and wait seconds before closing. The document includes screenshots to illustrate each step of the process.

Programming Without Coding Technology (PWCT) - ASCII CodeMahmoud Samir Fayed

This document discusses how to generate a steps tree in PWCT 1.9 Art Documentation to get the ASCII code of a character and convert it back. It provides instructions on selecting components using mouse or keyboard shortcuts to create steps that: 1) get the ASCII code of character "M", 2) print the code to console, 3) get the character of ASCII code 77, and 4) print the character to console before waiting 3 seconds. The final steps tree and application runtime are displayed.

More Related Content

What's hot (20)