Wiki source code of 02 Cloud SCADA

Version 16.13 by Stone Wu on 2022/07/15 10:27

version	line-number	content
14.2	1	= 1 Introduction =
1.1	2
14.2	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.
1.1	4
	5	(% style="text-align:center" %)
2.1	6	[[image:1617874482390-379.png\|\|height="421" width="800" class="img-thumbnail"]]
1.1	7
	8	Introduction
	9
14.2	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
1.1	13
14.2	14	= 2 Log in =
1.1	15
15.2	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.
1.1	17
15.2	18	[[image:image-20220714150826-1.jpeg]]
1.1	19
15.2	20	The account of the V-box web SCADA platform is the same as the V-BOX account.
	21
1.1	22	(% style="text-align:center" %)
2.1	23	[[image:1617874518342-186.png\|\|height="357" width="200" class="img-thumbnail"]]
1.1	24
	25	(((
4.1	26	= 3 Centralized monitoring =
1.1	27	)))
	28
15.2	29	Centralized monitoring is the default home page of the platform. As shown as the figure below.
1.1	30
	31	(% style="text-align:center" %)
2.1	32	[[image:1617874482390-379.png\|\|height="421" width="800" class="img-thumbnail"]]
1.1	33
15.2	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.
1.1	35
15.2	36	== Group management ==
1.1	37
7.1	38	The centralized monitoring module classifies the project by group.
1.1	39
15.11	40	[[image:image-20220714151453-2.jpeg\|\|height="394" width="795"]]
1.1	41
15.11	42
1.1	43	1. Switch group: Click group name to switch group.
16.2	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.
1.1	48
16.3	49	(% class="wikigeneratedid" %)
	50	== New project ==
	51
16.6	52	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.
16.3	53
16.5	54	[[image:image-20220715094953-3.jpeg]]
	55
16.8	56	Click "Thumbnail" to upload a thumbnai. It will be displayed as the preview image of the project.
16.5	57
	58	[[image:image-20220715094733-2.jpeg]]
	59
16.8	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	)))
16.7	64
16.9	65	== Manage projects ==
1.1	66
16.9	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]]
1.1	68
16.10	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.
1.1	73
16.10	74	(% style="text-align:center" %)
	75	[[image:image-20220715101053-5.jpeg]]
1.1	76
16.10	77	== Browse project ==
	78
5.1	79	Click on [[image:1617948906340-294.png\|\|class="img-thumbnail"]] in the project list to view the configuration screen.
1.1	80
	81	(% style="text-align:center" %)
2.1	82	[[image:V-BOX cloud configuration user manual_html_72b4c2044c0ab2fe.png\|\|height="365" width="600" class="img-thumbnail"]]
1.1	83
16.13	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.
1.1	93
16.13	94	(% class="wikigeneratedid" %)
	95	== Project setting ==
	96
	97
9.1	98	= 4 Template =
1.1	99
8.1	100	== 4.1 Template management ==
1.1	101
5.1	102	Click the template management module on the left menu to enter the template management module.
1.1	103
	104	(% style="text-align:center" %)
2.1	105	[[image:1617949183137-615.png\|\|height="205" width="800" class="img-thumbnail"]]
1.1	106
	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
8.1	109	== 4.2 Add, edit and delete template ==
1.1	110
	111	1. Add template: Click the [Add] to add a template, as Figure 4-2 shows.
	112	1. Edit template: Click the [Edit] to edit the name and resolution of the template.
	113	1. Delete template: Click the [Delete] to delete the template.
	114
	115	(% style="text-align:center" %)
2.1	116	[[image:1617933432286-367.png\|\|height="347" width="600" class="img-thumbnail"]]
1.1	117
8.1	118	== 4.3 Design template ==
1.1	119
	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
	122	(((
8.1	123	= 5 Project management =
1.1	124	)))
	125
8.1	126	== 5.1 Project management ==
1.1	127
5.1	128	Click the [Project management] on the left menu to enter the project list.
1.1	129
	130	(% style="text-align:center" %)
