6.pdf

36-43 Curso Site Player

23/9/05

11:03

Página 36

CURSO DE PROGRAMACIÓN         NDEL MÓDULO           Ó SITEPLAYER SP1         I         C         A         M 36         A         R Capítulo sexto.         G         O         R         P

Este integrado constituye un auténtico  Web  We b Ser Serve verr qu que e pe perm rmit ite e in inte tera ract ctua uarr con cualquier dispositivo electrónico a través de una página de Internet absolutamente normal. El objetivo del presente Curso es dar a conocer en sólo siete capítulos la técnica de programación del módulo a través de diversos ejemplos prácticos que hacen uso de la red para comunicar con diversos dispositivos remotos.

RESISTOR

 por Roberto Nogarotto

ontinuamos con el análisis de los diversos programas que hemos desarrollado para la demoboard. Recuérdese que todos ellos deben guardarse en una carpeta a propósito. o.

C

PROGRAMA DEMO6 Este programa tiene por objeto demostrar cómo se puede encender y apagar los leds de la demoboard. Pero esta vez utilizaremos un nuevo método para enviar datos al SitePlayer. Mientras que en los listados precedentes se ha utilizado utiliz ado el método método GET del for-

mulario, con los Objetos RadioButtons y Checkbox, ahora veremos cómo hacerlo utilizando la técnica de los links. Como es sabido, en HTML HTML puede puedenn insertarse insertarse links utilizando el tag cerrado con el tag . Tras el signo igual puede insertarse el recorrido del link. Éste puede estar en la misma forma que una dirección Internet, “http://www. “http://www..... “ o bien, si el archivo que se quiere “linkar” reside en la misma máquina que la página html, basta con indicar el recorrido del archivo. Si intentamos abrir el archivo index.html de esta demo con un

buscador, veremos que, posicionando el cursor del mouse sobre uno de los botones relativos a los leds, aparece el recorrido del link que se activa al clicar ese mismo pulsador. En el link se observa que el archivo a linkar es del tipo X.SPI, seguido del símbolo punto de demanda y de una serie de datos. Esto es porque, ademásd el link con el archivo X.SPI, es posible enviar también el valor a asignar a aun objeto. Veamos ahora el archivo html de esta demo para comprender del todo la forma de utilizar esta técnica.

36-43 Curso Site Player

23/9/05

11:03

Página 37

DEMO 6 La demo consente di accendere / spegnere i led LD1 ... LD8; un led virtuale indica lo stato dei led.

DEMO 6: DEFINICIONES

;DEMO6.SPD ;DEFINITIONS $Devicename “Futura elettronica Demo6” $DHCP $DH CP off  $DownloadPassword “” $SitePassword “” $InitialIP $Initia lIP “192. “192.168.0. 168.0.250” 250” $PostIRQ on $Sitefile “C:\Programmi\SitePlayer\demoboard\demo6\demo6.spb” $Sitepath “C:\Programmi\SitePlayer\demoboard\demo6\root” ;OBJECTS org 05h led1 db 0 EL ARCHIVO INDEX.HTM En la página siguiente se detalla este archivo. Del mismo se analizarán detalladamente dos secciones: una es la que, según el estado del led correspondiente, permite encender y apagar el indicador situado en la página web; la otra muestra cómo insertar un link que permita enciar al SitePlayer los datos necesarios para encender y apagar los diversos leds. En el Archivo Demo6 Index.html se

pueden ver fácilmente las secciones dedicadas a cada uno de los 8 leds. Primeramente, demos un vistazo a la parte que “enciende y apaga” el indicador en la página web según sea el estado del led correspondiente; para ello vamos a la línea html siguiente:

Con el tag img src es posible insertar una imagen, como como ya se vió. El archivo de la imagen a insertar no es de un tipo único, sino que depende del objeto led1, que es un objeto del SitePlayer que corresponde al byte que se visualiza para los 8 leds de la demoboard. Así que hemos creado dos archivos de imagen, llamados oval_led0.gif e oval_led1.gif; el primero representa un led apagado y el segundo un led verde encendido. El nombre del archivo de la imagen a visualizar se construye utilizando el valor de la variable led1. Supongamos, por ejemplo, que el primer led está encendido. Como la variable led1 corresponde al estdo del led de la demoboard, el bit de la posición 0 de la variable led1 valdrá 0. Recordando el significado de los operadores aritméticos, fácilmente se deduce que led1’0 significa “tomar el valor del bit de peso 0 de la variable led1”. Si esta valor es cero, ^led1’0 vale 0 y el objeto de IMG src será oval_led0; la situación contraria llevará el objeto oval_led1. De este modo se obtiene sobre la página la visualización de la imagen de los leds encendidos o apagados, según el

        N           Ó         I         C         A         M 37         A         R         G         O         R         P RESISTOR

36-43 Curso Site Player

23/9/05

11:03

Página 38

Demo 6: Listado HTML <metahttp-equiv=”Content-Type”content=”text/html;charset=iso-8859-1”>