Changes for page 05 Cloud SCADA

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

From 3.2 to 3.1 From 7.1 to 6.1

From version 6.1

edited by Leo
on 2022/06/16 17:07

Change comment: There is no comment for this version

To version 3.2

edited by Hunter
on 2022/06/16 16:22

Change comment: Update document after refactoring.

Raw
Rendered

Summary

Page properties (2 modified, 0 added, 0 removed)

Details

Page properties

Author

@@ -1,1 +1,1 @@
--XWiki.Leo
++XWiki.Hunter

Content

@@ -1,10 +1,11 @@
--= 1 Instruction =
++= **1 Instruction of WEB SCADA platform** =
--The default page of the V-BOX WEB SCADA platform after login is shown as below. 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.
++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.
  (% style="text-align:center" %)
  [[image:1617874482390-379.png||height="421" width="800" class="img-thumbnail"]]
++Figure 1 ‑1
  **Introduction**
@@ -18,10 +18,10 @@
  Google Chrome is recommended.
  (((
--= 2 Sign in =
++= **2 Sign in** =
  )))
--**Steps:**
++**Operating procedures**
 ) 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,6 +28,8 @@
  (% style="text-align:center" %)
  [[image:1617874518342-186.png||height="357" width="200" class="img-thumbnail"]]
++Figure 2 ‑1
++
 )The account of the V-box WEB SCADA platform is the same as the V-BOX account.
  **✎Note:**
@@ -35,7 +35,7 @@
  Google Chrome is recommended.
  (((
--= 3 Centralized monitoring =
++= **3 Centralized monitoring** =
  )))
  Centralized monitoring is the default home page of the platform. As shown as Figure 3-1.
@@ -43,9 +43,11 @@
  (% style="text-align:center" %)
  [[image:1617874482390-379.png||height="421" width="800" class="img-thumbnail"]]
++Figure 3 ‑1
++
  This page shows projects under each group by switching groups. User could add, delete and modify the group.
--== 3.1 Group management ==
++== **3.1 Group management** ==
  The centralized monitoring module classifies the project by group. As shown in Figure 3-2.
@@ -60,24 +60,28 @@
 . **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.
 . **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.
--== 3.2 Assign project ==
++== **3.2 Assign project** ==
--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 below.
++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.
  (% style="text-align:center" %)
  [[image:1617948660671-429.png||height="270" width="800" class="img-thumbnail"]]
++Figure 3 ‑3
++
 . **Add project:** Click [[image:1617948869319-850.png||class="img-thumbnail"]] in the project list area to assign a project in the group.
 . **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.
 . **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.
--== 3.3 Browse project ==
++== **3.3 Browse project** ==
--Click on [[image:1617948906340-294.png||class="img-thumbnail"]] in the project list to view the configuration screen.
++Click on [[image:1617948906340-294.png||class="img-thumbnail"]] in the project list to view the configuration screen. See Figure 3-4.
  (% style="text-align:center" %)
  [[image:V-BOX cloud configuration user manual_html_72b4c2044c0ab2fe.png||height="365" width="600" class="img-thumbnail"]]
++Figure 3 ‑4
++
 . **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.
 . **Alarm data: **Click the [alarm data] button to pop up the alarm record page and view the current alarm status and historical alarm information.
 . **Historical data:** Click the [History Data] button to pop up the history report interface of the data. User could view all the historical data.
@@ -89,11 +89,13 @@
  == **4.1 Template management** ==
--Click the template management module on the left menu to enter the template management module.
++Click the template management module on the left menu to enter the template management module, as Figure 4-1 shows.
  (% style="text-align:center" %)
  [[image:1617949183137-615.png||height="205" width="800" class="img-thumbnail"]]
++Figure 4 ‑1
++
  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 .
  == **4.2 Add, edit and delete template** ==
@@ -105,6 +105,8 @@
  (% style="text-align:center" %)
  [[image:1617933432286-367.png||height="347" width="600" class="img-thumbnail"]]
++Figure 4 ‑2
++
  == **4.3 Design template** ==
  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.
@@ -115,11 +115,13 @@
  == **5.1 Project management** ==
--Click the [Project management] on the left menu to enter the project list.
++Click the [Project management] on the left menu to enter the project list, as Figure 5-1 shows.
  (% style="text-align:center" %)
  [[image:1617949499753-859.png||height="401" width="800" class="img-thumbnail"]]
