Project creation

Table of contents

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.

More details.

[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.

More details.

[5] Variables

This window displays the current values of the project variables. During debugging, you can observe and analyze their values.

More details.

[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.

More details.

[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.

More details.

[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.

More details.

[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].

More details.

[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.

More details.

Project data

Current profile

You can see the used profile parameters during debugging by clicking on the corresponding icon.

More details.

Project settings

You can control project parameters using the settings from the Static Blocks Panel.

More details.

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.