DEPARTAMENTO DE INFORMÁTICA - DI Biblioteca de Componentes JSF para Interfaces Ricas Bruno Garcia Vasconcelos Desenvolvedor de Sistemas bruno.garcia@uece.br http://brunovasconcelos.wordpress.com
Tópicos Considerações Iniciais Configuração Componentes Ajax Temas & Skins Quem usa? RichFaces 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. SuportenativoaAjaxebaseadoemJQuery. 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 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. 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. O Prime Faces apresentou a melhor implementação para Data Table. Ice Faces demonstrou ter a pior performance com adatatable detodososcomponentestestados.rich Facesficou entreosdois,porém próximo aoprimefaces. http://www.patternizando.com.br/2011/04/jsf-2-0-comparacao-de-desempenho-icefaces-primefaces-e-richfaces
Referências 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