Sei sulla pagina 1di 6

Comunicación del TIA portal a la web para control de plc

Como uno de los grandes objetivos del proyecto se encuentra la aplicación de la


conexión web al TIA Portal para la manipulación de uno o varios PLCs Siemens,
para lograr dicha conexión se deben tener en cuenta dichos lineamientos de esta
manera facilitar la manipulación del proceso de automatización.

1. Una vez establecida la conexión del TIA portal con el plc y activado el

servidor web en la aplicación del TIA portal:

 Propiedades del plc buscar página Web y cargar la dirección donde se

encuentra guardada la página, el nombre del archivo HTML, y la

aplicación del TIA portal

 Generar bloques, se generan dos bloques de sistema con el nombre

de la aplicación

 Los bloques de sistema me permiten ver qué tipo de archivo lee, para

este caso debe ser HTML.

 Para la comunicación de la aplicación y el plc es necesario ir a la parte

derecha de la pantalla en la barra de instrucciones, dar clic en

comunicaciones.

 Anexar bloque funcional a la pantalla principal y configurar el CTR-DB

que se encuentra en los bloques y la variable de salida.

 Se define una tabla de símbolos, una seria de variables, tabla de

variables estándar, Ciros, mps estándar, estación de clasificación,

monitorización de entradas y salidas del PLC, tablas de símbolos.

 Se realiza la compilación de errores.


 Luego al verificar la usencia de errores, se procederá a manipular el

plc desde la web.

Modelo de programación de inicial de la página web para control del plc desde la red,
este es un bosquejo inicial sobre lo que pretendemos hacer para cada uno de los plcs
sobre la manipulación de estos vía red, se pretende tener una página web donde se
aprecie el contenido del proyecto, además de ello un re direccionamiento de la página
principal para cada plc allí estará la máscara del modelo de una pantalla HMI donde se
pretende visualizar botones para la manipulación del plc, un diagrama de del proceso,
si se encuentra conectado la web/sever, y un monitoreo en pantalla de la frecuencia a
la cual está sometido el proceso/planta.
Esto estará sujeto a cambios durante el proceso de construcción de la programación
web debió a mejorar en la forma del diseño o por limitaciones de tiempo, a continuación
se presenta un bosquejo básico de la programación de uno de los plc allí se encuentra
botones manipulables para la puesta en marcha y paro de un proceso con inversión de
giro (esto último sujeto a cambio), a su vez de la manipulación de la velocidad, el estatus
de la conexión con el web/sever. Esto básicamente es lo que se pretende tener en la
máscara de la pantalla HMI con más elementos.

<HTML>
<!-- Start of <HEAD> Code Block -->

<HEAD>

<title>PLC Project Web Automation</title>

<style>

body {

margin:0px;

background-color: black;

h1 {

position: relative;

font-size: 20px;

font-weight: bold;

font-family: helvetica;

margin-left:auto;

margin-right:auto;

h2 {

position: relative;

font-size: 17px;

font-weight: bold;

font-family: helvetica;

margin-left:auto;

margin-right:auto;

#app {

width:100%;

height:100%;

top:0px;
margin:0px;

color: #bbbbbb;

background-image:url('PLC1.jpg');

background-repeat:no-repeat;

background-position:right bottom;

background-color: black;

border: 1px solid black;

.text {

width: 88%;

position: relative;

font-size: 15px;

font-weight: bold;

font-family: helvetica;

margin-left:auto;

margin-right:auto;

margin-top: 5px;

margin-bottom: 5px;

padding: 10px;

border: 1px solid #bbbbbb;

#logAreaTitle {

width: 88%;

position: relative;

font-family: Helvetica;

font-size: 12px;

font-weight: bold;

margin-top: 15px;

margin-bottom: 0px;

margin-left:auto;

margin-right:auto;
}

#logArea {

width: 88%;

position: relative;

border: 1px solid #bbbbbb;

font-family: verdana;

padding: 10px;

font-size: 12px;

margin-top: 0px;

margin-bottom: 0px;

margin-left:auto;

margin-right:auto;

</style>

<!-- End of <style> Code Block -->

<!-- Start of <script> Code Block

This is where the actual program logic is placed.

Notice that no part of this section is displayed on the screen.

The page can be dynamically changed by this code.

-->

<SCRIPT>

</SCRIPT>

<!-- End of <script> Code Block -->

</HEAD>

<!-- End of <HEAD> Code Block -->

<!-- Start of <BODY> Code Block

The following HTML code displays the web page. The behavior of the

displayed page is modified by the code in the <script> code block.


-->

<BODY onload="ini();">

<DIV id="app">

<CENTER>

<H1>PLC Automation Project</H1>

<H2>Web Interface for Monitoring PLC</H2>

</CENTER>

<center>

Control PLC...

</center>

<DIV class="text">Start Motor: <button id="pDay" type="button"


onclick="showPastDaysAvgs(this.id);">Start</button> </DIV>

<DIV class="text">Stop Motor: <button id="nDay" disabled="true"


type="button" onclick="showPastDaysAvgs(this.id);">Stop</button> </DIV>

<DIV class="text">Reverse direction: <button id="toggleBTN" type="button"


onclick="prepareToggle();">Inverse</button></DIV>

<DIV class="text">Increase Speed: <button id="toggleBTN" type="button"


onclick="prepareToggle();">Increase</button></DIV>

<DIV class="text">Decrease speed: <button id="toggleBTN" type="button"


onclick="prepareToggle();">Decrease</button></DIV>

<DIV id="logAreaTitle">Status messages:</DIV>

<DIV id="logArea">Connecting to PLC... Please wait.</DIV>

</DIV>

</BODY>

<!-- End of <BODY> Code Block -->

</HTML>

Potrebbero piacerti anche