Skip to Content

Changes for page 05 Cloud SCADA

Last modified by Joe on 2024/08/08 09:29
From version 4.1
edited by Leo
on 2022/06/16 16:25
Change comment: There is no comment for this version
To version 23.2
edited by Stone Wu
on 2022/07/15 14:17
Change comment: There is no comment for this version

Summary

Details

Page properties
Author
... ... @@ -1,1 +1,1 @@
1 -XWiki.Leo
1 +XWiki.Stone
Content
... ... @@ -1,292 +1,270 @@
1 -= 1 Instruction =
1 += **1 Introduction** =
2 2  
3 -The default page of the V-BOX WEB SCADA platform after login is shown as Figure 1-1. The main functions of this platform includes the centralized monitoring, template management, project management, and authority management. The user could switch between the function modules through the left navigation bar, and the specific content of each function module will be displayed on the right side.
3 +The default page of the V-BOX web SCADA platform after login is shown as below. The main functions of this platform include the centralized monitoring, template management, project management, and authority management. The user could switch between the function modules through the left navigation bar, and the specific content of each function module will be displayed on the right side.
4 4  
5 5  (% style="text-align:center" %)
6 6  [[image:1617874482390-379.png||height="421" width="800" class="img-thumbnail"]]
7 7  
8 -Figure 1 ‑1
9 -
10 10  **Introduction**
11 11  
12 -1. Centralized monitoring: project list, that is displayed in groups;
13 -1. Template management: add and edit templates;
14 -1. Project management: add and edit project;
15 -1. Authority management: assign a project with configuration authority for view-account
10 +1. **Centralized monitoring:** project list, that is displayed in groups;
11 +1. **Template management**: add and edit templates;
12 +1. **Authority management:** assign a project with configuration authority for view-account
16 16  
17 -**✎Note:**
14 += 2 Log in =
18 18  
19 -Google Chrome is recommended.
16 +Click Cloud SCADA under service in the upper right corner, or enter [[http:~~/~~/web.v-box.net/>>http://web.v-box.net/]] on browser.
20 20  
21 -(((
22 -= 2 Sign in =
23 -)))
18 +[[image:image-20220714150826-1.jpeg]]
24 24  
25 -**Steps:**
20 +The account of the V-box web SCADA platform is the same as the V-BOX account.
26 26  
27 -1) Click Cloud SCADA under service in the upper right corner, or enter [http:~/~/web.v-box.net/web/html/user/login.html] on browser.
28 -
29 29  (% style="text-align:center" %)
30 30  [[image:1617874518342-186.png||height="357" width="200" class="img-thumbnail"]]
31 31  
32 -Figure 2 ‑1
33 -
34 -2)The account of the V-box WEB SCADA platform is the same as the V-BOX account.
35 -
36 -**✎Note:**
37 -
38 -Google Chrome is recommended.
39 -
40 40  (((
41 -= 3 Centralized monitoring =
26 += **3 Centralized monitoring** =
42 42  )))
43 43  
44 -Centralized monitoring is the default home page of the platform. As shown as Figure 3-1.
29 +Centralized monitoring is the default home page of the platform. As shown as the figure below.
45 45  
46 46  (% style="text-align:center" %)
47 47  [[image:1617874482390-379.png||height="421" width="800" class="img-thumbnail"]]
48 48  
49 -Figure 3 ‑1
34 +This page displays projects under each group by switching groups. You could add, delete and modify the group. In addition, you ccoul add or remove projects from groups, browse projects, and configure project parameters.
50 50  
51 -This page shows projects under each group by switching groups. User could add, delete and modify the group.
36 +== Group management ==
52 52  
53 -== 3.1 Group management ==
38 +The centralized monitoring module classifies the project by group.
54 54  
55 -The centralized monitoring module classifies the project by group. As shown in Figure 3-2.
40 +[[image:image-20220714151453-2.jpeg||height="394" width="795"]]
56 56  
57 -(% style="text-align:center" %)
58 -[[image:1617933161760-158.png||height="35" width="900" class="img-thumbnail"]]
59 59  
60 -Figure 3 ‑2
61 -
62 62  1. **Switch group:** Click group name to switch group.
63 -1. **Add a group:** Click [[image:V-BOX cloud configuration user manual_html_b2953a9d44427091.png||height="29" width="30" class="img-thumbnail"]] to add a new group.
64 -1. **Edit group:** Click [[image:V-BOX cloud configuration user manual_html_516339bb09efc553.png||height="28" width="30" class="img-thumbnail"]] to edit the group name.
65 -1. **Delete group:** Click [[image:V-BOX cloud configuration user manual_html_c92089cb54d385cd.png||height="28" width="30" class="img-thumbnail"]] to delete the current group.
66 -1. **More group:** Click [[image:V-BOX cloud configuration user manual_html_df266f0fa8d8536e.png||height="16" width="30" class="img-thumbnail"]] to display the previous or next group.
44 +1. **Add a group:** Click [[image:V-BOX cloud configuration user manual_html_b2953a9d44427091.png||height="33" width="35" class="img-thumbnail"]] to add a new group.
45 +1. **Edit group:** Click [[image:V-BOX cloud configuration user manual_html_516339bb09efc553.png||height="32" width="35" class="img-thumbnail"]] to edit the group name.
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 +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.
67 67  
68 -== 3.2 Assign project ==
49 +== New project ==
69 69  
70 -The centralized monitoring module includes 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 in Figure 3-3.
51 +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.
71 71  
72 -(% style="text-align:center" %)
73 -[[image:1617948660671-429.png||height="270" width="800" class="img-thumbnail"]]
53 +[[image:image-20220715094953-3.jpeg]]
74 74  
75 -Figure 3 ‑3
55 +Click "Thumbnail" to upload a thumbnai. It will be displayed as the preview image of the project.
76 76  
77 -1. **Add project:** Click [[image:1617948869319-850.png||class="img-thumbnail"]] in the project list area to assign a project in the group.
78 -1. **Delete project: **Click [[image:1617948891768-154.png||class="img-thumbnail"]] in the upper right corner of a project thumbnail in the project list to move the project out of the group.
79 -1. **Preview project:** Click on [[image:1617948906340-294.png||class="img-thumbnail"]] to view the configuration screen of the project. For details, please refer to chapter 3.3.
57 +[[image:image-20220715094733-2.jpeg]]
80 80  
81 -== 3.3 Browse project ==
59 +(% class="box infomessage" %)
60 +(((
61 +**✎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
62 +)))
82 82  
83 -Click on [[image:1617948906340-294.png||class="img-thumbnail"]] in the project list to view the configuration screen. See Figure 3-4.
64 +== Manage project ==
84 84  
85 -(% style="text-align:center" %)
86 -[[image:V-BOX cloud configuration user manual_html_72b4c2044c0ab2fe.png||height="365" width="600" class="img-thumbnail"]]
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]]
87 87  
88 -Figure 3 ‑4
68 +**Manage project:** Click "manage project" to assign a project in the group.
89 89  
90 -1. **Real-time data: **Click the [Real-time Data] to view the device name and state. Or view the current value, encoding, description, etc. of each data.
91 -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.
92 -1. **Historical data:** Click the [History Data] button to pop up the history report interface of the data. User could view all the historical data.
93 -1. **Multi-language:** multi-language drop-down menu, one object could support three language at the same time, user could switch language by this menu.
94 -1. [[image:V-BOX cloud configuration user manual_html_f89481c3d93517fb.png||height="26" width="28" class="img-thumbnail"]] : Zoom in screen
95 -1. [[image:V-BOX cloud configuration user manual_html_4836056a73da4491.png||height="27" width="28" class="img-thumbnail"]] : Zoom out screen
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.
96 96  
97 -= **4 Template management** =
72 +**Preview project:** Click on [[image:1617948906340-294.png||class="img-thumbnail"]] to view the configuration screen of the project.
98 98  
99 -== **4.1 Template management** ==
74 +**Display mode: ** You could switch the display mode by clicking the icons on the upper right corner of page, shown as below.
100 100  
101 -Click the template management module on the left menu to enter the template management module, as Figure 4-1 shows.
102 -
103 103  (% style="text-align:center" %)
104 -[[image:1617949183137-615.png||height="205" width="800" class="img-thumbnail"]]
77 +[[image:image-20220715101053-5.jpeg]]
105 105  
106 -Figure 4 ‑1
79 +== Browse project ==
107 107  
108 -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 .
81 +Click on [[image:1617948906340-294.png||class="img-thumbnail"]] in the project list to view the configuration screen.
109 109  
110 -== **4.2 Add, edit and delete template** ==
83 +(% style="text-align:center" %)
84 +[[image:V-BOX cloud configuration user manual_html_72b4c2044c0ab2fe.png||height="365" width="600" class="img-thumbnail"]]
111 111  
112 -1. **Add template: **Click the [Add] to add a template, as Figure 4-2 shows.
113 -1. **Edit template: **Click the [Edit] to edit the name and resolution of the template.
114 -1. **Delete template: **Click the [Delete] to delete the template.
86 +**Real-time data: **Click the "Real-time Data" to view the device name and state, current value, encoding, description, etc.
115 115  
116 -(% style="text-align:center" %)
117 -[[image:1617933432286-367.png||height="347" width="600" class="img-thumbnail"]]
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.
118 118  
119 -Figure 4 ‑2
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.
120 120  
121 -== **4.3 Design 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.
122 122  
123 -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.
94 +[[image:image-20220715101731-6.jpeg||height="50" width="50" class="img-thumbnail"]] Open or close the alarm sound of the alarm record object.
124 124  
125 -(((
126 -= **5 Project management** =
127 -)))
96 +[[image:image-20220715101736-7.jpeg||height="52" width="51" class="img-thumbnail"]] Full screen display or restore configuration screen.
128 128  
129 -== **5.1 Project management** ==
98 +[[image:image-20220715101741-8.jpeg||height="51" width="50" class="img-thumbnail"]] Hide or show the top blue menu bar.
130 130  
131 -Click the [Project management] on the left menu to enter the project list, as Figure 5-1 shows.
100 +[[image:image-20220715101747-9.jpeg||height="50" width="50" class="img-thumbnail"]] Zoom in the screen.
132 132  
133 -(% style="text-align:center" %)
134 -[[image:1617949499753-859.png||height="401" width="800" class="img-thumbnail"]]
102 +[[image:image-20220715101753-10.jpeg||height="51" width="50" class="img-thumbnail"]] Zoom out the screen.
135 135  
136 -Figure 5 ‑1
104 +== Project setting ==
137 137  
138 -== **5.2 Add, edit, delete and preview project** ==
106 +[[image:image-20220715103031-11.jpeg]]
139 139  
140 -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).
141 -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).
142 -1. **Delete project:** Click the [Delete] to delete the corresponding project.
143 -1. **Preview project: **Click the [Browse] to browse the project.
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.
144 144  
145 -== **5.3 Login-free browse** ==
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.
146 146  
147 -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).
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).
148 148  
149 -== **5.4 Project design** ==
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.
150 150  
151 -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.
116 +[[image:image-20220715105016-8.jpeg]]**Export project:** Click the button to export the project.
152 152  
153 -(((
154 -= **6 V-box WEB SCADA design** =
155 -)))
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.
156 156  
157 -== **6.1 Main screen and Menu** ==
120 +[[image:image-20220715105139-10.jpeg]]**Delete project:** Click the button to delete the project.
158 158  
159 -Click [Design] (or Template design) in [Project Management] (or Template Management) screen to access WEB SCADA editor.
122 +[[image:image-20220715105152-11.jpeg||height="36" width="43"]]**Assigned to a group: **Click the button to assign the project to a group.
160 160  
161 -(% style="text-align:center" %)
162 -[[image:1617949467765-343.png||height="393" width="800" class="img-thumbnail"]]
124 += 4 Template =
163 163  
164 -Figure 6 ‑1
126 +== Template management ==
165 165  
166 -The function partition of WEB SCADA editor is shown in Figure 6-2.
128 +Click the template management module on the left menu to enter the template management module.
167 167  
168 168  (% style="text-align:center" %)
169 -[[image:V-box 1.png||alt="V-BOX cloud configuration user manual_html_cb0c19aefec34494.png" height="315" width="600" class="img-thumbnail"]]
131 +[[image:1617949183137-615.png||height="205" width="800" class="img-thumbnail"]]
170 170  
171 -Figure 6 ‑2
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.
172 172  
173 -1. **Toolbar:** A function bar that provides pages operations and objects operations;
174 -1. **Project Manager:** It shows all pages for project;
175 -1. **Objects Library: **It provides 7 basic shapes objects and 13 common objects for creating SCADA page;
176 -1. **Design Area: **Design area for SCADA page and template;
135 +[[image:image-20220715105925-1.jpeg||height="46" width="45"]]**Add template: **Click the button to add a template as below.
177 177  
178 -== **6.2 Operating procedures of design** ==
137 +[[image:image-20220715110054-4.jpeg]]
179 179  
180 -1. Create new page and set the property;
181 -1. Select the object and drag the mouse in design area;
182 -1. Edit object property and set the variable etc;
183 -1. Save the screen;
139 +[[image:image-20220715105933-2.jpeg||height="37" width="45"]]**Edit template: **Click the button to edit the name and resolution of the template.
184 184  
185 -== **6.3 Project Screen** ==
141 +[[image:image-20220715105937-3.jpeg||height="42" width="42"]]**Delete template: **Click the button to delete the template.
186 186  
187 -A project or template is composed of one or several screens. And all screens are listed on [Project Manager] as Figure 6-3 shows. Select screen name, its page would be displayed on [Design Area].
143 +== Template design ==
188 188  
189 -(% style="text-align:center" %)
190 -[[image:1617949566099-340.png||height="705" width="250" class="img-thumbnail"]]
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"]].
191 191  
192 -Figure 6 ‑3
147 +(% class="box infomessage" %)
148 +(((
149 +**✎Note: **
193 193  
194 -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] as Figure 6-4 shows.
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.
154 +)))
195 195  
196 -(% style="text-align:center" %)
197 -[[image:1617949620811-522.png||height="469" width="800" class="img-thumbnail"]]
156 +(((
157 += **5 Web SCADA design** =
158 +)))
198 198  
199 -(% style="text-align:center" %)
200 -[[image:1617949663298-790.png||height="413" width="800" class="img-thumbnail"]]
160 +== Main screen ==
201 201  
202 -Figure 6 ‑4
162 +Click "Design" (or Template design) in "Project Management" (or Template Management) screen to access WEB SCADA editor.
203 203  
204 -**Operating procedures of creating thumbnail**
164 +(% style="text-align:center" %)
165 +[[image:1617949467765-343.png||height="393" width="800" class="img-thumbnail"]]
205 205  
206 -1)Click [[image:V-BOX cloud configuration user manual_html_287ead7d4c995a28.png||height="30" width="30" class="img-thumbnail"]] on [Project Manager];
167 +The function partition of WEB SCADA editor.
207 207  
208 208  (% style="text-align:center" %)
209 -[[image:1617949820581-164.png||height="386" width="500" class="img-thumbnail"]]
170 +[[image:V-box 1.png||alt="V-BOX cloud configuration user manual_html_cb0c19aefec34494.png" height="315" width="600" class="img-thumbnail"]]
210 210  
211 -Figure 6 ‑14
172 +1. **Toolbar:** A function bar that provides pages operations and objects operations;
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;
175 +1. **Design Area: **Design area for SCADA page and template;
212 212  
213 -2)Select [Page Type] as [Thumbnail] on screen attribute window;
177 +== Design process ==
214 214  
215 -3)Set background display and color according to real situation;
179 +1. Create new screen and set the property;
180 +1. Select the object and drag the mouse in design area;
181 +1. Edit object property and set the variable etc;
182 +1. Save the screen;
216 216  
217 -4)Click [Save] to complete operation;
184 +== Screen management ==
218 218  
219 -**Operating procedures of creating page screen**
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".
220 220  
221 -1)Click [[image:V-BOX cloud configuration user manual_html_287ead7d4c995a28.png||height="30" width="30" class="img-thumbnail"]] on [Project Manager];
188 +[[image:image-20220715113713-9.jpeg]]
222 222  
223 -(% style="text-align:center" %)
224 -[[image:1617949844339-186.png||height="547" width="400" class="img-thumbnail"]]
190 +The screens are divided into normal screens and sub-screens, as shown above.
225 225  
226 -Figure 6 ‑15
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.
227 227  
228 -2)Fill in properties of screen;
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.
229 229  
230 -3)Click [Save] to complete;
197 +**Create screens**
231 231  
232 -**✎Note:**
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.
233 233  
234 -When a thumbnail page is not created, the default picture would be displayed on [Centralized Monitoring].
201 +[[image:image-20220715114601-11.jpeg]]
235 235  
236 -**Operating procedures of modifying screen**
203 +(% class="box infomessage" %)
204 +(((
205 +**✎Note:** When a thumbnail page is not created, the default picture would be displayed on "Centralized Monitoring".
206 +)))
237 237  
208 +**Modifying screen**
209 +
238 238  1. Select the page to be modified;
239 -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";
240 240  1. Modify screen on [Design Area];
241 -1. Click [[image:V-BOX cloud configuration user manual_html_5970eb09902bd1a3.png||height="30" width="30" class="img-thumbnail"]] on [Toolbar] to complete modification;
242 -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;
243 243  
244 -**Operating procedures of deleting screen**
215 +**Deleting screen**
245 245  
246 -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;
247 247  
248 -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;
249 -
250 250  (% style="text-align:center" %)
251 251  [[image:V-BOX cloud configuration user manual_html_1e7f9096426ebeca.png||height="161" width="300" class="img-thumbnail"]]
252 252  
253 -Figure 6 ‑16
223 +(% start="3" %)
224 +1. Click "OK" to delete page.
254 254  
255 -3)Click [OK] to delete page;
226 +**Sort screen**
256 256  
257 -**Operating procedures of sort screen**
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.
258 258  
259 -1. Select page screen on [Project Manager];
260 -1. Click [[image:V-BOX cloud configuration user manual_html_1ab5c888bfd536c.png||height="19" width="40"]] to sort screen upwards or downwards;
231 +(% class="box infomessage" %)
232 +(((
233 +**✎Note:** Thumbnail does not support sorting.
234 +)))
261 261  
262 -**✎Note:**
236 +== Object ==
263 263  
264 -Thumbnail does not support sorting.
238 +The Web SCADA platform provides a variety of visualizations for users to design screen. All objects listed on "Object Library“.
265 265  
266 -== **6.4 Object** ==
267 267  
268 -The WEB SCADA platform provides a variety of visualizations for users to design screen. All objects listed on [Object Library].
241 +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.
269 269  
270 -=== **6.4.1 Basic Operations** ===
243 +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.
271 271  
272 -**Operating procedures of adding objects on screen**
245 +=== Add object ===
273 273  
274 -1. Select and click the desired object on [Objects Library];
275 -1. Move the cursor to the [Design Area];
247 +1. Select and click the object on ”Objects Library“;
248 +1. Move the cursor to the "Design Area";
276 276  1. When cursor changes as + symbol, hold down left click draw the desired size;
277 277  
278 -**Operating procedures of moving object**
251 +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.
279 279  
253 +**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.
254 +
255 +**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.
256 +
257 +
258 +=== Move object ===
259 +
280 280  1. Select object on [Design Area];
281 -1. Hold down the left click and move object to desired position, as shown in Figure 6-8.
261 +1. Hold down the left click and move object to desired position.
282 282  
283 283  (% style="text-align:center" %)
284 284  [[image:V-BOX cloud configuration user manual_html_4a7ca599f8cf89c5.png||height="141" width="200" class="img-thumbnail"]]
285 285  
286 -Figure 6 ‑8
266 +**Scaling object**
287 287  
288 -**Operating procedures of scaling object**
289 -
290 290  1)Select object, the positioning control point would appear around object;
291 291  
292 292  2)Click any control point;
... ... @@ -293,22 +293,20 @@
293 293  
294 294  3)Move point to scale object;
295 295  
296 -**Operating procedure of editing object**
274 +**Editing object**
297 297  
298 298  1)Select object;
299 299  
300 -2)Double-click it to open property window as Figure 6-9 shows;
278 +2)Double-click it to open property window;
301 301  
302 302  (% style="text-align:center" %)
303 303  [[image:V-BOX cloud configuration user manual_html_45a8e3cf3e1113fe.png||height="352" width="600" class="img-thumbnail"]]
304 304  
305 -Figure 6 ‑18
306 -
307 307  3)Edit object settings;
308 308  
309 309  4)Click [Save] to complete operation;
310 310  
311 -=== **6.4.2 Introduction** ===
287 +=== 6.4.2 Introduction ===
312 312  
313 313  **1)Basic**
314 314  
... ... @@ -332,10 +332,10 @@
332 332  * **Picture: **It is used for displaying the picture, support the user defined picture.
333 333  
334 334  (% class="table-bordered" %)
335 -|**Property**|**Description**
336 -|Gallery|Choose the picture from the gallery
337 -|Angle|Rotation angle (0~~360)
338 -|Scale|(((
311 +|=(% scope="row" %)**Property**|=**Description**
312 +|=Gallery|Choose the picture from the gallery
313 +|=Angle|Rotation angle (0~~360)
314 +|=Scale|(((
339 339  Yes: the aspect ratio is fixed
340 340  
341 341  No: the aspect ratio is not fixed
... ... @@ -346,11 +346,8 @@
346 346  (% style="text-align:center" %)
347 347  [[image:V-BOX cloud configuration user manual_html_c84a5d0032df07e2.png||height="420" width="250" class="img-thumbnail"]]
348 348  
349 -Figure 6 ‑11
350 -
351 351  * **Display Frame**
352 352  
353 -(% border="2" %)
354 354  |**Item**|**Description**
355 355  |Monitoring Point|Set operating address for this object (Read and write can be different);
356 356  |Read-write permission|There are three modes for it, users could select according to requirements;
... ... @@ -364,7 +364,6 @@
364 364  Indicator could monitor and display the specified PLC or HMI bit address, and its state changes according to the specified address value.
365 365  
366 366  (((
367 -(% border="2" %)
368 368  |**Items**|**Description**
369 369  |Monitor Point|Set reading address for this object;
370 370  |Status|Set text for every status;
... ... @@ -378,7 +378,6 @@
378 378  Switch could operate the specified PLC or HMI bit address, and its state changes according to the specified address value.
379 379  
380 380  (((
381 -(% border="2" %)
382 382  |**Items**|**Description**
383 383  |Monitor Point|Set operating address for this object (Read and write can be different);
384 384  |Read-write permission|There are three modes for it, users could select according to requirements;
... ... @@ -394,7 +394,6 @@
394 394  Display the value of address in real time using the dashboard.
395 395  
396 396  (((
397 -(% border="2" %)
398 398  |**Items**|**Description**
399 399  |Monitor Point|Set operating address for this object (Read and write can be different);
400 400  |Select|Set dashboard display range, there are two modes, Constant and Variable
... ... @@ -410,7 +410,6 @@
410 410  Use the length or height of the rectangle to reflect the value of reading address so that the value could be visualized.
411 411  
412 412  (((
413 -(% border="2" %)
414 414  |**Items**|**Description**
415 415  |Monitor Point|Set operating address for this object (Read and write can be different);
416 416  |Digit Display|Check it to display digit value on bar;
... ... @@ -427,7 +427,6 @@
427 427  Use the curve to show the trend of the data over time. X-axis is time, Y-axis is variable.
428 428  
429 429  (((
430 -(% border="2" %)
431 431  |**Items**|**Description**
432 432  |Monitor Point|Set operating address for this object (Read and write can be different);
433 433  |Digit Display|Check it to display digit value on bar;
... ... @@ -445,7 +445,6 @@
445 445  This is a flowing animation object, users could set animation trigger condition for it, the monitor point could be both bit address and word address;
446 446  
447 447  (((
448 -(% border="2" %)
449 449  |**Items**|**Description**
450 450  |Border color|Set object background color;
451 451  |Color|Set flowing block color;
... ... @@ -457,8 +457,6 @@
457 457  
458 458  Word address: Set value range;
459 459  )))
460 -
461 -(% border="2" %)
462 462  |Color Block Width|Set flowing block size;
463 463  |Color Block Length|Set flowing block size;
464 464  |Color Block Spacing|Set the spacing between flow blocks;
... ... @@ -476,7 +476,6 @@
476 476  Video object is used for playing the video file provided in the video source.
477 477  
478 478  (((
479 -(% border="2" %)
480 480  |**Items**|**Description**
481 481  |Border color|Set object background color;
482 482  |Color|Set flowing block color;
... ... @@ -488,8 +488,6 @@
488 488  
489 489  Word address: Set value range;
490 490  )))
491 -
492 -(% border="2" %)
493 493  |Color Block Width|Set flowing block size;
494 494  |Color Block Length|Set flowing block size;
495 495  |Color Block Spacing|Set the spacing between flow blocks;
... ... @@ -503,8 +503,7 @@
503 503  The object for link website;
504 504  
505 505  (((
506 -(% border="2" %)
507 -|**Items**|**Description**
468 +|=**Items**|=**Description**
508 508  |Link address|Enter website;
509 509  |Open with|There are two options, user could select open with new window or current window;
510 510  |Select Language|One object could support three language, user could enter text for note object;
... ... @@ -517,8 +517,7 @@
517 517  Function switch is designed to switch screens, and call and close sub screen.
518 518  
519 519  (((
520 -(% border="2" %)
521 -|**Items**|**Description**
481 +|=**Items**|=**Description**
522 522  |Screen|Select the target screen for switch;
523 523  |Sub-screen|There are two options, user could select open with new window or current window;
524 524  |Previous|Switch to the previous screen
... ... @@ -534,8 +534,7 @@
534 534  The combination switch supports the collection of multiple functions onto one object. When the object is pressed, multiple functions are arranged in sequence to meet the special requirements of user.
535 535  
536 536  (((
537 -(% border="2" %)
538 -|**Items**|**Description**
497 +|=**Items**|=**Description**
539 539  |Bit operation|It provides [Bit copy], [Set ON], [Set OFF], [Switch] and [Bit Copy] functions.
540 540  |Word operation|It provides [Word copy], [Word set], [Increase] and [Decrease] functions,
541 541  |Arithmetic|[Add], [Subtract], [Multiply] and [Divide] functions
... ... @@ -551,8 +551,7 @@
551 551  It is used for displaying the time of the V-BOX, when the V-BOX is offline, the time will stay at the time when it is offline.
552 552  
553 553  (((
554 -(% border="2" %)
555 -|**Items**|**Description**
513 +|=**Items**|=**Description**
556 556  |Monitoring box|Link a box for the time part
557 557  |Pattern|Two types, one is digit and the other is clock
558 558  |Format settings|Set format for time and date in digit pattern
... ... @@ -566,8 +566,7 @@
566 566  It is used for display more than one tag value in Bar graph format.
567 567  
568 568  (((
569 -(% border="2" %)
570 -|**Items**|**Description**
527 +|=**Items**|=**Description**
571 571  |Add new group|Maximum is 8, add items for this object, also set colors
572 572  |Add monitoring point|Set read tag for every item,
573 573  |Style|Set object display style such as color, use picture as background or not
... ... @@ -579,8 +579,7 @@
579 579  It is used for display alarm information of V-BOX. It can support current and history alarm.
580 580  
581 581  (((
582 -(% border="2" %)
583 -|**Items**|**Description**
539 +|=**Items**|=**Description**
584 584  |Select box|Link to V-BOX
585 585  |Alarm type|Select current alarm or history alarm or all
586 586  |Start date|Alarm display start date
... ... @@ -597,8 +597,7 @@
597 597  The history trend will display data record with graph. X axis represents as time, and Y axis represents as data.
598 598  
599 599  (((
600 -(% border="2" %)
601 -|(% colspan="2" %)**Items**|**Description**
556 +|=(% colspan="2" %)**Items**|=**Description**
602 602  |(% colspan="2" %)Basic|Set numbers of curve in object and select style for every curves including color, link tag
603 603  |(% rowspan="11" %)Style|Display form|Two type, one is curve, and the other is table
604 604  |Start date|Start date of history data
... ... @@ -619,8 +619,7 @@
619 619  This object is used for calling screens when condition is met.
620 620  
621 621  (((
622 -(% border="2" %)
623 -|(% colspan="2" %)**Items**|**Description**
577 +|=(% colspan="2" %)**Items**|=**Description**
624 624  |(% rowspan="4" %)Basic|Conditional trigger|It provides bit, word condition and unconditional
625 625  |Bind monitoring point|Link to tag for triggering
626 626  |Trigger condition|for bit address, it requires ON or OFF, for word address, different value corresponds to different screens.
... ... @@ -634,8 +634,7 @@
634 634  Display value as ring chart
635 635  
636 636  (((
637 -(% border="2" %)
638 -|(% colspan="2" %)**Items**|**Description**
591 +|=(% colspan="2" %)**Items**|=**Description**
639 639  |(% rowspan="7" %)Basic|Monitor point|Link to tag for data reading
640 640  |Range|Set fixed range or variable range
641 641  |Scales|Set scales such as major and minor numbers, colors and so on
... ... @@ -652,8 +652,7 @@
652 652  Display more than one value in one pie chart
653 653  
654 654  (((
655 -(% border="2" %)
656 -|(% colspan="2" %)**Items**|**Description**
608 +|=(% colspan="2" %)**Items**|=**Description**
657 657  |(% colspan="2" %)Monitor point|Add read addresses, the maximum is 8
658 658  |(% rowspan="3" %)Style|Pattern|Set alarm range and colors
659 659  |Numerical scale|Check it to display value in object
... ... @@ -666,8 +666,7 @@
666 666  The toolbar has the same function as the tool list. (right-click on the canvas to pop up tool list)
667 667  
668 668  (((
669 -(% border="2" %)
670 -|**Tool**|**Description**
621 +|=**Tool**|=**Description**
671 671  |[[image:V-BOX cloud configuration user manual_html_668218d361cc54ba.png||height="21" width="76" class="img-thumbnail"]]|Mouse tool for selecting parts. Hold Ctrl key and click on the part to select multiple parts at the same time.
672 672  |[[image:V-BOX cloud configuration user manual_html_867a000ba1161424.png||height="21" width="69" class="img-thumbnail"]]|Save current canvas
673 673  |[[image:V-BOX cloud configuration user manual_html_f5dbf6b889320d6c.png||height="21" width="81" class="img-thumbnail"]]|Delete the selected parts. Multiple selected parts can be deleted at the same time.
... ... @@ -685,7 +685,7 @@
685 685  )))
686 686  
687 687  (((
688 -= **7 Authority management** =
639 += **7 Authority** =
689 689  )))
690 690  
691 691  Click the Authority management on the left menu to enter the Authority management module, as Figure 7-1 shows.
... ... @@ -715,7 +715,7 @@
715 715  
716 716  In the list of assigned projects in the sub-account, click “Unbind Project” to unbind the project for the account.
717 717  
718 -= **8 Cloud SCADA demo account** =
669 += **8 Demo account** =
719 719  
720 720  **1)What is Cloud SCADA platform?**
721 721  
image-20220714142525-1.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.Stone
Size
... ... @@ -1,0 +1,1 @@
1 +11.7 KB
Content
image-20220714150826-1.jpeg
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.Stone
Size
... ... @@ -1,0 +1,1 @@
1 +26.3 KB
Content
image-20220714151453-2.jpeg
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.Stone
Size
... ... @@ -1,0 +1,1 @@
1 +48.3 KB
Content
image-20220714155608-3.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.Stone
Size
... ... @@ -1,0 +1,1 @@
1 +41.6 KB
Content
image-20220715094724-1.jpeg
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.Stone
Size
... ... @@ -1,0 +1,1 @@
1 +40.6 KB
Content
image-20220715094733-2.jpeg
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.Stone
Size
... ... @@ -1,0 +1,1 @@
1 +10.6 KB
Content
image-20220715094953-3.jpeg
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.Stone
Size
... ... @@ -1,0 +1,1 @@
1 +50.0 KB
Content
image-20220715100603-4.jpeg
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.Stone
Size
... ... @@ -1,0 +1,1 @@
1 +74.7 KB
Content
image-20220715101053-5.jpeg
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.Stone
Size
... ... @@ -1,0 +1,1 @@
1 +3.6 KB
Content
image-20220715101731-6.jpeg
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.Stone
Size
... ... @@ -1,0 +1,1 @@
1 +996 bytes
Content
image-20220715101736-7.jpeg
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.Stone
Size
... ... @@ -1,0 +1,1 @@
1 +948 bytes
Content
image-20220715101741-8.jpeg
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.Stone
Size
... ... @@ -1,0 +1,1 @@
1 +1.1 KB
Content
image-20220715101747-9.jpeg
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.Stone
Size
... ... @@ -1,0 +1,1 @@
1 +882 bytes
Content
image-20220715101753-10.jpeg
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.Stone
Size
... ... @@ -1,0 +1,1 @@
1 +835 bytes
Content
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