CONTENT

1. INTRODUCTION

CENTO is a multifunctional software platform for data collection, processing, and display.

The CENTO software allows you to create, edit, and view diagrams without installing additional programs.

This Manual explains how to work in the built-in CENTO diagram editor, how to create and configure diagrams as well as how to link diagram elements to objects in the CENTO information model.

It is assumed that the user, having read the "User Manual", "Setup Manual", and "Information Model Setup Manual", is already familiar with the basic interface elements, ways to configure CENTO, and the basic concepts of the CENTO information model.

2. VIEWING DIAGRAMS

Diagrams can be viewed by hovering over  in the CENTO main menu and clicking on the name of a diagram in the drop-down list under the button. The drop-down list contains a list of diagrams available for viewing. An example of a diagram screen with a drop-down list is shown in Fig. 2.1. 

Figure 2.1. Diagram with a drop-down list of available diagrams

Zooming of the diagrams is performed by scrolling the mouse wheel, or by clicking the buttons in the upper-right corner of the viewing area Zoom in  or Zoom out . The Scale  button is designed to automatically adjust the size of the diagram within the screen. 

When using CENTO on touchscreen devices or on multi-touch panels, the image is zoomed in or out by double touching and simultaneously changing the distance between the touch points.

The visible portion of the diagram can be repositioned within the interface workspace by clicking and dragging with the left mouse button held down, or by pressing and dragging using the mouse wheel (middle mouse button).

Switching between diagrams is performed in the Active schemes tree displayed on the left side of the screen when the button  is pressed. This tree can be pinned in the viewer by clicking the button . The diagram currently displayed on the screen is highlighted within the corresponding tree structure . 

The sorting of diagrams and folders (IM objects) depends on the indicated position, see Fig. 2.1, as well as additional settings in the tree itself when the button is right-clicked.

The tree structure is sorted in ascending order based on the defined positional indices.

The tree structure is organized by folders and additionally sorted in ascending order based on the defined position within each folder.

The displayed diagrams can be exported to .png files, and sent for printing, thereby they serve to display the current state in a certain period. To do this, click on the Export button  on the right side of the screen and select the required menu. 

If the user has the right to edit diagrams, then the Edit button  is displayed on the right in the viewing area. When clicking it, the displayed diagram opens in the menu of the built-in editor. Operational guidelines for using the editor are detailed in Section 3 of this manual. 

The Settings menu  allows adjustment of the displayed depth of the object path in the header of the Measurements menu table (see Fig. 2.2), as well as the format for displaying instantaneous tag values  . Access to this button is granted based on user permissions. 

The Debug mode  allows the diagram designer to configure active templates to display any actions embedded in the logical rules of the elements. After activating this mode, click on the diagram object to be checked. After that, information appears with the attribute code of the IM object, the tag ID number, and its value/quality/status. To apply the values entered in these fields, click on the Apply button . This mode does not change the tag configuration and does not send a signal of the user’s manual input to the system.

Figure 2.2. Measurements in the debug mode

The playback  mode allows viewing archived data of tag values associated with the diagram. By default, viewing is available for the last 20 minutes, this is the maximum time limit that can be used for any selected period in the calendar drop-down menu. After selecting the date and time, click on the play button . 

When the button  is pressed, the Dispatch marks page is opened (see Fig. 2.3). This interface displays the history of setting and removing dispatch marks. The object tree of the information model (IM) is located on the left side, while the history of mark assignments and removals is shown on the right. The right panel can be exported as a .xlsx table using the button . 

Another button  in the Actions menu removes the mark assigned to the diagram object. 

Figure 2.3. Dispatch marks interface

The position of the diagrams and their scale are memorized for each user and device.

The diagram view mode has the functions for:

• switching to the parameter chart when left-clicking its value
• displaying the main parameters of an object when left-clicking it
• displaying the main parameters of an object via the "Measurements" menu when right-clicking it
• remote control of switching devices (if this function is available and the rights are granted)
• viewing a video (if this function is available and the rights are granted)
• installation/removal of dispatcher tags (if this function is available and the rights are granted)
• installation/removal of portable earthing devices (if this function is available and the rights are granted)
• acknowledging events when right-clicking
• viewing events in the operational log.

