How to

Softing echograph
Configuring Softing echograph enabled devices to
display data from a Siemens S7-300 PLC on a web
browser

Version: E-032014-01

Copyright 2014 Softing Industrial Automation GmbH

Disclaimer of liability
The information contained in these instructions corresponds to the technical status at the time of printing of it and is
passed on with the best of our knowledge. The information in these instructions is in no event a basis for warranty
claims or contractual agreements concerning the described products, and may especially not be deemed as warranty
concerning the quality and durability pursuant to Sec. 443 German Civil Code. We reserve the right to make any
alterations or improvements to these instructions without prior notice. The actual design of products may deviate from
the information contained in the instructions if technical alterations and product improvements so require.
It may not, in part or in its entirety, be reproduced, copied, or transferred into electronic media.

Softing Industrial Automation GmbH

Richard-Reitzner-Allee 6
85540 Haar / Germany
Tel: + 49 89 4 56 56-0
Fax: + 49 89 4 56 56-488
Internet: http://industrial.softing.com
Email:
info.automation@softing.com
Support: support.automation@softing.com

The latest version of this manual is available in the Softing download area at: http://industrial.softing.com.

Table of Contents

Table of Contents
Chapter 1

Introduction
..................................................................................5

Chapter 2

STEP 7 Create a data block and

symbols..................................................................................6

Chapter 3

NetCon echo echograph or echocollet

..................................................................................8
configuration

Chapter 4

Atvise -..................................................................................14
create the web interface

Chapter 5

View the
display on your web browser
..................................................................................21

Softing echograph - How to...

This page is intentionally left blank.

Chapter 1 - Introduction

Introduction
This document provides step by step instructions on how to configure an echocollect
(same for echograph) to display data from a Siemens S7-300 PLC on a web browser.
General description of the presented example:
The PLC and the echocollect are in the same network
The echocollect is configured to read data from DB5 on the S7-300
The web server functionality is enabled on the echocollect
The web visualization page is configured to display the data from DB5
Software used:
Siemens SIMATIC Step 7 V5.4 SP5
Softing NetCon echo V4.33
atvise builder V2.4.1

Conventions
The following conventions are used throughout Softing customer documentation:
Keys, buttons, menu items, commands and
other elements involving user interaction are
set in bold font and menu sequences are
separated by an arrow

Open Start
Programs

Control Panel

Buttons from the user interface are enclosed

in brackets and set to bold typeface

Press [Start] to start the application

Coding samples, file extracts and screen

output is set in Courier font type

MaxDlsapAddressSupported=23

Filenames and directories are written in italic

Device description files are located in C:

\StarterKit\delivery\software\Device
Description files

Note
This symbol is used to call attention to notable information that should be
followed during installation, use, or servicing of this device.

Softing echograph - How to...

Chapter 2 - STEP 7 Create a data block and sym bols

STEP 7 Create a data block and symbols

1.

From the project window, click on Insert

S7 Block

Data Block.

2.

Enter the Name and type and the Symbolic Name.

3.

After clicking [OK], open the new block and create these variables:
o Alarm_Counter (INT)
o Temperature (REAL)
o Product_ID (BYTE)
o Alarm_Status (BOOL)

Softing echograph - How to...

Chapter 2 - STEP 7 Create a data block and sym bols

4.

Close the data block configuration window and save the block.

5.

Right-click on the new data block and select PLC

PLC.

Softing echograph - How to...

Download to download it to the

Chapter 3 - NetCon echo echograph or echocollet configuration

NetCon echo echograph or echocollet configuration

1.

2.

Configure the network settings of the echograph port to be used. We will use port 1
(Eth 1).
a.

Click on Station

b.

As a minimum, the IP address and subnet mask are required. DNS and Router
addresses may be necessary in some cases.

Enable the web server.

a.

Own Station 1.

Click on Settings

Service Settings.

Softing echograph - How to...

Chapter 3 - NetCon echo echograph or echocollet configuration

b.

3.

Check Use Web Server.

Create a connection to the PLC.

a.

Click on Connection

b.

Name the connection and select Logic Table Connection. Select PLC/Raw and
Ethernet as the transport protocol.

Softing echograph - How to...

New Connection.

Chapter 3 - NetCon echo echograph or echocollet configuration

10

c.

Click [OK] as TCP/IP and Siemens S7 are selected by default.

d.

Enter the IP address of the PLC.

e.

Click [OK].

Softing echograph - How to...

Chapter 3 - NetCon echo echograph or echocollet configuration

4.

Import the S7 symbols.

a.

Click on Collect

b.

Select the previously configured PLC connection.

c.

Click on [Import].

d.

Click on the folder button to open the file browser.

Softing echograph - How to...

Collect Symbol Table.

11

Chapter 3 - NetCon echo echograph or echocollet configuration

12

e.

Browse to the Step 7 project folder and open the project file.

f.

Select one symbol from DB5 to be imported and click [OK].

g.

Click [OK].

Softing echograph - How to...

Chapter 3 - NetCon echo echograph or echocollet configuration

h.

To add more symbols click on [Add] and follow steps c, f and g above.

i.

Click on [Close] when done.

j.

Click on [Close] again.

Softing echograph - How to...

13

Chapter 4 - Atvise - create the w eb interface

14

Atvise - create the web interface

1.

Find the Atvise server icon in the System Tray. Right-click on it and open Project
Console.

2.

Create a new project: click on the gears button and select Add Project.

3.

Name the project and select a storage location.

Softing echograph - How to...

Chapter 4 - Atvise - create the w eb interface

4.

Click on the start button to run the server.

5.

After the project has started, click on [Builder].

Softing echograph - How to...

15

Chapter 4 - Atvise - create the w eb interface

16

6.

Name the server, enter the IP address of the echograph device, and select the
Softing Graph Web Server type.

7.

Import the S7 symbols: expand the Servers section and right-click on the server you
just created. Select Acquire Datapoints.

Softing echograph - How to...

Chapter 4 - Atvise - create the w eb interface

8.

Click [OK].

9.

Expand the DISPLAYS tree and right-click on MAIN. Select Add Display.

10. Name the display page and click [OK].

Softing echograph - How to...

17

Chapter 4 - Atvise - create the w eb interface

11. Expand the MAIN folder, right-click on the newly created display and select Edit
Display.

12. Select the desired element from the library, then drag and drop it into the display.

18

Softing echograph - How to...

Chapter 4 - Atvise - create the w eb interface

13. Click on the element and expand Parameters under the Attributes section on the
right of the screen. Click on the [] button next to base.

14. Select the source symbol for this element and click [OK].

Softing echograph - How to...

19

Chapter 4 - Atvise - create the w eb interface

15. Repeat steps 12 to 14 to add more symbols.

16. Click on [Save].

17. Right-click on the server and select [Distribute].

20

Softing echograph - How to...

Chapter 5 - View the display on your w eb brow ser

View the display on your web browser

1.

Enter the IP address of the echograph or echocollect device on your web browser.

2.

Place the mouse pointer over the folder icon and select your display.

3.

Your custom page will be displayed.

Softing echograph - How to...

21

Softing Industrial Automation GmbH

Richard-Reitzner-Allee 6
85540 Haar / Germany
Tel: + 49 89 4 56 56-0
Fax: + 49 89 4 56 56-488
Internet: http://industrial.softing.com
Email:
info.automation@softing.com
Support: support.automation@softing.com