Download - Richfaces 4 - Desenvolvimento JSF mais rico
![Page 1: Richfaces 4 - Desenvolvimento JSF mais rico](https://reader033.vdocuments.pub/reader033/viewer/2022052411/5572c666d8b42abb378b4a6b/html5/thumbnails/1.jpg)
Globalcode – Open4education
RichFaces 4 Desenvolvimento Web com JSF2 mais rico
![Page 3: Richfaces 4 - Desenvolvimento JSF mais rico](https://reader033.vdocuments.pub/reader033/viewer/2022052411/5572c666d8b42abb378b4a6b/html5/thumbnails/3.jpg)
Globalcode – Open4education
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;
![Page 4: Richfaces 4 - Desenvolvimento JSF mais rico](https://reader033.vdocuments.pub/reader033/viewer/2022052411/5572c666d8b42abb378b4a6b/html5/thumbnails/4.jpg)
Globalcode – Open4education
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;
![Page 5: Richfaces 4 - Desenvolvimento JSF mais rico](https://reader033.vdocuments.pub/reader033/viewer/2022052411/5572c666d8b42abb378b4a6b/html5/thumbnails/5.jpg)
Globalcode – Open4education
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”;
![Page 6: Richfaces 4 - Desenvolvimento JSF mais rico](https://reader033.vdocuments.pub/reader033/viewer/2022052411/5572c666d8b42abb378b4a6b/html5/thumbnails/6.jpg)
Globalcode – Open4education
JSF 1.* puro?
! Usar um suíte ou extensão de componentes era praticamente obrigatório!
![Page 7: Richfaces 4 - Desenvolvimento JSF mais rico](https://reader033.vdocuments.pub/reader033/viewer/2022052411/5572c666d8b42abb378b4a6b/html5/thumbnails/7.jpg)
Globalcode – Open4education
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;
![Page 8: Richfaces 4 - Desenvolvimento JSF mais rico](https://reader033.vdocuments.pub/reader033/viewer/2022052411/5572c666d8b42abb378b4a6b/html5/thumbnails/8.jpg)
Globalcode – Open4education
! 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;
![Page 9: Richfaces 4 - Desenvolvimento JSF mais rico](https://reader033.vdocuments.pub/reader033/viewer/2022052411/5572c666d8b42abb378b4a6b/html5/thumbnails/9.jpg)
Globalcode – Open4education
JavaScript do RichFaces 4
! JavaScript gerado é baseado em jQuery!
![Page 10: Richfaces 4 - Desenvolvimento JSF mais rico](https://reader033.vdocuments.pub/reader033/viewer/2022052411/5572c666d8b42abb378b4a6b/html5/thumbnails/10.jpg)
Globalcode – Open4education
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;
![Page 11: Richfaces 4 - Desenvolvimento JSF mais rico](https://reader033.vdocuments.pub/reader033/viewer/2022052411/5572c666d8b42abb378b4a6b/html5/thumbnails/11.jpg)
Globalcode – Open4education
Instalação
! Só colocar os jars no projeto (libs); ! Ou configurar os artefatos (Maven); ! Nenhuma configuração extra via xml;
![Page 12: Richfaces 4 - Desenvolvimento JSF mais rico](https://reader033.vdocuments.pub/reader033/viewer/2022052411/5572c666d8b42abb378b4a6b/html5/thumbnails/12.jpg)
Globalcode – Open4education
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;
![Page 13: Richfaces 4 - Desenvolvimento JSF mais rico](https://reader033.vdocuments.pub/reader033/viewer/2022052411/5572c666d8b42abb378b4a6b/html5/thumbnails/13.jpg)
Globalcode – Open4education
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
![Page 14: Richfaces 4 - Desenvolvimento JSF mais rico](https://reader033.vdocuments.pub/reader033/viewer/2022052411/5572c666d8b42abb378b4a6b/html5/thumbnails/14.jpg)
Globalcode – Open4education
Alguns Componentes Ajax
! a4j:ajax ! a4j:commandButton ! a4j:commandLink ! a4j:param
! a4j:poll ! a4j:status ! a4j:region
![Page 15: Richfaces 4 - Desenvolvimento JSF mais rico](https://reader033.vdocuments.pub/reader033/viewer/2022052411/5572c666d8b42abb378b4a6b/html5/thumbnails/15.jpg)
Globalcode – Open4education
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;
![Page 16: Richfaces 4 - Desenvolvimento JSF mais rico](https://reader033.vdocuments.pub/reader033/viewer/2022052411/5572c666d8b42abb378b4a6b/html5/thumbnails/16.jpg)
Globalcode – Open4education
Alguns Componentes UI
! rich:datatable ! rich:dataGrid ! rich:calendar ! rich:toolTip
! rich:select ! rich:list ! rich:autocomplete
![Page 17: Richfaces 4 - Desenvolvimento JSF mais rico](https://reader033.vdocuments.pub/reader033/viewer/2022052411/5572c666d8b42abb378b4a6b/html5/thumbnails/17.jpg)
Globalcode – Open4education
ScrumToys: a cobaia!
! Demo: instalação + componentes básicos do RichFaces
![Page 18: Richfaces 4 - Desenvolvimento JSF mais rico](https://reader033.vdocuments.pub/reader033/viewer/2022052411/5572c666d8b42abb378b4a6b/html5/thumbnails/18.jpg)
Globalcode – Open4education
Componentes p/ próximas versões
! rich:colorPicker ! rich:editor ! rich:listShuttle ! rich:gmap
![Page 19: Richfaces 4 - Desenvolvimento JSF mais rico](https://reader033.vdocuments.pub/reader033/viewer/2022052411/5572c666d8b42abb378b4a6b/html5/thumbnails/19.jpg)
Globalcode – Open4education
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;
![Page 20: Richfaces 4 - Desenvolvimento JSF mais rico](https://reader033.vdocuments.pub/reader033/viewer/2022052411/5572c666d8b42abb378b4a6b/html5/thumbnails/20.jpg)
Globalcode – Open4education
ScrumToys: a cobaia, o retorno!
! Demo: validadores JSF + Bean Validations
![Page 21: Richfaces 4 - Desenvolvimento JSF mais rico](https://reader033.vdocuments.pub/reader033/viewer/2022052411/5572c666d8b42abb378b4a6b/html5/thumbnails/21.jpg)
Globalcode – Open4education
RichFaces 4 Mobile Development
! http://bit.ly/mCWTZB
Post falando sobre o assunto no Jboss World 2011 Keynote
![Page 22: Richfaces 4 - Desenvolvimento JSF mais rico](https://reader033.vdocuments.pub/reader033/viewer/2022052411/5572c666d8b42abb378b4a6b/html5/thumbnails/22.jpg)
Globalcode – Open4education
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…
![Page 23: Richfaces 4 - Desenvolvimento JSF mais rico](https://reader033.vdocuments.pub/reader033/viewer/2022052411/5572c666d8b42abb378b4a6b/html5/thumbnails/23.jpg)
Globalcode – Open4education
Experimente
! http://richfaces-showcase.appspot.com/
RichFaces 4 Showcase
![Page 24: Richfaces 4 - Desenvolvimento JSF mais rico](https://reader033.vdocuments.pub/reader033/viewer/2022052411/5572c666d8b42abb378b4a6b/html5/thumbnails/24.jpg)
Globalcode – Open4education
JavaServer Faces
Service
Persistence
Model
Estratégia para aplicativos JSF
+ + …
! http://bit.ly/oiPSmj
![Page 25: Richfaces 4 - Desenvolvimento JSF mais rico](https://reader033.vdocuments.pub/reader033/viewer/2022052411/5572c666d8b42abb378b4a6b/html5/thumbnails/25.jpg)
Globalcode – Open4education
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
![Page 26: Richfaces 4 - Desenvolvimento JSF mais rico](https://reader033.vdocuments.pub/reader033/viewer/2022052411/5572c666d8b42abb378b4a6b/html5/thumbnails/26.jpg)
Globalcode – Open4education
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/
![Page 27: Richfaces 4 - Desenvolvimento JSF mais rico](https://reader033.vdocuments.pub/reader033/viewer/2022052411/5572c666d8b42abb378b4a6b/html5/thumbnails/27.jpg)
Globalcode – Open4education
Follow @maxkatz @cagataycivici @kito99 @jasondlee @edburns @richfaces @primefaces @jbossseam