Changes for page 5. Diagrams Development Manual

Last modified by Iaroslav Platonov on 2026/06/08 10:32

Manage
- Copy
Actions
- Export
- Print Preview
Viewers
- Source
- Children
- Content
- Comments
- Attachments (196)
- Information
- Likes

From 202.1 to 203.1 From 205.7 to 205.8

From version 203.1

edited by Lana
on 2025/12/04 17:55

Change comment: Uploaded new attachment "Screenshot 2025-12-04 at 14.55.48.png", version {1}

To version 205.7

edited by Lana
on 2025/12/04 18:05

Change comment: There is no comment for this version

Raw
Rendered

Summary

Page properties (1 modified, 0 added, 0 removed)

Details

Page properties

Content

@@ -1,5 +1,7 @@
  = CONTENT =
++{{toc/}}
++
  = 1. INTRODUCTION =
  CENTO is a multifunctional software platform for data collection, processing, and display.
@@ -358,13 +358,13 @@
  If the objects on the diagram differ from those placed in the category, clicking **Select all similar elements** pops up a message as in Fig. 4.14.
--[[image:Screenshot 2025-12-04 at 13.11.47.png]]
++[[image:Screenshot 2025-12-04 at 13.11.47.png||height="504" width="369"]]
  Figure 4.14. Selecting similar elements is not available
  == 4.6. Auto-replace of colors used in diagrams ==
--[[image:Screenshot 2025-12-04 at 13.12.37.png]]
++[[image:Screenshot 2025-12-04 at 13.12.37.png||height="408" width="581"]]
  Figure 4.15. Color replacement modal window
@@ -372,7 +372,7 @@
  == 4.7. Setting up an animation frame for technological events associated with a diagram object ==
--[[image:Screenshot 2025-12-04 at 13.13.43.png]]
++[[image:Screenshot 2025-12-04 at 13.13.43.png||height="311" width="582"]]
  Figure 4.16. Scheme settings modal window
@@ -391,7 +391,7 @@
  The default chart template is in a custom category named **Charts.** To use it, move it to the diagram canvas (see Fig. 4.17).
--[[image:Screenshot 2025-12-04 at 13.15.15.png]]
++[[image:Screenshot 2025-12-04 at 13.15.15.png||height="291" width="582"]]
  Figure 4.17. Charts object
@@ -403,7 +403,7 @@
  Fig. 4.18 shows an example of configuring the tag value chart display
--[[image:Screenshot 2025-12-04 at 13.16.36.png]]
++[[image:Screenshot 2025-12-04 at 13.16.36.png||height="532" width="452"]]
  Figure 4.18. Edit data of chart modal window
@@ -422,7 +422,7 @@
  When filling in the chart settings, the data is displayed as shown below:
--[[image:Screenshot 2025-12-04 at 13.18.01.png]]
++[[image:Screenshot 2025-12-04 at 13.18.01.png||height="269" width="559"]]
  Figure 4.19. Chart in the diagram viewer
@@ -430,7 +430,7 @@
  === 4.8.2. Charts of tag values selected on the diagram ===
--[[image:Screenshot 2025-12-04 at 13.18.57.png]]
++[[image:Screenshot 2025-12-04 at 13.18.57.png||height="599" width="559"]]
  Figure 4.20. Edit the data of the chart
@@ -447,13 +447,13 @@
  When the chart settings are configured as shown in Fig. 4.20, data in view mode is displayed only after a linked tag is left-clicked. Each additional selected tag plots its own chart (see Fig. 4.21).
--[[image:Screenshot 2025-12-04 at 13.19.47.png]]
++[[image:Screenshot 2025-12-04 at 13.19.47.png||height="257" width="551"]]
  Figure 4.21. Chart in the diagram viewer
  === 4.8.3. Displaying future data on charts ===
--[[image:Screenshot 2025-12-04 at 13.20.34.png]]
++[[image:Screenshot 2025-12-04 at 13.20.34.png||height="502" width="386"]]
  Figure 4.22. Edit the data of the chart
@@ -467,13 +467,13 @@
  This data, displayed on the charts, enables forecasting, comparing planned vs. actual performance at the enterprise, and similar analyses.
--[[image:Screenshot 2025-12-04 at 13.21.50.png]]
++[[image:Screenshot 2025-12-04 at 13.21.50.png||height="262" width="548"]]
  Figure 4.23. Forecasting chart
  == 4.9. Setting up level indicators ==
