Biblioteca de Componentes JSF para Interfaces Ricas

Transcrição

1 DEPARTAMENTO DE INFORMÁTICA - DI Biblioteca de Componentes JSF para Interfaces Ricas Bruno Garcia Vasconcelos Desenvolvedor de Sistemas [email protected]

2 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

3 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

4 Configuração Download da última versão da biblioteca primefaces-3.3.jar (arquivo único). Download com Maven

5 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.

6 Configuração Adição da biblioteca ao ClassPath (WebContent/WEB-INF/lib) do projeto. Declaração do namespace nas paginas para utilizar componentes (tags).

7 Componentes

8 Componentes

9 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.

10 Ajax no Prime Faces

11 Ajax no Prime Faces

12 Ajax no Prime Faces

13 Ajax no Prime Faces

14 Temas (Skins) Utilize um dos 30 temas disponibilizados na galeria ou crie skin personalizado em conforme desejado.

15 Temas (Skins)

16 Temas (Skins) Personalize seu tema em e desabilite skin default. Tutorial em vídeo:

17 Quem usa?

18 Quem usa?

19 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. 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.

20 Referências e Links