Technical Forum

SIMATIC S7-1200

TIPs and Samples Programs for User-defined web pages and S7-1200

Thread Starter: Pegaia Started: 8/9/2011 9:35 PM Replies: 33

Tags S7-1200 Web Page

8/9/2011, 9:35 PM

Pegaia

Joined 7/24/2008

Last visit: 5/20/2013

Posts: 2026

Rating:

Rated: Excellent [4.31 out of 5 / rated 354 time(s)].

(354)

Users with special expertise supervising conferences

Rated: Excellent [4.33 out of 5 / rated 6 time(s)].

(6)

Hi,

The User-defined web pages are a nice new feature, available since the version 11 of the STEP 7.

The S7-1200 System manual has very good information about it. The objective o this tips is to complement it with the main steps to the configuration, collecting some extra information about the theme and give some sample programs.

1 - Documentation:
The main documentation about this theme could be found in the S7-1200 System Manual (http://support.automation.siemens.com/BR/view/en/36932465 ), in special chapter “13.3 User-defined web pages”.

Despite there is some differences between User-defined web pages of S7-300 and S7-1200, the documentation of the Applications & Tools “Visualization with user-defined web pages on SIMATIC CPUs with PROFINET interface” (http://support.automation.siemens.com/BR/view/en/44212999) has also general information about how is the structure and syntaxes of HTML pages (in special chapter “3 General Principles of Web Pages and User-defined Web Pages”).

There is an Applitation and Tool that descriptes (with example) the use of Web pages on S7-1200:

"Creating and using user-defined web pages on S7-1200"
http://support.automation.siemens.com/WW/view/en/58862931

2 – Main steps to configure a User-defined Web page

2.1 Create a Web page

2.1.1) Header, general information of the HTML page.

Include follow line before the header:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

That defines that it is the document type HTML in the language version V4.01 in the "Transitional" variant. The language code "EN" refers to the language of the tags, i.e. English.

Include follow line in the header:
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"></meta>

With "content="text/html", the MIME type is specified, followed by the used character set UTF-8. With the help of the Multipurpose Internet Mail Extensions (MIME) standard, the web browser is informed e.g. during an HTTP transfer which data the web server sends, for example whether it is clear text, an HTML document or a PNG image.

2.1.2) To show PLC values on the Web

To read PLC values and place it in the Web page, you need to use the symbolic or absolute name of the variables with the follow syntax:
:=<Variable name>:

You can predefine intern names and connect with the PLC names with the line:


Tip: When you work with DB, use only symbolic names and syntax like follow example:

:=flag1:

Tip: If you need that the value are refreshed at fix intervals (without “F5”) you can place the line:
<meta http-equiv="Refresh" content="10"> at the page header (10 = refreshed time, in seconds).

2.1.3) To write values to PLC

First: you need to “declare” the PLC variable as a comment with the special syntax. For example:


Syntax to write a value in an IO field (like input field in a HMI)
<form method="POST">
<input name='"MyVariable"' type="text">
</form>

Syntax to read and write a value in an IO field (like input/output field in a HMI)
<form method="POST">
<input name='"MyVariable"' value=:="MyVariable": type="text">
</form>

There others ways (by buttom, etc.) decrypted in the S7-1200 System Manual.

Tip: you need to be logged on to write values to the PLC. If you try to send values without to login, it will not work, however, without any signs of fault.

2.2 – Device configuration

CPU properties; Tab Web server: active the check box “Enable Web server on this module”.
In the box User-defined Web pages, give the directory and the Default HTML page of your web page. Click in “Generate blocks”

2.3 – User Program

Call the block WWW in your main block (e.g. OB1) and give the number of the DB (e.g. 333).

=== Edited by Pegaia @ 4/25/2012 12:46 PM [GMT ] ===

=== Edited by Pegaia @ 8/9/2011 9:45 PM [GMT ] ===

Denilson Pegaia
Siemens Industry Sector
Industry Automation and Drive Technologies Division
- Technical Support & Hotline -
Rua Werner Siemens, 111
05069-900 São Paulo
Hotline – Atenção ao Cliente
Tel.: +55 11 3833-4040
E-Mail: atencao.cliente.ac.br@siemens.com
Homepage Brasil: www.siemens.com.br
Manuais / FAQ’s / Downloads: http://www.Siemens.com.br/Servicos&Suporte

Top

Thank you for this post from:

Carlos7, Jacques-Olivier, huggy_d1, MrPaiva, atq100, aubaoquoc, grzegorz914, LBEBENEK, 4tm, sontybk, Nelliyan randy, AmirAlwaled, jftheoret, Mr huynhlam

8/9/2011, 9:47 PM

Pegaia

Joined 7/24/2008

Last visit: 5/20/2013

Posts: 2026

Rating:

(354)

