RichFaces 4 é uma suíte de componentes para JSF 2 que fornece recursos adicionais como componentes visuais avançados e suporte a Ajax. O documento descreve as principais características e melhorias do RichFaces 4 em relação à versão anterior, como o uso de JavaScript baseado em jQuery e a simplificação da instalação. Demonstra exemplos de componentes e validação no cliente.

1. RichFaces 4
Desenvolvimento Web com JSF2 mais rico
Globalcode
–
Open4education

2. Eu
Eder Magalhães
eder@yaw.com.br
twitter.com/edermag
Globalcode
–
Open4education

3. Agenda
! Sobre JavaServer Faces;
! Introdução ao RichFaces;
! Características do RichFaces;
! Demonstração de Componentes Visuais;
! Demonstração da Validação lado cliente;
! Links e twitters;
Globalcode
–
Open4education

4. Sobre o JavaServer Faces
! Framework MVC Java baseado em UI Component;
! Templates e Composite Components (Facelets);
! Ajax Nativo;
! Configuração via anotações;
! Navegação implícita;
! Bookmarkable / Requisição GET;
! Várias opções de escopo;
! Suporte a Bean Validation;
Globalcode
–
Open4education

5. Relembrando: JSF 1.x
! Não suportava Ajax nativo;
! Gestão de escopo limitada;
! Sem suporte a GET;
! Customização de componentes UI relativamente
complexa;
! Configuração somente através de XML;
! Praticamente impossível desenvolver uma app
utilizando o JSF 1.x “puro”;
Globalcode
–
Open4education

6. JSF 1.* puro?
! Usar um suíte ou extensão de componentes era
praticamente obrigatório!
Globalcode
–
Open4education

7. JSF 2 versus Suíte de Componentes
! Com JSF 2 ainda é necessário utilizar uma suíte?
! Algumas limitações da especificação:
! Componentes UI ainda são rústicos;
! Poucas opções de Componentes UI;
! Não define componente de tema/skin;
! Modelo de requisição Ajax é bem simples;
! Não disponibiliza tratamento nativo para Flow;
Globalcode
–
Open4education

8. ! RichFaces é a suíte mais famosa para JSF 1.*;
! RichFaces 4:
! Lançado recentemente com suporte a JSF 2;
! Projeto foi reconstruído para suportar JSF 2;
Globalcode
–
Open4education

9. JavaScript do RichFaces 4
! JavaScript gerado é baseado em jQuery!
Globalcode
–
Open4education

10. Refactoring
! Todos os componentes foram revisados:
! Usabilidade;
! Melhor semântica HTML;
! Mais performance em código client-side e server-side;
! Código mais limpo;
Globalcode
–
Open4education

11. Instalação
! Só colocar os jars no projeto (libs);
! Ou configurar os artefatos (Maven);
! Nenhuma configuração extra via xml;
Globalcode
–
Open4education

12. Roda em quais servidores?
! Tomcat 6 e 7;
! JBoss AS 6 e 7;
! Glassfish 3.*;
! Qualquer servidor com suporte a JSF 2;
! Cloud: GAE + Amazon EC2 + CloudBees;
Globalcode
–
Open4education

13. Mais detalhes sobre o RichFaces
! UI Components:
! a4j: tag lib p/ Ajax;
! rich: tag lib p/ componentes visuais;
! Skin;
! Validação client-side (Bean Validation);
! Component Development Kit
Globalcode
–
Open4education

14. Alguns Componentes Ajax
! a4j:ajax
! a4j:commandButton
! a4j:commandLink
! a4j:param
! a4j:poll
! a4j:status
! a4j:region
Globalcode
–
Open4education

15. Queue para Ajax
! Organiza as requisições Ajax em telas complexas;
! Funcionalidades:
! requestDelay
! requestGrouping
! ignoreDupResponses
! Cria um escopo de fila;
! Eventos no cliente e API JavaScript;
Globalcode
–
Open4education

16. Alguns Componentes UI
! rich:datatable
! rich:dataGrid
! rich:calendar
! rich:toolTip
! rich:select
! rich:list
! rich:autocomplete
Globalcode
–
Open4education

17. ScrumToys: a cobaia!
! Demo: instalação + componentes básicos do
RichFaces
Globalcode
–
Open4education

18. Componentes p/ próximas versões
! rich:colorPicker
! rich:editor
! rich:listShuttle
! rich:gmap
Globalcode
–
Open4education

19. Validação lado cliente
! Utiliza os validadores JSF;
! Compreende JSR 303;
! Gera código JavaScript para validar;
! Suporta validação de múltiplos valores (campos);
! Agrega valor ao rich:message;
Globalcode
–
Open4education

20. ScrumToys: a cobaia, o retorno!
! Demo: validadores JSF + Bean Validations
Globalcode
–
Open4education

21. RichFaces 4 Mobile Development
! http://bit.ly/mCWTZB
Post
falando
sobre
o
assunto
no
Jboss
World
2011
Keynote
Globalcode
–
Open4education

22. RichFaces 4.1 – coming soon
! Os fontes migrados para o Git;
! Novos componentes UI;
! Integração com Seam-forge;
! Melhor suporte p/ HTML5 e Mobile;
! Sandbox e CDK;
! Bug fixing;
6
meses
de
trabalho…
Globalcode
–
Open4education

23. Experimente
! http://richfaces-showcase.appspot.com/
RichFaces
4
Showcase
Globalcode
–
Open4education

24. Estratégia para aplicativos JSF
+
+
…
JavaServer
Faces
Model
Service
Persistence
! http://bit.ly/oiPSmj
Globalcode
–
Open4education

25. Planejamento p/ JSF
JavaServer
Faces
Java
EE
JSF
1.2
–
JSR
127
5.0
JSF
2.1
–
JSR
314
6.0
JSF
2.2
–
JSR
344
6.0
JSF
3
7.0
Globalcode
–
Open4education

26. Algumas referências
! http://www.jboss.org/richfaces
! http://bit.ly/RF_Downloads
! http://bit.ly/RH_Getting_Started
! http://bit.ly/RF_User_Space
! http://richfaces-showcase.appspot.com/
! http://jcp.org/en/jsr/detail?id=344
! http://blog.globalcode.com.br/search/label/JSF
! http://mkblog.exadel.com/
Globalcode
–
Open4education

27. Follow
@maxkatz
@cagataycivici
@kito99
@jasondlee
@edburns
@richfaces
@primefaces
@jbossseam
Globalcode
–
Open4education

28. Obrigado !
eder@yaw.com.br
@edermag
Globalcode
–
Open4education