--[[image:Screenshot 2025-12-04 at 13.23.18.png]]
++[[image:Screenshot 2025-12-04 at 13.23.18.png||height="309" width="333"]]
  Figure 4.24. Water level parameter output
@@ -485,7 +485,7 @@
  * Click on the **Setting up rules** icon [[image:Screenshot 2025-12-04 at 13.24.08.png||height="20" width="24"]]
  * In the window that opens (see Fig. 4.25), the** Condition** and **Action** fields need to be filled in for the rule. If highlighting areas based on specific conditions is not required, the **Condition **field can be left empty – in this case, the rendered object is to be displayed using the color specified in the **Action** field.
--[[image:Screenshot 2025-12-04 at 13.24.38.png||height="202" width="691"]]
++[[image:Screenshot 2025-12-04 at 13.24.38.png||height="186" width="634"]]
  Figure 4.25. Setting the fill depending on the values
@@ -509,7 +509,7 @@
  To edit the properties of an object, right-click on it and select the **Edit data of the element.** The **Edit data of element **modal window is shown in Fig. 4.26.
--[[image:Screenshot 2025-12-04 at 13.26.04.png]]
++[[image:Screenshot 2025-12-04 at 13.26.04.png||height="361" width="873"]]
  Figure 4.26. Edit the data of the element
@@ -522,7 +522,7 @@
 . The// Disable context menus, posters, animations// attribute disables animation for such an element if the event is triggered not by changing it, but by changing another attribute included in this object, but if the triggered event relates to this attribute, then animation will work for it. In Fig. 4.27, the dedicated switch is linked to ID 13939, the element TO is linked to the same ID, it is located in the measurements of the object (Activation of the TO). If the **Disable context menus, posters, animations** field is disabled, the TO element will flash at any event related to the object with ID 13939. For the "TO" to flash only at an event that relates to this parameter, the TO element should turn it on.
 . The //Disable context menus, posters, animations// attribute also disables all context menus that are available to the object, but only measurements remain. In Fig. 3.27, the dedicated switch is linked to ID 13939, the element TO is bound to the same ID, it is located in the measurements of the object (Activation of the TO). If an IM element does not include the// Disable context menus, posters, animations //attribute, then all context menus from the switch are to be available to it.
--[[image:Screenshot 2025-12-04 at 13.27.06.png]]
++[[image:Screenshot 2025-12-04 at 13.27.06.png||height="376" width="875"]]
  Figure 4. 27. Disabling context menus, posters, and animations attribute
@@ -529,13 +529,13 @@
  * **Disabling graphic animation** helps smooth the transition (rotations, offsets, and other geometric changes) of active or dynamic objects from one state to another in the diagram viewing mode.
  * **Enabling element backlight **allows turning on the element highlighting when hovering in the diagram viewer (see Fig. 4.28), which allows the user to determine which diagram objects are active.
--[[image:Screenshot 2025-12-04 at 13.28.03.png]]
++[[image:Screenshot 2025-12-04 at 13.28.03.png||height="232" width="328"]]
  Figure 4.28. Highlighting of an active element of the diagram
  * **The hidden element** allows adjusting the visibility/invisibility of rendered objects in the diagram viewer. As soon as any object with this setting appears, a button [[image:Screenshot 2025-12-04 at 13.28.37.png||height="26" width="24"]], which hides such an object appears in the viewer in the upper-right corner. Clicking on it displays the diagram object and shows the button like this [[image:Screenshot 2025-12-04 at 13.29.19.png||height="23" width="25"]].
--[[image:Screenshot 2025-12-04 at 13.29.40.png]]
++[[image:Screenshot 2025-12-04 at 13.29.40.png||height="225" width="329"]]
  Figure 4.29. Highlighting and hiding the active element of the diagram
@@ -549,7 +549,7 @@
  In the **Measurements (left click)** field, left-click can adjust the number of rows and columns in the table. Fig. 4.30 shows an example of a two-column table.
--[[image:Screenshot 2025-12-04 at 13.30.35.png]]
++[[image:Screenshot 2025-12-04 at 13.30.35.png||height="333" width="328"]]
  Figure 4.30. Changing the view of the measurement table
@@ -559,13 +559,13 @@
  To quickly manage tags using manual input, a template is provided, which is located in the user category //Manual input.// To use this object, drag it to the diagram canvas (see Fig. 4.31).
