Changes for page 05 Cloud SCADA

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

From version 16.14
edited by Stone Wu
on 2022/07/15 10:32
Change comment: (Autosaved)
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.Stone
1 +XWiki.admin
Content
... ... @@ -1,114 +1,113 @@
1 -= **1 Introduction** =
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 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.
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
9 +
8 8  **Introduction**
9 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
12 +1. Centralized monitoring: project list, that is displayed in groups;
13 +1. Template management: add and edit templates;
14 +1. Project management: add and edit project;
15 +1. Authority management: assign a project with configuration authority for view-account
13 13  
14 -= 2 Log in =
17 +**✎Note:**
15 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.
19 +Google Chrome is recommended.
17 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 25  (((
26 -= 3 Centralized monitoring =
22 += **2 Sign in** =
27 27  )))
28 28  
29 -Centralized monitoring is the default home page of the platform. As shown as the figure below.
25 +**Operating procedures**
30 30  
27 +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.
28 +
31 31  (% style="text-align:center" %)
32 -[[image:1617874482390-379.png||height="421" width="800" class="img-thumbnail"]]
30 +[[image:1617874518342-186.png||class="img-thumbnail" height="357" width="200"]]
33 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.
32 +Figure 2 ‑1
35 35  
36 -== Group management ==
34 +2)The account of the V-box WEB SCADA platform is the same as the V-BOX account.
37 37  
38 -The centralized monitoring module classifies the project by group.
36 +**✎Note:**
39 39  
40 -[[image:image-20220714151453-2.jpeg||height="394" width="795"]]
38 +Google Chrome is recommended.
41 41  
40 +(((
41 += **3 Centralized monitoring** =
42 +)))
42 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.
44 +Centralized monitoring is the default home page of the platform. As shown as Figure 3-1.
48 48  
49 -(% class="wikigeneratedid" %)
50 -== New project ==
46 +(% style="text-align:center" %)
47 +[[image:1617874482390-379.png||class="img-thumbnail" height="421" width="800"]]
51 51  
52 -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.
49 +Figure 3 ‑1
53 53  
54 -[[image:image-20220715094953-3.jpeg]]
51 +This page shows projects under each group by switching groups. User could add, delete and modify the group.
55 55  
56 -Click "Thumbnail" to upload a thumbnai. It will be displayed as the preview image of the project.
53 +== **3.1 Group management** ==
57 57  
58 -[[image:image-20220715094733-2.jpeg]]
55 +The centralized monitoring module classifies the project by group. As shown in Figure 3-2.
59 59  
60 -(% class="box infomessage" %)
61 -(((
62 -**✎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
63 -)))
57 +(% style="text-align:center" %)
58 +[[image:1617933161760-158.png||class="img-thumbnail" height="35" width="900"]]
64 64  
65 -== Manage projects ==
60 +Figure 3 ‑2
66 66  
67 -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]]
62 +1. **Switch group:** Click group name to switch 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.
68 68  
69 -1. **manage project:** Click "manage project" to assign a project in the group.
70 -1. **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 -1. **Preview project:** Click on [[image:1617948906340-294.png||class="img-thumbnail"]] to view the configuration screen of the project.
72 -1. **Display mode: ** You could switch the display mode by clicking the icons on the upper right corner of page, shown as below.
68 +== **3.2 Assign project** ==
73 73  
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.
71 +
74 74  (% style="text-align:center" %)
75 -[[image:image-20220715101053-5.jpeg]]
73 +[[image:1617948660671-429.png||class="img-thumbnail" height="270" width="800"]]
76 76  
77 -== Browse project ==
75 +Figure 3 ‑3
78 78  
79 -Click on [[image:1617948906340-294.png||class="img-thumbnail"]] in the project list to view the configuration screen.
77 +1. **Add project:** Click [[image:1617948869319-850.png||class="img-thumbnail"]] in the project list area to assign a project in the group.
78 +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.
79 +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.
80 80  
81 -(% style="text-align:center" %)
82 -[[image:V-BOX cloud configuration user manual_html_72b4c2044c0ab2fe.png||height="365" width="600" class="img-thumbnail"]]
81 +== **3.3 Browse project** ==
83 83  
84 -1. **Real-time data: **Click the "Real-time Data" to view the device name and state, current value, encoding, description, etc.
85 -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.
86 -1. **Historical data:** Click the "History Data" button to pop up the history report interface of the data. You could view all the historical data.
87 -1. **Multi-language:** multi-language drop-down menu, one object could support three language at the same time, you could switch language by this menu.
88 -1. [[image:image-20220715101731-6.jpeg||height="50" width="50"]] Open or close the alarm sound of the alarm record object.
89 -1. [[image:image-20220715101736-7.jpeg||height="52" width="51"]] Full screen display or restore configuration screen.
90 -1. [[image:image-20220715101741-8.jpeg||height="51" width="50"]] Hide or show the top blue menu bar.
91 -1. [[image:image-20220715101747-9.jpeg||height="50" width="50"]] Zoom in the screen.
92 -1. [[image:image-20220715101753-10.jpeg||height="51" width="50"]] Zoom out the screen.
83 +Click on [[image:1617948906340-294.png||class="img-thumbnail"]] in the project list to view the configuration screen. See Figure 3-4.
93 93  
94 -(% class="wikigeneratedid" %)
95 -== Project setting ==
85 +(% style="text-align:center" %)
86 +[[image:V-BOX cloud configuration user manual_html_72b4c2044c0ab2fe.png||class="img-thumbnail" height="365" width="600"]]
96 96  
88 +Figure 3 ‑4
97 97  
98 -[[image:image-20220715103031-11.jpeg]]
90 +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.
91 +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.
92 +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.
93 +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.
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
99 99  
100 -= 4 Template =
97 += **4 Template management** =
101 101  
102 -== 4.1 Template management ==
99 +== **4.1 Template management** ==
103 103  
104 -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.
105 105  
106 106  (% style="text-align:center" %)
107 -[[image:1617949183137-615.png||height="205" width="800" class="img-thumbnail"]]
104 +[[image:1617949183137-615.png||class="img-thumbnail" height="205" width="800"]]
108 108  
106 +Figure 4 ‑1
107 +
109 109  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 .
110 110  
111 -== 4.2 Add, edit and delete template ==
110 +== **4.2 Add, edit and delete template** ==
112 112  
113 113  1. **Add template: **Click the [Add] to add a template, as Figure 4-2 shows.
114 114  1. **Edit template: **Click the [Edit] to edit the name and resolution of the template.
... ... @@ -115,60 +115,68 @@
115 115  1. **Delete template: **Click the [Delete] to delete the template.
116 116  
117 117  (% style="text-align:center" %)
118 -[[image:1617933432286-367.png||height="347" width="600" class="img-thumbnail"]]
117 +[[image:1617933432286-367.png||class="img-thumbnail" height="347" width="600"]]
119 119  
120 -== 4.3 Design template ==
119 +Figure 4 ‑2
121 121  
121 +== **4.3 Design template** ==
122 +
122 122  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.
123 123  
124 124  (((
125 -= 5 Project management =
126 += **5 Project management** =
126 126  )))
127 127  
128 -== 5.1 Project management ==
129 +== **5.1 Project management** ==
129 129  
130 -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.
131 131  
132 132  (% style="text-align:center" %)
133 -[[image:1617949499753-859.png||height="401" width="800" class="img-thumbnail"]]
134 +[[image:1617949499753-859.png||class="img-thumbnail" height="401" width="800"]]
134 134  
135 -== 5.2 Add, edit, delete and preview project ==
136 +Figure 5 ‑1
136 136  
138 +== **5.2 Add, edit, delete and preview project** ==
139 +
137 137  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).
138 138  1. **Edit project:** Click the [Edit] in a specific project line of the project list to modify the project (Set project name and cross-box options).
139 139  1. **Delete project:** Click the [Delete] to delete the corresponding project.
140 140  1. **Preview project: **Click the [Browse] to browse the project.
141 141  
142 -== 5.3 Login-free browse ==
145 +== **5.3 Login-free browse** ==
143 143  
144 144  Click the [Login-free browse] in a specific project line of the project list to pop up window, set the expiration time, then user could get the browsing address and QR code (just need a scan to browse).
145 145  
146 -== 5.4 Project design ==
149 +== **5.4 Project design** ==
147 147  
148 148  Click the [Design] button in a specific project line of the project list to access the WEB SCADA editor. For more details please check Chapter 6.
149 149  
150 150  (((
151 -= 6 V-box WEB SCADA design =
154 += **6 V-box WEB SCADA design** =
152 152  )))
153 153  
154 -== 6.1 Main screen and Menu ==
157 +== **6.1 Main screen and Menu** ==
155 155  
156 156  Click [Design] (or Template design) in [Project Management] (or Template Management) screen to access WEB SCADA editor.
157 157  
158 158  (% style="text-align:center" %)
159 -[[image:1617949467765-343.png||height="393" width="800" class="img-thumbnail"]]
162 +[[image:1617949467765-343.png||class="img-thumbnail" height="393" width="800"]]
160 160  
161 -The function partition of WEB SCADA editor.
164 +Figure 6 ‑1
162 162  
166 +The function partition of WEB SCADA editor is shown in Figure 6-2.
167 +
163 163  (% style="text-align:center" %)
164 -[[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"]]
165 165  
171 +Figure 6 ‑2
172 +
166 166  1. **Toolbar:** A function bar that provides pages operations and objects operations;
167 167  1. **Project Manager:** It shows all pages for project;
168 168  1. **Objects Library: **It provides 7 basic shapes objects and 13 common objects for creating SCADA page;
169 169  1. **Design Area: **Design area for SCADA page and template;
170 170  
171 -== 6.2 Design ==
178 +== **6.2 Operating procedures of design** ==
172 172  
173 173  1. Create new page and set the property;
174 174  1. Select the object and drag the mouse in design area;
... ... @@ -175,28 +175,33 @@
175 175  1. Edit object property and set the variable etc;
176 176  1. Save the screen;
177 177  
178 -== 6.3 Project Screen ==
185 +== **6.3 Project Screen** ==
179 179  
180 -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].
181 181  
182 182  (% style="text-align:center" %)
183 -[[image:1617949566099-340.png||height="705" width="250" class="img-thumbnail"]]
190 +[[image:1617949566099-340.png||class="img-thumbnail" height="705" width="250"]]
184 184  
185 -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
186 186  
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 +
187 187  (% style="text-align:center" %)
188 -[[image:1617949620811-522.png||height="469" width="800" class="img-thumbnail"]]
197 +[[image:1617949620811-522.png||class="img-thumbnail" height="469" width="800"]]
189 189  
190 190  (% style="text-align:center" %)
191 -[[image:1617949663298-790.png||height="413" width="800" class="img-thumbnail"]]
200 +[[image:1617949663298-790.png||class="img-thumbnail" height="413" width="800"]]
192 192  
193 -**Creating thumbnail**
202 +Figure 6 ‑4
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];
204 +**Operating procedures of creating thumbnail**
196 196  
206 +1)Click [[image:V-BOX cloud configuration user manual_html_287ead7d4c995a28.png||class="img-thumbnail" height="30" width="30"]] on [Project Manager];
207 +
197 197  (% style="text-align:center" %)
198 -[[image:1617949820581-164.png||height="386" width="500" class="img-thumbnail"]]
209 +[[image:1617949820581-164.png||class="img-thumbnail" height="386" width="500"]]
199 199  
211 +Figure 6 ‑14
200 200  
201 201  2)Select [Page Type] as [Thumbnail] on screen attribute window;
202 202  
... ... @@ -204,12 +204,12 @@
204 204  
205 205  4)Click [Save] to complete operation;
206 206  
207 -**Creating page screen**
219 +**Operating procedures of creating page screen**
208 208  
209 -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];
210 210  
211 211  (% style="text-align:center" %)
212 -[[image:1617949844339-186.png||height="547" width="400" class="img-thumbnail"]]
224 +[[image:1617949844339-186.png||class="img-thumbnail" height="547" width="400"]]
213 213  
214 214  Figure 6 ‑15
215 215  
... ... @@ -221,15 +221,15 @@
221 221  
222 222  When a thumbnail page is not created, the default picture would be displayed on [Centralized Monitoring].
223 223  
224 -**Modifying screen**
236 +**Operating procedures of modifying screen**
225 225  
226 226  1. Select the page to be modified;
227 -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];
228 228  1. Modify screen on [Design Area];
229 -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;
230 230  1.
231 231  
232 -**Deleting screen**
244 +**Operating procedures of deleting screen**
233 233  
234 234  1)Select screen on [Project Manager];
235 235  
... ... @@ -236,11 +236,13 @@
236 236  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;
237 237  
238 238  (% style="text-align:center" %)
239 -[[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"]]
240 240  
253 +Figure 6 ‑16
254 +
241 241  3)Click [OK] to delete page;
242 242  
243 -**Sort screen**
257 +**Operating procedures of sort screen**
244 244  
245 245  1. Select page screen on [Project Manager];
246 246  1. Click [[image:V-BOX cloud configuration user manual_html_1ab5c888bfd536c.png||height="19" width="40"]] to sort screen upwards or downwards;
... ... @@ -249,28 +249,30 @@
249 249  
250 250  Thumbnail does not support sorting.
251 251  
252 -== 6.4 Object ==
266 +== **6.4 Object** ==
253 253  
254 254  The WEB SCADA platform provides a variety of visualizations for users to design screen. All objects listed on [Object Library].
255 255  
256 -=== 6.4.1 Basic ===
270 +=== **6.4.1 Basic Operations** ===
257 257  
258 -**Adding objects on screen**
272 +**Operating procedures of adding objects on screen**
259 259  
260 260  1. Select and click the desired object on [Objects Library];
261 261  1. Move the cursor to the [Design Area];
262 262  1. When cursor changes as + symbol, hold down left click draw the desired size;
263 263  
264 -**Moving object**
278 +**Operating procedures of moving object**
265 265  
266 266  1. Select object on [Design Area];
267 -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.
268 268  
269 269  (% style="text-align:center" %)
270 -[[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"]]
271 271  
272 -**Scaling object**
286 +Figure 6 ‑8
273 273  
288 +**Operating procedures of scaling object**
289 +
274 274  1)Select object, the positioning control point would appear around object;
275 275  
276 276  2)Click any control point;
... ... @@ -277,25 +277,27 @@
277 277  
278 278  3)Move point to scale object;
279 279  
280 -**Editing object**
296 +**Operating procedure of editing object**
281 281  
282 282  1)Select object;
283 283  
284 -2)Double-click it to open property window;
300 +2)Double-click it to open property window as Figure 6-9 shows;
285 285  
286 286  (% style="text-align:center" %)
287 -[[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"]]
288 288  
305 +Figure 6 ‑18
306 +
289 289  3)Edit object settings;
290 290  
291 291  4)Click [Save] to complete operation;
292 292  
293 -=== 6.4.2 Introduction ===
311 +=== **6.4.2 Introduction** ===
294 294  
295 295  **1)Basic**
296 296  
297 297  (% style="text-align:center" %)
298 -[[image:1617949894556-149.png||height="402" width="250" class="img-thumbnail"]]
316 +[[image:1617949894556-149.png||class="img-thumbnail" height="402" width="250"]]
299 299  
300 300  Figure 6 ‑10
301 301  
... ... @@ -314,10 +314,10 @@
314 314  * **Picture: **It is used for displaying the picture, support the user defined picture.
315 315  
316 316  (% class="table-bordered" %)
317 -|=(% scope="row" %)**Property**|=**Description**
318 -|=Gallery|Choose the picture from the gallery
319 -|=Angle|Rotation angle (0~~360)
320 -|=Scale|(((
335 +|**Property**|**Description**
336 +|Gallery|Choose the picture from the gallery
337 +|Angle|Rotation angle (0~~360)
338 +|Scale|(((
321 321  Yes: the aspect ratio is fixed
322 322  
323 323  No: the aspect ratio is not fixed
... ... @@ -326,10 +326,13 @@
326 326  **2)Common**
327 327  
328 328  (% style="text-align:center" %)
329 -[[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"]]
330 330  
349 +Figure 6 ‑11
350 +
331 331  * **Display Frame**
332 332  
353 +(% border="2" %)
333 333  |**Item**|**Description**
334 334  |Monitoring Point|Set operating address for this object (Read and write can be different);
335 335  |Read-write permission|There are three modes for it, users could select according to requirements;
... ... @@ -343,6 +343,7 @@
343 343  Indicator could monitor and display the specified PLC or HMI bit address, and its state changes according to the specified address value.
344 344  
345 345  (((
367 +(% border="2" %)
346 346  |**Items**|**Description**
347 347  |Monitor Point|Set reading address for this object;
348 348  |Status|Set text for every status;
... ... @@ -356,6 +356,7 @@
356 356  Switch could operate the specified PLC or HMI bit address, and its state changes according to the specified address value.
357 357  
358 358  (((
381 +(% border="2" %)
359 359  |**Items**|**Description**
360 360  |Monitor Point|Set operating address for this object (Read and write can be different);
361 361  |Read-write permission|There are three modes for it, users could select according to requirements;
... ... @@ -371,6 +371,7 @@
371 371  Display the value of address in real time using the dashboard.
372 372  
373 373  (((
397 +(% border="2" %)
374 374  |**Items**|**Description**
375 375  |Monitor Point|Set operating address for this object (Read and write can be different);
376 376  |Select|Set dashboard display range, there are two modes, Constant and Variable
... ... @@ -386,6 +386,7 @@
386 386  Use the length or height of the rectangle to reflect the value of reading address so that the value could be visualized.
387 387  
388 388  (((
413 +(% border="2" %)
389 389  |**Items**|**Description**
390 390  |Monitor Point|Set operating address for this object (Read and write can be different);
391 391  |Digit Display|Check it to display digit value on bar;
... ... @@ -402,6 +402,7 @@
402 402  Use the curve to show the trend of the data over time. X-axis is time, Y-axis is variable.
403 403  
404 404  (((
430 +(% border="2" %)
405 405  |**Items**|**Description**
406 406  |Monitor Point|Set operating address for this object (Read and write can be different);
407 407  |Digit Display|Check it to display digit value on bar;
... ... @@ -419,6 +419,7 @@
419 419  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;
420 420  
421 421  (((
448 +(% border="2" %)
422 422  |**Items**|**Description**
423 423  |Border color|Set object background color;
424 424  |Color|Set flowing block color;
... ... @@ -430,6 +430,8 @@
430 430  
431 431  Word address: Set value range;
432 432  )))
460 +
461 +(% border="2" %)
433 433  |Color Block Width|Set flowing block size;
434 434  |Color Block Length|Set flowing block size;
435 435  |Color Block Spacing|Set the spacing between flow blocks;
... ... @@ -447,6 +447,7 @@
447 447  Video object is used for playing the video file provided in the video source.
448 448  
449 449  (((
479 +(% border="2" %)
450 450  |**Items**|**Description**
451 451  |Border color|Set object background color;
452 452  |Color|Set flowing block color;
... ... @@ -458,6 +458,8 @@
458 458  
459 459  Word address: Set value range;
460 460  )))
491 +
492 +(% border="2" %)
461 461  |Color Block Width|Set flowing block size;
462 462  |Color Block Length|Set flowing block size;
463 463  |Color Block Spacing|Set the spacing between flow blocks;
... ... @@ -471,7 +471,8 @@
471 471  The object for link website;
472 472  
473 473  (((
474 -|=**Items**|=**Description**
506 +(% border="2" %)
507 +|**Items**|**Description**
475 475  |Link address|Enter website;
476 476  |Open with|There are two options, user could select open with new window or current window;
477 477  |Select Language|One object could support three language, user could enter text for note object;
... ... @@ -484,7 +484,8 @@
484 484  Function switch is designed to switch screens, and call and close sub screen.
485 485  
486 486  (((
487 -|=**Items**|=**Description**
520 +(% border="2" %)
521 +|**Items**|**Description**
488 488  |Screen|Select the target screen for switch;
489 489  |Sub-screen|There are two options, user could select open with new window or current window;
490 490  |Previous|Switch to the previous screen
... ... @@ -500,7 +500,8 @@
500 500  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.
501 501  
502 502  (((
503 -|=**Items**|=**Description**
537 +(% border="2" %)
538 +|**Items**|**Description**
504 504  |Bit operation|It provides [Bit copy], [Set ON], [Set OFF], [Switch] and [Bit Copy] functions.
505 505  |Word operation|It provides [Word copy], [Word set], [Increase] and [Decrease] functions,
506 506  |Arithmetic|[Add], [Subtract], [Multiply] and [Divide] functions
... ... @@ -516,7 +516,8 @@
516 516  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.
517 517  
518 518  (((
519 -|=**Items**|=**Description**
554 +(% border="2" %)
555 +|**Items**|**Description**
520 520  |Monitoring box|Link a box for the time part
521 521  |Pattern|Two types, one is digit and the other is clock
522 522  |Format settings|Set format for time and date in digit pattern
... ... @@ -530,7 +530,8 @@
530 530  It is used for display more than one tag value in Bar graph format.
531 531  
532 532  (((
533 -|=**Items**|=**Description**
569 +(% border="2" %)
570 +|**Items**|**Description**
534 534  |Add new group|Maximum is 8, add items for this object, also set colors
535 535  |Add monitoring point|Set read tag for every item,
536 536  |Style|Set object display style such as color, use picture as background or not
... ... @@ -542,7 +542,8 @@
542 542  It is used for display alarm information of V-BOX. It can support current and history alarm.
543 543  
544 544  (((
545 -|=**Items**|=**Description**
582 +(% border="2" %)
583 +|**Items**|**Description**
546 546  |Select box|Link to V-BOX
547 547  |Alarm type|Select current alarm or history alarm or all
548 548  |Start date|Alarm display start date
... ... @@ -559,7 +559,8 @@
559 559  The history trend will display data record with graph. X axis represents as time, and Y axis represents as data.
560 560  
561 561  (((
562 -|=(% colspan="2" %)**Items**|=**Description**
600 +(% border="2" %)
601 +|(% colspan="2" %)**Items**|**Description**
563 563  |(% colspan="2" %)Basic|Set numbers of curve in object and select style for every curves including color, link tag
564 564  |(% rowspan="11" %)Style|Display form|Two type, one is curve, and the other is table
565 565  |Start date|Start date of history data
... ... @@ -580,7 +580,8 @@
580 580  This object is used for calling screens when condition is met.
581 581  
582 582  (((
583 -|=(% colspan="2" %)**Items**|=**Description**
622 +(% border="2" %)
623 +|(% colspan="2" %)**Items**|**Description**
584 584  |(% rowspan="4" %)Basic|Conditional trigger|It provides bit, word condition and unconditional
585 585  |Bind monitoring point|Link to tag for triggering
586 586  |Trigger condition|for bit address, it requires ON or OFF, for word address, different value corresponds to different screens.
... ... @@ -594,7 +594,8 @@
594 594  Display value as ring chart
595 595  
596 596  (((
597 -|=(% colspan="2" %)**Items**|=**Description**
637 +(% border="2" %)
638 +|(% colspan="2" %)**Items**|**Description**
598 598  |(% rowspan="7" %)Basic|Monitor point|Link to tag for data reading
599 599  |Range|Set fixed range or variable range
600 600  |Scales|Set scales such as major and minor numbers, colors and so on
... ... @@ -611,7 +611,8 @@
611 611  Display more than one value in one pie chart
612 612  
613 613  (((
614 -|=(% colspan="2" %)**Items**|=**Description**
655 +(% border="2" %)
656 +|(% colspan="2" %)**Items**|**Description**
615 615  |(% colspan="2" %)Monitor point|Add read addresses, the maximum is 8
616 616  |(% rowspan="3" %)Style|Pattern|Set alarm range and colors
617 617  |Numerical scale|Check it to display value in object
... ... @@ -624,25 +624,26 @@
624 624  The toolbar has the same function as the tool list. (right-click on the canvas to pop up tool list)
625 625  
626 626  (((
627 -|=**Tool**|=**Description**
628 -|[[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.
629 -|[[image:V-BOX cloud configuration user manual_html_867a000ba1161424.png||height="21" width="69" class="img-thumbnail"]]|Save current canvas
630 -|[[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.
631 -|[[image:V-BOX cloud configuration user manual_html_e5d36271faf64986.png||height="21" width="73" class="img-thumbnail"]]|Copy the selected parts.
632 -|[[image:V-BOX cloud configuration user manual_html_97033b77500d6b5e.png||height="21" width="75" class="img-thumbnail"]]|Paste the selected parts
633 -|[[image:V-BOX cloud configuration user manual_html_53bc6f617b145720.png||height="22" width="148" class="img-thumbnail"]]|The property of the current screen
634 -|[[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
635 -|[[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.
636 -|[[image:V-BOX cloud configuration user manual_html_6aae3377add443ff.png||height="38" width="150" class="img-thumbnail"]]|Align left edge of multiple parts
637 -|[[image:V-BOX cloud configuration user manual_html_dc8fb256a13e2f91.png||height="40" width="150" class="img-thumbnail"]]|Align right edge of multiple parts
638 -|[[image:V-BOX cloud configuration user manual_html_bec295f2d25219f9.png||height="39" width="150" class="img-thumbnail"]]|Align top edge of multiple parts
639 -|[[image:V-BOX cloud configuration user manual_html_4a0c10157943d534.png||height="39" width="150" class="img-thumbnail"]]|Align bottom edge of multiple parts
640 -|[[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
641 -|[[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
642 642  )))
643 643  
644 644  (((
645 -= **7 Authority** =
688 += **7 Authority management** =
646 646  )))
647 647  
648 648  Click the Authority management on the left menu to enter the Authority management module, as Figure 7-1 shows.
... ... @@ -655,16 +655,16 @@
655 655  
656 656  **1)How to assign project for sub-account**
657 657  
658 -* 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.
659 -* 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.
660 660  
661 661  (% style="text-align:center" %)
662 -[[image:1617934946822-979.png||height="421" width="800" class="img-thumbnail"]]
705 +[[image:1617934946822-979.png||class="img-thumbnail" height="421" width="800"]]
663 663  
664 664  Figure 7 ‑2
665 665  
666 666  (% style="text-align:center" %)
667 -[[image:1617950026178-538.png||height="375" width="600" class="img-thumbnail"]]
710 +[[image:1617950026178-538.png||class="img-thumbnail" height="375" width="600"]]
668 668  
669 669  Figure 7 ‑3
670 670  
... ... @@ -672,8 +672,10 @@
672 672  
673 673  In the list of assigned projects in the sub-account, click “Unbind Project” to unbind the project for the account.
674 674  
675 -= **8 Demo account** =
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.
676 676  
720 += **8 Cloud SCADA demo account** =
721 +
677 677  **1)What is Cloud SCADA platform?**
678 678  
679 679  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.
... ... @@ -692,7 +692,7 @@
692 692  **✎Note2: **users can enter the Cloud SCADA page by clicking the following positions:
693 693  
694 694  (% style="text-align:center" %)
695 -[[image:1648577581177-590.png||height="408" width="800" class="img-thumbnail"]]
740 +[[image:1648577581177-590.png||class="img-thumbnail" height="408" width="800"]]
696 696  
697 697  **3)Industry classification**
698 698  
... ... @@ -699,7 +699,7 @@
699 699  There are 20 Cloud SCADA projects created in demo account, including HVAC system, water treatment system, smart farm, smart factory and smart city.
700 700  
701 701  (% style="text-align:center" %)
702 -[[image:1648577644453-821.png||height="377" width="800" class="img-thumbnail"]]
747 +[[image:1648577644453-821.png||class="img-thumbnail" height="377" width="800"]]
703 703  
704 704  **4)Part of the project introduction**
705 705  
... ... @@ -708,10 +708,10 @@
708 708  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.
709 709  
710 710  (% style="text-align:center" %)
711 -[[image:1648577724164-599.png||height="393" width="800" class="img-thumbnail"]]
756 +[[image:1648577724164-599.png||class="img-thumbnail" height="393" width="800"]]
712 712  
713 713  (% style="text-align:center" %)
714 -[[image:1648577744837-247.png||height="450" width="800" class="img-thumbnail"]]
759 +[[image:1648577744837-247.png||class="img-thumbnail" height="450" width="800"]]
715 715  
716 716  4.2 Water Treatment System
717 717  
... ... @@ -718,7 +718,7 @@
718 718  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.
719 719  
720 720  (% style="text-align:center" %)
721 -[[image:1648577778435-311.png||height="450" width="800" class="img-thumbnail"]]
766 +[[image:1648577778435-311.png||class="img-thumbnail" height="450" width="800"]]
722 722  
723 723  4.3 Smart City Monitoring
724 724  
... ... @@ -725,10 +725,10 @@
725 725  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.
726 726  
727 727  (% style="text-align:center" %)
728 -[[image:1648577825813-481.png||height="452" width="800" class="img-thumbnail"]]
773 +[[image:1648577825813-481.png||class="img-thumbnail" height="452" width="800"]]
729 729  
730 730  (% style="text-align:center" %)
731 -[[image:1648577843849-690.png||height="452" width="800" class="img-thumbnail"]]
776 +[[image:1648577843849-690.png||class="img-thumbnail" height="452" width="800"]]
732 732  
733 733  4.4 Smart Building Monitoring
734 734  
... ... @@ -735,7 +735,7 @@
735 735  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.
736 736  
737 737  (% style="text-align:center" %)
738 -[[image:1648577874801-932.png||height="408" width="800" class="img-thumbnail"]]
783 +[[image:1648577874801-932.png||class="img-thumbnail" height="408" width="800"]]
739 739  
740 740  (% style="text-align:center" %)
741 -[[image:1648577894932-957.png||height="408" width="800" class="img-thumbnail"]]
786 +[[image:1648577894932-957.png||class="img-thumbnail" height="408" width="800"]]
image-20220714142525-1.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.Stone
Size
... ... @@ -1,1 +1,0 @@
1 -11.7 KB
Content
image-20220714150826-1.jpeg
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.Stone
Size
... ... @@ -1,1 +1,0 @@
1 -26.3 KB
Content
image-20220714151453-2.jpeg
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.Stone
Size
... ... @@ -1,1 +1,0 @@
1 -48.3 KB
Content
image-20220714155608-3.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.Stone
Size
... ... @@ -1,1 +1,0 @@
1 -41.6 KB
Content
image-20220715094724-1.jpeg
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.Stone
Size
... ... @@ -1,1 +1,0 @@
1 -40.6 KB
Content
image-20220715094733-2.jpeg
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.Stone
Size
... ... @@ -1,1 +1,0 @@
1 -10.6 KB
Content
image-20220715094953-3.jpeg
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.Stone
Size
... ... @@ -1,1 +1,0 @@
1 -50.0 KB
Content
image-20220715100603-4.jpeg
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.Stone
Size
... ... @@ -1,1 +1,0 @@
1 -74.7 KB
Content
image-20220715101053-5.jpeg
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.Stone
Size
... ... @@ -1,1 +1,0 @@
1 -3.6 KB
Content
image-20220715101731-6.jpeg
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.Stone
Size
... ... @@ -1,1 +1,0 @@
1 -996 bytes
Content
image-20220715101736-7.jpeg
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.Stone
Size
... ... @@ -1,1 +1,0 @@
1 -948 bytes
Content
image-20220715101741-8.jpeg
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.Stone
Size
... ... @@ -1,1 +1,0 @@
1 -1.1 KB
Content
image-20220715101747-9.jpeg
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.Stone
Size
... ... @@ -1,1 +1,0 @@
1 -882 bytes
Content
image-20220715101753-10.jpeg
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.Stone
Size
... ... @@ -1,1 +1,0 @@
1 -835 bytes
Content
image-20220715103031-11.jpeg
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.Stone
Size
... ... @@ -1,1 +1,0 @@
1 -31.5 KB
Content