Changes for page 05 Cloud SCADA

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

From version 7.1
edited by Leo
on 2022/06/16 17:08
Change comment: There is no comment for this version
To version 1.1
edited by Leo Wei
on 2022/06/08 12:58
Change comment: Imported from XAR

Summary

Details

Page properties
Title
... ... @@ -1,1 +1,1 @@
1 -02 Cloud SCADA
1 +02 V-BOX cloud configuration
Author
... ... @@ -1,1 +1,1 @@
1 -XWiki.Leo
1 +XWiki.admin
Content
... ... @@ -1,10 +1,11 @@
1 -= 1 Instruction =
1 += **1 Instruction of WEB SCADA platform** =
2 2  
3 -The default page of the V-BOX WEB SCADA platform after login is shown as below. The main functions of this platform includes 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.
3 +The default page of the V-BOX WEB SCADA platform after login is shown as Figure 1-1. The main functions of this platform includes 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 4  
5 5  (% style="text-align:center" %)
6 -[[image:1617874482390-379.png||height="421" width="800" class="img-thumbnail"]]
6 +[[image:1617874482390-379.png||class="img-thumbnail" height="421" width="800"]]
7 7  
8 +Figure 1 ‑1
8 8  
9 9  **Introduction**
10 10  
... ... @@ -18,16 +18,18 @@
18 18  Google Chrome is recommended.
19 19  
20 20  (((
21 -= 2 Sign in =
22 += **2 Sign in** =
22 22  )))
23 23  
24 -**Steps:**
25 +**Operating procedures**
25 25  
26 26  1) Click Cloud SCADA under service in the upper right corner, or enter [http:~/~/web.v-box.net/web/html/user/login.html] on browser.
27 27  
28 28  (% style="text-align:center" %)
29 -[[image:1617874518342-186.png||height="357" width="200" class="img-thumbnail"]]
30 +[[image:1617874518342-186.png||class="img-thumbnail" height="357" width="200"]]
30 30  
32 +Figure 2 ‑1
33 +
31 31  2)The account of the V-box WEB SCADA platform is the same as the V-BOX account.
32 32  
33 33  **✎Note:**
... ... @@ -35,63 +35,73 @@
35 35  Google Chrome is recommended.
36 36  
37 37  (((
38 -= 3 Centralized monitoring =
41 += **3 Centralized monitoring** =
39 39  )))
40 40  
41 41  Centralized monitoring is the default home page of the platform. As shown as Figure 3-1.
42 42  
43 43  (% style="text-align:center" %)
44 -[[image:1617874482390-379.png||height="421" width="800" class="img-thumbnail"]]
47 +[[image:1617874482390-379.png||class="img-thumbnail" height="421" width="800"]]
45 45  
49 +Figure 3 ‑1
50 +
46 46  This page shows projects under each group by switching groups. User could add, delete and modify the group.
47 47  
48 -== 3.1 Group management ==
53 +== **3.1 Group management** ==
49 49  
50 -The centralized monitoring module classifies the project by group.
55 +The centralized monitoring module classifies the project by group. As shown in Figure 3-2.
51 51  
52 52  (% style="text-align:center" %)
53 -[[image:1617933161760-158.png||height="35" width="900" class="img-thumbnail"]]
58 +[[image:1617933161760-158.png||class="img-thumbnail" height="35" width="900"]]
54 54  
60 +Figure 3 ‑2
61 +
55 55  1. **Switch group:** Click group name to switch group.
56 -1. **Add a group:** Click [[image:V-BOX cloud configuration user manual_html_b2953a9d44427091.png||height="29" width="30" class="img-thumbnail"]] to add a new group.
57 -1. **Edit group:** Click [[image:V-BOX cloud configuration user manual_html_516339bb09efc553.png||height="28" width="30" class="img-thumbnail"]] to edit the group name.
58 -1. **Delete group:** Click [[image:V-BOX cloud configuration user manual_html_c92089cb54d385cd.png||height="28" width="30" class="img-thumbnail"]] to delete the current group.
59 -1. **More group:** Click [[image:V-BOX cloud configuration user manual_html_df266f0fa8d8536e.png||height="16" width="30" class="img-thumbnail"]] to display the previous or next group.
63 +1. **Add a group:** Click [[image:V-BOX cloud configuration user manual_html_b2953a9d44427091.png||class="img-thumbnail" height="29" width="30"]] to add a new group.
64 +1. **Edit group:** Click [[image:V-BOX cloud configuration user manual_html_516339bb09efc553.png||class="img-thumbnail" height="28" width="30"]] to edit the group name.
65 +1. **Delete group:** Click [[image:V-BOX cloud configuration user manual_html_c92089cb54d385cd.png||class="img-thumbnail" height="28" width="30"]] to delete the current group.
66 +1. **More group:** Click [[image:V-BOX cloud configuration user manual_html_df266f0fa8d8536e.png||class="img-thumbnail" height="16" width="30"]] to display the previous or next group.
60 60  
61 -== 3.2 Assign project ==
68 +== **3.2 Assign project** ==
62 62  
63 -The centralized monitoring module includes 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.
70 +The centralized monitoring module includes 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 in Figure 3-3.
64 64  
65 65  (% style="text-align:center" %)
66 -[[image:1617948660671-429.png||height="270" width="800" class="img-thumbnail"]]
73 +[[image:1617948660671-429.png||class="img-thumbnail" height="270" width="800"]]
67 67  
75 +Figure 3 ‑3
76 +
68 68  1. **Add project:** Click [[image:1617948869319-850.png||class="img-thumbnail"]] in the project list area to assign a project in the group.
69 69  1. **Delete project: **Click [[image:1617948891768-154.png||class="img-thumbnail"]] in the upper right corner of a project thumbnail in the project list to move the project out of the group.
70 70  1. **Preview project:** Click on [[image:1617948906340-294.png||class="img-thumbnail"]] to view the configuration screen of the project. For details, please refer to chapter 3.3.
71 71  
72 -== 3.3 Browse project ==
81 +== **3.3 Browse project** ==
73 73  
74 -Click on [[image:1617948906340-294.png||class="img-thumbnail"]] in the project list to view the configuration screen.
83 +Click on [[image:1617948906340-294.png||class="img-thumbnail"]] in the project list to view the configuration screen. See Figure 3-4.
75 75  
76 76  (% style="text-align:center" %)
77 -[[image:V-BOX cloud configuration user manual_html_72b4c2044c0ab2fe.png||height="365" width="600" class="img-thumbnail"]]
86 +[[image:V-BOX cloud configuration user manual_html_72b4c2044c0ab2fe.png||class="img-thumbnail" height="365" width="600"]]
78 78  
88 +Figure 3 ‑4
89 +
79 79  1. **Real-time data: **Click the [Real-time Data] to view the device name and state. Or view the current value, encoding, description, etc. of each data.
80 80  1. **Alarm data: **Click the [alarm data] button to pop up the alarm record page and view the current alarm status and historical alarm information.
81 81  1. **Historical data:** Click the [History Data] button to pop up the history report interface of the data. User could view all the historical data.
82 82  1. **Multi-language:** multi-language drop-down menu, one object could support three language at the same time, user could switch language by this menu.
83 -1. [[image:V-BOX cloud configuration user manual_html_f89481c3d93517fb.png||height="26" width="28" class="img-thumbnail"]] : Zoom in screen
84 -1. [[image:V-BOX cloud configuration user manual_html_4836056a73da4491.png||height="27" width="28" class="img-thumbnail"]] : Zoom out screen
94 +1. [[image:V-BOX cloud configuration user manual_html_f89481c3d93517fb.png||class="img-thumbnail" height="26" width="28"]] : Zoom in screen
95 +1. [[image:V-BOX cloud configuration user manual_html_4836056a73da4491.png||class="img-thumbnail" height="27" width="28"]] : Zoom out screen
85 85  
86 86  = **4 Template management** =
87 87  
88 88  == **4.1 Template management** ==
89 89  
90 -Click the template management module on the left menu to enter the template management module.
101 +Click the template management module on the left menu to enter the template management module, as Figure 4-1 shows.
91 91  
92 92  (% style="text-align:center" %)
93 -[[image:1617949183137-615.png||height="205" width="800" class="img-thumbnail"]]
104 +[[image:1617949183137-615.png||class="img-thumbnail" height="205" width="800"]]
94 94  
106 +Figure 4 ‑1
107 +
95 95  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 .
96 96  
97 97  == **4.2 Add, edit and delete template** ==
... ... @@ -101,8 +101,10 @@
101 101  1. **Delete template: **Click the [Delete] to delete the template.
102 102  
103 103  (% style="text-align:center" %)
104 -[[image:1617933432286-367.png||height="347" width="600" class="img-thumbnail"]]
117 +[[image:1617933432286-367.png||class="img-thumbnail" height="347" width="600"]]
105 105  
119 +Figure 4 ‑2
120 +
106 106  == **4.3 Design template** ==
107 107  
108 108  Click the [Template Design] in the template list to access the V-box configuration platform editor page. User could edit the template in this page. More details about how to design the project please refer to Chapter 6.
... ... @@ -113,11 +113,13 @@
113 113  
114 114  == **5.1 Project management** ==
115 115  
116 -Click the [Project management] on the left menu to enter the project list.
131 +Click the [Project management] on the left menu to enter the project list, as Figure 5-1 shows.
117 117  
118 118  (% style="text-align:center" %)
119 -[[image:1617949499753-859.png||height="401" width="800" class="img-thumbnail"]]
134 +[[image:1617949499753-859.png||class="img-thumbnail" height="401" width="800"]]
120 120  
136 +Figure 5 ‑1
137 +
121 121  == **5.2 Add, edit, delete and preview project** ==
122 122  
123 123  1. **Add project:** Click the [Add] in the upper right corner of [Project Management] to add a project (Set project name and cross-box options).
... ... @@ -142,19 +142,23 @@
142 142  Click [Design] (or Template design) in [Project Management] (or Template Management) screen to access WEB SCADA editor.
143 143  
144 144  (% style="text-align:center" %)
145 -[[image:1617949467765-343.png||height="393" width="800" class="img-thumbnail"]]
162 +[[image:1617949467765-343.png||class="img-thumbnail" height="393" width="800"]]
146 146  
147 -The function partition of WEB SCADA editor.
164 +Figure 6 ‑1
148 148  
166 +The function partition of WEB SCADA editor is shown in Figure 6-2.
167 +
149 149  (% style="text-align:center" %)
150 -[[image:V-box 1.png||alt="V-BOX cloud configuration user manual_html_cb0c19aefec34494.png" height="315" width="600" class="img-thumbnail"]]
169 +[[image:V-box 1.png||alt="V-BOX cloud configuration user manual_html_cb0c19aefec34494.png" class="img-thumbnail" height="315" width="600"]]
151 151  
171 +Figure 6 ‑2
172 +
152 152  1. **Toolbar:** A function bar that provides pages operations and objects operations;
153 153  1. **Project Manager:** It shows all pages for project;
154 154  1. **Objects Library: **It provides 7 basic shapes objects and 13 common objects for creating SCADA page;
155 155  1. **Design Area: **Design area for SCADA page and template;
156 156  
157 -== **6.2 Design** ==
178 +== **6.2 Operating procedures of design** ==
158 158  
159 159  1. Create new page and set the property;
160 160  1. Select the object and drag the mouse in design area;
... ... @@ -163,26 +163,31 @@
163 163  
164 164  == **6.3 Project Screen** ==
165 165  
166 -A project or template is composed of one or several screens. And all screens are listed on [Project Manager]. Select screen name, its page would be displayed on [Design Area].
187 +A project or template is composed of one or several screens. And all screens are listed on [Project Manager] as Figure 6-3 shows. Select screen name, its page would be displayed on [Design Area].
167 167  
168 168  (% style="text-align:center" %)
169 -[[image:1617949566099-340.png||height="705" width="250" class="img-thumbnail"]]
190 +[[image:1617949566099-340.png||class="img-thumbnail" height="705" width="250"]]
170 170  
171 -Project Manager would display two kinds of screen. One is page screen, and the other is Thumbnail. A project or template could contain several screens, but only one thumbnail. Thumbnail is used for displayed project on [Centralized Monitoring].
192 +Figure 6 ‑3
172 172  
194 +Project Manager would display two kinds of screen. One is page screen, and the other is Thumbnail. A project or template could contain several screens, but only one thumbnail. Thumbnail is used for displayed project on [Centralized Monitoring] as Figure 6-4 shows.
195 +
173 173  (% style="text-align:center" %)
174 -[[image:1617949620811-522.png||height="469" width="800" class="img-thumbnail"]]
197 +[[image:1617949620811-522.png||class="img-thumbnail" height="469" width="800"]]
175 175  
176 176  (% style="text-align:center" %)
177 -[[image:1617949663298-790.png||height="413" width="800" class="img-thumbnail"]]
200 +[[image:1617949663298-790.png||class="img-thumbnail" height="413" width="800"]]
178 178  
179 -**Creating thumbnail**
202 +Figure 6 ‑4
180 180  
181 -1)Click [[image:V-BOX cloud configuration user manual_html_287ead7d4c995a28.png||height="30" width="30" class="img-thumbnail"]] on [Project Manager];
204 +**Operating procedures of creating thumbnail**
182 182  
206 +1)Click [[image:V-BOX cloud configuration user manual_html_287ead7d4c995a28.png||class="img-thumbnail" height="30" width="30"]] on [Project Manager];
207 +
183 183  (% style="text-align:center" %)
184 -[[image:1617949820581-164.png||height="386" width="500" class="img-thumbnail"]]
209 +[[image:1617949820581-164.png||class="img-thumbnail" height="386" width="500"]]
185 185  
211 +Figure 6 ‑14
186 186  
187 187  2)Select [Page Type] as [Thumbnail] on screen attribute window;
188 188  
... ... @@ -190,12 +190,12 @@
190 190  
191 191  4)Click [Save] to complete operation;
192 192  
193 -**Creating page screen**
219 +**Operating procedures of creating page screen**
194 194  
195 -1)Click [[image:V-BOX cloud configuration user manual_html_287ead7d4c995a28.png||height="30" width="30" class="img-thumbnail"]] on [Project Manager];
221 +1)Click [[image:V-BOX cloud configuration user manual_html_287ead7d4c995a28.png||class="img-thumbnail" height="30" width="30"]] on [Project Manager];
196 196  
197 197  (% style="text-align:center" %)
198 -[[image:1617949844339-186.png||height="547" width="400" class="img-thumbnail"]]
224 +[[image:1617949844339-186.png||class="img-thumbnail" height="547" width="400"]]
199 199  
200 200  Figure 6 ‑15
201 201  
... ... @@ -207,15 +207,15 @@
207 207  
208 208  When a thumbnail page is not created, the default picture would be displayed on [Centralized Monitoring].
209 209  
210 -**Modifying screen**
236 +**Operating procedures of modifying screen**
211 211  
212 212  1. Select the page to be modified;
213 -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];
239 +1. Click [[image:V-BOX cloud configuration user manual_html_a5f920d2d144472c.png||class="img-thumbnail" height="30" width="30"]] on [Project Manager] or [[image:V-BOX cloud configuration user manual_html_56ae321f2d4418ac.png||class="img-thumbnail" height="24" width="147"]] on [Toolbar];
214 214  1. Modify screen on [Design Area];
215 -1. Click [[image:V-BOX cloud configuration user manual_html_5970eb09902bd1a3.png||height="30" width="30" class="img-thumbnail"]] on [Toolbar] to complete modification;
241 +1. Click [[image:V-BOX cloud configuration user manual_html_5970eb09902bd1a3.png||class="img-thumbnail" height="30" width="30"]] on [Toolbar] to complete modification;
216 216  1.
217 217  
218 -**Deleting screen**
244 +**Operating procedures of deleting screen**
219 219  
220 220  1)Select screen on [Project Manager];
221 221  
... ... @@ -222,11 +222,13 @@
222 222  2)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;
223 223  
224 224  (% style="text-align:center" %)
225 -[[image:V-BOX cloud configuration user manual_html_1e7f9096426ebeca.png||height="161" width="300" class="img-thumbnail"]]
251 +[[image:V-BOX cloud configuration user manual_html_1e7f9096426ebeca.png||class="img-thumbnail" height="161" width="300"]]
226 226  
253 +Figure 6 ‑16
254 +
227 227  3)Click [OK] to delete page;
228 228  
229 -**Sort screen**
257 +**Operating procedures of sort screen**
230 230  
231 231  1. Select page screen on [Project Manager];
232 232  1. Click [[image:V-BOX cloud configuration user manual_html_1ab5c888bfd536c.png||height="19" width="40"]] to sort screen upwards or downwards;
... ... @@ -241,22 +241,24 @@
241 241  
242 242  === **6.4.1 Basic Operations** ===
243 243  
244 -**Adding objects on screen**
272 +**Operating procedures of adding objects on screen**
245 245  
246 246  1. Select and click the desired object on [Objects Library];
247 247  1. Move the cursor to the [Design Area];
248 248  1. When cursor changes as + symbol, hold down left click draw the desired size;
249 249  
250 -**Moving object**
278 +**Operating procedures of moving object**
251 251  
252 252  1. Select object on [Design Area];
253 -1. Hold down the left click and move object to desired position.
281 +1. Hold down the left click and move object to desired position, as shown in Figure 6-8.
254 254  
255 255  (% style="text-align:center" %)
256 -[[image:V-BOX cloud configuration user manual_html_4a7ca599f8cf89c5.png||height="141" width="200" class="img-thumbnail"]]
284 +[[image:V-BOX cloud configuration user manual_html_4a7ca599f8cf89c5.png||class="img-thumbnail" height="141" width="200"]]
257 257  
258 -**Scaling object**
286 +Figure 6 ‑8
259 259  
288 +**Operating procedures of scaling object**
289 +
260 260  1)Select object, the positioning control point would appear around object;
261 261  
262 262  2)Click any control point;
... ... @@ -263,15 +263,17 @@
263 263  
264 264  3)Move point to scale object;
265 265  
266 -**Editing object**
296 +**Operating procedure of editing object**
267 267  
268 268  1)Select object;
269 269  
270 -2)Double-click it to open property window;
300 +2)Double-click it to open property window as Figure 6-9 shows;
271 271  
272 272  (% style="text-align:center" %)
273 -[[image:V-BOX cloud configuration user manual_html_45a8e3cf3e1113fe.png||height="352" width="600" class="img-thumbnail"]]
303 +[[image:V-BOX cloud configuration user manual_html_45a8e3cf3e1113fe.png||class="img-thumbnail" height="352" width="600"]]
274 274  
305 +Figure 6 ‑18
306 +
275 275  3)Edit object settings;
276 276  
277 277  4)Click [Save] to complete operation;
... ... @@ -281,7 +281,7 @@
281 281  **1)Basic**
282 282  
283 283  (% style="text-align:center" %)
284 -[[image:1617949894556-149.png||height="402" width="250" class="img-thumbnail"]]
316 +[[image:1617949894556-149.png||class="img-thumbnail" height="402" width="250"]]
285 285  
286 286  Figure 6 ‑10
287 287  
... ... @@ -300,10 +300,10 @@
300 300  * **Picture: **It is used for displaying the picture, support the user defined picture.
301 301  
302 302  (% class="table-bordered" %)
303 -|=(% scope="row" %)**Property**|=**Description**
304 -|=Gallery|Choose the picture from the gallery
305 -|=Angle|Rotation angle (0~~360)
306 -|=Scale|(((
335 +|**Property**|**Description**
336 +|Gallery|Choose the picture from the gallery
337 +|Angle|Rotation angle (0~~360)
338 +|Scale|(((
307 307  Yes: the aspect ratio is fixed
308 308  
309 309  No: the aspect ratio is not fixed
... ... @@ -312,10 +312,13 @@
312 312  **2)Common**
313 313  
314 314  (% style="text-align:center" %)
315 -[[image:V-BOX cloud configuration user manual_html_c84a5d0032df07e2.png||height="420" width="250" class="img-thumbnail"]]
347 +[[image:V-BOX cloud configuration user manual_html_c84a5d0032df07e2.png||class="img-thumbnail" height="420" width="250"]]
316 316  
349 +Figure 6 ‑11
350 +
317 317  * **Display Frame**
318 318  
353 +(% border="2" %)
319 319  |**Item**|**Description**
320 320  |Monitoring Point|Set operating address for this object (Read and write can be different);
321 321  |Read-write permission|There are three modes for it, users could select according to requirements;
... ... @@ -329,6 +329,7 @@
329 329  Indicator could monitor and display the specified PLC or HMI bit address, and its state changes according to the specified address value.
330 330  
331 331  (((
367 +(% border="2" %)
332 332  |**Items**|**Description**
333 333  |Monitor Point|Set reading address for this object;
334 334  |Status|Set text for every status;
... ... @@ -342,6 +342,7 @@
342 342  Switch could operate the specified PLC or HMI bit address, and its state changes according to the specified address value.
343 343  
344 344  (((
381 +(% border="2" %)
345 345  |**Items**|**Description**
346 346  |Monitor Point|Set operating address for this object (Read and write can be different);
347 347  |Read-write permission|There are three modes for it, users could select according to requirements;
... ... @@ -357,6 +357,7 @@
357 357  Display the value of address in real time using the dashboard.
358 358  
359 359  (((
397 +(% border="2" %)
360 360  |**Items**|**Description**
361 361  |Monitor Point|Set operating address for this object (Read and write can be different);
362 362  |Select|Set dashboard display range, there are two modes, Constant and Variable
... ... @@ -372,6 +372,7 @@
372 372  Use the length or height of the rectangle to reflect the value of reading address so that the value could be visualized.
373 373  
374 374  (((
413 +(% border="2" %)
375 375  |**Items**|**Description**
376 376  |Monitor Point|Set operating address for this object (Read and write can be different);
377 377  |Digit Display|Check it to display digit value on bar;
... ... @@ -388,6 +388,7 @@
388 388  Use the curve to show the trend of the data over time. X-axis is time, Y-axis is variable.
389 389  
390 390  (((
430 +(% border="2" %)
391 391  |**Items**|**Description**
392 392  |Monitor Point|Set operating address for this object (Read and write can be different);
393 393  |Digit Display|Check it to display digit value on bar;
... ... @@ -405,6 +405,7 @@
405 405  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;
406 406  
407 407  (((
448 +(% border="2" %)
408 408  |**Items**|**Description**
409 409  |Border color|Set object background color;
410 410  |Color|Set flowing block color;
... ... @@ -416,6 +416,8 @@
416 416  
417 417  Word address: Set value range;
418 418  )))
460 +
461 +(% border="2" %)
419 419  |Color Block Width|Set flowing block size;
420 420  |Color Block Length|Set flowing block size;
421 421  |Color Block Spacing|Set the spacing between flow blocks;
... ... @@ -433,6 +433,7 @@
433 433  Video object is used for playing the video file provided in the video source.
434 434  
435 435  (((
479 +(% border="2" %)
436 436  |**Items**|**Description**
437 437  |Border color|Set object background color;
438 438  |Color|Set flowing block color;
... ... @@ -444,6 +444,8 @@
444 444  
445 445  Word address: Set value range;
446 446  )))
491 +
492 +(% border="2" %)
447 447  |Color Block Width|Set flowing block size;
448 448  |Color Block Length|Set flowing block size;
449 449  |Color Block Spacing|Set the spacing between flow blocks;
... ... @@ -457,7 +457,8 @@
457 457  The object for link website;
458 458  
459 459  (((
460 -|=**Items**|=**Description**
506 +(% border="2" %)
507 +|**Items**|**Description**
461 461  |Link address|Enter website;
462 462  |Open with|There are two options, user could select open with new window or current window;
463 463  |Select Language|One object could support three language, user could enter text for note object;
... ... @@ -470,7 +470,8 @@
470 470  Function switch is designed to switch screens, and call and close sub screen.
471 471  
472 472  (((
473 -|=**Items**|=**Description**
520 +(% border="2" %)
521 +|**Items**|**Description**
474 474  |Screen|Select the target screen for switch;
475 475  |Sub-screen|There are two options, user could select open with new window or current window;
476 476  |Previous|Switch to the previous screen
... ... @@ -486,7 +486,8 @@
486 486  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.
487 487  
488 488  (((
489 -|=**Items**|=**Description**
537 +(% border="2" %)
538 +|**Items**|**Description**
490 490  |Bit operation|It provides [Bit copy], [Set ON], [Set OFF], [Switch] and [Bit Copy] functions.
491 491  |Word operation|It provides [Word copy], [Word set], [Increase] and [Decrease] functions,
492 492  |Arithmetic|[Add], [Subtract], [Multiply] and [Divide] functions
... ... @@ -502,7 +502,8 @@
502 502  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.
503 503  
504 504  (((
505 -|=**Items**|=**Description**
554 +(% border="2" %)
555 +|**Items**|**Description**
506 506  |Monitoring box|Link a box for the time part
507 507  |Pattern|Two types, one is digit and the other is clock
508 508  |Format settings|Set format for time and date in digit pattern
... ... @@ -516,7 +516,8 @@
516 516  It is used for display more than one tag value in Bar graph format.
517 517  
518 518  (((
519 -|=**Items**|=**Description**
569 +(% border="2" %)
570 +|**Items**|**Description**
520 520  |Add new group|Maximum is 8, add items for this object, also set colors
521 521  |Add monitoring point|Set read tag for every item,
522 522  |Style|Set object display style such as color, use picture as background or not
... ... @@ -528,7 +528,8 @@
528 528  It is used for display alarm information of V-BOX. It can support current and history alarm.
529 529  
530 530  (((
531 -|=**Items**|=**Description**
582 +(% border="2" %)
583 +|**Items**|**Description**
532 532  |Select box|Link to V-BOX
533 533  |Alarm type|Select current alarm or history alarm or all
534 534  |Start date|Alarm display start date
... ... @@ -545,7 +545,8 @@
545 545  The history trend will display data record with graph. X axis represents as time, and Y axis represents as data.
546 546  
547 547  (((
548 -|=(% colspan="2" %)**Items**|=**Description**
600 +(% border="2" %)
601 +|(% colspan="2" %)**Items**|**Description**
549 549  |(% colspan="2" %)Basic|Set numbers of curve in object and select style for every curves including color, link tag
550 550  |(% rowspan="11" %)Style|Display form|Two type, one is curve, and the other is table
551 551  |Start date|Start date of history data
... ... @@ -566,7 +566,8 @@
566 566  This object is used for calling screens when condition is met.
567 567  
568 568  (((
569 -|=(% colspan="2" %)**Items**|=**Description**
622 +(% border="2" %)
623 +|(% colspan="2" %)**Items**|**Description**
570 570  |(% rowspan="4" %)Basic|Conditional trigger|It provides bit, word condition and unconditional
571 571  |Bind monitoring point|Link to tag for triggering
572 572  |Trigger condition|for bit address, it requires ON or OFF, for word address, different value corresponds to different screens.
... ... @@ -580,7 +580,8 @@
580 580  Display value as ring chart
581 581  
582 582  (((
583 -|=(% colspan="2" %)**Items**|=**Description**
637 +(% border="2" %)
638 +|(% colspan="2" %)**Items**|**Description**
584 584  |(% rowspan="7" %)Basic|Monitor point|Link to tag for data reading
585 585  |Range|Set fixed range or variable range
586 586  |Scales|Set scales such as major and minor numbers, colors and so on
... ... @@ -597,7 +597,8 @@
597 597  Display more than one value in one pie chart
598 598  
599 599  (((
600 -|=(% colspan="2" %)**Items**|=**Description**
655 +(% border="2" %)
656 +|(% colspan="2" %)**Items**|**Description**
601 601  |(% colspan="2" %)Monitor point|Add read addresses, the maximum is 8
602 602  |(% rowspan="3" %)Style|Pattern|Set alarm range and colors
603 603  |Numerical scale|Check it to display value in object
... ... @@ -610,21 +610,22 @@
610 610  The toolbar has the same function as the tool list. (right-click on the canvas to pop up tool list)
611 611  
612 612  (((
613 -|=**Tool**|=**Description**
614 -|[[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.
615 -|[[image:V-BOX cloud configuration user manual_html_867a000ba1161424.png||height="21" width="69" class="img-thumbnail"]]|Save current canvas
616 -|[[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.
617 -|[[image:V-BOX cloud configuration user manual_html_e5d36271faf64986.png||height="21" width="73" class="img-thumbnail"]]|Copy the selected parts.
618 -|[[image:V-BOX cloud configuration user manual_html_97033b77500d6b5e.png||height="21" width="75" class="img-thumbnail"]]|Paste the selected parts
619 -|[[image:V-BOX cloud configuration user manual_html_53bc6f617b145720.png||height="22" width="148" class="img-thumbnail"]]|The property of the current screen
620 -|[[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
621 -|[[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.
622 -|[[image:V-BOX cloud configuration user manual_html_6aae3377add443ff.png||height="38" width="150" class="img-thumbnail"]]|Align left edge of multiple parts
623 -|[[image:V-BOX cloud configuration user manual_html_dc8fb256a13e2f91.png||height="40" width="150" class="img-thumbnail"]]|Align right edge of multiple parts
624 -|[[image:V-BOX cloud configuration user manual_html_bec295f2d25219f9.png||height="39" width="150" class="img-thumbnail"]]|Align top edge of multiple parts
625 -|[[image:V-BOX cloud configuration user manual_html_4a0c10157943d534.png||height="39" width="150" class="img-thumbnail"]]|Align bottom edge of multiple parts
626 -|[[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
627 -|[[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
669 +(% border="2" %)
670 +|**Tool**|**Description**
671 +|[[image:V-BOX cloud configuration user manual_html_668218d361cc54ba.png||class="img-thumbnail" height="21" width="76"]]|Mouse tool for selecting parts. Hold Ctrl key and click on the part to select multiple parts at the same time.
672 +|[[image:V-BOX cloud configuration user manual_html_867a000ba1161424.png||class="img-thumbnail" height="21" width="69"]]|Save current canvas
673 +|[[image:V-BOX cloud configuration user manual_html_f5dbf6b889320d6c.png||class="img-thumbnail" height="21" width="81"]]|Delete the selected parts. Multiple selected parts can be deleted at the same time.
674 +|[[image:V-BOX cloud configuration user manual_html_e5d36271faf64986.png||class="img-thumbnail" height="21" width="73"]]|Copy the selected parts.
675 +|[[image:V-BOX cloud configuration user manual_html_97033b77500d6b5e.png||class="img-thumbnail" height="21" width="75"]]|Paste the selected parts
676 +|[[image:V-BOX cloud configuration user manual_html_53bc6f617b145720.png||class="img-thumbnail" height="22" width="148"]]|The property of the current screen
677 +|[[image:V-BOX cloud configuration user manual_html_44a3e98a692aee6a.png||class="img-thumbnail" height="21" width="157"]]|Import the configured template for the current screen
678 +|[[image:V-BOX cloud configuration user manual_html_30f2f1591b0a9e66.png||class="img-thumbnail" height="22" width="89"]]|Browse the current project interface. The default home page is the top screen in the project page list.
679 +|[[image:V-BOX cloud configuration user manual_html_6aae3377add443ff.png||class="img-thumbnail" height="38" width="150"]]|Align left edge of multiple parts
680 +|[[image:V-BOX cloud configuration user manual_html_dc8fb256a13e2f91.png||class="img-thumbnail" height="40" width="150"]]|Align right edge of multiple parts
681 +|[[image:V-BOX cloud configuration user manual_html_bec295f2d25219f9.png||class="img-thumbnail" height="39" width="150"]]|Align top edge of multiple parts
682 +|[[image:V-BOX cloud configuration user manual_html_4a0c10157943d534.png||class="img-thumbnail" height="39" width="150"]]|Align bottom edge of multiple parts
683 +|[[image:V-BOX cloud configuration user manual_html_378cd8ba635ed3f4.png||class="img-thumbnail" height="38" width="150"]]|Place the selected part on top of the other parts
684 +|[[image:V-BOX cloud configuration user manual_html_6a594344368f5276.png||class="img-thumbnail" height="38" width="150"]]|Place the selected part on the bottom of the other parts
628 628  )))
629 629  
630 630  (((
... ... @@ -641,16 +641,16 @@
641 641  
642 642  **1)How to assign project for sub-account**
643 643  
644 -* 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.
645 -* 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.
701 +* Click the button [[image:V-BOX cloud configuration user manual_html_d96aea12cdb7cdb1.png||class="img-thumbnail" height="26" width="150"]] at the end of the sub-account line to enter the project list page of the sub-account, as shown in Figure 7-2.
702 +* Click the button [[image:V-BOX cloud configuration user manual_html_5fd249946ccb44cc.png||class="img-thumbnail" height="34" width="150"]] 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.
646 646  
647 647  (% style="text-align:center" %)
648 -[[image:1617934946822-979.png||height="421" width="800" class="img-thumbnail"]]
705 +[[image:1617934946822-979.png||class="img-thumbnail" height="421" width="800"]]
649 649  
650 650  Figure 7 ‑2
651 651  
652 652  (% style="text-align:center" %)
653 -[[image:1617950026178-538.png||height="375" width="600" class="img-thumbnail"]]
710 +[[image:1617950026178-538.png||class="img-thumbnail" height="375" width="600"]]
654 654  
655 655  Figure 7 ‑3
656 656  
... ... @@ -658,6 +658,8 @@
658 658  
659 659  In the list of assigned projects in the sub-account, click “Unbind Project” to unbind the project for the account.
660 660  
718 +ptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
719 +
661 661  = **8 Cloud SCADA demo account** =
662 662  
663 663  **1)What is Cloud SCADA platform?**
... ... @@ -678,7 +678,7 @@
678 678  **✎Note2: **users can enter the Cloud SCADA page by clicking the following positions:
679 679  
680 680  (% style="text-align:center" %)
681 -[[image:1648577581177-590.png||height="408" width="800" class="img-thumbnail"]]
740 +[[image:1648577581177-590.png||class="img-thumbnail" height="408" width="800"]]
682 682  
683 683  **3)Industry classification**
684 684  
... ... @@ -685,7 +685,7 @@
685 685  There are 20 Cloud SCADA projects created in demo account, including HVAC system, water treatment system, smart farm, smart factory and smart city.
686 686  
687 687  (% style="text-align:center" %)
688 -[[image:1648577644453-821.png||height="377" width="800" class="img-thumbnail"]]
747 +[[image:1648577644453-821.png||class="img-thumbnail" height="377" width="800"]]
689 689  
690 690  **4)Part of the project introduction**
691 691  
... ... @@ -694,10 +694,10 @@
694 694  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.
695 695  
696 696  (% style="text-align:center" %)
697 -[[image:1648577724164-599.png||height="393" width="800" class="img-thumbnail"]]
756 +[[image:1648577724164-599.png||class="img-thumbnail" height="393" width="800"]]
698 698  
699 699  (% style="text-align:center" %)
700 -[[image:1648577744837-247.png||height="450" width="800" class="img-thumbnail"]]
759 +[[image:1648577744837-247.png||class="img-thumbnail" height="450" width="800"]]
701 701  
702 702  4.2 Water Treatment System
703 703  
... ... @@ -704,7 +704,7 @@
704 704  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.
705 705  
706 706  (% style="text-align:center" %)
707 -[[image:1648577778435-311.png||height="450" width="800" class="img-thumbnail"]]
766 +[[image:1648577778435-311.png||class="img-thumbnail" height="450" width="800"]]
708 708  
709 709  4.3 Smart City Monitoring
710 710  
... ... @@ -711,10 +711,10 @@
711 711  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.
712 712  
713 713  (% style="text-align:center" %)
714 -[[image:1648577825813-481.png||height="452" width="800" class="img-thumbnail"]]
773 +[[image:1648577825813-481.png||class="img-thumbnail" height="452" width="800"]]
715 715  
716 716  (% style="text-align:center" %)
717 -[[image:1648577843849-690.png||height="452" width="800" class="img-thumbnail"]]
776 +[[image:1648577843849-690.png||class="img-thumbnail" height="452" width="800"]]
718 718  
719 719  4.4 Smart Building Monitoring
720 720  
... ... @@ -721,7 +721,7 @@
721 721  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.
722 722  
723 723  (% style="text-align:center" %)
724 -[[image:1648577874801-932.png||height="408" width="800" class="img-thumbnail"]]
783 +[[image:1648577874801-932.png||class="img-thumbnail" height="408" width="800"]]
725 725  
726 726  (% style="text-align:center" %)
727 -[[image:1648577894932-957.png||height="408" width="800" class="img-thumbnail"]]
786 +[[image:1648577894932-957.png||class="img-thumbnail" height="408" width="800"]]