|
Criando um Gadget Passo a Passo
Criar um Gadget é tão simples como criar uma página Web e acrescentar-lhe funcionalidade com alguma linguagem de Scripting.
Em seguida se explicam os passos necessários para consegui-lo, que serão complementados com um que poderá lhe servir de referencia para começar a criar seus próprios Gadgets.
Passo 1: Criar o diretório que irá conter os arquivos de desenvolvimento do Gadget
Deve-se criar um diretório para armazenar os arquivos que serão desenvolvidos para o funcionamento completo do Gadget.
1. Determinar a disponibilidade do Gadget
Com a tecla Windows + R, abra janela “Executar” e execute a seguinte sentença de acordo com a la visibilidade que deseja que tenha o aplicativo.
a) Se deseja que o Gadget esteja disponível para um usuário específico do PC, deve localizar o diretório de onde se criará o Gadget com a seguinte sentença:
|
\Users\%userprofile%\AppData\Local\Microsoft\Windows
Sidebar\Gadgets
|
b) Se deseja que o Gadget esteja disponível para todos os usuários do PC, então escreva a seguinte sentença:
|
\Program Files\Windows
Sidebar\Shared Gadgets
|
Ao entrar com a instrução mencionada anteriormente, o Windows Explorer será aberto no diretório que contém os Gadgets disponíveis para o usuário especificado ou para todos os usuários do PC, respectivamente.
2. Gerar um diretório para o Gadget
Será criado um diretório com o formato NomeDoGadget.gadget na pasta de Gadgets localizada no ponto 2 (onde NomeDoGadget deve ser substituído pelo nome que havíamos dado a nosso Gadget, por exemplo: Noticias.gadget, FotosOnLine.gadget, etc).
É importante que o nome da pasta termine com a extensão .gadget para que o aplicativo seja reconhecido pelo Windows Sidebar e se possa acessar a partir daí posteriormente.
Dentro deste diretório e com o objetivo de manter a ordem dentro do desenvolvimento, se poderão gerar 3 novos subdiretórios chamados css, js e imagens, que serão utilizados posteriormente.
Passo 2: Criar o arquivo XML para o manifesto do Gadget
Na raiz do diretório criado no passo 1 com o nome NomeDoGadget.gadget, gere um novo arquivo chamado gadget.xml, que servirá como manifesto do Gadget. O nome do arquivo deve ser obrigatoriamente gadget.xml para que cumpra seu propósito.
O arquivo manifesto do Gadget armazena as configurações que serão utilizadas pelo aplicativo. É um arquivo de texto comum com o formato XML que se pode modificar facilmente.
<?xml version="1.0"
encoding="utf-8" ?>
<gadget>
<name>Nome do Gadget</name>
<namespace>Namespace.Ejemplo</namespace>
<version>1.0</version>
<author name="Nombre del autor">
<info url="http://www.webdelautor.com"
/>
<logo src="logo.png"/>
</author>
<copyright>© 2007</copyright>
<description>Aqui vai a
descrição do Gadget</description>
<icons>
<icon height="48" width="48"
src="iconoDelGadget.png" />
</icons>
<hosts>
<host name="sidebar">
<base type="HTML" src="InterfazVisualDelGadget.html"
/>
<permissions>full</permissions>
<platform minPlatformVersion="1.0"
/>
<defaultImage src="drag.png"
/>
</host>
</hosts>
</gadget> |
Se destacam os seguintes elementos para configurar corretamente a aplicação
|
|
| Elemento |
Descrição |
| <name> |
Neste elemento se define o nome do Gadget |
| <author> |
Dentro deste elemento se definem os dados do autor do Gadget. Possui sub elementos que permitem destacar a página web e o logo do autor. |
| <description> |
Este elemento permite oferecer uma descrição sobre a funcionalidade do Gadget |
| <base> |
Seu atributo Src indica ao Windows Sidebar que arquivo HTML contém a interface de usuário do Gadget. |
Passo 3: Criar a interface gráfica do Gadget
O usuário poderá interagir com o Gadget de duas maneiras:
• Utilizando os serviços que ofereça o aplicativo a partir de sua tela principal.
• Configurando as características e o funcionamento para permitir uma parametrização a partir de uma tela disposta para este fim.
Estas interfaces serão suportadas por arquivos HTML que podem conter qualquer dos elementos comumente permitidos pelos mesmos.
A interface gráfica com o usuário pode estar baseada em elementos simples do HTML padrão como listas, caixas de seleção simples ou múltiplas, caixas de texto, etc. ou podem bem estar desenvolvida com um sofisticado desenho em flash, o uma combinação de ambos os métodos, para mencionar algumas opções.
Em qualquer caso, estas páginas farão uso das funções Javascript necessárias para interagir com o modelo de objetos Gadget (do qual se comentará mais adiante) para oferecer os serviços desejados ao usuário.
Seguindo com os passos necessários para fazer funcionar um Gadget realizaremos as seguintes ações:
1) Criar a tela do Gadget
Na raiz do diretório NomeDoGadget.gadget gerado no passo 1, onde já existe o arquivo gadget.xml, gere o arquivo HTML de interface gráfica que oferecerá os serviços ao usuário e será acessado a partir do Windows Sidebar como um Gadget.
2) Criar a tela de Configuração do Gadget
Na mesma localização, pode gerar o arquivo um arquivo HTML para que o usuário crie as configurações funcionais necessárias que você, como desenvolvedor, deseja expor.
3) Manter a ordem entre seus arquivos
É uma boa prática centralizar as configurações visuais dos arquivos HTML que se exponha ao usuário em um ou vários arquivos de folha de estilo em cascata (com extensão .css). Neste caso se podem armazenar no diretório css que havíamos gerado no primeiro passo para este fim.
Da mesma forma, as imagens que sejam utilizadas pelas tela HTML que tenham sido criadas, podem ser armazenadas dentro do diretório imagens, também criado durante o primeiro passo.
Passo 4: Programar a funcionalidade desejada
Uma vez que se tenha definido a interface gráfica, poderá fazer uso de seu talento como programador Javascript ou VBScript para dar vida a seus Gadgets.
Além de ter a possibilidade de programar o comportamento dos elementos dispostos nas páginas HTML do Gadget, poderá fazer uso do modelo de objetos estendido que provê o Windows Vista para obter grandes funcionalidades.
1) Gerar funções de Scripting
Deverá desenvolver toda a funcionalidade que se deseja para interagir com a interface HTML criada. Se poderá codificar em VBScript ou Javascript para ter acesso ao modelo de objetos exposto pelo DHTML e oferecer ao usuário os serviços definidos para o Gadget.
2) Interagir com um modelo de objetos poderoso e estendido
O modelo de objetos DHTML vê-se estendido no Windows Vista para interagir com os objetos e eventos do Windows Sidebar e interagir com o sistema operacional, tendo acesso, dentre outras, às funcionalidades de:
• System.Display
• System.Environment
• System.Globalization
• System.Machine
• System.Net.NetworkInformation
• System.Shell
Passo 5: Testar, Depurar e Instalar o Gadget no Windows Sidebar
Como todo desenvolvimento pequeno ou grande, devemos testar a consistência e funcionalidade de nosso Gadget antes de distribuí-lo.
Se queremos instalar o Gadget em um PC podemos seguir os seguintes passos:
1) Abrir o Windows
Sidebar
Dê um clique no sinal de “+” localizado na parte superior do Windows Sidebar
2) Anexar o Gadget ao Windows Sidebar
Na galeria dos Gadgets se poderá visualizar o Gadget criado. Para anexá-lo, existem três possibilidades:
• Dar um duplo clique no Gadget
• Clicar com o botão directo no Gadget e selecionar Add (Adicionar)
• Arrastrar o Gadget até o Sidebar.
A Galeria de Gadgets reconhece todos os Gadgets que estão localizados nos seguintes endereços:
• \Users\%userprofile%\AppData\Local\Microsoft\Windows
Sidebar\Gadgets (gadgets próprios de cada usuário)
• \Program Files\Windows Sidebar\Shared
Gadgets (gadgets que todos os usuários do computador terão acesso)
• \Program Files\Windows Sidebar\Gadgets
(gadgets que já vem instalados com o Windows Vista)
Dicas
• A largura de nossos Gadgets não deve superar os 130px (pixels).
• É recomendável especificar sempre tanto a largura como o comprimento do Gadget, para que não seja visto deformado no Windows Sidebar.
• Se pode criar um pacote de instalação de nosso Gadget para que, apenas com um duplo clique, se instale e se anexe no Sidebar. Para isso, selecionamos e comprimimos todos os arquivos e pastas que formam nosso Gadget. Uma vez que o ZIP ficará com o formato NomeDoGadget.gadget.zip, retiramos a extensão zip. Com um duplo clique no arquivo comprimido se instalará nosso Gadget.
DESAFIO GADGET
|