--[[image:Screenshot 2025-12-04 at 13.31.44.png]]
++[[image:Screenshot 2025-12-04 at 13.31.44.png||height="335" width="661"]]
  Figure 4.31. Manual input object
  The manual input object removed from the category (see Fig. 4.31) visually looks like a picture that can be expanded in width and height. All other settings can be found in the **Editing manual input** modal window (see Fig. 4.32), which is available by right-clicking on the object and selecting the **Editing manual input **menu.
--[[image:Screenshot 2025-12-04 at 13.32.15.png]]
++[[image:Screenshot 2025-12-04 at 13.32.15.png||height="221" width="488"]]
  Figure 4.32. Editing the manual input window
@@ -574,17 +574,17 @@
  * **Tag** drop-down list for selecting a binding to a tag or IM attribute;
  * **Tag ID** drop-down list for binding to the tag ID or to the IM object, and its attribute.
--[[image:Screenshot 2025-12-04 at 13.32.50.png]]
++[[image:Screenshot 2025-12-04 at 13.32.50.png||height="346" width="492"]]
  Figure 4.33. Binding the tag to the manual input object
--[[image:Screenshot 2025-12-04 at 13.33.15.png]]
++[[image:Screenshot 2025-12-04 at 13.33.15.png||height="354" width="492"]]
  Figure 4.34. Binding to the attribute of the IM object
  Figs. 4.33 and 4.34 show examples of binding, which, when viewed in the diagram, appear as shown in Fig. 4.35.
--[[image:Screenshot 2025-12-04 at 13.33.48.png]]
++[[image:Screenshot 2025-12-04 at 13.33.48.png||height="236" width="490"]]
  Figure 4.35. Viewing a diagram with manual input objects
@@ -612,13 +612,13 @@
  Fig. 4.37 shows an example of a drawn button. When left-clicked in view mode, it inputs a fixed value of 900 for the tag with ID 9001.
--[[image:Screenshot 2025-12-04 at 13.38.45.png]]
++[[image:Screenshot 2025-12-04 at 13.38.45.png||height="220" width="577"]]
  Figure 4.37. Manual input value button
  == 4.13. Links to external sources of information/to a local server, as well as to other diagrams. ==
--[[image:Screenshot 2025-12-04 at 13.39.27.png]]
++[[image:Screenshot 2025-12-04 at 13.39.27.png||height="267" width="954"]]
  Figure 4.38. Adding links
@@ -634,7 +634,7 @@
  For the **Open over the mnemonic scheme** option, the zoom setting for the page to open is available. By default, the zoom is set to 30%. An example of clicking on a link over the mnemonic scheme is shown in Fig. 4.39.
--[[image:Screenshot 2025-12-04 at 13.40.17.png]]
++[[image:Screenshot 2025-12-04 at 13.40.17.png||height="406" width="929"]]
  Figure 4.39. Clicking on a link over the mnemonic scheme
@@ -650,17 +650,17 @@
  Fig. 4.40 shows an example of selecting tags from the real-time data section. The opened modal window displays the interface of this page with trees of devices, objects, statuses, and time on the left side. To create a link from the diagram, the appropriate tree and relevant tags should be selected, then the desired tab – **Real-time data, Chart**, or **Table** – should be specified on the right side, followed by clicking the button [[image:Screenshot 2025-12-04 at 13.41.45.png||height="19" width="30"]].
--[[image:Screenshot 2025-12-04 at 13.42.18.png]]
++[[image:Screenshot 2025-12-04 at 13.42.18.png||height="499" width="925"]]
  Figure 4.40. Tag selection window in Real-time data analysis
  The link to the selected tags in **Real-time data analysis** appears as a string (see Fig. 4.41), which can be copied or deleted.
--[[image:Screenshot 2025-12-04 at 13.42.58.png]]
++[[image:Screenshot 2025-12-04 at 13.42.58.png||height="43" width="560"]]
  Figure 4.41. Link in Real-time data analysis
--[[image:Screenshot 2025-12-04 at 13.43.35.png]]
++[[image:Screenshot 2025-12-04 at 13.43.35.png||height="472" width="926"]]
  Figure 4.42. Opening the Link in Real-time data analysis over the diagram
@@ -672,23 +672,23 @@
  The portable grounding is enabled in Settings > Diagrams > Edit > Extras > Scheme settings (see Fig. 4.43).
