Skip to Content

Changes for page 05 Cloud SCADA

Last modified by Joe on 2024/08/08 09:29
From version 18.11
edited by Stone Wu
on 2022/07/15 11:38
Change comment: (Autosaved)
To version 24.8
edited by Stone Wu
on 2022/07/15 15:15
Change comment: (Autosaved)

Summary

Details

Page properties
Content
... ... @@ -23,7 +23,7 @@
23 23  [[image:1617874518342-186.png||height="357" width="200" class="img-thumbnail"]]
24 24  
25 25  (((
26 -= 3 Centralized monitoring =
26 += **3 Centralized monitoring** =
27 27  )))
28 28  
29 29  Centralized monitoring is the default home page of the platform. As shown as the figure below.
... ... @@ -65,11 +65,14 @@
65 65  
66 66  The centralized monitoring module includes the following functions: add new projects, delete projects and preview projects for each group. Click on the corresponding group to display the list of projects in the group, as shown below.[[image:image-20220715100603-4.jpeg]]
67 67  
68 -1. **manage project:** Click "manage project" to assign a project in the group.
69 -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.
70 -1. **Preview project:** Click on [[image:1617948906340-294.png||class="img-thumbnail"]] to view the configuration screen of the project.
71 -1. **Display mode: ** You could switch the display mode by clicking the icons on the upper right corner of page, shown as below.
68 +**Manage project:** Click "manage project" to assign a project in the group.
72 72  
70 +**Delete project: **Click [[image:1617948891768-154.png||class="img-thumbnail"]] on the upper right corner of a project thumbnail in the project list to move the project out of the group.
71 +
72 +**Preview project:** Click on [[image:1617948906340-294.png||class="img-thumbnail"]] to view the configuration screen of the project.
73 +
74 +**Display mode: ** You could switch the display mode by clicking the icons on the upper right corner of page, shown as below.
75 +
73 73  (% style="text-align:center" %)
74 74  [[image:image-20220715101053-5.jpeg]]
75 75  
... ... @@ -80,29 +80,44 @@
80 80  (% style="text-align:center" %)
81 81  [[image:V-BOX cloud configuration user manual_html_72b4c2044c0ab2fe.png||height="365" width="600" class="img-thumbnail"]]
82 82  
83 -1. **Real-time data: **Click the "Real-time Data" to view the device name and state, current value, encoding, description, etc.
84 -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.
85 -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.
86 -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.
87 -1. [[image:image-20220715101731-6.jpeg||height="50" width="50" class="img-thumbnail"]] Open or close the alarm sound of the alarm record object.
88 -1. [[image:image-20220715101736-7.jpeg||height="52" width="51" class="img-thumbnail"]] Full screen display or restore configuration screen.
89 -1. [[image:image-20220715101741-8.jpeg||height="51" width="50" class="img-thumbnail"]] Hide or show the top blue menu bar.
90 -1. [[image:image-20220715101747-9.jpeg||height="50" width="50" class="img-thumbnail"]] Zoom in the screen.
91 -1. [[image:image-20220715101753-10.jpeg||height="51" width="50" class="img-thumbnail"]] Zoom out the screen.
86 +**Real-time data: **Click the "Real-time Data" to view the device name and state, current value, encoding, description, etc.
92 92  
88 +**Alarm data: **Click the "Alarm data" button to pop up the alarm record page and view the current alarm status and historical alarm information.
89 +
90 +**Historical data:** Click the "History Data" button to pop up the history report interface of the data. You could view all the historical data.
91 +
92 +**Multi-language:** multi-language drop-down menu, one object could support three language at the same time, you could switch language by this menu.
93 +
94 +[[image:image-20220715101731-6.jpeg||height="50" width="50" class="img-thumbnail"]] Open or close the alarm sound of the alarm record object.
95 +
96 +[[image:image-20220715101736-7.jpeg||height="52" width="51" class="img-thumbnail"]] Full screen display or restore configuration screen.
97 +
98 +[[image:image-20220715101741-8.jpeg||height="51" width="50" class="img-thumbnail"]] Hide or show the top blue menu bar.
99 +
100 +[[image:image-20220715101747-9.jpeg||height="50" width="50" class="img-thumbnail"]] Zoom in the screen.
101 +
102 +[[image:image-20220715101753-10.jpeg||height="51" width="50" class="img-thumbnail"]] Zoom out the screen.
103 +
93 93  == Project setting ==
94 94  
95 95  [[image:image-20220715103031-11.jpeg]]
96 96  
97 -* [[image:image-20220715104640-1.jpeg||height="34" width="41"]]**Configuration design:** Click  the button  to enter the configuration programmer to design the configuration screen for that project. Please refer to [[6 V-box WEB SCADA design>>||anchor="H6V-boxWEBSCADAdesign"]] for details.
98 -* [[image:image-20220715104711-2.jpeg||height="32" width="40"]]**Preview project:** Click the project preview image or click the button to browse the configuration screen of the project.
99 -* [[image:image-20220715104745-3.jpeg]]**Login-free browse: **Click the button and set the expiration time in the pop-up box to generate the browsing address and QR code (scan to browse, but not to operate).
100 -* [[image:image-20220715104944-7.jpeg]]**Copy project:** Click the button to set the name and group of the new project to add a new project.
101 -* [[image:image-20220715105016-8.jpeg]]**Export project:** Click the button to export the project.
102 -* [[image:image-20220715105102-9.jpeg]]**Edit project:** Click the button to modify the project (project name and whether or not to cross V-BOX option), upload and delete thumbnails.
103 -* [[image:image-20220715105139-10.jpeg]]**Delete project:** Click the button to delete the project.
104 -* [[image:image-20220715105152-11.jpeg||height="36" width="43"]]**Assigned to a group: **Click the button to assign the project to a group.
108 +[[image:image-20220715104640-1.jpeg||height="34" width="41"]]**Configuration design:** Click  the button  to enter the configuration programmer to design the configuration screen for that project. Please refer to [[5 V-box WEB SCADA design>>||anchor="H6V-boxWEBSCADAdesign"]] for details.
105 105  
110 +[[image:image-20220715104711-2.jpeg||height="32" width="40"]]**Preview project:** Click the project preview image or click the button to browse the configuration screen of the project.
111 +
112 +[[image:image-20220715104745-3.jpeg]]**Login-free browse: **Click the button and set the expiration time in the pop-up box to generate the browsing address and QR code (scan to browse, but not to operate).
113 +
114 +[[image:image-20220715104944-7.jpeg]]**Copy project:** Click the button to set the name and group of the new project to add a new project.
115 +
116 +[[image:image-20220715105016-8.jpeg]]**Export project:** Click the button to export the project.
117 +
118 +[[image:image-20220715105102-9.jpeg]]**Edit project:** Click the button to modify the project (project name and whether or not to cross V-BOX option), upload and delete thumbnails.
119 +
120 +[[image:image-20220715105139-10.jpeg]]**Delete project:** Click the button to delete the project.
121 +
122 +[[image:image-20220715105152-11.jpeg||height="36" width="43"]]**Assigned to a group: **Click the button to assign the project to a group.
123 +
106 106  = 4 Template =
107 107  
108 108  == Template management ==
... ... @@ -114,8 +114,6 @@
114 114  
115 115  The V-box Web SCADA platform provides a template management module that could save the designed configuration screen as a template and user could import the template to design the project more efficiently.
116 116  
117 -== Add, edit and delete template ==
118 -
119 119  [[image:image-20220715105925-1.jpeg||height="46" width="45"]]**Add template: **Click the button to add a template as below.
120 120  
121 121  [[image:image-20220715110054-4.jpeg]]
... ... @@ -126,7 +126,7 @@
126 126  
127 127  == Template design ==
128 128  
129 -Click the "Template Design" in the template list to access the V-box configuration platform editor page. You could edit the template in this page. More details about how to design the project please refer to [[6 V-box WEB SCADA design>>||anchor="H6V-boxWEBSCADAdesign"]].
145 +Click the "Template Design" in the template list to access the V-box configuration platform editor page. You could edit the template in this page. More details about how to design the project please refer to [[5 V-box WEB SCADA design>>||anchor="H6V-boxWEBSCADAdesign"]].
130 130  
131 131  (% class="box infomessage" %)
132 132  (((
... ... @@ -138,10 +138,10 @@
138 138  )))
139 139  
140 140  (((
141 -= 6 V-box WEB SCADA design =
157 += **5 Web SCADA design** =
142 142  )))
143 143  
144 -== Main screen and Menu ==
160 +== Main screen ==
145 145  
146 146  Click "Design" (or Template design) in "Project Management" (or Template Management) screen to access WEB SCADA editor.
147 147  
... ... @@ -165,7 +165,7 @@
165 165  1. Edit object property and set the variable etc;
166 166  1. Save the screen;
167 167  
168 -== Create and edit screens ==
184 +== Screen management ==
169 169  
170 170  A project or template is composed of one or several screens. A template contains only one screen, whereas a project can be composed of one or more screens (only take project as an example.). All screens are listed on "Project Manager". Select screen name, its page would be displayed on "Design Area".
171 171  
... ... @@ -174,118 +174,113 @@
174 174  The screens are divided into normal screens and sub-screens, as shown above.
175 175  
176 176  * The normal screen will be displayed when viewing a project or template.
177 -* Sub-screen is embedded in the pop-up box of the normal screen, and is displayed by clicking on the pop-up using a widget such as a function switch.
193 +* Sub-screen is embedded in the pop-up box of the normal screen, and the function switch and other objects are used to click the popup display.
178 178  
179 -In the project browsing page, the default display is the top common screen in the screen list, i.e., the main screen in Figure 5-3, and the other screens will be switched through screen jumping or linking, etc.
195 +In the project browsing page, the default display is the top common screen in the screen list, i.e., the main screen in the figure above, and the other screens will be switched through screen jumping or linking, etc.
180 180  
181 -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].
197 +**Create screens**
182 182  
183 -(% style="text-align:center" %)
184 -[[image:1617949620811-522.png||height="469" width="800" class="img-thumbnail"]]
199 +Click [[image:image-20220715114850-12.jpeg||height="30" width="48"]] to create a new screen. Set the porperties in the pop-up box, select the screen type (normal screen and sub-screen) and save.
185 185  
186 -(% style="text-align:center" %)
187 -[[image:1617949663298-790.png||height="413" width="800" class="img-thumbnail"]]
201 +[[image:image-20220715114601-11.jpeg]]
188 188  
189 -**Creating thumbnail**
203 +(% class="box infomessage" %)
204 +(((
205 +**✎Note:** When a thumbnail page is not created, the default picture would be displayed on "Centralized Monitoring".
206 +)))
190 190  
191 -1)Click [[image:V-BOX cloud configuration user manual_html_287ead7d4c995a28.png||height="30" width="30" class="img-thumbnail"]] on [Project Manager];
192 -
193 -(% style="text-align:center" %)
194 -[[image:1617949820581-164.png||height="386" width="500" class="img-thumbnail"]]
195 -
196 -
197 -2)Select [Page Type] as [Thumbnail] on screen attribute window;
198 -
199 -3)Set background display and color according to real situation;
200 -
201 -4)Click [Save] to complete operation;
202 -
203 -**Creating page screen**
204 -
205 -1)Click [[image:V-BOX cloud configuration user manual_html_287ead7d4c995a28.png||height="30" width="30" class="img-thumbnail"]] on [Project Manager];
206 -
207 -(% style="text-align:center" %)
208 -[[image:1617949844339-186.png||height="547" width="400" class="img-thumbnail"]]
209 -
210 -Figure 6 ‑15
211 -
212 -2)Fill in properties of screen;
213 -
214 -3)Click [Save] to complete;
215 -
216 -**✎Note:**
217 -
218 -When a thumbnail page is not created, the default picture would be displayed on [Centralized Monitoring].
219 -
220 220  **Modifying screen**
221 221  
222 222  1. Select the page to be modified;
223 -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];
211 +1. Click [[image:V-BOX cloud configuration user manual_html_a5f920d2d144472c.png||height="30" width="30" class="img-thumbnail"]] on "Project Manager" or [[image:V-BOX cloud configuration user manual_html_56ae321f2d4418ac.png||height="24" width="147" class="img-thumbnail"]] on "Toolbar";
224 224  1. Modify screen on [Design Area];
225 -1. Click [[image:V-BOX cloud configuration user manual_html_5970eb09902bd1a3.png||height="30" width="30" class="img-thumbnail"]] on [Toolbar] to complete modification;
226 -1.
213 +1. Click [[image:V-BOX cloud configuration user manual_html_5970eb09902bd1a3.png||height="30" width="30" class="img-thumbnail"]] on "Toolbar" to complete modification;
227 227  
228 228  **Deleting screen**
229 229  
230 -1)Select screen on [Project Manager];
217 +1. Select screen on "Project Manager";
218 +1. Click[[image:V-BOX cloud configuration user manual_html_dca942a0244f9912.png||height="29" width="30"]] , and following message would pop up to prevent accidental deletion;
231 231  
232 -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;
233 -
234 234  (% style="text-align:center" %)
235 235  [[image:V-BOX cloud configuration user manual_html_1e7f9096426ebeca.png||height="161" width="300" class="img-thumbnail"]]
236 236  
237 -3)Click [OK] to delete page;
223 +(% start="3" %)
224 +1. Click "OK" to delete page.
238 238  
239 239  **Sort screen**
240 240  
241 -1. Select page screen on [Project Manager];
242 -1. Click [[image:V-BOX cloud configuration user manual_html_1ab5c888bfd536c.png||height="19" width="40"]] to sort screen upwards or downwards;
228 +1. Select page screen on "Project Manager";
229 +1. Click [[image:V-BOX cloud configuration user manual_html_1ab5c888bfd536c.png||height="25" width="53"]] to sort screen upwards or downwards.
243 243  
244 -**✎Note:**
231 +(% class="box infomessage" %)
232 +(((
233 +**✎Note:** Thumbnail does not support sorting.
234 +)))
245 245  
246 -Thumbnail does not support sorting.
236 +== Object ==
247 247  
248 -== 6.4 Object ==
238 +The Web SCADA platform provides a variety of visualizations for users to design screen. All objects listed on "Object Library“.
249 249  
250 -The WEB SCADA platform provides a variety of visualizations for users to design screen. All objects listed on [Object Library].
240 +The screen is made up of objects.All the objects are provided in the object bar, and control points will appear around all the objects selected in the canvas.
251 251  
252 -=== 6.4.1 Basic ===
242 +Only the special attributes of the objects are listed for explanation, and the basic attributes of the objects, such as position, style, lock, etc., are not listed.
253 253  
254 -**Adding objects on screen**
244 +=== Adding object ===
255 255  
256 -1. Select and click the desired object on [Objects Library];
257 -1. Move the cursor to the [Design Area];
246 +1. Select and click the object on ”Objects Library“;
247 +1. Move the cursor to the "Design Area";
258 258  1. When cursor changes as + symbol, hold down left click draw the desired size;
259 259  
260 -**Moving object**
250 +The initial object is bound to V-BOX by default, and its monitoring point information list also displays V-BOX by default. After device switching, the device type of the last binding will be remembered. When the monitoring point information of the object is opened next time, it will be displayed according to the current type, and operations such as copying the object will also give the newly copied object the same binding type as the original object.
261 261  
262 -1. Select object on [Design Area];
252 +**Current object: **If you click a object, it will be in the selected state, that is, the current part.** **Control points with red background and black edge will appear around the current obejct.
253 +
254 +**Selected object:** Click the blank space of the canvas, left-click the mouse to select an area, or hold down the Ctrl key and click the desired part. Objects with red or white dots around them are collectively referred to as selected parts.
255 +
256 +[[image:image-20220715141718-1.jpeg]]
257 +
258 +=== Moving object ===
259 +
260 +1. Select object on "Design Area";
263 263  1. Hold down the left click and move object to desired position.
264 264  
265 265  (% style="text-align:center" %)
266 266  [[image:V-BOX cloud configuration user manual_html_4a7ca599f8cf89c5.png||height="141" width="200" class="img-thumbnail"]]
267 267  
268 -**Scaling object**
266 +=== Scaling object ===
269 269  
270 -1)Select object, the positioning control point would appear around object;
268 +1. Select object, the positioning control point would appear around object;
269 +1. Click any control point;
270 +1. Move point to scale object.
271 271  
272 -2)Click any control point;
272 +=== Editing object ===
273 273  
274 -3)Move point to scale object;
274 +**Select device type**
275 275  
276 -**Editing object**
276 +Double-click the object to open property window, and click the button [[image:image-20220715144518-2.jpeg]] to select the device to be bound. One object can only bind one device type.
277 277  
278 -1)Select object;
278 +(% class="box infomessage" %)
279 +(((
280 +**✎Note:** If the SCADA project is selected as cross-box, then all the objects in the project can bind to V-BOX or ig series HMI.
281 +)))
279 279  
280 -2)Double-click it to open property window;
281 -
282 282  (% style="text-align:center" %)
283 283  [[image:V-BOX cloud configuration user manual_html_45a8e3cf3e1113fe.png||height="352" width="600" class="img-thumbnail"]]
284 284  
285 -3)Edit object settings;
286 +If you choose V-BOX, the HMI of the current account will be filtered out in the multi-level grouping of the device selection drop-down box, and only the V-BOX bound to the current account will be displayed.
286 286  
287 -4)Click [Save] to complete operation;
288 +If you choose to bind an ig HMI, only the HMI bound by the current account will be displayed.
288 288  
290 +**Object state modification**
291 +
292 +Double-click the object to open property window, modify the parameters, and save.
293 +
294 +**Object device modifcation**
295 +
296 +Common object: you have bound the monitoring point information belonging to the V-BOX at the monitoring monitoring point of the object, and the user needs to modify the monitoring point with the binding device type as screen in the component, and there will be a reminder to confirm the switching device binding type. (If "Clear Original Configuration" is selected, then we will clear the monitoring point information of the box bound before the component, and switch the binding type of the component from smart box to screen.
297 +
298 +[[image:image-20220715150846-2.jpeg]]
299 +
289 289  === 6.4.2 Introduction ===
290 290  
291 291  **1)Basic**
image-20220715114430-10.jpeg
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.Stone
Size
... ... @@ -1,0 +1,1 @@
1 +25.0 KB
Content
image-20220715114601-11.jpeg
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.Stone
Size
... ... @@ -1,0 +1,1 @@
1 +25.6 KB
Content
image-20220715114850-12.jpeg
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.Stone
Size
... ... @@ -1,0 +1,1 @@
1 +826 bytes
Content
image-20220715114936-13.jpeg
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.Stone
Size
... ... @@ -1,0 +1,1 @@
1 +921 bytes
Content
image-20220715115040-14.jpeg
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.Stone
Size
... ... @@ -1,0 +1,1 @@
1 +930 bytes
Content
image-20220715115245-16.jpeg
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.Stone
Size
... ... @@ -1,0 +1,1 @@
1 +924 bytes
Content
image-20220715115337-17.jpeg
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.Stone
Size
... ... @@ -1,0 +1,1 @@
1 +940 bytes
Content
image-20220715141718-1.jpeg
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.Stone
Size
... ... @@ -1,0 +1,1 @@
1 +10.9 KB
Content
image-20220715144518-2.jpeg
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.Stone
Size
... ... @@ -1,0 +1,1 @@
1 +1.4 KB
Content