Skip to Content

Changes for page 05 Cloud SCADA

Last modified by Joe on 2024/08/08 09:29
From version 22.1
edited by Stone Wu
on 2022/07/15 12:02
Change comment: There is no comment for this version
To version 18.14
edited by Stone Wu
on 2022/07/15 11:48
Change comment: (Autosaved)

Summary

Details

Page properties
Content
... ... @@ -94,7 +94,7 @@
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 [[5 V-box WEB SCADA design>>||anchor="H6V-boxWEBSCADAdesign"]] for details.
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 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 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 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.
... ... @@ -114,6 +114,8 @@
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 +
117 117  [[image:image-20220715105925-1.jpeg||height="46" width="45"]]**Add template: **Click the button to add a template as below.
118 118  
119 119  [[image:image-20220715110054-4.jpeg]]
... ... @@ -124,7 +124,7 @@
124 124  
125 125  == Template design ==
126 126  
127 -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"]].
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"]].
128 128  
129 129  (% class="box infomessage" %)
130 130  (((
... ... @@ -136,10 +136,10 @@
136 136  )))
137 137  
138 138  (((
139 -= 5 V-BOX WEB SCADA design =
141 += 6 V-box WEB SCADA design =
140 140  )))
141 141  
142 -== Main screen ==
144 +== Main screen and Menu ==
143 143  
144 144  Click "Design" (or Template design) in "Project Management" (or Template Management) screen to access WEB SCADA editor.
145 145  
... ... @@ -163,7 +163,7 @@
163 163  1. Edit object property and set the variable etc;
164 164  1. Save the screen;
165 165  
166 -== Screen management ==
168 +== Screens management ==
167 167  
168 168  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".
169 169  
... ... @@ -178,45 +178,74 @@
178 178  
179 179  **Create screens**
180 180  
181 -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.
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].
182 182  
185 +**Creating thumbnail**
186 +
187 +1)Click [[image:V-BOX cloud configuration user manual_html_287ead7d4c995a28.png||height="30" width="30" class="img-thumbnail"]] to create a new screen. Set the porperties in the pop-up box, select the screen type (normal screen and sub-screen) and save.
188 +
183 183  [[image:image-20220715114601-11.jpeg]]
184 184  
185 -(% class="box infomessage" %)
186 -(((
187 -**✎Note:** When a thumbnail page is not created, the default picture would be displayed on "Centralized Monitoring".
188 -)))
191 +**Edit screen**
189 189  
193 +
194 +(% style="text-align:center" %)
195 +[[image:1617949820581-164.png||height="386" width="500" class="img-thumbnail"]]
196 +
197 +
198 +2)Select [Page Type] as [Thumbnail] on screen attribute window;
199 +
200 +3)Set background display and color according to real situation;
201 +
202 +4)Click [Save] to complete operation;
203 +
204 +**Creating page screen**
205 +
206 +1)Click [[image:V-BOX cloud configuration user manual_html_287ead7d4c995a28.png||height="30" width="30" class="img-thumbnail"]] on [Project Manager];
207 +
208 +(% style="text-align:center" %)
209 +[[image:1617949844339-186.png||height="547" width="400" class="img-thumbnail"]]
210 +
211 +Figure 6 ‑15
212 +
213 +2)Fill in properties of screen;
214 +
215 +3)Click [Save] to complete;
216 +
217 +**✎Note:**
218 +
219 +When a thumbnail page is not created, the default picture would be displayed on [Centralized Monitoring].
220 +
190 190  **Modifying screen**
191 191  
192 192  1. Select the page to be modified;
193 -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 +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];
194 194  1. Modify screen on [Design Area];
195 -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. Click [[image:V-BOX cloud configuration user manual_html_5970eb09902bd1a3.png||height="30" width="30" class="img-thumbnail"]] on [Toolbar] to complete modification;
227 +1.
196 196  
197 197  **Deleting screen**
198 198  
199 -1. Select screen on "Project Manager";
200 -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 +1)Select screen on [Project Manager];
201 201  
233 +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;
234 +
202 202  (% style="text-align:center" %)
203 203  [[image:V-BOX cloud configuration user manual_html_1e7f9096426ebeca.png||height="161" width="300" class="img-thumbnail"]]
204 204  
205 -(% start="3" %)
206 -1. Click "OK" to delete page.
238 +3)Click [OK] to delete page;
207 207  
208 208  **Sort screen**
209 209  
210 -1. Select page screen on "Project Manager";
211 -1. Click [[image:V-BOX cloud configuration user manual_html_1ab5c888bfd536c.png||height="25" width="53"]] to sort screen upwards or downwards.
242 +1. Select page screen on [Project Manager];
243 +1. Click [[image:V-BOX cloud configuration user manual_html_1ab5c888bfd536c.png||height="19" width="40"]] to sort screen upwards or downwards;
212 212  
213 -(% class="box infomessage" %)
214 -(((
215 -**✎Note:** Thumbnail does not support sorting.
216 -)))
245 +**✎Note:**
217 217  
218 -== Object ==
247 +Thumbnail does not support sorting.
219 219  
249 +== 6.4 Object ==
250 +
220 220  The WEB SCADA platform provides a variety of visualizations for users to design screen. All objects listed on [Object Library].
221 221  
222 222  === 6.4.1 Basic ===
image-20220715114850-12.jpeg
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.Stone
Size
... ... @@ -1,1 +1,0 @@
1 -826 bytes
Content
image-20220715114936-13.jpeg
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.Stone
Size
... ... @@ -1,1 +1,0 @@
1 -921 bytes
Content
image-20220715115040-14.jpeg
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.Stone
Size
... ... @@ -1,1 +1,0 @@
1 -930 bytes
Content
image-20220715115245-16.jpeg
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.Stone
Size
... ... @@ -1,1 +1,0 @@
1 -924 bytes
Content
image-20220715115337-17.jpeg
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.Stone
Size
... ... @@ -1,1 +1,0 @@
1 -940 bytes
Content