DEPARTAMENTO DE INFORMTICA - DI

Biblioteca de Componentes JSF para Interfaces Ricas

Bruno Garcia Vasconcelos

Desenvolvedor de Sistemas
bruno.garcia@uece.br
http://brunovasconcelos.wordpress.com

Tpicos

Consideraes Iniciais

Configurao

Componentes

Ajax

Temas & Skins

Quem usa?

Rich Faces x Prime Faces x Ice Faces

Referncias de estudo e Links teis

Consideraes Iniciais

Biblioteca de componentes para JSF de cdigo aberto.

Possui um rico conjunto com mais de 100 componentes de interface.

Suporte nativo a Ajax e baseado em JQuery.

Biblioteca composta de arquivo unico, sem dependncias e com facl configurao.

Extensa comunidade com ativa partipao e colaborao (open apache license).

Verso otimizada para dispositivos mveis (PrimeMobile) como Iphone, Android, etc.

Mais de 30 temas pr-definidos, oferecendo a possibilidade de criao de temas.

Documentao de fcil acesso e demonstrao dos componentes disponveis no site
http://www.primefaces.org/showcase.

Configurao

Download da ltima verso da biblioteca primefaces-3.3.jar (arquivo nico).

Download com Maven

Configurao

PrimeFaces requer a runtime do JAVA 5+ e uma implementao do JSF 2.x como dependncias
obrigatrias. H algumas bibliotecas opcionais para determinadas caractersticas.

Configurao

Adio da biblioteca ao ClassPath (WebContent/WEB-INF/lib) do projeto.

Declarao do namespace nas paginas para utilizar componentes (tags).

Componentes

Componentes

Ajax no Prime Faces

API no lado do servidor baseada na especificao do Java Server Faces 2 (JSF) e API no lado
cliente implementada em Jquery.

Ajax no Prime Faces

Ajax no Prime Faces

Ajax no Prime Faces

Ajax no Prime Faces

Temas (Skins)

Utilize um dos 30 temas disponibilizados na galeria http://primefaces.org/themes.html ou crie

skin personalizado em http://jqueryui.com/themeroller conforme desejado.

Temas (Skins)

Temas (Skins)

Personalize seu tema em http://jqueryui.com/themeroller e desabilite skin default.

Tutorial em vdeo:
http://vimeo.com/14235640

Quem usa?

Quem usa?

Rich Faces x Prime Faces x Ice Faces

Com apenas 3 anos de vida o framework para JSF PrimeFaces j tem mais popularidade do que os concorrentes
famosos RichFaces e Icefaces.
Criados em 2007, tanto o IceFaces quanto o RichFaces foram superados pelo framework turco e com grande
participao Brasileira.
A popularidade foi medida por meio do Google Trends que exibe as caractersticas das buscas realizadas atravs das
ferramentas do Google.
Algo muito interessante que as pesquisas em lingua portuguesa sobre o PrimeFaces superam ingls e alemo.

http://www.patternizando.com.br/2011/05/primefaces-supera-richfaces-e-icefaces-segundo-google-trends

Comparao de Desempenho Icefaces, Primefaces e RichFaces

Artigo foi escrito utilizando um componente dataTable, presente nos trs frameworks. Os parmetros analisados foram
focados em desempenho e eficincia, ou seja: tamanho final da pgina, tamanho das requisies/respostas AJAX e
sobrecarga do servidor. No foram consideradas configuraes adicionais de tunning.
O Prime Faces apresentou a melhor implementao para Data Table. Ice Faces demonstrou ter a pior performance com
a Data Table de todos os componentes testados. Rich Faces ficou entre os dois, porm prximo ao Prime Faces.

http://www.patternizando.com.br/2011/04/jsf-2-0-comparacao-de-desempenho-icefaces-primefaces-e-richfaces

Referncias e Links

http://primefaces.org

http://www.primefaces.org/showcase

http://www.primefaces.org/docs/vdl/3.2/

http://blog.primefaces.org

http://forum.primefaces.org

http://www.cafecomjava.com.br/tag/prime-faces-2

http://javasemcafe.blogspot.com.br/search/label/PrimeFaces

http://www.infoq.com/br/news/2012/02/primefaces-3-1

http://andrefroes.net76.net/?p=107