Eaton XH-303 User manual

Manual 09/22 MN048029EN
XH-303 HMI Web Panel
Manual

Company information
All brand and product names are trademarks or registered trademarks of their respective own-
ers.

Service
For service and support, please contact your local sales team.
Contact info. Eaton.com/contact
Service page: Eaton.com/aftersales

Original Operating Instructions
is the German-language edition of this document

Publication date
09/2022 Version 02

Copyright
© 2022 by Eaton Industries GmbH, 53105 Bonn

Author/editor: Antje Nonnen PMCC Division Marketing & Technical Content
Eaton Industries GmbH, Hein-Moeller-Straße 7-11, D-53115 Bonn

All rights, including those of translation, reserved.
No part of this manual may be reproduced, stored in a retrieval system, or transmitted in any
form or by any means, whether electronic, mechanical, photocopying, micro-filming, record-
ing, or otherwise, without the prior written permission of Eaton Industries GmbH, Bonn.
Subject to alteration.

Before starting with the installation
I
lInstallation requires qualified electrician
lDisconnect the power supply of the device.
lSecure against retriggering
lVerify isolation from the supply
lGround and short-circuit
lCover or enclose any
neighboring live parts.
lFollow the engineering instructions (IL) of the
device concerned.
lOnly suitably qualified personnel in accordance
with EN 50110-1/-2 (VDE 0105 part 100) may work on
this device/system.
lBefore installation and before touching the device
ensure that you are free of electrostatic charge.
lThe functional earth (FE) must be connected to the
protective earth (PE) or to the equipotential bon-
ding. The system installer is responsible for imple-
menting this connection.
lConnecting cables and signal lines should be instal-
led so that inductive or capacitive interference
does not impair the automation functions.
lInstall automation devices and related operating
elements in such a way that they are well protected
against unintentional operation.
lSuitable safety hardware and software measures
should be implemented for the I/O interface so that
a line or wire breakage on the signal side does not
result in undefined states in the automation devi-
ces.
lDeviations of the mains voltage from the nominal
value must not exceed the tolerance limits given in
the specifications, otherwise this may result in mal-
function and hazardous states.
lEmergency-Stop devices complying with IEC/EN
60204-1 must be effective in all operating modes of
the automation devices. Unlatching the emergency
switching off devices must not result in an auto-
matic restart.
lBuilt-in devices for enclosures or cabinets must
only be run and operated in an installed state;
desktop devices and portable devices only when
the housing is closed.
lMeasures should be taken to ensure the proper
restarting of programs interrupted after a voltage
dip or outage. This should not result in dangerous
operating states even for a short time. If necessary,
emergency switching off devices should be imple-
mented.
lWherever faults in the automation system may
cause damage to persons or property, external
measures must be implemented to ensure a safe
operating state in the event of a fault or malfunction
(for example, by means of separate limit switches,
mechanical interlocks, etc.).
DANGER!
Hazardous electrical voltage!

Table of Contents
XH-303 HMI Web Panel Manual 1
Company information 2
Before starting with the installation 3
Table of Contents 5
0.1 About this documentation 9
0.1.1 List of revisions 9
0.1.2 Target group 10
0.1.3 Legal disclaimer 11
0.1.4 Device designations and abbreviations 11
0.1.5 Writing conventions 12
0.1.5.1 Warning labels 12
0.1.5.2 Additional information for use 13
1. Description 14
1.1 Function 14
1.1.1 Features 14
1.2 Use as intended 16
1.3 Device models - versions and part nos. 17
1.4 Operating and indication elements 18
1.5 Interfaces to peripheral devices 19
1.6 What the different parts of the part number mean 20
1.7 Nameplate 21
1.8 Support 21
2. Safety regulations 22
2.1 Basics 22
2.2 Mandatory requirements, personnel requirements 23
2.2.1 Occupational safety 23
2.2.2 Personnel qualifications 23
2.2.3 Device documentation 23
2.2.4 Installation, maintenance and disposal 23
2.2.5 Prerequisites for proper operation 24
XH-30309/22 MN048029ENEaton.com 5

