adourado - Blog de Alessandro Dourado

Outro dia,  no post "Utilizando o Netbeans para Desenvolver com Griffon" mostrei como instalar e utilizar um plugin para o Netbeans 6.7 que permite desenvolver aplicações com o framework Griffon.

Este mesmo plugin, ainda em fase de testes, acaba de sofre um upgrade. Evolui da versão Pre-Alpha para Alpha. Como falei no post anterior, mesmo sendo uma versão de testes já promete muito e cumpre suas obrigações.

As grandes novidades desta versão são:

1. A apresentação da pasta dos fontes dos projetos Griffon na janela de projetos antes visto apenas pela janela de arquivos;
   
2. Problema de incompatibilidade com aplicações Grails que deixava de funcionar e assumia os comandos do Griffon após a instalação do plugin.

No post anterior mostra como você pode instalar o plugin passo a passo mas para baixar o plugin acesse: http://plugins.netbeans.org/PluginPortal/faces/PluginDetailPage.jsp?pluginid=18664

Este plugin é open source e seus fontes podem ser acessados em: http://kenai.com/projects/nbgriffonsuite

Para ver o anúncio divulgado pelo autor acesse: Griffon Alpha Plugin for NetBeans IDE 6.7

O que é que nós desenvolvedores estamos sempre buscando?? Ferramentas que falicitem as nossas atividades. E como a ferramenta que ultimamete tem me salvado é o Netbeans, a primeira coisa que fiz quando comecei a programar em Grail/Griffon/Groovy foi pesquisar os plugins para Netbeans.

E com isso, dando continuidade em meus posts sobre o Griffon, hoje vou falar do plugin Griffon feito para o Netbeans.

Comecei a busca do plugin com o pé direito, o dia em que eu pesquisei foi exatamente o mesmo dia em que Geertjan liberou o plugin do Griffon para download no site de  plugins do Netbeans. Na mesma hora, baixei, instalei, usei e aprovei! Agora vou descrever minha tragetoria com esse plugin para que você também aprove este plugin.

Instalando o Plugin

Atenção / Aviso / OBS:  O plugin do Griffon esta em suas primeiras versões e conta com um grande problema: Ao configurar o Griffon, você perderá os recursos do Netbeans referenteas aplicações Grails. Ou seja, Griffon e Grails no mesmo Netbeans não rola. Se você desenvolver para os dois frameworks instale uma nova instancia do Netbeans para o Griffon deixando uma para cada.

Para instalar o plugin você deverá ter o Netbeans 6.7 com o suporte Groovy instalado e habilitado. Se você baixou a versão Java ou a completa (Tudo) do Netbeans já terá o suporte ao Groovy. Caso não possua, você o deverá instalar antes do Plugin do Griffon.

Para instalar o suporte ao Groovy acesse Ferramentas >> Plugins e depois na aba Plugins Disponiveis você seleciona o Groovy e clicar em Instalar. Se já estiver instalado e não ativo, você deverá ir na aba de Instalados, selecionar o Groovy e clicar em Ativar como mostra a Figura 1.

Figura 1 - Ativando o Plugin

Com o suporte ao Groovy habilitado passamos aos próximos passos, baixar, instalar, configurar e testar o plugin.

1. Faça o download do plugin aqui.
2. Extraia o conteudo do arquivo baixado e terá 3 arquivos .nbm
3. Em Ferramentas >> Plugins na Aba Baixados
   
1. Click em Adicionar Plugins (Figura 2)
2. Selecione os arquivos extraidos (Figura 3)
3. Click no Botão Instalar (Figura 2)

 Figura 2 - Adicionando Plugins Baixados

 Figura 3 - Selecionando Arquivos

Após instalado vamos configurar o plugin apontando o diretório onde o Griffon esta instalado. O meu post "Griffon: O Grails para Aplicacoes Swing/JavaFx" mostra como instalar o Griffon. Para isso a vá no menu Ferramentas >> Opções >> Miscelânea na aba Groovy e aponte o diretório o Griffon e do Grails nesta configuração. Não sei se é obrigatório configurar o Grails mas como eu não estava conseguindo gravar só com o Griffon (pode ser um Bug) e eu tinha o Grails instalado na minha maquina, então eu configurei o Grails também. Essa tela é ilustrada na Figura 4.

 Figura 4 - Configurando o caminho do Griffon

Utilizando o Plugin

Com tudo instalado e configurado, chegou a hora de colocar a mão na massa e começar a desenvolver Griffon utilizando os recursos do plugin.

A primeira coisa que vamos fazer é criar um novo projeto. Para isso você deverá seguir os mesmos passos de criação de qualquer projeto no Netbeans.

