↓ Arquivo ↓

Arquivo → abril - 2009

Utilizando Google Web Toolkit(GWT) 1.6 com o Eclipse Ganymede

Como prometido em janeiro, começo a série de tutorias sobre GWT. Faz tempo que tinha postado que iria começar a postar sobre, mas resolvi esperar sair a versão 1.6 do GWT. Demorou mais que eu esperei essa versão, mas saiu e com algumas novidades bacanas e coisas que eu nem esperava. Eu já tinha um esboço pronto deste primeiro tutorial. Mas tinha escrito ele para utilizar GWT 1.5 com Cypal Studio. Mas o Google lançou um plugin próprio para utilizar GWT no Eclipse. Então resolvi reescrever o tutorial. Tentei deixar o mais simples e objetivo possível. Acredito eu que consegui atingir isso. Estou levando em conta que você já possui o Eclipse Ganymede(3.4) em sua máquina. Caso não possua, vá em http://www.eclipse.org/downloads e baixe o  ‘Eclipse IDE for Java EE Developers’.

Instalando o Google Plugin

  1. Com o Eclipse aberto, vá em Help/Software Updates
  2. Entre na aba ‘Avaliable Software’
  3. Clique em ‘Add Site’
  4. Coloque o endereço http://dl.google.com/eclipse/plugin/3.4 e clique em OK

    Tela Cadastro Plugin Eclipse

    Tela Cadastro Plugin Eclipse

  5. Marque todos os item como na imagem e clique no botão Install.

    Tela Seleção Modulos Plugin GWT

    Tela Seleção Modulos Plugin GWT

  6. Espere ele verificar e baixar os requisitos e pendências (esta parte pode demorar)

    Tela Procurando Pendencias GWT

    Tela Procurando Pendencias GWT

  7. Depois disso é só dar um Next, aceitar os termos(faça de conta que você leu) e clique em Finish.
  8. Depois disso ele vai instalar o plugin e acabou aí. Reinicie o Eclipse e o plugin já vai estar disponível para uso.

Criando e testando um projeto GWT

  1. Com o Eclipse aberto, vá em File / New / Other
  2. No item Google, selecione ‘Web Application Project’ e clique em Next.

    Seleção Tipo Projeto GWT

    Seleção Tipo Projeto GWT

  3. Em Project Name coloque o nome do projeto(utilizei ProjetoTeste) e em Package preencha o pacote da Aplicação(utilizei com.serathiuk.teste.projetoteste). Deixe tudo marcado como está e clique em Finish.

    Tela Configuração Projeto GWT

    Tela Configuração Projeto GWT

  4. Pronto.  O projeto está criado. Vamos testa-lo.
  5. Para testa-lo, vá em Run / Run Configuration
  6. Selecione o item com o nome do projeto em Web Application.

    Tela Rodar Aplicação GWT

    Tela Rodar Aplicação GWT

  7. Clique em Run.
  8. Se funcionar tudo ok, irá aparecer uma janela como a da imagem.

    Tela Hosted Mode GWT

    Tela Hosted Mode GWT

Considerações finais

Este artigo tinha como intuito dar o primeiro pontapé no GWT. Não foi feito nada demais, só rodamos um exemplo já existente. Mas no próximo pretendo escrever como fazer um formulário simples acessando dados do servidor. Mas é isso. Espero que tenham gostado e critiquem a vontade nos comentários.

Novidades, novidades, novidades…

Olá. Faz tempo que não posto nada. No último post tinha prometido o ínicio da série de tutoriais sobre GWT. O primeiro estava praticamente pronto, utilizando GWT 1.5 e Cypal Studio no Eclipse. Fui adiando, adiando, até que vi que existia a versão 1.6 Milestone 1 do GWT. Resolvi esperar sair o GWT 1.6 para começar a escrever os tutoriais, pois me atualizo enquanto escrevo.

Pois bem, saiu a nova versão do GWT. A versão 1.6 final. Não verifiquei a fundo as novas features, mas resolvi atualizar aquele antigo tutorial que eu estava escrevendo. Mas vi que era mais fácil reescreve-lo. Pois irei reescreve-lo para utilizar GWT, Eclipse e o novo plugin para GWT, que é oficial do Google, que uma das grandes novidades.

E o plugin “Google Plugin for Eclipse”, além de dar suporte à GWT ao Eclipse, dá suporte ao “Google App Engine for Java”. Sim meninos e meninas, agora o App Engine, como foi prometido a séculos, dá suporte a outra linguagem além do Python(e Fortran 77 segundo a piadinha de 1º de abril deste ano). Isso que o Google teve mais um monte de lançamentos, como Gmail Mobile para Android e IPhone, nova versão do Android, versão nova do Google Reader, e a lista vai.

E saindo da área do Google e indo para a do ExtJS, tivemos um lançamento. O Ext Core, que é o núcleo do ExtJS. Seria um ExtJS sem componentes. Algo com funcionalidades parecidas com a do jQuery, Prototype, etc. A licença não é a famigerada GPLv3 do ExtJS2.1 em diante. É a licença MIT, que pelo o que tudo indica, pode ser utilizada sem nenhum medo de ser feliz. Mesmo não tendo todo poder do ExtJS(que é mais voltado para RIA), me parece uma ótima biblioteca, quando você não necessite criar interfaces, mas sim apenas algo que facilite sua programação em Javascript. Ele tem um esquema bem legal para criação de classes e namespaces em Javascript. Vale a pena conferir.

Aí vai a lista de links:

Google Web Toolkit: http://code.google.com/intl/pt-BR/webtoolkit/

Google Plugin for Eclipse: http://code.google.com/intl/pt-BR/eclipse/

Google App Engine For Java: http://googleappengine.blogspot.com/2009/04/seriously-this-time-new-language-on-app.html

Google App Engine For Fortran 77(1º de abril): http://googleappengine.blogspot.com/2009/04/brand-new-language-on-google-app-engine.html

Ext Core: http://www.extjs.com/products/extcore/