2.3 Device-specific hazards 25
3. Installation 29
3.1 Prerequisites for the location of use 29
3.1.1 Installation position 29
3.1.1.1 Temperatures 29
3.1.1.2 Aeration and de-aeration 30
3.1.1.3 Criteria for the installation position 31
3.2 Unpacking and checking the equipment supplied 33
3.3 Mounting 34
3.3.1 Fixing and sealing 34
3.3.2 Front mounting XH-303 35
3.4 Preparing the device for operation 37
3.4.1 Power supply - electrical connection 39
4. External connections 41
4.1 Layout of interfaces 42
4.2 USB interfaces 43
4.2.1 USB host 43
4.3 Ethernet 44
5. Commissioning 45
5.1 Initial commissioning 46
5.2 Running the XH-303 47
6. Web Config Tool 48
6.1 Security 48
6.2 Handling 49
6.2.1 Local use 49
6.2.2 Remote use 49
6.2.3 Password setup 49
6.2.4 Authentication and session 51
6.3 System configuration of the device 52
6.3.1 Device menu 53
6.3.1.1 Device information 53
6.3.1.2 Power management 53
6XH-30309/22 MN048029ENEaton.com

6.3.1.3 Factory reset 53
6.3.1.4 USB 54
6.3.1.5 Configure device logos 54
6.3.2 Network menu 54
6.3.2.1 Network Interface 54
6.3.2.2 DHCP 55
6.3.2.3 General settings 55
6.3.3 Screen menu 55
6.3.3.1 Timeout (in seconds) 56
6.3.4 Update menu 56
6.3.5 Date & Time menu 58
6.3.5.1 Date & Time 58
6.3.5.2 Time synchronization with NTP 58
6.3.6 Remote access menu 59
6.3.6.1 SSH 59
6.3.6.2 Device Discovery 59
6.3.7 Browser menu 60
6.3.7.1 Browser 60
6.3.7.2 Additional trusted certificates 61
6.3.7.3 Homepage 61
6.3.8 Legal menu 61
6.3.9 Logs menu 62
6.4 Custom homepages 64
6.4.1 Changing the link tiles on the default homepage 65
6.4.2 Activating a custom landing page 69
6.4.3 Resetting the homepage to the default page 69
7. Make Connection 70
7.1 easyE4 as Webserver 70
7.2 Using the Web Config Tool 71
7.3 Start Web Config Tool 72
7.3.1 Steps for establishing a connection 72
7.3.1.1 easyE4 found 73
7.3.1.2 easyE4 not found. 73
XH-30309/22 MN048029ENEaton.com 7

8. Faults 75
9. Maintenance 76
9.1 Cleaning and maintenance 76
9.1.1 capacitive multitouch 76
9.2 Repairs 77
9.3 Storage, transport and disposal 78
9.3.1 Storage and transport 78
9.3.2 Disposal 80
Appendix 81
A.1 Technical data 82
A.1.1 Data sheets 82
A.1.2 Dimension and weight specifications 82
A.1.3 General data 85
A.1.4 Port and interface specifications 87
A.1.5 Information on the power supply 88
A.1.6 Approvals and declarations 89
A.2 Further usage information 90
Alphabetical index 91
8XH-30309/22 MN048029ENEaton.com

0.1 About this documentation
0.1 About this documentation
This Manual contains all the information you will need in order to use the XH-303 HMI
Web Panel safely and effectively.
This Manual is considered an integral part of the devices and must always be readily
available in the device's close proximity so that users have access to it.
This Manual describes all of the devices' lifecycle stages: transportation, installation,
commissioning, operation, maintenance, storage and disposal.
It assumes you have electrical engineering knowledge and skills.
It does not, however, go over the corresponding operating system or application soft-
ware.
Make sure to always use the latest documentation for your device.
Manual XH-303 HMI Web Panel MN048029EN
The latest version of this documentation, as well as additional references, is avail-
able for download on the Internet. → Section "Further usage information", page 90
Eaton.com/documentation
Please send any comments, recommendations, or suggestions regarding this doc-
ument to: [email protected]
0.1.1 List of revisions
The following significant amendments have been introduced since previous issues:
Publication
date Keyword New Modification
06/2022 New edition  
09/2022 Correction and extension  
XH-30309/22 MN048029ENEaton.com 9

