sexta-feira, 11 de abril de 2008

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
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

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

quinta-feira, 10 de abril de 2008

iGoogle - Entendendo o iGoogle [ GadGets - WidGets ]

Num primeiro momento estarei colando muita coisa do iGoogle, para depois aprofundar detalhes. Conforme forem surgindo dúvidas e opiniões tomaremos rumos diferentes dentro do assunto. Peço que comentarios e dúvidas sejam postados nos posts corretos. Dependendo do assunto levantado estarei transferindo o conteúdo para o Grupo http://groups.google.com.br/group/curso-wbi?hl=pt-BR para tornar o conteúdo mais discutido num formato apropriado.

Começo com uma descrição doque é iGoogle?

O Google oferece a capacidade de criar uma página personalizada do iGoogle que fornecerá acesso imediato a informações importantes no Google e na Web. Nessa página que você mesmo projeta, é possível selecionar e organizar o conteúdo como: - mensagens do Gmail mais recentes - títulos do Google Notícias e de outras fontes de notícias importantes - previsão de tempo, cotações de ações e horário de exibição de filmes - indicadores para acesso rápido a seus sites favoritos em qualquer computador - sua própria seção com conteúdo de toda a Web.

Para criar a sua própria página do iGoogle, visite http://www.google.com/support/bin/answer.py?answer=25551

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