2.1	131	[[image:1617949499753-859.png\|\|height="401" width="800" class="img-thumbnail"]]
1.1	132
8.1	133	== 5.2 Add, edit, delete and preview project ==
1.1	134
	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	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	1. Delete project: Click the [Delete] to delete the corresponding project.
	138	1. Preview project: Click the [Browse] to browse the project.
	139
8.1	140	== 5.3 Login-free browse ==
1.1	141
	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
8.1	144	== 5.4 Project design ==
1.1	145
	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
	148	(((
8.1	149	= 6 V-box WEB SCADA design =
1.1	150	)))
	151
8.1	152	== 6.1 Main screen and Menu ==
1.1	153
	154	Click [Design] (or Template design) in [Project Management] (or Template Management) screen to access WEB SCADA editor.
	155
	156	(% style="text-align:center" %)
2.1	157	[[image:1617949467765-343.png\|\|height="393" width="800" class="img-thumbnail"]]
1.1	158
5.1	159	The function partition of WEB SCADA editor.
1.1	160
	161	(% style="text-align:center" %)
2.1	162	[[image:V-box 1.png\|\|alt="V-BOX cloud configuration user manual_html_cb0c19aefec34494.png" height="315" width="600" class="img-thumbnail"]]
1.1	163
	164	1. Toolbar: A function bar that provides pages operations and objects operations;
	165	1. Project Manager: It shows all pages for project;
	166	1. Objects Library: It provides 7 basic shapes objects and 13 common objects for creating SCADA page;
	167	1. Design Area: Design area for SCADA page and template;
	168
8.1	169	== 6.2 Design ==
1.1	170
	171	1. Create new page and set the property;
	172	1. Select the object and drag the mouse in design area;
	173	1. Edit object property and set the variable etc;
	174	1. Save the screen;
	175
8.1	176	== 6.3 Project Screen ==
1.1	177
5.1	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].
1.1	179
	180	(% style="text-align:center" %)
2.1	181	[[image:1617949566099-340.png\|\|height="705" width="250" class="img-thumbnail"]]
1.1	182
5.1	183	Project Manager would display two kinds of screen. One is page screen, and the other is Thumbnail. A project or template could contain several screens, but only one thumbnail. Thumbnail is used for displayed project on [Centralized Monitoring].
1.1	184
	185	(% style="text-align:center" %)
2.1	186	[[image:1617949620811-522.png\|\|height="469" width="800" class="img-thumbnail"]]
1.1	187
	188	(% style="text-align:center" %)
2.1	189	[[image:1617949663298-790.png\|\|height="413" width="800" class="img-thumbnail"]]
1.1	190
5.1	191	Creating thumbnail
1.1	192
2.1	193	1)Click [[image:V-BOX cloud configuration user manual_html_287ead7d4c995a28.png\|\|height="30" width="30" class="img-thumbnail"]] on [Project Manager];
1.1	194
	195	(% style="text-align:center" %)
2.1	196	[[image:1617949820581-164.png\|\|height="386" width="500" class="img-thumbnail"]]
1.1	197
	198
	199	2)Select [Page Type] as [Thumbnail] on screen attribute window;
	200
	201	3)Set background display and color according to real situation;
	202
	203	4)Click [Save] to complete operation;
	204
5.1	205	Creating page screen
1.1	206
2.1	207	1)Click [[image:V-BOX cloud configuration user manual_html_287ead7d4c995a28.png\|\|height="30" width="30" class="img-thumbnail"]] on [Project Manager];
1.1	208
	209	(% style="text-align:center" %)
2.1	210	[[image:1617949844339-186.png\|\|height="547" width="400" class="img-thumbnail"]]
1.1	211
	212	Figure 6 ‑15
	213
	214	2)Fill in properties of screen;
	215
	216	3)Click [Save] to complete;
	217
	218	✎Note:
	219
	220	When a thumbnail page is not created, the default picture would be displayed on [Centralized Monitoring].
	221
