Skip to Content

Changes for page 05 Cloud SCADA

Last modified by Joe on 2024/08/08 09:29
From version 19.1
edited by Stone Wu
on 2022/07/15 11:59
Change comment: There is no comment for this version
To version 18.10
edited by Stone Wu
on 2022/07/15 11:33
Change comment: (Autosaved)

Summary

Details

Page properties
Content
... ... @@ -141,7 +141,7 @@
141 141  = 6 V-box WEB SCADA design =
142 142  )))
143 143  
144 -== Main screen and menu ==
144 +== Main screen and Menu ==
145 145  
146 146  Click "Design" (or Template design) in "Project Management" (or Template Management) screen to access WEB SCADA editor.
147 147  
... ... @@ -165,60 +165,82 @@
165 165  1. Edit object property and set the variable etc;
166 166  1. Save the screen;
167 167  
168 -== Screens management ==
168 +== Create and edit screens ==
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  
172 -[[image:image-20220715113713-9.jpeg]]
172 +(% style="text-align:center" %)
173 +[[image:1617949566099-340.png||height="705" width="250" class="img-thumbnail"]]
173 173  
174 -The screens are divided into normal screens and sub-screens, as shown above.
175 +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].
175 175  
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 the function switch and other objects are used to click the popup display.
177 +(% style="text-align:center" %)
178 +[[image:1617949620811-522.png||height="469" width="800" class="img-thumbnail"]]
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 the figure above, and the other screens will be switched through screen jumping or linking, etc.
180 +(% style="text-align:center" %)
181 +[[image:1617949663298-790.png||height="413" width="800" class="img-thumbnail"]]
180 180  
181 -**Create screens**
183 +**Creating thumbnail**
182 182  
183 -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 +1)Click [[image:V-BOX cloud configuration user manual_html_287ead7d4c995a28.png||height="30" width="30" class="img-thumbnail"]] on [Project Manager];
184 184  
185 -[[image:image-20220715114601-11.jpeg]]
187 +(% style="text-align:center" %)
188 +[[image:1617949820581-164.png||height="386" width="500" class="img-thumbnail"]]
186 186  
187 -(% class="box infomessage" %)
188 -(((
189 -**✎Note:** When a thumbnail page is not created, the default picture would be displayed on "Centralized Monitoring".
190 -)))
191 191  
191 +2)Select [Page Type] as [Thumbnail] on screen attribute window;
192 +
193 +3)Set background display and color according to real situation;
194 +
195 +4)Click [Save] to complete operation;
196 +
197 +**Creating page screen**
198 +
199 +1)Click [[image:V-BOX cloud configuration user manual_html_287ead7d4c995a28.png||height="30" width="30" class="img-thumbnail"]] on [Project Manager];
200 +
201 +(% style="text-align:center" %)
202 +[[image:1617949844339-186.png||height="547" width="400" class="img-thumbnail"]]
203 +
204 +Figure 6 ‑15
205 +
206 +2)Fill in properties of screen;
207 +
208 +3)Click [Save] to complete;
209 +
210 +**✎Note:**
211 +
212 +When a thumbnail page is not created, the default picture would be displayed on [Centralized Monitoring].
213 +
192 192  **Modifying screen**
193 193  
194 194  1. Select the page to be modified;
195 -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";
217 +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];
196 196  1. Modify screen on [Design Area];
197 -1. Click [[image:V-BOX cloud configuration user manual_html_5970eb09902bd1a3.png||height="30" width="30" class="img-thumbnail"]] on "Toolbar" to complete modification;
219 +1. Click [[image:V-BOX cloud configuration user manual_html_5970eb09902bd1a3.png||height="30" width="30" class="img-thumbnail"]] on [Toolbar] to complete modification;
220 +1.
198 198  
199 199  **Deleting screen**
200 200  
201 -1. Select screen on "Project Manager";
202 -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;
224 +1)Select screen on [Project Manager];
203 203  
226 +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;
227 +
204 204  (% style="text-align:center" %)
205 205  [[image:V-BOX cloud configuration user manual_html_1e7f9096426ebeca.png||height="161" width="300" class="img-thumbnail"]]
206 206  
207 -(% start="3" %)
208 -1. Click "OK" to delete page.
231 +3)Click [OK] to delete page;
209 209  
210 210  **Sort screen**
211 211  
212 -1. Select page screen on "Project Manager";
213 -1. Click [[image:V-BOX cloud configuration user manual_html_1ab5c888bfd536c.png||height="25" width="53"]] to sort screen upwards or downwards.
235 +1. Select page screen on [Project Manager];
236 +1. Click [[image:V-BOX cloud configuration user manual_html_1ab5c888bfd536c.png||height="19" width="40"]] to sort screen upwards or downwards;
214 214  
215 -(% class="box infomessage" %)
216 -(((
217 -**✎Note:** Thumbnail does not support sorting.
218 -)))
238 +**✎Note:**
219 219  
220 -== Object ==
240 +Thumbnail does not support sorting.
221 221  
242 +== 6.4 Object ==
243 +
222 222  The WEB SCADA platform provides a variety of visualizations for users to design screen. All objects listed on [Object Library].
223 223  
224 224  === 6.4.1 Basic ===
image-20220715113434-8.jpeg
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.Stone
Size
... ... @@ -1,1 +1,0 @@
1 -4.6 KB
Content
image-20220715113713-9.jpeg
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.Stone
Size
... ... @@ -1,1 +1,0 @@
1 -5.6 KB
Content
image-20220715114430-10.jpeg
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.Stone
Size
... ... @@ -1,1 +1,0 @@
1 -25.0 KB
Content
image-20220715114601-11.jpeg
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.Stone
Size
... ... @@ -1,1 +1,0 @@
1 -25.6 KB
Content
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