Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
RichFaces 4Desenvolvimento Web com JSF2 mais rico                          Globalcode	  –	  Open4education
Eu      Eder Magalhães      eder@yaw.com.br     twitter.com/edermag                           Globalcode	  –	  Open4educat...
Agenda!     Sobre JavaServer Faces;!     Introdução ao RichFaces;!     Características do RichFaces;!     Demonstração de ...
Sobre o JavaServer Faces!     Framework MVC Java baseado em UI Component;!     Templates e Composite Components (Facelets)...
Relembrando: JSF 1.x!   Não suportava Ajax nativo;!   Gestão de escopo limitada;!   Sem suporte a GET;!   Customização de ...
JSF 1.* puro?!   Usar um suíte ou extensão de componentes erapraticamente obrigatório!                                   G...
JSF 2 versus Suíte de Componentes!   Com JSF 2 ainda é necessário utilizar uma suíte?!   Algumas limitações da especificaç...
!   RichFaces é a suíte mais famosa para JSF 1.*;!   RichFaces 4:    !   Lançado recentemente com suporte a JSF 2;    !   ...
JavaScript do RichFaces 4!   JavaScript gerado é baseado em jQuery!                                    Globalcode	  –	  Op...
Refactoring!   Todos os componentes foram revisados:    !   Usabilidade;    !   Melhor semântica HTML;    !   Mais perform...
Instalação!   Só colocar os jars no projeto (libs);!   Ou configurar os artefatos (Maven);!   Nenhuma configuração extra v...
Roda em quais servidores?!   Tomcat 6 e 7;!   JBoss AS 6 e 7;!   Glassfish 3.*;!   Qualquer servidor com suporte a JSF 2;!...
Mais detalhes sobre o RichFaces!   UI Components:    !   a4j: tag lib p/ Ajax;    !   rich: tag lib p/ componentes visuais...
Alguns Componentes Ajax!     a4j:ajax!     a4j:commandButton!     a4j:commandLink!     a4j:param!   a4j:poll!   a4j:status...
Queue para Ajax!   Organiza as requisições Ajax em telas complexas;!   Funcionalidades:    !   requestDelay    !   request...
Alguns Componentes UI!     rich:datatable!     rich:dataGrid!     rich:calendar!     rich:toolTip!   rich:select!   rich:l...
ScrumToys: a cobaia!!   Demo: instalação + componentes básicos do    RichFaces                                   Globalcod...
Componentes p/ próximas versões!     rich:colorPicker!     rich:editor!     rich:listShuttle!     rich:gmap               ...
Validação lado cliente!     Utiliza os validadores JSF;!     Compreende JSR 303;!     Gera código JavaScript para validar;...
ScrumToys: a cobaia, o retorno!!   Demo: validadores JSF + Bean Validations                                    Globalcode	...
RichFaces 4 Mobile Development!   http://bit.ly/mCWTZB Post	  falando	  sobre	  o	  assunto	  no	  Jboss	  World	  2011	  ...
RichFaces 4.1 – coming soon!     Os fontes migrados para o Git;!     Novos componentes UI;!     Integração com Seam-forge;...
Experimente! http://richfaces-showcase.appspot.com/ RichFaces	  4	  Showcase	                                     Globalco...
Estratégia para aplicativos JSF                  +	                   +	         …	                  JavaServer	  Faces	  ...
Planejamento p/ JSF          JavaServer	  Faces	               Java	  EE	            JSF	  1.2	  –	  JSR	  127	       5.0	...
Algumas referências!     http://www.jboss.org/richfaces!     http://bit.ly/RF_Downloads!     http://bit.ly/RH_Getting_Star...
Follow  @maxkatz  @cagataycivici  @kito99  @jasondlee  @edburns  @richfaces  @primefaces  @jbossseam                   Glo...
Obrigado !eder@yaw.com.br   @edermag              Globalcode	  –	  Open4education
Upcoming SlideShare
Loading in …5
×

Richfaces 4 - Desenvolvimento JSF mais rico

5,803 views

Published on

Published in: Technology
  • Be the first to comment

Richfaces 4 - Desenvolvimento JSF mais rico

  1. 1. RichFaces 4Desenvolvimento Web com JSF2 mais rico Globalcode  –  Open4education
  2. 2. Eu Eder Magalhães eder@yaw.com.br twitter.com/edermag Globalcode  –  Open4education
  3. 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. 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. 5. Relembrando: JSF 1.x!   Não suportava Ajax nativo;!   Gestão de escopo limitada;!   Sem suporte a GET;!   Customização de componentes UI relativamentecomplexa;!   Configuração somente através de XML;!   Praticamente impossível desenvolver uma apputilizando o JSF 1.x “puro”; Globalcode  –  Open4education
  6. 6. JSF 1.* puro?!   Usar um suíte ou extensão de componentes erapraticamente obrigatório! Globalcode  –  Open4education
  7. 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. 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. 9. JavaScript do RichFaces 4!   JavaScript gerado é baseado em jQuery! Globalcode  –  Open4education
  10. 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. 11. Instalação!   Só colocar os jars no projeto (libs);!   Ou configurar os artefatos (Maven);!   Nenhuma configuração extra via xml; Globalcode  –  Open4education
  12. 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. 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. 14. Alguns Componentes Ajax!   a4j:ajax! a4j:commandButton! a4j:commandLink! a4j:param!   a4j:poll!   a4j:status!   a4j:region Globalcode  –  Open4education
  15. 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. 16. Alguns Componentes UI!   rich:datatable!   rich:dataGrid!   rich:calendar!   rich:toolTip!   rich:select!   rich:list!   rich:autocomplete Globalcode  –  Open4education
  17. 17. ScrumToys: a cobaia!!   Demo: instalação + componentes básicos do RichFaces Globalcode  –  Open4education
  18. 18. Componentes p/ próximas versões!   rich:colorPicker!   rich:editor!   rich:listShuttle!   rich:gmap Globalcode  –  Open4education
  19. 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. 20. ScrumToys: a cobaia, o retorno!!   Demo: validadores JSF + Bean Validations Globalcode  –  Open4education
  21. 21. RichFaces 4 Mobile Development!   http://bit.ly/mCWTZB Post  falando  sobre  o  assunto  no  Jboss  World  2011  Keynote   Globalcode  –  Open4education
  22. 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. 23. Experimente! http://richfaces-showcase.appspot.com/ RichFaces  4  Showcase   Globalcode  –  Open4education
  24. 24. Estratégia para aplicativos JSF +   +   …   JavaServer  Faces   Model   Service   Persistence  !   http://bit.ly/oiPSmj Globalcode  –  Open4education
  25. 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. 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. 27. Follow @maxkatz @cagataycivici @kito99 @jasondlee @edburns @richfaces @primefaces @jbossseam Globalcode  –  Open4education
  28. 28. Obrigado !eder@yaw.com.br @edermag Globalcode  –  Open4education

×