This article is the beginning of an in-depth description of Studio Pro, its features, and its implementation. Let us take a closer look at what Studio Pro consists of.

Introduction

ElectroNeek Studio Pro is a low-code development environment that utilizes visual programming approach. Workflows are built using activity blocks that represent specific actions. 

This is how the main program screen looks like. Below we will provide more detail about the main interface features. 

Main Studio Pro window

Interface

First of all, let us have a look at the program interface in general and then we will move to the breakdown of its main parts. The main sections include the toolbar and control buttons (top left corner), activities and elements list (to the left), canvas (big dark window in the middle), activities properties and variables section (right part), and console with its control elements (below the canvas).

Toolbar and Control Buttons

This section lets users manage files as well as access different features and settings. Here we will take a closer look at its elements.

Buttons

This part includes the buttons that control files creation, opening, and saving 

1. New workflow - creates a new empty workflow.
2. Open - open the specified workflow file (.neek).
3. Save - save the current workflow. The current file will be overwritten. When using this with a newly created file, 'Save as' will be triggered instead.
4. Save as - lets you save the workflow with more options. You can overwrite the same file or save the changes in a new file as well as choose a different save location.
5. Publish to Orchestrator SaaS - lets you publish the current workflow to Orchestrator. Read more about it in this series of articles. Orchestrator Admin Guide, Orchestrator SaaS description
6. Run - these buttons let you launch the bot in normal and debug mode. 
7. UI scale - lets you adjust the interface scale.
8. Undo/Redo - cancel the last change or redo it.
9. Process Recorder - lets you record your actions in a desktop app or a browser and save these actions as an algorithm.
10. Autolayout - use this option to align the activity blocks on the canvas automatically.
11. Grid drops - this option will display the grid drops on the canvas.

Menu items

This panel contains a few tabs that let you access various options that are described below

The File menu option allows you to create, save, open workflow files, export your workflow to .neex format for Bot Runner, publish your bot to Orchestrator, and import elements from .elm files.

The Edit menu option lets you manage the blocks in the canvas and do actions related to them. You can undo/redo the last changes, copy and paste and delete blocks, and find and select and remove unconnected ones.

The Run menu option is used to run the bot in normal or debug mode and to manage debug options.

The Debug menu option accesses the debug mode.

The Tools menu option lets you access Process Recorder and opens the logs folder.

The Settings menu contains different options related to workflow execution, browsers, connection, specific actions, etc.

The Account menu option lets you check your license details and log out of your current account.

The Help menu option lets you visit the Knowledge Base, check for updates*, and get in touch with our tech support.

*To check for updates, go to "Help" → "Check for updates". You will see a pop-up window with your current version of Studio Pro and the available one. If the available version is higher, press "Install" to update Studio Pro to the newest version.

Activities and elements list

This part contains all the available activities ('Activities' tab). The elements created by the user during the process of development will also be shown in 'Elements' tab. Activities are grouped based on their functions. Click the group name to open the drop-down list containing the related activities.

Activities list. 'General' is one of the groups and it contains the related activities

Canvas

Basically, the main part of the program. It is used for the workflow development process and contains your current algorithm. New activity blocks added to your workflow will appear here. It also has tabs that let you switch between the opened workflows and a search window. Read more about workflow features here. Workflow composition

Canvas with an example of an opened workflow

Properties and values section

This section lets you set the activity parameters and manages the variables created during development. It changes according to the type of the selected activity block. 'Properties' tab contains a set of options depending on the selected block. 'Variables' tab stores the user-created variables that can be used in development.

Overview of the section that contains block properties and variables. In this example, browser-related block properties are shown. The represented options will change according to the selected block

Console

The Console stores all kinds of output messages and can be used for some activities. There are also a few control buttons. They let you clear the console, change its position and open the logs folder.

Console window. In this example, an output message indicating that the bot was saved successfully is displayed

Here we described the main features of the Studio Pro interface. The next article will describe the basics of workflow creation. Workflow composition.