sábado, 14 de agosto de 2010

Criando aplicações HTML

Criando aplicações HTML

Uma aplicação HTML é, a grosso modo, uma página HTML que é carregada localmente – e não a partir da Web – e que, portanto, não sofre as restrições de segurança aplicadas a páginas vindas da rede. Aplicações HTML podem, portanto, conter e executar as mesmas coisas que páginas HTML comuns : exibir interface gráfica interativa, embutir animações flash, formatar informações com CSS, executar scripts, etc.. Dessa forma, são uma alternativa interessante e rápida para criar automações de tarefas do dia-a-dia, tanto as mais simples (como copiar arquivos) quanto as mais complexas, envolvendo, por exemplo, acesso a banco de dados através de ADO ou outras estruturas através de COM.

Escrevi um post sobre
automação envolvendo Scripts, COM e serviços do Windows e vou usar o mesmo exemplo para criar uma aplicação HTML, mostrando o quão flexível e poderosa pode ser essa técnica.

Na prática, há duas coisas que diferenciam um
HTML comum de uma aplicação HTML :
1) o nome do arquivo da aplicação possui extensão HTA ao invés de htm ou html;
2) internamente, a presença da tag
HTA:APPLICATION, que descreve algumas características da aplicação, como borda da janela, ícone, etc.
Segue o trecho do HTML de exemplo onde ocorre a tag
HTA:APPLICATION :

<HTA:APPLICATION ID="AppServices"
APPLICATIONNAME="serviços"
BORDER="dialog"
ICON=””
SHOWINTASKBAR="yes"
WINDOWSTATE="maximize"
SCROLL="auto"
SYSMENU="yes"
>

Onde
ID é um nome único para permitir acessibilidade à tag via script;
APPLICATIONNAME é o nome dado à aplicação;
BORDER indica o tipo de borda que a janela da aplicação possuirá, isto é, se o usuário verá uma borda e se a janela poderá ser redimensionada;
ICON é o caminho para um arquivo externo contendo o ícone que representará a aplicação; no exemplo, está vazio para evitar ter um arquivo externo;
SHOWINTASKBAR indica se a aplicação deve ou não aparecer na barra de tarefas do Windows;
WINDOWSTATE configura como a janela para a aplicação deve aparecer; no exemplo, ela estará maximizada;
SCROLL configura a exibição de barras de rolangem na página; auto significa que elas aparecerão somente se for necessário;
SYSMENU indica se o menu de sistema é acessível pelo usuário na aplicação.

Há outras propriedades disponíveis que não aparecem no exemplo. A lista completa pode ser consultada
aqui.

Na parte HTML propriamente dita, implementei o evento
onload da tag body, chamando a rotina em VBScript que lista todos os serviços instalados na máquina, se estão em execução no momento e o método de inicialização deles.
onload="ListaServicos ()">

Assim, ao dar um duplo clique no arquivo HTA, ele carregará a aplicação e renderizará automaticamente a lista.

Para entender como funciona a rotina, veja meu outro post sobre
automação de serviços através de scripts. Para fazer download do exemplo, clique aqui.
O exemplo não é um primor de interatividade mas ilustra bem o poder dos scripts e como usá-los rapidamente para criar uma aplicação HTML. Como é um arquivo texto simples contendo tags HTML, qualquer editor de texto serve para criá-lo; e também não é preciso compilá-lo.

0 comentários:

Postar um comentário