--[[image:Screenshot 2025-12-04 at 13.44.28.png]]
++[[image:Screenshot 2025-12-04 at 13.44.28.png||height="506" width="922"]]
  Figure 4.43. Enabling portable grounding
  If this option is enabled, then the grounding [[image:Screenshot 2025-12-04 at 13.45.01.png||height="24" width="24"]] button appears on the right side of the screen in the diagram viewing mode. Right-clicking on it opens a menu for setting the size and color of the portable grounding icon (see Fig. 4.44) to be applied to portable groundings on all diagrams including those previously installed.
--[[image:Screenshot 2025-12-04 at 13.45.24.png]]
++[[image:Screenshot 2025-12-04 at 13.45.24.png||height="197" width="311"]]
  Figure 4.44. Portable grounding settings
--[[image:Screenshot 2025-12-04 at 13.45.53.png]]
++[[image:Screenshot 2025-12-04 at 13.45.53.png||height="228" width="416"]]
  Figure 4.45. Installation of portable grounding
  When installing a portable grounding on a diagram element, select the object from the drop-down list (see Fig. 4.45) and, if necessary, write a comment, then click Install. After installation, left-click on the grounding icon and view its information (see Fig. 4.46), as well as data on groundings installed appear in the technological and operational logs.
--[[image:Screenshot 2025-12-04 at 13.46.24.png]]
++[[image:Screenshot 2025-12-04 at 13.46.24.png||height="91" width="413"]]
  Figure 4.46. Information on the installed portable grounding
@@ -698,27 +698,27 @@
  To set up the line style, press Alt+Shift+D on the keyboard and right-click on any part of the diagram, then select **Convert lines.**  After converting styles, disable this mode with the same key combination.
--[[image:Screenshot 2025-12-04 at 13.47.20.png]]
++[[image:Screenshot 2025-12-04 at 13.47.20.png||height="434" width="452"]]
  Figure 4.47. Highlighting of connected lines
  == 4.16. Outputting numbers in exponential form on the diagram ==
--[[image:Screenshot 2025-12-04 at 13.48.10.png]]
++[[image:Screenshot 2025-12-04 at 13.48.10.png||height="303" width="987"]]
  Figure 4.48. Enabling the exponential form of the number
  The display of the values of the associated parameters in the actions of the rules can be represented in exponential form by enabling the **Exponential form** switch as in Fig. 4.48. The data in diagram viewing mode is to be displayed as shown in Fig. 4.49.
--[[image:Screenshot 2025-12-04 at 13.49.12.png]]
++[[image:Screenshot 2025-12-04 at 13.49.12.png||height="48" width="162"]]
  Figure 4.49. Displaying a number in exponential form
--== 4.17. Displaying delimited values ==
++== 4.17. Displaying delimited values ==
  In the settings [[image:Screenshot 2025-12-04 at 13.50.03.png]] , in diagram view mode, instant tag values can be displayed as delimited values. This setting is enabled by default (see Fig. 4.50).
--[[image:Screenshot 2025-12-04 at 13.50.42.png]]
++[[image:Screenshot 2025-12-04 at 13.50.42.png||height="358" width="379"]]
  Figure 4.50. Displaying delimited values
@@ -728,25 +728,25 @@
  Fig. 4.51 shows an example of binding the metering channel (power A+) of a device with ID 100063.
--[[image:Screenshot 2025-12-04 at 13.51.42.png]]
++[[image:Screenshot 2025-12-04 at 13.51.42.png||height="278" width="987"]]
  Figure 4.51. Binding the metering channel
  The channel value in the view mode is displayed for the last time interval, see Fig. 4.52.
--[[image:Screenshot 2025-12-04 at 13.52.24.png]]
++[[image:Screenshot 2025-12-04 at 13.52.24.png||height="607" width="539"]]
  Figure 4.52. Value of the metering channel
  Metering channel data can be displayed in tabular form, which is selected from the top horizontal menu by clicking the **Table** icon.
--[[image:Screenshot 2025-12-04 at 13.52.57.png]]
++[[image:Screenshot 2025-12-04 at 13.52.57.png||height="279" width="173"]]
  Figure 4.53. Table
  Fig. 4.53 shows the table. To render it on the diagram, the number of rows, columns, and title (if required) should be selected. To use this template for displaying metering channel values, it needs to be edited by right-clicking and selecting **Table editor **in the menu. Fig. 4.54 shows an example of table configuration, and Fig. 4.55 demonstrates data display in the diagram viewer.