0.1 About this documentation
0.1.2 Target group
This Manual is intended for electricians and electrical engineers, as well as for the
people who will be in charge of performing the electrical installation and people who
will be using the XH-303 as an operating and monitoring device or as an integrated
operating and control device in their own applications.
CAUTION
Installation requires qualified electrician
Follow the safety instructions for the XH-303!
The section on safety instructions must be read and understood by
everyone who will be working with the XH-303 before the actual work
is performed XH-303 HMI Web Panel.
WARNING
Incomplete operator manual copies
Working with individual pages taken out from the operator manual
may lead to bodily injury and property damage due to missing safety
information.
Always work with the latest and full document.
10 XH-30309/22 MN048029ENEaton.com

0.1 About this documentation
0.1.3 Legal disclaimer
All the information in this manual has been prepared to the best of our knowledge
and in accordance with the state of the art. However, this does not exclude the pos-
sibility of there being errors or inaccuracies. We assume no liability for the cor-
rectness and completeness of this information. In particular, this information does
not guarantee any particular properties.
Do not use the XH-303 before reading and understanding this manual.
It is assumed that the user of this manual is thoroughly familiar with the information
found in the manuals for incorporating the XH-303 into automation processes.
Hazards posed by the XH-303 cannot be eliminated if the safety instructions are not
observed – especially if the XH-303 is commissioned and maintained by unqualified
personnel and/or the XH-303 is used improperly. Eaton assumes no liability for any
damages resulting from cases such as these.
0.1.4 Device designations and abbreviations
The following general terms are used throughout this manual:
Short designation Explanation
XH-303 Product family with function code
XH-303 HMI Web Panel Family
XH300 Used to refer to all the devices in the product family
XH-303 Used to refer to all front mounting devices as a group
For the exact designation for your XH-303, please refer to the→ "Name-
plate", page 21.
XH-30309/22 MN048029ENEaton.com 11

0.1 About this documentation
0.1.5 Writing conventions
Award Meaning
Bold text Used for all graphical user interface elements
Monospaced
Font format code
Used for all elements at the file level
Text Used for the button labels
Menu path\submenu\...\item Path information for software windows and menu
pages
Menu/command Used for commands found in the menu bar's menus
<name> Angle brackets are used to indicate variable values
that you must replace with your own values
Tab. 1: Format conventions used throughout this manual
0.1.5.1 Warning labels
Risk of personal injury warning.
DANGER
Warns of hazardous situations that result in serious injury or death.
WARNING
Warns of the possibility of hazardous situations that could result in
serious injury or even death.
DANGER!
Dangerous electrical voltage!
CAUTION
Warns of the possibility of hazardous situations that can cause injury.
Property damage warning
NOTICE
Warns about the possibility of material damage.
12 XH-30309/22 MN048029ENEaton.com

0.1 About this documentation
Prohibited use
Prohibited uses, actions, etc.
Explanation
Bids
Bid
Explanation
Notes
Indicates useful tips.
Indicates instructions to be followed
Additional information, background information,
information worth knowing, useful additional information
0.1.5.2 Additional information for use
Documents (such as manuals) are listed after the icon together with the cor-
responding name and Eaton number.
Publication title For identifying the Eaton publication code
External Internet addresses. They will be shown after the icon.
Destination address
XH-30309/22 MN048029ENEaton.com 13

1. Description
1.1 Function
1. Description
1.1 Function
XH-303 HMI Web Panels are HMI devices that communicate with various web serv-
ers through an Ethernet port.
XH-303 HMI Web Panel features an industrial high-resolution display with capacitive
multi-touch technology. This, combined with a highly precise and intuitive gesture-
based user interface, enables operators to start working right away. Their
unmatched system performance with a powerful graphics processing unit powers a
state-of-the-art user interface.
With their compact and sleek design – featuring a heavy-duty, flat, hardened glass
panel – XH-303 Web Panel are ideal for industrial applications in harsh environments.
.
1.1.1 Features
lStylish design – capacitive multitouch, widescreen
lHeavy-duty tempered glass; easy to clean
lDevice versions for front mounting; can also be used in portrait mode
lPowerful CPU: ARM Cortex-A53, Quad-Core, 1.8 GHz
lInternal memory: 2 GB DDR4-RAM, 8 GByte eMMC
lOperating system: Linux platform from EATON for operating system/web browser
and configuration
XH-30309/22 MN048029ENEaton.com 14

