Changes for page 05 Cloud SCADA

Summary

• Page properties (1 modified, 0 added, 0 removed)
• Attachments (0 modified, 0 added, 16 removed)
  • image-20220715105925-1.jpeg
  • image-20220715105933-2.jpeg
  • image-20220715105937-3.jpeg
  • image-20220715110054-4.jpeg
  • image-20220715112158-5.jpeg
  • image-20220715112339-6.jpeg
  • image-20220715112425-7.jpeg
  • image-20220715113434-8.jpeg
  • image-20220715113713-9.jpeg
  • image-20220715114430-10.jpeg
  • image-20220715114601-11.jpeg
  • image-20220715114850-12.jpeg
  • image-20220715114936-13.jpeg
  • image-20220715115040-14.jpeg
  • image-20220715115245-16.jpeg
  • image-20220715115337-17.jpeg

Details

Page properties

Content

...	...	@@ -46,6 +46,7 @@
46	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	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.
48	48
	49	+(% class="wikigeneratedid" %)
49	49	== New project ==
50	50
51	51	Click "New project" on the upper right corner to create a new project. You could input the project name, select a group and whether it is cross-box.
...	...	@@ -61,7 +61,7 @@
61	61	**✎Note: ** A project can upload no thumbnails or up to one thumbnail. When no thumbnail is uploaded, the project list will be displayed with the system default image
62	62	)))
63	63
64		-== Manage project ==
	65	+== Manage projects ==
65	65
66	66	The centralized monitoring module includes the following functions: add new projects, delete projects and preview projects for each group. Click on the corresponding group to display the list of projects in the group, as shown below.[[image:image-20220715100603-4.jpeg]]
67	67
...	...	@@ -84,17 +84,17 @@
84	84	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.
85	85	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.
86	86	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.
87		-1. [[image:image-20220715101731-6.jpeg||height="50" width="50" class="img-thumbnail"]] Open or close the alarm sound of the alarm record object.
88		-1. [[image:image-20220715101736-7.jpeg||height="52" width="51" class="img-thumbnail"]] Full screen display or restore configuration screen.
89		-1. [[image:image-20220715101741-8.jpeg||height="51" width="50" class="img-thumbnail"]] Hide or show the top blue menu bar.
90		-1. [[image:image-20220715101747-9.jpeg||height="50" width="50" class="img-thumbnail"]] Zoom in the screen.
91		-1. [[image:image-20220715101753-10.jpeg||height="51" width="50" class="img-thumbnail"]] Zoom out the screen.
	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.
92	92
93	93	== Project setting ==
94	94
95	95	[[image:image-20220715103031-11.jpeg]]
96	96
97		-* [[image:image-20220715104640-1.jpeg||height="34" width="41"]]**Configuration design:** Click  the button  to enter the configuration programmer to design the configuration screen for that project. Please refer to [[5 V-box WEB SCADA design>>||anchor="H6V-boxWEBSCADAdesign"]] for details.
	98	+* [[image:image-20220715104640-1.jpeg||height="34" width="41"]]**Configuration design:** Click  the button  to enter the configuration programmer to design the configuration screen for that project. Please refer to [[6 V-BOX Configuration Design>>||anchor="H6V-boxWEBSCADAdesign"]] for details.
98	98	* [[image:image-20220715104711-2.jpeg||height="32" width="40"]]**Preview project:** Click the project preview image or click the button to browse the configuration screen of the project.
99	99	* [[image:image-20220715104745-3.jpeg]]**Login-free browse: **Click the button and set the expiration time in the pop-up box to generate the browsing address and QR code (scan to browse, but not to operate).
100	100	* [[image:image-20220715104944-7.jpeg]]**Copy project:** Click the button to set the name and group of the new project to add a new project.
...	...	@@ -105,7 +105,7 @@
105	105
106	106	= 4 Template =
107	107
108		-== Template management ==
	109	+== 4.1 Template management ==
109	109
110	110	Click the template management module on the left menu to enter the template management module.
111	111
...	...	@@ -112,36 +112,54 @@
112	112	(% style="text-align:center" %)
113	113	[[image:1617949183137-615.png||height="205" width="800" class="img-thumbnail"]]
114	114
115		-The V-box Web SCADA platform provides a template management module that could save the designed configuration screen as a template and user could import the template to design the project more efficiently.
	116	+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 .
