Changes for page 05 Cloud SCADA
Last modified by Joe on 2024/08/08 09:29
Summary
-
Page properties (3 modified, 0 added, 0 removed)
-
Attachments (0 modified, 0 added, 14 removed)
- image-20220714142525-1.png
- image-20220714150826-1.jpeg
- image-20220714151453-2.jpeg
- image-20220714155608-3.png
- image-20220715094724-1.jpeg
- image-20220715094733-2.jpeg
- image-20220715094953-3.jpeg
- image-20220715100603-4.jpeg
- image-20220715101053-5.jpeg
- image-20220715101731-6.jpeg
- image-20220715101736-7.jpeg
- image-20220715101741-8.jpeg
- image-20220715101747-9.jpeg
- image-20220715101753-10.jpeg
Details
- Page properties
-
- Title
-
... ... @@ -1,1 +1,1 @@ 1 -02 CloudSCADA1 +02 V-BOX cloud configuration - Author
-
... ... @@ -1,1 +1,1 @@ 1 -XWiki. Stone1 +XWiki.admin - Content
-
... ... @@ -1,112 +1,113 @@ 1 -= **1 Intr oduction** =1 += **1 Instruction of WEB SCADA platform** = 2 2 3 -The default page of the V-BOX webSCADA platform after login is shown asbelow. 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.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. 4 4 5 5 (% style="text-align:center" %) 6 -[[image:1617874482390-379.png||height="421" width="800" class="img-thumbnail"]]6 +[[image:1617874482390-379.png||class="img-thumbnail" height="421" width="800"]] 7 7 8 +Figure 1 ‑1 9 + 8 8 **Introduction** 9 9 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 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 13 13 14 - = 2 Log in =17 +**✎Note:** 15 15 16 - Click Cloud SCADA underservice in the upperright corner,orenter[[http:~~/~~/web.v-box.net/>>http://web.v-box.net/]] on browser.19 +Google Chrome is recommended. 17 17 18 -[[image:image-20220714150826-1.jpeg]] 19 - 20 -The account of the V-box web SCADA platform is the same as the V-BOX account. 21 - 22 -(% style="text-align:center" %) 23 -[[image:1617874518342-186.png||height="357" width="200" class="img-thumbnail"]] 24 - 25 25 ((( 26 -= 3Centralized monitoring=22 += **2 Sign in** = 27 27 ))) 28 28 29 - Centralized monitoringis the default homepage of the platform. As shown as thefigurebelow.25 +**Operating procedures** 30 30 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 + 31 31 (% style="text-align:center" %) 32 -[[image:1617874 482390-379.png||height="421" width="800"class="img-thumbnail"]]30 +[[image:1617874518342-186.png||class="img-thumbnail" height="357" width="200"]] 33 33 34 - This page displays projectsunderachgroupby 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.32 +Figure 2 ‑1 35 35 36 - ==Groupmanagement==34 +2)The account of the V-box WEB SCADA platform is the same as the V-BOX account. 37 37 38 - The centralized monitoring moduleclassifies the project by group.36 +**✎Note:** 39 39 40 - [[image:image-20220714151453-2.jpeg||height="394"width="795"]]38 +Google Chrome is recommended. 41 41 40 +((( 41 += **3 Centralized monitoring** = 42 +))) 42 42 43 -1. **Switch group:** Click group name to switch 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. 44 +Centralized monitoring is the default home page of the platform. As shown as Figure 3-1. 48 48 49 -(% class="wikigeneratedid" %)50 - == Newproject ==46 +(% style="text-align:center" %) 47 +[[image:1617874482390-379.png||class="img-thumbnail" height="421" width="800"]] 51 51 52 - Click "New project" on the upper right corner to create a new project. Youcould input the projectname,select a group and whether it is cross-box.49 +Figure 3 ‑1 53 53 54 - [[image:image-20220715094953-3.jpeg]]51 +This page shows projects under each group by switching groups. User could add, delete and modify the group. 55 55 56 - Click"Thumbnail"toloada thumbnai. It will bedisplayed as the preview imageoftheproject.53 +== **3.1 Group management** == 57 57 58 - [[image:image-20220715094733-2.jpeg]]55 +The centralized monitoring module classifies the project by group. As shown in Figure 3-2. 59 59 60 -(% class="box infomessage" %) 61 -((( 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 -))) 57 +(% style="text-align:center" %) 58 +[[image:1617933161760-158.png||class="img-thumbnail" height="35" width="900"]] 64 64 65 - == Manage projects==60 +Figure 3 ‑2 66 66 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]] 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||class="img-thumbnail" height="29" width="30"]] to add a new group. 64 +1. **Edit group:** Click [[image:V-BOX cloud configuration user manual_html_516339bb09efc553.png||class="img-thumbnail" height="28" width="30"]] to edit the group name. 65 +1. **Delete group:** Click [[image:V-BOX cloud configuration user manual_html_c92089cb54d385cd.png||class="img-thumbnail" height="28" width="30"]] to delete the current group. 66 +1. **More group:** Click [[image:V-BOX cloud configuration user manual_html_df266f0fa8d8536e.png||class="img-thumbnail" height="16" width="30"]] to display the previous or next group. 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 +== **3.2 Assign project** == 73 73 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. 71 + 74 74 (% style="text-align:center" %) 75 -[[image: image-20220715101053-5.jpeg]]73 +[[image:1617948660671-429.png||class="img-thumbnail" height="270" width="800"]] 76 76 77 - == Browseproject==75 +Figure 3 ‑3 78 78 79 -Click on [[image:1617948906340-294.png||class="img-thumbnail"]] in the project list to view the configuration screen. 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. 80 80 81 -(% style="text-align:center" %) 82 -[[image:V-BOX cloud configuration user manual_html_72b4c2044c0ab2fe.png||height="365" width="600" class="img-thumbnail"]] 81 +== **3.3 Browse project** == 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. 83 +Click on [[image:1617948906340-294.png||class="img-thumbnail"]] in the project list to view the configuration screen. See Figure 3-4. 93 93 94 -(% class="wikigeneratedid" %)95 - ==Project setting ==85 +(% style="text-align:center" %) 86 +[[image:V-BOX cloud configuration user manual_html_72b4c2044c0ab2fe.png||class="img-thumbnail" height="365" width="600"]] 96 96 88 +Figure 3 ‑4 97 97 98 -= 4 Template = 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||class="img-thumbnail" height="26" width="28"]] : Zoom in screen 95 +1. [[image:V-BOX cloud configuration user manual_html_4836056a73da4491.png||class="img-thumbnail" height="27" width="28"]] : Zoom out screen 99 99 100 -= =4.1Template management ==97 += **4 Template management** = 101 101 102 - Clickthetemplate managementmodule on the left menu to enter the template management module.99 +== **4.1 Template management** == 103 103 101 +Click the template management module on the left menu to enter the template management module, as Figure 4-1 shows. 102 + 104 104 (% style="text-align:center" %) 105 -[[image:1617949183137-615.png||height="205" width="800" class="img-thumbnail"]]104 +[[image:1617949183137-615.png||class="img-thumbnail" height="205" width="800"]] 106 106 106 +Figure 4 ‑1 107 + 107 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 . 108 108 109 -== 4.2 Add, edit and delete template == 110 +== **4.2 Add, edit and delete template** == 110 110 111 111 1. **Add template: **Click the [Add] to add a template, as Figure 4-2 shows. 112 112 1. **Edit template: **Click the [Edit] to edit the name and resolution of the template. ... ... @@ -113,60 +113,68 @@ 113 113 1. **Delete template: **Click the [Delete] to delete the template. 114 114 115 115 (% style="text-align:center" %) 116 -[[image:1617933432286-367.png||height="347" width="600" class="img-thumbnail"]]117 +[[image:1617933432286-367.png||class="img-thumbnail" height="347" width="600"]] 117 117 118 - == 4.3 Design template==119 +Figure 4 ‑2 119 119 121 +== **4.3 Design template** == 122 + 120 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. 121 121 122 122 ((( 123 -= 5 Project management = 126 += **5 Project management** = 124 124 ))) 125 125 126 -== 5.1 Project management == 129 +== **5.1 Project management** == 127 127 128 -Click the [Project management] on the left menu to enter the project list. 131 +Click the [Project management] on the left menu to enter the project list, as Figure 5-1 shows. 129 129 130 130 (% style="text-align:center" %) 131 -[[image:1617949499753-859.png||height="401" width="800" class="img-thumbnail"]]134 +[[image:1617949499753-859.png||class="img-thumbnail" height="401" width="800"]] 132 132 133 - == 5.2 Add, edit, delete and previewproject==136 +Figure 5 ‑1 134 134 138 +== **5.2 Add, edit, delete and preview project** == 139 + 135 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 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 137 1. **Delete project:** Click the [Delete] to delete the corresponding project. 138 138 1. **Preview project: **Click the [Browse] to browse the project. 139 139 140 -== 5.3 Login-free browse == 145 +== **5.3 Login-free browse** == 141 141 142 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). 143 143 144 -== 5.4 Project design == 149 +== **5.4 Project design** == 145 145 146 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. 147 147 148 148 ((( 149 -= 6 V-box WEB SCADA design = 154 += **6 V-box WEB SCADA design** = 150 150 ))) 151 151 152 -== 6.1 Main screen and Menu == 157 +== **6.1 Main screen and Menu** == 153 153 154 154 Click [Design] (or Template design) in [Project Management] (or Template Management) screen to access WEB SCADA editor. 155 155 156 156 (% style="text-align:center" %) 157 -[[image:1617949467765-343.png||height="393" width="800" class="img-thumbnail"]]162 +[[image:1617949467765-343.png||class="img-thumbnail" height="393" width="800"]] 158 158 159 - The function partitionofWEB SCADA editor.164 +Figure 6 ‑1 160 160 166 +The function partition of WEB SCADA editor is shown in Figure 6-2. 167 + 161 161 (% style="text-align:center" %) 162 -[[image:V-box 1.png||alt="V-BOX cloud configuration user manual_html_cb0c19aefec34494.png" height="315" width="600" class="img-thumbnail"]]169 +[[image:V-box 1.png||alt="V-BOX cloud configuration user manual_html_cb0c19aefec34494.png" class="img-thumbnail" height="315" width="600"]] 163 163 171 +Figure 6 ‑2 172 + 164 164 1. **Toolbar:** A function bar that provides pages operations and objects operations; 165 165 1. **Project Manager:** It shows all pages for project; 166 166 1. **Objects Library: **It provides 7 basic shapes objects and 13 common objects for creating SCADA page; 167 167 1. **Design Area: **Design area for SCADA page and template; 168 168 169 -== 6.2 Design ==178 +== **6.2 Operating procedures of design** == 170 170 171 171 1. Create new page and set the property; 172 172 1. Select the object and drag the mouse in design area; ... ... @@ -173,28 +173,33 @@ 173 173 1. Edit object property and set the variable etc; 174 174 1. Save the screen; 175 175 176 -== 6.3 Project Screen == 185 +== **6.3 Project Screen** == 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]. 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]. 179 179 180 180 (% style="text-align:center" %) 181 -[[image:1617949566099-340.png||height="705" width="250" class="img-thumbnail"]]190 +[[image:1617949566099-340.png||class="img-thumbnail" height="705" width="250"]] 182 182 183 - Project Manager would display two kinds of screen. One is page screen, and the other is Thumbnail. A projectortemplate could contain several screens, but only one thumbnail. Thumbnail is used for displayed project on [Centralized Monitoring].192 +Figure 6 ‑3 184 184 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. 195 + 185 185 (% style="text-align:center" %) 186 -[[image:1617949620811-522.png||height="469" width="800" class="img-thumbnail"]]197 +[[image:1617949620811-522.png||class="img-thumbnail" height="469" width="800"]] 187 187 188 188 (% style="text-align:center" %) 189 -[[image:1617949663298-790.png||height="413" width="800" class="img-thumbnail"]]200 +[[image:1617949663298-790.png||class="img-thumbnail" height="413" width="800"]] 190 190 191 - **Creatingthumbnail**202 +Figure 6 ‑4 192 192 193 - 1)Click [[image:V-BOX cloud configurationusermanual_html_287ead7d4c995a28.png||height="30"width="30"class="img-thumbnail"]] on [Project Manager];204 +**Operating procedures of creating thumbnail** 194 194 206 +1)Click [[image:V-BOX cloud configuration user manual_html_287ead7d4c995a28.png||class="img-thumbnail" height="30" width="30"]] on [Project Manager]; 207 + 195 195 (% style="text-align:center" %) 196 -[[image:1617949820581-164.png||height="386" width="500" class="img-thumbnail"]]209 +[[image:1617949820581-164.png||class="img-thumbnail" height="386" width="500"]] 197 197 211 +Figure 6 ‑14 198 198 199 199 2)Select [Page Type] as [Thumbnail] on screen attribute window; 200 200 ... ... @@ -202,12 +202,12 @@ 202 202 203 203 4)Click [Save] to complete operation; 204 204 205 -** Creating page screen**219 +**Operating procedures of creating page screen** 206 206 207 -1)Click [[image:V-BOX cloud configuration user manual_html_287ead7d4c995a28.png||height="30" width="30" class="img-thumbnail"]] on [Project Manager];221 +1)Click [[image:V-BOX cloud configuration user manual_html_287ead7d4c995a28.png||class="img-thumbnail" height="30" width="30"]] on [Project Manager]; 208 208 209 209 (% style="text-align:center" %) 210 -[[image:1617949844339-186.png||height="547" width="400" class="img-thumbnail"]]224 +[[image:1617949844339-186.png||class="img-thumbnail" height="547" width="400"]] 211 211 212 212 Figure 6 ‑15 213 213 ... ... @@ -219,15 +219,15 @@ 219 219 220 220 When a thumbnail page is not created, the default picture would be displayed on [Centralized Monitoring]. 221 221 222 -** Modifying screen**236 +**Operating procedures of 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];239 +1. Click [[image:V-BOX cloud configuration user manual_html_a5f920d2d144472c.png||class="img-thumbnail" height="30" width="30"]] on [Project Manager] or [[image:V-BOX cloud configuration user manual_html_56ae321f2d4418ac.png||class="img-thumbnail" height="24" width="147"]] 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;241 +1. Click [[image:V-BOX cloud configuration user manual_html_5970eb09902bd1a3.png||class="img-thumbnail" height="30" width="30"]] on [Toolbar] to complete modification; 228 228 1. 229 229 230 -** Deleting screen**244 +**Operating procedures of deleting screen** 231 231 232 232 1)Select screen on [Project Manager]; 233 233 ... ... @@ -234,11 +234,13 @@ 234 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 235 236 236 (% style="text-align:center" %) 237 -[[image:V-BOX cloud configuration user manual_html_1e7f9096426ebeca.png||height="161" width="300" class="img-thumbnail"]]251 +[[image:V-BOX cloud configuration user manual_html_1e7f9096426ebeca.png||class="img-thumbnail" height="161" width="300"]] 238 238 253 +Figure 6 ‑16 254 + 239 239 3)Click [OK] to delete page; 240 240 241 -** Sort screen**257 +**Operating procedures of sort screen** 242 242 243 243 1. Select page screen on [Project Manager]; 244 244 1. Click [[image:V-BOX cloud configuration user manual_html_1ab5c888bfd536c.png||height="19" width="40"]] to sort screen upwards or downwards; ... ... @@ -247,28 +247,30 @@ 247 247 248 248 Thumbnail does not support sorting. 249 249 250 -== 6.4 Object == 266 +== **6.4 Object** == 251 251 252 252 The WEB SCADA platform provides a variety of visualizations for users to design screen. All objects listed on [Object Library]. 253 253 254 -=== 6.4.1 Basic === 270 +=== **6.4.1 Basic Operations** === 255 255 256 -** Adding objects on screen**272 +**Operating procedures of adding objects on screen** 257 257 258 258 1. Select and click the desired object on [Objects Library]; 259 259 1. Move the cursor to the [Design Area]; 260 260 1. When cursor changes as + symbol, hold down left click draw the desired size; 261 261 262 -** Moving object**278 +**Operating procedures of moving object** 263 263 264 264 1. Select object on [Design Area]; 265 -1. Hold down the left click and move object to desired position. 281 +1. Hold down the left click and move object to desired position, as shown in Figure 6-8. 266 266 267 267 (% style="text-align:center" %) 268 -[[image:V-BOX cloud configuration user manual_html_4a7ca599f8cf89c5.png||height="141" width="200" class="img-thumbnail"]]284 +[[image:V-BOX cloud configuration user manual_html_4a7ca599f8cf89c5.png||class="img-thumbnail" height="141" width="200"]] 269 269 270 - **Scalingobject**286 +Figure 6 ‑8 271 271 288 +**Operating procedures of scaling object** 289 + 272 272 1)Select object, the positioning control point would appear around object; 273 273 274 274 2)Click any control point; ... ... @@ -275,25 +275,27 @@ 275 275 276 276 3)Move point to scale object; 277 277 278 -** Editing object**296 +**Operating procedure of editing object** 279 279 280 280 1)Select object; 281 281 282 -2)Double-click it to open property window; 300 +2)Double-click it to open property window as Figure 6-9 shows; 283 283 284 284 (% style="text-align:center" %) 285 -[[image:V-BOX cloud configuration user manual_html_45a8e3cf3e1113fe.png||height="352" width="600" class="img-thumbnail"]]303 +[[image:V-BOX cloud configuration user manual_html_45a8e3cf3e1113fe.png||class="img-thumbnail" height="352" width="600"]] 286 286 305 +Figure 6 ‑18 306 + 287 287 3)Edit object settings; 288 288 289 289 4)Click [Save] to complete operation; 290 290 291 -=== 6.4.2 Introduction === 311 +=== **6.4.2 Introduction** === 292 292 293 293 **1)Basic** 294 294 295 295 (% style="text-align:center" %) 296 -[[image:1617949894556-149.png||height="402" width="250" class="img-thumbnail"]]316 +[[image:1617949894556-149.png||class="img-thumbnail" height="402" width="250"]] 297 297 298 298 Figure 6 ‑10 299 299 ... ... @@ -312,10 +312,10 @@ 312 312 * **Picture: **It is used for displaying the picture, support the user defined picture. 313 313 314 314 (% class="table-bordered" %) 315 -| =(% scope="row" %)**Property**|=**Description**316 -| =Gallery|Choose the picture from the gallery317 -| =Angle|Rotation angle (0~~360)318 -| =Scale|(((335 +|**Property**|**Description** 336 +|Gallery|Choose the picture from the gallery 337 +|Angle|Rotation angle (0~~360) 338 +|Scale|((( 319 319 Yes: the aspect ratio is fixed 320 320 321 321 No: the aspect ratio is not fixed ... ... @@ -324,10 +324,13 @@ 324 324 **2)Common** 325 325 326 326 (% style="text-align:center" %) 327 -[[image:V-BOX cloud configuration user manual_html_c84a5d0032df07e2.png||height="420" width="250" class="img-thumbnail"]]347 +[[image:V-BOX cloud configuration user manual_html_c84a5d0032df07e2.png||class="img-thumbnail" height="420" width="250"]] 328 328 349 +Figure 6 ‑11 350 + 329 329 * **Display Frame** 330 330 353 +(% border="2" %) 331 331 |**Item**|**Description** 332 332 |Monitoring Point|Set operating address for this object (Read and write can be different); 333 333 |Read-write permission|There are three modes for it, users could select according to requirements; ... ... @@ -341,6 +341,7 @@ 341 341 Indicator could monitor and display the specified PLC or HMI bit address, and its state changes according to the specified address value. 342 342 343 343 ((( 367 +(% border="2" %) 344 344 |**Items**|**Description** 345 345 |Monitor Point|Set reading address for this object; 346 346 |Status|Set text for every status; ... ... @@ -354,6 +354,7 @@ 354 354 Switch could operate the specified PLC or HMI bit address, and its state changes according to the specified address value. 355 355 356 356 ((( 381 +(% border="2" %) 357 357 |**Items**|**Description** 358 358 |Monitor Point|Set operating address for this object (Read and write can be different); 359 359 |Read-write permission|There are three modes for it, users could select according to requirements; ... ... @@ -369,6 +369,7 @@ 369 369 Display the value of address in real time using the dashboard. 370 370 371 371 ((( 397 +(% border="2" %) 372 372 |**Items**|**Description** 373 373 |Monitor Point|Set operating address for this object (Read and write can be different); 374 374 |Select|Set dashboard display range, there are two modes, Constant and Variable ... ... @@ -384,6 +384,7 @@ 384 384 Use the length or height of the rectangle to reflect the value of reading address so that the value could be visualized. 385 385 386 386 ((( 413 +(% border="2" %) 387 387 |**Items**|**Description** 388 388 |Monitor Point|Set operating address for this object (Read and write can be different); 389 389 |Digit Display|Check it to display digit value on bar; ... ... @@ -400,6 +400,7 @@ 400 400 Use the curve to show the trend of the data over time. X-axis is time, Y-axis is variable. 401 401 402 402 ((( 430 +(% border="2" %) 403 403 |**Items**|**Description** 404 404 |Monitor Point|Set operating address for this object (Read and write can be different); 405 405 |Digit Display|Check it to display digit value on bar; ... ... @@ -417,6 +417,7 @@ 417 417 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; 418 418 419 419 ((( 448 +(% border="2" %) 420 420 |**Items**|**Description** 421 421 |Border color|Set object background color; 422 422 |Color|Set flowing block color; ... ... @@ -428,6 +428,8 @@ 428 428 429 429 Word address: Set value range; 430 430 ))) 460 + 461 +(% border="2" %) 431 431 |Color Block Width|Set flowing block size; 432 432 |Color Block Length|Set flowing block size; 433 433 |Color Block Spacing|Set the spacing between flow blocks; ... ... @@ -445,6 +445,7 @@ 445 445 Video object is used for playing the video file provided in the video source. 446 446 447 447 ((( 479 +(% border="2" %) 448 448 |**Items**|**Description** 449 449 |Border color|Set object background color; 450 450 |Color|Set flowing block color; ... ... @@ -456,6 +456,8 @@ 456 456 457 457 Word address: Set value range; 458 458 ))) 491 + 492 +(% border="2" %) 459 459 |Color Block Width|Set flowing block size; 460 460 |Color Block Length|Set flowing block size; 461 461 |Color Block Spacing|Set the spacing between flow blocks; ... ... @@ -469,7 +469,8 @@ 469 469 The object for link website; 470 470 471 471 ((( 472 -|=**Items**|=**Description** 506 +(% border="2" %) 507 +|**Items**|**Description** 473 473 |Link address|Enter website; 474 474 |Open with|There are two options, user could select open with new window or current window; 475 475 |Select Language|One object could support three language, user could enter text for note object; ... ... @@ -482,7 +482,8 @@ 482 482 Function switch is designed to switch screens, and call and close sub screen. 483 483 484 484 ((( 485 -|=**Items**|=**Description** 520 +(% border="2" %) 521 +|**Items**|**Description** 486 486 |Screen|Select the target screen for switch; 487 487 |Sub-screen|There are two options, user could select open with new window or current window; 488 488 |Previous|Switch to the previous screen ... ... @@ -498,7 +498,8 @@ 498 498 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. 499 499 500 500 ((( 501 -|=**Items**|=**Description** 537 +(% border="2" %) 538 +|**Items**|**Description** 502 502 |Bit operation|It provides [Bit copy], [Set ON], [Set OFF], [Switch] and [Bit Copy] functions. 503 503 |Word operation|It provides [Word copy], [Word set], [Increase] and [Decrease] functions, 504 504 |Arithmetic|[Add], [Subtract], [Multiply] and [Divide] functions ... ... @@ -514,7 +514,8 @@ 514 514 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. 515 515 516 516 ((( 517 -|=**Items**|=**Description** 554 +(% border="2" %) 555 +|**Items**|**Description** 518 518 |Monitoring box|Link a box for the time part 519 519 |Pattern|Two types, one is digit and the other is clock 520 520 |Format settings|Set format for time and date in digit pattern ... ... @@ -528,7 +528,8 @@ 528 528 It is used for display more than one tag value in Bar graph format. 529 529 530 530 ((( 531 -|=**Items**|=**Description** 569 +(% border="2" %) 570 +|**Items**|**Description** 532 532 |Add new group|Maximum is 8, add items for this object, also set colors 533 533 |Add monitoring point|Set read tag for every item, 534 534 |Style|Set object display style such as color, use picture as background or not ... ... @@ -540,7 +540,8 @@ 540 540 It is used for display alarm information of V-BOX. It can support current and history alarm. 541 541 542 542 ((( 543 -|=**Items**|=**Description** 582 +(% border="2" %) 583 +|**Items**|**Description** 544 544 |Select box|Link to V-BOX 545 545 |Alarm type|Select current alarm or history alarm or all 546 546 |Start date|Alarm display start date ... ... @@ -557,7 +557,8 @@ 557 557 The history trend will display data record with graph. X axis represents as time, and Y axis represents as data. 558 558 559 559 ((( 560 -|=(% colspan="2" %)**Items**|=**Description** 600 +(% border="2" %) 601 +|(% colspan="2" %)**Items**|**Description** 561 561 |(% colspan="2" %)Basic|Set numbers of curve in object and select style for every curves including color, link tag 562 562 |(% rowspan="11" %)Style|Display form|Two type, one is curve, and the other is table 563 563 |Start date|Start date of history data ... ... @@ -578,7 +578,8 @@ 578 578 This object is used for calling screens when condition is met. 579 579 580 580 ((( 581 -|=(% colspan="2" %)**Items**|=**Description** 622 +(% border="2" %) 623 +|(% colspan="2" %)**Items**|**Description** 582 582 |(% rowspan="4" %)Basic|Conditional trigger|It provides bit, word condition and unconditional 583 583 |Bind monitoring point|Link to tag for triggering 584 584 |Trigger condition|for bit address, it requires ON or OFF, for word address, different value corresponds to different screens. ... ... @@ -592,7 +592,8 @@ 592 592 Display value as ring chart 593 593 594 594 ((( 595 -|=(% colspan="2" %)**Items**|=**Description** 637 +(% border="2" %) 638 +|(% colspan="2" %)**Items**|**Description** 596 596 |(% rowspan="7" %)Basic|Monitor point|Link to tag for data reading 597 597 |Range|Set fixed range or variable range 598 598 |Scales|Set scales such as major and minor numbers, colors and so on ... ... @@ -609,7 +609,8 @@ 609 609 Display more than one value in one pie chart 610 610 611 611 ((( 612 -|=(% colspan="2" %)**Items**|=**Description** 655 +(% border="2" %) 656 +|(% colspan="2" %)**Items**|**Description** 613 613 |(% colspan="2" %)Monitor point|Add read addresses, the maximum is 8 614 614 |(% rowspan="3" %)Style|Pattern|Set alarm range and colors 615 615 |Numerical scale|Check it to display value in object ... ... @@ -622,25 +622,26 @@ 622 622 The toolbar has the same function as the tool list. (right-click on the canvas to pop up tool list) 623 623 624 624 ((( 625 -|=**Tool**|=**Description** 626 -|[[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. 627 -|[[image:V-BOX cloud configuration user manual_html_867a000ba1161424.png||height="21" width="69" class="img-thumbnail"]]|Save current canvas 628 -|[[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. 629 -|[[image:V-BOX cloud configuration user manual_html_e5d36271faf64986.png||height="21" width="73" class="img-thumbnail"]]|Copy the selected parts. 630 -|[[image:V-BOX cloud configuration user manual_html_97033b77500d6b5e.png||height="21" width="75" class="img-thumbnail"]]|Paste the selected parts 631 -|[[image:V-BOX cloud configuration user manual_html_53bc6f617b145720.png||height="22" width="148" class="img-thumbnail"]]|The property of the current screen 632 -|[[image:V-BOX cloud configuration user manual_html_44a3e98a692aee6a.png||height="21" width="157" class="img-thumbnail"]]|Import the configured template for the current screen 633 -|[[image:V-BOX cloud configuration user manual_html_30f2f1591b0a9e66.png||height="22" width="89" class="img-thumbnail"]]|Browse the current project interface. The default home page is the top screen in the project page list. 634 -|[[image:V-BOX cloud configuration user manual_html_6aae3377add443ff.png||height="38" width="150" class="img-thumbnail"]]|Align left edge of multiple parts 635 -|[[image:V-BOX cloud configuration user manual_html_dc8fb256a13e2f91.png||height="40" width="150" class="img-thumbnail"]]|Align right edge of multiple parts 636 -|[[image:V-BOX cloud configuration user manual_html_bec295f2d25219f9.png||height="39" width="150" class="img-thumbnail"]]|Align top edge of multiple parts 637 -|[[image:V-BOX cloud configuration user manual_html_4a0c10157943d534.png||height="39" width="150" class="img-thumbnail"]]|Align bottom edge of multiple parts 638 -|[[image:V-BOX cloud configuration user manual_html_378cd8ba635ed3f4.png||height="38" width="150" class="img-thumbnail"]]|Place the selected part on top of the other parts 639 -|[[image:V-BOX cloud configuration user manual_html_6a594344368f5276.png||height="38" width="150" class="img-thumbnail"]]|Place the selected part on the bottom of the other parts 669 +(% border="2" %) 670 +|**Tool**|**Description** 671 +|[[image:V-BOX cloud configuration user manual_html_668218d361cc54ba.png||class="img-thumbnail" height="21" width="76"]]|Mouse tool for selecting parts. Hold Ctrl key and click on the part to select multiple parts at the same time. 672 +|[[image:V-BOX cloud configuration user manual_html_867a000ba1161424.png||class="img-thumbnail" height="21" width="69"]]|Save current canvas 673 +|[[image:V-BOX cloud configuration user manual_html_f5dbf6b889320d6c.png||class="img-thumbnail" height="21" width="81"]]|Delete the selected parts. Multiple selected parts can be deleted at the same time. 674 +|[[image:V-BOX cloud configuration user manual_html_e5d36271faf64986.png||class="img-thumbnail" height="21" width="73"]]|Copy the selected parts. 675 +|[[image:V-BOX cloud configuration user manual_html_97033b77500d6b5e.png||class="img-thumbnail" height="21" width="75"]]|Paste the selected parts 676 +|[[image:V-BOX cloud configuration user manual_html_53bc6f617b145720.png||class="img-thumbnail" height="22" width="148"]]|The property of the current screen 677 +|[[image:V-BOX cloud configuration user manual_html_44a3e98a692aee6a.png||class="img-thumbnail" height="21" width="157"]]|Import the configured template for the current screen 678 +|[[image:V-BOX cloud configuration user manual_html_30f2f1591b0a9e66.png||class="img-thumbnail" height="22" width="89"]]|Browse the current project interface. The default home page is the top screen in the project page list. 679 +|[[image:V-BOX cloud configuration user manual_html_6aae3377add443ff.png||class="img-thumbnail" height="38" width="150"]]|Align left edge of multiple parts 680 +|[[image:V-BOX cloud configuration user manual_html_dc8fb256a13e2f91.png||class="img-thumbnail" height="40" width="150"]]|Align right edge of multiple parts 681 +|[[image:V-BOX cloud configuration user manual_html_bec295f2d25219f9.png||class="img-thumbnail" height="39" width="150"]]|Align top edge of multiple parts 682 +|[[image:V-BOX cloud configuration user manual_html_4a0c10157943d534.png||class="img-thumbnail" height="39" width="150"]]|Align bottom edge of multiple parts 683 +|[[image:V-BOX cloud configuration user manual_html_378cd8ba635ed3f4.png||class="img-thumbnail" height="38" width="150"]]|Place the selected part on top of the other parts 684 +|[[image:V-BOX cloud configuration user manual_html_6a594344368f5276.png||class="img-thumbnail" height="38" width="150"]]|Place the selected part on the bottom of the other parts 640 640 ))) 641 641 642 642 ((( 643 -= **7 Authority** = 688 += **7 Authority management** = 644 644 ))) 645 645 646 646 Click the Authority management on the left menu to enter the Authority management module, as Figure 7-1 shows. ... ... @@ -653,16 +653,16 @@ 653 653 654 654 **1)How to assign project for sub-account** 655 655 656 -* Click the button [[image:V-BOX cloud configuration user manual_html_d96aea12cdb7cdb1.png||height="26" width="150" class="img-thumbnail"]] at the end of the sub-account line to enter the project list page of the sub-account, as shown in Figure 7-2.657 -* Click the button [[image:V-BOX cloud configuration user manual_html_5fd249946ccb44cc.png||height="34" width="150" class="img-thumbnail"]] on the top right corner of window, select the project of the pop window and then click save to get the permissions of the selected project for the account, as shown in Figure 7-3.701 +* Click the button [[image:V-BOX cloud configuration user manual_html_d96aea12cdb7cdb1.png||class="img-thumbnail" height="26" width="150"]] at the end of the sub-account line to enter the project list page of the sub-account, as shown in Figure 7-2. 702 +* Click the button [[image:V-BOX cloud configuration user manual_html_5fd249946ccb44cc.png||class="img-thumbnail" height="34" width="150"]] on the top right corner of window, select the project of the pop window and then click save to get the permissions of the selected project for the account, as shown in Figure 7-3. 658 658 659 659 (% style="text-align:center" %) 660 -[[image:1617934946822-979.png||height="421" width="800" class="img-thumbnail"]]705 +[[image:1617934946822-979.png||class="img-thumbnail" height="421" width="800"]] 661 661 662 662 Figure 7 ‑2 663 663 664 664 (% style="text-align:center" %) 665 -[[image:1617950026178-538.png||height="375" width="600" class="img-thumbnail"]]710 +[[image:1617950026178-538.png||class="img-thumbnail" height="375" width="600"]] 666 666 667 667 Figure 7 ‑3 668 668 ... ... @@ -670,8 +670,10 @@ 670 670 671 671 In the list of assigned projects in the sub-account, click “Unbind Project” to unbind the project for the account. 672 672 673 - =**8Demo account**=718 +ptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. 674 674 720 += **8 Cloud SCADA demo account** = 721 + 675 675 **1)What is Cloud SCADA platform?** 676 676 677 677 Cloud SCADA is an IoT platform that can realize terminal equipment data collection, real-time control, alarm push, group management, configuration design and other functions. With this platform, users can monitor terminal equipment more conveniently. ... ... @@ -690,7 +690,7 @@ 690 690 **✎Note2: **users can enter the Cloud SCADA page by clicking the following positions: 691 691 692 692 (% style="text-align:center" %) 693 -[[image:1648577581177-590.png||height="408" width="800" class="img-thumbnail"]]740 +[[image:1648577581177-590.png||class="img-thumbnail" height="408" width="800"]] 694 694 695 695 **3)Industry classification** 696 696 ... ... @@ -697,7 +697,7 @@ 697 697 There are 20 Cloud SCADA projects created in demo account, including HVAC system, water treatment system, smart farm, smart factory and smart city. 698 698 699 699 (% style="text-align:center" %) 700 -[[image:1648577644453-821.png||height="377" width="800" class="img-thumbnail"]]747 +[[image:1648577644453-821.png||class="img-thumbnail" height="377" width="800"]] 701 701 702 702 **4)Part of the project introduction** 703 703 ... ... @@ -706,10 +706,10 @@ 706 706 Collect the analog signals of the temperature, pressure and flow rate of the outlet water of the heat exchanger, and use PID to control the valve diameter of the heat exchanger and the rotation speed of the circulating pump to achieve the purpose of automatic temperature adjustment. 707 707 708 708 (% style="text-align:center" %) 709 -[[image:1648577724164-599.png||height="393" width="800" class="img-thumbnail"]]756 +[[image:1648577724164-599.png||class="img-thumbnail" height="393" width="800"]] 710 710 711 711 (% style="text-align:center" %) 712 -[[image:1648577744837-247.png||height="450" width="800" class="img-thumbnail"]]759 +[[image:1648577744837-247.png||class="img-thumbnail" height="450" width="800"]] 713 713 714 714 4.2 Water Treatment System 715 715 ... ... @@ -716,7 +716,7 @@ 716 716 Industry introduction: water treatment system.Mainly to improve waterquality, to meet certain water quality standards, such as drinking water, industrial wastewater discharge.In order to ensure the stable operation of the water treatment system, it is necessary to monitor the water pressure and water level, and adjust the appropriate water pressure and water level by remote control of the pumpspeed. 717 717 718 718 (% style="text-align:center" %) 719 -[[image:1648577778435-311.png||height="450" width="800" class="img-thumbnail"]]766 +[[image:1648577778435-311.png||class="img-thumbnail" height="450" width="800"]] 720 720 721 721 4.3 Smart City Monitoring 722 722 ... ... @@ -723,10 +723,10 @@ 723 723 The multi-functional city monitoring system can be applied to multiple scenarios such as HVAC, factory, and pump station monitoring. Monitor and control common industrial parameters such as voltage, current, power, frequency, temperature, liquid level, etc. 724 724 725 725 (% style="text-align:center" %) 726 -[[image:1648577825813-481.png||height="452" width="800" class="img-thumbnail"]]773 +[[image:1648577825813-481.png||class="img-thumbnail" height="452" width="800"]] 727 727 728 728 (% style="text-align:center" %) 729 -[[image:1648577843849-690.png||height="452" width="800" class="img-thumbnail"]]776 +[[image:1648577843849-690.png||class="img-thumbnail" height="452" width="800"]] 730 730 731 731 4.4 Smart Building Monitoring 732 732 ... ... @@ -733,7 +733,7 @@ 733 733 It is used in community management to monitor various facilities in the community such as elevator equipment, lighting system, parking lot, fire fighting equipment, etc. In the event of an abnormality in the equipment, such as elevator damage, insufficient fire water, etc., an alarm prompt is sent to the manager. 734 734 735 735 (% style="text-align:center" %) 736 -[[image:1648577874801-932.png||height="408" width="800" class="img-thumbnail"]]783 +[[image:1648577874801-932.png||class="img-thumbnail" height="408" width="800"]] 737 737 738 738 (% style="text-align:center" %) 739 -[[image:1648577894932-957.png||height="408" width="800" class="img-thumbnail"]]786 +[[image:1648577894932-957.png||class="img-thumbnail" height="408" width="800"]]
- image-20220714142525-1.png
-
- Author
-
... ... @@ -1,1 +1,0 @@ 1 -XWiki.Stone - Size
-
... ... @@ -1,1 +1,0 @@ 1 -11.7 KB - Content
- image-20220714150826-1.jpeg
-
- Author
-
... ... @@ -1,1 +1,0 @@ 1 -XWiki.Stone - Size
-
... ... @@ -1,1 +1,0 @@ 1 -26.3 KB - Content
- image-20220714151453-2.jpeg
-
- Author
-
... ... @@ -1,1 +1,0 @@ 1 -XWiki.Stone - Size
-
... ... @@ -1,1 +1,0 @@ 1 -48.3 KB - Content
- image-20220714155608-3.png
-
- Author
-
... ... @@ -1,1 +1,0 @@ 1 -XWiki.Stone - Size
-
... ... @@ -1,1 +1,0 @@ 1 -41.6 KB - Content
- image-20220715094724-1.jpeg
-
- Author
-
... ... @@ -1,1 +1,0 @@ 1 -XWiki.Stone - Size
-
... ... @@ -1,1 +1,0 @@ 1 -40.6 KB - Content
- image-20220715094733-2.jpeg
-
- Author
-
... ... @@ -1,1 +1,0 @@ 1 -XWiki.Stone - Size
-
... ... @@ -1,1 +1,0 @@ 1 -10.6 KB - Content
- image-20220715094953-3.jpeg
-
- Author
-
... ... @@ -1,1 +1,0 @@ 1 -XWiki.Stone - Size
-
... ... @@ -1,1 +1,0 @@ 1 -50.0 KB - Content
- image-20220715100603-4.jpeg
-
- Author
-
... ... @@ -1,1 +1,0 @@ 1 -XWiki.Stone - Size
-
... ... @@ -1,1 +1,0 @@ 1 -74.7 KB - Content
- image-20220715101053-5.jpeg
-
- Author
-
... ... @@ -1,1 +1,0 @@ 1 -XWiki.Stone - Size
-
... ... @@ -1,1 +1,0 @@ 1 -3.6 KB - Content
- image-20220715101731-6.jpeg
-
- Author
-
... ... @@ -1,1 +1,0 @@ 1 -XWiki.Stone - Size
-
... ... @@ -1,1 +1,0 @@ 1 -996 bytes - Content
- image-20220715101736-7.jpeg
-
- Author
-
... ... @@ -1,1 +1,0 @@ 1 -XWiki.Stone - Size
-
... ... @@ -1,1 +1,0 @@ 1 -948 bytes - Content
- image-20220715101741-8.jpeg
-
- Author
-
... ... @@ -1,1 +1,0 @@ 1 -XWiki.Stone - Size
-
... ... @@ -1,1 +1,0 @@ 1 -1.1 KB - Content
- image-20220715101747-9.jpeg
-
- Author
-
... ... @@ -1,1 +1,0 @@ 1 -XWiki.Stone - Size
-
... ... @@ -1,1 +1,0 @@ 1 -882 bytes - Content
- image-20220715101753-10.jpeg
-
- Author
-
... ... @@ -1,1 +1,0 @@ 1 -XWiki.Stone - Size
-
... ... @@ -1,1 +1,0 @@ 1 -835 bytes - Content