O que são os Google Gadgets?

Google Gadgets são miniaplicativos simples em HTML e JavaScript fornecidos em iFrames que podem ser incorporados em páginas da web e em outros aplicativos.

Criação simples

As bibliotecas JavaScript integradas facilitam a criação de gadgets incluindo guias, conteúdo em Flash, armazenamento persistente, redimensionamento dinâmico, etc. Use o Editor do Google Gadgets para criar gadgets rápida e facilmente.

Então vamos fazer nosso primeiro GadGet e aprender como utilizar ele na página do iGoogle.

Primeiro acessamos a área de desenvolvimento de APIs de GadGets do Google

http://code.google.com/intl/pt-BR/apis/gadgets/index.html

Depois acessamos http://code.google.com/intl/pt-BR_ALL/apis/gadgets/docs/gs.html

que é uma área que nos ensina os primeiro passos no desenvolvimento de um GadGet. É nessa área que aprendemos a criar o GadGet "Ola Mundo". Indico a quem não tem uma certa facilidade com inglês que use o tradutor de páginas do Google para entender bem a área. Mas lembro que se o tradutor for utilizado você não conseguira testar os GadGets. Então... duas janelas abertas é a solução... uma traduzida e uma em inglês.

Segue o código para anáise:

<?xml version="1.0" encoding="UTF-8" ?>
<Module>
<ModulePrefs title="hello world example" />
<Content type="html">
<![CDATA[ Hello, world! ]]>
</Content>
</Module>

• Gadgets são especificados em XML. A primeira linha é a maneira de começar um arquivo XML. Esta deve ser a primeira linha do arquivo.
• O tag indica que este arquivo XML contém um gadget.
• O tag contém informações sobre o gadget, como o seu título, descrição, o autor e outros recursos opcionais.
• A linha indica que o gadget do tipo de conteúdo é HTML.
• É utilizado para juntar HTML quando um gadget do tipo de conteúdo é html. Ele diz ao analisador gadget que o texto dentro da seção CDATA não deve ser tratado como XML. A seção CDATA tipicamente contém HTML e JavaScript.
• significa o fim da seção de conteúdo.
• significa o fim do gadget definição.

O Google Gadgets API consiste de um pequeno número de blocos de construção simples: XML, HTML, e JavaScript. Então segue a dica: Se você não sabe HTML, aprenda, só assim você conseguira tornar seu gadget visualmente correto, claro que nem citei CSS, que deixa visualmente mais bonito. Quanto ao JavaScript, já é um pouquinho mais chato de aprender, mas quando se desenvolve gadgets fica bem mais facil porque é um tipo de aplicativo modular, então construimos o código por pequenas partes. Sabem aquele ditado né? "De grão em grão a galinha enche o papo", então é só começar.

Na mesma tela que ainda nos encontramos tem um editor para escrevermos o código, e logo ao lado tem uma tela de Preview, é só clicar ali pra ver como ficou seu gadget.

Você também pode fazer upload de algum gadget pronto, caso você tenha um em seu computador e manipulalo no editor.

Agora vamos colocar nosso gadget no nosso iGoogle

Tudo alterado... modificado... criado... e visualizado, vamos salvar nosso gadget.

• Clicar em "File"
• Depois em "Save" --> Uma telinha vai se abrir perguntando qual nome você quer dar ao arquivo .xml, eu coloquei "alo.xml"
• Depois de salvo, volte a "File" e clique em "Publish" --> De um "OK" na tela de validação e em "Publish Your Gadget" você escolhe que tipo de publicação você quer fazer. Clique em "Add to my iGoogle page" uma tela do iGoogle se abrira, clique em "Adicionar ao Google" e pronto a sua tela personalizada do iGoogle se abrirá com seu novo GadGet adicionado junto aos demais.

Bem fizemos nosso primeiro gadget, agora vamos nos aprofundar nele no próximo post. Qualquer duvida postem nos comentários que logo logo estárei procurando responder ou mandem um e-mail pra mim. Até mais e abrços!!!

------------------------------------------------------------------

E-mail: mailto:bloggercaos@gmail.com

MSN: mailto:mulahdaracaos@hotmail.com

------------------------------------------------------------------