--[[image:Screenshot 2025-12-04 at 14.07.04.png]]
++[[image:Screenshot 2025-12-04 at 14.07.04.png||height="302" width="902"]]
  Figure 4.54. Metering channel binding
@@ -763,9 +763,9 @@
  * **Width **is the column width.
  * **Change time **is a system field used to display the time of the metering channel's value change.
--Rows in this table can be moved [[image:Screenshot 2025-12-04 at 14.08.30.png]], deleted [[image:Screenshot 2025-12-04 at 14.09.56.png||height="32" width="33"]], and added [[image:Screenshot 2025-12-04 at 14.10.25.png||height="31" width="89"]].
++Rows in this table can be moved [[image:Screenshot 2025-12-04 at 14.08.30.png]], deleted [[image:Screenshot 2025-12-04 at 14.09.56.png||height="32" width="33"]], and added [[image:Screenshot 2025-12-04 at 14.10.25.png||height="31" width="89"]]
--[[image:Screenshot 2025-12-04 at 14.10.47.png]]
++[[image:Screenshot 2025-12-04 at 14.10.47.png||height="322" width="637"]]
  Figure 4.55. Display of metering channel data
@@ -785,23 +785,23 @@
  Images need to be placed on the diagram objects, and in the **Component visual settings** window [[image:Screenshot 2025-12-04 at 14.12.20.png||height="22" width="26"]], the tag ID should be specified in the actions, which triggers the color change upon tag value modification (see example in Fig. 4.57).
--[[image:Screenshot 2025-12-04 at 14.13.22.png]]
++[[image:Screenshot 2025-12-04 at 14.13.22.png||height="560" width="742"]]
  Figure 4.57. Binding to the tag ID
  After arranging and binding such sensors, select those elements (might be selected together with other graphic objects), the area inside which changes colors according to changes in the linked tags in the rules. Then click **Create heatmap** (see Fig. 4.58).
--[[image:Screenshot 2025-12-04 at 14.13.52.png]]
++[[image:Screenshot 2025-12-04 at 14.13.52.png||height="713" width="455"]]
  Figure 4.58. Create heatmap
  The created heatmap can be edited by right-clicking on the **Heatmap properties** (see Fig. 4.56). The modal window specifies the high and low limits, the normal value, the gamma (the range of colors for building a heatmap), the power parameter (the temperature for building transitions between temperatures), and the ability to display only those points that exceed the temperature in normal mode, see Fig. 4.60.
--[[image:Screenshot 2025-12-04 at 14.14.27.png]]
++[[image:Screenshot 2025-12-04 at 14.14.27.png||height="594" width="448"]]
  Figure 4.59. Editing heatmap properties
--[[image:Screenshot 2025-12-04 at 14.14.52.png]]
++[[image:Screenshot 2025-12-04 at 14.14.52.png||height="442" width="853"]]
  Figure 4.60. Heatmap
@@ -811,7 +811,7 @@
  To switch to the layer mode, go to the View > Layers in the upper horizontal menu (Ctrl+Shift+L).
--[[image:Screenshot 2025-12-04 at 14.15.37.png]]
++[[image:Screenshot 2025-12-04 at 14.15.37.png||height="412" width="405"]]
  Figure 4.61. Layers menu
@@ -825,7 +825,7 @@
 . Blocking changes to a layer from the list.
 . Foreground/background of the layer.
--== 4.21. Active SVG elements ==
++== 4.21. Active SVG elements ==
  The diagram editor allows importing graphic element templates in SVG format from various sources. Developed animated images from external sources help optimize work in both view and edit modes of the diagram (see Section 4.22.1). They also enable monitoring technological processes with the ability to view moving and rotating objects on the diagram (see Section 4.22.2).
@@ -835,29 +835,29 @@
  The loading of items is in the **Extras** menu item (see Fig. 4.62).
--[[image:Screenshot 2025-12-04 at 14.17.19.png]]
++[[image:Screenshot 2025-12-04 at 14.17.19.png||height="508" width="326"]]
  Figure 4.62. Import animated SVGs
  Ready-made templates should be uploaded to the **Import animated SVG**s menu (see Fig. 4.63).
--[[image:Screenshot 2025-12-04 at 14.17.47.png]]
++[[image:Screenshot 2025-12-04 at 14.17.47.png||height="156" width="322"]]
  Figure 4.63. Import animated SVGs
  The template uploaded in Fig. 4.64 replaces drawing of many graphic elements created in the diagram editor.