116	116
117		-[[image:image-20220715105925-1.jpeg||height="46" width="45"]]**Add template: **Click the button to add a template as below.
	118	+== 4.2 Add, edit and delete template ==
118	118
119		-[[image:image-20220715110054-4.jpeg]]
	120	+1. **Add template: **Click the [Add] to add a template, as Figure 4-2 shows.
	121	+1. **Edit template: **Click the [Edit] to edit the name and resolution of the template.
	122	+1. **Delete template: **Click the [Delete] to delete the template.
120	120
121		-[[image:image-20220715105933-2.jpeg||height="37" width="45"]]**Edit template: **Click the button to edit the name and resolution of the template.
	124	+(% style="text-align:center" %)
	125	+[[image:1617933432286-367.png||height="347" width="600" class="img-thumbnail"]]
122	122
123		-[[image:image-20220715105937-3.jpeg||height="42" width="42"]]**Delete template: **Click the button to delete the template.
	127	+== 4.3 Design template ==
124	124
125		-== Template design ==
	129	+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.
126	126
127		-Click the "Template Design" in the template list to access the V-box configuration platform editor page. You could edit the template in this page. More details about how to design the project please refer to [[5 V-box WEB SCADA design>>||anchor="H6V-boxWEBSCADAdesign"]].
128		-
129		-(% class="box infomessage" %)
130	130	(((
131		-**✎Note: **
132		-
133		-* Only templates of the same resolution can be imported into the configuration screen of the project;
134		-* Template design only supports single screen design;
135		-* Template screen does not support import and export, preview, compile, import other templates, and bind monitoring point functions.
	132	+= 5 Project management =
136	136	)))
137	137
	135	+== 5.1 Project management ==
	136	+
	137	+Click the [Project management] on the left menu to enter the project list.
	138	+
	139	+(% style="text-align:center" %)
	140	+[[image:1617949499753-859.png||height="401" width="800" class="img-thumbnail"]]
	141	+
	142	+== 5.2 Add, edit, delete and preview project ==
	143	+
	144	+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).
	145	+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).
	146	+1. **Delete project:** Click the [Delete] to delete the corresponding project.
	147	+1. **Preview project: **Click the [Browse] to browse the project.
	148	+
	149	+== 5.3 Login-free browse ==
	150	+
	151	+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).
	152	+
	153	+== 5.4 Project design ==
	154	+
	155	+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.
	156	+
138	138	(((
139		-= 5 V-BOX WEB SCADA design =
	158	+= 6 V-box WEB SCADA design =
140	140	)))
141	141
142		-== Main screen ==
	161	+== 6.1 Main screen and Menu ==
143	143
144		-Click "Design" (or Template design) in "Project Management" (or Template Management) screen to access WEB SCADA editor.
	163	+Click [Design] (or Template design) in [Project Management] (or Template Management) screen to access WEB SCADA editor.
145	145
146	146	(% style="text-align:center" %)
147	147	[[image:1617949467765-343.png||height="393" width="800" class="img-thumbnail"]]
...	...	@@ -152,71 +152,93 @@
152	152	[[image:V-box 1.png||alt="V-BOX cloud configuration user manual_html_cb0c19aefec34494.png" height="315" width="600" class="img-thumbnail"]]
153	153
154	154	1. **Toolbar:** A function bar that provides pages operations and objects operations;
155		-1. **Project Manager:** It shows all screens for project and operations.
156		-1. **Objects Library: **It provides 8 basic shapes objects and 20 common objects for creating SCADA page;
	174	+1. **Project Manager:** It shows all pages for project;
	175	+1. **Objects Library: **It provides 7 basic shapes objects and 13 common objects for creating SCADA page;
157	157	1. **Design Area: **Design area for SCADA page and template;
158	158
159		-== Design process ==
	178	+== 6.2 Design ==
160	160
161		-1. Create new screen and set the property;
	180	+1. Create new page and set the property;
162	162	1. Select the object and drag the mouse in design area;
163	163	1. Edit object property and set the variable etc;
164	164	1. Save the screen;
165	165
166		-== Screen management ==
	185	+== 6.3 Project Screen ==
