2. • Understand
– The feature of NB Designer (For NB HMI)
– The feature of CX-Programmer (For PLC)
– Set up communication for PLC, HMI and E5CC
– Change E5CC Set point for HMI
– Monitoring and record E5CC Data
• End of Lesson
– Able to bring back the program you have created which include
• Set up communication between PLC and HMI
• Control HMI Lamp
• Insert Number and text
• Event and Historical Event
Objective
3. • Chapter 2-1 Hardware Introduction
• 2-1-1 Basic Introduction on NB HMI
• 2-1-1i The Complete CP1E-N[]S1
Family
• 2-1-2 Basic Introduction on NB HMI
• 2-1-2i The Complete HMI Family
• 2-1-3 Basic Introduction on Power
Supply
• 2-1-3i The Complete Power Supply
Family
• 2-1-4 Basic Introduction on E5CC
• 2-1-4i E5CC- Digital Temperature
Controller
• 2-1-5 Wires and cables for connection
• 2-1-5i Communication Cable
• Chapter 2-2 How are we going to connect the
components?
• 2-2-1 Hardware Wiring
Content Page
• Chapter 2-3 Setup For E5CC to communicate
with PLC & NB HMI
• 2-3-1 Communication &
Parameter Setting for E5CC
• Chapter 2-4 How to read E5CC value from
PLC?
• 2-4-1 What will we learn in this
topic
• 2-4-2 Setup CX-Programmer
• 2-4-3 DM Areas to Read E5CC
Data
• Chapter 2-5 How to NB HMI read E5CC Data?
• 2-5-1 What will we learn in this
topic
• 2-5-2 Setup NB Designer
• 2-5-3 Set up I/O list for PV & SV
Reading
• 2-5-4 Create E5CC PV & SV Display
4. • Chapter 2-5 How to NB HMI read E5CC Data?
• 2-5-5 Download to NB
• 2-5-6 View Reading of PV & SV
• 2-5-7 Address for E5CC Control Status
• 2-5-8 Create E5CC Alarm 1 Status
• 2-5-9 Create E5CC Status
• 2-5-10 Create Stop & Run Button
• 2-5-11 NB Display
• 2-5-11i Status between E5CC with HMI
• Chapter 2-6 How are we going to connect the
components?
• 2-6-1 Write SV Values to E5CC
• 2-6-2 Create Write Values Button
• 2-6-3 Create Read Values Button
• 2-6-4 Download to NB
• 2-6-5 NB Display
• 2-6-5i E5CC with HMI
Content Page
• Chapter 2-7 Create E5CC’s Alarm 1 And
Alarm 2 in NB Designer
• 2-7-1 Create Alarm1 Setting
input
• 2-7-2 Create Alarm2 Setting
input
• 2-7-3 Download to NB
• 2-7-4 NB Display
• 2-7-4i Compare E5CC and HMI
• Chapter 2-8 Compare E5CC and HMI
• 2-8-1 Create a New Frame Page
and Link
• 2-8-2 Create Trend Curve Graph
• 2-8-3 Download to NB
• 2-8-4 NB Display
• 2-8-4i E5CC with HMI
• 2-8-4ii Review previous trending
5. • Chapter 2-9 How can I get the trend graph
data?
• 2-9-1 Read Trend Graph Data from
USB Flash Drive
• 2-9-2 Decrypt the CSV file
• 2-9-3 Create Historical Data Display
• 2-9-4 Safety Remove USB flash Drive
• 2-9-5 Download to NB
• 2-9-6 NB Display
• 2-9-6i Is it safe to remove USB Flash
Drive?
• 2-9-6ii How to view previous data?
• Information
Content Page
16. S/N Product Qty
1 PLC: CP1E-N30S1 1
2 NB: NB10W-TW01B 1
3 Power Supply: S8JX-G03524CD 1
4 Temperature Controller: E5CC 1
5 RS232C (Male to Male) 1
6 USB plug Connector 1
7 Wires A few
Chapter 2-1-5
Wires and cables for connection
17. RS232C (Male to Male) USB plug Connector
Chapter 2-1-5i
Communication Cable
XW2Z-200T
PC
HMI /
PLC
PLC
HMI
18. Chapter 2-2
How are we going to connect the
components?
Answer: Just follow the wiring diagram
19. Chapter 2-2-1
Hardware Wiring
USB cable from PC
(CX-Programmer)
Connect to
AC 230V
Connect to
DC 24V
Connect to HMI
using RS232 cable
PLC B+ to E5CC Terminal 13
PLC A- to E5CC Terminal 14
Connect to
COM1
E5CC
Connect to
DC 24V
21. • Turn ON Communication Writing
Chapter 2-3-1
Communication & Parameter Setting for E5CC
Press for 1 sec and
go to STEP 2
Step 1 Step 3
Step 2
Press for up or down to
ON the Communication
Press and go to
home screen
22. Step 1
Press for 3 sec and
go to STEP 5
Step 1
Step 4
Step 3
Step 2
Press for 1 sec and
go to STEP 6
Press for up/down to
select FINS
Communication
Press and go to
STEP 8
Communication Unit
set to ‘0’
• Protocol Setting
• Communications Unit No. Setting
Step 1
Press for 1 sec and
go to STEP 10
• Communication Baud Rate Setting
Step 2
Set Communication Baud
rate to 57.6 (57600bps)
Chapter 2-3-1
Communication & Parameter Setting for E5CC
23. Step 2
Step 2
Step 1
Step 2
Step 1
Press and go to
Send Data Wait Time
Set it to ‘1’ (1ms delay
feedback)
Press for 1 sec and
go to
Set it to ‘0’ as its the
only E5CC unit
Press and go to
home screen
Home Screen
Step 1
• Send Data Wait Time Setting • Highest Communication Unit No. Setting
• Move out From Setting level
Chapter 2-3-1
Communication & Parameter Setting for E5CC
24. • Unlock Operation & Initial Setting
Step 1
Step 2 Step 1
Step 4
Step 3
Press and go to Initial
Setting/communication protect
Press for 3 sec for
initial setting level
Press and together
for 3 sec and go to STEP 18
Set it to ‘0’ as we don’t need
any restrict movement to the
initial Setting
Press and together
for 1 sec and go home screen
Press until Advance
Function Setting Level
Step 2
Step 3
Press for up/down to ‘-169’ for
Alarm 1
Step 4
Press until Auxiliary
Output 1 Assignment (SUB1)
• Set Auxiliary output for Alarm 1 & Alarm 2
Chapter 2-3-1
Communication & Parameter Setting for E5CC
25. • Set Auxiliary output for Alarm 1 & Alarm 2
Step 3
Step 2
Press until Auxiliary
Output 2 Assignment (SUB2)
Press for up/down to ‘ALM2’ for
when Alarm 1 activate, SUB2
activate
Step 1
Press for up/down to ‘ALM1’ for
when Alarm 1 activate, SUB1
activate
Step 4
Press for 3 sec
and go to home screen
Step 2 Step 1
Press for 3 sec
and go to
Press until Alarm 1
Press for up/down to
‘2’ for Alarm 1
Step 3
Step 4
Press until Alarm
type 2
• Set Alarm Type for Alarm 1
Chapter 2-3-1
Communication & Parameter Setting for E5CC
26. • Set Alarm Type for Alarm 2
Step 2
Press until leave Setting
Level
Press for up/down to
‘1’ for Alarm 2
Step 1 Step 3
That all for the setting
up
Chapter 2-3-1
Communication & Parameter Setting for E5CC
27. NOTE
• Communications with PLCs from OMRON (CP1E) and Temperature
Controller from OMRON (E5CC) can be performed without creating ladder
programming.
• Program-less communication enables monitoring and changing of settings
for CP1E is simply by reading and writing into PLC memory.
• Designing and work hours spent for the programming of communication
with PLC during the setup is significantly reduces with program-less
communications.
Chapter 2-3-1
Communication & Parameter Setting for E5CC
28. Chapter 2-4
How to read E5CC value from PLC?
Answer: Using PLC’s Data Memory Area
29. • Understand
– The feature of CX-Programmer (For PLC)
• Learn how to use DM area for communication from PLC to E5CC
– Set up communication between PLC and HMI
– Set up communication between PLC and E5CC
Chapter 2-4-1
What will we learn in this topic
30. • Basic Feature of a CX-Programmer
Chapter 2-4-2
Setup CX-Programmer
Toolbar
Diagram
Workspace
Project
Workspace
Status Bar
31. Chapter 2-4-2
Setup CX-Programmer
Step Description Chapter 2
1 Click New icon to create PLC
program.
2 Select the correct PLC
• Create PLC type
New
Select
CP1E
32. Step Description Chapter 2
3 Choose the correct CPU type
4 Select USB to download/upload
• Create PLC type
Select
USB
PLC type will
be display
New
Chapter 2-4-2
Setup CX-Programmer
33. • Set the PLC setting to the same as the NB HMI
Step Description Serial COM (RS232C)
1 Double click on the Setting
2 PLC Setting pop-up appear, click on
Built-in RS232C Port tab to set the
Communications Setting Type Set
Baud 115200 bps
Format 7, 2, E
Mode Host Link
Chapter 2-4-2
Setup CX-Programmer
34. • Set the PLC setting to the same as the E5CC
Step Description COMPOWAY
1 Double click on the Setting
2 PLC Setting pop-up appear, click on
Serial Option Port tab to set the
Communications Setting Type Set
Baud 57600 bps
Format 7, 2, E
Mode Host Link
Chapter 2-4-2
Setup CX-Programmer
35. • Set the PLC setting to the same as the NB HMI
Step Description Transfer Program
1 Download program to PLC
1. Click PLC tab > Transfer >
Transfer [PC ->PLC]
2. Ctrl + T
3. Click on the icon
2 • Check the Settings before
download, else there will be no
communication between PLC and
Inverter due to setting wasn’t
being transfer.
• Click OK!
Chapter 2-4-2
Setup CX-Programmer
36. Chapter 2-4-3
DM Areas to Read E5CC Data
Step Description CX-Programmer
1 In CX-Programmer, change it to online
mode
2 Go to Memory
• Checking E5CC data link to which DM area
Click here
37. Chapter 2-4-3
DM Areas to Read E5CC Data
Step Description CX-Programmer
3 PLC Memory pop-up appear, click “D”
which is Data Memory
4 Click Monitor
• Checking E5CC data link to which DM area
Data
Memory
Click
38. Step Description CX-Programmer
5 Monitor Memory Areas pop-up appear,
click monitor
6 All Data Memory data appear
• Checking E5CC data link to which DM area
Click
Monitor
Chapter 2-4-3
DM Areas to Read E5CC Data
39. S/N Explanation Communications Manual
1 Data Memory Allocation function (All
Area are FIXED)
• D0007=Process Value
• D0008=Internal Set Point
• D0003=Status (Upper Word)
• D0004=Status (Lower Word)
Refer to H175-E1-05 Communications
Manual, Page 6-29
• Refer to Communication Manual
D0007 = Process Value
D0008=Internal Set Point
D0003=Status (Upper Word)
D0004=Status (Lower Word)
Chapter 2-4-3
DM Areas to Read E5CC Data
40. Chapter 2-5
How to NB HMI read E5CC Data?
Answer: We need to use NB Designer to read
E5CC data value
41. • Understand
– the feature of NB Designer (For NB HMI)
– The setting for NB HMI
– How to create link from main page to motor page
– How to create button activate the motor
– Set up communication between PLC and HMI
Chapter 2-5-1
What will we learn in this topic
42. • Basic Feature of a NB Designer
Chapter 2-5-2
Setup NB Designer
Title
Menu
Toolbar
Compile
information
window
Component
library
window
State
toolbar
Component
list
window
Project
structure
window
Project files
window
HMI edit
window
43. Step Description Connection
1 File > New(N) or Ctrl + N to create new
project
2 Create the project name and click ok
• Create New Project
Click to Create
New project
Name the Project you desire
(EX.Chapter_Demo)
Choose the location
of the project
Chapter 2-5-2
Setup NB Designer
44. Step Description Connection
1 to 3
• Create software connection
Step 1
Step 1: Select the HMI
NB10W-TW01B cos the
hardware is NB10W-
TW01B
Step 2
Step 3
Here is where you get
your HMI, PLC and
Connector
Step 2: Select the PLC
OMRON CP1H/L/E cos
the hardware is CP1E
Step 3: Select Serial Port
cos we be using RS232
Cable
Chapter 2-5-2
Setup NB Designer
46. Step Description Connection
1
• Setup Communication Setting
For CP1E,
the Baud
rate read
either 57600
or 115200
(Ex. For this
case, use
115200)
Default Setting, changes if necessary
Chapter 2-5-2
Setup NB Designer
47. • Method of downloading the drawing to NB
– Download way
– System Manager
Chapter 2-5-2
Setup NB Designer
48. 1. Click Tools at toolbar, click Compile to compile the drawing first, if there
no problem carry on the next step.
2. Click download to download the drawing
1
2
Chapter 2-5-2
Setup NB Designer
49. • We be using this range of I/O for this whole chapter
Chapter 2-5-3
Set up I/O list for PV & SV Reading
Name Address
Word W11 – W19
Data Memory D200 – D299
Data Memory D0 – D99
• Read data from E5CC will be using these I/O
address stated below:
Name Address
PV Display D7
SV Display D8
50. Step Description PV Display
1 Under Basic Attributes tab
2 Click on Numeric Data tab
• Create Present Value(PV) Display
Setting
Data
Memory 7
(D7)
Chapter 2-5-4
Create E5CC PV & SV Display
52. Step Description SV Display
1 Under Basic Attributes tab
2 Click on Numeric Data tab
• Create Set Value(SV) Display
Data
Memory 8
(D8)
Setting
Chapter 2-5-4
Create E5CC PV & SV Display
53. Step Description SV Display
3 Click on Graphic tab
• Create Set Value(SV) Display
Data
Memory 8
(D8)
Chapter 2-5-4
Create E5CC PV & SV Display
54. 1. Click Tools at toolbar, click Compile to compile the drawing first, if there
no problem carry on the next step.
2. Click download to download the drawing
1
2
Chapter 2-5-5
Download to NB
55. • Run and Test
Chapter 2-5-6
View Reading of PV & SV
Step Description HMI View
1 Click on the Chapter 2-1 to go Frame 12
2 You can see the Present Value and Set
value display on the NB HMI
56. • Changing Speed by entering value
E5CC View HMI View
Step 3: STOP button
can still stop drive in
either mode
The Set value from
the E5CC data
display on the HMI
Press up to increase the
Set value (SV) to 30
Chapter 2-5-6
View Reading of PV & SV
57. • Refer from the manual
S/N Explanation Table
1 Status
• There are 3 status set for the E5CC
but we be using 2:
• Status (Upper Word)
• Status (Lower Word)
Chapter 2-5-7
Address for E5CC Control Status
Upper Word Lower Word
58. • Refer from the manual
S/N Explanation Table
2 Upper Word Status
• We be using D0003 and if we want
to do a stop button we will use
D3.08
• In the manual, RUN/STOP is 24 but
1 word is 16 bits and there no 24 in
1 word so we take 16-31 and
change it to 0-15 and from there,
we assign the bit
Upper Word
Chapter 2-5-7
Address for E5CC Control Status
59. • Refer from the manual
S/N Explanation Table
2 Lower Word Status
• We be using D0004 and if we want
an alarm 1 to activate, we will use
D4.12
Lower Word
Chapter 2-5-7
Address for E5CC Control Status
60. Step Description Alarm 1 Status
1 Under Basic Attributes tab
2 Click on Bit State Lamp tab
• Create E5CC Status (Alarm 1)
Chapter 2-5-8
Create E5CC Alarm 1 Status
61. Step Description Alarm 1 Status
3 Click Tag tab
4 Click on Graphics tab
• Create E5CC Status (Alarm 1)
Choose any
Lamp picture
Name the
Indicating Lamp
Chapter 2-5-8
Create E5CC Alarm 1 Status
62. S/N Description Example
1 The address is stated below
• Let try create Alarm 2, Output Control, Communication and Stop
Chapter 2-5-9
Create E5CC Status
Alarm 2
Output Control
Communication
Stop
63. Step Description STOP Button
1 Under Basic Attributes tab
2 Setting Mode
• Create STOP and RUN button for the E5CC
Explanation on the
next few slide
Chapter 2-5-10
Create Stop & Run Button
64. Step Description STOP Button
3 Click on Tag tab
4 Click on Bit State Lamp tab
• Create STOP and RUN button for the E5CC
Chapter 2-5-10
Create Stop & Run Button
65. Step Description STOP Button
5 Click on Graphics tab
• Create STOP and RUN button for the E5CC
Chapter 2-5-10
Create Stop & Run Button
66. Step Description STOP Button
6 Click on Control Setting, at the Touching Enable
Setting
7 At Control Register, Set to D16.00
Using Register to control the button.
(Ex. If D16.00 is ‘ON’, then the STOP
button is able to click)
Using a fix
register control
• Create STOP and RUN button for the E5CC
Chapter 2-5-10
Create Stop & Run Button
67. Step Description RUN Button
1 Under Basic Attributes tab
2 Click on Bit State Lamp tab
• Create STOP and RUN button for the E5CC
Chapter 2-5-10
Create Stop & Run Button
68. Step Description RUN Button
3 Click on Tag tab, Name the button “RUN”
4 Font Size and color
• Create STOP and RUN button for the E5CC
Chapter 2-5-10
Create Stop & Run Button
69. Step Description RUN Button
5 Click on Graphics tab
• Create STOP and RUN button for the E5CC
Chapter 2-5-10
Create Stop & Run Button
70. 1. Click Tools at toolbar, click Compile to compile the drawing first, if there
no problem carry on the next step.
2. Click download to download the drawing
1
2
Chapter 2-5-10
Create Stop & Run Button
71. • Test the E5CC Status
Chapter 2-5-11
NB Display
Step Description HMI View
1 Click on the Chapter 2-1 to go Frame 12
2 You can see the Status of the E5CC on
the NB HMI display
72. • Changing Speed by entering value
E5CC View HMI View
Chapter 2-5-11i
Status between E5CC with HMI
You can see that the
OUT1 is activated
E5CC currently in
RUN mode, Output
Control is active
Step 1: Press Stop to stop the
E5CC Output Control
Step 2: You can see that the
Output Control is OFF
Step 3: You can see
that the OUT1 is OFF
and STOP is
activated
74. • Write data will be using these I/O address stated
below:
Chapter 2-6-1
Write SV Values to E5CC
Name Address
Change SV value D17
75. Step Description SV Number Input
1 Under Basic Attributes tab, enter address ‘D17’
2 Click on Numeric Data tab
• Create SV Number Input
Setting
Chapter 2-6-1
Write SV Values to E5CC
76. Step Description SV Number Input
3 Click on Graphics tab
• Create SV Number Input
Chapter 2-6-1
Write SV Values to E5CC
77. Step Description SV Add
4 Under Basic Attributes tab, enter address ‘D17’
5 Click on Numeric Data tab
• Create SV Number Input
Setting
Chapter 2-6-1
Write SV Values to E5CC
78. Step Description SV Add
6 Click on Graphic tab
• Create SV Number Input
Chapter 2-6-1
Write SV Values to E5CC
79. Step Description SV Subtract
7 Under Basic Attributes tab, enter address ‘D17’
8 Click on Numeric Data tab
• Create SV Number Input
Setting
Chapter 2-6-1
Write SV Values to E5CC
80. Step Description SV Subtract
9 Click on Graphic tab
• Create SV Number Input
Chapter 2-6-1
Write SV Values to E5CC
81. Step Description SV Number Input
1 Under Basic Attributes tab, enter address
‘D15.00”
2 Click on Bit State Switch tab
Setting
• Create Send Values button
Chapter 2-6-2
Create Write Values Button
This is to enable
the Data to be
send to E5CC
82. Step Description SV Number Input
3 Click on tag tab to name the Button
4 Click on Graphic tab
• Create Send Values button
This is to enable
the Data to be
send to E5CC
Chapter 2-6-2
Create Write Values Button
83. Step Description SV Number Input
5 Click on Control Setting tab, Set condition that
when the register the activated the button can
be press
6 The Register that control is W16.00 which the
communication is ON
• Create Send Values button
This is to enable
the Data to be
send to E5CC
Chapter 2-6-2
Create Write Values Button
84. Step Description Read Values Button
1 Under Basic Attributes tab, Component List will
be Multiple State Setting
2 Writing Address using D15
• Create Read Values Button
This is to enable
the Data to be
Read from E5CC
Chapter 2-6-3
Create Read Values Button
85. Step Description Read Values Button
3 Setting Mode set as constant and value is ‘2’
4 Click on Tag tab to name the button
• Create Read Values Button
This is to enable
the Data to be
Read from E5CC
Chapter 2-6-3
Create Read Values Button
86. Step Description Read Values Button
5 Click on Graphics tab
6 Click on Control Setting tab, Set conditional
Enabling
• Create Read Values Button
This is to enable
the Data to be
Read from E5CC
Chapter 2-6-3
Create Read Values Button
87. Step Description Read Values Button
7 Enter the Register to control the button,
D16.00 bit
• Create Read Values Button
This is to enable
the Data to be
Read from E5CC
Chapter 2-6-3
Create Read Values Button
88. 1. Click Tools at toolbar, click Compile to compile the drawing first, if there
no problem carry on the next step.
2. Click download to download the drawing
Chapter 2-6-4
Download to NB
1
2
89. • Testing Write and Read Values
Chapter 2-6-5
NB Display
Step Description HMI View
1 Click on the Chapter 2-1 to go Frame 12
2 Next slide show the result
90. • 2 method of writing Set value to E5CC through NB HMI
HMI View E5CC View
Chapter 2-6-5i
E5CC with HMI
Method 2: Clicking on the plus
or minus button to
increase/decrease the value
(Ex. We key in 50)
Method 1: Clicking on the
display input, tenkey pad pop-
up appear for you to key in the
value
(Ex. We key in 50)
91. • We will write Set value to E5CC through NB HMI
HMI View E5CC View
Chapter 2-6-5i
E5CC with HMI
Step 1: Press Write
Value button
The value have been
overwritten to the E5CC
The value have been
overwritten to the E5CC
from 30 to 50
92. • We will Read Set value from E5CC to NB HMI
E5CC View HMI View
Chapter 2-6-5i
E5CC with HMI
Step 1: Press Read
Value button
Let Decrease the set value
(SV) from E5CC
(Ex. Decrease value to 30.0)
93. • We will Read Set value from E5CC to NB HMI
E5CC View HMI View
Chapter 2-6-5i
Compare E5CC and HMI
Step2: Value from the E5CC will
send to NB HMI display
(Ex. Display value 30)
101. 1. Click Tools at toolbar, click Compile to compile the drawing first, if there
no problem carry on the next step.
2. Click download to download the drawing
Chapter 2-7-3
Download to NB
1
2
102. • Test it out
Chapter 2-7-4
NB Display
Step Description HMI View
1 Click on the Chapter 2-1 to go Frame 12
2 Next slide show the result
103. • Function of Alarm 1 (SUB1)
HMI View E5CC View
Chapter 2-7-4i
Compare E5CC and HMI
Key in value ‘1’
(This mean that PV must not be
more than the Set Value by ‘1’)
You need to click on Write
value button as to transfer
the setting to E5CC
104. • Function of Alarm 1 (SUB1)
HMI View E5CC View
Chapter 2-7-4i
Compare E5CC and HMI
Value for the SV and PV
is the same so the Alarm
1 sill not be activate
Value for the SV is higher
then the PV by ‘1’, so Alarm 1
activate and Output Control
de-activated
Alarm 1 (SUB1) is not
activate as PV is not
higher than SV by ‘1’
Alarm 1 (SUB1) is
activated as PV is higher
than SV by ‘1’
105. • Function of Alarm 2 (SUB2)
HMI View E5CC View
Chapter 2-7-4i
Compare E5CC and HMI
Key in value for upper limit and
lower limit range
(Ex. Upper = 5.0 and Lower is 5.0)
You need to click on Write
value button as to transfer
the setting to E5CC
106. • Function of Alarm 2 (SUB2)
HMI View E5CC View
Chapter 2-7-4i
Compare E5CC and HMI
Alarm 2 (SUB2) is
de-activated as the
PV is within the
upper and the lower
limit of SV
(Ex. PV must not be
higher then 35 and
lower then 25)
Alarm 2 (SUB2) is
activated as the PV
is over the upper
limit of SV
(Ex. PV now is higher
then 35)
108. Step Description New Frame
1 Go to Toolbar
2 Pop-up appear
3 View form Toolbar
• Create a Frame13
Click on the
Add
Window
icon
Frame ID start from 10
as Frame 1 to 9 is used
for special window
Frame Name start from
Frame10 as Frame 1 to
9 is used for special
window. (Name can be
change)
New Frame
being created
Frame has
be added
once click
OK in Step 2
Chapter 2-8-1
Create a New Frame Page and Link
109. Step Description Chapter 4-1 Button
1 Function Key tab
2 Click on Tag tab
3 Click on Graphic tab
• Create a button to go to Frame13
Select the design
of the button
Check Use Tag to display
text on the icon
When it not activate is
state 0, display text
Click and drag the icon
and do the setting,
after finishes the
setting, click to the
location you desire.
Chapter 2-8-1
Create a New Frame Page and Link
110. Step Description Trend Graph
1 Under Basic Attributes tab, enter address ‘D7’
for PV
• Create Trend Graph to view PV and SV value
Chapter 2-8-2
Create Trend Curve Graph
111. Step Description Trend Graphic
2 Under Trend Graphics tab
3 Under Control Register Setting, Check Pause-
Clear as to pause the trend graphic
• Create Trend Graph to view PV and SV value
2nd : 2 signal
1st: Set this to enable SCROL
We will be using
LB15 to pause the
trend graph
Chapter 2-8-2
Create Trend Curve Graph
112. Step Description Trend Graphic
4 Check SCROL as to browse multiple trend
5 Check Time is to save the time of the trend
graph
• Create Trend Graph to view PV and SV value
Word length is 3 so if the
specified register is LW90
then LW90, LW91 and LW92
will be the current browsing
index value
For Starting point is “LW30,
LW31, LW32, LW33, LW34,
LW35” respectively, and the
“Second, Minute, Hour,
Day, Month, Year”
For the end point is “LW36,
LW37, LW38, LW39, LW40,
LW41” respectively.
Chapter 2-8-2
Create Trend Curve Graph
113. Step Description Trend Graphic
6 Click Channel tab to add 2 trends graphic
7 Click Extended Attributes tab to change the
line & columns and the color of the trend
• Create Trend Graph to view PV and SV value
Set min = 0 and max = 50
Chapter 2-8-2
Create Trend Curve Graph
114. Step Description Trend Graphic
8 Click Save Historical Data tab then check on
the Save to External Device.
• Create Trend Graph to view PV and SV value
Save the Data to the
Subdirectory(Folder )
Chapter 2-8-2
Create Trend Curve Graph
115. Step Description Pause Button
1 Click Basic Attribute tab to add address
2 Click Bit State Switch tab to make the button
toggle
• Create Pause button for trend graph
Chapter 2-8-2
Create Trend Curve Graph
116. Step Description Pause Button
3 Click Tag tab to name the button
4 Click Graphics tab to Select the button design
• Create Pause button for trend graph
Chapter 2-8-2
Create Trend Curve Graph
117. Step Description Trend Graphic
1 Click Basic Attribute tab to add address
• Create Scroll bar to scroll back
Chapter 2-8-2
Create Trend Curve Graph
118. Step Description Trend Graphic
2 Click Scroll Bar tab, at background Image
3 Button Image is to color the scrolling button
• Create Scroll bar to scroll back
We will be
selecting
DIS_BAR002.vg
(You can get
more image at
Import Image)
We will be selecting button2-04.bg
(You can get more image at Import Image)
Chapter 2-8-2
Create Trend Curve Graph
119. Step Description Trend Graphic
4 Click Scroll Bar Extended Attributes tab as to
set the scrolling distance
5 Variable Max/Min Value
• Create Scroll bar to scroll back
Select Slider
Width and set
the distance
you required
When register is LW90, LW91 and LW92 will be
the current browsing index value, the starting
browsing index value and the maximum browsing
index value of Scroll Bar respectively. This option
is valid only when “Multiple pages” is selected.
“SCRO” can be used to browse the multiple Trend
Curves and can be in combination with the Scroll
Bar.
Chapter 2-8-2
Create Trend Curve Graph
120. Step Description Trend Graphic
1 Create a background graphic by drawing a
rectangle
2 Geographic Figure
• Let create start display 1st
Let choose white line
and white background
color
Create a background
Chapter 2-8-2
Create Trend Curve Graph
121. Step Description Timing (Second)
1 Under Basic Attributes tab as to set the
scrolling distance
2 Click Numeric Data tab, value is up to 59 as it
seconds is from 0-59
• Let create start display 1st
When the specified address is LW30, the “Second,
Minute, Hour, Day, Month, Year” for the start point
in the current page is “LW30, LW31, LW32, LW33,
LW34, LW35” respectively, and the “Second, Minute,
Hour, Day, Month, Year” for the end point is “LW36,
LW37, LW38, LW39, LW40, LW41” respectively.
Chapter 2-8-2
Create Trend Curve Graph
122. Step Description Timing (Second)
3 Click Font tab as change color and size
• Let create start display 1st
When the specified address is LW30, the “Second,
Minute, Hour, Day, Month, Year” for the start point
in the current page is “LW30, LW31, LW32, LW33,
LW34, LW35” respectively, and the “Second, Minute,
Hour, Day, Month, Year” for the end point is “LW36,
LW37, LW38, LW39, LW40, LW41” respectively.
Chapter 2-8-2
Create Trend Curve Graph
123. Step Description Timing (Minutes)
4 Under Basic Attributes tab as to set the
scrolling distance
5 Click Numeric Data tab, value is up to 59 as it
seconds is from 0-59
• Let create start display 1st
When the specified address is LW30, the “Second,
Minute, Hour, Day, Month, Year” for the start point
in the current page is “LW30, LW31, LW32, LW33,
LW34, LW35” respectively, and the “Second, Minute,
Hour, Day, Month, Year” for the end point is “LW36,
LW37, LW38, LW39, LW40, LW41” respectively.
Chapter 2-8-2
Create Trend Curve Graph
124. Step Description Timing (Minutes)
6 Click Font tab as change color and size
• Let create start display 1st
When the specified address is LW30, the “Second,
Minute, Hour, Day, Month, Year” for the start point
in the current page is “LW30, LW31, LW32, LW33,
LW34, LW35” respectively, and the “Second, Minute,
Hour, Day, Month, Year” for the end point is “LW36,
LW37, LW38, LW39, LW40, LW41” respectively.
Chapter 2-8-2
Create Trend Curve Graph
125. Step Description Timing (Hour)
7 Under Basic Attributes tab as to set the
scrolling distance
8 Click Numeric Data tab, value is up to 59 as it
seconds is from 0-59
• Let create start display 1st
When the specified address is LW30, the “Second,
Minute, Hour, Day, Month, Year” for the start point
in the current page is “LW30, LW31, LW32, LW33,
LW34, LW35” respectively, and the “Second, Minute,
Hour, Day, Month, Year” for the end point is “LW36,
LW37, LW38, LW39, LW40, LW41” respectively.
Chapter 2-8-2
Create Trend Curve Graph
126. Step Description Timing (Hour)
9 Click Font tab as change color and size
• Let create start display 1st
When the specified address is LW30, the “Second,
Minute, Hour, Day, Month, Year” for the start point
in the current page is “LW30, LW31, LW32, LW33,
LW34, LW35” respectively, and the “Second, Minute,
Hour, Day, Month, Year” for the end point is “LW36,
LW37, LW38, LW39, LW40, LW41” respectively.
Chapter 2-8-2
Create Trend Curve Graph
127. Step Description Insert ‘:’
10 • Click Text at the toolbar, Text Attribute
pop-up appear.
• At the content, type ‘:’ and click ok. Place
it between hour & minutes and minutes &
second
• Let insert ‘:’ in between hour & minutes and minutes & second
Chapter 2-8-2
Create Trend Curve Graph
128. Step Description Timing (Second)
1 Under Basic Attributes tab as to set the
scrolling distance
2 Click Numeric Data tab, value is up to 59 as it
seconds is from 0-59
• Let create END display timing
When the specified address is LW30, the “Second,
Minute, Hour, Day, Month, Year” for the start point in
the current page is “LW30, LW31, LW32, LW33, LW34,
LW35” respectively, and the “Second, Minute, Hour,
Day, Month, Year” for the end point is “LW36, LW37,
LW38, LW39, LW40, LW41” respectively.
Chapter 2-8-2
Create Trend Curve Graph
129. Step Description Timing (Second)
3 Click Font tab as change color and size
• Let create END display timing
When the specified address is LW30, the “Second,
Minute, Hour, Day, Month, Year” for the start point in
the current page is “LW30, LW31, LW32, LW33, LW34,
LW35” respectively, and the “Second, Minute, Hour,
Day, Month, Year” for the end point is “LW36, LW37,
LW38, LW39, LW40, LW41” respectively.
Chapter 2-8-2
Create Trend Curve Graph
130. Step Description Timing (Minutes)
4 Under Basic Attributes tab as to set the
scrolling distance
5 Click Numeric Data tab, value is up to 59 as it
seconds is from 0-59
When the specified address is LW30, the “Second,
Minute, Hour, Day, Month, Year” for the start point in
the current page is “LW30, LW31, LW32, LW33, LW34,
LW35” respectively, and the “Second, Minute, Hour,
Day, Month, Year” for the end point is “LW36, LW37,
LW38, LW39, LW40, LW41” respectively.
• Let create END display timing
Chapter 2-8-2
Create Trend Curve Graph
131. Step Description Timing (Minutes)
6 Click Font tab as change color and size
• Let create END display timing
When the specified address is LW30, the “Second,
Minute, Hour, Day, Month, Year” for the start point in
the current page is “LW30, LW31, LW32, LW33, LW34,
LW35” respectively, and the “Second, Minute, Hour,
Day, Month, Year” for the end point is “LW36, LW37,
LW38, LW39, LW40, LW41” respectively.
Chapter 2-8-2
Create Trend Curve Graph
132. Step Description Timing (Hour)
7 Under Basic Attributes tab as to set the
scrolling distance
8 Click Numeric Data tab, value is up to 59 as it
seconds is from 0-59
When the specified address is LW30, the “Second,
Minute, Hour, Day, Month, Year” for the start point in
the current page is “LW30, LW31, LW32, LW33, LW34,
LW35” respectively, and the “Second, Minute, Hour,
Day, Month, Year” for the end point is “LW36, LW37,
LW38, LW39, LW40, LW41” respectively.
• Let create END display timing
Chapter 2-8-2
Create Trend Curve Graph
133. Step Description Timing (Hour)
9 Click Font tab as change color and size
• Let create END display timing
When the specified address is LW30, the “Second,
Minute, Hour, Day, Month, Year” for the start point in
the current page is “LW30, LW31, LW32, LW33, LW34,
LW35” respectively, and the “Second, Minute, Hour,
Day, Month, Year” for the end point is “LW36, LW37,
LW38, LW39, LW40, LW41” respectively.
Chapter 2-8-2
Create Trend Curve Graph
134. Step Description Insert ‘:’
10 • Click Text at the toolbar, Text Attribute
pop-up appear.
• At the content, type ‘:’ and click ok. Place
it between hour & minutes and minutes &
second
• Let insert ‘:’ in between hour & minutes and minutes & second
Chapter 2-8-2
Create Trend Curve Graph
135. 1. Click Tools at toolbar, click Compile to compile the drawing first, if there
no problem carry on the next step.
2. Click download to download the drawing
Chapter 2-8-3
Download to NB
1
2
136. • Test Trend Graph Function
Chapter 2-8-4
NB Display
Step Description HMI View
1 Click on the Chapter 2-2 to go Frame 13
2 Next slide show the result
137. • Monitor PV and SV trend graph
HMI View E5CC View
Chapter 2-8-4i
E5CC with HMI
The time value display
show the starting of the
NB HMI
The time value display
show the current timing
The PV and SV display
Scrolling is unable to sc
The PV and SV display
138. • Review previous trend or previous page
HMI View E5CC View
Chapter 2-8-4ii
Review previous trending
1st: Click on the Pause button
to pause the on going trending
2nd: Scroll left to view newest
trend graph and right to
earliest trend graph
When you start scrolling to view the earlier trend graph, the start
timing display will indicate the time when the trend start and the
end timing display will indicate the time when the trend end.
139. Chapter 3-9
How can I get the trend graph data?
Answer: From the USB Flash Drive
140. Step Description USB Flash Drive
1 Unplug the USB Drive from the NB HMI
2 Plug in the USB Drive to the PC, go to my
computer to find the USB Flash Drive
• From the USB Flash Drive
Chapter 2-9-1
Read Trend Graph Data from USB Flash Drive
141. Step Description USB Flash Drive
3 Double click on the USB Flash Drive and double
click on trend folder
4 Double click on Historytrend folder and you will
see the CSV file of the trend curve with the
name of “YYYYMMDD” format
• From the USB Flash Drive
Chapter 2-9-1
Read Trend Graph Data from USB Flash Drive
142. Step Description USB Flash Drive
5 Double click on the csv file, excel will activate
and the file will open in encrypted format
• From the USB Flash Drive
Detail unreadable
Chapter 2-9-1
Read Trend Graph Data from USB Flash Drive
143. Method 1 Method 2
At the toolbar, click on Tools > System Manager >
Decompile Operate
Click on Start > All Programs > scroll to Omron folder >
NB Designer > Tools > NBManager
• 2 Method to NBManager
Chapter 2-9-2
Decrypt the CSV file
144. Step Description Timing (Second)
1 Click on the Decrypte Historic Data File at
Decrypte Operation
2 Pop-up Open appear. At Look in, look for
Computer > Find USB Flash Drive
• 2 Method to NBManager
Chapter 2-9-2
Decrypt the CSV file
145. Step Description Timing (Second)
3 • Click on the CSV file of the trend curve
with the name of “YYYYMMDD” format.
• Click OPEN
4 Pop-up message appear informing Decrypte
success
• 2 Method to NBManager
Chapter 2-9-2
Decrypt the CSV file
146. Step Description Timing (Second)
5 Go to Computer > Double click on the USB
Flash Drive
6 Double click on Trend > Double click on
HistoryTrend
• 2 Method to NBManager
After Decrypted the file
name remain the same
with ‘_new’ to it
Chapter 2-9-2
Decrypt the CSV file
147. Step Description Timing (Second)
7 Double click on the csv file, excel will activate
and the file will open in decrypted format
• From the USB Flash Drive
Now detail is readable
Chapter 2-9-2
Decrypt the CSV file
148. Step Description Date
1 At the Filling sector, change the background
color of your liking.
(Ex. For this project, we be using white color)
• Let create background for the Date and Time
Place the background
here
Chapter 2-9-3
Create Historical Data Display
149. Step Description Date
2 Under Time tab, check on the Display Date >
set it to ‘YY*MM*DD’ format and the Date
Separator ‘/’.
Normally, Date/Time can be put together but
for this case, we separate it
• Let create Date display
Want to view what
day is it? Just check on
the ‘Display Week’
We want to view the full
display of the year so by
checking on the ‘Year 4-digit
Display’
Place the Date/Time
here
Chapter 2-9-3
Create Historical Data Display
150. Step Description Time
3 Under Time tab, check on the Display Time >
set it to ‘HH*MM*SS’ format and the Date
Separator ‘/’.
Normally, Date/Time can be put together but
for this case, we separate it
• Let create Time display
Place the Date/Time
here
Want to view timing in
AM and PM format?
Check on this
Chapter 2-9-3
Create Historical Data Display
151. Step Description Display
1 Under Basic Attributes tab, fill in the Address
‘D7’
• Create Historical Data Display
Chapter 2-9-3
Create Historical Data Display
152. Step Description Display
2 Click on Display Properties tab, select 2
channel as we going to get 2 data. From “D7
and D8’
3 Check on ‘Historical Data Query’, Key in the
Address ‘D100’
• Create Historical Data Display
Chapter 2-9-3
Create Historical Data Display
153. Step Description Display
4 Click on Background Attribute tab
• Create Historical Data Display
3rd: Select how many
sample you want
every cycle
1st: Select continue as
we want to keep
reading data
2nd : Select Time sampling
as we are getting sample
every cycle
4th : Select how many
cycle within a time
frame
Chapter 2-9-3
Create Historical Data Display
154. Step Description Display
5 Click on Channel Properties tab
• Create Historical Data Display
2nd : Set the
minimum
value
4th : Set to
2 integer as
2 digit only
1st: Set the data
type to 16-bit
signed
3rd : Set the
maximum
value
Chapter 2-9-3
Create Historical Data Display
155. Step Description Display
6 Click on Save historical Data tab
• Create Historical Data Display
2nd : Name
the file where
the data going
to keep
1st: Set the data type to
16-bit signed
3rd : Set it to
default as it
keep on
saving data
Chapter 2-9-3
Create Historical Data Display
156. Step Description Display
7 Click on Title bar Properties tab
• Create Historical Data Display
Name the Channel 0 as
PV as it start from D7
Name the Channel 1 as
SV as it start from D8
This show the
sequence in
the display
Chapter 2-9-3
Create Historical Data Display
157. Step Description Date
1 Under Basic Attributes tab, set address to
‘D100’
2 Click on Numeric Data
• Create Query By Date function with
Value is 8 as the date
is 8 digit ‘yyyymmdd’
1 word = 4 digit
2 word = 8 digit
Chapter 2-9-3
Create Historical Data Display
158. Step Description Date
3 Click Graphics tab and select DISP_Bar002.vg
• Create Query By Date function with
Chapter 2-9-3
Create Historical Data Display
159. Step Description Date
1 Under Basic Attributes tab, select System
Register and choose LB9154
2 Click on Bit State Switch tab, select Toggle
• Let create safety remove button
Chapter 2-9-4
Safety Remove USB flash Drive
160. Step Description Date
3 Click Tag tab
4 Click on Graphics
• Let create safety remove button
1st: Set the data type to
16-bit signed
1st: Set the data type to
16-bit signed
Chapter 2-9-4
Safety Remove USB flash Drive
161. 1. Click Tools at toolbar, click Compile to compile the drawing first, if there
no problem carry on the next step.
2. Click download to download the drawing
Chapter 2-9-5
Download to NB
1
2
162. • Test it out
Chapter 2-9-6
NB Display
Step Description HMI View
1 Click on the Chapter 2-2 to go Frame 13
2 Next slide show the result
163. • Let try safety remove USB Flash Drive
HMI View HMI Hardware
Chapter 2-9-6i
Is it safe to remove USB Flash Drive?
Click on the button to
safety remove the USB
Flash Drive
Click on the button to
safety remove the USB
Flash Drive
This mean that the USB
Flash Drive is removed
164. • Let try to view previous data
HMI View HMI Hardware
Chapter 2-9-6ii
How to view previous data?
Type in the date that you want
to view the past data
(Ex. Let view 20130530 data)
Insert the USB Flash
Drive to the HMI
The data on the previous
day will be display
165. • E5CC Catalogs/Manuals:
– http://www.omron-ap.com/downloads/pdf_listing.asp?product_model=E5CC&catlvl=78
• E5CC Communication Manual (H175-E1-05):
– http://www.omron-
ap.com/admin/access_download.asp?from=pdf_E5CC&catlvl=78&to=H175&product_m
odel=E5CC&open=0
Information