01 Getting Started

(% class="wikigeneratedid" id="HPIStudio" %)

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.

3

4

(% class="wikigeneratedid" %)

5

The following steps will show how to install HMIEditorP.

= Requirement =

HMIEditorP installation package downloaded.

10

11

* Windows 7 (32bit / 64bit)

12

* Windows 8 (32bit / 64bit)

13

* Windows 8.1 (32bit / 64bit)

14

* Windows 10 (32bit / 64bit)

= Download =

[[Download link>>https://drive.google.com/open?id=1D933B71e2Elkt2c52W-5kvt7irwyj2PM ]]

= Installation =

Steps:

(((

1. Decompress downloaded file get HMIEditorP installation package.

26

1. Select HMIEditorP installation package.

27

1. Right click it.

28

1. Select "Run as administrator".

29

1. Select language for HMIEditorP interface, it supports Chinese (Simplified), Chinese (Traditional), English, Italian, Russian.

30

)))

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"]]

(% start="6" %)

1. Click "Next".

(% style="text-align:center" %)

39

[[image:image-2023051703-1.png||alt="2.Installation Software_html_a8017b2a399a513a.png" data-xwiki-image-style-alignment="center" class="img-thumbnail"]]

40

41

(% start="7" %)

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".

44

45

(% style="text-align:center" %)

46

[[image:image-2023051703-2.png||alt="2.Installation Software_html_e36b4ee18ae58696.png" data-xwiki-image-style-alignment="center" class="img-thumbnail"]]

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" %)

55

[[image:image-2023051703-4.png||alt="2.Installation Software_html_4e0e99bed6dace57.png" data-xwiki-image-style-alignment="center" class="img-thumbnail"]]

56

57

(% start="11" %)

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

60

(% style="text-align:center" %)

61

[[image:image2023051703-5.png]]

62

63

1. Installer execution

64

65

(% style="text-align:center" %)

66

[[image:image-2023051703-6.png||alt="2.Installation Software_html_cffc7ff7dee59cd6.png" data-xwiki-image-style-alignment="center" class="img-thumbnail"]]

67

68

(% start="13" %)

69

1. Please check "Launch VC Runtime" to install "Microsoft Visual C++2008" in your PC.

70

71

(% style="text-align:center" %)

72

[[image:image-2023051503-7.png||alt="2.Installation Software_html_8ac33d46970c9f0a.png" data-xwiki-image-style-alignment="center" class="img-thumbnail"]]

73

74

**Result: **Users could see shortcuts to HMIEditorP's features in the "Start" » "All Programs" » “HMIEditorP” directory.

✎**Note:**

* In case of incompatible problems, it is suggested to install and run HMIEditorP as administrator.

79

* Microsoft Visual C++ 2008 provides the necessary runtime components for HMIEditorP

80

81

= PISuite (Toolkit) =

82

83

In addition to being editable on PIStudio, HMI has other related components that can be used.

84

85

Open the "Start" ->"All Programs" ->HMI Editor installation directory to quickly open functional tool.

86

87

(% style="text-align:center" %)

88

[[image:工具箱 1.png||data-xwiki-image-style-alignment="center" class="img-thumbnail"]]

89

90

(% style="text-align:center" %)

91

[[image:工具箱 2.png||data-xwiki-image-style-alignment="center" class="img-thumbnail"]]

92

93

(% class="wikigeneratedid" %)

94

The tools of toolkit are as follows.

95

96

(% class="table-bordered" %)

97

|=(% style="width: 200px;" %)Tool|=(% style="width: 118px;" %)Icon|=(% style="width: 756px;" %)Function

98

|(% 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,.

99

|(% 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.

100

|(% 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.

101

|(% 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.

102

|(% style="width:200px" %)DataUpload|(% style="width:118px" %)[[image:工具箱 7.png]]|(% style="width:756px" %)Upload data record ,alarm records or operation records collected by HMI.

103

|(% 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)

104

|(% 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.

105

|(% style="width:200px" %)PIMonitor|(% style="width:118px" %)[[image:工具箱 10.png]]|(% style="width:756px" %)LAN monitoring of 3000 series HMI screen.

106

|(% 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.

107

|(% style="width:200px" %)HMIPrjStdNeutral|(% style="width:118px" %)[[image:工具箱 12.png]]|(% style="width:756px" %)Project conversion between PI standard and PI neutral version

108

|(% 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.

109

|(% style="width:200px" %)HMIProjectReportTool|(% style="width:118px" %)[[image:工具箱 14.png]]|(% style="width:756px" %)Analyze and generate HMI engineering report.

110

111

**✎Note:** HMI supports the use of USB and Ethernet to download/upload project and record files.

= Getting Started =

This chapter provides a quick and precise introduction of HMIEditorP.

116

117

It does not contain a comprehensive list of all functions, but it only takes 6 simple steps to create a new project.

118

119

(% class="table-bordered" %)

120

|=(% style="width: 243px;" %)Operation |=(% style="width: 832px;" %)Description

121

|(% style="width:243px" %)(((

122

1. [[Create a new project>>||anchor="HCreatenewproject"]]

123

)))|(% style="width:832px" %)(((

124

[[image:新建工程 4.png]]

125

126

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.

127

)))

128

|(% style="width:243px" %)(((

129

(% start="2" %)

130

1. [[Project Settings>>doc:PIStudio.05\.Project Settings.WebHome]]

131

)))|(% style="width:832px" %)(((

132

[[image:工程配置 1.png]]

133

134

Click [["Communication">>https://docs.we-con.com.cn/bin/view/PIStudio/05.Project%20Settings/#HCommunication]] and [["Project settngs">>doc:PIStudio.05\.Project Settings.WebHome]] to set communication protocol and port parameter.

135

)))

136

|(% style="width:243px" %)(((

137

(% start="3" %)

138

1. Project design

139

)))|(% style="width:832px" %)Create sreens 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 .

140

|(% style="width:243px" %)(((

141

(% start="4" %)

142

1. Compile and save

143

)))|(% style="width:832px" %)(((

144

You need to [["compile">>https://docs.we-con.com.cn/bin/view/PIStudio/14.Tools/#HCompileProject]] every project before downloading to it HMI.

145

146

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]].

147

)))

148

|(% style="width:243px" %)(((

149

(% start="5" %)

150

1. [[Simulitaion>>https://docs.we-con.com.cn/bin/view/PIStudio/14.Tools/#HSimulation]]

151

)))|(% style="width:832px" %)(((

152

PIStudio provides two simulation modes: offline simulation and online simulation.

153

154

1. **Offline: **Simulate the operation of the HMI and PL on the computer. There is no need to connect with PLC.

155

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.

156

)))

157

|(% style="width:243px" %)(((

158

(% start="6" %)

159

1. [[Download project>>https://docs.we-con.com.cn/bin/view/PIStudio/14.Tools/#HDownloadproject]]

160

)))|(% style="width:832px" %)Download 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.

161

162

== Create new project ==

163

164

The following steps will show how to start PIStudio and create a project.

**Requirement**

PIStudio programming software is installed.

169

170

**Operating Procedure**

171

172

1. Start PIStudio software by click icon, or from Start Menu.

173

1. Find "PIStudio" folder.

174

1. Click "PIStudio" icon to start software.

175

176

(% style="text-align:center" %)

177

[[image:新建工程 1.gif||class="img-thumbnail"]]

178

179

(% start="4" %)

180

1. Click "New project".

181

182

(% style="text-align:center" %)

183

[[image:新建工程 2.png||class="img-thumbnail"]]

184

185

(% style="text-align:center" %)

186

[[image:新建工程 4.png||class="img-thumbnail"]]

187

188

(% start="5" %)

189

1. Configure project name, project path.

190

1. Select HMI model and communication protocol.

191

1. Click "OK" to save setting.

192

193

(% style="text-align:center" %)

194

[[image:新建工程 3.gif||class="img-thumbnail"]]

**Result**

* User could find a folder named HMIProject on the desktop.

199

* In the folder user could find a file with a suffix named ".pi". Double click the file to open the project.

== Add screen ==

The following steps will show how to create and rename screens in PIStudio.

204

205

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.

**Requirement**

The "Quick_Start" project is open.

**Steps:**

1. Create a new process screen: Clicking "New" will appear "New screen" setting.