CP600 Control Panels v2.

2
Introduction to programming

© ABB Group
For internal use only ! Slide 1
PB610 Panel Builder
Create a project

Create a Project
Communication
Ethernet
How to Get a Symbol file from Control Builder
CoDeSys ETH Driver
Basics
Navigating The Widgets and Properties Menu
Programming
Calling Pages from the Buttons
Adding Buttons and Associating tags
Adding Lamps and Associating tags
Transferring Project to target
PB610 Panel Builder
Create a project

Open up an Indipendant instance of Panel Builder 600

by clicking on the Icon;
PB610 Panel Builder
Create a project
PB610 Panel Builder
Create a project

1. Select Project name

2. Select Save Location
3. Click Next
PB610 Panel Builder
Create a project

1. Choose the Panel you have; CP6xx

2. Click Finish
PB610 Panel Builder
Create a project
1. You now have a blank CP6xx Project
2. You now need to create and/or import a symbol file to
allow you PLC and HMI to communicate
PB610 Panel Builder
How to create a symbol file using Control Builder

Create a Project
Communication
Ethernet
How to Get a Symbol file from Control Builder
CoDeSys ETH Driver
Basics
Navigating The Widgets and Properties Menu
Programming
Calling Pages from the Buttons
Adding Buttons and Associating tags
Adding Lamps and Associating tags
Transferring Project to target
PB610 Panel Builder
How to create a symbol file using Control Builder
Step 1: Prepair CoDeSys
1. To ensure the Symbol file exists inside the PLC and the HMI;

2
2. Go to the Resources Tab
3. Select ‚Target Settings‘
4. Select the ‚General‘ Tab
5. Select Download Symbol File
6. Once you have finished writing your code do a Clean all and Rebuild all
in CoDeSys
7. Go to Online Menu > Create boot project
8. Save your CoDeSys File
PB610 Panel Builder
How to create a symbol file using Control Builder
Step 2: Program Control Builder Plus
1. Go to Control Builder Plus
2. Right Click on the AC500 Program Icon
3. Select ‘Export Symbol File’. (This will be all program symbols, but the
exported symbol file can be tailored if needed).
4. Select a location to save it and click ‘ok’
3

5
PB610 Panel Builder
How to create a symbol file using Control Builder
Step 3: Locate Program Control Builder Plus

1. Identify that the file has saved to the location you specified
New HMI Panels
Agenda

Create a Project
Communication
Ethernet
How to Get a Symbol file from Control Builder
CoDeSys ETH Driver
Basics
Navigating The Widgets and Properties Menu
Programming
Calling Pages from the Buttons
Adding Buttons and Associating tags
Adding Lamps and Associating tags
Transferring Project to target
PB610 Panel Builder
Set up comms using ABB CoDeSys ETH Driver

1. Navigate to Config > Protocols

GoClick ‚+‘
to Protocols
2. Select + to add one

3. Select ‚ABB CoDeSys ETH

PB610 Panel Builder
Set up comms Define Driver: ABB CoDeSys ETH

Edit the settings of this ABB CoDeSys: Connection 1

Select the IP Address that matches your PLC

Default: 192.168.0.10

Port is always: 1201

Protocol should be: Tcp/Ip

Byte order should be: Motorola

PB610 Panel Builder
Set up comms; Import Tags

Go to Tags 1. Select ABB CoDeSys ETH

from Drop Down Box

2. Click ‚>]‘ Import Tags

Click Ok
PB610 Panel Builder
Set up comms; Import Symbol File
Navigate to the location exported symbol file;

Click ‚Open‘
PB610 Panel Builder
Set up comms: Import Tags

Select Variables
Push to take over
Prepare CP600 Panel
Imported Tags

These Tags will now appear in your ABB_CoDeSys_ETH dictionary and

are ready to be used in your project
CP600 HMI Panels
Agenda

Create a Project
Communication
Ethernet
How to Get a Symbol file from Control Builder
CoDeSys ETH Driver
Basics
Navigating The Widgets and Properties Menu
Programming
Calling Pages from the Buttons
Adding Buttons and Associating tags
Adding Lamps and Associating tags
Transferring Project to target
PB610 Panel Builder
Widgets and Properties

 Widgets
 HMI Objects
 Special widgets
 Widgets Gallery
 objects for programming
 Accessible from slide-in pane
 Categories
 The Widget toolbar
 Drag and Drop
 Change Properties