--[[image:Screenshot 2025-12-04 at 14.18.12.png]]
++[[image:Screenshot 2025-12-04 at 14.18.12.png||height="224" width="325"]]
  Figure 4.64. Animated SVG
  For example, it is necessary to display the status of a discrete signal (switch position), as shown in Fig. 4.65. In case of developing diagrams in the editor, it is necessary to draw all the sticks and text forms separately (see Fig. 4.66) and describe each state in the rules.
--[[image:Screenshot 2025-12-04 at 14.18.44.png]]
++[[image:Screenshot 2025-12-04 at 14.18.44.png||height="370" width="226"]]
  Figure 4.65. Legend for the position of the switch
--[[image:Screenshot 2025-12-04 at 14.19.10.png]]
++[[image:Screenshot 2025-12-04 at 14.19.10.png||height="167" width="224"]]
  Figure 4.66. Graphic elements
@@ -895,7 +895,7 @@
  Fig. 4.68 shows an example of graphic elements with various animated styles configured through an SVG file. This animation is imported into the menu, as shown in Fig. 4.62, and in the mnemonic diagram editor, it appears as an image where only the size can be adjusted; all other edits are made within the template from the external source (such as Inkscape, Figma, etc.).
--[[image:Screenshot 2025-12-04 at 14.21.36.png]]
++[[image:Screenshot 2025-12-04 at 14.21.36.png||height="439" width="665"]]
  Figure 4.68. Animated Image
@@ -986,7 +986,7 @@
  == 4.23. Display of the IM object name and the tag measurement units ==
--[[image:Screenshot 2025-12-04 at 14.26.29.png]]
++[[image:Screenshot 2025-12-04 at 14.26.29.png||height="304" width="741"]]
  Figure 4.70. Options for displaying tag data
@@ -994,11 +994,11 @@
  To configure this, in the **Component visual settings** window, by clicking on the upper horizontal menu [[image:Screenshot 2025-12-04 at 14.26.56.png||height="26" width="27"]], actions are selected on the** Text** tab, specifically **IM measurement** (see Fig. 4.71) or **IM object** (see Fig. 4.72).
--[[image:Screenshot 2025-12-04 at 14.27.28.png]]
++[[image:Screenshot 2025-12-04 at 14.27.28.png||height="290" width="740"]]
  Figure 4.71. IM measurement
--[[image:Screenshot 2025-12-04 at 14.27.52.png]]
++[[image:Screenshot 2025-12-04 at 14.27.52.png||height="282" width="723"]]
  Figure 4.72. IM object
@@ -1010,7 +1010,7 @@
  To display the name of the object trimmings unnecessary characters, use the formula in **Actions:**
--[[image:Screenshot 2025-12-04 at 14.30.16.png]]
++[[image:Screenshot 2025-12-04 at 14.30.16.png||height="315" width="746"]]
  Figure 4.73. IM object name with split characters
@@ -1018,7 +1018,7 @@
  Since the rules reference the attributes of the IM (industrial object), in all the examples above, create an active object by right-clicking (1) and bind it in the IM tree [[image:Screenshot 2025-12-04 at 14.31.14.png||height="29" width="30"]] (2) to an object (3), as shown in Fig. 4.74. The data for the bound object is to be displayed in view mode as shown in Fig. 4.70.
--[[image:Screenshot 2025-12-04 at 14.31.50.png]]
++[[image:Screenshot 2025-12-04 at 14.31.50.png||height="456" width="743"]]
  Figure 4.74. Creating and binding to an IM object
@@ -1026,7 +1026,7 @@
  Uploading and downloading diagrams are available on the **Mnemonic diagrams** page, in the Actions column.
--[[image:Screenshot 2025-12-04 at 14.32.48.png]]
++[[image:Screenshot 2025-12-04 at 14.32.48.png||height="168" width="748"]]
  Figure 4.75. Mnemonic diagrams page
@@ -1046,12 +1046,173 @@
  Select the text on the diagram, which is to be a dynamic parameter, and open the window [[image:Screenshot 2025-12-04 at 14.39.54.png||height="28" width="29"]].