1. Description
1.1 Function
Every XH-303 Web Panel comes with the following integrated interfaces as standard:
l1 x Ethernet (1000/100/10 Mbps) as communication interface,
l1 x USB host 2.0 port for device servicing
15 XH-30309/22 MN048029ENEaton.com

1. Description
1.2 Use as intended
1.2 Use as intended
XH-303 are primarily intended for use in machine and system building applications.
They are intended exclusively for monitoring, operating and controlling machines and
systems.
Any other use must be discussed and agreed upon with the manufacturer in
advance.
The XH-303 Web Panel are approved for use in closed spaces.
Bid
The XH-303 Web Panel must be used only in locations for which the
XH-303 Web Panel is approved. Make sure to read and follow the
information and labels on the nameplate for the XH-303 Web Panel, as
well as section Approvals and declarations in the appendix.

Prohibited uses, actions, etc.
It is strictly prohibited to use the device in order to implement safety-
relevant functions (in the sense of personal and machine protection).
XH-30309/22 MN048029ENEaton.com 16

1. Description
1.3 Device models - versions and part nos.
1.3 Device models - versions and part nos.
All XH-303 Web Panels are designed for front mounting (in which they are inserted
into the enclosure from the front) and feature the Linux platform from EATON for
operating system/web browser and configuration operating system. Every XH-303
Web Panel comes with the following integrated interfaces as standard:
l1 x Ethernet (1000/100/10 Mbps) as communication interface,
l1 x USB host 2.0 port for device servicing
The following display sizes are available in order to ensure that the unit will best
meet the needs of the application at hand:
Display XH-303-70-A10-A00-2B XH-303-10-A10-A00-2B XH-303-15-A10-A00-2B
Display - Type Widescreen color display, TFT, Multifinger touch
Screen diagonal 7.0" (17.78 cm) 10.1" (25.65 cm) 15.6" (54.6 cm)
Resolution 1024 x 600 pixels 1280 x 800 pixels 1366 x 768 pixels
Visible screen area 154 x 86 mm 217 x 136 mm 344 x 194 mm
17 XH-30309/22 MN048029ENEaton.com

1. Description
1.4 Operating and indication elements
1.4 Operating and indication elements

Front XH-303: hardened glass in plastic frame
②
Back of XH-303 with ports and connectors
①
Display, Operator control and display element
The device is operated with touch gestures – Multifinger
touch for the elements displayed.
②
CTRL Button
The button's function will depend on the software being
used
– for activating the "Config Tool" software
XH-30309/22 MN048029ENEaton.com 18

1. Description
1.5 Interfaces to peripheral devices
1.5 Interfaces to peripheral devices
The interfaces featured by your XH-303 will depend on theXH version selected and
cannot be modified.
The nameplate will indicate which specific interfaces are included with the unit.
①
②
③
Fig. 1: Interfaces
Interfaces Basic equipment (all XH-303 models)
Interface Version
①
24 VDC supply voltage Plug connector MSTB 2.5/3-ST-5.08
②
Ethernet 1 RJ-45 socket, 8-pole, 2 LEDs (CAT5e/6), LAN1, 1000/100/10
Mbps
③
USB host USB 2.0, not galvanically isolated, plug type A, Full power (500
mA)
④
CTRL Button - to activate the "Config Tool" software
19 XH-30309/22 MN048029ENEaton.com

1. Description
1.6 What the different parts of the part number mean
1.6 What the different parts of the part number mean
The Part number includes information that specifies the version and model of the spe-
cific device being used.
The Part number can be found at the type plate of the XH-303 Web Panel.
XH-
303
- Display
size
- Interfaces - Version

- 2B
..  A10 Basic A00 Standard  
.. 
70 7.0" (17.78 cm),
10 10.1" (25.65 cm)
15 15.6" (54.6 cm)
Tab. 2: Display size (screen diagonal)
XH-30309/22 MN048029ENEaton.com 20