An example of calling object measurements is shown in Fig. 2.4.

Figure 2.4. Calling object measurements

The Measurements drop-down window consists of the following columns:

• ID/Code is the identification number of the parameter (tag) or its code, depending on the selected item in the drop-down menu, which is remembered even when the page is refreshed. Left-clicking on the ID value redirects to the Devices, tags, channels page under the Tags, Channels tab.
• S is the status of the parameter (tag)
• Name is the name of the parameter (tag)
• Value is the value of the parameter (tag), left-clicking switches to the chart in the real-time data analysis.
• Description displays the description of the parameter value taken from the IM directory
• Device specifies the full path to the device to which the parameter (tag) is linked. Left-clicking redirects to the Devices, tags, channels page on the Devices tab 
• The time of the last change
• The time of the last update is the time of the last poll for a tag
• Manual input is a field for entering values manually. Manual input is available before data arrives by selecting . Once correct tag polling occurs, the manual input is reset, and the actual incoming value is displayed. When the button is selected, manual input remains visible until it is canceled by the user.

The Measurements drop-down window can be moved from one point to another, as well as adjusted in height. To resize the window, point the mouse cursor to the lower-right corner, and then drag down or up the arrow that appears.

Tag settings can be managed in Measurements. Additional fields are expanded by clicking on the setpoints button  (see Fig. 2.5). The setpoints can only be edited by users who have the right to do so. 

Figure 2.5. Setpoints

Clicking on the setpoint opens an additional menu where the status, value, acknowledgment, and the time of insensitivity can be adjusted (see Fig. 2.6). This menu appears both on the already configured setpoints and on the missing ones.

Figure 2.6. Setpoint settings

The object class code and its ID are displayed in the object measurements section (see Fig. 2.7), which is bound to the Information Model (IM). When clicked, the object is redirected to the Information Model editor page. Access to this page is restricted to users with the appropriate rights.

Figure 2.7. Measurements of the IM object

The Measurements table provides the ability to navigate to charts in the Real-time data analysis section, not only for a specific tag value but also for all tags simultaneously by pressing the button 

Tags in the measurements associated with technology events are highlighted with a colored background, as well as with flashing, which allows to quickly navigate which of the parameters of the active object of the diagram is associated with a particular event, see example in Fig. 2.8. The background color of the backlight is the same as that of the animation frame of the active object in the additional settings of the diagram.

Figure 2.8. Highlighting tag values associated with a technology event

3. DIAGRAM MANAGEMENT

3.1. Diagram page interface

Diagrams are managed using the diagram manager in the Settings menu Diagrams (the menu item position can be changed by the user when configuring the system).

An example of the Diagrams page is shown in Fig. 3.1.

Figure 3.1. Mnemonic diagrams page

To add a new diagram, click the button . Then, enter a name for the new diagram in a window that appears (see Fig. 3.2).

Figure 3.2. New scheme window

A new diagram appears in the list with its name. The diagram ID is assigned automatically.

To search for a diagram by its name or ID, click on the icon  or search it in the diagram tree.

To select all diagrams, press the button  . The button changes to . To deselect all objects in the tree, press the same button  again. To collapse the tree, press the button  , to expand it, use the expand button . To adjust the tree width, hover over the vertical divider and drag it left or right while holding the left mouse button. The button  allows hiding unpublished or published diagrams within the tree:

Figure 3.3. Hiding diagrams in the tree

The font color of diagram names in the tree depends on their status: active diagrams are displayed with one style , while inactive ones are shown with another . Additionally, diagrams without any linked tags are marked in the tree. When hovering over the icon  , a window appears displaying a list of tag IDs:

Figure 3.4. Missing tags

The status of diagrams determines their visibility in the Active schemes tree of the diagram viewer (see Fig. 2.1). New diagrams have the default status disabled.

The Position column indicates the sequence number of the diagram displayed in the Active schemes tree of the diagram viewer (see Fig. 2.1).

In the Object column, the diagram is bound to the objects of the information model, which allows seeing the nesting levels in the tree of the diagram viewer (see Fig. 2.1).

