Wiki source code of 01 Getting Started
Version 47.3 by Karen on 2023/05/18 13:47
Hide last authors
author | version | line-number | content |
---|---|---|---|
![]() |
8.1 | 1 | (% class="wikigeneratedid" id="HPIStudio" %) |
![]() |
20.2 | 2 | The HMI configuration software help can help you master the basic operation and usage of the configuration software more quickly, and assist you in completing your work successfully. |
![]() |
20.1 | 3 | |
4 | (% class="wikigeneratedid" %) | ||
![]() |
39.2 | 5 | The following steps will show how to install HMIEditorP. |
![]() |
1.1 | 6 | |
![]() |
11.1 | 7 | = Requirement = |
![]() |
1.1 | 8 | |
![]() |
38.2 | 9 | HMIEditorP installation package downloaded. |
![]() |
1.1 | 10 | |
11 | * Windows 7 (32bit / 64bit) | ||
12 | * Windows 8 (32bit / 64bit) | ||
13 | * Windows 8.1 (32bit / 64bit) | ||
14 | * Windows 10 (32bit / 64bit) | ||
15 | |||
![]() |
11.1 | 16 | = Download = |
![]() |
1.1 | 17 | |
![]() |
42.1 | 18 | [[Download link>>https://drive.google.com/open?id=1D933B71e2Elkt2c52W-5kvt7irwyj2PM ]] |
![]() |
1.1 | 19 | |
![]() |
18.1 | 20 | = Installation = |
![]() |
7.1 | 21 | |
![]() |
11.1 | 22 | Steps: |
![]() |
1.1 | 23 | |
![]() |
3.2 | 24 | ((( |
![]() |
37.2 | 25 | 1. Decompress downloaded file get HMIEditorP installation package. |
26 | 1. Select HMIEditorP installation package. | ||
![]() |
1.1 | 27 | 1. Right click it. |
28 | 1. Select "Run as administrator". | ||
![]() |
37.2 | 29 | 1. Select language for HMIEditorP interface, it supports Chinese (Simplified), Chinese (Traditional), English, Italian, Russian. |
![]() |
3.2 | 30 | ))) |
![]() |
1.1 | 31 | |
32 | (% style="text-align:center" %) | ||
33 | [[image:2.Installation Software_html_f3d49e1396c6e4f6.png||data-xwiki-image-style-alignment="center" height="153" width="300" class="img-thumbnail"]] | ||
34 | |||
35 | (% start="6" %) | ||
36 | 1. Click "Next". | ||
37 | |||
38 | (% style="text-align:center" %) | ||
![]() |
37.2 | 39 | [[image:image-2023051703-1.png||alt="2.Installation Software_html_a8017b2a399a513a.png" data-xwiki-image-style-alignment="center" class="img-thumbnail"]] |
![]() |
1.1 | 40 | |
41 | (% start="7" %) | ||
![]() |
37.2 | 42 | 1. If there is a previous version of HMIEditorP on the PC, please remove it before installation. |
43 | 1. Select a folder for HMIEditorP installation, or use the default folder, then click "Next". | ||
![]() |
1.1 | 44 | |
45 | (% style="text-align:center" %) | ||
![]() |
37.2 | 46 | [[image:image-2023051703-2.png||alt="2.Installation Software_html_e36b4ee18ae58696.png" data-xwiki-image-style-alignment="center" class="img-thumbnail"]] |
![]() |
1.1 | 47 | |
48 | (% start="9" %) | ||
49 | 1. Click "Browse" to specify a folder, or use the folder suggested by the program, click "Next" to continue the installation process. | ||
50 | |||
51 | (% start="10" %) | ||
52 | 1. Select additional tasks, for example: "Create a desktop icon". Click "Next". | ||
53 | |||
54 | (% style="text-align:center" %) | ||
![]() |
37.2 | 55 | [[image:image-2023051703-4.png||alt="2.Installation Software_html_4e0e99bed6dace57.png" data-xwiki-image-style-alignment="center" class="img-thumbnail"]] |
![]() |
1.1 | 56 | |
57 | (% start="11" %) | ||
![]() |
44.3 | 58 | 1. At this stage, all settings have been completed. Please check if it is correct. If there is any need to re-select the part, please press "Back". If all is correct, please press "Install" to start the installation process. |
59 | |||
![]() |
1.1 | 60 | (% style="text-align:center" %) |
![]() |
44.2 | 61 | [[image:image2023051703-5.png]] |
![]() |
44.3 | 62 | |
![]() |
45.2 | 63 | (% start="12" %) |
![]() |
1.1 | 64 | 1. Installer execution |
65 | |||
66 | (% style="text-align:center" %) | ||
![]() |
44.2 | 67 | [[image:image-2023051703-6.png||alt="2.Installation Software_html_cffc7ff7dee59cd6.png" data-xwiki-image-style-alignment="center" class="img-thumbnail"]] |
![]() |
1.1 | 68 | |
69 | (% start="13" %) | ||
70 | 1. Please check "Launch VC Runtime" to install "Microsoft Visual C++2008" in your PC. | ||
71 | |||
72 | (% style="text-align:center" %) | ||
![]() |
37.2 | 73 | [[image:image-2023051503-7.png||alt="2.Installation Software_html_8ac33d46970c9f0a.png" data-xwiki-image-style-alignment="center" class="img-thumbnail"]] |
![]() |
1.1 | 74 | |
![]() |
37.2 | 75 | **Result: **Users could see shortcuts to HMIEditorP's features in the "Start" » "All Programs" » “HMIEditorP” directory. |
![]() |
1.1 | 76 | |
77 | ✎**Note:** | ||
78 | |||
![]() |
37.2 | 79 | * In case of incompatible problems, it is suggested to install and run HMIEditorP as administrator. |
80 | * Microsoft Visual C++ 2008 provides the necessary runtime components for HMIEditorP | ||
![]() |
1.1 | 81 | |
![]() |
8.1 | 82 | = PISuite (Toolkit) = |
![]() |
1.1 | 83 | |
84 | In addition to being editable on PIStudio, HMI has other related components that can be used. | ||
85 | |||
![]() |
10.1 | 86 | Open the "Start" ->"All Programs" ->HMI Editor installation directory to quickly open functional tool. |
![]() |
1.1 | 87 | |
88 | (% style="text-align:center" %) | ||
89 | [[image:工具箱 1.png||data-xwiki-image-style-alignment="center" class="img-thumbnail"]] | ||
90 | |||
91 | (% style="text-align:center" %) | ||
92 | [[image:工具箱 2.png||data-xwiki-image-style-alignment="center" class="img-thumbnail"]] | ||
93 | |||
94 | (% class="wikigeneratedid" %) | ||
95 | The tools of toolkit are as follows. | ||
96 | |||
97 | (% class="table-bordered" %) | ||
98 | |=(% style="width: 200px;" %)Tool|=(% style="width: 118px;" %)Icon|=(% style="width: 756px;" %)Function | ||
![]() |
21.1 | 99 | |(% style="width:200px" %)[[Download>>https://docs.we-con.com.cn/bin/view/PIStudio/14.Tools/#HDownloadproject]]|(% style="width:118px" %)[[image:工具箱 3.png||height="66" width="66"]]|(% style="width:756px" %)Get information about HMI such as upload and download project, updata HMI's time, get HMI version, get machine colde etc,. |
100 | |(% style="width:200px" %)[[Decompile>>https://docs.we-con.com.cn/bin/view/PIStudio/14.Tools/#HDecompile]]|(% style="width:118px" %)[[image:工具箱 4.png||height="66" width="66"]]|(% style="width:756px" %)After reading the project from HMI to PC, you need to decomcompile the project before opening it with PIStudio. | ||
![]() |
1.1 | 101 | |(% style="width:200px" %)DataLogTool|(% style="width:118px" %)[[image:工具箱 5.png||height="62" width="66"]]|(% style="width:756px" %)To view the "DB" such as file data records, alarm records or operation records collected by HMI. You could also convert it to "excel" format. |
102 | |(% style="width:200px" %)LogoMakerTool|(% style="width:118px" %)[[image:工具箱 6.png||height="66" width="66"]]|(% style="width:756px" %)To make the boot logo of PI series HMI. | ||
103 | |(% style="width:200px" %)DataUpload|(% style="width:118px" %)[[image:工具箱 7.png]]|(% style="width:756px" %)Upload data record ,alarm records or operation records collected by HMI. | ||
![]() |
21.1 | 104 | |(% style="width:200px" %)[[PIRecordUpload>>https://docs.we-con.com.cn/bin/view/PIStudio/14.Tools/#HDataRecordUpload28Onlyigseries29]]|(% style="width:118px" %)[[image:工具箱 8.png]]|(% style="width:756px" %)Monitor devices in real time, update and export data records, alarm records or operation records collected by HMI synchronously. (Only supported by ig Sseries) |
105 | |(% style="width:200px" %)[[CreatInstallmentPwd>>https://docs.we-con.com.cn/bin/view/PIStudio/14.Tools/#HPasswordtool]]|(% style="width:118px" %)[[image:工具箱 9.png]]|(% style="width:756px" %)The installment payment mode is dynamic password. You can use the Installment password tool "CreatInstallmentPwd" to generate the dynamic password. | ||
![]() |
1.1 | 106 | |(% style="width:200px" %)PIMonitor|(% style="width:118px" %)[[image:工具箱 10.png]]|(% style="width:756px" %)LAN monitoring of 3000 series HMI screen. |
![]() |
21.1 | 107 | |(% style="width:200px" %)[[Levi2PI>>https://docs.we-con.com.cn/bin/view/PIStudio/17.Levi2PI/]]|(% style="width:118px" %)[[image:工具箱 11.png||height="67" width="66"]]|(% style="width:756px" %)Convert LEVI series engineering to PI series engineering. |
![]() |
1.1 | 108 | |(% style="width:200px" %)HMIPrjStdNeutral|(% style="width:118px" %)[[image:工具箱 12.png]]|(% style="width:756px" %)Project conversion between PI standard and PI neutral version |
109 | |(% style="width:200px" %)PIRptEditTool|(% style="width:118px" %)[[image:工具箱 13.png]]|(% style="width:756px" %)Convert the record files generated by LEVI or PI to the specified format. | ||
110 | |(% style="width:200px" %)HMIProjectReportTool|(% style="width:118px" %)[[image:工具箱 14.png]]|(% style="width:756px" %)Analyze and generate HMI engineering report. | ||
111 | |||
112 | **✎Note:** HMI supports the use of USB and Ethernet to download/upload project and record files. | ||
113 | |||
![]() |
16.1 | 114 | = Getting Started = |
![]() |
1.1 | 115 | |
![]() |
43.1 | 116 | This chapter provides a quick and precise introduction of HMIEditorP. |
![]() |
1.1 | 117 | |
118 | It does not contain a comprehensive list of all functions, but it only takes 6 simple steps to create a new project. | ||
119 | |||
120 | (% class="table-bordered" %) | ||
121 | |=(% style="width: 243px;" %)Operation |=(% style="width: 832px;" %)Description | ||
122 | |(% style="width:243px" %)((( | ||
![]() |
14.1 | 123 | 1. [[Create a new project>>||anchor="HCreatenewproject"]] |
![]() |
1.1 | 124 | )))|(% style="width:832px" %)((( |
125 | [[image:新建工程 4.png]] | ||
126 | |||
![]() |
21.1 | 127 | Click the "New Project" in the upper left corner of the software to create a new project. You could click [["Screen">>https://docs.we-con.com.cn/bin/view/PIStudio/04.Software%20Menu/#HScreen]] to create a new screen. See the [["Screen Style (only for ig series)">>https://docs.we-con.com.cn/bin/view/PIStudio/04.Software%20Menu/#HScreenstyle28Onlyigseries29]] for details. |
![]() |
1.1 | 128 | ))) |
129 | |(% style="width:243px" %)((( | ||
130 | (% start="2" %) | ||
![]() |
21.1 | 131 | 1. [[Project Settings>>doc:PIStudio.05\.Project Settings.WebHome]] |
![]() |
1.1 | 132 | )))|(% style="width:832px" %)((( |
133 | [[image:工程配置 1.png]] | ||
134 | |||
![]() |
47.2 | 135 | Click [["Communication">>https://docs.we-con.com.cn/bin/view/PIStudio/05.Project%20Settings/#HCommunication]] and [["Project settings">>doc:PIStudio.05\.Project Settings.WebHome]] to set communication protocol and port parameters. |
![]() |
1.1 | 136 | ))) |
137 | |(% style="width:243px" %)((( | ||
138 | (% start="3" %) | ||
139 | 1. Project design | ||
![]() |
47.2 | 140 | )))|(% style="width:832px" %)Create screens and place the objects you need. You could draw your own project through [["draw">>https://docs.we-con.com.cn/bin/view/PIStudio/06.Objects/#HDraw]], import the required pictures and vector maps using [["Shape">>https://docs.we-con.com.cn/bin/view/PIStudio/7.Library/#HShape]] library, and enrich the project as much as possible by using the diversified objects. |
![]() |
1.1 | 141 | |(% style="width:243px" %)((( |
142 | (% start="4" %) | ||
143 | 1. Compile and save | ||
144 | )))|(% style="width:832px" %)((( | ||
![]() |
21.1 | 145 | You need to [["compile">>https://docs.we-con.com.cn/bin/view/PIStudio/14.Tools/#HCompileProject]] every project before downloading to it HMI. |
![]() |
1.1 | 146 | |
![]() |
21.1 | 147 | When uploading a project from the HMI to the PC, you need [["Decompile">>https://docs.we-con.com.cn/bin/view/PIStudio/14.Tools/#HDecompile]]. |
![]() |
1.1 | 148 | ))) |
149 | |(% style="width:243px" %)((( | ||
150 | (% start="5" %) | ||
![]() |
47.2 | 151 | 1. [[Simulaion>>https://docs.we-con.com.cn/bin/view/PIStudio/14.Tools/#HSimulation]] |
![]() |
1.1 | 152 | )))|(% style="width:832px" %)((( |
![]() |
47.2 | 153 | HMIEditorP provides two simulation modes: offline simulation and online simulation. |
![]() |
1.1 | 154 | |
![]() |
21.1 | 155 | 1. **Offline: **Simulate the operation of the HMI and PL on the computer. There is no need to connect with PLC. |
156 | 1. **Online: **Simulate the operation of the HMI and PL on the computer, but require the PC to be connected to the PLC and set the correct communication parameters. There is a 30-minute time limit for using online simulations. | ||
![]() |
1.1 | 157 | ))) |
158 | |(% style="width:243px" %)((( | ||
159 | (% start="6" %) | ||
![]() |
21.1 | 160 | 1. [[Download project>>https://docs.we-con.com.cn/bin/view/PIStudio/14.Tools/#HDownloadproject]] |
![]() |
47.2 | 161 | )))|(% style="width:832px" %)Downloading is the last step. After completing the download, the HMI can run the designed project, and the project downloaded to the HMI can also be uploaded to the PC. |
![]() |
1.1 | 162 | |
![]() |
14.2 | 163 | == Create new project == |
![]() |
1.1 | 164 | |
165 | The following steps will show how to start PIStudio and create a project. | ||
166 | |||
167 | **Requirement** | ||
168 | |||
169 | PIStudio programming software is installed. | ||
170 | |||
![]() |
43.2 | 171 | **Operating Procedure** |
![]() |
1.1 | 172 | |
![]() |
47.2 | 173 | 1. Start HMIEditorP software by clicking icon, or from Start Menu. |
![]() |
46.2 | 174 | 1. Find " HMIEditorP" folder. |
175 | 1. Click " HMIEditorP" icon to start software. | ||
![]() |
1.1 | 176 | |
177 | (% style="text-align:center" %) | ||
![]() |
46.2 | 178 | [[image:2023051803-8.png||alt="新建工程 1.gif" class="img-thumbnail"]] |
![]() |
1.1 | 179 | |
180 | (% start="4" %) | ||
181 | 1. Click "New project". | ||
182 | |||
183 | (% style="text-align:center" %) | ||
![]() |
46.2 | 184 | [[image:2023051803-9.png||alt="新建工程 2.png" class="img-thumbnail"]] |
![]() |
1.1 | 185 | |
186 | (% start="5" %) | ||
187 | 1. Configure project name, project path. | ||
188 | 1. Select HMI model and communication protocol. | ||
189 | 1. Click "OK" to save setting. | ||
190 | |||
191 | (% style="text-align:center" %) | ||
![]() |
46.2 | 192 | [[image:2023051803-10.png||alt="新建工程 3.gif" class="img-thumbnail"]] |
![]() |
1.1 | 193 | |
194 | **Result** | ||
195 | |||
196 | * User could find a folder named HMIProject on the desktop. | ||
197 | * In the folder user could find a file with a suffix named ".pi". Double click the file to open the project. | ||
198 | |||
![]() |
16.1 | 199 | == Add screen == |
![]() |
1.1 | 200 | |
![]() |
47.2 | 201 | The following steps will show how to create and rename screens in HMIEditorP. |
![]() |
1.1 | 202 | |
203 | New screens, which are still blank, could be created using the "Common object". User could choose different objects to design screen according to project's requirements. | ||
204 | |||
205 | **Requirement** | ||
206 | |||
207 | The "Quick_Start" project is open. | ||
208 | |||
![]() |
2.1 | 209 | **Steps:** |
![]() |
1.1 | 210 | |
211 | 1. Create a new process screen: Clicking "New" will appear "New screen" setting. | ||
212 | |||
213 | (% style="text-align:center" %) | ||
214 | [[image:新建画面 1.gif||class="img-thumbnail"]] | ||
215 | |||
216 | (% start="2" %) | ||
217 | 1. Set screen parameter in "New Screen", such as screen number, screen name, background type. | ||
218 | |||
219 | (% style="text-align:center" %) | ||
220 | [[image:新建画面 2.gif||class="img-thumbnail"]] | ||
221 | |||
222 | (% start="3" %) | ||
223 | 1. After making a new screen, user could insert objects in screen. For example, button and trend. | ||
224 | 1. Add button object in screen. | ||
![]() |
47.2 | 225 | 1. Set button object parameters, such as read address, mode, etc. |
![]() |
1.1 | 226 | |
227 | (% style="text-align:center" %) | ||
228 | [[image:新建画面 3.gif||class="img-thumbnail"]] | ||
229 | |||
230 | (% start="6" %) | ||
231 | 1. Add "Trend Chart" from "Chart". | ||
232 | |||
233 | (% style="text-align:center" %) | ||
234 | [[image:新建画面 4.gif||class="img-thumbnail"]] | ||
235 | |||
236 | (% start="7" %) | ||
237 | 1. And "Function key" for screens switch. | ||
238 | |||
239 | **Result** | ||
240 | |||
![]() |
47.2 | 241 | Do a project screen with a bit button, one chart display object, and one Function key for switching screen. |
![]() |
12.1 | 242 | |
![]() |
16.1 | 243 | == Project size limits == |
![]() |
12.1 | 244 | |
245 | * 3000 series limits the project file size to 25M | ||
246 | * 3070i series limit the project file size to 25M | ||
247 | * 3070ie series limit the project file size to 22M | ||
248 | * 3070ig series limit the project file size to 25M | ||
249 | * 8000&9000 series limit the project file size to 165M | ||
![]() |
22.1 | 250 | |
251 | = Create communication with WECON PLC = | ||
252 | |||
![]() |
35.1 | 253 | (% class="wikigeneratedid" %) |
254 | [[11 PLC Protocol - Wecon (we-con.com.cn)>>https://docs.we-con.com.cn/bin/view/PIStudio/12.PLC%20protocols/#HCreatecommunicationwithWECONPLC]] |