Changes for page 05 Cloud SCADA

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

From version 3.1
edited by Hunter
on 2022/06/16 16:22
Change comment: Renamed from xwiki:V-BOX.V-Net.1\.User Manual.02\.V-BOX cloud configuration.WebHome
To version 5.1
edited by Leo
on 2022/06/16 17:03
Change comment: There is no comment for this version

Summary

Details

Page properties
Title
... ... @@ -1,1 +1,1 @@
1 -02 V-BOX cloud configuration
1 +02 Cloud SCADA
Author
... ... @@ -1,1 +1,1 @@
1 -XWiki.Hunter
1 +XWiki.Leo
Content
... ... @@ -1,11 +1,10 @@
1 -= **1 Instruction of WEB SCADA platform** =
1 += 1 Instruction =
2 2  
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.
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.
4 4  
5 5  (% style="text-align:center" %)
6 6  [[image:1617874482390-379.png||height="421" width="800" class="img-thumbnail"]]
7 7  
8 -Figure 1 ‑1
9 9  
10 10  **Introduction**
11 11  
... ... @@ -19,10 +19,10 @@
19 19  Google Chrome is recommended.
20 20  
21 21  (((
22 -= **2 Sign in** =
21 += 2 Sign in =
23 23  )))
24 24  
25 -**Operating procedures**
24 +**Steps:**
26 26  
27 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 28  
... ... @@ -29,8 +29,6 @@
29 29  (% style="text-align:center" %)
30 30  [[image:1617874518342-186.png||height="357" width="200" class="img-thumbnail"]]
31 31  
32 -Figure 2 ‑1
33 -
34 34  2)The account of the V-box WEB SCADA platform is the same as the V-BOX account.
35 35  
36 36  **✎Note:**
... ... @@ -38,7 +38,7 @@
38 38  Google Chrome is recommended.
39 39  
40 40  (((
41 -= **3 Centralized monitoring** =
38 += 3 Centralized monitoring =
42 42  )))
43 43  
44 44  Centralized monitoring is the default home page of the platform. As shown as Figure 3-1.
... ... @@ -46,11 +46,9 @@
46 46  (% style="text-align:center" %)
47 47  [[image:1617874482390-379.png||height="421" width="800" class="img-thumbnail"]]
48 48  
49 -Figure 3 ‑1
50 -
51 51  This page shows projects under each group by switching groups. User could add, delete and modify the group.
52 52  
53 -== **3.1 Group management** ==
48 +== 3.1 Group management ==
54 54  
55 55  The centralized monitoring module classifies the project by group. As shown in Figure 3-2.
56 56  
... ... @@ -65,28 +65,24 @@
65 65  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.
66 66  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.
67 67  
68 -== **3.2 Assign project** ==
63 +== 3.2 Assign project ==
69 69  
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.
65 +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.
71 71  
72 72  (% style="text-align:center" %)
73 73  [[image:1617948660671-429.png||height="270" width="800" class="img-thumbnail"]]
74 74  
75 -Figure 3 ‑3
76 -
77 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 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 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 -== **3.3 Browse project** ==
74 +== 3.3 Browse project ==
82 82  
83 -Click on [[image:1617948906340-294.png||class="img-thumbnail"]] in the project list to view the configuration screen. See Figure 3-4.
76 +Click on [[image:1617948906340-294.png||class="img-thumbnail"]] in the project list to view the configuration screen.
84 84  
85 85  (% style="text-align:center" %)
86 86  [[image:V-BOX cloud configuration user manual_html_72b4c2044c0ab2fe.png||height="365" width="600" class="img-thumbnail"]]
87 87  
88 -Figure 3 ‑4
89 -
90 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 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 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.
... ... @@ -98,13 +98,11 @@
98 98  
99 99  == **4.1 Template management** ==
100 100  
101 -Click the template management module on the left menu to enter the template management module, as Figure 4-1 shows.
92 +Click the template management module on the left menu to enter the template management module.
102 102  
103 103  (% style="text-align:center" %)
104 104  [[image:1617949183137-615.png||height="205" width="800" class="img-thumbnail"]]
105 105  
106 -Figure 4 ‑1
107 -
108 108  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 .
109 109  
110 110  == **4.2 Add, edit and delete template** ==
... ... @@ -116,8 +116,6 @@
116 116  (% style="text-align:center" %)
117 117  [[image:1617933432286-367.png||height="347" width="600" class="img-thumbnail"]]
118 118  
119 -Figure 4 ‑2
120 -
121 121  == **4.3 Design template** ==
122 122  
123 123  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.
... ... @@ -128,13 +128,11 @@
128 128  
129 129  == **5.1 Project management** ==
130 130  
131 -Click the [Project management] on the left menu to enter the project list, as Figure 5-1 shows.
118 +Click the [Project management] on the left menu to enter the project list.
132 132  
133 133  (% style="text-align:center" %)
134 134  [[image:1617949499753-859.png||height="401" width="800" class="img-thumbnail"]]
135 135  
136 -Figure 5 ‑1
137 -
138 138  == **5.2 Add, edit, delete and preview project** ==
139 139  
140 140  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).
... ... @@ -161,21 +161,17 @@
161 161  (% style="text-align:center" %)
162 162  [[image:1617949467765-343.png||height="393" width="800" class="img-thumbnail"]]
163 163  
164 -Figure 6 ‑1
149 +The function partition of WEB SCADA editor.
165 165  
166 -The function partition of WEB SCADA editor is shown in Figure 6-2.
167 -
168 168  (% style="text-align:center" %)
169 169  [[image:V-box 1.png||alt="V-BOX cloud configuration user manual_html_cb0c19aefec34494.png" height="315" width="600" class="img-thumbnail"]]
170 170  
171 -Figure 6 ‑2
172 -
173 173  1. **Toolbar:** A function bar that provides pages operations and objects operations;
174 174  1. **Project Manager:** It shows all pages for project;
175 175  1. **Objects Library: **It provides 7 basic shapes objects and 13 common objects for creating SCADA page;
176 176  1. **Design Area: **Design area for SCADA page and template;
177 177  
178 -== **6.2 Operating procedures of design** ==
159 +== **6.2 Design** ==
179 179  
180 180  1. Create new page and set the property;
181 181  1. Select the object and drag the mouse in design area;
... ... @@ -184,15 +184,13 @@
184 184  
185 185  == **6.3 Project Screen** ==
186 186  
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].
168 +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].
188 188  
189 189  (% style="text-align:center" %)
190 190  [[image:1617949566099-340.png||height="705" width="250" class="img-thumbnail"]]
191 191  
192 -Figure 6 ‑3
173 +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].
193 193  
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 -
196 196  (% style="text-align:center" %)
197 197  [[image:1617949620811-522.png||height="469" width="800" class="img-thumbnail"]]
198 198  
... ... @@ -199,16 +199,13 @@
199 199  (% style="text-align:center" %)
200 200  [[image:1617949663298-790.png||height="413" width="800" class="img-thumbnail"]]
201 201  
202 -Figure 6 ‑4
181 +**Creating thumbnail**
203 203  
204 -**Operating procedures of creating thumbnail**
205 -
206 206  1)Click [[image:V-BOX cloud configuration user manual_html_287ead7d4c995a28.png||height="30" width="30" class="img-thumbnail"]] on [Project Manager];
207 207  
208 208  (% style="text-align:center" %)
209 209  [[image:1617949820581-164.png||height="386" width="500" class="img-thumbnail"]]
210 210  
211 -Figure 6 ‑14
212 212  
213 213  2)Select [Page Type] as [Thumbnail] on screen attribute window;
214 214  
... ... @@ -216,7 +216,7 @@
216 216  
217 217  4)Click [Save] to complete operation;
218 218  
219 -**Operating procedures of creating page screen**
195 +**Creating page screen**
220 220  
221 221  1)Click [[image:V-BOX cloud configuration user manual_html_287ead7d4c995a28.png||height="30" width="30" class="img-thumbnail"]] on [Project Manager];
222 222  
... ... @@ -233,7 +233,7 @@
233 233  
234 234  When a thumbnail page is not created, the default picture would be displayed on [Centralized Monitoring].
235 235  
236 -**Operating procedures of modifying screen**
212 +**Modifying screen**
237 237  
238 238  1. Select the page to be modified;
239 239  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];
... ... @@ -241,7 +241,7 @@
241 241  1. Click [[image:V-BOX cloud configuration user manual_html_5970eb09902bd1a3.png||height="30" width="30" class="img-thumbnail"]] on [Toolbar] to complete modification;
242 242  1.
243 243  
244 -**Operating procedures of deleting screen**
220 +**Deleting screen**
245 245  
246 246  1)Select screen on [Project Manager];
247 247  
... ... @@ -250,11 +250,9 @@
250 250  (% style="text-align:center" %)
251 251  [[image:V-BOX cloud configuration user manual_html_1e7f9096426ebeca.png||height="161" width="300" class="img-thumbnail"]]
252 252  
253 -Figure 6 ‑16
254 -
255 255  3)Click [OK] to delete page;
256 256  
257 -**Operating procedures of sort screen**
231 +**Sort screen**
258 258  
259 259  1. Select page screen on [Project Manager];
260 260  1. Click [[image:V-BOX cloud configuration user manual_html_1ab5c888bfd536c.png||height="19" width="40"]] to sort screen upwards or downwards;
... ... @@ -269,24 +269,22 @@
269 269  
270 270  === **6.4.1 Basic Operations** ===
271 271  
272 -**Operating procedures of adding objects on screen**
246 +**Adding objects on screen**
273 273  
274 274  1. Select and click the desired object on [Objects Library];
275 275  1. Move the cursor to the [Design Area];
276 276  1. When cursor changes as + symbol, hold down left click draw the desired size;
277 277  
278 -**Operating procedures of moving object**
252 +**Moving object**
279 279  
280 280  1. Select object on [Design Area];
281 -1. Hold down the left click and move object to desired position, as shown in Figure 6-8.
255 +1. Hold down the left click and move object to desired position.
282 282  
283 283  (% style="text-align:center" %)
284 284  [[image:V-BOX cloud configuration user manual_html_4a7ca599f8cf89c5.png||height="141" width="200" class="img-thumbnail"]]
285 285  
286 -Figure 6 ‑8
260 +**Scaling object**
287 287  
288 -**Operating procedures of scaling object**
289 -
290 290  1)Select object, the positioning control point would appear around object;
291 291  
292 292  2)Click any control point;
... ... @@ -293,17 +293,15 @@
293 293  
294 294  3)Move point to scale object;
295 295  
296 -**Operating procedure of editing object**
268 +**Editing object**
297 297  
298 298  1)Select object;
299 299  
300 -2)Double-click it to open property window as Figure 6-9 shows;
272 +2)Double-click it to open property window;
301 301  
302 302  (% style="text-align:center" %)
303 303  [[image:V-BOX cloud configuration user manual_html_45a8e3cf3e1113fe.png||height="352" width="600" class="img-thumbnail"]]
304 304  
305 -Figure 6 ‑18
306 -
307 307  3)Edit object settings;
308 308  
309 309  4)Click [Save] to complete operation;
... ... @@ -332,10 +332,10 @@
332 332  * **Picture: **It is used for displaying the picture, support the user defined picture.
333 333  
334 334  (% class="table-bordered" %)
335 -|**Property**|**Description**
336 -|Gallery|Choose the picture from the gallery
337 -|Angle|Rotation angle (0~~360)
338 -|Scale|(((
305 +|=(% scope="row" %)**Property**|=**Description**
306 +|=Gallery|Choose the picture from the gallery
307 +|=Angle|Rotation angle (0~~360)
308 +|=Scale|(((
339 339  Yes: the aspect ratio is fixed
340 340  
341 341  No: the aspect ratio is not fixed
... ... @@ -346,8 +346,6 @@
346 346  (% style="text-align:center" %)
347 347  [[image:V-BOX cloud configuration user manual_html_c84a5d0032df07e2.png||height="420" width="250" class="img-thumbnail"]]
348 348  
349 -Figure 6 ‑11
350 -
351 351  * **Display Frame**
352 352  
353 353  (% border="2" %)