Olá!

Este é o primeiro de dois tutoriais destinados a iniciantes na tecnologia Java para web.

Os tutoriais que compõe esta série estão a seguir:


Antes de começarmos, vamos dar uma breve definição sobre o que é JSF e RichFaces.

  • JavaServer Faces (JSF) é um framework  MVC para o desenvolvimento de aplicações Web, que permite o desenvolvimento de aplicações para a internet de forma visual, ou seja, arrastando e soltando os componentes na tela (JSP), definindo propriedades dos mesmos, etc. Mais informações no Wikipédia.
  • RichFaces é uma biblioteca de componentes open source para aplicações web que trabalha com a framework JSF. Com ela, podemos fazer uma fácil integração de Ajax com as aplicações. Mais informações no Wikipédia.

Para este tutorial, utilizaremos os seguintes programas/ferramentas:

Nota: As versões dos programas abaixo listados, foram testados e são compatíveis entre si. Caso venha a instalar uma outra versão, verifique se existe compatibilidade entre as ferramentas.


Primeiramente baixe o eclipse e descompacte o arquivo no seu computador. Em seguida, acesse o diretório e execute o eclipse.

img1

Com o Eclipse aberto, o próximo passo é instalar o JBoss Tools (efetue o download do JBoss Tools caso ainda não tenha feito, mas não descompacte-o), para isso, acesse o menu “Help>Install New Software”.

img2

Com a tela de instalação de novos softwares aberta, clique em “Add”.

img3

Em seguida, localize o arquivo ZIP do JBoss Tools, clicando em “Archive…”, e dê o nome “JBoss Tools” na caixa “Name”. Finalize clicando em “OK”.

img4 Feito o procedimento anterior, sua lista de “Work with” deve ter aumentado (conforme imagem abaixo). Caso o “JBoss Tools” ainda não tenha aparecido na listagem, feche esta tela de “Install New Software” e abra novamente.

img5

Clique em “JBoss Tools” na listagem para carregar o conteúdo da área abaixo. Em seguida, dê um check no item “All JBoss Tools – 3.1.0.v201003050540R-H56-GA” e clique em “Next”.

img6

Clique “Next” na próxima tela e aceite a licença na seguinte. Finalize clicando em “Finish” e aguarde a instalação das ferramentas. A instalação deve levar de 10 a 20 minutos.

img7

Durante a instalação, uma mensagem de segurança será emitida. Apenas clique em “OK”.

img8

Com a instalação concluída, uma mensagem solicitando que o Eclipse seja reininciado será emitida. Clique em “Yes”.

img9

Com o Eclipse reininciado, troque o modo de visão da IDE para “Web Development”.

img10
img11

Com a perspectiva de desenvolvimento web aberta, já podemos visualizar a criação de projetos JSF no menu “File>New”, porém, este tutorial não abordará a criação de um projeto.

img12

Para finalizar este tutorial, vamos agora configurar o nosso servidor de aplicação na IDE, no caso, o Tomcat. Caso ainda não tenha feito o download do Tomcat, faça agora.

Antes de prosseguir este tutorial, é essencial que o Tomcat esteja funcionando corretamente, para isso, leia este artigo já postado aqui no Folder Code: Como instalar o Apache Tomcat (version 6.0.26).

Clique no menu “Windows>Preferences”.

img13

Na tela que se abre, clique em “Server>Runtime Enviroment” e em seguida, clique no botão “Add”.

img14

Localize e selecione na lista “Apache Tomcat v6.0” e clique em “Next >”.

img15

Descompacte o arquivo do Tomcat (caso ainda não tenha feito) e selecione o diretório no botão “Browse”. Finalize clicando em “Finish” e “OK” na tela Preferences.

img16

Pronto! Nosso ambiente está configurado e pronto para ser utilizado.

No próximo tutorial, faremos um Hello World para mostrar como funciona o desenvolvimento em JSF e RichFaces.

Comentários sempre são bem-vindos.

Até a próxima.


Sobre o Autor:
Guilherme Oliveira
Guilherme Oliveira trabalha com desenvolvimento de software a mais de 10 anos. É técnico em informática, bacharel em ciência da computação, especialista em engenharia de software, além de ser Oracle Certified Java Programmer 6 (OCJP 6). Suas áreas preferidas são desenvolvimento web e games.