Where does the recording begin
After starting the program, you will see the Start page where you need to either click New project, or Open project, after which the main workspace will open in which the main windows for creating and editing a project are located.
To start recording, press the [1] button (see screenshot). After that, you can enter in the address bar of the browser [2] the address of the site with which you plan to work and record by performing actions in the browser. Or you can add actions to the project manually by right-clicking on any empty space in the project [3].
Main windows
You can place 9 functional windows in the main working window of the program. They can be dragged and resized depending on what is more convenient for you. Some windows can be closed if you do not use them or rarely use them. Closed windows can be restored via menu [1].
[2] Project window
In this window, when recording, actions appear when you execute any actions in the browser [3]. You can also create new actions manually (right click). They can be dragged, combined into groups, connected by logical links, building a sequence for the execution of the project.
[3] Browser
In this window, you can open various sites and record step-by-step actions by clicking links, filling in text fields, etc. At the top of this window there are icons for navigation, stopping page loading, tab management, options for clearing cache and cookies + a tool for viewing the source code, DOM and page text.
[4] Minimap
By dragging the frame over the schematic display of your project, you can easily change the focus in the project window itself. This is useful when creating large templates.
[5] Variables
This window displays the current values of the project variables. During debugging, you can observe and analyze their values.
[6] Log
During debugging, a message appears in the log about successful actions and errors that have occurred. This helps to fix and finalize the project to a finished look.
[7] Traffic window
This window will display all the requests that the ProjectMaker browser will make. As well as requests made using HTTP request actions.
[8] Action properties
When you select an action in the project window [1], here you can fill in and change the settings for its work.
[9] Element Properties
If you have activated the "Follow the cursor" mode (right mouse click in the browser window), then when you hover over one or another element on the page, you can view its properties. Also, the properties of the elements will be displayed when working with the action designer (right mouse click in the browser window) and the element tree [10].
[10] Element tree
When you cannot immediately identify an element in the browser, you can find it in the element tree window. It is a structured visual view of the code with a tree structure, with which you can easily find the element you need on the page.
Project data
Current profile
You can see the used profile parameters during debugging by clicking on the corresponding icon.
Project settings
You can control project parameters using the settings from the Static Blocks Panel.
Browser-Project Interaction
The project and browser are synchronized in real time. You can debug from anywhere in the template. If an error occurs at a particular stage of debugging, you can correct the action parameters on the fly and immediately test its operation with the new parameters. It is also possible to add a project at any time by clicking on the "Record" button in the top menu.
Using the debug buttons, you can initiate a run of the project from the very beginning, step by step, up to the breakpoint. By selecting any action, you can test its work within the current browser page.