To edit the diagram in the built-in editor, click the button in the Actions column. The operating rules for the diagram editor are detailed in the next sections of this manual.

The button  in the Actions column is used to copy the diagram URL to the PC clipboard. A link to the diagram is required when configuring its view in the drop-down list  in the CENTO main menu (Settings > System > Menu editor).

The diagram added to the drop-down list of the menu is to be displayed regardless of the status set in the Diagrams window.

To create a copy of the diagram, click the button in the Actions column opposite the diagram.

To delete the diagram, click the button  in the Actions column opposite the diagram. 

To download the diagram, click the button  in the Actions column opposite the diagram.

To download all the diagrams, click the Download button. To upload the downloaded diagram archive, click Upload. 

4. DIAGRAM EDITOR

4.1. Graphical editor interface.

The graphical editor interface is shown in Fig. 4.1

Figure 4.1. Editor interface

4.1.1. Main menu

The main menu (upper horizontal line) contains the main functions for working with the graphical editor interface: file actions, workspace settings, page view, arrangement settings for elements, their editing and viewing, as well as additional settings and background information for the diagram developer. The menu functions also have hints on hotkey combinations for quickly executing commands on the keyboard.

When selecting an element on the diagram, the Setting up rules button  on the toolbar becomes available.

If the selected element is an active object, clicking on the icon  redirects to the Binding an element to a tag or channel tree tree (see Fig. 4.5). When selecting an inactive element on the diagram and clicking on the Setting up rules button, the Component visual settings window appears (see Fig. 4.4). For quick binding of tags, metering channels, and devices within the rules, the tree structure can also be used, which opens upon clicking the button .

Clicking on the icon  switches to the diagram view mode. 

4.1.2. Toolbar

The left panel Categories contains the basic set of graphical tools for creating and editing shapes and a set of graphic objects created by the diagram developer (see Fig. 4.2). The left panel can be also replaced with a tree for binding diagram objects (see Fig. 4.5), and the tree displaying binding to tags or metering channels (see Fig. 4.6).

Figure 4.2. Graphic templates

4.1.3. Properties panel

The main tools for configuring the workspace and editing diagram elements are displayed on the right side of the graphical editor interface (see Fig. 4.3).

Figure 4.3. Object properties

4.2. Binding of parameters: general information

When selecting an inactive element on the diagram and clicking on the Setting up rules button , the Component visual settings window appears (see Fig. 4.4).

Figure 4.4. Component visual settings window

The components are displayed on the diagram in accordance with the rules that determine which actions are to be performed with the component if certain conditions are met. The user can set multiple rules to customize the display of a single component.

The Copy button  (23) is used for user convenience and allows creating a new rule based on one of the already configured rules. 

The Condition No. 1 area determines in which cases an action is to be applied to the diagram component being edited and includes fields (see Fig. 4.4):

1. Selecting the type of source parameter to use when creating the rule. This can be the tag's value or its status, etc.

2. Selecting the desired parameter from the database or from the information model, a drop-down list appears when clicking More.

3. Entering tag processing formulas.

4. The choice of the logical operator used in the condition, for example, equal if the parameter should be equal to something.

5. Selecting the type of parameter used for comparison.

6. Setting the value with which the source parameter is to be compared (manually or in a drop-down list).

7. Entering tag processing formulas.

8. If there are several conditions in the rule, the user determines in which cases they should call an action.:

• if any of are selected, the logical operator OR is implied (if Condition #1 or Condition No. 2 or Condition No. N is met, then the action is performed);
• if all is selected, the logical operator AND is implied (if Condition No. 1 and Condition No. 2 and Condition No. N are met, then the action is performed).

9. To link a no-conditions tag on the diagram, select "no conditions".

10. Delete the condition if necessary.

11. Comment on the condition (optional).

12. To enable more flexible configuration of component display on the diagram, the rule may include multiple conditions.

The Action No. 1 area determines which settings are to be applied to the edited component of the diagram if the conditions set by the user are met, and includes the fields:

13. Binding an action to the component text.

14. Binding an action to the geometry of a component.

15. Binding an action to a component style.

16. Binding an action to an animation (object blinking).

17. Selecting the parameter to edit (determined by the selected binding).

18. Setting the parameter value (manually or in a drop-down list).

19. Text formatting.

20. If the action is linked to the text of the edited component, the parameter value can be rounded based on the specified number of decimal places.

21. Output of numbers on the diagram in exponential form.

22. To enable more flexible configuration of component display on the diagram, the rule may include multiple conditions.

To delete unnecessary actions in the rule, click the button .

The Reset current rule button is used to delete all conditions and actions in the selected rule.

To save the changes, click Save.

If saving the settings is not required, the window can be closed by clicking the button  or anywhere outside the modal window. ​​​​​​​

When an active element on the diagram is selected and the Binding an element to a tag or channel button  is clicked, the element panel on the left side of the graphical editor is replaced with a tree for binding diagram objects to the information model.

The Binding an element to a tag or channel tree interface is shown in Fig. 4.5

Figure 4.5. Binding an element to a tag or channel interface

If the selected item is already bound to the IM, the Binding an element to a tag or channel menu displays the path to it and the link, while the Choose button in the tree is inactive. When another IM object is selected in the tree, the button becomes active and performs binding when clicked. For quicker binding, double-click can be used. The search field allows searching by the name or code of an Information Model (IM) object. When the object is deselected, the tree becomes inactive. To close the tree, click Close.

When an inactive element on the diagram is selected and the Binding an element to a tag or channel button is pressed, the element panel on the left side of the graphical editor is replaced with a tree of devices, tags, and channels for binding diagram elements. The tag and channel tree interface for element binding is shown in Fig. 3.6. When selecting tags or metering channels, their IDs are automatically entered into the corresponding fields in the rules.

Figure 4.6. Tag and channel tree interface: binding an element to a tag or channel

4.3. Adding objects to custom categories

Fig. 4.7 shows an example of adding a graphic template to a user category.

Figure 4.7. Adding a new component

To add a new object to a custom category, select the object (1) and click active elements adding button (2) in the appropriate category or drag it to this category by holding the left mouse button. Then, in the Add a new component window that appears, enter the desired name and click Add button (4).

4.4. Importing and exporting a library of elements

Element library transfer is only available in diagram editing mode. To transfer the element library from one server to another, perform the following steps:

• To transfer the element library, open the File > New library > Export library section from the main menu on the source server. In the modal window that appears, select the categories to export and click Export (see Fig. 4.8). The selected categories are to be saved to a JSON file.

• Open the diagram in editing mode on the target server and navigate to File  > New library > Import library in the horizontal menu. In the modal window that appears, enter the path to the previously saved JSON file or drag the file into the import field, then click Import (see Fig. 4.9).

After importing, the library appears in the left column of the Category, the name of which is written in the format [name of the transferred category]_[date of transfer]_[randomly generated hash of 5 characters] (see Fig. 3.9).

Figure 4.8. Export library modal window

Figure 4.9. Import library modal window

Figure 4.10. Imported category

When transferring active elements, keep in mind that they have a set of rules inside them that depend on the classes of the information model and their attributes. If the classes and attributes described in the rules are not available on the server, they must be downloaded from the server from which the library was imported; otherwise, the active element to be inactive.

4.5. Auto-replace active objects

To auto-replace active objects, do the following:

• Create custom categories with objects (see section 4.3).
• Select all the objects to be replaced on the diagram, right-click, and select the menu Replace with another element. In the window that opens, expand the category with the new object (see Fig. 4.11) and select it (if posters have been reconfigured for the object, then check the box Apply new poster settings). Click Apply.

​​​​​​​​​​​​​​

Figure 4.11. Replace with another element modal window

For the correct auto-replacement of active objects attached using linked lines to other elements of the diagram, the Connectable parameter should be enabled in the styles:

Figure 4.12. Activation of the Connectable parameter

If the active object does not have this parameter, trying to connect it to the line shows a prompt like in Fig. 4.13. The enabled parameter in the Connectable styles only affects the auto-replacement of the active object; this setting is not to affect the visual display in any way.