Skip to Content
Last modified by Iaroslav Platonov on 2026/06/08 10:32
From version 198.1
edited by Lana
on 2025/12/04 17:53
Change comment: Uploaded new attachment "Screenshot 2025-12-04 at 14.52.56.png", version {1}
To version 205.3
edited by Lana
on 2025/12/04 18:00
Change comment: There is no comment for this version

Summary

Details

Page properties
Content
... ... @@ -1,5 +1,7 @@
1 1  = CONTENT =
2 2  
3 +{{toc/}}
4 +
3 3  = 1. INTRODUCTION =
4 4  
5 5  CENTO is a multifunctional software platform for data collection, processing, and display.
... ... @@ -358,13 +358,13 @@
358 358  
359 359  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.
360 360  
361 -[[image:Screenshot 2025-12-04 at 13.11.47.png]]
363 +[[image:Screenshot 2025-12-04 at 13.11.47.png||height="504" width="369"]]
362 362  
363 363  Figure 4.14. Selecting similar elements is not available
364 364  
365 365  == 4.6. Auto-replace of colors used in diagrams ==
366 366  
367 -[[image:Screenshot 2025-12-04 at 13.12.37.png]]
369 +[[image:Screenshot 2025-12-04 at 13.12.37.png||height="408" width="581"]]
368 368  
369 369  Figure 4.15. Color replacement modal window
370 370  
... ... @@ -372,7 +372,7 @@
372 372  
373 373  == 4.7. Setting up an animation frame for technological events associated with a diagram object ==
374 374  
375 -[[image:Screenshot 2025-12-04 at 13.13.43.png]]
377 +[[image:Screenshot 2025-12-04 at 13.13.43.png||height="311" width="582"]]
376 376  
377 377  Figure 4.16. Scheme settings modal window
378 378  
... ... @@ -391,7 +391,7 @@
391 391  
392 392  The default chart template is in a custom category named **Charts.** To use it, move it to the diagram canvas (see Fig. 4.17).
393 393  
394 -[[image:Screenshot 2025-12-04 at 13.15.15.png]]
396 +[[image:Screenshot 2025-12-04 at 13.15.15.png||height="291" width="582"]]
395 395  
396 396  Figure 4.17. Charts object
397 397  
... ... @@ -403,7 +403,7 @@
403 403  
404 404  Fig. 4.18 shows an example of configuring the tag value chart display
405 405  
406 -[[image:Screenshot 2025-12-04 at 13.16.36.png]]
408 +[[image:Screenshot 2025-12-04 at 13.16.36.png||height="532" width="452"]]
407 407  
408 408  Figure 4.18. Edit data of chart modal window
409 409  
... ... @@ -422,7 +422,7 @@
422 422  
423 423  When filling in the chart settings, the data is displayed as shown below:
424 424  
425 -[[image:Screenshot 2025-12-04 at 13.18.01.png]]
427 +[[image:Screenshot 2025-12-04 at 13.18.01.png||height="269" width="559"]]
426 426  
427 427  Figure 4.19. Chart in the diagram viewer
428 428  
... ... @@ -430,7 +430,7 @@
430 430  
431 431  === 4.8.2. Charts of tag values selected on the diagram ===
432 432  
433 -[[image:Screenshot 2025-12-04 at 13.18.57.png]]
435 +[[image:Screenshot 2025-12-04 at 13.18.57.png||height="599" width="559"]]
434 434  
435 435  Figure 4.20. Edit the data of the chart
436 436  
... ... @@ -447,13 +447,13 @@
447 447  
448 448  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).
449 449  
450 -[[image:Screenshot 2025-12-04 at 13.19.47.png]]
452 +[[image:Screenshot 2025-12-04 at 13.19.47.png||height="257" width="551"]]
451 451  
452 452  Figure 4.21. Chart in the diagram viewer
453 453  
454 454  === 4.8.3. Displaying future data on charts ===
455 455  
456 -[[image:Screenshot 2025-12-04 at 13.20.34.png]]
458 +[[image:Screenshot 2025-12-04 at 13.20.34.png||height="502" width="386"]]
457 457  
458 458  Figure 4.22. Edit the data of the chart
459 459  
... ... @@ -467,13 +467,13 @@
467 467  
468 468  This data, displayed on the charts, enables forecasting, comparing planned vs. actual performance at the enterprise, and similar analyses.
469 469  
470 -[[image:Screenshot 2025-12-04 at 13.21.50.png]]
472 +[[image:Screenshot 2025-12-04 at 13.21.50.png||height="262" width="548"]]
471 471  
472 472  Figure 4.23. Forecasting chart
473 473  
474 474  == 4.9. Setting up level indicators ==
475 475  
476 -[[image:Screenshot 2025-12-04 at 13.23.18.png]]
478 +[[image:Screenshot 2025-12-04 at 13.23.18.png||height="309" width="333"]]
477 477  
478 478  Figure 4.24. Water level parameter output
479 479  
... ... @@ -485,7 +485,7 @@
485 485  * Click on the **Setting up rules** icon [[image:Screenshot 2025-12-04 at 13.24.08.png||height="20" width="24"]]
486 486  * 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.
487 487  
488 -[[image:Screenshot 2025-12-04 at 13.24.38.png||height="202" width="691"]]
490 +[[image:Screenshot 2025-12-04 at 13.24.38.png||height="186" width="634"]]
489 489  
490 490  Figure 4.25. Setting the fill depending on the values
491 491  
... ... @@ -509,7 +509,7 @@
509 509  
510 510  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.
511 511  
512 -[[image:Screenshot 2025-12-04 at 13.26.04.png]]
514 +[[image:Screenshot 2025-12-04 at 13.26.04.png||height="361" width="873"]]
513 513  
514 514  Figure 4.26. Edit the data of the element
515 515  
... ... @@ -522,7 +522,7 @@
522 522  1. 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.
523 523  1. 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.
524 524  
525 -[[image:Screenshot 2025-12-04 at 13.27.06.png]]
527 +[[image:Screenshot 2025-12-04 at 13.27.06.png||height="376" width="875"]]
526 526  
527 527  Figure 4. 27. Disabling context menus, posters, and animations attribute
528 528  
... ... @@ -529,13 +529,13 @@
529 529  * **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.
530 530  * **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.
531 531  
532 -[[image:Screenshot 2025-12-04 at 13.28.03.png]]
534 +[[image:Screenshot 2025-12-04 at 13.28.03.png||height="232" width="328"]]
533 533  
534 534  Figure 4.28. Highlighting of an active element of the diagram
535 535  
536 536  * **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"]].
537 537  
538 -[[image:Screenshot 2025-12-04 at 13.29.40.png]]
540 +[[image:Screenshot 2025-12-04 at 13.29.40.png||height="225" width="329"]]
539 539  
540 540  Figure 4.29. Highlighting and hiding the active element of the diagram
541 541  
... ... @@ -549,7 +549,7 @@
549 549  
550 550  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.
551 551  
552 -[[image:Screenshot 2025-12-04 at 13.30.35.png]]
554 +[[image:Screenshot 2025-12-04 at 13.30.35.png||height="333" width="328"]]
553 553  
554 554  Figure 4.30. Changing the view of the measurement table
555 555  
... ... @@ -559,7 +559,7 @@
559 559  
560 560  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).
561 561  
562 -[[image:Screenshot 2025-12-04 at 13.31.44.png]]
564 +[[image:Screenshot 2025-12-04 at 13.31.44.png||height="335" width="661"]]
563 563  
564 564  Figure 4.31. Manual input object
565 565  
... ... @@ -714,7 +714,7 @@
714 714  
715 715  Figure 4.49. Displaying a number in exponential form
716 716  
717 -== 4.17. Dis​​​​​​​playing delimited values ==
719 +== 4.17. Displaying delimited values ==
718 718  
719 719  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).
720 720  
... ... @@ -763,7 +763,7 @@
763 763  * **Width **is the column width.
764 764  * **Change time **is a system field used to display the time of the metering channel's value change.
765 765  
766 -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"]].​​​​​​​
768 +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"]].
767 767  
768 768  [[image:Screenshot 2025-12-04 at 14.10.47.png]]
769 769  
... ... @@ -825,7 +825,7 @@
825 825  1. Blocking changes to a layer from the list.
826 826  1. Foreground/background of the layer.
827 827  
828 -== 4.21. Active ​​​​​​​​​​​​​​SVG elements ==
830 +== 4.21. Active ​​​​​​​SVG elements ==
829 829  
830 830  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).
831 831  
... ... @@ -1046,12 +1046,173 @@
1046 1046  
1047 1047  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"]]. 
1048 1048  
1049 -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).
1051 +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).
1050 1050  
1051 1051  [[image:Screenshot 2025-12-04 at 14.41.18.png]]
1052 1052  
1053 1053  Figure 5.1. Binding to the text
1054 1054  
1055 -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.
1057 +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.
1056 1056  
1057 -
1059 +[[image:Screenshot 2025-12-04 at 14.42.21.png]]
1060 +
1061 +Figure 5.2. Choose the parameter drop-down list
1062 +
1063 +[[image:Screenshot 2025-12-04 at 14.42.51.png]]
1064 +
1065 +Figure 5.3. Formatting the text in the rules
1066 +
1067 +[[image:Screenshot 2025-12-04 at 14.43.17.png]]
1068 +
1069 +Figure 5.4. Tag value in the view mode
1070 +
1071 +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.
1072 +
1073 +In the viewing mode in Fig. 5.4 there is no difference in the display in this case.
1074 +
1075 +**Example No. 2**
1076 +
1077 +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.
1078 +
1079 +CENTO receives various tag statuses:
1080 +
1081 +[[image:Screenshot 2025-12-04 at 14.44.04.png||height="421" width="343"]]
1082 +
1083 +Figure 5.5. Tag statuses
1084 +
1085 +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).
1086 +
1087 +Real parameter data for binding:
1088 +
1089 +|**ID number**|**Parameter name**|**Values**|**Decryption**
1090 +|10154|Emergency alarm (EA)|0/1|(((
1091 +normal/
1092 +
1093 +trigerring
1094 +)))
1095 +
1096 +Create a rectangle (with or without fill) and write the text //AC// inside the stroke.
1097 +
1098 +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).
1099 +
1100 +[[image:Screenshot 2025-12-04 at 14.45.25.png]]
1101 +
1102 +Figure 5.6. Color changing in a dynamic element
1103 +
1104 +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"]]
1105 +
1106 +Create the following rules:
1107 +
1108 +Rule No. 1 (fill in green with the value of TI = 0):
1109 +
1110 +If the TI value is 0 (normal), then the background is green (see Fig. 5.7).
1111 +
1112 +Rule No. 2 (fill in red with the value of TI = 1):
1113 +
1114 +If the TI value is 1 (signal available, then the background is red (see Fig. 5.8).
1115 +
1116 +Rule No. 3 (fill in white when the T is not equal to 0 and not equal to 1):
1117 +
1118 +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).
1119 +
1120 +Rule No. 4 (fill in white if the status is not normal and not with manual input):
1121 +
1122 +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).
1123 +
1124 +[[image:Screenshot 2025-12-04 at 14.46.37.png]]
1125 +
1126 +Figure 5.7. Rule No. 1
1127 +
1128 +[[image:Screenshot 2025-12-04 at 14.46.57.png]]
1129 +
1130 +Figure 5.8. Rule No. 2
1131 +
1132 +[[image:Screenshot 2025-12-04 at 14.47.27.png]]
1133 +
1134 +Figure 5.9. Rule No. 3
1135 +
1136 +[[image:Screenshot 2025-12-04 at 14.47.57.png]]
1137 +
1138 +Figure 5.10. Rule No. 4
1139 +
1140 +== 5.2. Binding devices to the diagram ==
1141 +
1142 +There are several device status values:
1143 +
1144 +0 – Disabled,
1145 +
1146 +1 – Normal,
1147 +
1148 +2 – Device has data errors,
1149 +
1150 +3 – Device is unavailable,
1151 +
1152 +4 – Data with manual input available,
1153 +
1154 +7 – Waiting for data,
1155 +
1156 +9 – Status is missing.
1157 +
1158 + 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).
1159 +
1160 +[[image:Screenshot 2025-12-04 at 14.49.03.png]]
1161 +
1162 +Figure 5.11. Binding to the device status
1163 +
1164 +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.
1165 +
1166 +== 5.3. Binding parameters to information model objects ==
1167 +
1168 +To create an information model, see the "Information model setup manual".
1169 +
1170 +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.
1171 +
1172 +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.
1173 +
1174 +[[image:Screenshot 2025-12-04 at 14.50.40.png]]
1175 +
1176 +Figure 5.12. Binding to the parameter of the information model object
1177 +
1178 +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.
1179 +
1180 +[[image:Screenshot 2025-12-04 at 14.51.50.png]]
1181 +
1182 +Figure 5.13. Window with IM classes and their attributes
1183 +
1184 +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"]].
1185 +
1186 +[[image:Screenshot 2025-12-04 at 14.52.56.png]]
1187 +
1188 +Figure 5.14. Creating an active element
1189 +
1190 +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.
1191 +
1192 +[[image:Screenshot 2025-12-04 at 14.53.33.png]]
1193 +
1194 +Figure 5.15. Edit the data of elements
1195 +
1196 +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).
1197 +
1198 +[[image:Screenshot 2025-12-04 at 14.54.49.png]]
1199 +
1200 +Figure 5.16. Information model element binding
1201 +
1202 +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.
1203 +
1204 +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.
1205 +
1206 +[[image:Screenshot 2025-12-04 at 14.55.22.png]]
1207 +
1208 +Figure 5.17. Table of the IM element parameters
1209 +
1210 +This object also has the option to display posters, with their arrangement appearing as shown in Fig. 5.18.
1211 +
1212 +[[image:Screenshot 2025-12-04 at 14.55.48.png]]
1213 +
1214 +Figure 5.18. Installation of customized posters
1215 +
1216 += ABBREVIATIONS =
1217 +
1218 +DB – the database
1219 +
1220 +IM – information model.
Screenshot 2025-12-04 at 14.53.33.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.Lana
Size
... ... @@ -1,0 +1,1 @@
1 +68.6 KB
Content
Screenshot 2025-12-04 at 14.54.04.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.Lana
Size
... ... @@ -1,0 +1,1 @@
1 +1.8 KB
Content
Screenshot 2025-12-04 at 14.54.49.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.Lana
Size
... ... @@ -1,0 +1,1 @@
1 +330.4 KB
Content
Screenshot 2025-12-04 at 14.55.22.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.Lana
Size
... ... @@ -1,0 +1,1 @@
1 +83.5 KB
Content
Screenshot 2025-12-04 at 14.55.48.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.Lana
Size
... ... @@ -1,0 +1,1 @@
1 +69.7 KB
Content