© 2010 Sitek S.p.A, An Exor International Inc. Partner Company

All rights reserved
PB610 Panel Builder
Widgets and Properties

 Static
 Change from Page toolbar

 Dynamic
 From Property Pane
 Attach to Tag
 Scripting
 Interconnection between objects’ properties

© 2010 Sitek S.p.A, An Exor International Inc. Partner Company

All rights reserved
PB610 Panel Builder
Widgets and Properties
 Events are available for:
 Fields
 On Data Update
 Called when field Properties are updated by attached Tag
 Buttons
 On Press
 On Release
 On Data Update
 Page
 On Activate
 On De-Activate
 On Data Update
 Called when any widget on page is updated by a Tag attached to it
 Alarms’s events
 Scheduler’s events

© 2010 Sitek S.p.A, An Exor International Inc. Partner Company

All rights reserved
PB610 Panel Builder
Widgets and Properties

Page toolbar
 Zoom and Pane
 Group & UnGroup
 Rotate
 Z order
 Align
 Size to fit
 Adjust size
 Space evenly
 Quick change of objects’ property

© 2010 Sitek S.p.A, An Exor International Inc. Partner Company

All rights reserved
PB610 Panel Builder
Using Page Templates

 Constant elements for pages

 Header and Footer
 Right click on Page Templates
 Insert Page Template
 Several templates can be defined
 Click on page
 Locate “Template” property
 Assign the template
 Different pages can have
different templates

© 2010 Sitek S.p.A, An Exor International Inc. Partner Company

All rights reserved
CP600 HMI Panels
Agenda

Create a Project
Communication
Ethernet
How to Get a Symbol file from Control Builder
CoDeSys ETH Driver
Basics
Navigating The Widgets and Properties Menu
Programming
Calling Pages from the Buttons
Adding Buttons and Associating tags
Adding Lamps and Associating tags
Transferring Project to target
PB610 Panel Builder
Creating Pages
 First Add a second page
 Name it Page 2
 Press Ok

© 2010 Sitek S.p.A, An Exor International Inc. Partner Company

All rights reserved
PB610 Panel Builder
Calling Pages from the Buttons
Select a Button from the widgets
menu and drag it into your
workspace

Change the colour to Blue (your

choice of shade) by editing Fill
Color Property

Click on the Label Property and

type ‘Go to Page 2’

© 2010 Sitek S.p.A, An Exor International Inc. Partner Company

All rights reserved
PB610 Panel Builder
Calling Pages from the Buttons (2)
1. Open the Events tab and click on the
‘+’ next to OnMouseRelease Action

2. Select the Action LoadPage

3. Click on the ‘+’ next to

PageName select LoadPage

4. Select the Page you want to

load in this case Page2 and
click Ok
5. Click Ok again

© 2010 Sitek S.p.A, An Exor International Inc. Partner Company

All rights reserved
PB610 Panel Builder
Calling Pages from the Buttons (3)

Now Navigate to Page 2 by selecting

it from the Pages list. You can see
its selected from the Tab at the top

Now Repeat the

Process from before though this
time you are going to navigate to
Page 1
You now have Two pages that should
be navigatable from one to the other
with the press of a button.

© 2010 Sitek S.p.A, An Exor International Inc. Partner Company

All rights reserved
CP600 HMI Panels
Agenda

Create a Project
Communication
Ethernet
How to Get a Symbol file from Control Builder
CoDeSys ETH Driver
Basics
Navigating The Widgets and Properties Menu
Programming
Calling Pages from the Buttons
Adding Buttons and Associating tags
Adding Lamps and Associating tags
Transferring Project to target
PB610 Panel Builder
Adding Buttons and Associating tags
Select a Button from the Button
Tab from the widgets menu
and drag it into your workspace

Change the colour to Green by

editing Fill Color Property

Click on the Label Property and

type ‘Start’

© 2010 Sitek S.p.A, An Exor International Inc. Partner Company

All rights reserved
PB610 Panel Builder
Adding Buttons and Associating tags (2)
1. Open the Events tab and click on the
‘+’ next to OnMousePress Action

2. Select the Action SetBit

3. Click on the ‘+’ next to