167	167
168		-A project or template is composed of one or several screens. A template contains only one screen, whereas a project can be composed of one or more screens (only take project as an example.). All screens are listed on "Project Manager". Select screen name, its page would be displayed on "Design Area".
	187	+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].
169	169
170		-[[image:image-20220715113713-9.jpeg]]
	189	+(% style="text-align:center" %)
	190	+[[image:1617949566099-340.png||height="705" width="250" class="img-thumbnail"]]
171	171
172		-The screens are divided into normal screens and sub-screens, as shown above.
	192	+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].
173	173
174		-* The normal screen will be displayed when viewing a project or template.
175		-* Sub-screen is embedded in the pop-up box of the normal screen, and the function switch and other objects are used to click the popup display.
	194	+(% style="text-align:center" %)
	195	+[[image:1617949620811-522.png||height="469" width="800" class="img-thumbnail"]]
176	176
177		-In the project browsing page, the default display is the top common screen in the screen list, i.e., the main screen in the figure above, and the other screens will be switched through screen jumping or linking, etc.
	197	+(% style="text-align:center" %)
	198	+[[image:1617949663298-790.png||height="413" width="800" class="img-thumbnail"]]
178	178
179		-**Create screens**
	200	+**Creating thumbnail**
180	180
181		-Click [[image:image-20220715114850-12.jpeg||height="30" width="48"]] to create a new screen. Set the porperties in the pop-up box, select the screen type (normal screen and sub-screen) and save.
	202	+1)Click [[image:V-BOX cloud configuration user manual_html_287ead7d4c995a28.png||height="30" width="30" class="img-thumbnail"]] on [Project Manager];
182	182
183		-[[image:image-20220715114601-11.jpeg]]
	204	+(% style="text-align:center" %)
	205	+[[image:1617949820581-164.png||height="386" width="500" class="img-thumbnail"]]
184	184
185		-(% class="box infomessage" %)
186		-(((
187		-**✎Note:** When a thumbnail page is not created, the default picture would be displayed on "Centralized Monitoring".
188		-)))
189	189
	208	+2)Select [Page Type] as [Thumbnail] on screen attribute window;
	209	+
	210	+3)Set background display and color according to real situation;
	211	+
	212	+4)Click [Save] to complete operation;
	213	+
	214	+**Creating page screen**
	215	+
	216	+1)Click [[image:V-BOX cloud configuration user manual_html_287ead7d4c995a28.png||height="30" width="30" class="img-thumbnail"]] on [Project Manager];
	217	+
	218	+(% style="text-align:center" %)
	219	+[[image:1617949844339-186.png||height="547" width="400" class="img-thumbnail"]]
	220	+
	221	+Figure 6 ‑15
	222	+
	223	+2)Fill in properties of screen;
	224	+
	225	+3)Click [Save] to complete;
	226	+
	227	+**✎Note:**
	228	+
	229	+When a thumbnail page is not created, the default picture would be displayed on [Centralized Monitoring].
	230	+
190	190	**Modifying screen**
191	191
192	192	1. Select the page to be modified;
193		-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";
	234	+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];
194	194	1. Modify screen on [Design Area];
195		-1. Click [[image:V-BOX cloud configuration user manual_html_5970eb09902bd1a3.png||height="30" width="30" class="img-thumbnail"]] on "Toolbar" to complete modification;
	236	+1. Click [[image:V-BOX cloud configuration user manual_html_5970eb09902bd1a3.png||height="30" width="30" class="img-thumbnail"]] on [Toolbar] to complete modification;
	237	+1.
196	196
197	197	**Deleting screen**
198	198
199		-1. Select screen on "Project Manager";
200		-1. Click[[image:V-BOX cloud configuration user manual_html_dca942a0244f9912.png||height="29" width="30"]] , and following message would pop up to prevent accidental deletion;
	241	+1)Select screen on [Project Manager];
201	201
	243	+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;
	244	+
202	202	(% style="text-align:center" %)
203	203	[[image:V-BOX cloud configuration user manual_html_1e7f9096426ebeca.png||height="161" width="300" class="img-thumbnail"]]
204	204
205		-(% start="3" %)
206		-1. Click "OK" to delete page.
	248	+3)Click [OK] to delete page;