Rated: Outstanding [4 out of 5 / rated 4 time(s)].

(4)

This treads shows a sample program about Web pages.

It has just a fix text to be showed.

Editing it, it is possible to see, as comment, a little explanation about the main structure of the HTML source.

Attachment:

Example1.zip (1922 Downloads)

Top

Thank you for this post from:

jamzie, huggy_d1, MrPaiva, sontybk, trydfr, aubaoquoc

8/9/2011, 9:48 PM

Pegaia

Joined 7/24/2008

Last visit: 5/20/2013

Posts: 2026

Rating:

(354)

Rated: Excellent [5 out of 5 / rated 2 time(s)].

(2)

This second example shows how to see a PLC variable in the web interface.

Attachment:

Example2.zip (1636 Downloads)

Top

Thank you for this post from:

MrPaiva, trydfr, hoafnt, huydungsh, sontybk

8/9/2011, 9:49 PM

Pegaia

Joined 7/24/2008

Last visit: 5/20/2013

Posts: 2026

Rating:

(354)

(4)

This third example shows how to write a value to a PLC variable by the web interface.

Attachment:

Example3.zip (1585 Downloads)

Top

Thank you for this post from:

MrPaiva, huggy_d1, huydungsh, jftheoret, Giostrami, rcscarbo, DHV, sontybk

8/15/2011, 8:09 PM

Pegaia

Joined 7/24/2008

Last visit: 5/20/2013

Posts: 2026

Rating:

(354)

Rated: Excellent [4.2 out of 5 / rated 5 time(s)].

(5)

Hi,

Mr. Bakerjw has gently gives us a V11 project with the sample program listed in the chapter 13.3.8.1 of the S7-1200 System Manual ("wind turbine"). Thanks for your help Rnf:lblSmileyTooltip_

Follow attached.

Attachment:

RemoteMonitor_HTML_4_0.zip (1715 Downloads)

Top

Thank you for this post from:

Souza, jamzie, huggy_d1, Giostrami, aubaoquoc, trydfr, sontybk, DHV, jftheoret

9/21/2011, 10:15 AM

JanTielemans

Joined 9/13/2011

Last visit: 12/8/2011

Posts: 6

Rating:

(0)

Hi,

I'm working with these webpages and got all the examples working, now taking it up to the next level:

How can 'delete' the s7-1200 default pages ( or redirect to my own page directly ) ?

Is there a way to obtain the clients IP adress ( so i can store in the PLC who have connected )?
I tried all the default ways to obtain it (java/html scripts).

Is there a way to obtain the s7-1200 default pages source?
i made a login simular but with the source it could be easier.

Thanks in advance
Jan Tielemans

Top

Thank you for this post from:

huydungsh, trydfr

9/21/2011, 12:36 PM

Pegaia

Joined 7/24/2008

Last visit: 5/20/2013

Posts: 2026

Rating:

(354)

(0)

JanTielemans wrote:

Hi,

I don't know a way to enable the user defined pages without define standard defined pages. However, theorically, you can "use" the link to your customer page as inital page (I have no tested).

I'm not expert in Java or scripts, maybe any college could help us about the IP. I suppose, however that it will be not easy.

About the source, do you have alread tried to use "show code" function of your HTML browser?

Top

9/23/2011, 8:26 AM

Louis M.S.Tan

Joined 11/19/2010

Last visit: 1/7/2013

Posts: 9

Rating:

(0)

Good day,

I can't open the program because it is in v11 SP1 update 1... I tried with v11 SP2 laptop, and also v11 SP1 update 2 laptop. both of the version cant recognize the program block, device type etc.....

Anyway solution?

Best regards,
Louis

Top

11/7/2011, 11:49 AM

Pegaia

Joined 7/24/2008

Last visit: 5/20/2013

Posts: 2026

Rating:

(354)

(0)

Hi,

I could open the archive in V11 SP1 upd2 without problems.
Witch version do you have? Witch problem do you have?

Top

1/20/2012, 3:16 PM

huggy_d1

Joined 7/7/2010

Last visit: 5/17/2013

Posts: 1977

Rating:

Rated: Excellent [4.01 out of 5 / rated 200 time(s)].

(200)

(0)

Ok, I'm trying to get some custom names to work using the AWP_Out_Variable.

System: CPU1214C, FW 2.2 configured and installed
Software: TIA Portal Basic V11 SP2

An example that does not work is when I define like this:



Then in the HTML file, I try to display the value like this:

:=adHP:

Blocks generate fine. Compiles fine with warning :

WebInt: PLC tag adHP not found.

When the page is viewed, the tag does not display properly. If I do not use the AWP_Out_xxx, it works fine and displays, but it is kind of ugly looking in the source code.

These are in the header of the html source:

What is wrong?

Helpful? Rate it.
Solved? Post it.

Top

Actions

Copy Link

To conference