5.1	222	Modifying screen
1.1	223
	224	1. Select the page to be modified;
2.1	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];
1.1	226	1. Modify screen on [Design Area];
2.1	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;
1.1	228	1.
	229
5.1	230	Deleting screen
1.1	231
	232	1)Select screen on [Project Manager];
	233
	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
	236	(% style="text-align:center" %)
2.1	237	[[image:V-BOX cloud configuration user manual_html_1e7f9096426ebeca.png\|\|height="161" width="300" class="img-thumbnail"]]
1.1	238
	239	3)Click [OK] to delete page;
	240
5.1	241	Sort screen
1.1	242
	243	1. Select page screen on [Project Manager];
	244	1. Click [[image:V-BOX cloud configuration user manual_html_1ab5c888bfd536c.png\|\|height="19" width="40"]] to sort screen upwards or downwards;
	245
	246	✎Note:
	247
	248	Thumbnail does not support sorting.
	249
8.1	250	== 6.4 Object ==
1.1	251
	252	The WEB SCADA platform provides a variety of visualizations for users to design screen. All objects listed on [Object Library].
	253
10.1	254	=== 6.4.1 Basic ===
1.1	255
5.1	256	Adding objects on screen
1.1	257
	258	1. Select and click the desired object on [Objects Library];
	259	1. Move the cursor to the [Design Area];
	260	1. When cursor changes as + symbol, hold down left click draw the desired size;
	261
5.1	262	Moving object
1.1	263
	264	1. Select object on [Design Area];
5.1	265	1. Hold down the left click and move object to desired position.
1.1	266
	267	(% style="text-align:center" %)
2.1	268	[[image:V-BOX cloud configuration user manual_html_4a7ca599f8cf89c5.png\|\|height="141" width="200" class="img-thumbnail"]]
1.1	269
5.1	270	Scaling object
1.1	271
	272	1)Select object, the positioning control point would appear around object;
	273
	274	2)Click any control point;
	275
	276	3)Move point to scale object;
	277
5.1	278	Editing object
1.1	279
	280	1)Select object;
	281
5.1	282	2)Double-click it to open property window;
1.1	283
	284	(% style="text-align:center" %)
2.1	285	[[image:V-BOX cloud configuration user manual_html_45a8e3cf3e1113fe.png\|\|height="352" width="600" class="img-thumbnail"]]
1.1	286
	287	3)Edit object settings;
	288
	289	4)Click [Save] to complete operation;
	290
8.1	291	=== 6.4.2 Introduction ===
1.1	292
	293	1)Basic
	294
	295	(% style="text-align:center" %)
2.1	296	[[image:1617949894556-149.png\|\|height="402" width="250" class="img-thumbnail"]]
1.1	297
	298	Figure 6 ‑10
	299
	300	* Line: a common line, user could set color, line type and thickness for it;
	301
	302	* Rectangles: User could set transparency, Rounded Conner, color of filled and border, line type and thickness for it;
	303
	304	* Circle: User could set transparency, color of filled and border, line type and thickness for it.
	305
	306	* Ellipse: User could set transparency, color of filled and border, line type and thickness for it.
	307
	308	* Triangle: User could set transparency, color of filled and border, line type and thickness for it.
	309
	310	* Text: It is used for displaying text content. User could set text styles, background styles, also it supports three languages at the same time.
	311
	312	* Picture: It is used for displaying the picture, support the user defined picture.
	313
	314	(% class="table-bordered" %)
5.1	315	\|=(% scope="row" %)Property\|=Description
	316	\|=Gallery\|Choose the picture from the gallery
	317	\|=Angle\|Rotation angle (0~~360)
	318	\|=Scale\|(((
1.1	319	Yes: the aspect ratio is fixed
	320
	321	No: the aspect ratio is not fixed
	322	)))
	323
	324	2)Common
	325
	326	(% style="text-align:center" %)