TagName

4. Select the Tag you want to

load in this case the Start tag
click Ok
5. Click Ok again

© 2010 Sitek S.p.A, An Exor International Inc. Partner Company

All rights reserved
PB610 Panel Builder
Adding Buttons and Associating tags (3)
1. Open the Events tab and click on the
‘+’ next to OnMouseRelease Action

2. Select the Action ResetBit

3. Click on the ‘+’ next to

TagName

4. Select the Tag you want to

load in this case the Start tag
click Ok
5. Click Ok again

© 2010 Sitek S.p.A, An Exor International Inc. Partner Company

All rights reserved
PB610 Panel Builder
Adding Buttons and Associating tags (4)
Select a Button from the widgets
menu and drag it into your
workspace

Click on the Label Property and

type ‘Stop’

© 2010 Sitek S.p.A, An Exor International Inc. Partner Company

All rights reserved
PB610 Panel Builder
Adding Buttons and Associating tags (5)
1. Open the Events tab and click on the
‘+’ next to OnMousePress Action

2. Select the Action SetBit

3. Click on the ‘+’ next to

TagName

4. Select the Tag you want to

load in this case the Stop tag
click Ok
5. Click Ok again

© 2010 Sitek S.p.A, An Exor International Inc. Partner Company

All rights reserved
PB610 Panel Builder
Adding Buttons and Associating tags (6)
1. Open the Events tab and click on the
‘+’ next to OnMouseRelease Action

2. Select the Action ResetBit

3. Click on the ‘+’ next to

TagName

4. Select the Tag you want to

load in this case the Stop tag
click Ok
5. Click Ok again

© 2010 Sitek S.p.A, An Exor International Inc. Partner Company

All rights reserved
CP600 HMI Panels
Agenda

Create a Project
Communication
Ethernet
How to Get a Symbol file from Control Builder
CoDeSys ETH Driver
Basics
Navigating The Widgets and Properties Menu
Programming
Calling Pages from the Buttons
Adding Buttons and Associating tags
Adding Lamps and Associating tags
Transferring Project to target
PB610 Panel Builder
Adding Lamps and Associating tags
1. Navigate to Page 2
2. Go to the Widget Gallery and
select the Lights Tab
3. Drag a light onto the page

4. Click on the Label Property

and type ‘Running’

5. Click on the Color Property

then the ‘+’ and Check the
colours that the light will
change between.

6. swap the defaults over so;

0 is Red and 1 is Green)

© 2010 Sitek S.p.A, An Exor International Inc. Partner Company

All rights reserved
PB610 Panel Builder
Adding Lamps and Associating tags (2)
1. Click on the Value box and click on
the ‘+’ and ‘Attach to...’

2. Select ABB CoDeSys ETH

3. Select the Tag ‘Running’ (This

will now control the light)

4. Click Ok

© 2010 Sitek S.p.A, An Exor International Inc. Partner Company

All rights reserved
PB610 Panel Builder
Adding Lamps and Associating tags (3)
1. Stay on Page 2
2. Drag another light onto the
page

3. Click on the Label Property

and type ‘Flash’

4. Click on the Color Property

then the ‘+’ and Check the
colours that the light will
change between. (Defaults
are ok)

© 2010 Sitek S.p.A, An Exor International Inc. Partner Company

All rights reserved
PB610 Panel Builder
Adding Lamps and Associating tags (4)
1. Click on the Value box and click on
the ‘+’ and ‘Attach to...’

2. Select ABB CoDeSys ETH

3. Select the Tag ‘Lamp’ (This

will now control the light)

4. Click Ok

© 2010 Sitek S.p.A, An Exor International Inc. Partner Company

All rights reserved
CP600 HMI Panels
Agenda

Create a Project
Communication
Ethernet
How to Get a Symbol file from Control Builder
CoDeSys ETH Driver
Basics
Navigating The Widgets and Properties Menu
Programming
Calling Pages from the Buttons
Adding Buttons and Associating tags
Adding Lamps and Associating tags
Transferring Project to target
PB610 Panel Builder
Transfer project to target

 Use the Run menu commands

 Run\Download to Target...
 Select the target device from the list
 Click Download
 Upload
 From Manage Target

© 2010 Sitek S.p.A, An Exor International Inc. Partner Company

All rights reserved