Getting started with B&R mapp view

This tutorial shows how to use B&R "Mapp View" Technology Package to implement a simple visualization project as described in Automation Studio online help:

Follow the steps below (some pics link to YouTube) or just download the complete release with Automation Studio project included.

• To run Mapp View on a real PLC a license '1TGMPVIEW.00-01' is required !
• A '1TGMPBRCLNT.10-01' is required for a B&R- Client
• A '1TGMPCLIENT.10-01' is required for a 3rd party client.

We will use a B&R "ArSim" simulated plc so there is no license required.

1. Install Technology Package Mapp Motion 5.5

2. Create a new project with 'ArSim'

3. Insert a Mapp View Visualization into Logical View

4. Create a Layout

we will use the following layout:

1. insert a layout file and give an id to it
2. add an area 'AreaMain', heigth=600px, width=700px
3. add an area 'AreaNavigation', heigth=600px, width=100px, left=700

5. insert pages and contents

1. insert 'Navigation.content" into 'AreaContents'
2. insert 'Page1' and add 'Page1Content' to it
3. insert 'Page2' and add 'Page2Content' to it

6. config 'Page1Content'

1. give content a 'Name'
2. config contents heigth and width (600px x 700px)
3. insert a 'Label' widget with text 'Speed'
4. insert a 'Radial Gauge' widget

7. config 'Page2Content'

1. give content a 'Name'
2. config contents heigth and width (600px x 700px)
3. insert a 'Label' widget with text 'Temperature'
4. insert a 'Numeric Output' widget

8. config 'NavigationContent'

1. give content a 'Name'
2. config contents heigth and width (600px x 100px)
3. insert a 'Navigation Bar' widget which will be a container for buttons
4. insert two 'Navigation Button' widgets.

9. config pages

1. set 'layoutId' and 'pageId'
2. set page contents 'refId' to 'AreaMain' and navigation content to 'AreaNavigation'
3. set background colours to Areas

4. config Navigation Buttons e.g. set text and 'pageId'

10. insert visualization into Configuration View

1. insert visualisation to folder 'mappView'
2. set 'Visualisation id' to 'FirstVisu'
3. set 'StartPage' ('Page1')
4. add 'Page1' and 'Page2' to ''

11. insert program

1. insert program and initialize two variables 'Speed' and 'Temperature'
2. declare variables

12. activate OPC UA server

1. active OPC UA server in CPU configuration
2. insert OPC UA 'Default View'
3. enable PLC variables visible as OPC UA variables

13. connect variables and widgets

1. insert binding to folder 'mappView' in Configuration View
2. give binding an id and use this id in Visualization's configuration
3. connect variables and widgets ( = binding )

14. test visualization

1. compile and deploy project
2. open browser and navigate to 'http://127.0.0.1:81/index.html?visuId=FirstVisu'