207	207
208	208	**Sort screen**
209	209
210		-1. Select page screen on "Project Manager";
211		-1. Click [[image:V-BOX cloud configuration user manual_html_1ab5c888bfd536c.png||height="25" width="53"]] to sort screen upwards or downwards.
	252	+1. Select page screen on [Project Manager];
	253	+1. Click [[image:V-BOX cloud configuration user manual_html_1ab5c888bfd536c.png||height="19" width="40"]] to sort screen upwards or downwards;
212	212
213		-(% class="box infomessage" %)
214		-(((
215		-**✎Note:** Thumbnail does not support sorting.
216		-)))
	255	+**✎Note:**
217	217
218		-== Object ==
	257	+Thumbnail does not support sorting.
219	219
	259	+== 6.4 Object ==
	260	+
220	220	The WEB SCADA platform provides a variety of visualizations for users to design screen. All objects listed on [Object Library].
221	221
222	222	=== 6.4.1 Basic ===

image-20220715105925-1.jpeg

Author

...	...	@@ -1,1 +1,0 @@
1		-XWiki.Stone

Size

...	...	@@ -1,1 +1,0 @@
1		-1.3 KB

Content

image-20220715105933-2.jpeg

Author

...	...	@@ -1,1 +1,0 @@
1		-XWiki.Stone

Size

...	...	@@ -1,1 +1,0 @@
1		-1.1 KB

Content

image-20220715105937-3.jpeg

Author

...	...	@@ -1,1 +1,0 @@
1		-XWiki.Stone

Size

...	...	@@ -1,1 +1,0 @@
1		-1.1 KB

Content

image-20220715110054-4.jpeg

Author

...	...	@@ -1,1 +1,0 @@
1		-XWiki.Stone

Size

...	...	@@ -1,1 +1,0 @@
1		-14.7 KB

Content

image-20220715112158-5.jpeg

Author

...	...	@@ -1,1 +1,0 @@
1		-XWiki.Stone

Size

...	...	@@ -1,1 +1,0 @@
1		-75.0 KB

Content

image-20220715112339-6.jpeg

Author

...	...	@@ -1,1 +1,0 @@
1		-XWiki.Stone

Size

...	...	@@ -1,1 +1,0 @@
1		-65.5 KB

Content

image-20220715112425-7.jpeg

Author

...	...	@@ -1,1 +1,0 @@
1		-XWiki.Stone

Size

...	...	@@ -1,1 +1,0 @@
1		-70.4 KB

Content

image-20220715113434-8.jpeg

Author

...	...	@@ -1,1 +1,0 @@
1		-XWiki.Stone

Size

...	...	@@ -1,1 +1,0 @@
1		-4.6 KB

Content

image-20220715113713-9.jpeg

Author

...	...	@@ -1,1 +1,0 @@
1		-XWiki.Stone

Size

...	...	@@ -1,1 +1,0 @@
1		-5.6 KB

Content

image-20220715114430-10.jpeg

Author

...	...	@@ -1,1 +1,0 @@
1		-XWiki.Stone

Size

...	...	@@ -1,1 +1,0 @@
1		-25.0 KB

Content

image-20220715114601-11.jpeg

Author

...	...	@@ -1,1 +1,0 @@
1		-XWiki.Stone

Size

...	...	@@ -1,1 +1,0 @@
1		-25.6 KB

Content

image-20220715114850-12.jpeg

Author

...	...	@@ -1,1 +1,0 @@
1		-XWiki.Stone

Size

...	...	@@ -1,1 +1,0 @@
1		-826 bytes

Content

image-20220715114936-13.jpeg

Author

...	...	@@ -1,1 +1,0 @@
1		-XWiki.Stone

Size

...	...	@@ -1,1 +1,0 @@
1		-921 bytes

Content

image-20220715115040-14.jpeg

Author

...	...	@@ -1,1 +1,0 @@
1		-XWiki.Stone

Size

...	...	@@ -1,1 +1,0 @@
1		-930 bytes

Content

image-20220715115245-16.jpeg

Author

...	...	@@ -1,1 +1,0 @@
1		-XWiki.Stone

Size

...	...	@@ -1,1 +1,0 @@
1		-924 bytes

Content

image-20220715115337-17.jpeg

Author

...	...	@@ -1,1 +1,0 @@
1		-XWiki.Stone

Size

...	...	@@ -1,1 +1,0 @@
1		-940 bytes

Content