Changes for page 05 Cloud SCADA

Last modified by Joe on 2024/08/08 09:29

From 24.13 to 24.14 From 26.3 to 26.4

From version 24.14

edited by Stone Wu
on 2022/07/15 15:45

Change comment: (Autosaved)

To version 26.3

edited by Stone Wu
on 2022/07/18 09:02

Change comment: (Autosaved)

Raw
Rendered

Summary

Page properties (1 modified, 0 added, 0 removed)
Attachments (0 modified, 1 added, 0 removed)
- image-20220718085015-1.jpeg

Details

Page properties

Content

@@ -291,7 +291,7 @@
  Double-click the object to open property window, modify the parameters, and save.
--[[image:image-20220715150846-2.jpeg]]
++[[image:image-20220718085015-1.jpeg]]
  **Object device modifcation**
@@ -318,26 +318,57 @@
  **Text: **Used to display text content parts, and you can set text style and background style, and support multi-language input.
--**Picture: **It is used for displaying the picture, support the user defined picture.
++(% class="table-bordered" %)
++|=(% scope="row" style="width: 195px;" %)**Property**|=(% style="width: 483px;" %)**Description**
++|=(% style="width: 195px;" %)Multilingual|(% style="width:483px" %)3 languages input and setting are supported, and each language can set the style and display mode of text separately. You need to select the language before setting the text content. The content of the text will be displayed according to the language selected when browsing the interface.
++|=(% style="width: 195px;" %)Rounded corner|(% style="width:483px" %)Sets the rounded corners of appearance rectangle of the text object .
++|=(% style="width: 195px;" %)Fill color|(% style="width:483px" %)Sets the fill color of appearance rectangle of the text object.
++|=(% style="width: 195px;" %)Border color|(% style="width:483px" %)Sets the border color of the text object.
++|=(% style="width: 195px;" %)Line type|(% style="width:483px" %)Sets the line type of the text object.
++|=(% style="width: 195px;" %)(((
++Thickness
++)))|(% style="width:483px" %)Sets the thickness of the border of the text object. If you choose to hide the border, the border will not be displayed.
++|=(% style="width: 195px;" %)Conditional hide|(% style="width:483px" %)Set monitoring points and triggering conditions when hiding the object. (conditions for bit address and word address configuration are different)
++**Picture: **It is used for displaying the picture, and supports the user defined picture.
++
  (% class="table-bordered" %)
--|=(% scope="row" %)**Property**|=**Description**
--|=Gallery|Choose the picture from the gallery
--|=Angle|Rotation angle (0~~360)
--|=Scale|(((
--Yes: the aspect ratio is fixed
++|=(% scope="row" style="width: 195px;" %)**Property**|=(% style="width: 483px;" %)**Description**
++|=(% style="width: 195px;" %)Gallery|(% style="width:483px" %)Choose the picture from the gallery
++|=(% style="width: 195px;" %)Angle|(% style="width:483px" %)Rotation angle (0~~360)
++|=(% style="width: 195px;" %)Conditional hide|(% style="width:483px" %)Set monitoring points and triggering conditions when hiding the object. (conditions for bit address and word address configuration are different)
--No: the aspect ratio is not fixed
++**Table: **Custom table object. You could form the table quickly.
++
++|=(% scope="row" style="width: 196px;" %)**Attribute**|=(% style="width: 482px;" %)**Description**
++|=(% style="width: 196px;" %)Background color|(% style="width:482px" %)Sets the background color of the table object.
++|=(% style="width: 196px;" %)Background transparency|(% style="width:482px" %)(((
++Set the transparency of the background color in the table object (where the transparency is 0%, the background is full transparent).
  )))
++|=(% style="width: 196px;" %)Number of rows|(% style="width:482px" %)Sets the number of rows for the table object. (Limit the number of rows accordign to the object size)
++|=(% style="width: 196px;" %)Number of columns|(% style="width:482px" %)Sets the number of columns in the table part.(Limit the number of columns accordign to the object size)
++|=(% style="width: 196px;" %)Border color|(% style="width:482px" %)Sets the color of the border of the table object.
++|=(% style="width: 196px;" %)Frame thickness|(% style="width:482px" %)Sets the thickness of the border of the table object.
++|=(% style="width: 196px;" %)Row and column adaptation|(% style="width:482px" %)According to the object size, set the average distribution of width and height of the table.
++|=(% style="width: 196px;" %)Hide line dividers|(% style="width:482px" %)If checked, the line showing the row is hidden.
++|=(% style="width: 196px;" %)Hide column divider|(% style="width:482px" %)If checked, the line showing the column is hidden.
--**2)Common**
++Table operation instructions:
++|=(% style="width: 198px;" %)**Portable operation**|=(% style="width: 481px;" %)**Description**
++|(% style="width:198px" %)Row control line segment|(% style="width:481px" %)Drag the  row control line to change the row height of the current row.
++|(% style="width:198px" %)Column control line segment|(% style="width:481px" %)Drag the column control line to change the column width of the current column.
++
++== Common object ==
++
  (% style="text-align:center" %)
  [[image:V-BOX cloud configuration user manual_html_c84a5d0032df07e2.png||height="420" width="250" class="img-thumbnail"]]
--* **Display Frame**
++=== Display frame ===
--|**Item**|**Description**
++After binding the monitoring point, the data of the monitoring point can be displayed in real time.
++
++|=**Item**|=**Description**
  |Monitoring Point|Set operating address for this object (Read and write can be different);
  |Read-write permission|There are three modes for it, users could select according to requirements;
  |Set Text|It is used for setting style of text and display direction
@@ -626,6 +626,304 @@
  |(% colspan="2" %)Display|Set object position and size
  )))
