Skip to Content

Changes for page 05 Cloud SCADA

Last modified by Joe on 2024/08/08 09:29
From version 16.13
edited by Stone Wu
on 2022/07/15 10:27
Change comment: (Autosaved)
To version 23.1
edited by Stone Wu
on 2022/07/15 13:42
Change comment: There is no comment for this version

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.
... ... @@ -46,7 +46,6 @@
46 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 47  1. **More group:** Click [[image:V-BOX cloud configuration user manual_html_df266f0fa8d8536e.png||height="33" width="35" class="img-thumbnail"]] to display the previous or next group.
48 48  
49 -(% class="wikigeneratedid" %)
50 50  == New project ==
51 51  
52 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.
... ... @@ -62,15 +62,18 @@
62 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 63  )))
64 64  
65 -== Manage projects ==
64 +== Manage project ==
66 66  
67 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]]
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 +**Manage project:** Click "manage project" to assign a project in the group.
73 73  
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 +
74 74  (% style="text-align:center" %)
75 75  [[image:image-20220715101053-5.jpeg]]
76 76  
... ... @@ -81,78 +81,84 @@
81 81  (% style="text-align:center" %)
82 82  [[image:V-BOX cloud configuration user manual_html_72b4c2044c0ab2fe.png||height="365" width="600" class="img-thumbnail"]]
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.
86 +**Real-time data: **Click the "Real-time Data" to view the device name and state, current value, encoding, description, etc.
93 93  
94 -(% class="wikigeneratedid" %)
95 -== Project setting ==
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.
96 96  
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.
97 97  
98 -= 4 Template =
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.
99 99  
100 -== 4.1 Template management ==
94 +[[image:image-20220715101731-6.jpeg||height="50" width="50" class="img-thumbnail"]] Open or close the alarm sound of the alarm record object.
101 101  
102 -Click the template management module on the left menu to enter the template management module.
96 +[[image:image-20220715101736-7.jpeg||height="52" width="51" class="img-thumbnail"]] Full screen display or restore configuration screen.
103 103  
104 -(% style="text-align:center" %)
105 -[[image:1617949183137-615.png||height="205" width="800" class="img-thumbnail"]]
98 +[[image:image-20220715101741-8.jpeg||height="51" width="50" class="img-thumbnail"]] Hide or show the top blue menu bar.
106 106  
107 -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 .
100 +[[image:image-20220715101747-9.jpeg||height="50" width="50" class="img-thumbnail"]] Zoom in the screen.
108 108  
109 -== 4.2 Add, edit and delete template ==
102 +[[image:image-20220715101753-10.jpeg||height="51" width="50" class="img-thumbnail"]] Zoom out the screen.
110 110  
111 -1. **Add template: **Click the [Add] to add a template, as Figure 4-2 shows.
112 -1. **Edit template: **Click the [Edit] to edit the name and resolution of the template.
113 -1. **Delete template: **Click the [Delete] to delete the template.
104 +== Project setting ==
114 114  
115 -(% style="text-align:center" %)
116 -[[image:1617933432286-367.png||height="347" width="600" class="img-thumbnail"]]
106 +[[image:image-20220715103031-11.jpeg]]
117 117  
118 -== 4.3 Design template ==
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.
119 119  
120 -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.
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.
121 121  
122 -(((
123 -= 5 Project management =
124 -)))
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).
125 125  
126 -== 5.1 Project management ==
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.
127 127  
128 -Click the [Project management] on the left menu to enter the project list.
116 +[[image:image-20220715105016-8.jpeg]]**Export project:** Click the button to export the project.
129 129  
118 +[[image:image-20220715105102-9.jpeg]]**Edit project:** Click the button to modify the project (project name and whether or not to cross V-BOX option), upload and delete thumbnails.
119 +
120 +[[image:image-20220715105139-10.jpeg]]**Delete project:** Click the button to delete the project.
121 +
122 +[[image:image-20220715105152-11.jpeg||height="36" width="43"]]**Assigned to a group: **Click the button to assign the project to a group.
123 +
124 += 4 Template =
125 +
126 +== Template management ==
127 +
128 +Click the template management module on the left menu to enter the template management module.
129 +
130 130  (% style="text-align:center" %)
131 -[[image:1617949499753-859.png||height="401" width="800" class="img-thumbnail"]]
131 +[[image:1617949183137-615.png||height="205" width="800" class="img-thumbnail"]]
132 132  
133 -== 5.2 Add, edit, delete and preview project ==
133 +The V-box Web SCADA platform provides a template management module that could save the designed configuration screen as a template and user could import the template to design the project more efficiently.
134 134  
135 -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).
136 -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).
137 -1. **Delete project:** Click the [Delete] to delete the corresponding project.
138 -1. **Preview project: **Click the [Browse] to browse the project.
135 +[[image:image-20220715105925-1.jpeg||height="46" width="45"]]**Add template: **Click the button to add a template as below.
139 139  
140 -== 5.3 Login-free browse ==
137 +[[image:image-20220715110054-4.jpeg]]
141 141  
142 -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).
139 +[[image:image-20220715105933-2.jpeg||height="37" width="45"]]**Edit template: **Click the button to edit the name and resolution of the template.
143 143  
144 -== 5.4 Project design ==
141 +[[image:image-20220715105937-3.jpeg||height="42" width="42"]]**Delete template: **Click the button to delete the template.
145 145  
146 -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.
143 +== Template design ==
147 147  
145 +Click the "Template Design" in the template list to access the V-box configuration platform editor page. You could edit the template in this page. More details about how to design the project please refer to [[5 V-box WEB SCADA design>>||anchor="H6V-boxWEBSCADAdesign"]].
146 +
147 +(% class="box infomessage" %)
148 148  (((
149 -= 6 V-box WEB SCADA design =
149 +**✎Note: **
150 +
151 +* Only templates of the same resolution can be imported into the configuration screen of the project;
152 +* Template design only supports single screen design;
153 +* Template screen does not support import and export, preview, compile, import other templates, and bind monitoring point functions.
150 150  )))
151 151  
152 -== 6.1 Main screen and Menu ==
156 +(((
157 += **5 Web SCADA design** =
158 +)))
153 153  
154 -Click [Design] (or Template design) in [Project Management] (or Template Management) screen to access WEB SCADA editor.
160 +== Main screen ==
155 155  
162 +Click "Design" (or Template design) in "Project Management" (or Template Management) screen to access WEB SCADA editor.
163 +
156 156  (% style="text-align:center" %)
157 157  [[image:1617949467765-343.png||height="393" width="800" class="img-thumbnail"]]
158 158  
... ... @@ -162,95 +162,73 @@
162 162  [[image:V-box 1.png||alt="V-BOX cloud configuration user manual_html_cb0c19aefec34494.png" height="315" width="600" class="img-thumbnail"]]
163 163  
164 164  1. **Toolbar:** A function bar that provides pages operations and objects operations;
165 -1. **Project Manager:** It shows all pages for project;
166 -1. **Objects Library: **It provides 7 basic shapes objects and 13 common objects for creating SCADA page;
173 +1. **Project Manager:** It shows all screens for project and operations.
174 +1. **Objects Library: **It provides 8 basic shapes objects and 20 common objects for creating SCADA page;
167 167  1. **Design Area: **Design area for SCADA page and template;
168 168  
169 -== 6.2 Design ==
177 +== Design process ==
170 170  
171 -1. Create new page and set the property;
179 +1. Create new screen and set the property;
172 172  1. Select the object and drag the mouse in design area;
173 173  1. Edit object property and set the variable etc;
174 174  1. Save the screen;
175 175  
176 -== 6.3 Project Screen ==
184 +== Screen management ==
177 177  
178 -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].
186 +A project or template is composed of one or several screens. A template contains only one screen, whereas a project can be composed of one or more screens (only take project as an example.). All screens are listed on "Project Manager". Select screen name, its page would be displayed on "Design Area".
179 179  
180 -(% style="text-align:center" %)
181 -[[image:1617949566099-340.png||height="705" width="250" class="img-thumbnail"]]
188 +[[image:image-20220715113713-9.jpeg]]
182 182  
183 -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].
190 +The screens are divided into normal screens and sub-screens, as shown above.
184 184  
185 -(% style="text-align:center" %)
186 -[[image:1617949620811-522.png||height="469" width="800" class="img-thumbnail"]]
192 +* The normal screen will be displayed when viewing a project or template.
193 +* Sub-screen is embedded in the pop-up box of the normal screen, and the function switch and other objects are used to click the popup display.
187 187  
188 -(% style="text-align:center" %)
189 -[[image:1617949663298-790.png||height="413" width="800" class="img-thumbnail"]]
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.
190 190  
191 -**Creating thumbnail**
197 +**Create screens**
192 192  
193 -1)Click [[image:V-BOX cloud configuration user manual_html_287ead7d4c995a28.png||height="30" width="30" class="img-thumbnail"]] on [Project Manager];
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.
194 194  
195 -(% style="text-align:center" %)
196 -[[image:1617949820581-164.png||height="386" width="500" class="img-thumbnail"]]
201 +[[image:image-20220715114601-11.jpeg]]
197 197  
203 +(% class="box infomessage" %)
204 +(((
205 +**✎Note:** When a thumbnail page is not created, the default picture would be displayed on "Centralized Monitoring".
206 +)))
198 198  
199 -2)Select [Page Type] as [Thumbnail] on screen attribute window;
200 -
201 -3)Set background display and color according to real situation;
202 -
203 -4)Click [Save] to complete operation;
204 -
205 -**Creating page screen**
206 -
207 -1)Click [[image:V-BOX cloud configuration user manual_html_287ead7d4c995a28.png||height="30" width="30" class="img-thumbnail"]] on [Project Manager];
208 -
209 -(% style="text-align:center" %)
210 -[[image:1617949844339-186.png||height="547" width="400" class="img-thumbnail"]]
211 -
212 -Figure 6 ‑15
213 -
214 -2)Fill in properties of screen;
215 -
216 -3)Click [Save] to complete;
217 -
218 -**✎Note:**
219 -
220 -When a thumbnail page is not created, the default picture would be displayed on [Centralized Monitoring].
221 -
222 222  **Modifying screen**
223 223  
224 224  1. Select the page to be modified;
225 -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";
226 226  1. Modify screen on [Design Area];
227 -1. Click [[image:V-BOX cloud configuration user manual_html_5970eb09902bd1a3.png||height="30" width="30" class="img-thumbnail"]] on [Toolbar] to complete modification;
228 -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;
229 229  
230 230  **Deleting screen**
231 231  
232 -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;
233 233  
234 -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;
235 -
236 236  (% style="text-align:center" %)
237 237  [[image:V-BOX cloud configuration user manual_html_1e7f9096426ebeca.png||height="161" width="300" class="img-thumbnail"]]
238 238  
239 -3)Click [OK] to delete page;
223 +(% start="3" %)
224 +1. Click "OK" to delete page.
240 240  
241 241  **Sort screen**
242 242  
243 -1. Select page screen on [Project Manager];
244 -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.
245 245  
246 -**✎Note:**
231 +(% class="box infomessage" %)
232 +(((
233 +**✎Note:** Thumbnail does not support sorting.
234 +)))
247 247  
248 -Thumbnail does not support sorting.
236 +== Object ==
249 249  
250 -== 6.4 Object ==
238 +The Web SCADA platform provides a variety of visualizations for users to design screen. All objects listed on "Object Library“.
251 251  
252 -The WEB SCADA platform provides a variety of visualizations for users to design screen. All objects listed on [Object Library].
253 -
254 254  === 6.4.1 Basic ===
255 255  
256 256  **Adding objects on screen**
image-20220715103031-11.jpeg
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.Stone
Size
... ... @@ -1,0 +1,1 @@
1 +31.5 KB
Content
image-20220715104640-1.jpeg
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.Stone
Size
... ... @@ -1,0 +1,1 @@
1 +1.1 KB
Content
image-20220715104711-2.jpeg
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.Stone
Size
... ... @@ -1,0 +1,1 @@
1 +1.1 KB
Content
image-20220715104745-3.jpeg
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.Stone
Size
... ... @@ -1,0 +1,1 @@
1 +1.1 KB
Content
image-20220715104944-7.jpeg
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.Stone
Size
... ... @@ -1,0 +1,1 @@
1 +1.2 KB
Content
image-20220715105016-8.jpeg
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.Stone
Size
... ... @@ -1,0 +1,1 @@
1 +1.1 KB
Content
image-20220715105102-9.jpeg
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.Stone
Size
... ... @@ -1,0 +1,1 @@
1 +1.1 KB
Content
image-20220715105139-10.jpeg
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.Stone
Size
... ... @@ -1,0 +1,1 @@
1 +1.1 KB
Content
image-20220715105152-11.jpeg
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.Stone
Size
... ... @@ -1,0 +1,1 @@
1 +1013 bytes
Content
image-20220715105925-1.jpeg
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.Stone
Size
... ... @@ -1,0 +1,1 @@
1 +1.3 KB
Content
image-20220715105933-2.jpeg
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.Stone
Size
... ... @@ -1,0 +1,1 @@
1 +1.1 KB
Content
image-20220715105937-3.jpeg
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.Stone
Size
... ... @@ -1,0 +1,1 @@
1 +1.1 KB
Content
image-20220715110054-4.jpeg
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.Stone
Size
... ... @@ -1,0 +1,1 @@
1 +14.7 KB
Content
image-20220715112158-5.jpeg
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.Stone
Size
... ... @@ -1,0 +1,1 @@
1 +75.0 KB
Content
image-20220715112339-6.jpeg
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.Stone
Size
... ... @@ -1,0 +1,1 @@
1 +65.5 KB
Content
image-20220715112425-7.jpeg
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.Stone
Size
... ... @@ -1,0 +1,1 @@
1 +70.4 KB
Content
image-20220715113434-8.jpeg
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.Stone
Size
... ... @@ -1,0 +1,1 @@
1 +4.6 KB
Content
image-20220715113713-9.jpeg
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.Stone
Size
... ... @@ -1,0 +1,1 @@
1 +5.6 KB
Content
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