--In the rule, check the box next to the words** Without conditions** (1) (optional) and describe the first action. Mark the** Text** field, select the **Tag** parameter type (2) and write, for example, the ID=502001 (3) number from the database (or select it from the drop-down list (4) see Fig. 5.2), if it is necessary to round the values, enable rounding (5) and specify how many decimal places should be displayed. It is possible to format the text in the actions of the rules (6) (see Fig. 5.3), as well as output the value of the number in exponential form (7). Click **Save,** switch to the diagram [[image:Screenshot 2025-12-04 at 14.40.43.png||height="24" width="31"]]viewing mode and see the result (see Fig. 5.4).
++In the rule, check the box next to the words** Without conditions** (1) (optional) and describe the first action. Mark the** Text** field, select the **Tag** parameter type (2) and write, for example, the ID=502001 (3) number from the database (or select it from the drop-down list (4) see Fig. 5.2), if it is necessary to round the values, enable rounding (5) and specify how many decimal places should be displayed. It is possible to format the text in the actions of the rules (6) (see Fig. 5.3), as well as output the value of the number in exponential form (7). Click **Save,** switch to the diagram [[image:Screenshot 2025-12-04 at 14.40.43.png||height="24" width="31"]]viewing mode and see the result (see Fig. 5.4).
  [[image:Screenshot 2025-12-04 at 14.41.18.png]]
  Figure 5.1. Binding to the text