++== Common object ==
++
++(% style="text-align:center" %)
++[[image:V-BOX cloud configuration user manual_html_c84a5d0032df07e2.png||height="420" width="250" class="img-thumbnail"]]
++
++=== Display frame ===
++
++After binding the monitoring point, the data of the monitoring point can be displayed in real time.
++
++|=**Item**|=**Description**
++|Monitoring Point|Set operating address for this object (Read and write can be different);
++|Read-write permission|There are three modes for it, users could select according to requirements;
++|Set Text|It is used for setting style of text and display direction
++|Style|It is used for setting object display, like background color;
++|Expansion|It is used for setting expansion function, like lock position;
++|Display|It is used for setting object position and size
++
++* **Bit /Word Indicator**
++
++Indicator could monitor and display the specified PLC or HMI bit address, and its state changes according to the specified address value.
++
++(((
++|**Items**|**Description**
++|Monitor Point|Set reading address for this object;
++|Status|Set text for every status;
++|Picture|Set picture for every status;
++|Expansion|Set display expansion function, such as blink
++|Display|Set object position and size
++)))
++
++* **Bit/ Word Switch**
++
++Switch could operate the specified PLC or HMI bit address, and its state changes according to the specified address value.
++
++(((
++|**Items**|**Description**
++|Monitor Point|Set operating address for this object (Read and write can be different);
++|Read-write permission|There are three modes for it, users could select according to requirements;
++|Pop up a confirmation box|Check it to enable confirmation box for operating;
++|Status|Set text for every status;
++|Picture|Set picture for every status;
++|Expansion|Set display expansion function, such as blink
++|Display|Set object position and size
++)))
++
++* **Dashboard**
++
++Display the value of address in real time using the dashboard.
++
++(((
++|**Items**|**Description**
++|Monitor Point|Set operating address for this object (Read and write can be different);
++|Select|Set dashboard display range, there are two modes, Constant and Variable
++|Scale value|Check it to display value;
++|Select Language|Set text for object;
++|Style|Set object display style such as color, scales number;
++|Alarm Zone|Set range and color for alarm
++|Display|Set object position and size
++)))
++
++* **Bar graph**
++
++Use the length or height of the rectangle to reflect the value of reading address so that the value could be visualized.
++
++(((
++|**Items**|**Description**
++|Monitor Point|Set operating address for this object (Read and write can be different);
++|Digit Display|Check it to display digit value on bar;
++|Progress bar direction|Select display direction;
++|Scales|Set object scales display type and color;
++|Bar color|Set color for bar;
++|Background Display|Set color of bar background;
++|Alarm Zone|Set range and color for alarm
++|Display|Set object position and size
++)))
++
++* **Real-Time Trend Chart**
++
++Use the curve to show the trend of the data over time. X-axis is time, Y-axis is variable.
++
++(((
++|**Items**|**Description**
++|Monitor Point|Set operating address for this object (Read and write can be different);
++|Digit Display|Check it to display digit value on bar;
++|Progress bar direction|Select display direction;
++|Scales|Set object scales display type and color;
++|Bar color|Set color for bar;
++|Background Display|Set color of bar background;
++|Alarm Zone|Set range and color for alarm
++|Display|Set object position and size
++| |
++)))
++
++* **Flow pipe**
++
++This is a flowing animation object, users could set animation trigger condition for it, the monitor point could be both bit address and word address;
++
++(((
++|**Items**|**Description**
++|Border color|Set object background color;
++|Color|Set flowing block color;
++|Speed|Three modes for flowing block speed;
++|Flow direction|Two modes for flowing direction;
++|Monitor Point|Set trigger address;
++|Trigger Condition|(((
++Bit address: Select ON or OFF;
++
++Word address: Set value range;
++)))
++|Color Block Width|Set flowing block size;
++|Color Block Length|Set flowing block size;
++|Color Block Spacing|Set the spacing between flow blocks;
++|Display Border|Select display or hide border;
++|Alarm Zone|Set range and color for alarm
++|Display|Set object position and size
++)))
++
++**Tips for designing flow bar**
++
++When user need to simulate the flow of water in a pipe, please put the pipe picture at first, then hide the flow border and place it onto the pipe picture.
++
++* **Video object**
++
++Video object is used for playing the video file provided in the video source.
++
++(((
++|**Items**|**Description**
++|Border color|Set object background color;
++|Color|Set flowing block color;
++|Speed|Three modes for flowing block speed;
++|Flow direction|Two modes for flowing direction;
++|Monitor Point|Set trigger address;
++|Trigger Condition|(((
++Bit address: Select ON or OFF;
++
++Word address: Set value range;
++)))
++|Color Block Width|Set flowing block size;
++|Color Block Length|Set flowing block size;
++|Color Block Spacing|Set the spacing between flow blocks;
++|Display Border|Select display or hide border;
++|Alarm Zone|Set range and color for alarm
++|Display|Set object position and size
++)))
++
++* **Hyperlink**
++
++The object for link website;
++
++(((
++|=**Items**|=**Description**
++|Link address|Enter website;
++|Open with|There are two options, user could select open with new window or current window;
++|Select Language|One object could support three language, user could enter text for note object;
++|Style|Set object display style such as color, use picture as background or not
++|Display|Set object position and size
++)))
++
++* **Function Switch**
++
++Function switch is designed to switch screens, and call and close sub screen.
++
++(((
++|=**Items**|=**Description**
++|Screen|Select the target screen for switch;
++|Sub-screen|There are two options, user could select open with new window or current window;
++|Previous|Switch to the previous screen
++|Next|Switch to the next screen
++|Return|Return to the screen before switch
++|Text|Set text for object, including text font, color direction and so on;
++|Style|Set object display style such as color, use picture as background or not
++|Display|Set object position and size
++)))
++
++* **Combination Switch**
++
++The combination switch supports the collection of multiple functions onto one object. When the object is pressed, multiple functions are arranged in sequence to meet the special requirements of user.
++
++(((
++|=**Items**|=**Description**
++|Bit operation|It provides [Bit copy], [Set ON], [Set OFF], [Switch] and [Bit Copy] functions.
++|Word operation|It provides [Word copy], [Word set], [Increase] and [Decrease] functions,
++|Arithmetic|[Add], [Subtract], [Multiply] and [Divide] functions
++|Screen change|It provides screen switch function as [Function Switch], it supports [Previous], [Next], [Return], [Change to], and open, close sub-screen operations
++|Delete|Delete selected item function;
++|Empty|Delete all items in operation list;
++|Up|Move the selected item up one row in operation list;
++|Down|Move the selected item down one row in operation list;
++)))
++
++**Time**
++
++It is used for displaying the time of the V-BOX, when the V-BOX is offline, the time will stay at the time when it is offline.
++
++(((
++|=**Items**|=**Description**
++|Monitoring box|Link a box for the time part
++|Pattern|Two types, one is digit and the other is clock
++|Format settings|Set format for time and date in digit pattern
++|Background|Set display or hide background of object
++|Set text|Set text display style;
++|Display|Set object position and size
++)))
++
++**Histogram**
++
++It is used for display more than one tag value in Bar graph format.
++
++(((
++|=**Items**|=**Description**
++|Add new group|Maximum is 8, add items for this object, also set colors
++|Add monitoring point|Set read tag for every item,
++|Style|Set object display style such as color, use picture as background or not
++|Display|Set object position and size
++)))
++
++**Alarm record display**
++
++It is used for display alarm information of V-BOX. It can support current and history alarm.
++
++(((
++|=**Items**|=**Description**
++|Select box|Link to V-BOX
++|Alarm type|Select current alarm or history alarm or all
++|Start date|Alarm display start date
++|End date|Alarm display end date
++|Format|Set display format for date and time
++|Sequence|It provides two type, one is order, and the other is reverse order
++|Display content|Users could select display contents by check them
++|Style|Set colors for different parts
++|Display|Set object position and size
++)))
++
++**History trend chart**
++
++The history trend will display data record with graph. X axis represents as time, and Y axis represents as data.
++
++(((
++|=(% colspan="2" %)**Items**|=**Description**
++|(% colspan="2" %)Basic|Set numbers of curve in object and select style for every curves including color, link tag
++|(% rowspan="11" %)Style|Display form|Two type, one is curve, and the other is table
++|Start date|Start date of history data
++|End date|End date of history data
++|Format|Time and date format for display
++|Sequence|Two types, order or reverse order
++|Y range|Two types, fixed and adaptive
++|Set text|Set font size, color and other styles.
++|Transparency|Set transparency of object
++|Background color|Two types, translucent or transparent
++|Gradient way|Set display way and color
++|Display bar|Check it to display screen bar
++|(% colspan="2" %)Display|Set object position and size
++)))
++
++**Indirect screen display**
++
++This object is used for calling screens when condition is met.
++
++(((
++|=(% colspan="2" %)**Items**|=**Description**
++|(% rowspan="4" %)Basic|Conditional trigger|It provides bit, word condition and unconditional
++|Bind monitoring point|Link to tag for triggering
++|Trigger condition|for bit address, it requires ON or OFF, for word address, different value corresponds to different screens.
++|Designated screen|Only for bit address as trigger. When condition is met, display this screen
++|(% colspan="2" %)Style|Set object display style such as display title bar or display or hide background
++|(% colspan="2" %)Display|Set object position and size
++)))
++
++**Ring chart**
++
++Display value as ring chart
++
++(((
++|=(% colspan="2" %)**Items**|=**Description**
++|(% rowspan="7" %)Basic|Monitor point|Link to tag for data reading
++|Range|Set fixed range or variable range
++|Scales|Set scales such as major and minor numbers, colors and so on
++|Designated screen|Only for bit address as trigger. When condition is met, display this screen
++|Numerical scale display|Check it to display scale
++|Start angle|Set start angle for scale
++|Color|Color setting for bar and background
++|(% colspan="2" %)Alarm Zone|Set alarm range and colors
++|(% colspan="2" %)Display|Set object position and size
++)))
++
++**Pie chart**
++
++Display more than one value in one pie chart
++
++(((
++|=(% colspan="2" %)**Items**|=**Description**
++|(% colspan="2" %)Monitor point|Add read addresses, the maximum is 8
++|(% rowspan="3" %)Style|Pattern|Set alarm range and colors
++|Numerical scale|Check it to display value in object
++|Monitoring name display|Check it to display name in object
++|(% colspan="2" %)Display|Set object position and size
++)))
++
  == **6.5 Tool bar** ==
  The toolbar has the same function as the tool list. (right-click on the canvas to pop up tool list)

image-20220718085015-1.jpeg

Author

...	...	@@ -1,0 +1,1 @@
	1	+XWiki.Stone

Size

...	...	@@ -1,0 +1,1 @@
	1	+34.8 KB

Content

Changes for page 05 Cloud SCADA

Summary

Details

Navigation

Table of Contents