1. Menu Arquivo >> Novo Projeto
2. Seleciona a categoria Groovy e o projeto Griffon Application (Figura 5)
   
3. Escolhe o nome e o local da aplicação e finaliza. Neste passo existe uma forma de configurar o Griffon (Figura 6)
4. Projeto criado e listado na janela de Projetos (Figura 7)
   

Obs.: Qualquer aplicação do Griffon, criada pelo plugin ou não pode ser aberta e usada pelo plugin.

 Figura 5 - Criando um novo projeto Griffon (parte 1)

 Figura 6 - Criando um novo projeto Griffon (parte 2)

 Figura 7 - Visualização do Projeto Criado

Com o plugin, com apenas alguns clicks você poderá executar diversos comando Griffon. Ao clicar com o botão direito do mouse,  você verá o meu da Figura 8 onde já disponibiliza diversas ações como: limpar, executar, atualizar, testar, compilar além de outras.

A ação selecionada na figura abaixo ("Run Griffon Command..."  ao ser chamada abre uma janela com todos os comandos da aplicação Griffon e dos plugins instalados na mesma (Figura 9). Ai é só selecionar o comando e clicar em "Run".

 Figura 8 - Menu com opções para projetos Griffon

 Figura 9 - Lista de comandos Griffon

O plugin também mostra na area de output do Netbeans todas as saidas da aplicação como mostrado na Figura 10.

Figura 10 - Aplicação Griffon com o seu Output

Este post tem como objetivo instalar e mostrar o plugin de desenvolvimento Griffon para o Netbeans. Eu já estou usando este plugin para desenvolver a minhas aplicações e plugins e não tenho muito do que reclamar não apenas alguns detalhes que não chega a atrapalhar as minhas tarefas.

A pouco tempo decidir aprender mais sobre desenvolvimento ágil e comecei meus estudos a linguagem da moda mais falada atualmente, a Ruby on Rails.

Fiquei bastante impressionado com a facilidade e a agilidade no desenvolvimento de aplicações utilizado esta linguagem. No entanto, achei bastante diferente do que estou habituado como programador Java. Muita coisa nova para aprender.

Foi aí que em minhas pesquisas para o aprendizado do Ruby on Rails que cheguei ao Grails. Achei bastante parecido com o Ruby on Rails e muito mais próximo do Java - que é a minha praia. Então pensei, um Java com a agilidade do Ruby on Rails, fechou!

Deste momento em diante foquei minhas pesquisas para o grails e até evolui bem, entendi o funcionamento, instalei plugins, criei exemplos e estava cada vez mais apaixonado por ele. Em paralelo descobri o Griffon, um Grails para aplicações Swing e como estava começando a desenvolver uma nova aplicação para um cliente da minha empresa (softag) em Swing, pensei logo em desenvolver essa aplicação usando o Griffon. Estava eu mudando o rumo de meus estudos novamente, agora para o Griffon.

A Grails-like Rich Internet Framework

Como falei anteriormente, o Griffon é um framework parecido com o Grails para desenvolvimento de aplicações Desktop em Groovy. (Groovy é uma linguagem de script interpretada pela JVM).  Ou  seja, aplicações Swing/JavaFX.

Como o Grails, o Griffon segue o mesmo conceito de MVC (model-view-controller) e tudo é bem organizado e separado nas seguintes pastas:

griffon-app (pasta rais aplicação Griffon)
 - controllers  (pasta dos controladores)
 - i18n  (pastas dos arquivos de internacionalização)
 - lifecycle (pasta onde fica os arquivos de configuração do ciclo de vida da aplicação)
 - models (pasta dos modelos)
 - resources (pasta para outros arquivos como imagens)
 - views (pasta dos arquivos de visão)

Apesar de ele ser um projeto novo esta e suas primeiras versões (0.1.1), já dá para ver o seu potencial e o que ele é capaz de fazer de forma bem ágil. Já conta com alguns plugins que permite que você adicione funcionalidade como Tray Icon, Splash Screen, CSS, Wizards ou incluir componentes Jide, SwingX, Flamingo, usar formulários do tipo AbeilleForm e até mesmo colocar suporte a linguagens como Scala e criar um instalador multiplataforma para sua aplicação de maneira bem simples e rápida.

Para ilustrar o funcionamento, vou mostrar como instalar o Griffon e criar uma pequena aplicação não muito funcional.

Instalando o Griffon

Veja o passo a passo de como instalar o Griffon aqui. Mas segue um resumo com os principais passos:

• Faca o download do Griffon aqui
• Extraia o arquivo para C:\Griffon, ~\Griffon ou outra pasta e o defina como GRIFFON_HOME
  
• Defina o JAVA_HOME caso não esteja definido
  
• Adicione o GRIFFON_HOME\bin ao PATH

Criando uma aplicação Griffon

Após instalado, para criar uma aplicação Griffon e toda a sua estrutura basta digitar em um console o seguinte comando:

griffon create-app AplicacaoExemplo

O comando acima cria também um MVC padrão com o nome da aplicação. Que em nosso exemplo serão criados os aquivos  AplicacaoExemploModel, AplicacaoExemploView e AplicacaoExemploController em suas devidas pastas.

Essa aplicação consiste em apenas um formulário com um label escrito "Content Goes Here" e pode ser vista executando o seguinte comando:

griffon run-app

Agora vamos modificar o view criando um formulário sem ação alguma apenas para demostração.

• Abra o arquivo AplicacaoExemplo\griffon-app\view\AplicacaoExemploView.groovy e substitua o seu código por:

1. application(title:'AplicacaoExemplo',
2. preferredSize: [400,400],
3. pack:true,
4. locationByPlatform:true,
5. iconImage: imageIcon('/griffon-icon-48x48.png').image,
6. iconImages: [imageIcon('/griffon-icon-48x48.png').image,
7. imageIcon('/griffon-icon-32x32.png').image,
8. imageIcon('/griffon-icon-16x16.png').image]
9. ) {
10. panel(id: 'enderecoDetailPanel', border: emptyBorder(3), opaque: false) {
11. gridBagLayout()
12. label('Bairro:', insets: [3, 3, 3, 3], anchor: WEST)
13. textField(
14. gridwidth: REMAINDER, insets: [3, 3, 3, 3], fill: HORIZONTAL, weightx: 1.0
15. )
16. label('Cidade:', insets: [3, 3, 3, 3], anchor: WEST)
17. textField(
18. gridwidth: REMAINDER, insets: [3, 3, 3, 3], fill: HORIZONTAL, weightx: 1.0
19. )
20. label('Logradouro:', insets: [3, 3, 3, 3], anchor: WEST)
21. textField(
22. gridwidth: REMAINDER, insets: [3, 3, 3, 3], fill: HORIZONTAL, weightx: 1.0
23. )
24. label('Estado:', insets: [3, 3, 3, 3], anchor: WEST)
25. comboBox(
26. gridwidth: REMAINDER, insets: [3, 3, 3, 3], fill: HORIZONTAL, weightx: 1.0
27. )
28. label('Complemento:', insets: [3, 3, 3, 3], anchor: WEST)
29. textField(
30. gridwidth: REMAINDER, insets: [3, 3, 3, 3], fill: HORIZONTAL, weightx: 1.0
31. )
32. label('Numero:', insets: [3, 3, 3, 3], anchor: WEST)
33. textField(
34. insets: [3, 3, 3, 3], fill: HORIZONTAL, weightx: 1.0
35. )
36. label('Cep:', insets: [3, 3, 3, 3], anchor: WEST)
37. textField(
38. gridwidth: REMAINDER, insets: [3, 3, 3, 3], fill: HORIZONTAL, weightx: 1.0
39. )
40. panel(opaque: false, gridwidth: REMAINDER) {
41. button('Gravar')
42. button('Excluir')
43. }
44. }
45. }

Apos isso execute a aplicação novamente.

griffon run-app

Você verá a seguinte tela:

Para criar um novo MVC digite o seguinte código:

griffon create-mvc br.com.softag.adourado.griffon.Exemplo

Um outro exemplo pode ser visto no Quick Start na página do projeto.

Bem, este e apena um primeiro post sobre o Griffon de vários que já estão em desenvolvimento irei publicar-los em breve. Onde registrarei todas as minhas experiencias com o Griffon, desde a criação da primeira aplicação até a criação de um plugin para o Griffon.

Até o próximo post..

Aproximadamente um mês após o lançamento do Netbeans 6.5 M1 a equipe do Netbeans lançou o Netbeans 6.5 Beta com diversos novos recursos além de melhorias e correções.

Desses novos recursos incluem:

• IDE para desenvolvimento em PHP;
• Melhor importação de projetos desenvolvidos no Eclipse;
• Compilar / Efetuar Deploy ao salvar;
• Suporte  à Groovy and Grails;
• E muito mais!
  

Podemos obter mais detalhes desse lançamento em: http://www.netbeans.org/community/releases/65/.

Além do lançamento oficial e do release notes podemos observar algumas mudanças no Netbeans:

• Novas cores do instalador, splash e tela inicial (New Colors of the NetBeans IDE 6.5 Beta Installer).
  
• Geração do código de interface simplificado (Simplified GUI Code Generation) - Os códigos gerados pelo Matisse ficaram mais limpos: tirando o caminho completo das classes, etc;
• Novos funcionalidades no debug (Java Debugger New Feature).