--To quickly bind to a tag, the **Component visual settings** window can be skipped by using the **Bind an element to a tag or channel** tree [[image:Screenshot 2025-12-04 at 14.41.48.png]]. This automatically fills the tag, see Fig. 5.1.
++To quickly bind to a tag, the **Component visual settings** window can be skipped by using the **Bind an element to a tag or channel** tree [[image:Screenshot 2025-12-04 at 14.41.48.png||height="25" width="25"]]. This automatically fills the tag, see Fig. 5.1.
--
++[[image:Screenshot 2025-12-04 at 14.42.21.png]]
++
++Figure 5.2. Choose the parameter drop-down list
++
++[[image:Screenshot 2025-12-04 at 14.42.51.png]]
++
++Figure 5.3. Formatting the text in the rules
++
++[[image:Screenshot 2025-12-04 at 14.43.17.png]]
++
++Figure 5.4. Tag value in the view mode
++
++The tag settings include a field not only for the ID number but also for specifying a code that can be used when binding to the diagram. To do this, in Fig. 5.1, field No. 3, enter the tag code instead of its ID.
++
++In the viewing mode in Fig. 5.4 there is no difference in the display in this case.
++
++**Example No. 2**
++
++An example of binding a real parameter taken from a database, which outputs information on a diagram in the form of a dynamic element that changes color depending on the incoming value and the status of the parameter.
++
++CENTO receives various tag statuses:
++
++[[image:Screenshot 2025-12-04 at 14.44.04.png||height="421" width="343"]]
++
++Figure 5.5. Tag statuses
++
++For example, two statuses can be used: when the telemeasurment TI value is received in real time (i.e., 1 – Normal), and when the telemeasurment TI value is entered manually by the user (i.e., 4 – Manual input).
++
++Real parameter data for binding:
++
++|**ID number**|**Parameter name**|**Values**|**Decryption**
++|10154|Emergency alarm (EA)|0/1|(((
++normal/
++
++trigerring
++)))
++
++Create a rectangle (with or without fill) and write the text //AC// inside the stroke.
++
++This element changes the background color depending on the incoming value and the status of the parameter, if the condition TI=0 is met, then the color is green, if the condition TI=1 is met, then the color is red, if there is no data, then the color is white (see Fig. 5.6).
++
++[[image:Screenshot 2025-12-04 at 14.45.25.png]]
++
++Figure 5.6. Color changing in a dynamic element
++
++To do this, select the created rectangle with left-clicking and open the bindings window [[image:Screenshot 2025-12-04 at 14.45.55.png||height="25" width="28"]]
++
++Create the following rules:
++
++Rule No. 1 (fill in green with the value of TI = 0):
++
++If the TI value is 0 (normal), then the background is green (see Fig. 5.7).
++
++Rule No. 2 (fill in red with the value of TI = 1):
++
++If the TI value is 1 (signal available, then the background is red (see Fig. 5.8).
++
++Rule No. 3 (fill in white when the T is not equal to 0 and not equal to 1):
++
++If the TI value is not equal to 0 and at the same time the TI value is not equal to 1, then the background is white (see Fig. 5.9).
++
++Rule No. 4 (fill in white if the status is not normal and not with manual input):
++
++If the TI status is not equal to 1 (normal) and at the same time the TI status is not equal to 4 (not manual input), then the background is white (see Fig. 5.10).
++
++[[image:Screenshot 2025-12-04 at 14.46.37.png]]
++
++Figure 5.7. Rule No. 1
++
++[[image:Screenshot 2025-12-04 at 14.46.57.png]]
++
++Figure 5.8. Rule No. 2
++
++[[image:Screenshot 2025-12-04 at 14.47.27.png]]
++
++Figure 5.9. Rule No. 3
++
++[[image:Screenshot 2025-12-04 at 14.47.57.png]]
++
++Figure 5.10. Rule No. 4
++
++== 5.2. Binding devices to the diagram ==
++
++There are several device status values:
++
++0 – Disabled,
++
++1 – Normal,
++
++2 – Device has data errors,
++
++3 – Device is unavailable,
++
++4 – Data with manual input available,
++
++7 – Waiting for data,
++
++9 – Status is missing.
++
++ The device is bound to the diagram by selecting **Device status** from the menu item. The content of the rules is similar to the example described above with changing the color of an object (in the** Condition** field, select the desired type of parameter, specify the device address, specify the operator and enter a numeric value equal to one or another status, and then specify the **Action **to be applied to the condition being fulfilled, for example, see Fig. 5.11).
++
++[[image:Screenshot 2025-12-04 at 14.49.03.png]]
++
++Figure 5.11. Binding to the device status
++
++Additionally, when using a template with a set of rules, device binding can be performed through the device tree by clicking on [[image:Screenshot 2025-12-04 at 14.49.33.png||height="24" width="25"]]. This automatically fills in the device ID fields shown in Fig. 5.11 streamlining the debugging process without opening the rules window.
++
++== 5.3. Binding parameters to information model objects ==
++
++To create an information model, see the "Information model setup manual".
++
++For example, create a square element (to serve as a switch) and describe the rules for it. In this example, the square changes the background color depending on the incoming parameter of the information model object, which refers to the value from the CENTO database.
++
++The sequence of bindings to the parameters of an information model object is like the actions for binding to tags: instead of **Tag value** and **Tag status,** select the** IM attribute** and **IM parameter status**, see Fig. 5.12.
++
++[[image:Screenshot 2025-12-04 at 14.50.40.png]]
++
++Figure 5.12. Binding to the parameter of the information model object
++
++In this example, the address of the parameter is the information model class, and its attribute is selected when opening the drop-down list [[image:Screenshot 2025-12-04 at 14.51.19.png||height="35" width="28"]], see Fig. 5.13.
++
++[[image:Screenshot 2025-12-04 at 14.51.50.png]]
++
++Figure 5.13. Window with IM classes and their attributes
++
++After assembling the shape with the necessary rules for dynamic display, select the entire group and click the left mouse button. In the drop-down window, select **Create active element**, see Fig. 5.14. This function also applies to individual graphic drawings. To bind to the information model, open the appropriate bindings menu [[image:Screenshot 2025-12-04 at 14.52.28.png||height="31" width="31"]].
++
++[[image:Screenshot 2025-12-04 at 14.52.56.png]]
++
++Figure 5.14. Creating an active element
++
++After creating the active element, the settings shown in Fig. 5.15 become the default. To set properties, right-click on the active element and select **Edit data of element** from the menu.
++
++[[image:Screenshot 2025-12-04 at 14.53.33.png]]
++
++Figure 5.15. Edit the data of elements
++
++After setting up the properties, select the shape and click the button [[image:Screenshot 2025-12-04 at 14.54.04.png||height="27" width="26"]]. Find the necessary element in the tree and select it (see Fig. 5.16).
++
++[[image:Screenshot 2025-12-04 at 14.54.49.png]]
++
++Figure 5.16. Information model element binding
++
++In this way, it is bound to the elements of the information model. When switching from the editor to the diagram viewing mode and right-clicking on the created shape, the **Measurements** context menu appears, showing the complete set of parameters described in the information model, as shown in Fig. 3.3.
++
++Right-clicking displays a table of parameters, which includes all the parameters from measurements, with the option to configure short tag names and decode values, as shown in Fig. 5.17.
++
++[[image:Screenshot 2025-12-04 at 14.55.22.png]]
++
++Figure 5.17. Table of the IM element parameters
++
++This object also has the option to display posters, with their arrangement appearing as shown in Fig. 5.18.
++
++[[image:Screenshot 2025-12-04 at 14.55.48.png]]
++
++Figure 5.18. Installation of customized posters
++
++= ABBREVIATIONS =
++
++DB – the database
++
++IM – information model.