30 de abril de 2009

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 :
<title>Lista de Serviços do Windows</title>
<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.
<body 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.

2 comentários :

Anônimo disse...

oi meu nome e wesley e queria ajuda
ele exibe uma pagina da internet como si foce um navegador

eu queria que exibise esta pagina

http://www.aq.com/play-now/

mais da um alerta de segurança

Luís Gustavo Fabbro disse...

Wesley

Você pode construir uma página com o alerta que deseja e disponibilizar nela um link para a página real que quer carregar.

Outra opção é criar na página da aplicação um evento OnLoad que redirecione automaticamente para a página desejada, exibindo antes o alerta e pedindo confirmação para concluir o redirecionamento.

Postar um comentário

OBS: Os comentários enviados a este Blog são submetidos a moderação. Por isso, eles serão publicados somente após aprovação.

Observação: somente um membro deste blog pode postar um comentário.