[H] Creación de nuestra página web: mostrando variables

[Lorenzo M. Oliver]

Hasta ahora hemos estado utilizando la página de
fábrica (VV_Show.htm) tanto para visualizar el contenido de las
100 variables que usa el módulo PINK como para modificarlo. Ahora, en
esta fase, vamos a crear nuestra propia página web personalizada.

Creando la página web
Supongamos que queremos crear una página para visualizar los valores de
las variables que vamos gestionando desde nuestro circuito con BASIC
Stamp. Teniendo en cuenta que el comando que nos permite mostrar el
contenido de, por ejemplo, la variable 1 del PINK es ,
entonces tan sólo tenemos que usar este mismo código cambiando el
número para todas las variables que queramos mostrar (desde 00
hasta 99).

Asi que, o bien usamos un editor HTML o bien el propio Bloc de Notas de Windows para escribir el siguiente
código de prueba para visualizar la variable 1:





Lo guardamos como un archivo HTML; es decir, escribimos como nombre de
archivo "mostrar.htm".


Subiendo la página al servidor web
¿Y qué hacemos con este archivo? Pues lo "subimos" al servidor web del
módulo PINK. Simplemente
escribimos desde nuestro navegador Internet Explorer (no funciona
bien con otros navegadores de versiones actuales) la dirección FTP: "ftp://192.168.1.X"
(la dirección IP asignada al módulo PINK por nuestro router y que
siempre podemos comprobar con la utilidad IpSetup.exe). Abrimos
también en una nueva ventana la carpeta donde tenemos el archivo de
nuestra página web que acabamos de crear y, mediante "arrastrar y
soltar", copiamos el archivo en el PINK. A partir de ahora, cada vez que
escribamos http://192.168.1.X/mostrar.htm se nos mostrará
la página que hemos creado y el valor que en ese momento tiene la
variable número 1. Y esto es aplicativo para todas las variables
que queramos visualizar al mismo tiempo.

Mostrando valores en Tiempo Real
¿Y si cambia ese valor, ya sea porque lo cambiamos desde la página de
fábrica o porque nuestro circuito
BASIC Stamp lo modifica? Pues fíjate en la 4ª línea del código de la
página:





Este código nos permitirá que nuestra página se auto-refresque, en este
caso cada 10 seg. Pero podemos cambiar ese valor por el que queramos.