2.1	327	[[image:V-BOX cloud configuration user manual_html_c84a5d0032df07e2.png\|\|height="420" width="250" class="img-thumbnail"]]
1.1	328
	329	* Display Frame
	330
	331	\|Item\|Description
	332	\|Monitoring Point\|Set operating address for this object (Read and write can be different);
	333	\|Read-write permission\|There are three modes for it, users could select according to requirements;
	334	\|Set Text\|It is used for setting style of text and display direction
	335	\|Style\|It is used for setting object display, like background color;
	336	\|Expansion\|It is used for setting expansion function, like lock position;
	337	\|Display\|It is used for setting object position and size
	338
	339	* Bit /Word Indicator
	340
	341	Indicator could monitor and display the specified PLC or HMI bit address, and its state changes according to the specified address value.
	342
	343	(((
	344	\|Items\|Description
	345	\|Monitor Point\|Set reading address for this object;
	346	\|Status\|Set text for every status;
	347	\|Picture\|Set picture for every status;
	348	\|Expansion\|Set display expansion function, such as blink
	349	\|Display\|Set object position and size
	350	)))
	351
	352	* Bit/ Word Switch
	353
	354	Switch could operate the specified PLC or HMI bit address, and its state changes according to the specified address value.
	355
	356	(((
	357	\|Items\|Description
	358	\|Monitor Point\|Set operating address for this object (Read and write can be different);
	359	\|Read-write permission\|There are three modes for it, users could select according to requirements;
	360	\|Pop up a confirmation box\|Check it to enable confirmation box for operating;
	361	\|Status\|Set text for every status;
	362	\|Picture\|Set picture for every status;
	363	\|Expansion\|Set display expansion function, such as blink
	364	\|Display\|Set object position and size
	365	)))
	366
	367	* Dashboard
	368
	369	Display the value of address in real time using the dashboard.
	370
	371	(((
	372	\|Items\|Description
	373	\|Monitor Point\|Set operating address for this object (Read and write can be different);
	374	\|Select\|Set dashboard display range, there are two modes, Constant and Variable
	375	\|Scale value\|Check it to display value;
	376	\|Select Language\|Set text for object;
	377	\|Style\|Set object display style such as color, scales number;
	378	\|Alarm Zone\|Set range and color for alarm
	379	\|Display\|Set object position and size
	380	)))
	381
	382	* Bar graph
	383
	384	Use the length or height of the rectangle to reflect the value of reading address so that the value could be visualized.
	385
	386	(((
	387	\|Items\|Description
	388	\|Monitor Point\|Set operating address for this object (Read and write can be different);
	389	\|Digit Display\|Check it to display digit value on bar;
	390	\|Progress bar direction\|Select display direction;
	391	\|Scales\|Set object scales display type and color;
	392	\|Bar color\|Set color for bar;
	393	\|Background Display\|Set color of bar background;
	394	\|Alarm Zone\|Set range and color for alarm
	395	\|Display\|Set object position and size
	396	)))
	397
	398	* Real-Time Trend Chart
	399
	400	Use the curve to show the trend of the data over time. X-axis is time, Y-axis is variable.
	401
	402	(((
	403	\|Items\|Description
	404	\|Monitor Point\|Set operating address for this object (Read and write can be different);
	405	\|Digit Display\|Check it to display digit value on bar;
	406	\|Progress bar direction\|Select display direction;
	407	\|Scales\|Set object scales display type and color;
	408	\|Bar color\|Set color for bar;
	409	\|Background Display\|Set color of bar background;
	410	\|Alarm Zone\|Set range and color for alarm
	411	\|Display\|Set object position and size
	412	\| \|
	413	)))
	414
	415	* Flow pipe
	416
	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
	419	(((
	420	\|Items\|Description
	421	\|Border color\|Set object background color;
	422	\|Color\|Set flowing block color;
	423	\|Speed\|Three modes for flowing block speed;
	424	\|Flow direction\|Two modes for flowing direction;
	425	\|Monitor Point\|Set trigger address;
	426	\|Trigger Condition\|(((
	427	Bit address: Select ON or OFF;
	428
	429	Word address: Set value range;
	430	)))
	431	\|Color Block Width\|Set flowing block size;
	432	\|Color Block Length\|Set flowing block size;
	433	\|Color Block Spacing\|Set the spacing between flow blocks;
	434	\|Display Border\|Select display or hide border;
	435	\|Alarm Zone\|Set range and color for alarm
	436	\|Display\|Set object position and size
	437	)))
	438
	439	Tips for designing flow bar
	440
	441	When user need to simulate the flow of water in a pipe, please put the pipe picture at first, then hide the flow border and place it onto the pipe picture.
	442
	443	* Video object
	444
	445	Video object is used for playing the video file provided in the video source.
	446
	447	(((
	448	\|Items\|Description
	449	\|Border color\|Set object background color;
	450	\|Color\|Set flowing block color;
	451	\|Speed\|Three modes for flowing block speed;
	452	\|Flow direction\|Two modes for flowing direction;
	453	\|Monitor Point\|Set trigger address;
	454	\|Trigger Condition\|(((
	455	Bit address: Select ON or OFF;
	456
	457	Word address: Set value range;
	458	)))
	459	\|Color Block Width\|Set flowing block size;
	460	\|Color Block Length\|Set flowing block size;
	461	\|Color Block Spacing\|Set the spacing between flow blocks;
	462	\|Display Border\|Select display or hide border;
	463	\|Alarm Zone\|Set range and color for alarm
	464	\|Display\|Set object position and size
	465	)))
	466
	467	* Hyperlink
	468
	469	The object for link website;
	470
	471	(((
6.1	472	\|=Items\|=Description
1.1	473	\|Link address\|Enter website;
	474	\|Open with\|There are two options, user could select open with new window or current window;
	475	\|Select Language\|One object could support three language, user could enter text for note object;
	476	\|Style\|Set object display style such as color, use picture as background or not
	477	\|Display\|Set object position and size
	478	)))
	479
	480	* Function Switch
	481
	482	Function switch is designed to switch screens, and call and close sub screen.
	483
	484	(((
6.1	485	\|=Items\|=Description
1.1	486	\|Screen\|Select the target screen for switch;
	487	\|Sub-screen\|There are two options, user could select open with new window or current window;
	488	\|Previous\|Switch to the previous screen
	489	\|Next\|Switch to the next screen
	490	\|Return\|Return to the screen before switch
	491	\|Text\|Set text for object, including text font, color direction and so on;
	492	\|Style\|Set object display style such as color, use picture as background or not
	493	\|Display\|Set object position and size
	494	)))
	495
	496	* Combination Switch
	497
	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
	500	(((
6.1	501	\|=Items\|=Description
1.1	502	\|Bit operation\|It provides [Bit copy], [Set ON], [Set OFF], [Switch] and [Bit Copy] functions.
	503	\|Word operation\|It provides [Word copy], [Word set], [Increase] and [Decrease] functions,
	504	\|Arithmetic\|[Add], [Subtract], [Multiply] and [Divide] functions
	505	\|Screen change\|It provides screen switch function as [Function Switch], it supports [Previous], [Next], [Return], [Change to], and open, close sub-screen operations
	506	\|Delete\|Delete selected item function;
	507	\|Empty\|Delete all items in operation list;
	508	\|Up\|Move the selected item up one row in operation list;
	509	\|Down\|Move the selected item down one row in operation list;
	510	)))
	511
	512	Time
	513
	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
	516	(((
6.1	517	\|=Items\|=Description
1.1	518	\|Monitoring box\|Link a box for the time part
	519	\|Pattern\|Two types, one is digit and the other is clock
	520	\|Format settings\|Set format for time and date in digit pattern
	521	\|Background\|Set display or hide background of object
	522	\|Set text\|Set text display style;
	523	\|Display\|Set object position and size
	524	)))
	525
	526	Histogram
	527
	528	It is used for display more than one tag value in Bar graph format.
	529
	530	(((
6.1	531	\|=Items\|=Description
1.1	532	\|Add new group\|Maximum is 8, add items for this object, also set colors
	533	\|Add monitoring point\|Set read tag for every item,
	534	\|Style\|Set object display style such as color, use picture as background or not
	535	\|Display\|Set object position and size
	536	)))
	537
	538	Alarm record display
	539
	540	It is used for display alarm information of V-BOX. It can support current and history alarm.
	541
	542	(((
6.1	543	\|=Items\|=Description
1.1	544	\|Select box\|Link to V-BOX
	545	\|Alarm type\|Select current alarm or history alarm or all
	546	\|Start date\|Alarm display start date
	547	\|End date\|Alarm display end date
	548	\|Format\|Set display format for date and time
	549	\|Sequence\|It provides two type, one is order, and the other is reverse order
	550	\|Display content\|Users could select display contents by check them
	551	\|Style\|Set colors for different parts
	552	\|Display\|Set object position and size
	553	)))
	554
	555	History trend chart
	556
	557	The history trend will display data record with graph. X axis represents as time, and Y axis represents as data.
	558
	559	(((
6.1	560	\|=(% colspan="2" %)Items\|=Description
1.1	561	\|(% colspan="2" %)Basic\|Set numbers of curve in object and select style for every curves including color, link tag
	562	\|(% rowspan="11" %)Style\|Display form\|Two type, one is curve, and the other is table
	563	\|Start date\|Start date of history data
	564	\|End date\|End date of history data
	565	\|Format\|Time and date format for display
	566	\|Sequence\|Two types, order or reverse order
	567	\|Y range\|Two types, fixed and adaptive
	568	\|Set text\|Set font size, color and other styles.
	569	\|Transparency\|Set transparency of object
	570	\|Background color\|Two types, translucent or transparent
	571	\|Gradient way\|Set display way and color
	572	\|Display bar\|Check it to display screen bar
	573	\|(% colspan="2" %)Display\|Set object position and size
	574	)))
	575
	576	Indirect screen display
	577
	578	This object is used for calling screens when condition is met.
	579
	580	(((
6.1	581	\|=(% colspan="2" %)Items\|=Description
1.1	582	\|(% rowspan="4" %)Basic\|Conditional trigger\|It provides bit, word condition and unconditional
	583	\|Bind monitoring point\|Link to tag for triggering
	584	\|Trigger condition\|for bit address, it requires ON or OFF, for word address, different value corresponds to different screens.
	585	\|Designated screen\|Only for bit address as trigger. When condition is met, display this screen
	586	\|(% colspan="2" %)Style\|Set object display style such as display title bar or display or hide background
	587	\|(% colspan="2" %)Display\|Set object position and size
	588	)))
	589
	590	Ring chart
	591
	592	Display value as ring chart
	593
	594	(((
6.1	595	\|=(% colspan="2" %)Items\|=Description
1.1	596	\|(% rowspan="7" %)Basic\|Monitor point\|Link to tag for data reading
	597	\|Range\|Set fixed range or variable range
	598	\|Scales\|Set scales such as major and minor numbers, colors and so on
	599	\|Designated screen\|Only for bit address as trigger. When condition is met, display this screen
	600	\|Numerical scale display\|Check it to display scale
	601	\|Start angle\|Set start angle for scale
	602	\|Color\|Color setting for bar and background
	603	\|(% colspan="2" %)Alarm Zone\|Set alarm range and colors
	604	\|(% colspan="2" %)Display\|Set object position and size
	605	)))
	606
	607	Pie chart
	608
	609	Display more than one value in one pie chart
	610
	611	(((
6.1	612	\|=(% colspan="2" %)Items\|=Description
1.1	613	\|(% colspan="2" %)Monitor point\|Add read addresses, the maximum is 8
	614	\|(% rowspan="3" %)Style\|Pattern\|Set alarm range and colors
	615	\|Numerical scale\|Check it to display value in object
	616	\|Monitoring name display\|Check it to display name in object
	617	\|(% colspan="2" %)Display\|Set object position and size
	618	)))
	619
	620	== 6.5 Tool bar ==
	621
	622	The toolbar has the same function as the tool list. (right-click on the canvas to pop up tool list)
	623
	624	(((
6.1	625	\|=Tool\|=Description
2.1	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
1.1	640	)))
	641
	642	(((
11.1	643	= 7 Authority =
1.1	644	)))
	645
	646	Click the Authority management on the left menu to enter the Authority management module, as Figure 7-1 shows.
	647
	648	[[image:1617949992819-138.png\|\|class="img-thumbnail"]]
	649
	650	Figure 7 ‑11
	651
	652	This module is used for assigning project and configuring permissions for sub-accounts.
	653
	654	1)How to assign project for sub-account
	655
