DEPARTAMENTO DE INFORMÁTICA - DI

Bruno Garcia VasconcelosDesenvolvedor de Sistemas

bruno.garcia@uece.brhttp://brunovasconcelos.wordpress.com

Biblioteca de Componentes JSF para Interfaces Ricas

Tópicos

� Considerações Iniciais

� Configuração

� Componentes

� Ajax

� Temas & Skins

� Quem usa?

� Rich Faces x Prime Faces x Ice Faces

� Referências de estudo e Links úteis

Considerações Iniciais

� Biblioteca de componentes para JSF de código 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 dependências e com facíl configuração.

� Extensa comunidade com ativa partipação e colaboração (open apache license).

� Versão otimizada para dispositivos móveis (PrimeMobile) como Iphone, Android, etc.

� Mais de 30 temas pré-definidos, oferecendo a possibilidade de criação de temas.

� Documentação de fácil acesso e demonstração dos componentes disponíveis no site

http://www.primefaces.org/showcase.

Configuração

� Download da última versão da biblioteca primefaces-3.3.jar (arquivo único).

� Download com Maven

Configuração

� PrimeFaces requer a runtime do JAVA 5+ e uma implementação do JSF 2.x como dependências

obrigatórias. Há algumas bibliotecas opcionais para determinadas características.

Configuração

� Adição da biblioteca ao ClassPath (WebContent/WEB-INF/lib) do projeto.

� Declaração do namespace nas paginas para utilizar componentes (tags).

Componentes

Componentes

Ajax no Prime Faces

� API no lado do servidor baseada na especificação 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 vídeo:

http://vimeo.com/14235640

Quem usa?

Quem usa?

Rich Faces x Prime Faces x Ice Faces

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

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

participação Brasileira.

A popularidade foi medida por meio do Google Trends que exibe as características das buscas realizadas através das

ferramentas do Google.

Algo muito interessante é que as pesquisas em lingua portuguesa sobre o PrimeFaces superam inglês e alemão.

O Prime Faces apresentou a melhor implementação 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, porém próximo ao Prime Faces.

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

Comparação de Desempenho Icefaces, Primefaces e RichFaces

Artigo foi escrito utilizando um componente dataTable, presente nos três frameworks. Os parâmetros analisados foram

focados em desempenho e eficiência, ou seja: tamanho final da página, tamanho das requisições/respostas AJAX e

sobrecarga do servidor. Não foram consideradas configurações adicionais de tunning.

� 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

Referências e Links