++Figure 5 ‑1
++
  == **5.2 Add, edit, delete and preview project** ==
 . **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,17 +146,21 @@
  (% style="text-align:center" %)
  [[image:1617949467765-343.png||height="393" width="800" class="img-thumbnail"]]
--The function partition of WEB SCADA editor.
++Figure 6 ‑1
++The function partition of WEB SCADA editor is shown in Figure 6-2.
++
  (% style="text-align:center" %)
  [[image:V-box 1.png||alt="V-BOX cloud configuration user manual_html_cb0c19aefec34494.png" height="315" width="600" class="img-thumbnail"]]
++Figure 6 ‑2
++
 . **Toolbar:** A function bar that provides pages operations and objects operations;
 . **Project Manager:** It shows all pages for project;
 . **Objects Library: **It provides 7 basic shapes objects and 13 common objects for creating SCADA page;
 . **Design Area: **Design area for SCADA page and template;
--== **6.2 Design** ==
++== **6.2 Operating procedures of design** ==
 . Create new page and set the property;
 . Select the object and drag the mouse in design area;
@@ -165,13 +165,15 @@
  == **6.3 Project Screen** ==
--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].
++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].
  (% style="text-align:center" %)
  [[image:1617949566099-340.png||height="705" width="250" class="img-thumbnail"]]
--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].
++Figure 6 ‑3
++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.
++
  (% style="text-align:center" %)
  [[image:1617949620811-522.png||height="469" width="800" class="img-thumbnail"]]
@@ -178,13 +178,16 @@
  (% style="text-align:center" %)
  [[image:1617949663298-790.png||height="413" width="800" class="img-thumbnail"]]
--**Creating thumbnail**
++Figure 6 ‑4
++**Operating procedures of creating thumbnail**
++
 )Click [[image:V-BOX cloud configuration user manual_html_287ead7d4c995a28.png||height="30" width="30" class="img-thumbnail"]] on [Project Manager];
  (% style="text-align:center" %)
  [[image:1617949820581-164.png||height="386" width="500" class="img-thumbnail"]]
++Figure 6 ‑14
 )Select [Page Type] as [Thumbnail] on screen attribute window;
@@ -192,7 +192,7 @@
 )Click [Save] to complete operation;
--**Creating page screen**
++**Operating procedures of creating page screen**
 )Click [[image:V-BOX cloud configuration user manual_html_287ead7d4c995a28.png||height="30" width="30" class="img-thumbnail"]] on [Project Manager];
@@ -209,7 +209,7 @@
  When a thumbnail page is not created, the default picture would be displayed on [Centralized Monitoring].
--**Modifying screen**
++**Operating procedures of modifying screen**
 . Select the page to be modified;
 . Click [[image:V-BOX cloud configuration user manual_html_a5f920d2d144472c.png||height="30" width="30" class="img-thumbnail"]] on [Project Manager] or [[image:V-BOX cloud configuration user manual_html_56ae321f2d4418ac.png||height="24" width="147" class="img-thumbnail"]] on [Toolbar];
@@ -217,7 +217,7 @@
 . Click [[image:V-BOX cloud configuration user manual_html_5970eb09902bd1a3.png||height="30" width="30" class="img-thumbnail"]] on [Toolbar] to complete modification;
 .
--**Deleting screen**
++**Operating procedures of deleting screen**
 )Select screen on [Project Manager];
@@ -226,9 +226,11 @@
  (% style="text-align:center" %)
  [[image:V-BOX cloud configuration user manual_html_1e7f9096426ebeca.png||height="161" width="300" class="img-thumbnail"]]
++Figure 6 ‑16
++
 )Click [OK] to delete page;
--**Sort screen**
++**Operating procedures of sort screen**
 . Select page screen on [Project Manager];
 . Click [[image:V-BOX cloud configuration user manual_html_1ab5c888bfd536c.png||height="19" width="40"]] to sort screen upwards or downwards;
@@ -243,22 +243,24 @@
  === **6.4.1 Basic Operations** ===
--**Adding objects on screen**
++**Operating procedures of adding objects on screen**
 . Select and click the desired object on [Objects Library];
 . Move the cursor to the [Design Area];
 . When cursor changes as + symbol, hold down left click draw the desired size;
--**Moving object**
++**Operating procedures of moving object**
 . Select object on [Design Area];