2.1	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.
1.1	658
	659	(% style="text-align:center" %)
2.1	660	[[image:1617934946822-979.png\|\|height="421" width="800" class="img-thumbnail"]]
1.1	661
	662	Figure 7 ‑2
	663
	664	(% style="text-align:center" %)
2.1	665	[[image:1617950026178-538.png\|\|height="375" width="600" class="img-thumbnail"]]
1.1	666
	667	Figure 7 ‑3
	668
	669	2)How to unassigned project for sub-account
	670
	671	In the list of assigned projects in the sub-account, click “Unbind Project” to unbind the project for the account.
	672
12.1	673	= 8 Demo account =
1.1	674
	675	1)What is Cloud SCADA platform?
	676
	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.
	678
	679	2)How to access?
	680
	681	Asean URL: [[http:~~/~~/asean.v-box.net/web/htmlnew/user/login.html>>url:http://asean.v-box.net/web/htmlnew/user/login.html]]
	682
	683	Asean account&password: weconuser 123123
	684
	685	EU URL: [[http:~~/~~/eu.v-box.net/web/htmlnew/user/login.html>>url:http://eu.v-box.net/web/htmlnew/user/login.html]]
	686
	687	EU account&password: weconuser weconuser123
	688	✎Note1: users can edit Cloud SCADA project freely, and the modified results will not be saved.
	689
	690	✎Note2: users can enter the Cloud SCADA page by clicking the following positions:
	691
	692	(% style="text-align:center" %)
2.1	693	[[image:1648577581177-590.png\|\|height="408" width="800" class="img-thumbnail"]]
1.1	694
	695	3)Industry classification
	696
	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
	699	(% style="text-align:center" %)
2.1	700	[[image:1648577644453-821.png\|\|height="377" width="800" class="img-thumbnail"]]
1.1	701
	702	4)Part of the project introduction
	703
	704	4.1 Heating Monitoring System
	705
	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
	708	(% style="text-align:center" %)
2.1	709	[[image:1648577724164-599.png\|\|height="393" width="800" class="img-thumbnail"]]
1.1	710
	711	(% style="text-align:center" %)
2.1	712	[[image:1648577744837-247.png\|\|height="450" width="800" class="img-thumbnail"]]
1.1	713
	714	4.2 Water Treatment System
	715
	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
	718	(% style="text-align:center" %)
2.1	719	[[image:1648577778435-311.png\|\|height="450" width="800" class="img-thumbnail"]]
1.1	720
	721	4.3 Smart City Monitoring
	722
	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
	725	(% style="text-align:center" %)
2.1	726	[[image:1648577825813-481.png\|\|height="452" width="800" class="img-thumbnail"]]
1.1	727
	728	(% style="text-align:center" %)
2.1	729	[[image:1648577843849-690.png\|\|height="452" width="800" class="img-thumbnail"]]
1.1	730
	731	4.4 Smart Building Monitoring
	732
	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
	735	(% style="text-align:center" %)
2.1	736	[[image:1648577874801-932.png\|\|height="408" width="800" class="img-thumbnail"]]
1.1	737
	738	(% style="text-align:center" %)
2.1	739	[[image:1648577894932-957.png\|\|height="408" width="800" class="img-thumbnail"]]

Wiki source code of 02 Cloud SCADA

Navigation

Table of Contents