Guia de utilização – Programa CustomWebPageExample

EXEMPLO DE PÁGINA WEB CUSTOMIZADA

Passos Rápidos de Instalação:

 Verificar se o software de configuração do FieldLogger está devidamente

instalado em seu computador. Caso contrário, o mesmo deve ser
instalado;
 Executar o programa configurador “CustomWebPageExample.flc” que
pode ser encontrado no CD de instalação do Aplicativo do FieldLogger;
 Testar a leitura dos valores dos canais de entrada na plataforma XML,
através do link “IP_DO_FIELDLOGGER\channels.xml”, substituindo no
link o IP atribuído ao FieldLogger;
 Instalar o software Xampp, marcando a opção “Install Apache as
service”;
 Caso a porta 80 já esteja em uso no seu computador, é necessário
alterar a mesma na configuração do Apache, através do diretório
“C:\Xampp\apache\conf\httpd.conf”. Quando o arquivo for aberto, alterar
o valor da porta nas linhas:
 Listen 0.0.0.0:80
Listen [::]:80
Listen 80
 Abrir o arquivo “ProgPHP”, disponibilizado no CD de instalação, e utilizar
novamente o IP do FieldLogger, substituindo-o na linha “$xml_parser-
>abre_xml(“http://IP_DO_FIELDLOGGER/channels.xml”)” do código.
 Copiar os arquivos “ProgPHP” e “Image” para o diretório
“C:\xampp\htdocs”;
 Com o painel de controle do Xampp aberto, pressionar “START” para a
opção “Apache” ficar em modo Running;
 Para acessar a página web de exemplo basta utilizar o link
“http://localhost:PORT/ProgPHP.php”, substituindo “PORT” pelo número
da porta utilizado.
 Passo a Passo:

Primeiramente deve-se abrir o arquivo de configuração

“CustomWebPageExample.flc”, que pode ser encontrado no CD disponibilizado
com o instalador do Aplicativo do FieldLogger.
Uma janela será aberta conforme a figura abaixo:

FIGURA 1: Janela inicial do programa configurador.

As configurações necessárias para executar o exemplo já estão feitas,

por isso, basta apenas clicar em “Seguinte” até chegar à tela “Enviar
configurações para o Equipamento”, conforme figura a seguir:
 FIGURA 2: Janela de envio de configurações.

Clicando em “Enviar”, o usuário tem três opções de envio: USB,

ETHERNET ou RS485, ficando a cargo do mesmo optar pela qual irá utilizar.
Assim que a conexão for realizada com sucesso, deve-se conectar os
sensores nas suas respectivas entradas:

Canal de entrada: Tipo de sensor:

1 Tensão
2 Corrente
3 Temperatura1
4 Pressão1
5 Temperatura2
6 Pressão2
TABELA 1: Canais de entrada e seus respectivos sensores.

Assim que as entradas forem conectadas, basta abrir o link

“IP_DO_FIELDLOGGER\channels.xml”, alterando “IP_DO_FIELDLOGGER”
pelo número do IP encontrado ao se navegar na IHM do dispositivo, para testar
a leitura dos valores de entrada na plataforma XML, conforme FIGURA 3.

FIGURA 3: Tela XML com valores de entrada.

Caso ocorra algum erro de leitura, como por exemplo, não haver sensor
conectado a uma entrada, o valor -9,98 será mostrado tanto na tela IHM do
aparelho como na tela XML.

Feito a leitura, o próximo passo é instalar o software XAMPP-APACHE:

 O que é?
É um servidor web livre, independente de plataforma. O mesmo possui
em seu pacote o servidor web Apache, que possui um interpretador de
linguagem de script PHP. Esse programa transforma o seu computador em um
servidor web, o que é necessário para o funcionamento do programa exemplo.
  Como utilizar?
Executar o arquivo de instalação “xampp-win32-1.7.7-VC9-installer”,
encontrado tanto no CD disponibilizado quanto no site da empresa
“http://www.apachefriends.org/pt_br/xampp-windows.html”.
Clicar em “Next” até chegar à janela de opções do Xampp, como na
ilustração a seguir:

FIGURA 4: Janela de opções do Software Xampp.

Selecionar a opção “Install Apache as service” e clicar em “Install”.

Concluída a instalação, abrir o painel de controle do programa e
selecionar a opção “Start” para o módulo Apache, colocando-o em modo
Running (veja figura abaixo).
 FIGURA 5: Painel de controle do Software Xampp.

Ao instalar o Xampp-Apache, automaticamente o Apache é direcionado

a utilizar a porta 80, no entanto, caso este já esteja em uso em seu
computador, a troca da porta deverá ser feita acessando o seguinte diretório:
“C: \Xampp\apache\conf”, abrindo o arquivo “httpd.conf” (através do bloco de
notas, por exemplo).
Aberto o arquivo, substitua o “80” pelo número de PORT que deseja
utilizar na linha “Listen”:
 FIGURA 6: Arquivo de configuração “httpd.conf”.

Também é necessário editar o arquivo “ProgPHP.php”, que se encontra

na raiz do CD de instalação. Abra o arquivo e escreva o IP do FieldLogger no
local indicado na figura:

FIGURA 7: Linhas de código do arquivo “ProgPHP.php”.

 Feito isso, deve-se copiar os arquivos “ProgPHP.php” e “Image.jpg” no
diretório “C:\xampp\htdocs”.
Concluída a instalação, basta abrir a página PHP
“http://localhost:PORT/ProgPHP.php”, substituindo a palavra “PORT” por 80
(caso tenha utilizado a porta padrão) ou o número da porta que você utilizou,
caso essa tenha sido alterada.

FIGURA 8: Página PHP de visualização dos valores de entrada.