Skip to Content

Wiki source code of 02 Cloud SCADA

Version 26.10 by Stone Wu on 2022/07/18 09:30
Show last authors
1 = **1 Introduction** =
2
3 The default page of the V-BOX web SCADA platform after login is shown as below. The main functions of this platform include the centralized monitoring, template management, project management, and authority management. The user could switch between the function modules through the left navigation bar, and the specific content of each function module will be displayed on the right side.
4
5 (% style="text-align:center" %)
6 [[image:1617874482390-379.png||height="421" width="800" class="img-thumbnail"]]
7
8 **Introduction**
9
10 1. **Centralized monitoring:** project list, that is displayed in groups;
11 1. **Template management**: add and edit templates;
12 1. **Authority management:** assign a project with configuration authority for view-account
13
14 = 2 Log in =
15
16 Click Cloud SCADA under service in the upper right corner, or enter [[http:~~/~~/web.v-box.net/>>http://web.v-box.net/]] on browser.
17
18 [[image:image-20220714150826-1.jpeg]]
19
20 The account of the V-box web SCADA platform is the same as the V-BOX account.
21
22 (% style="text-align:center" %)
23 [[image:1617874518342-186.png||height="357" width="200" class="img-thumbnail"]]
24
25 (((
26 = **3 Centralized monitoring** =
27 )))
28
29 Centralized monitoring is the default home page of the platform. As shown as the figure below.
30
31 (% style="text-align:center" %)
32 [[image:1617874482390-379.png||height="421" width="800" class="img-thumbnail"]]
33
34 This page displays projects under each group by switching groups. You could add, delete and modify the group. In addition, you ccoul add or remove projects from groups, browse projects, and configure project parameters.
35
36 == Group management ==
37
38 The centralized monitoring module classifies the project by group.
39
40 [[image:image-20220714151453-2.jpeg||height="394" width="795"]]
41
42
43 1. **Switch group:** Click group name to switch group.
44 1. **Add a group:** Click [[image:V-BOX cloud configuration user manual_html_b2953a9d44427091.png||height="33" width="35" class="img-thumbnail"]] to add a new group.
45 1. **Edit group:** Click [[image:V-BOX cloud configuration user manual_html_516339bb09efc553.png||height="32" width="35" class="img-thumbnail"]] to edit the group name.
46 1. **Delete group:** Click [[image:V-BOX cloud configuration user manual_html_c92089cb54d385cd.png||height="33" width="35" class="img-thumbnail"]] to delete the current group.
47 1. **More group:** Click [[image:V-BOX cloud configuration user manual_html_df266f0fa8d8536e.png||height="33" width="35" class="img-thumbnail"]] to display the previous or next group.
48
49 == New project ==
50
51 Click "New project" on the upper right corner to create a new project. You could input the project name, select a group and whether it is cross-box.
52
53 [[image:image-20220715094953-3.jpeg]]
54
55 Click "Thumbnail" to upload a thumbnai. It will be displayed as the preview image of the project.
56
57 [[image:image-20220715094733-2.jpeg]]
58
59 (% class="box infomessage" %)
60 (((
61 **✎Note: ** A project can upload no thumbnails or up to one thumbnail. When no thumbnail is uploaded, the project list will be displayed with the system default image
62 )))
63
64 == Manage project ==
65
66 The centralized monitoring module includes the following functions: add new projects, delete projects and preview projects for each group. Click on the corresponding group to display the list of projects in the group, as shown below.[[image:image-20220715100603-4.jpeg]]
67
68 **Manage project:** Click "manage project" to assign a project in the group.
69
70 **Delete project: **Click [[image:1617948891768-154.png||class="img-thumbnail"]] on the upper right corner of a project thumbnail in the project list to move the project out of the group.
71
72 **Preview project:** Click on [[image:1617948906340-294.png||class="img-thumbnail"]] to view the configuration screen of the project.
73
74 **Display mode: ** You could switch the display mode by clicking the icons on the upper right corner of page, shown as below.
75
76 (% style="text-align:center" %)
77 [[image:image-20220715101053-5.jpeg]]
78
79 == Browse project ==
80
81 Click on [[image:1617948906340-294.png||class="img-thumbnail"]] in the project list to view the configuration screen.
82
83 (% style="text-align:center" %)
84 [[image:V-BOX cloud configuration user manual_html_72b4c2044c0ab2fe.png||height="365" width="600" class="img-thumbnail"]]
85
86 **Real-time data: **Click the "Real-time Data" to view the device name and state, current value, encoding, description, etc.
87
88 **Alarm data: **Click the "Alarm data" button to pop up the alarm record page and view the current alarm status and historical alarm information.
89
90 **Historical data:** Click the "History Data" button to pop up the history report interface of the data. You could view all the historical data.
91
92 **Multi-language:** multi-language drop-down menu, one object could support three language at the same time, you could switch language by this menu.
93
94 [[image:image-20220715101731-6.jpeg||height="50" width="50" class="img-thumbnail"]] Open or close the alarm sound of the alarm record object.
95
96 [[image:image-20220715101736-7.jpeg||height="52" width="51" class="img-thumbnail"]] Full screen display or restore configuration screen.
97
98 [[image:image-20220715101741-8.jpeg||height="51" width="50" class="img-thumbnail"]] Hide or show the top blue menu bar.
99
100 [[image:image-20220715101747-9.jpeg||height="50" width="50" class="img-thumbnail"]] Zoom in the screen.
101
102 [[image:image-20220715101753-10.jpeg||height="51" width="50" class="img-thumbnail"]] Zoom out the screen.
103
104 == Project setting ==
105
106 [[image:image-20220715103031-11.jpeg]]
107
108 [[image:image-20220715104640-1.jpeg||height="34" width="41"]]**Configuration design:** Click  the button  to enter the configuration programmer to design the configuration screen for that project. Please refer to [[5 V-box WEB SCADA design>>||anchor="H6V-boxWEBSCADAdesign"]] for details.
109
110 [[image:image-20220715104711-2.jpeg||height="32" width="40"]]**Preview project:** Click the project preview image or click the button to browse the configuration screen of the project.
111
112 [[image:image-20220715104745-3.jpeg]]**Login-free browse: **Click the button and set the expiration time in the pop-up box to generate the browsing address and QR code (scan to browse, but not to operate).
113
114 [[image:image-20220715104944-7.jpeg]]**Copy project:** Click the button to set the name and group of the new project to add a new project.
115
116 [[image:image-20220715105016-8.jpeg]]**Export project:** Click the button to export the project.
117
118 [[image:image-20220715105102-9.jpeg]]**Edit project:** Click the button to modify the project (project name and whether or not to cross V-BOX option), upload and delete thumbnails.
119
120 [[image:image-20220715105139-10.jpeg]]**Delete project:** Click the button to delete the project.
121
122 [[image:image-20220715105152-11.jpeg||height="36" width="43"]]**Assigned to a group: **Click the button to assign the project to a group.
123
124 = 4 Template =
125
126 == Template management ==
127
128 Click the template management module on the left menu to enter the template management module.
129
130 (% style="text-align:center" %)
131 [[image:1617949183137-615.png||height="205" width="800" class="img-thumbnail"]]
132
133 The V-box Web SCADA platform provides a template management module that could save the designed configuration screen as a template and user could import the template to design the project more efficiently.
134
135 [[image:image-20220715105925-1.jpeg||height="46" width="45"]]**Add template: **Click the button to add a template as below.
136
137 [[image:image-20220715110054-4.jpeg]]
138
139 [[image:image-20220715105933-2.jpeg||height="37" width="45"]]**Edit template: **Click the button to edit the name and resolution of the template.
140
141 [[image:image-20220715105937-3.jpeg||height="42" width="42"]]**Delete template: **Click the button to delete the template.
142
143 == Template design ==
144
145 Click the "Template Design" in the template list to access the V-box configuration platform editor page. You could edit the template in this page. More details about how to design the project please refer to [[5 V-box WEB SCADA design>>||anchor="H6V-boxWEBSCADAdesign"]].
146
147 (% class="box infomessage" %)
148 (((
149 **✎Note: **
150
151 * Only templates of the same resolution can be imported into the configuration screen of the project;
152 * Template design only supports single screen design;
153 * Template screen does not support import and export, preview, compile, import other templates, and bind monitoring point functions.
154 )))
155
156 (((
157 = **5 Web SCADA design** =
158 )))
159
160 == Main screen ==
161
162 Click "Design" (or Template design) in "Project Management" (or Template Management) screen to access WEB SCADA editor.
163
164 (% style="text-align:center" %)
165 [[image:1617949467765-343.png||height="393" width="800" class="img-thumbnail"]]
166
167 The function partition of WEB SCADA editor.
168
169 (% style="text-align:center" %)
170 [[image:V-box 1.png||alt="V-BOX cloud configuration user manual_html_cb0c19aefec34494.png" height="315" width="600" class="img-thumbnail"]]
171
172 1. **Toolbar:** A function bar that provides pages operations and objects operations;
173 1. **Project Manager:** It shows all screens for project and operations.
174 1. **Objects Library: **It provides 8 basic shapes objects and 20 common objects for creating SCADA page;
175 1. **Design Area: **Design area for SCADA page and template;
176
177 == Design process ==
178
179 1. Create new screen and set the property;
180 1. Select the object and drag the mouse in design area;
181 1. Edit object property and set the variable etc;
182 1. Save the screen;
183
184 == Screen management ==
185
186 A project or template is composed of one or several screens. A template contains only one screen, whereas a project can be composed of one or more screens (only take project as an example.). All screens are listed on "Project Manager". Select screen name, its page would be displayed on "Design Area".
187
188 [[image:image-20220715113713-9.jpeg]]
189
190 The screens are divided into normal screens and sub-screens, as shown above.
191
192 * The normal screen will be displayed when viewing a project or template.
193 * Sub-screen is embedded in the pop-up box of the normal screen, and the function switch and other objects are used to click the popup display.
194
195 In the project browsing page, the default display is the top common screen in the screen list, i.e., the main screen in the figure above, and the other screens will be switched through screen jumping or linking, etc.
196
197 **Create screens**
198
199 Click [[image:image-20220715114850-12.jpeg||height="30" width="48"]] to create a new screen. Set the porperties in the pop-up box, select the screen type (normal screen and sub-screen) and save.
200
201 [[image:image-20220715114601-11.jpeg]]
202
203 (% class="box infomessage" %)
204 (((
205 **✎Note:** When a thumbnail page is not created, the default picture would be displayed on "Centralized Monitoring".
206 )))
207
208 **Modifying screen**
209
210 1. Select the page to be modified;
211 1. Click [[image:V-BOX cloud configuration user manual_html_a5f920d2d144472c.png||height="30" width="30" class="img-thumbnail"]] on "Project Manager" or [[image:V-BOX cloud configuration user manual_html_56ae321f2d4418ac.png||height="24" width="147" class="img-thumbnail"]] on "Toolbar";
212 1. Modify screen on [Design Area];
213 1. Click [[image:V-BOX cloud configuration user manual_html_5970eb09902bd1a3.png||height="30" width="30" class="img-thumbnail"]] on "Toolbar" to complete modification;
214
215 **Deleting screen**
216
217 1. Select screen on "Project Manager";
218 1. Click[[image:V-BOX cloud configuration user manual_html_dca942a0244f9912.png||height="29" width="30"]] , and following message would pop up to prevent accidental deletion;
219
220 (% style="text-align:center" %)
221 [[image:V-BOX cloud configuration user manual_html_1e7f9096426ebeca.png||height="161" width="300" class="img-thumbnail"]]
222
223 (% start="3" %)
224 1. Click "OK" to delete page.
225
226 **Sort screen**
227
228 1. Select page screen on "Project Manager";
229 1. Click [[image:V-BOX cloud configuration user manual_html_1ab5c888bfd536c.png||height="25" width="53"]] to sort screen upwards or downwards.
230
231 (% class="box infomessage" %)
232 (((
233 **✎Note:** Thumbnail does not support sorting.
234 )))
235
236 == Object ==
237
238 The Web SCADA platform provides a variety of visualizations for users to design screen. All objects listed on "Object Library“.
239
240 The screen is made up of objects.All the objects are provided in the object bar, and control points will appear around all the objects selected in the canvas.
241
242 Only the special attributes of the objects are listed for explanation, and the basic attributes of the objects, such as position, style, lock, etc., are not listed.
243
244 === Adding object ===
245
246 1. Select and click the object on ”Objects Library“;
247 1. Move the cursor to the "Design Area";
248 1. When cursor changes as + symbol, hold down left click draw the desired size;
249
250 The initial object is bound to V-BOX by default, and its monitoring point information list also displays V-BOX by default. After device switching, the device type of the last binding will be remembered. When the monitoring point information of the object is opened next time, it will be displayed according to the current type, and operations such as copying the object will also give the newly copied object the same binding type as the original object.
251
252 **Current object: **If you click a object, it will be in the selected state, that is, the current part.** **Control points with red background and black edge will appear around the current obejct.
253
254 **Selected object:** Click the blank space of the canvas, left-click the mouse to select an area, or hold down the Ctrl key and click the desired part. Objects with red or white dots around them are collectively referred to as selected parts.
255
256 [[image:image-20220715141718-1.jpeg]]
257
258 === Moving object ===
259
260 1. Select object on "Design Area";
261 1. Hold down the left click and move object to desired position.
262
263 (% style="text-align:center" %)
264 [[image:V-BOX cloud configuration user manual_html_4a7ca599f8cf89c5.png||height="141" width="200" class="img-thumbnail"]]
265
266 === Scaling object ===
267
268 1. Select object, the positioning control point would appear around object;
269 1. Click any control point;
270 1. Move point to scale object.
271
272 === Editing object ===
273
274 **Select device type**
275
276 Double-click the object to open property window, and click the button [[image:image-20220715144518-2.jpeg]] to select the device to be bound. One object can only bind one device type.
277
278 (% class="box infomessage" %)
279 (((
280 **✎Note:** If the SCADA project is selected as cross-box, then all the objects in the project can bind to V-BOX or ig series HMI.
281 )))
282
283 (% style="text-align:center" %)
284 [[image:V-BOX cloud configuration user manual_html_45a8e3cf3e1113fe.png||height="352" width="600" class="img-thumbnail"]]
285
286 If you choose V-BOX, the HMI of the current account will be filtered out in the multi-level grouping of the device selection drop-down box, and only the V-BOX bound to the current account will be displayed.
287
288 If you choose to bind an ig HMI, only the HMI bound by the current account will be displayed.
289
290 **Object state modification**
291
292 Double-click the object to open property window, modify the parameters, and save.
293
294 [[image:image-20220718085015-1.jpeg]]
295
296 **Object device modifcation**
297
298 * **Common object:** you have bound the monitoring point information belonging to the V-BOX at the monitoring monitoring point of the object. If you modify the monitoring point, there will be a reminder to confirm the switching device binding type. (If "Clear Original Configuration" is selected, then all the monitoring point information of the box bound to the object will be cleared, and switch the binding type of the object from V-BOX to HMI.
299 * **Time object: **Because HMI can't report the time, the monitoring equipment function of the time object can't be compatible with HMI. Therefore, when selecting the monitoring point of the monitoring device, there is only the option of V-BOX, and its multi-level grouping will only display the information of V-BOX. The display and hide function of this object can still bind HMI, but if the display and hide monitoring points are bound, the monitoring point binding to the monitoring device will be cleared.
300 * **Alarm record object:** Because the operation of binding monitoring point is different from other objects, no matter what the binding type before the object is, when switching between V-BOX and HMI, a switching reminder will be given. At the same time, when switching the binding device type at "display/conditional hide", the monitoring point information of the object binding will also be cleared, and the device type display will be switched.
301 * **Report object: **When you switch the device type of report binding at the monitoring point binding of the report, a switching reminder will be given.  At the same time, if you switch the binding device type at "display/conditional hide", the monitoring point information of the component binding will also be cleared, and the device type display here will be switched.
302 * **Map object:** You open the map and all the devices are selected by default. You could set according to your needs. At the same time, if you switch the binding device type in "display/conditional hide", the configuration will be cleared, and all devices will be displayed on the map by default.
303
304 === Object shape ===
305
306 (% style="text-align:center" %)
307 [[image:1617949894556-149.png||height="402" width="250" class="img-thumbnail"]]
308
309 **Line: **A line segment with a starting position and an ending position, which can be hidden by setting styles and conditions.
310
311 **Rectangle: **Used to display rectangular objects, and you can set its position, size, style, conditional hide, etc.
312
313 **Circle:** Used to display circular objects, and you can set its position, size, style, conditional hide, etc.
314
315 **Ellipse: **Used to display oval objects, and you can set its position, size, style, conditional hide, etc.
316
317 **Triangle: **Used to display triangle objects, and you can set its position, size, style, conditional hide, etc.
318
319 **Text: **Used to display text content parts, and you can set text style and background style, and support multi-language input.
320
321 (% class="table-bordered" %)
322 |=(% scope="row" style="width: 195px;" %)**Property**|=(% style="width: 483px;" %)**Description**
323 |=(% 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.
324 |=(% style="width: 195px;" %)Rounded corner|(% style="width:483px" %)Sets the rounded corners of appearance rectangle of the text object .
325 |=(% style="width: 195px;" %)Fill color|(% style="width:483px" %)Sets the fill color of appearance rectangle of the text object.
326 |=(% style="width: 195px;" %)Border color|(% style="width:483px" %)Sets the border color of the text object.
327 |=(% style="width: 195px;" %)Line type|(% style="width:483px" %)Sets the line type of the text object.
328 |=(% style="width: 195px;" %)(((
329 Thickness
330 )))|(% 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.
331 |=(% 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)
332
333 **Picture: **It is used for displaying the picture, and supports the user defined picture.
334
335 (% class="table-bordered" %)
336 |=(% scope="row" style="width: 195px;" %)**Property**|=(% style="width: 483px;" %)**Description**
337 |=(% style="width: 195px;" %)Gallery|(% style="width:483px" %)Choose the picture from the gallery
338 |=(% style="width: 195px;" %)Angle|(% style="width:483px" %)Rotation angle (0~~360)
339 |=(% 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)
340
341 **Table: **Custom table object. You could form the table quickly.
342
343 |=(% scope="row" style="width: 196px;" %)**Attribute**|=(% style="width: 482px;" %)**Description**
344 |=(% style="width: 196px;" %)Background color|(% style="width:482px" %)Sets the background color of the table object.
345 |=(% style="width: 196px;" %)Background transparency|(% style="width:482px" %)(((
346 Set the transparency of the background color in the table object (where the transparency is 0%, the background is full transparent).
347 )))
348 |=(% 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)
349 |=(% 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)
350 |=(% style="width: 196px;" %)Border color|(% style="width:482px" %)Sets the color of the border of the table object.
351 |=(% style="width: 196px;" %)Frame thickness|(% style="width:482px" %)Sets the thickness of the border of the table object.
352 |=(% 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.
353 |=(% style="width: 196px;" %)Hide line dividers|(% style="width:482px" %)If checked, the line showing the row is hidden.
354 |=(% style="width: 196px;" %)Hide column divider|(% style="width:482px" %)If checked, the line showing the column is hidden.
355
356 Table operation instructions:
357
358 |=(% style="width: 198px;" %)**Portable operation**|=(% style="width: 481px;" %)**Description**
359 |(% style="width:198px" %)Row control line segment|(% style="width:481px" %)Drag the  row control line to change the row height of the current row.
360 |(% style="width:198px" %)Column control line segment|(% style="width:481px" %)Drag the column control line to change the column width of the current column.
361
362 == Common object ==
363
364 (% style="text-align:center" %)
365 [[image:V-BOX cloud configuration user manual_html_c84a5d0032df07e2.png||height="420" width="250" class="img-thumbnail"]]
366
367 === Display frame ===
368
369 After binding the monitoring point, the data of the monitoring point can be displayed in real time.
370
371 |=**Item**|=**Description**
372 |Monitoring Point|Set operating address for this object (Read and write can be different);
373 |Read-write permission|There are three modes for it, users could select according to requirements;
374 |Set Text|It is used for setting style of text and display direction
375 |Style|It is used for setting object display, like background color;
376 |Expansion|It is used for setting expansion function, like lock position;
377 |Display|It is used for setting object position and size
378
379 * **Bit /Word Indicator**
380
381 Indicator could monitor and display the specified PLC or HMI bit address, and its state changes according to the specified address value.
382
383 (((
384 |**Items**|**Description**
385 |Monitor Point|Set reading address for this object;
386 |Status|Set text for every status;
387 |Picture|Set picture for every status;
388 |Expansion|Set display expansion function, such as blink
389 |Display|Set object position and size
390 )))
391
392 * **Bit/ Word Switch**
393
394 Switch could operate the specified PLC or HMI bit address, and its state changes according to the specified address value.
395
396 (((
397 |**Items**|**Description**
398 |Monitor Point|Set operating address for this object (Read and write can be different);
399 |Read-write permission|There are three modes for it, users could select according to requirements;
400 |Pop up a confirmation box|Check it to enable confirmation box for operating;
401 |Status|Set text for every status;
402 |Picture|Set picture for every status;
403 |Expansion|Set display expansion function, such as blink
404 |Display|Set object position and size
405 )))
406
407 * **Dashboard**
408
409 Display the value of address in real time using the dashboard.
410
411 (((
412 |**Items**|**Description**
413 |Monitor Point|Set operating address for this object (Read and write can be different);
414 |Select|Set dashboard display range, there are two modes, Constant and Variable
415 |Scale value|Check it to display value;
416 |Select Language|Set text for object;
417 |Style|Set object display style such as color, scales number;
418 |Alarm Zone|Set range and color for alarm
419 |Display|Set object position and size
420 )))
421
422 * **Bar graph**
423
424 Use the length or height of the rectangle to reflect the value of reading address so that the value could be visualized.
425
426 (((
427 |**Items**|**Description**
428 |Monitor Point|Set operating address for this object (Read and write can be different);
429 |Digit Display|Check it to display digit value on bar;
430 |Progress bar direction|Select display direction;
431 |Scales|Set object scales display type and color;
432 |Bar color|Set color for bar;
433 |Background Display|Set color of bar background;
434 |Alarm Zone|Set range and color for alarm
435 |Display|Set object position and size
436 )))
437
438 * **Real-Time Trend Chart**
439
440 Use the curve to show the trend of the data over time. X-axis is time, Y-axis is variable.
441
442 (((
443 |**Items**|**Description**
444 |Monitor Point|Set operating address for this object (Read and write can be different);
445 |Digit Display|Check it to display digit value on bar;
446 |Progress bar direction|Select display direction;
447 |Scales|Set object scales display type and color;
448 |Bar color|Set color for bar;
449 |Background Display|Set color of bar background;
450 |Alarm Zone|Set range and color for alarm
451 |Display|Set object position and size
452 | |
453 )))
454
455 * **Flow pipe**
456
457 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;
458
459 (((
460 |**Items**|**Description**
461 |Border color|Set object background color;
462 |Color|Set flowing block color;
463 |Speed|Three modes for flowing block speed;
464 |Flow direction|Two modes for flowing direction;
465 |Monitor Point|Set trigger address;
466 |Trigger Condition|(((
467 Bit address: Select ON or OFF;
468
469 Word address: Set value range;
470 )))
471 |Color Block Width|Set flowing block size;
472 |Color Block Length|Set flowing block size;
473 |Color Block Spacing|Set the spacing between flow blocks;
474 |Display Border|Select display or hide border;
475 |Alarm Zone|Set range and color for alarm
476 |Display|Set object position and size
477 )))
478
479 **Tips for designing flow bar**
480
481 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.
482
483 * **Video object**
484
485 Video object is used for playing the video file provided in the video source.
486
487 (((
488 |**Items**|**Description**
489 |Border color|Set object background color;
490 |Color|Set flowing block color;
491 |Speed|Three modes for flowing block speed;
492 |Flow direction|Two modes for flowing direction;
493 |Monitor Point|Set trigger address;
494 |Trigger Condition|(((
495 Bit address: Select ON or OFF;
496
497 Word address: Set value range;
498 )))
499 |Color Block Width|Set flowing block size;
500 |Color Block Length|Set flowing block size;
501 |Color Block Spacing|Set the spacing between flow blocks;
502 |Display Border|Select display or hide border;
503 |Alarm Zone|Set range and color for alarm
504 |Display|Set object position and size
505 )))
506
507 * **Hyperlink**
508
509 The object for link website;
510
511 (((
512 |=**Items**|=**Description**
513 |Link address|Enter website;
514 |Open with|There are two options, user could select open with new window or current window;
515 |Select Language|One object could support three language, user could enter text for note object;
516 |Style|Set object display style such as color, use picture as background or not
517 |Display|Set object position and size
518 )))
519
520 * **Function Switch**
521
522 Function switch is designed to switch screens, and call and close sub screen.
523
524 (((
525 |=**Items**|=**Description**
526 |Screen|Select the target screen for switch;
527 |Sub-screen|There are two options, user could select open with new window or current window;
528 |Previous|Switch to the previous screen
529 |Next|Switch to the next screen
530 |Return|Return to the screen before switch
531 |Text|Set text for object, including text font, color direction and so on;
532 |Style|Set object display style such as color, use picture as background or not
533 |Display|Set object position and size
534 )))
535
536 * **Combination Switch**
537
538 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.
539
540 (((
541 |=**Items**|=**Description**
542 |Bit operation|It provides [Bit copy], [Set ON], [Set OFF], [Switch] and [Bit Copy] functions.
543 |Word operation|It provides [Word copy], [Word set], [Increase] and [Decrease] functions,
544 |Arithmetic|[Add], [Subtract], [Multiply] and [Divide] functions
545 |Screen change|It provides screen switch function as [Function Switch], it supports [Previous], [Next], [Return], [Change to], and open, close sub-screen operations
546 |Delete|Delete selected item function;
547 |Empty|Delete all items in operation list;
548 |Up|Move the selected item up one row in operation list;
549 |Down|Move the selected item down one row in operation list;
550 )))
551
552 **Time**
553
554 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.
555
556 (((
557 |=**Items**|=**Description**
558 |Monitoring box|Link a box for the time part
559 |Pattern|Two types, one is digit and the other is clock
560 |Format settings|Set format for time and date in digit pattern
561 |Background|Set display or hide background of object
562 |Set text|Set text display style;
563 |Display|Set object position and size
564 )))
565
566 **Histogram**
567
568 It is used for display more than one tag value in Bar graph format.
569
570 (((
571 |=**Items**|=**Description**
572 |Add new group|Maximum is 8, add items for this object, also set colors
573 |Add monitoring point|Set read tag for every item,
574 |Style|Set object display style such as color, use picture as background or not
575 |Display|Set object position and size
576 )))
577
578 **Alarm record display**
579
580 It is used for display alarm information of V-BOX. It can support current and history alarm.
581
582 (((
583 |=**Items**|=**Description**
584 |Select box|Link to V-BOX
585 |Alarm type|Select current alarm or history alarm or all
586 |Start date|Alarm display start date
587 |End date|Alarm display end date
588 |Format|Set display format for date and time
589 |Sequence|It provides two type, one is order, and the other is reverse order
590 |Display content|Users could select display contents by check them
591 |Style|Set colors for different parts
592 |Display|Set object position and size
593 )))
594
595 **History trend chart**
596
597 The history trend will display data record with graph. X axis represents as time, and Y axis represents as data.
598
599 (((
600 |=(% colspan="2" %)**Items**|=**Description**
601 |(% colspan="2" %)Basic|Set numbers of curve in object and select style for every curves including color, link tag
602 |(% rowspan="11" %)Style|Display form|Two type, one is curve, and the other is table
603 |Start date|Start date of history data
604 |End date|End date of history data
605 |Format|Time and date format for display
606 |Sequence|Two types, order or reverse order
607 |Y range|Two types, fixed and adaptive
608 |Set text|Set font size, color and other styles.
609 |Transparency|Set transparency of object
610 |Background color|Two types, translucent or transparent
611 |Gradient way|Set display way and color
612 |Display bar|Check it to display screen bar
613 |(% colspan="2" %)Display|Set object position and size
614 )))
615
616 **Indirect screen display**
617
618 This object is used for calling screens when condition is met.
619
620 (((
621 |=(% colspan="2" %)**Items**|=**Description**
622 |(% rowspan="4" %)Basic|Conditional trigger|It provides bit, word condition and unconditional
623 |Bind monitoring point|Link to tag for triggering
624 |Trigger condition|for bit address, it requires ON or OFF, for word address, different value corresponds to different screens.
625 |Designated screen|Only for bit address as trigger. When condition is met, display this screen
626 |(% colspan="2" %)Style|Set object display style such as display title bar or display or hide background
627 |(% colspan="2" %)Display|Set object position and size
628 )))
629
630 **Ring chart**
631
632 Display value as ring chart
633
634 (((
635 |=(% colspan="2" %)**Items**|=**Description**
636 |(% rowspan="7" %)Basic|Monitor point|Link to tag for data reading
637 |Range|Set fixed range or variable range
638 |Scales|Set scales such as major and minor numbers, colors and so on
639 |Designated screen|Only for bit address as trigger. When condition is met, display this screen
640 |Numerical scale display|Check it to display scale
641 |Start angle|Set start angle for scale
642 |Color|Color setting for bar and background
643 |(% colspan="2" %)Alarm Zone|Set alarm range and colors
644 |(% colspan="2" %)Display|Set object position and size
645 )))
646
647 **Pie chart**
648
649 Display more than one value in one pie chart
650
651 (((
652 |=(% colspan="2" %)**Items**|=**Description**
653 |(% colspan="2" %)Monitor point|Add read addresses, the maximum is 8
654 |(% rowspan="3" %)Style|Pattern|Set alarm range and colors
655 |Numerical scale|Check it to display value in object
656 |Monitoring name display|Check it to display name in object
657 |(% colspan="2" %)Display|Set object position and size
658 )))
659
660 == Common object ==
661
662 (% style="text-align:center" %)
663 [[image:V-BOX cloud configuration user manual_html_c84a5d0032df07e2.png||height="420" width="250" class="img-thumbnail"]]
664
665 === Display frame ===
666
667 After binding the monitoring point, the data of the monitoring point can be displayed in real time.
668
669 |=**Item**|=**Description**
670 |Monitoring Point|Set operating address for this object (Read and write can be different);
671 |Read-write permission|There are three modes for it, users could select according to requirements;
672 |Set Text|It is used for setting style of text and display direction
673 |Style|It is used for setting object display, like background color;
674 |Expansion|It is used for setting expansion function, like lock position;
675 |Display|It is used for setting object position and size
676
677 * **Bit /Word Indicator**
678
679 Indicator could monitor and display the specified PLC or HMI bit address, and its state changes according to the specified address value.
680
681 (((
682 |**Items**|**Description**
683 |Monitor Point|Set reading address for this object;
684 |Status|Set text for every status;
685 |Picture|Set picture for every status;
686 |Expansion|Set display expansion function, such as blink
687 |Display|Set object position and size
688 )))
689
690 * **Bit/ Word Switch**
691
692 Switch could operate the specified PLC or HMI bit address, and its state changes according to the specified address value.
693
694 (((
695 |**Items**|**Description**
696 |Monitor Point|Set operating address for this object (Read and write can be different);
697 |Read-write permission|There are three modes for it, users could select according to requirements;
698 |Pop up a confirmation box|Check it to enable confirmation box for operating;
699 |Status|Set text for every status;
700 |Picture|Set picture for every status;
701 |Expansion|Set display expansion function, such as blink
702 |Display|Set object position and size
703 )))
704
705 * **Dashboard**
706
707 Display the value of address in real time using the dashboard.
708
709 (((
710 |**Items**|**Description**
711 |Monitor Point|Set operating address for this object (Read and write can be different);
712 |Select|Set dashboard display range, there are two modes, Constant and Variable
713 |Scale value|Check it to display value;
714 |Select Language|Set text for object;
715 |Style|Set object display style such as color, scales number;
716 |Alarm Zone|Set range and color for alarm
717 |Display|Set object position and size
718 )))
719
720 * **Bar graph**
721
722 Use the length or height of the rectangle to reflect the value of reading address so that the value could be visualized.
723
724 (((
725 |**Items**|**Description**
726 |Monitor Point|Set operating address for this object (Read and write can be different);
727 |Digit Display|Check it to display digit value on bar;
728 |Progress bar direction|Select display direction;
729 |Scales|Set object scales display type and color;
730 |Bar color|Set color for bar;
731 |Background Display|Set color of bar background;
732 |Alarm Zone|Set range and color for alarm
733 |Display|Set object position and size
734 )))
735
736 * **Real-Time Trend Chart**
737
738 Use the curve to show the trend of the data over time. X-axis is time, Y-axis is variable.
739
740 (((
741 |**Items**|**Description**
742 |Monitor Point|Set operating address for this object (Read and write can be different);
743 |Digit Display|Check it to display digit value on bar;
744 |Progress bar direction|Select display direction;
745 |Scales|Set object scales display type and color;
746 |Bar color|Set color for bar;
747 |Background Display|Set color of bar background;
748 |Alarm Zone|Set range and color for alarm
749 |Display|Set object position and size
750 | |
751 )))
752
753 * **Flow pipe**
754
755 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;
756
757 (((
758 |**Items**|**Description**
759 |Border color|Set object background color;
760 |Color|Set flowing block color;
761 |Speed|Three modes for flowing block speed;
762 |Flow direction|Two modes for flowing direction;
763 |Monitor Point|Set trigger address;
764 |Trigger Condition|(((
765 Bit address: Select ON or OFF;
766
767 Word address: Set value range;
768 )))
769 |Color Block Width|Set flowing block size;
770 |Color Block Length|Set flowing block size;
771 |Color Block Spacing|Set the spacing between flow blocks;
772 |Display Border|Select display or hide border;
773 |Alarm Zone|Set range and color for alarm
774 |Display|Set object position and size
775 )))
776
777 **Tips for designing flow bar**
778
779 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.
780
781 * **Video object**
782
783 Video object is used for playing the video file provided in the video source.
784
785 (((
786 |**Items**|**Description**
787 |Border color|Set object background color;
788 |Color|Set flowing block color;
789 |Speed|Three modes for flowing block speed;
790 |Flow direction|Two modes for flowing direction;
791 |Monitor Point|Set trigger address;
792 |Trigger Condition|(((
793 Bit address: Select ON or OFF;
794
795 Word address: Set value range;
796 )))
797 |Color Block Width|Set flowing block size;
798 |Color Block Length|Set flowing block size;
799 |Color Block Spacing|Set the spacing between flow blocks;
800 |Display Border|Select display or hide border;
801 |Alarm Zone|Set range and color for alarm
802 |Display|Set object position and size
803 )))
804
805 * **Hyperlink**
806
807 The object for link website;
808
809 (((
810 |=**Items**|=**Description**
811 |Link address|Enter website;
812 |Open with|There are two options, user could select open with new window or current window;
813 |Select Language|One object could support three language, user could enter text for note object;
814 |Style|Set object display style such as color, use picture as background or not
815 |Display|Set object position and size
816 )))
817
818 * **Function Switch**
819
820 Function switch is designed to switch screens, and call and close sub screen.
821
822 (((
823 |=**Items**|=**Description**
824 |Screen|Select the target screen for switch;
825 |Sub-screen|There are two options, user could select open with new window or current window;
826 |Previous|Switch to the previous screen
827 |Next|Switch to the next screen
828 |Return|Return to the screen before switch
829 |Text|Set text for object, including text font, color direction and so on;
830 |Style|Set object display style such as color, use picture as background or not
831 |Display|Set object position and size
832 )))
833
834 * **Combination Switch**
835
836 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.
837
838 (((
839 |=**Items**|=**Description**
840 |Bit operation|It provides [Bit copy], [Set ON], [Set OFF], [Switch] and [Bit Copy] functions.
841 |Word operation|It provides [Word copy], [Word set], [Increase] and [Decrease] functions,
842 |Arithmetic|[Add], [Subtract], [Multiply] and [Divide] functions
843 |Screen change|It provides screen switch function as [Function Switch], it supports [Previous], [Next], [Return], [Change to], and open, close sub-screen operations
844 |Delete|Delete selected item function;
845 |Empty|Delete all items in operation list;
846 |Up|Move the selected item up one row in operation list;
847 |Down|Move the selected item down one row in operation list;
848 )))
849
850 **Time**
851
852 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.
853
854 (((
855 |=**Items**|=**Description**
856 |Monitoring box|Link a box for the time part
857 |Pattern|Two types, one is digit and the other is clock
858 |Format settings|Set format for time and date in digit pattern
859 |Background|Set display or hide background of object
860 |Set text|Set text display style;
861 |Display|Set object position and size
862 )))
863
864 **Histogram**
865
866 It is used for display more than one tag value in Bar graph format.
867
868 (((
869 |=**Items**|=**Description**
870 |Add new group|Maximum is 8, add items for this object, also set colors
871 |Add monitoring point|Set read tag for every item,
872 |Style|Set object display style such as color, use picture as background or not
873 |Display|Set object position and size
874 )))
875
876 **Alarm record display**
877
878 It is used for display alarm information of V-BOX. It can support current and history alarm.
879
880 (((
881 |=**Items**|=**Description**
882 |Select box|Link to V-BOX
883 |Alarm type|Select current alarm or history alarm or all
884 |Start date|Alarm display start date
885 |End date|Alarm display end date
886 |Format|Set display format for date and time
887 |Sequence|It provides two type, one is order, and the other is reverse order
888 |Display content|Users could select display contents by check them
889 |Style|Set colors for different parts
890 |Display|Set object position and size
891 )))
892
893 **History trend chart**
894
895 The history trend will display data record with graph. X axis represents as time, and Y axis represents as data.
896
897 (((
898 |=(% colspan="2" %)**Items**|=**Description**
899 |(% colspan="2" %)Basic|Set numbers of curve in object and select style for every curves including color, link tag
900 |(% rowspan="11" %)Style|Display form|Two type, one is curve, and the other is table
901 |Start date|Start date of history data
902 |End date|End date of history data
903 |Format|Time and date format for display
904 |Sequence|Two types, order or reverse order
905 |Y range|Two types, fixed and adaptive
906 |Set text|Set font size, color and other styles.
907 |Transparency|Set transparency of object
908 |Background color|Two types, translucent or transparent
909 |Gradient way|Set display way and color
910 |Display bar|Check it to display screen bar
911 |(% colspan="2" %)Display|Set object position and size
912 )))
913
914 **Indirect screen display**
915
916 This object is used for calling screens when condition is met.
917
918 (((
919 |=(% colspan="2" %)**Items**|=**Description**
920 |(% rowspan="4" %)Basic|Conditional trigger|It provides bit, word condition and unconditional
921 |Bind monitoring point|Link to tag for triggering
922 |Trigger condition|for bit address, it requires ON or OFF, for word address, different value corresponds to different screens.
923 |Designated screen|Only for bit address as trigger. When condition is met, display this screen
924 |(% colspan="2" %)Style|Set object display style such as display title bar or display or hide background
925 |(% colspan="2" %)Display|Set object position and size
926 )))
927
928 **Ring chart**
929
930 Display value as ring chart
931
932 (((
933 |=(% colspan="2" %)**Items**|=**Description**
934 |(% rowspan="7" %)Basic|Monitor point|Link to tag for data reading
935 |Range|Set fixed range or variable range
936 |Scales|Set scales such as major and minor numbers, colors and so on
937 |Designated screen|Only for bit address as trigger. When condition is met, display this screen
938 |Numerical scale display|Check it to display scale
939 |Start angle|Set start angle for scale
940 |Color|Color setting for bar and background
941 |(% colspan="2" %)Alarm Zone|Set alarm range and colors
942 |(% colspan="2" %)Display|Set object position and size
943 )))
944
945 **Pie chart**
946
947 Display more than one value in one pie chart
948
949 (((
950 |=(% colspan="2" %)**Items**|=**Description**
951 |(% colspan="2" %)Monitor point|Add read addresses, the maximum is 8
952 |(% rowspan="3" %)Style|Pattern|Set alarm range and colors
953 |Numerical scale|Check it to display value in object
954 |Monitoring name display|Check it to display name in object
955 |(% colspan="2" %)Display|Set object position and size
956 )))
957
958 == Common object ==
959
960 (% style="text-align:center" %)
961 [[image:V-BOX cloud configuration user manual_html_c84a5d0032df07e2.png||height="420" width="250" class="img-thumbnail"]]
962
963 === Display frame ===
964
965 After binding the monitoring point, the data of the monitoring point can be displayed in real time.
966
967 |=**Item**|=**Description**
968 |Monitoring Point|Set operating address for this object (Read and write can be different);
969 |Read-write permission|There are three modes for it, users could select according to requirements;
970 |Set Text|It is used for setting style of text and display direction
971 |Style|It is used for setting object display, like background color;
972 |Expansion|It is used for setting expansion function, like lock position;
973 |Display|It is used for setting object position and size
974
975 * **Bit /Word Indicator**
976
977 Indicator could monitor and display the specified PLC or HMI bit address, and its state changes according to the specified address value.
978
979 (((
980 |**Items**|**Description**
981 |Monitor Point|Set reading address for this object;
982 |Status|Set text for every status;
983 |Picture|Set picture for every status;
984 |Expansion|Set display expansion function, such as blink
985 |Display|Set object position and size
986 )))
987
988 * **Bit/ Word Switch**
989
990 Switch could operate the specified PLC or HMI bit address, and its state changes according to the specified address value.
991
992 (((
993 |**Items**|**Description**
994 |Monitor Point|Set operating address for this object (Read and write can be different);
995 |Read-write permission|There are three modes for it, users could select according to requirements;
996 |Pop up a confirmation box|Check it to enable confirmation box for operating;
997 |Status|Set text for every status;
998 |Picture|Set picture for every status;
999 |Expansion|Set display expansion function, such as blink
1000 |Display|Set object position and size
1001 )))
1002
1003 * **Dashboard**
1004
1005 Display the value of address in real time using the dashboard.
1006
1007 (((
1008 |**Items**|**Description**
1009 |Monitor Point|Set operating address for this object (Read and write can be different);
1010 |Select|Set dashboard display range, there are two modes, Constant and Variable
1011 |Scale value|Check it to display value;
1012 |Select Language|Set text for object;
1013 |Style|Set object display style such as color, scales number;
1014 |Alarm Zone|Set range and color for alarm
1015 |Display|Set object position and size
1016 )))
1017
1018 * **Bar graph**
1019
1020 Use the length or height of the rectangle to reflect the value of reading address so that the value could be visualized.
1021
1022 (((
1023 |**Items**|**Description**
1024 |Monitor Point|Set operating address for this object (Read and write can be different);
1025 |Digit Display|Check it to display digit value on bar;
1026 |Progress bar direction|Select display direction;
1027 |Scales|Set object scales display type and color;
1028 |Bar color|Set color for bar;
1029 |Background Display|Set color of bar background;
1030 |Alarm Zone|Set range and color for alarm
1031 |Display|Set object position and size
1032 )))
1033
1034 * **Real-Time Trend Chart**
1035
1036 Use the curve to show the trend of the data over time. X-axis is time, Y-axis is variable.
1037
1038 (((
1039 |**Items**|**Description**
1040 |Monitor Point|Set operating address for this object (Read and write can be different);
1041 |Digit Display|Check it to display digit value on bar;
1042 |Progress bar direction|Select display direction;
1043 |Scales|Set object scales display type and color;
1044 |Bar color|Set color for bar;
1045 |Background Display|Set color of bar background;
1046 |Alarm Zone|Set range and color for alarm
1047 |Display|Set object position and size
1048 | |
1049 )))
1050
1051 * **Flow pipe**
1052
1053 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;
1054
1055 (((
1056 |**Items**|**Description**
1057 |Border color|Set object background color;
1058 |Color|Set flowing block color;
1059 |Speed|Three modes for flowing block speed;
1060 |Flow direction|Two modes for flowing direction;
1061 |Monitor Point|Set trigger address;
1062 |Trigger Condition|(((
1063 Bit address: Select ON or OFF;
1064
1065 Word address: Set value range;
1066 )))
1067 |Color Block Width|Set flowing block size;
1068 |Color Block Length|Set flowing block size;
1069 |Color Block Spacing|Set the spacing between flow blocks;
1070 |Display Border|Select display or hide border;
1071 |Alarm Zone|Set range and color for alarm
1072 |Display|Set object position and size
1073 )))
1074
1075 **Tips for designing flow bar**
1076
1077 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.
1078
1079 * **Video object**
1080
1081 Video object is used for playing the video file provided in the video source.
1082
1083 (((
1084 |**Items**|**Description**
1085 |Border color|Set object background color;
1086 |Color|Set flowing block color;
1087 |Speed|Three modes for flowing block speed;
1088 |Flow direction|Two modes for flowing direction;
1089 |Monitor Point|Set trigger address;
1090 |Trigger Condition|(((
1091 Bit address: Select ON or OFF;
1092
1093 Word address: Set value range;
1094 )))
1095 |Color Block Width|Set flowing block size;
1096 |Color Block Length|Set flowing block size;
1097 |Color Block Spacing|Set the spacing between flow blocks;
1098 |Display Border|Select display or hide border;
1099 |Alarm Zone|Set range and color for alarm
1100 |Display|Set object position and size
1101 )))
1102
1103 * **Hyperlink**
1104
1105 The object for link website;
1106
1107 (((
1108 |=**Items**|=**Description**
1109 |Link address|Enter website;
1110 |Open with|There are two options, user could select open with new window or current window;
1111 |Select Language|One object could support three language, user could enter text for note object;
1112 |Style|Set object display style such as color, use picture as background or not
1113 |Display|Set object position and size
1114 )))
1115
1116 * **Function Switch**
1117
1118 Function switch is designed to switch screens, and call and close sub screen.
1119
1120 (((
1121 |=**Items**|=**Description**
1122 |Screen|Select the target screen for switch;
1123 |Sub-screen|There are two options, user could select open with new window or current window;
1124 |Previous|Switch to the previous screen
1125 |Next|Switch to the next screen
1126 |Return|Return to the screen before switch
1127 |Text|Set text for object, including text font, color direction and so on;
1128 |Style|Set object display style such as color, use picture as background or not
1129 |Display|Set object position and size
1130 )))
1131
1132 * **Combination Switch**
1133
1134 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.
1135
1136 (((
1137 |=**Items**|=**Description**
1138 |Bit operation|It provides [Bit copy], [Set ON], [Set OFF], [Switch] and [Bit Copy] functions.
1139 |Word operation|It provides [Word copy], [Word set], [Increase] and [Decrease] functions,
1140 |Arithmetic|[Add], [Subtract], [Multiply] and [Divide] functions
1141 |Screen change|It provides screen switch function as [Function Switch], it supports [Previous], [Next], [Return], [Change to], and open, close sub-screen operations
1142 |Delete|Delete selected item function;
1143 |Empty|Delete all items in operation list;
1144 |Up|Move the selected item up one row in operation list;
1145 |Down|Move the selected item down one row in operation list;
1146 )))
1147
1148 **Time**
1149
1150 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.
1151
1152 (((
1153 |=**Items**|=**Description**
1154 |Monitoring box|Link a box for the time part
1155 |Pattern|Two types, one is digit and the other is clock
1156 |Format settings|Set format for time and date in digit pattern
1157 |Background|Set display or hide background of object
1158 |Set text|Set text display style;
1159 |Display|Set object position and size
1160 )))
1161
1162 **Histogram**
1163
1164 It is used for display more than one tag value in Bar graph format.
1165
1166 (((
1167 |=**Items**|=**Description**
1168 |Add new group|Maximum is 8, add items for this object, also set colors
1169 |Add monitoring point|Set read tag for every item,
1170 |Style|Set object display style such as color, use picture as background or not
1171 |Display|Set object position and size
1172 )))
1173
1174 **Alarm record display**
1175
1176 It is used for display alarm information of V-BOX. It can support current and history alarm.
1177
1178 (((
1179 |=**Items**|=**Description**
1180 |Select box|Link to V-BOX
1181 |Alarm type|Select current alarm or history alarm or all
1182 |Start date|Alarm display start date
1183 |End date|Alarm display end date
1184 |Format|Set display format for date and time
1185 |Sequence|It provides two type, one is order, and the other is reverse order
1186 |Display content|Users could select display contents by check them
1187 |Style|Set colors for different parts
1188 |Display|Set object position and size
1189 )))
1190
1191 **History trend chart**
1192
1193 The history trend will display data record with graph. X axis represents as time, and Y axis represents as data.
1194
1195 (((
1196 |=(% colspan="2" %)**Items**|=**Description**
1197 |(% colspan="2" %)Basic|Set numbers of curve in object and select style for every curves including color, link tag
1198 |(% rowspan="11" %)Style|Display form|Two type, one is curve, and the other is table
1199 |Start date|Start date of history data
1200 |End date|End date of history data
1201 |Format|Time and date format for display
1202 |Sequence|Two types, order or reverse order
1203 |Y range|Two types, fixed and adaptive
1204 |Set text|Set font size, color and other styles.
1205 |Transparency|Set transparency of object
1206 |Background color|Two types, translucent or transparent
1207 |Gradient way|Set display way and color
1208 |Display bar|Check it to display screen bar
1209 |(% colspan="2" %)Display|Set object position and size
1210 )))
1211
1212 **Indirect screen display**
1213
1214 This object is used for calling screens when condition is met.
1215
1216 (((
1217 |=(% colspan="2" %)**Items**|=**Description**
1218 |(% rowspan="4" %)Basic|Conditional trigger|It provides bit, word condition and unconditional
1219 |Bind monitoring point|Link to tag for triggering
1220 |Trigger condition|for bit address, it requires ON or OFF, for word address, different value corresponds to different screens.
1221 |Designated screen|Only for bit address as trigger. When condition is met, display this screen
1222 |(% colspan="2" %)Style|Set object display style such as display title bar or display or hide background
1223 |(% colspan="2" %)Display|Set object position and size
1224 )))
1225
1226 **Ring chart**
1227
1228 Display value as ring chart
1229
1230 (((
1231 |=(% colspan="2" %)**Items**|=**Description**
1232 |(% rowspan="7" %)Basic|Monitor point|Link to tag for data reading
1233 |Range|Set fixed range or variable range
1234 |Scales|Set scales such as major and minor numbers, colors and so on
1235 |Designated screen|Only for bit address as trigger. When condition is met, display this screen
1236 |Numerical scale display|Check it to display scale
1237 |Start angle|Set start angle for scale
1238 |Color|Color setting for bar and background
1239 |(% colspan="2" %)Alarm Zone|Set alarm range and colors
1240 |(% colspan="2" %)Display|Set object position and size
1241 )))
1242
1243 **Pie chart**
1244
1245 Display more than one value in one pie chart
1246
1247 (((
1248 |=(% colspan="2" %)**Items**|=**Description**
1249 |(% colspan="2" %)Monitor point|Add read addresses, the maximum is 8
1250 |(% rowspan="3" %)Style|Pattern|Set alarm range and colors
1251 |Numerical scale|Check it to display value in object
1252 |Monitoring name display|Check it to display name in object
1253 |(% colspan="2" %)Display|Set object position and size
1254 )))
1255
1256 == Common object ==
1257
1258 (% style="text-align:center" %)
1259 [[image:V-BOX cloud configuration user manual_html_c84a5d0032df07e2.png||height="420" width="250" class="img-thumbnail"]]
1260
1261 === Display frame ===
1262
1263 After binding the monitoring point, the data of the monitoring point can be displayed in real time.
1264
1265 |=**Item**|=**Description**
1266 |Monitoring Point|Set operating address for this object (Read and write can be different);
1267 |Read-write permission|There are three modes for it, users could select according to requirements;
1268 |Set Text|It is used for setting style of text and display direction
1269 |Style|It is used for setting object display, like background color;
1270 |Expansion|It is used for setting expansion function, like lock position;
1271 |Display|It is used for setting object position and size
1272
1273 * **Bit /Word Indicator**
1274
1275 Indicator could monitor and display the specified PLC or HMI bit address, and its state changes according to the specified address value.
1276
1277 (((
1278 |**Items**|**Description**
1279 |Monitor Point|Set reading address for this object;
1280 |Status|Set text for every status;
1281 |Picture|Set picture for every status;
1282 |Expansion|Set display expansion function, such as blink
1283 |Display|Set object position and size
1284 )))
1285
1286 * **Bit/ Word Switch**
1287
1288 Switch could operate the specified PLC or HMI bit address, and its state changes according to the specified address value.
1289
1290 (((
1291 |**Items**|**Description**
1292 |Monitor Point|Set operating address for this object (Read and write can be different);
1293 |Read-write permission|There are three modes for it, users could select according to requirements;
1294 |Pop up a confirmation box|Check it to enable confirmation box for operating;
1295 |Status|Set text for every status;
1296 |Picture|Set picture for every status;
1297 |Expansion|Set display expansion function, such as blink
1298 |Display|Set object position and size
1299 )))
1300
1301 * **Dashboard**
1302
1303 Display the value of address in real time using the dashboard.
1304
1305 (((
1306 |**Items**|**Description**
1307 |Monitor Point|Set operating address for this object (Read and write can be different);
1308 |Select|Set dashboard display range, there are two modes, Constant and Variable
1309 |Scale value|Check it to display value;
1310 |Select Language|Set text for object;
1311 |Style|Set object display style such as color, scales number;
1312 |Alarm Zone|Set range and color for alarm
1313 |Display|Set object position and size
1314 )))
1315
1316 * **Bar graph**
1317
1318 Use the length or height of the rectangle to reflect the value of reading address so that the value could be visualized.
1319
1320 (((
1321 |**Items**|**Description**
1322 |Monitor Point|Set operating address for this object (Read and write can be different);
1323 |Digit Display|Check it to display digit value on bar;
1324 |Progress bar direction|Select display direction;
1325 |Scales|Set object scales display type and color;
1326 |Bar color|Set color for bar;
1327 |Background Display|Set color of bar background;
1328 |Alarm Zone|Set range and color for alarm
1329 |Display|Set object position and size
1330 )))
1331
1332 * **Real-Time Trend Chart**
1333
1334 Use the curve to show the trend of the data over time. X-axis is time, Y-axis is variable.
1335
1336 (((
1337 |**Items**|**Description**
1338 |Monitor Point|Set operating address for this object (Read and write can be different);
1339 |Digit Display|Check it to display digit value on bar;
1340 |Progress bar direction|Select display direction;
1341 |Scales|Set object scales display type and color;
1342 |Bar color|Set color for bar;
1343 |Background Display|Set color of bar background;
1344 |Alarm Zone|Set range and color for alarm
1345 |Display|Set object position and size
1346 | |
1347 )))
1348
1349 * **Flow pipe**
1350
1351 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;
1352
1353 (((
1354 |**Items**|**Description**
1355 |Border color|Set object background color;
1356 |Color|Set flowing block color;
1357 |Speed|Three modes for flowing block speed;
1358 |Flow direction|Two modes for flowing direction;
1359 |Monitor Point|Set trigger address;
1360 |Trigger Condition|(((
1361 Bit address: Select ON or OFF;
1362
1363 Word address: Set value range;
1364 )))
1365 |Color Block Width|Set flowing block size;
1366 |Color Block Length|Set flowing block size;
1367 |Color Block Spacing|Set the spacing between flow blocks;
1368 |Display Border|Select display or hide border;
1369 |Alarm Zone|Set range and color for alarm
1370 |Display|Set object position and size
1371 )))
1372
1373 **Tips for designing flow bar**
1374
1375 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.
1376
1377 * **Video object**
1378
1379 Video object is used for playing the video file provided in the video source.
1380
1381 (((
1382 |**Items**|**Description**
1383 |Border color|Set object background color;
1384 |Color|Set flowing block color;
1385 |Speed|Three modes for flowing block speed;
1386 |Flow direction|Two modes for flowing direction;
1387 |Monitor Point|Set trigger address;
1388 |Trigger Condition|(((
1389 Bit address: Select ON or OFF;
1390
1391 Word address: Set value range;
1392 )))
1393 |Color Block Width|Set flowing block size;
1394 |Color Block Length|Set flowing block size;
1395 |Color Block Spacing|Set the spacing between flow blocks;
1396 |Display Border|Select display or hide border;
1397 |Alarm Zone|Set range and color for alarm
1398 |Display|Set object position and size
1399 )))
1400
1401 * **Hyperlink**
1402
1403 The object for link website;
1404
1405 (((
1406 |=**Items**|=**Description**
1407 |Link address|Enter website;
1408 |Open with|There are two options, user could select open with new window or current window;
1409 |Select Language|One object could support three language, user could enter text for note object;
1410 |Style|Set object display style such as color, use picture as background or not
1411 |Display|Set object position and size
1412 )))
1413
1414 * **Function Switch**
1415
1416 Function switch is designed to switch screens, and call and close sub screen.
1417
1418 (((
1419 |=**Items**|=**Description**
1420 |Screen|Select the target screen for switch;
1421 |Sub-screen|There are two options, user could select open with new window or current window;
1422 |Previous|Switch to the previous screen
1423 |Next|Switch to the next screen
1424 |Return|Return to the screen before switch
1425 |Text|Set text for object, including text font, color direction and so on;
1426 |Style|Set object display style such as color, use picture as background or not
1427 |Display|Set object position and size
1428 )))
1429
1430 * **Combination Switch**
1431
1432 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.
1433
1434 (((
1435 |=**Items**|=**Description**
1436 |Bit operation|It provides [Bit copy], [Set ON], [Set OFF], [Switch] and [Bit Copy] functions.
1437 |Word operation|It provides [Word copy], [Word set], [Increase] and [Decrease] functions,
1438 |Arithmetic|[Add], [Subtract], [Multiply] and [Divide] functions
1439 |Screen change|It provides screen switch function as [Function Switch], it supports [Previous], [Next], [Return], [Change to], and open, close sub-screen operations
1440 |Delete|Delete selected item function;
1441 |Empty|Delete all items in operation list;
1442 |Up|Move the selected item up one row in operation list;
1443 |Down|Move the selected item down one row in operation list;
1444 )))
1445
1446 **Time**
1447
1448 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.
1449
1450 (((
1451 |=**Items**|=**Description**
1452 |Monitoring box|Link a box for the time part
1453 |Pattern|Two types, one is digit and the other is clock
1454 |Format settings|Set format for time and date in digit pattern
1455 |Background|Set display or hide background of object
1456 |Set text|Set text display style;
1457 |Display|Set object position and size
1458 )))
1459
1460 **Histogram**
1461
1462 It is used for display more than one tag value in Bar graph format.
1463
1464 (((
1465 |=**Items**|=**Description**
1466 |Add new group|Maximum is 8, add items for this object, also set colors
1467 |Add monitoring point|Set read tag for every item,
1468 |Style|Set object display style such as color, use picture as background or not
1469 |Display|Set object position and size
1470 )))
1471
1472 **Alarm record display**
1473
1474 It is used for display alarm information of V-BOX. It can support current and history alarm.
1475
1476 (((
1477 |=**Items**|=**Description**
1478 |Select box|Link to V-BOX
1479 |Alarm type|Select current alarm or history alarm or all
1480 |Start date|Alarm display start date
1481 |End date|Alarm display end date
1482 |Format|Set display format for date and time
1483 |Sequence|It provides two type, one is order, and the other is reverse order
1484 |Display content|Users could select display contents by check them
1485 |Style|Set colors for different parts
1486 |Display|Set object position and size
1487 )))
1488
1489 **History trend chart**
1490
1491 The history trend will display data record with graph. X axis represents as time, and Y axis represents as data.
1492
1493 (((
1494 |=(% colspan="2" %)**Items**|=**Description**
1495 |(% colspan="2" %)Basic|Set numbers of curve in object and select style for every curves including color, link tag
1496 |(% rowspan="11" %)Style|Display form|Two type, one is curve, and the other is table
1497 |Start date|Start date of history data
1498 |End date|End date of history data
1499 |Format|Time and date format for display
1500 |Sequence|Two types, order or reverse order
1501 |Y range|Two types, fixed and adaptive
1502 |Set text|Set font size, color and other styles.
1503 |Transparency|Set transparency of object
1504 |Background color|Two types, translucent or transparent
1505 |Gradient way|Set display way and color
1506 |Display bar|Check it to display screen bar
1507 |(% colspan="2" %)Display|Set object position and size
1508 )))
1509
1510 **Indirect screen display**
1511
1512 This object is used for calling screens when condition is met.
1513
1514 (((
1515 |=(% colspan="2" %)**Items**|=**Description**
1516 |(% rowspan="4" %)Basic|Conditional trigger|It provides bit, word condition and unconditional
1517 |Bind monitoring point|Link to tag for triggering
1518 |Trigger condition|for bit address, it requires ON or OFF, for word address, different value corresponds to different screens.
1519 |Designated screen|Only for bit address as trigger. When condition is met, display this screen
1520 |(% colspan="2" %)Style|Set object display style such as display title bar or display or hide background
1521 |(% colspan="2" %)Display|Set object position and size
1522 )))
1523
1524 **Ring chart**
1525
1526 Display value as ring chart
1527
1528 (((
1529 |=(% colspan="2" %)**Items**|=**Description**
1530 |(% rowspan="7" %)Basic|Monitor point|Link to tag for data reading
1531 |Range|Set fixed range or variable range
1532 |Scales|Set scales such as major and minor numbers, colors and so on
1533 |Designated screen|Only for bit address as trigger. When condition is met, display this screen
1534 |Numerical scale display|Check it to display scale
1535 |Start angle|Set start angle for scale
1536 |Color|Color setting for bar and background
1537 |(% colspan="2" %)Alarm Zone|Set alarm range and colors
1538 |(% colspan="2" %)Display|Set object position and size
1539 )))
1540
1541 **Pie chart**
1542
1543 Display more than one value in one pie chart
1544
1545 (((
1546 |=(% colspan="2" %)**Items**|=**Description**
1547 |(% colspan="2" %)Monitor point|Add read addresses, the maximum is 8
1548 |(% rowspan="3" %)Style|Pattern|Set alarm range and colors
1549 |Numerical scale|Check it to display value in object
1550 |Monitoring name display|Check it to display name in object
1551 |(% colspan="2" %)Display|Set object position and size
1552 )))
1553
1554 == Common object ==
1555
1556 (% style="text-align:center" %)
1557 [[image:V-BOX cloud configuration user manual_html_c84a5d0032df07e2.png||height="420" width="250" class="img-thumbnail"]]
1558
1559 === Display frame ===
1560
1561 After binding the monitoring point, the data of the monitoring point can be displayed in real time.
1562
1563 |=**Item**|=**Description**
1564 |Monitoring Point|Set operating address for this object (Read and write can be different);
1565 |Read-write permission|There are three modes for it, users could select according to requirements;
1566 |Set Text|It is used for setting style of text and display direction
1567 |Style|It is used for setting object display, like background color;
1568 |Expansion|It is used for setting expansion function, like lock position;
1569 |Display|It is used for setting object position and size
1570
1571 * **Bit /Word Indicator**
1572
1573 Indicator could monitor and display the specified PLC or HMI bit address, and its state changes according to the specified address value.
1574
1575 (((
1576 |**Items**|**Description**
1577 |Monitor Point|Set reading address for this object;
1578 |Status|Set text for every status;
1579 |Picture|Set picture for every status;
1580 |Expansion|Set display expansion function, such as blink
1581 |Display|Set object position and size
1582 )))
1583
1584 * **Bit/ Word Switch**
1585
1586 Switch could operate the specified PLC or HMI bit address, and its state changes according to the specified address value.
1587
1588 (((
1589 |**Items**|**Description**
1590 |Monitor Point|Set operating address for this object (Read and write can be different);
1591 |Read-write permission|There are three modes for it, users could select according to requirements;
1592 |Pop up a confirmation box|Check it to enable confirmation box for operating;
1593 |Status|Set text for every status;
1594 |Picture|Set picture for every status;
1595 |Expansion|Set display expansion function, such as blink
1596 |Display|Set object position and size
1597 )))
1598
1599 * **Dashboard**
1600
1601 Display the value of address in real time using the dashboard.
1602
1603 (((
1604 |**Items**|**Description**
1605 |Monitor Point|Set operating address for this object (Read and write can be different);
1606 |Select|Set dashboard display range, there are two modes, Constant and Variable
1607 |Scale value|Check it to display value;
1608 |Select Language|Set text for object;
1609 |Style|Set object display style such as color, scales number;
1610 |Alarm Zone|Set range and color for alarm
1611 |Display|Set object position and size
1612 )))
1613
1614 * **Bar graph**
1615
1616 Use the length or height of the rectangle to reflect the value of reading address so that the value could be visualized.
1617
1618 (((
1619 |**Items**|**Description**
1620 |Monitor Point|Set operating address for this object (Read and write can be different);
1621 |Digit Display|Check it to display digit value on bar;
1622 |Progress bar direction|Select display direction;
1623 |Scales|Set object scales display type and color;
1624 |Bar color|Set color for bar;
1625 |Background Display|Set color of bar background;
1626 |Alarm Zone|Set range and color for alarm
1627 |Display|Set object position and size
1628 )))
1629
1630 * **Real-Time Trend Chart**
1631
1632 Use the curve to show the trend of the data over time. X-axis is time, Y-axis is variable.
1633
1634 (((
1635 |**Items**|**Description**
1636 |Monitor Point|Set operating address for this object (Read and write can be different);
1637 |Digit Display|Check it to display digit value on bar;
1638 |Progress bar direction|Select display direction;
1639 |Scales|Set object scales display type and color;
1640 |Bar color|Set color for bar;
1641 |Background Display|Set color of bar background;
1642 |Alarm Zone|Set range and color for alarm
1643 |Display|Set object position and size
1644 | |
1645 )))
1646
1647 * **Flow pipe**
1648
1649 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;
1650
1651 (((
1652 |**Items**|**Description**
1653 |Border color|Set object background color;
1654 |Color|Set flowing block color;
1655 |Speed|Three modes for flowing block speed;
1656 |Flow direction|Two modes for flowing direction;
1657 |Monitor Point|Set trigger address;
1658 |Trigger Condition|(((
1659 Bit address: Select ON or OFF;
1660
1661 Word address: Set value range;
1662 )))
1663 |Color Block Width|Set flowing block size;
1664 |Color Block Length|Set flowing block size;
1665 |Color Block Spacing|Set the spacing between flow blocks;
1666 |Display Border|Select display or hide border;
1667 |Alarm Zone|Set range and color for alarm
1668 |Display|Set object position and size
1669 )))
1670
1671 **Tips for designing flow bar**
1672
1673 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.
1674
1675 * **Video object**
1676
1677 Video object is used for playing the video file provided in the video source.
1678
1679 (((
1680 |**Items**|**Description**
1681 |Border color|Set object background color;
1682 |Color|Set flowing block color;
1683 |Speed|Three modes for flowing block speed;
1684 |Flow direction|Two modes for flowing direction;
1685 |Monitor Point|Set trigger address;
1686 |Trigger Condition|(((
1687 Bit address: Select ON or OFF;
1688
1689 Word address: Set value range;
1690 )))
1691 |Color Block Width|Set flowing block size;
1692 |Color Block Length|Set flowing block size;
1693 |Color Block Spacing|Set the spacing between flow blocks;
1694 |Display Border|Select display or hide border;
1695 |Alarm Zone|Set range and color for alarm
1696 |Display|Set object position and size
1697 )))
1698
1699 * **Hyperlink**
1700
1701 The object for link website;
1702
1703 (((
1704 |=**Items**|=**Description**
1705 |Link address|Enter website;
1706 |Open with|There are two options, user could select open with new window or current window;
1707 |Select Language|One object could support three language, user could enter text for note object;
1708 |Style|Set object display style such as color, use picture as background or not
1709 |Display|Set object position and size
1710 )))
1711
1712 * **Function Switch**
1713
1714 Function switch is designed to switch screens, and call and close sub screen.
1715
1716 (((
1717 |=**Items**|=**Description**
1718 |Screen|Select the target screen for switch;
1719 |Sub-screen|There are two options, user could select open with new window or current window;
1720 |Previous|Switch to the previous screen
1721 |Next|Switch to the next screen
1722 |Return|Return to the screen before switch
1723 |Text|Set text for object, including text font, color direction and so on;
1724 |Style|Set object display style such as color, use picture as background or not
1725 |Display|Set object position and size
1726 )))
1727
1728 * **Combination Switch**
1729
1730 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.
1731
1732 (((
1733 |=**Items**|=**Description**
1734 |Bit operation|It provides [Bit copy], [Set ON], [Set OFF], [Switch] and [Bit Copy] functions.
1735 |Word operation|It provides [Word copy], [Word set], [Increase] and [Decrease] functions,
1736 |Arithmetic|[Add], [Subtract], [Multiply] and [Divide] functions
1737 |Screen change|It provides screen switch function as [Function Switch], it supports [Previous], [Next], [Return], [Change to], and open, close sub-screen operations
1738 |Delete|Delete selected item function;
1739 |Empty|Delete all items in operation list;
1740 |Up|Move the selected item up one row in operation list;
1741 |Down|Move the selected item down one row in operation list;
1742 )))
1743
1744 **Time**
1745
1746 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.
1747
1748 (((
1749 |=**Items**|=**Description**
1750 |Monitoring box|Link a box for the time part
1751 |Pattern|Two types, one is digit and the other is clock
1752 |Format settings|Set format for time and date in digit pattern
1753 |Background|Set display or hide background of object
1754 |Set text|Set text display style;
1755 |Display|Set object position and size
1756 )))
1757
1758 **Histogram**
1759
1760 It is used for display more than one tag value in Bar graph format.
1761
1762 (((
1763 |=**Items**|=**Description**
1764 |Add new group|Maximum is 8, add items for this object, also set colors
1765 |Add monitoring point|Set read tag for every item,
1766 |Style|Set object display style such as color, use picture as background or not
1767 |Display|Set object position and size
1768 )))
1769
1770 **Alarm record display**
1771
1772 It is used for display alarm information of V-BOX. It can support current and history alarm.
1773
1774 (((
1775 |=**Items**|=**Description**
1776 |Select box|Link to V-BOX
1777 |Alarm type|Select current alarm or history alarm or all
1778 |Start date|Alarm display start date
1779 |End date|Alarm display end date
1780 |Format|Set display format for date and time
1781 |Sequence|It provides two type, one is order, and the other is reverse order
1782 |Display content|Users could select display contents by check them
1783 |Style|Set colors for different parts
1784 |Display|Set object position and size
1785 )))
1786
1787 **History trend chart**
1788
1789 The history trend will display data record with graph. X axis represents as time, and Y axis represents as data.
1790
1791 (((
1792 |=(% colspan="2" %)**Items**|=**Description**
1793 |(% colspan="2" %)Basic|Set numbers of curve in object and select style for every curves including color, link tag
1794 |(% rowspan="11" %)Style|Display form|Two type, one is curve, and the other is table
1795 |Start date|Start date of history data
1796 |End date|End date of history data
1797 |Format|Time and date format for display
1798 |Sequence|Two types, order or reverse order
1799 |Y range|Two types, fixed and adaptive
1800 |Set text|Set font size, color and other styles.
1801 |Transparency|Set transparency of object
1802 |Background color|Two types, translucent or transparent
1803 |Gradient way|Set display way and color
1804 |Display bar|Check it to display screen bar
1805 |(% colspan="2" %)Display|Set object position and size
1806 )))
1807
1808 **Indirect screen display**
1809
1810 This object is used for calling screens when condition is met.
1811
1812 (((
1813 |=(% colspan="2" %)**Items**|=**Description**
1814 |(% rowspan="4" %)Basic|Conditional trigger|It provides bit, word condition and unconditional
1815 |Bind monitoring point|Link to tag for triggering
1816 |Trigger condition|for bit address, it requires ON or OFF, for word address, different value corresponds to different screens.
1817 |Designated screen|Only for bit address as trigger. When condition is met, display this screen
1818 |(% colspan="2" %)Style|Set object display style such as display title bar or display or hide background
1819 |(% colspan="2" %)Display|Set object position and size
1820 )))
1821
1822 **Ring chart**
1823
1824 Display value as ring chart
1825
1826 (((
1827 |=(% colspan="2" %)**Items**|=**Description**
1828 |(% rowspan="7" %)Basic|Monitor point|Link to tag for data reading
1829 |Range|Set fixed range or variable range
1830 |Scales|Set scales such as major and minor numbers, colors and so on
1831 |Designated screen|Only for bit address as trigger. When condition is met, display this screen
1832 |Numerical scale display|Check it to display scale
1833 |Start angle|Set start angle for scale
1834 |Color|Color setting for bar and background
1835 |(% colspan="2" %)Alarm Zone|Set alarm range and colors
1836 |(% colspan="2" %)Display|Set object position and size
1837 )))
1838
1839 **Pie chart**
1840
1841 Display more than one value in one pie chart
1842
1843 (((
1844 |=(% colspan="2" %)**Items**|=**Description**
1845 |(% colspan="2" %)Monitor point|Add read addresses, the maximum is 8
1846 |(% rowspan="3" %)Style|Pattern|Set alarm range and colors
1847 |Numerical scale|Check it to display value in object
1848 |Monitoring name display|Check it to display name in object
1849 |(% colspan="2" %)Display|Set object position and size
1850 )))
1851
1852 == Common object ==
1853
1854 (% style="text-align:center" %)
1855 [[image:V-BOX cloud configuration user manual_html_c84a5d0032df07e2.png||height="420" width="250" class="img-thumbnail"]]
1856
1857 === Display frame ===
1858
1859 After binding the monitoring point, the data of the monitoring point can be displayed in real time.
1860
1861 |=**Item**|=**Description**
1862 |Monitoring Point|Set operating address for this object (Read and write can be different);
1863 |Read-write permission|There are three modes for it, users could select according to requirements;
1864 |Set Text|It is used for setting style of text and display direction
1865 |Style|It is used for setting object display, like background color;
1866 |Expansion|It is used for setting expansion function, like lock position;
1867 |Display|It is used for setting object position and size
1868
1869 * **Bit /Word Indicator**
1870
1871 Indicator could monitor and display the specified PLC or HMI bit address, and its state changes according to the specified address value.
1872
1873 (((
1874 |**Items**|**Description**
1875 |Monitor Point|Set reading address for this object;
1876 |Status|Set text for every status;
1877 |Picture|Set picture for every status;
1878 |Expansion|Set display expansion function, such as blink
1879 |Display|Set object position and size
1880 )))
1881
1882 * **Bit/ Word Switch**
1883
1884 Switch could operate the specified PLC or HMI bit address, and its state changes according to the specified address value.
1885
1886 (((
1887 |**Items**|**Description**
1888 |Monitor Point|Set operating address for this object (Read and write can be different);
1889 |Read-write permission|There are three modes for it, users could select according to requirements;
1890 |Pop up a confirmation box|Check it to enable confirmation box for operating;
1891 |Status|Set text for every status;
1892 |Picture|Set picture for every status;
1893 |Expansion|Set display expansion function, such as blink
1894 |Display|Set object position and size
1895 )))
1896
1897 * **Dashboard**
1898
1899 Display the value of address in real time using the dashboard.
1900
1901 (((
1902 |**Items**|**Description**
1903 |Monitor Point|Set operating address for this object (Read and write can be different);
1904 |Select|Set dashboard display range, there are two modes, Constant and Variable
1905 |Scale value|Check it to display value;
1906 |Select Language|Set text for object;
1907 |Style|Set object display style such as color, scales number;
1908 |Alarm Zone|Set range and color for alarm
1909 |Display|Set object position and size
1910 )))
1911
1912 * **Bar graph**
1913
1914 Use the length or height of the rectangle to reflect the value of reading address so that the value could be visualized.
1915
1916 (((
1917 |**Items**|**Description**
1918 |Monitor Point|Set operating address for this object (Read and write can be different);
1919 |Digit Display|Check it to display digit value on bar;
1920 |Progress bar direction|Select display direction;
1921 |Scales|Set object scales display type and color;
1922 |Bar color|Set color for bar;
1923 |Background Display|Set color of bar background;
1924 |Alarm Zone|Set range and color for alarm
1925 |Display|Set object position and size
1926 )))
1927
1928 * **Real-Time Trend Chart**
1929
1930 Use the curve to show the trend of the data over time. X-axis is time, Y-axis is variable.
1931
1932 (((
1933 |**Items**|**Description**
1934 |Monitor Point|Set operating address for this object (Read and write can be different);
1935 |Digit Display|Check it to display digit value on bar;
1936 |Progress bar direction|Select display direction;
1937 |Scales|Set object scales display type and color;
1938 |Bar color|Set color for bar;
1939 |Background Display|Set color of bar background;
1940 |Alarm Zone|Set range and color for alarm
1941 |Display|Set object position and size
1942 | |
1943 )))
1944
1945 * **Flow pipe**
1946
1947 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;
1948
1949 (((
1950 |**Items**|**Description**
1951 |Border color|Set object background color;
1952 |Color|Set flowing block color;
1953 |Speed|Three modes for flowing block speed;
1954 |Flow direction|Two modes for flowing direction;
1955 |Monitor Point|Set trigger address;
1956 |Trigger Condition|(((
1957 Bit address: Select ON or OFF;
1958
1959 Word address: Set value range;
1960 )))
1961 |Color Block Width|Set flowing block size;
1962 |Color Block Length|Set flowing block size;
1963 |Color Block Spacing|Set the spacing between flow blocks;
1964 |Display Border|Select display or hide border;
1965 |Alarm Zone|Set range and color for alarm
1966 |Display|Set object position and size
1967 )))
1968
1969 **Tips for designing flow bar**
1970
1971 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.
1972
1973 * **Video object**
1974
1975 Video object is used for playing the video file provided in the video source.
1976
1977 (((
1978 |**Items**|**Description**
1979 |Border color|Set object background color;
1980 |Color|Set flowing block color;
1981 |Speed|Three modes for flowing block speed;
1982 |Flow direction|Two modes for flowing direction;
1983 |Monitor Point|Set trigger address;
1984 |Trigger Condition|(((
1985 Bit address: Select ON or OFF;
1986
1987 Word address: Set value range;
1988 )))
1989 |Color Block Width|Set flowing block size;
1990 |Color Block Length|Set flowing block size;
1991 |Color Block Spacing|Set the spacing between flow blocks;
1992 |Display Border|Select display or hide border;
1993 |Alarm Zone|Set range and color for alarm
1994 |Display|Set object position and size
1995 )))
1996
1997 * **Hyperlink**
1998
1999 The object for link website;
2000
2001 (((
2002 |=**Items**|=**Description**
2003 |Link address|Enter website;
2004 |Open with|There are two options, user could select open with new window or current window;
2005 |Select Language|One object could support three language, user could enter text for note object;
2006 |Style|Set object display style such as color, use picture as background or not
2007 |Display|Set object position and size
2008 )))
2009
2010 * **Function Switch**
2011
2012 Function switch is designed to switch screens, and call and close sub screen.
2013
2014 (((
2015 |=**Items**|=**Description**
2016 |Screen|Select the target screen for switch;
2017 |Sub-screen|There are two options, user could select open with new window or current window;
2018 |Previous|Switch to the previous screen
2019 |Next|Switch to the next screen
2020 |Return|Return to the screen before switch
2021 |Text|Set text for object, including text font, color direction and so on;
2022 |Style|Set object display style such as color, use picture as background or not
2023 |Display|Set object position and size
2024 )))
2025
2026 * **Combination Switch**
2027
2028 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.
2029
2030 (((
2031 |=**Items**|=**Description**
2032 |Bit operation|It provides [Bit copy], [Set ON], [Set OFF], [Switch] and [Bit Copy] functions.
2033 |Word operation|It provides [Word copy], [Word set], [Increase] and [Decrease] functions,
2034 |Arithmetic|[Add], [Subtract], [Multiply] and [Divide] functions
2035 |Screen change|It provides screen switch function as [Function Switch], it supports [Previous], [Next], [Return], [Change to], and open, close sub-screen operations
2036 |Delete|Delete selected item function;
2037 |Empty|Delete all items in operation list;
2038 |Up|Move the selected item up one row in operation list;
2039 |Down|Move the selected item down one row in operation list;
2040 )))
2041
2042 **Time**
2043
2044 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.
2045
2046 (((
2047 |=**Items**|=**Description**
2048 |Monitoring box|Link a box for the time part
2049 |Pattern|Two types, one is digit and the other is clock
2050 |Format settings|Set format for time and date in digit pattern
2051 |Background|Set display or hide background of object
2052 |Set text|Set text display style;
2053 |Display|Set object position and size
2054 )))
2055
2056 **Histogram**
2057
2058 It is used for display more than one tag value in Bar graph format.
2059
2060 (((
2061 |=**Items**|=**Description**
2062 |Add new group|Maximum is 8, add items for this object, also set colors
2063 |Add monitoring point|Set read tag for every item,
2064 |Style|Set object display style such as color, use picture as background or not
2065 |Display|Set object position and size
2066 )))
2067
2068 **Alarm record display**
2069
2070 It is used for display alarm information of V-BOX. It can support current and history alarm.
2071
2072 (((
2073 |=**Items**|=**Description**
2074 |Select box|Link to V-BOX
2075 |Alarm type|Select current alarm or history alarm or all
2076 |Start date|Alarm display start date
2077 |End date|Alarm display end date
2078 |Format|Set display format for date and time
2079 |Sequence|It provides two type, one is order, and the other is reverse order
2080 |Display content|Users could select display contents by check them
2081 |Style|Set colors for different parts
2082 |Display|Set object position and size
2083 )))
2084
2085 **History trend chart**
2086
2087 The history trend will display data record with graph. X axis represents as time, and Y axis represents as data.
2088
2089 (((
2090 |=(% colspan="2" %)**Items**|=**Description**
2091 |(% colspan="2" %)Basic|Set numbers of curve in object and select style for every curves including color, link tag
2092 |(% rowspan="11" %)Style|Display form|Two type, one is curve, and the other is table
2093 |Start date|Start date of history data
2094 |End date|End date of history data
2095 |Format|Time and date format for display
2096 |Sequence|Two types, order or reverse order
2097 |Y range|Two types, fixed and adaptive
2098 |Set text|Set font size, color and other styles.
2099 |Transparency|Set transparency of object
2100 |Background color|Two types, translucent or transparent
2101 |Gradient way|Set display way and color
2102 |Display bar|Check it to display screen bar
2103 |(% colspan="2" %)Display|Set object position and size
2104 )))
2105
2106 **Indirect screen display**
2107
2108 This object is used for calling screens when condition is met.
2109
2110 (((
2111 |=(% colspan="2" %)**Items**|=**Description**
2112 |(% rowspan="4" %)Basic|Conditional trigger|It provides bit, word condition and unconditional
2113 |Bind monitoring point|Link to tag for triggering
2114 |Trigger condition|for bit address, it requires ON or OFF, for word address, different value corresponds to different screens.
2115 |Designated screen|Only for bit address as trigger. When condition is met, display this screen
2116 |(% colspan="2" %)Style|Set object display style such as display title bar or display or hide background
2117 |(% colspan="2" %)Display|Set object position and size
2118 )))
2119
2120 **Ring chart**
2121
2122 Display value as ring chart
2123
2124 (((
2125 |=(% colspan="2" %)**Items**|=**Description**
2126 |(% rowspan="7" %)Basic|Monitor point|Link to tag for data reading
2127 |Range|Set fixed range or variable range
2128 |Scales|Set scales such as major and minor numbers, colors and so on
2129 |Designated screen|Only for bit address as trigger. When condition is met, display this screen
2130 |Numerical scale display|Check it to display scale
2131 |Start angle|Set start angle for scale
2132 |Color|Color setting for bar and background
2133 |(% colspan="2" %)Alarm Zone|Set alarm range and colors
2134 |(% colspan="2" %)Display|Set object position and size
2135 )))
2136
2137 **Pie chart**
2138
2139 Display more than one value in one pie chart
2140
2141 (((
2142 |=(% colspan="2" %)**Items**|=**Description**
2143 |(% colspan="2" %)Monitor point|Add read addresses, the maximum is 8
2144 |(% rowspan="3" %)Style|Pattern|Set alarm range and colors
2145 |Numerical scale|Check it to display value in object
2146 |Monitoring name display|Check it to display name in object
2147 |(% colspan="2" %)Display|Set object position and size
2148 )))
2149
2150 == Common object ==
2151
2152 (% style="text-align:center" %)
2153 [[image:V-BOX cloud configuration user manual_html_c84a5d0032df07e2.png||height="420" width="250" class="img-thumbnail"]]
2154
2155 === Display frame ===
2156
2157 After binding the monitoring point, the data of the monitoring point can be displayed in real time.
2158
2159 |=**Item**|=**Description**
2160 |Monitoring Point|Set operating address for this object (Read and write can be different);
2161 |Read-write permission|There are three modes for it, users could select according to requirements;
2162 |Set Text|It is used for setting style of text and display direction
2163 |Style|It is used for setting object display, like background color;
2164 |Expansion|It is used for setting expansion function, like lock position;
2165 |Display|It is used for setting object position and size
2166
2167 * **Bit /Word Indicator**
2168
2169 Indicator could monitor and display the specified PLC or HMI bit address, and its state changes according to the specified address value.
2170
2171 (((
2172 |**Items**|**Description**
2173 |Monitor Point|Set reading address for this object;
2174 |Status|Set text for every status;
2175 |Picture|Set picture for every status;
2176 |Expansion|Set display expansion function, such as blink
2177 |Display|Set object position and size
2178 )))
2179
2180 * **Bit/ Word Switch**
2181
2182 Switch could operate the specified PLC or HMI bit address, and its state changes according to the specified address value.
2183
2184 (((
2185 |**Items**|**Description**
2186 |Monitor Point|Set operating address for this object (Read and write can be different);
2187 |Read-write permission|There are three modes for it, users could select according to requirements;
2188 |Pop up a confirmation box|Check it to enable confirmation box for operating;
2189 |Status|Set text for every status;
2190 |Picture|Set picture for every status;
2191 |Expansion|Set display expansion function, such as blink
2192 |Display|Set object position and size
2193 )))
2194
2195 * **Dashboard**
2196
2197 Display the value of address in real time using the dashboard.
2198
2199 (((
2200 |**Items**|**Description**
2201 |Monitor Point|Set operating address for this object (Read and write can be different);
2202 |Select|Set dashboard display range, there are two modes, Constant and Variable
2203 |Scale value|Check it to display value;
2204 |Select Language|Set text for object;
2205 |Style|Set object display style such as color, scales number;
2206 |Alarm Zone|Set range and color for alarm
2207 |Display|Set object position and size
2208 )))
2209
2210 * **Bar graph**
2211
2212 Use the length or height of the rectangle to reflect the value of reading address so that the value could be visualized.
2213
2214 (((
2215 |**Items**|**Description**
2216 |Monitor Point|Set operating address for this object (Read and write can be different);
2217 |Digit Display|Check it to display digit value on bar;
2218 |Progress bar direction|Select display direction;
2219 |Scales|Set object scales display type and color;
2220 |Bar color|Set color for bar;
2221 |Background Display|Set color of bar background;
2222 |Alarm Zone|Set range and color for alarm
2223 |Display|Set object position and size
2224 )))
2225
2226 * **Real-Time Trend Chart**
2227
2228 Use the curve to show the trend of the data over time. X-axis is time, Y-axis is variable.
2229
2230 (((
2231 |**Items**|**Description**
2232 |Monitor Point|Set operating address for this object (Read and write can be different);
2233 |Digit Display|Check it to display digit value on bar;
2234 |Progress bar direction|Select display direction;
2235 |Scales|Set object scales display type and color;
2236 |Bar color|Set color for bar;
2237 |Background Display|Set color of bar background;
2238 |Alarm Zone|Set range and color for alarm
2239 |Display|Set object position and size
2240 | |
2241 )))
2242
2243 * **Flow pipe**
2244
2245 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;
2246
2247 (((
2248 |**Items**|**Description**
2249 |Border color|Set object background color;
2250 |Color|Set flowing block color;
2251 |Speed|Three modes for flowing block speed;
2252 |Flow direction|Two modes for flowing direction;
2253 |Monitor Point|Set trigger address;
2254 |Trigger Condition|(((
2255 Bit address: Select ON or OFF;
2256
2257 Word address: Set value range;
2258 )))
2259 |Color Block Width|Set flowing block size;
2260 |Color Block Length|Set flowing block size;
2261 |Color Block Spacing|Set the spacing between flow blocks;
2262 |Display Border|Select display or hide border;
2263 |Alarm Zone|Set range and color for alarm
2264 |Display|Set object position and size
2265 )))
2266
2267 **Tips for designing flow bar**
2268
2269 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.
2270
2271 * **Video object**
2272
2273 Video object is used for playing the video file provided in the video source.
2274
2275 (((
2276 |**Items**|**Description**
2277 |Border color|Set object background color;
2278 |Color|Set flowing block color;
2279 |Speed|Three modes for flowing block speed;
2280 |Flow direction|Two modes for flowing direction;
2281 |Monitor Point|Set trigger address;
2282 |Trigger Condition|(((
2283 Bit address: Select ON or OFF;
2284
2285 Word address: Set value range;
2286 )))
2287 |Color Block Width|Set flowing block size;
2288 |Color Block Length|Set flowing block size;
2289 |Color Block Spacing|Set the spacing between flow blocks;
2290 |Display Border|Select display or hide border;
2291 |Alarm Zone|Set range and color for alarm
2292 |Display|Set object position and size
2293 )))
2294
2295 * **Hyperlink**
2296
2297 The object for link website;
2298
2299 (((
2300 |=**Items**|=**Description**
2301 |Link address|Enter website;
2302 |Open with|There are two options, user could select open with new window or current window;
2303 |Select Language|One object could support three language, user could enter text for note object;
2304 |Style|Set object display style such as color, use picture as background or not
2305 |Display|Set object position and size
2306 )))
2307
2308 * **Function Switch**
2309
2310 Function switch is designed to switch screens, and call and close sub screen.
2311
2312 (((
2313 |=**Items**|=**Description**
2314 |Screen|Select the target screen for switch;
2315 |Sub-screen|There are two options, user could select open with new window or current window;
2316 |Previous|Switch to the previous screen
2317 |Next|Switch to the next screen
2318 |Return|Return to the screen before switch
2319 |Text|Set text for object, including text font, color direction and so on;
2320 |Style|Set object display style such as color, use picture as background or not
2321 |Display|Set object position and size
2322 )))
2323
2324 * **Combination Switch**
2325
2326 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.
2327
2328 (((
2329 |=**Items**|=**Description**
2330 |Bit operation|It provides [Bit copy], [Set ON], [Set OFF], [Switch] and [Bit Copy] functions.
2331 |Word operation|It provides [Word copy], [Word set], [Increase] and [Decrease] functions,
2332 |Arithmetic|[Add], [Subtract], [Multiply] and [Divide] functions
2333 |Screen change|It provides screen switch function as [Function Switch], it supports [Previous], [Next], [Return], [Change to], and open, close sub-screen operations
2334 |Delete|Delete selected item function;
2335 |Empty|Delete all items in operation list;
2336 |Up|Move the selected item up one row in operation list;
2337 |Down|Move the selected item down one row in operation list;
2338 )))
2339
2340 **Time**
2341
2342 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.
2343
2344 (((
2345 |=**Items**|=**Description**
2346 |Monitoring box|Link a box for the time part
2347 |Pattern|Two types, one is digit and the other is clock
2348 |Format settings|Set format for time and date in digit pattern
2349 |Background|Set display or hide background of object
2350 |Set text|Set text display style;
2351 |Display|Set object position and size
2352 )))
2353
2354 **Histogram**
2355
2356 It is used for display more than one tag value in Bar graph format.
2357
2358 (((
2359 |=**Items**|=**Description**
2360 |Add new group|Maximum is 8, add items for this object, also set colors
2361 |Add monitoring point|Set read tag for every item,
2362 |Style|Set object display style such as color, use picture as background or not
2363 |Display|Set object position and size
2364 )))
2365
2366 **Alarm record display**
2367
2368 It is used for display alarm information of V-BOX. It can support current and history alarm.
2369
2370 (((
2371 |=**Items**|=**Description**
2372 |Select box|Link to V-BOX
2373 |Alarm type|Select current alarm or history alarm or all
2374 |Start date|Alarm display start date
2375 |End date|Alarm display end date
2376 |Format|Set display format for date and time
2377 |Sequence|It provides two type, one is order, and the other is reverse order
2378 |Display content|Users could select display contents by check them
2379 |Style|Set colors for different parts
2380 |Display|Set object position and size
2381 )))
2382
2383 **History trend chart**
2384
2385 The history trend will display data record with graph. X axis represents as time, and Y axis represents as data.
2386
2387 (((
2388 |=(% colspan="2" %)**Items**|=**Description**
2389 |(% colspan="2" %)Basic|Set numbers of curve in object and select style for every curves including color, link tag
2390 |(% rowspan="11" %)Style|Display form|Two type, one is curve, and the other is table
2391 |Start date|Start date of history data
2392 |End date|End date of history data
2393 |Format|Time and date format for display
2394 |Sequence|Two types, order or reverse order
2395 |Y range|Two types, fixed and adaptive
2396 |Set text|Set font size, color and other styles.
2397 |Transparency|Set transparency of object
2398 |Background color|Two types, translucent or transparent
2399 |Gradient way|Set display way and color
2400 |Display bar|Check it to display screen bar
2401 |(% colspan="2" %)Display|Set object position and size
2402 )))
2403
2404 **Indirect screen display**
2405
2406 This object is used for calling screens when condition is met.
2407
2408 (((
2409 |=(% colspan="2" %)**Items**|=**Description**
2410 |(% rowspan="4" %)Basic|Conditional trigger|It provides bit, word condition and unconditional
2411 |Bind monitoring point|Link to tag for triggering
2412 |Trigger condition|for bit address, it requires ON or OFF, for word address, different value corresponds to different screens.
2413 |Designated screen|Only for bit address as trigger. When condition is met, display this screen
2414 |(% colspan="2" %)Style|Set object display style such as display title bar or display or hide background
2415 |(% colspan="2" %)Display|Set object position and size
2416 )))
2417
2418 **Ring chart**
2419
2420 Display value as ring chart
2421
2422 (((
2423 |=(% colspan="2" %)**Items**|=**Description**
2424 |(% rowspan="7" %)Basic|Monitor point|Link to tag for data reading
2425 |Range|Set fixed range or variable range
2426 |Scales|Set scales such as major and minor numbers, colors and so on
2427 |Designated screen|Only for bit address as trigger. When condition is met, display this screen
2428 |Numerical scale display|Check it to display scale
2429 |Start angle|Set start angle for scale
2430 |Color|Color setting for bar and background
2431 |(% colspan="2" %)Alarm Zone|Set alarm range and colors
2432 |(% colspan="2" %)Display|Set object position and size
2433 )))
2434
2435 **Pie chart**
2436
2437 Display more than one value in one pie chart
2438
2439 (((
2440 |=(% colspan="2" %)**Items**|=**Description**
2441 |(% colspan="2" %)Monitor point|Add read addresses, the maximum is 8
2442 |(% rowspan="3" %)Style|Pattern|Set alarm range and colors
2443 |Numerical scale|Check it to display value in object
2444 |Monitoring name display|Check it to display name in object
2445 |(% colspan="2" %)Display|Set object position and size
2446 )))
2447
2448 == Common object ==
2449
2450 (% style="text-align:center" %)
2451 [[image:V-BOX cloud configuration user manual_html_c84a5d0032df07e2.png||height="420" width="250" class="img-thumbnail"]]
2452
2453 === Display frame ===
2454
2455 After binding the monitoring point, the data of the monitoring point can be displayed in real time.
2456
2457 |=**Item**|=**Description**
2458 |Monitoring Point|Set operating address for this object (Read and write can be different);
2459 |Read-write permission|There are three modes for it, users could select according to requirements;
2460 |Set Text|It is used for setting style of text and display direction
2461 |Style|It is used for setting object display, like background color;
2462 |Expansion|It is used for setting expansion function, like lock position;
2463 |Display|It is used for setting object position and size
2464
2465 * **Bit /Word Indicator**
2466
2467 Indicator could monitor and display the specified PLC or HMI bit address, and its state changes according to the specified address value.
2468
2469 (((
2470 |**Items**|**Description**
2471 |Monitor Point|Set reading address for this object;
2472 |Status|Set text for every status;
2473 |Picture|Set picture for every status;
2474 |Expansion|Set display expansion function, such as blink
2475 |Display|Set object position and size
2476 )))
2477
2478 * **Bit/ Word Switch**
2479
2480 Switch could operate the specified PLC or HMI bit address, and its state changes according to the specified address value.
2481
2482 (((
2483 |**Items**|**Description**
2484 |Monitor Point|Set operating address for this object (Read and write can be different);
2485 |Read-write permission|There are three modes for it, users could select according to requirements;
2486 |Pop up a confirmation box|Check it to enable confirmation box for operating;
2487 |Status|Set text for every status;
2488 |Picture|Set picture for every status;
2489 |Expansion|Set display expansion function, such as blink
2490 |Display|Set object position and size
2491 )))
2492
2493 * **Dashboard**
2494
2495 Display the value of address in real time using the dashboard.
2496
2497 (((
2498 |**Items**|**Description**
2499 |Monitor Point|Set operating address for this object (Read and write can be different);
2500 |Select|Set dashboard display range, there are two modes, Constant and Variable
2501 |Scale value|Check it to display value;
2502 |Select Language|Set text for object;
2503 |Style|Set object display style such as color, scales number;
2504 |Alarm Zone|Set range and color for alarm
2505 |Display|Set object position and size
2506 )))
2507
2508 * **Bar graph**
2509
2510 Use the length or height of the rectangle to reflect the value of reading address so that the value could be visualized.
2511
2512 (((
2513 |**Items**|**Description**
2514 |Monitor Point|Set operating address for this object (Read and write can be different);
2515 |Digit Display|Check it to display digit value on bar;
2516 |Progress bar direction|Select display direction;
2517 |Scales|Set object scales display type and color;
2518 |Bar color|Set color for bar;
2519 |Background Display|Set color of bar background;
2520 |Alarm Zone|Set range and color for alarm
2521 |Display|Set object position and size
2522 )))
2523
2524 * **Real-Time Trend Chart**
2525
2526 Use the curve to show the trend of the data over time. X-axis is time, Y-axis is variable.
2527
2528 (((
2529 |**Items**|**Description**
2530 |Monitor Point|Set operating address for this object (Read and write can be different);
2531 |Digit Display|Check it to display digit value on bar;
2532 |Progress bar direction|Select display direction;
2533 |Scales|Set object scales display type and color;
2534 |Bar color|Set color for bar;
2535 |Background Display|Set color of bar background;
2536 |Alarm Zone|Set range and color for alarm
2537 |Display|Set object position and size
2538 | |
2539 )))
2540
2541 * **Flow pipe**
2542
2543 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;
2544
2545 (((
2546 |**Items**|**Description**
2547 |Border color|Set object background color;
2548 |Color|Set flowing block color;
2549 |Speed|Three modes for flowing block speed;
2550 |Flow direction|Two modes for flowing direction;
2551 |Monitor Point|Set trigger address;
2552 |Trigger Condition|(((
2553 Bit address: Select ON or OFF;
2554
2555 Word address: Set value range;
2556 )))
2557 |Color Block Width|Set flowing block size;
2558 |Color Block Length|Set flowing block size;
2559 |Color Block Spacing|Set the spacing between flow blocks;
2560 |Display Border|Select display or hide border;
2561 |Alarm Zone|Set range and color for alarm
2562 |Display|Set object position and size
2563 )))
2564
2565 **Tips for designing flow bar**
2566
2567 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.
2568
2569 * **Video object**
2570
2571 Video object is used for playing the video file provided in the video source.
2572
2573 (((
2574 |**Items**|**Description**
2575 |Border color|Set object background color;
2576 |Color|Set flowing block color;
2577 |Speed|Three modes for flowing block speed;
2578 |Flow direction|Two modes for flowing direction;
2579 |Monitor Point|Set trigger address;
2580 |Trigger Condition|(((
2581 Bit address: Select ON or OFF;
2582
2583 Word address: Set value range;
2584 )))
2585 |Color Block Width|Set flowing block size;
2586 |Color Block Length|Set flowing block size;
2587 |Color Block Spacing|Set the spacing between flow blocks;
2588 |Display Border|Select display or hide border;
2589 |Alarm Zone|Set range and color for alarm
2590 |Display|Set object position and size
2591 )))
2592
2593 * **Hyperlink**
2594
2595 The object for link website;
2596
2597 (((
2598 |=**Items**|=**Description**
2599 |Link address|Enter website;
2600 |Open with|There are two options, user could select open with new window or current window;
2601 |Select Language|One object could support three language, user could enter text for note object;
2602 |Style|Set object display style such as color, use picture as background or not
2603 |Display|Set object position and size
2604 )))
2605
2606 * **Function Switch**
2607
2608 Function switch is designed to switch screens, and call and close sub screen.
2609
2610 (((
2611 |=**Items**|=**Description**
2612 |Screen|Select the target screen for switch;
2613 |Sub-screen|There are two options, user could select open with new window or current window;
2614 |Previous|Switch to the previous screen
2615 |Next|Switch to the next screen
2616 |Return|Return to the screen before switch
2617 |Text|Set text for object, including text font, color direction and so on;
2618 |Style|Set object display style such as color, use picture as background or not
2619 |Display|Set object position and size
2620 )))
2621
2622 * **Combination Switch**
2623
2624 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.
2625
2626 (((
2627 |=**Items**|=**Description**
2628 |Bit operation|It provides [Bit copy], [Set ON], [Set OFF], [Switch] and [Bit Copy] functions.
2629 |Word operation|It provides [Word copy], [Word set], [Increase] and [Decrease] functions,
2630 |Arithmetic|[Add], [Subtract], [Multiply] and [Divide] functions
2631 |Screen change|It provides screen switch function as [Function Switch], it supports [Previous], [Next], [Return], [Change to], and open, close sub-screen operations
2632 |Delete|Delete selected item function;
2633 |Empty|Delete all items in operation list;
2634 |Up|Move the selected item up one row in operation list;
2635 |Down|Move the selected item down one row in operation list;
2636 )))
2637
2638 **Time**
2639
2640 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.
2641
2642 (((
2643 |=**Items**|=**Description**
2644 |Monitoring box|Link a box for the time part
2645 |Pattern|Two types, one is digit and the other is clock
2646 |Format settings|Set format for time and date in digit pattern
2647 |Background|Set display or hide background of object
2648 |Set text|Set text display style;
2649 |Display|Set object position and size
2650 )))
2651
2652 **Histogram**
2653
2654 It is used for display more than one tag value in Bar graph format.
2655
2656 (((
2657 |=**Items**|=**Description**
2658 |Add new group|Maximum is 8, add items for this object, also set colors
2659 |Add monitoring point|Set read tag for every item,
2660 |Style|Set object display style such as color, use picture as background or not
2661 |Display|Set object position and size
2662 )))
2663
2664 **Alarm record display**
2665
2666 It is used for display alarm information of V-BOX. It can support current and history alarm.
2667
2668 (((
2669 |=**Items**|=**Description**
2670 |Select box|Link to V-BOX
2671 |Alarm type|Select current alarm or history alarm or all
2672 |Start date|Alarm display start date
2673 |End date|Alarm display end date
2674 |Format|Set display format for date and time
2675 |Sequence|It provides two type, one is order, and the other is reverse order
2676 |Display content|Users could select display contents by check them
2677 |Style|Set colors for different parts
2678 |Display|Set object position and size
2679 )))
2680
2681 **History trend chart**
2682
2683 The history trend will display data record with graph. X axis represents as time, and Y axis represents as data.
2684
2685 (((
2686 |=(% colspan="2" %)**Items**|=**Description**
2687 |(% colspan="2" %)Basic|Set numbers of curve in object and select style for every curves including color, link tag
2688 |(% rowspan="11" %)Style|Display form|Two type, one is curve, and the other is table
2689 |Start date|Start date of history data
2690 |End date|End date of history data
2691 |Format|Time and date format for display
2692 |Sequence|Two types, order or reverse order
2693 |Y range|Two types, fixed and adaptive
2694 |Set text|Set font size, color and other styles.
2695 |Transparency|Set transparency of object
2696 |Background color|Two types, translucent or transparent
2697 |Gradient way|Set display way and color
2698 |Display bar|Check it to display screen bar
2699 |(% colspan="2" %)Display|Set object position and size
2700 )))
2701
2702 **Indirect screen display**
2703
2704 This object is used for calling screens when condition is met.
2705
2706 (((
2707 |=(% colspan="2" %)**Items**|=**Description**
2708 |(% rowspan="4" %)Basic|Conditional trigger|It provides bit, word condition and unconditional
2709 |Bind monitoring point|Link to tag for triggering
2710 |Trigger condition|for bit address, it requires ON or OFF, for word address, different value corresponds to different screens.
2711 |Designated screen|Only for bit address as trigger. When condition is met, display this screen
2712 |(% colspan="2" %)Style|Set object display style such as display title bar or display or hide background
2713 |(% colspan="2" %)Display|Set object position and size
2714 )))
2715
2716 **Ring chart**
2717
2718 Display value as ring chart
2719
2720 (((
2721 |=(% colspan="2" %)**Items**|=**Description**
2722 |(% rowspan="7" %)Basic|Monitor point|Link to tag for data reading
2723 |Range|Set fixed range or variable range
2724 |Scales|Set scales such as major and minor numbers, colors and so on
2725 |Designated screen|Only for bit address as trigger. When condition is met, display this screen
2726 |Numerical scale display|Check it to display scale
2727 |Start angle|Set start angle for scale
2728 |Color|Color setting for bar and background
2729 |(% colspan="2" %)Alarm Zone|Set alarm range and colors
2730 |(% colspan="2" %)Display|Set object position and size
2731 )))
2732
2733 **Pie chart**
2734
2735 Display more than one value in one pie chart
2736
2737 (((
2738 |=(% colspan="2" %)**Items**|=**Description**
2739 |(% colspan="2" %)Monitor point|Add read addresses, the maximum is 8
2740 |(% rowspan="3" %)Style|Pattern|Set alarm range and colors
2741 |Numerical scale|Check it to display value in object
2742 |Monitoring name display|Check it to display name in object
2743 |(% colspan="2" %)Display|Set object position and size
2744 )))
2745
2746 == Common object ==
2747
2748 (% style="text-align:center" %)
2749 [[image:V-BOX cloud configuration user manual_html_c84a5d0032df07e2.png||height="420" width="250" class="img-thumbnail"]]
2750
2751 === Display frame ===
2752
2753 After binding the monitoring point, the data of the monitoring point can be displayed in real time.
2754
2755 |=**Item**|=**Description**
2756 |Monitoring Point|Set operating address for this object (Read and write can be different);
2757 |Read-write permission|There are three modes for it, users could select according to requirements;
2758 |Set Text|It is used for setting style of text and display direction
2759 |Style|It is used for setting object display, like background color;
2760 |Expansion|It is used for setting expansion function, like lock position;
2761 |Display|It is used for setting object position and size
2762
2763 * **Bit /Word Indicator**
2764
2765 Indicator could monitor and display the specified PLC or HMI bit address, and its state changes according to the specified address value.
2766
2767 (((
2768 |**Items**|**Description**
2769 |Monitor Point|Set reading address for this object;
2770 |Status|Set text for every status;
2771 |Picture|Set picture for every status;
2772 |Expansion|Set display expansion function, such as blink
2773 |Display|Set object position and size
2774 )))
2775
2776 * **Bit/ Word Switch**
2777
2778 Switch could operate the specified PLC or HMI bit address, and its state changes according to the specified address value.
2779
2780 (((
2781 |**Items**|**Description**
2782 |Monitor Point|Set operating address for this object (Read and write can be different);
2783 |Read-write permission|There are three modes for it, users could select according to requirements;
2784 |Pop up a confirmation box|Check it to enable confirmation box for operating;
2785 |Status|Set text for every status;
2786 |Picture|Set picture for every status;
2787 |Expansion|Set display expansion function, such as blink
2788 |Display|Set object position and size
2789 )))
2790
2791 * **Dashboard**
2792
2793 Display the value of address in real time using the dashboard.
2794
2795 (((
2796 |**Items**|**Description**
2797 |Monitor Point|Set operating address for this object (Read and write can be different);
2798 |Select|Set dashboard display range, there are two modes, Constant and Variable
2799 |Scale value|Check it to display value;
2800 |Select Language|Set text for object;
2801 |Style|Set object display style such as color, scales number;
2802 |Alarm Zone|Set range and color for alarm
2803 |Display|Set object position and size
2804 )))
2805
2806 * **Bar graph**
2807
2808 Use the length or height of the rectangle to reflect the value of reading address so that the value could be visualized.
2809
2810 (((
2811 |**Items**|**Description**
2812 |Monitor Point|Set operating address for this object (Read and write can be different);
2813 |Digit Display|Check it to display digit value on bar;
2814 |Progress bar direction|Select display direction;
2815 |Scales|Set object scales display type and color;
2816 |Bar color|Set color for bar;
2817 |Background Display|Set color of bar background;
2818 |Alarm Zone|Set range and color for alarm
2819 |Display|Set object position and size
2820 )))
2821
2822 * **Real-Time Trend Chart**
2823
2824 Use the curve to show the trend of the data over time. X-axis is time, Y-axis is variable.
2825
2826 (((
2827 |**Items**|**Description**
2828 |Monitor Point|Set operating address for this object (Read and write can be different);
2829 |Digit Display|Check it to display digit value on bar;
2830 |Progress bar direction|Select display direction;
2831 |Scales|Set object scales display type and color;
2832 |Bar color|Set color for bar;
2833 |Background Display|Set color of bar background;
2834 |Alarm Zone|Set range and color for alarm
2835 |Display|Set object position and size
2836 | |
2837 )))
2838
2839 * **Flow pipe**
2840
2841 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;
2842
2843 (((
2844 |**Items**|**Description**
2845 |Border color|Set object background color;
2846 |Color|Set flowing block color;
2847 |Speed|Three modes for flowing block speed;
2848 |Flow direction|Two modes for flowing direction;
2849 |Monitor Point|Set trigger address;
2850 |Trigger Condition|(((
2851 Bit address: Select ON or OFF;
2852
2853 Word address: Set value range;
2854 )))
2855 |Color Block Width|Set flowing block size;
2856 |Color Block Length|Set flowing block size;
2857 |Color Block Spacing|Set the spacing between flow blocks;
2858 |Display Border|Select display or hide border;
2859 |Alarm Zone|Set range and color for alarm
2860 |Display|Set object position and size
2861 )))
2862
2863 **Tips for designing flow bar**
2864
2865 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.
2866
2867 * **Video object**
2868
2869 Video object is used for playing the video file provided in the video source.
2870
2871 (((
2872 |**Items**|**Description**
2873 |Border color|Set object background color;
2874 |Color|Set flowing block color;
2875 |Speed|Three modes for flowing block speed;
2876 |Flow direction|Two modes for flowing direction;
2877 |Monitor Point|Set trigger address;
2878 |Trigger Condition|(((
2879 Bit address: Select ON or OFF;
2880
2881 Word address: Set value range;
2882 )))
2883 |Color Block Width|Set flowing block size;
2884 |Color Block Length|Set flowing block size;
2885 |Color Block Spacing|Set the spacing between flow blocks;
2886 |Display Border|Select display or hide border;
2887 |Alarm Zone|Set range and color for alarm
2888 |Display|Set object position and size
2889 )))
2890
2891 * **Hyperlink**
2892
2893 The object for link website;
2894
2895 (((
2896 |=**Items**|=**Description**
2897 |Link address|Enter website;
2898 |Open with|There are two options, user could select open with new window or current window;
2899 |Select Language|One object could support three language, user could enter text for note object;
2900 |Style|Set object display style such as color, use picture as background or not
2901 |Display|Set object position and size
2902 )))
2903
2904 * **Function Switch**
2905
2906 Function switch is designed to switch screens, and call and close sub screen.
2907
2908 (((
2909 |=**Items**|=**Description**
2910 |Screen|Select the target screen for switch;
2911 |Sub-screen|There are two options, user could select open with new window or current window;
2912 |Previous|Switch to the previous screen
2913 |Next|Switch to the next screen
2914 |Return|Return to the screen before switch
2915 |Text|Set text for object, including text font, color direction and so on;
2916 |Style|Set object display style such as color, use picture as background or not
2917 |Display|Set object position and size
2918 )))
2919
2920 * **Combination Switch**
2921
2922 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.
2923
2924 (((
2925 |=**Items**|=**Description**
2926 |Bit operation|It provides [Bit copy], [Set ON], [Set OFF], [Switch] and [Bit Copy] functions.
2927 |Word operation|It provides [Word copy], [Word set], [Increase] and [Decrease] functions,
2928 |Arithmetic|[Add], [Subtract], [Multiply] and [Divide] functions
2929 |Screen change|It provides screen switch function as [Function Switch], it supports [Previous], [Next], [Return], [Change to], and open, close sub-screen operations
2930 |Delete|Delete selected item function;
2931 |Empty|Delete all items in operation list;
2932 |Up|Move the selected item up one row in operation list;
2933 |Down|Move the selected item down one row in operation list;
2934 )))
2935
2936 **Time**
2937
2938 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.
2939
2940 (((
2941 |=**Items**|=**Description**
2942 |Monitoring box|Link a box for the time part
2943 |Pattern|Two types, one is digit and the other is clock
2944 |Format settings|Set format for time and date in digit pattern
2945 |Background|Set display or hide background of object
2946 |Set text|Set text display style;
2947 |Display|Set object position and size
2948 )))
2949
2950 **Histogram**
2951
2952 It is used for display more than one tag value in Bar graph format.
2953
2954 (((
2955 |=**Items**|=**Description**
2956 |Add new group|Maximum is 8, add items for this object, also set colors
2957 |Add monitoring point|Set read tag for every item,
2958 |Style|Set object display style such as color, use picture as background or not
2959 |Display|Set object position and size
2960 )))
2961
2962 **Alarm record display**
2963
2964 It is used for display alarm information of V-BOX. It can support current and history alarm.
2965
2966 (((
2967 |=**Items**|=**Description**
2968 |Select box|Link to V-BOX
2969 |Alarm type|Select current alarm or history alarm or all
2970 |Start date|Alarm display start date
2971 |End date|Alarm display end date
2972 |Format|Set display format for date and time
2973 |Sequence|It provides two type, one is order, and the other is reverse order
2974 |Display content|Users could select display contents by check them
2975 |Style|Set colors for different parts
2976 |Display|Set object position and size
2977 )))
2978
2979 **History trend chart**
2980
2981 The history trend will display data record with graph. X axis represents as time, and Y axis represents as data.
2982
2983 (((
2984 |=(% colspan="2" %)**Items**|=**Description**
2985 |(% colspan="2" %)Basic|Set numbers of curve in object and select style for every curves including color, link tag
2986 |(% rowspan="11" %)Style|Display form|Two type, one is curve, and the other is table
2987 |Start date|Start date of history data
2988 |End date|End date of history data
2989 |Format|Time and date format for display
2990 |Sequence|Two types, order or reverse order
2991 |Y range|Two types, fixed and adaptive
2992 |Set text|Set font size, color and other styles.
2993 |Transparency|Set transparency of object
2994 |Background color|Two types, translucent or transparent
2995 |Gradient way|Set display way and color
2996 |Display bar|Check it to display screen bar
2997 |(% colspan="2" %)Display|Set object position and size
2998 )))
2999
3000 **Indirect screen display**
3001
3002 This object is used for calling screens when condition is met.
3003
3004 (((
3005 |=(% colspan="2" %)**Items**|=**Description**
3006 |(% rowspan="4" %)Basic|Conditional trigger|It provides bit, word condition and unconditional
3007 |Bind monitoring point|Link to tag for triggering
3008 |Trigger condition|for bit address, it requires ON or OFF, for word address, different value corresponds to different screens.
3009 |Designated screen|Only for bit address as trigger. When condition is met, display this screen
3010 |(% colspan="2" %)Style|Set object display style such as display title bar or display or hide background
3011 |(% colspan="2" %)Display|Set object position and size
3012 )))
3013
3014 **Ring chart**
3015
3016 Display value as ring chart
3017
3018 (((
3019 |=(% colspan="2" %)**Items**|=**Description**
3020 |(% rowspan="7" %)Basic|Monitor point|Link to tag for data reading
3021 |Range|Set fixed range or variable range
3022 |Scales|Set scales such as major and minor numbers, colors and so on
3023 |Designated screen|Only for bit address as trigger. When condition is met, display this screen
3024 |Numerical scale display|Check it to display scale
3025 |Start angle|Set start angle for scale
3026 |Color|Color setting for bar and background
3027 |(% colspan="2" %)Alarm Zone|Set alarm range and colors
3028 |(% colspan="2" %)Display|Set object position and size
3029 )))
3030
3031 **Pie chart**
3032
3033 Display more than one value in one pie chart
3034
3035 (((
3036 |=(% colspan="2" %)**Items**|=**Description**
3037 |(% colspan="2" %)Monitor point|Add read addresses, the maximum is 8
3038 |(% rowspan="3" %)Style|Pattern|Set alarm range and colors
3039 |Numerical scale|Check it to display value in object
3040 |Monitoring name display|Check it to display name in object
3041 |(% colspan="2" %)Display|Set object position and size
3042 )))
3043
3044 == **6.5 Tool bar** ==
3045
3046 The toolbar has the same function as the tool list. (right-click on the canvas to pop up tool list)
3047
3048 (((
3049 |=**Tool**|=**Description**
3050 |[[image:V-BOX cloud configuration user manual_html_668218d361cc54ba.png||height="21" width="76" class="img-thumbnail"]]|Mouse tool for selecting parts. Hold Ctrl key and click on the part to select multiple parts at the same time.
3051 |[[image:V-BOX cloud configuration user manual_html_867a000ba1161424.png||height="21" width="69" class="img-thumbnail"]]|Save current canvas
3052 |[[image:V-BOX cloud configuration user manual_html_f5dbf6b889320d6c.png||height="21" width="81" class="img-thumbnail"]]|Delete the selected parts. Multiple selected parts can be deleted at the same time.
3053 |[[image:V-BOX cloud configuration user manual_html_e5d36271faf64986.png||height="21" width="73" class="img-thumbnail"]]|Copy the selected parts.
3054 |[[image:V-BOX cloud configuration user manual_html_97033b77500d6b5e.png||height="21" width="75" class="img-thumbnail"]]|Paste the selected parts
3055 |[[image:V-BOX cloud configuration user manual_html_53bc6f617b145720.png||height="22" width="148" class="img-thumbnail"]]|The property of the current screen
3056 |[[image:V-BOX cloud configuration user manual_html_44a3e98a692aee6a.png||height="21" width="157" class="img-thumbnail"]]|Import the configured template for the current screen
3057 |[[image:V-BOX cloud configuration user manual_html_30f2f1591b0a9e66.png||height="22" width="89" class="img-thumbnail"]]|Browse the current project interface. The default home page is the top screen in the project page list.
3058 |[[image:V-BOX cloud configuration user manual_html_6aae3377add443ff.png||height="38" width="150" class="img-thumbnail"]]|Align left edge of multiple parts
3059 |[[image:V-BOX cloud configuration user manual_html_dc8fb256a13e2f91.png||height="40" width="150" class="img-thumbnail"]]|Align right edge of multiple parts
3060 |[[image:V-BOX cloud configuration user manual_html_bec295f2d25219f9.png||height="39" width="150" class="img-thumbnail"]]|Align top edge of multiple parts
3061 |[[image:V-BOX cloud configuration user manual_html_4a0c10157943d534.png||height="39" width="150" class="img-thumbnail"]]|Align bottom edge of multiple parts
3062 |[[image:V-BOX cloud configuration user manual_html_378cd8ba635ed3f4.png||height="38" width="150" class="img-thumbnail"]]|Place the selected part on top of the other parts
3063 |[[image:V-BOX cloud configuration user manual_html_6a594344368f5276.png||height="38" width="150" class="img-thumbnail"]]|Place the selected part on the bottom of the other parts
3064 )))
3065
3066 (((
3067 = **7 Authority** =
3068 )))
3069
3070 Click the Authority management on the left menu to enter the Authority management module, as Figure 7-1 shows.
3071
3072 [[image:1617949992819-138.png||class="img-thumbnail"]]
3073
3074 Figure 7 ‑11
3075
3076 This module is used for assigning project and configuring permissions for sub-accounts.
3077
3078 **1)How to assign project for sub-account**
3079
3080 * Click the button [[image:V-BOX cloud configuration user manual_html_d96aea12cdb7cdb1.png||height="26" width="150" class="img-thumbnail"]] at the end of the sub-account line to enter the project list page of the sub-account, as shown in Figure 7-2.
3081 * Click the button [[image:V-BOX cloud configuration user manual_html_5fd249946ccb44cc.png||height="34" width="150" class="img-thumbnail"]] on the top right corner of window, select the project of the pop window and then click save to get the permissions of the selected project for the account, as shown in Figure 7-3.
3082
3083 (% style="text-align:center" %)
3084 [[image:1617934946822-979.png||height="421" width="800" class="img-thumbnail"]]
3085
3086 Figure 7 ‑2
3087
3088 (% style="text-align:center" %)
3089 [[image:1617950026178-538.png||height="375" width="600" class="img-thumbnail"]]
3090
3091 Figure 7 ‑3
3092
3093 **2)How to unassigned project for sub-account**
3094
3095 In the list of assigned projects in the sub-account, click “Unbind Project” to unbind the project for the account.
3096
3097 = **8 Demo account** =
3098
3099 **1)What is Cloud SCADA platform?**
3100
3101 Cloud SCADA is an IoT platform that can realize terminal equipment data collection, real-time control, alarm push, group management, configuration design and other functions. With this platform, users can monitor terminal equipment more conveniently.
3102
3103 **2)How to access?**
3104
3105 Asean URL: [[http:~~/~~/asean.v-box.net/web/htmlnew/user/login.html>>url:http://asean.v-box.net/web/htmlnew/user/login.html]]
3106
3107 Asean account&password: weconuser 123123
3108
3109 EU URL: [[http:~~/~~/eu.v-box.net/web/htmlnew/user/login.html>>url:http://eu.v-box.net/web/htmlnew/user/login.html]]
3110
3111 EU account&password: weconuser weconuser123
3112 **✎Note1: **users can edit Cloud SCADA project freely, and the modified results will not be saved.
3113
3114 **✎Note2: **users can enter the Cloud SCADA page by clicking the following positions:
3115
3116 (% style="text-align:center" %)
3117 [[image:1648577581177-590.png||height="408" width="800" class="img-thumbnail"]]
3118
3119 **3)Industry classification**
3120
3121 There are 20 Cloud SCADA projects created in demo account, including HVAC system, water treatment system, smart farm, smart factory and smart city.
3122
3123 (% style="text-align:center" %)
3124 [[image:1648577644453-821.png||height="377" width="800" class="img-thumbnail"]]
3125
3126 **4)Part of the project introduction**
3127
3128 4.1 Heating Monitoring System
3129
3130 Collect the analog signals of the temperature, pressure and flow rate of the outlet water of the heat exchanger, and use PID to control the valve diameter of the heat exchanger and the rotation speed of the circulating pump to achieve the purpose of automatic temperature adjustment.
3131
3132 (% style="text-align:center" %)
3133 [[image:1648577724164-599.png||height="393" width="800" class="img-thumbnail"]]
3134
3135 (% style="text-align:center" %)
3136 [[image:1648577744837-247.png||height="450" width="800" class="img-thumbnail"]]
3137
3138 4.2 Water Treatment System
3139
3140 Industry introduction: water treatment system.Mainly to improve waterquality, to meet certain water quality standards, such as drinking water, industrial wastewater discharge.In order to ensure the stable operation of the water treatment system, it is necessary to monitor the water pressure and water level, and adjust the   appropriate water pressure and water level by remote control of the pumpspeed.
3141
3142 (% style="text-align:center" %)
3143 [[image:1648577778435-311.png||height="450" width="800" class="img-thumbnail"]]
3144
3145 4.3 Smart City Monitoring
3146
3147 The multi-functional city monitoring system can be applied to multiple scenarios such as HVAC, factory, and pump station monitoring. Monitor and control common industrial parameters such as voltage, current, power, frequency, temperature, liquid level, etc.
3148
3149 (% style="text-align:center" %)
3150 [[image:1648577825813-481.png||height="452" width="800" class="img-thumbnail"]]
3151
3152 (% style="text-align:center" %)
3153 [[image:1648577843849-690.png||height="452" width="800" class="img-thumbnail"]]
3154
3155 4.4 Smart Building Monitoring
3156
3157 It is used in community management to monitor various facilities in the community such as elevator equipment, lighting system, parking lot, fire fighting equipment, etc. In the event of an abnormality in the equipment, such as elevator damage, insufficient fire water, etc., an alarm prompt is sent to the manager.
3158
3159 (% style="text-align:center" %)
3160 [[image:1648577874801-932.png||height="408" width="800" class="img-thumbnail"]]
3161
3162 (% style="text-align:center" %)
3163 [[image:1648577894932-957.png||height="408" width="800" class="img-thumbnail"]]