Changes for page 05 Cloud SCADA

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

From version 18.2
edited by Stone Wu
on 2022/07/15 11:03
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 [[6 V-BOX Configuration 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.
... ... @@ -126,42 +126,24 @@
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 Configuration 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"]].
130 130  
131 -
131 +(% class="box infomessage" %)
132 132  (((
133 -= 5 Project management =
133 +**✎Note: **
134 +
135 +* Only templates of the same resolution can be imported into the configuration screen of the project;
136 +* Template design only supports single screen design;
137 +* Template screen does not support import and export, preview, compile, import other templates, and bind monitoring point functions.
134 134  )))
135 135  
136 -== 5.1 Project management ==
137 -
138 -Click the [Project management] on the left menu to enter the project list.
139 -
140 -(% style="text-align:center" %)
141 -[[image:1617949499753-859.png||height="401" width="800" class="img-thumbnail"]]
142 -
143 -== 5.2 Add, edit, delete and preview project ==
144 -
145 -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).
146 -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).
147 -1. **Delete project:** Click the [Delete] to delete the corresponding project.
148 -1. **Preview project: **Click the [Browse] to browse the project.
149 -
150 -== 5.3 Login-free browse ==
151 -
152 -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).
153 -
154 -== 5.4 Project design ==
155 -
156 -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.
157 -
158 158  (((
159 159  = 6 V-box WEB SCADA design =
160 160  )))
161 161  
162 -== 6.1 Main screen and Menu ==
144 +== Main screen and Menu ==
163 163  
164 -Click [Design] (or Template design) in [Project Management] (or Template Management) screen to access WEB SCADA editor.
146 +Click "Design" (or Template design) in "Project Management" (or Template Management) screen to access WEB SCADA editor.
165 165  
166 166  (% style="text-align:center" %)
167 167  [[image:1617949467765-343.png||height="393" width="800" class="img-thumbnail"]]
... ... @@ -172,36 +172,43 @@
172 172  [[image:V-box 1.png||alt="V-BOX cloud configuration user manual_html_cb0c19aefec34494.png" height="315" width="600" class="img-thumbnail"]]
173 173  
174 174  1. **Toolbar:** A function bar that provides pages operations and objects operations;
175 -1. **Project Manager:** It shows all pages for project;
176 -1. **Objects Library: **It provides 7 basic shapes objects and 13 common objects for creating SCADA page;
157 +1. **Project Manager:** It shows all screens for project and operations.
158 +1. **Objects Library: **It provides 8 basic shapes objects and 20 common objects for creating SCADA page;
177 177  1. **Design Area: **Design area for SCADA page and template;
178 178  
179 -== 6.2 Design ==
161 +== Design process ==
180 180  
181 -1. Create new page and set the property;
163 +1. Create new screen and set the property;
182 182  1. Select the object and drag the mouse in design area;
183 183  1. Edit object property and set the variable etc;
184 184  1. Save the screen;
185 185  
186 -== 6.3 Project Screen ==
168 +== Screens management ==
187 187  
188 -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].
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".
189 189  
190 -(% style="text-align:center" %)
191 -[[image:1617949566099-340.png||height="705" width="250" class="img-thumbnail"]]
172 +[[image:image-20220715113713-9.jpeg]]
192 192  
193 -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].
174 +The screens are divided into normal screens and sub-screens, as shown above.
194 194  
195 -(% style="text-align:center" %)
196 -[[image:1617949620811-522.png||height="469" width="800" class="img-thumbnail"]]
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.
197 197  
198 -(% style="text-align:center" %)
199 -[[image:1617949663298-790.png||height="413" width="800" class="img-thumbnail"]]
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.
200 200  
181 +**Create screens**
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].
184 +
201 201  **Creating thumbnail**
202 202  
203 -1)Click [[image:V-BOX cloud configuration user manual_html_287ead7d4c995a28.png||height="30" width="30" class="img-thumbnail"]] on [Project Manager];
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.
204 204  
189 +[[image:image-20220715114601-11.jpeg]]
190 +
191 +**Edit screen**
192 +
193 +
205 205  (% style="text-align:center" %)
206 206  [[image:1617949820581-164.png||height="386" width="500" class="img-thumbnail"]]
207 207  
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