--1. Hold down the left click and move object to desired position.
++1. Hold down the left click and move object to desired position, as shown in Figure 6-8.
  (% style="text-align:center" %)
  [[image:V-BOX cloud configuration user manual_html_4a7ca599f8cf89c5.png||height="141" width="200" class="img-thumbnail"]]
--**Scaling object**
++Figure 6 ‑8
++**Operating procedures of scaling object**
++
 )Select object, the positioning control point would appear around object;
 )Click any control point;
@@ -265,15 +265,17 @@
 )Move point to scale object;
--**Editing object**
++**Operating procedure of editing object**
 )Select object;
--2)Double-click it to open property window;
++2)Double-click it to open property window as Figure 6-9 shows;
  (% style="text-align:center" %)
  [[image:V-BOX cloud configuration user manual_html_45a8e3cf3e1113fe.png||height="352" width="600" class="img-thumbnail"]]
++Figure 6 ‑18
++
 )Edit object settings;
 )Click [Save] to complete operation;
@@ -302,10 +302,10 @@
  * **Picture: **It is used for displaying the picture, support the user defined picture.
  (% class="table-bordered" %)
--|=(% scope="row" %)**Property**|=**Description**
--|=Gallery|Choose the picture from the gallery
--|=Angle|Rotation angle (0~~360)
--|=Scale|(((
++|**Property**|**Description**
++|Gallery|Choose the picture from the gallery
++|Angle|Rotation angle (0~~360)
++|Scale|(((
  Yes: the aspect ratio is fixed
  No: the aspect ratio is not fixed
@@ -316,8 +316,11 @@
  (% style="text-align:center" %)
  [[image:V-BOX cloud configuration user manual_html_c84a5d0032df07e2.png||height="420" width="250" class="img-thumbnail"]]
++Figure 6 ‑11
++
  * **Display Frame**
++(% border="2" %)
  |**Item**|**Description**
  |Monitoring Point|Set operating address for this object (Read and write can be different);
  |Read-write permission|There are three modes for it, users could select according to requirements;
@@ -331,6 +331,7 @@
  Indicator could monitor and display the specified PLC or HMI bit address, and its state changes according to the specified address value.
  (((
++(% border="2" %)
  |**Items**|**Description**
  |Monitor Point|Set reading address for this object;
  |Status|Set text for every status;
@@ -344,6 +344,7 @@
  Switch could operate the specified PLC or HMI bit address, and its state changes according to the specified address value.
  (((
++(% border="2" %)
  |**Items**|**Description**
  |Monitor Point|Set operating address for this object (Read and write can be different);
  |Read-write permission|There are three modes for it, users could select according to requirements;
@@ -359,6 +359,7 @@
  Display the value of address in real time using the dashboard.
  (((
++(% border="2" %)
  |**Items**|**Description**
  |Monitor Point|Set operating address for this object (Read and write can be different);
  |Select|Set dashboard display range, there are two modes, Constant and Variable
@@ -374,6 +374,7 @@
  Use the length or height of the rectangle to reflect the value of reading address so that the value could be visualized.
  (((
++(% border="2" %)
  |**Items**|**Description**
  |Monitor Point|Set operating address for this object (Read and write can be different);
  |Digit Display|Check it to display digit value on bar;
@@ -390,6 +390,7 @@
  Use the curve to show the trend of the data over time. X-axis is time, Y-axis is variable.
  (((
++(% border="2" %)
  |**Items**|**Description**
  |Monitor Point|Set operating address for this object (Read and write can be different);
  |Digit Display|Check it to display digit value on bar;
@@ -407,6 +407,7 @@
  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;
  (((
++(% border="2" %)
  |**Items**|**Description**
  |Border color|Set object background color;
  |Color|Set flowing block color;
@@ -418,6 +418,8 @@
  Word address: Set value range;
  )))
++
++(% border="2" %)
  |Color Block Width|Set flowing block size;
  |Color Block Length|Set flowing block size;
  |Color Block Spacing|Set the spacing between flow blocks;
@@ -435,6 +435,7 @@
  Video object is used for playing the video file provided in the video source.
  (((
++(% border="2" %)
  |**Items**|**Description**
  |Border color|Set object background color;
  |Color|Set flowing block color;
@@ -446,6 +446,8 @@
  Word address: Set value range;
  )))
++
++(% border="2" %)
  |Color Block Width|Set flowing block size;
  |Color Block Length|Set flowing block size;
  |Color Block Spacing|Set the spacing between flow blocks;
@@ -459,7 +459,8 @@
  The object for link website;
  (((
--|=**Items**|=**Description**
++(% border="2" %)
++|**Items**|**Description**
  |Link address|Enter website;
  |Open with|There are two options, user could select open with new window or current window;
  |Select Language|One object could support three language, user could enter text for note object;
@@ -472,7 +472,8 @@
  Function switch is designed to switch screens, and call and close sub screen.
  (((
--|=**Items**|=**Description**
++(% border="2" %)
++|**Items**|**Description**
  |Screen|Select the target screen for switch;
  |Sub-screen|There are two options, user could select open with new window or current window;
  |Previous|Switch to the previous screen
@@ -488,7 +488,8 @@
  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.
  (((
--|=**Items**|=**Description**
++(% border="2" %)
++|**Items**|**Description**
  |Bit operation|It provides [Bit copy], [Set ON], [Set OFF], [Switch] and [Bit Copy] functions.
  |Word operation|It provides [Word copy], [Word set], [Increase] and [Decrease] functions,
  |Arithmetic|[Add], [Subtract], [Multiply] and [Divide] functions
@@ -504,7 +504,8 @@
  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.
  (((
--|=**Items**|=**Description**
++(% border="2" %)
++|**Items**|**Description**
  |Monitoring box|Link a box for the time part
  |Pattern|Two types, one is digit and the other is clock
  |Format settings|Set format for time and date in digit pattern
@@ -518,7 +518,8 @@
  It is used for display more than one tag value in Bar graph format.
  (((
--|=**Items**|=**Description**
++(% border="2" %)
++|**Items**|**Description**
  |Add new group|Maximum is 8, add items for this object, also set colors
  |Add monitoring point|Set read tag for every item,
  |Style|Set object display style such as color, use picture as background or not
@@ -530,7 +530,8 @@
  It is used for display alarm information of V-BOX. It can support current and history alarm.
  (((
--|=**Items**|=**Description**
++(% border="2" %)
++|**Items**|**Description**
  |Select box|Link to V-BOX
  |Alarm type|Select current alarm or history alarm or all
  |Start date|Alarm display start date
@@ -547,7 +547,8 @@
  The history trend will display data record with graph. X axis represents as time, and Y axis represents as data.
  (((
--|=(% colspan="2" %)**Items**|=**Description**
++(% border="2" %)
++|(% colspan="2" %)**Items**|**Description**
  |(% colspan="2" %)Basic|Set numbers of curve in object and select style for every curves including color, link tag
  |(% rowspan="11" %)Style|Display form|Two type, one is curve, and the other is table
  |Start date|Start date of history data
@@ -568,7 +568,8 @@
  This object is used for calling screens when condition is met.
  (((
--|=(% colspan="2" %)**Items**|=**Description**
++(% border="2" %)
++|(% colspan="2" %)**Items**|**Description**
  |(% rowspan="4" %)Basic|Conditional trigger|It provides bit, word condition and unconditional
  |Bind monitoring point|Link to tag for triggering
  |Trigger condition|for bit address, it requires ON or OFF, for word address, different value corresponds to different screens.
@@ -582,7 +582,8 @@
  Display value as ring chart
  (((
--|=(% colspan="2" %)**Items**|=**Description**
++(% border="2" %)
++|(% colspan="2" %)**Items**|**Description**
  |(% rowspan="7" %)Basic|Monitor point|Link to tag for data reading
  |Range|Set fixed range or variable range
  |Scales|Set scales such as major and minor numbers, colors and so on
@@ -599,7 +599,8 @@
  Display more than one value in one pie chart
  (((
--|=(% colspan="2" %)**Items**|=**Description**
++(% border="2" %)
++|(% colspan="2" %)**Items**|**Description**
  |(% colspan="2" %)Monitor point|Add read addresses, the maximum is 8
  |(% rowspan="3" %)Style|Pattern|Set alarm range and colors
  |Numerical scale|Check it to display value in object
@@ -612,7 +612,8 @@
  The toolbar has the same function as the tool list. (right-click on the canvas to pop up tool list)
  (((
--|=**Tool**|=**Description**
++(% border="2" %)
++|**Tool**|**Description**
  |[[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.
  |[[image:V-BOX cloud configuration user manual_html_867a000ba1161424.png||height="21" width="69" class="img-thumbnail"]]|Save current canvas
  |[[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.

Changes for page 05 Cloud SCADA

Summary

Details

Navigation

Table of Contents