Curso richfaces 3.3.3 I

4,584 views
4,455 views

Published on

Published in: Technology, Education
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
4,584
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
166
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Curso richfaces 3.3.3 I

  1. 1. RichFaces 3.3.3 Noviembre 2010 Claudio Chaucca Umana [email_address]
  2. 2. Contenidos I <ul><li>Objetivos del Curso </li></ul><ul><ul><li>Desarrollo de aplicaciones con RichFaces 3.3.X. </li></ul></ul><ul><ul><li>Dirigido a desarrolladores con experiencia en Java EE. </li></ul></ul><ul><li>Herramientas de Desarrollo </li></ul><ul><ul><li>Eclipse Helio. </li></ul></ul><ul><ul><li>Tomcat 6 / Jboss 5 </li></ul></ul><ul><ul><li>RichFaces 3.3.3 </li></ul></ul><ul><ul><li>Jdk 1.6 </li></ul></ul><ul><li>Lenguaje Java </li></ul><ul><ul><li>Nociones de Java, Servlets, Html, Ajax. </li></ul></ul>
  3. 3. Contenidos II <ul><li>Sesión 1 </li></ul><ul><ul><li>Introducción a RichFaces </li></ul></ul><ul><ul><li>Introducción a JSF </li></ul></ul><ul><ul><li>RichFaces , JSF, Ajax. </li></ul></ul><ul><ul><li>Instalación herramientas. </li></ul></ul><ul><ul><li>Caso: Hello World. </li></ul></ul><ul><li>Sesión 2 </li></ul><ul><ul><li>Arquitectura RichFaces </li></ul></ul><ul><ul><li>Filters y Listeners </li></ul></ul><ul><ul><li>Manejo de Session y Excepciones </li></ul></ul><ul><ul><li>Manage beans </li></ul></ul><ul><ul><li>Ajax Validators </li></ul></ul><ul><ul><li>Skins </li></ul></ul><ul><ul><li>Caso: Login </li></ul></ul>
  4. 4. Contenidos III <ul><li>Sesión 3 </li></ul><ul><ul><li>Librerías Core Ajax, UI and Ajax4Java (a4j) </li></ul></ul><ul><ul><li>Ajax Support y Region (a4j:support / a4j:region) </li></ul></ul><ul><ul><li>Forms, Command and Links </li></ul></ul><ul><ul><li>A4j:include, a4j:poll, a4j:push, A4j:status </li></ul></ul><ul><ul><li>Panels / Panel bar/Panel Menu/Tab Panel </li></ul></ul><ul><ul><li>Componets / Input/Select/Combo/Slider/SuggestionBox </li></ul></ul><ul><ul><li>Caso: Mantenimiento de clientes. </li></ul></ul><ul><li>Sesión 4 </li></ul><ul><ul><li>Menu, drop down Menu, Menu Item, Tool Bar </li></ul></ul><ul><ul><li>DataGrid, Data Table, Data Scroller, Filtering, Sorting </li></ul></ul><ul><ul><li>Tree Tags/tree adaptor </li></ul></ul><ul><ul><li>Caso: Estado de cuenta por cliente </li></ul></ul>
  5. 5. I. Sesión 1
  6. 6. I. Introducción a RichFaces <ul><ul><li>Librería de componentes JSF, original de Exadel adquirida por Jboss. </li></ul></ul><ul><ul><li>Posee un avanzado framework ajax Ajax4JSF. </li></ul></ul><ul><ul><li>Creación de componentes UI dinámicos. </li></ul></ul><ul><ul><li>Posee un kit de desarrollo de componentes (CDK). </li></ul></ul><ul><ul><li>Corre en cualquier contenedor Servlet </li></ul></ul><ul><ul><li>Aplicaciones de estilos Dinámicos Skins </li></ul></ul><ul><ul><li>Competidores ADF, MyFaces, IceFaces, etc. </li></ul></ul>
  7. 7. I. Introducción a RichFaces <ul><ul><li>Decidimos que parte de la pagina Actualizar (reRenderer). </li></ul></ul><ul><ul><li>Experiencia del usuario URI (Rich User), base de la Web 2.0 </li></ul></ul><ul><ul><li>Mas de 70 componentes URI, con soporte Ajax. </li></ul></ul><ul><ul><li>Agregamos capacidad Ajax a estándar JSF. </li></ul></ul><ul><ul><li>Fácil de desarrollar </li></ul></ul><ul><ul><li>Integra Prototype, jQuery, Script.aculo.us. </li></ul></ul><ul><ul><li>Etc. </li></ul></ul>
  8. 8. II. Introducción JSF <ul><li>Framework de componentes UI Server-Side. </li></ul><ul><li>Java EE 5 tecnologia estandar </li></ul><ul><li>Modelo de programacion orientado a eventos. </li></ul><ul><li>Desarrollo basado en componentes. </li></ul><ul><li>Validaciones, Conversiones, Mensajes de error e internacionalizacion. </li></ul>
  9. 9. II. Introducción JSF <ul><li>De donde venimos y hacia donde vamos? </li></ul><ul><li>Desarrollos centrados en Páginas JSP </li></ul>
  10. 10. II. Introducción JSF <ul><li>Desarrollos centrados en Servlets (MVC) </li></ul>
  11. 11. II. Introducción JSF <ul><li>Desarrollos centrados en Servlets (MVC (struts, spring, etc)) </li></ul>
  12. 12. II. Introducción JSF <ul><li>Aplicaciones ricas, dinamicas, aplicaciones de escritorio en entornos web. </li></ul><ul><li>Especificacion desarrollada bajo la JCP (java community Process) </li></ul><ul><li>JSP 1.0, 1.1, 1.2, ultimo JSF 2.0 </li></ul><ul><li>Fichero de configuracion faces-config.xml </li></ul>
  13. 13. II. Introducción JSF <ul><li>Arquitectura </li></ul>
  14. 14. II. Introducción JSF <ul><li>Vista: Mediante JSPs con etiquetas JSF. </li></ul><ul><li>Servidor: Arbol de componentes UIView </li></ul>
  15. 15. II. Introducción JSF
  16. 16. II. Introducción JSF <ul><li>Ciclo de vida </li></ul>
  17. 17. II. Introducción JSF <ul><li>1. Restore view .- se crea el arbol de componentes solo la primera vez. </li></ul><ul><li>2. Apply request values .- envio de campos del formulario al Backing bean, se produce conversion. </li></ul><ul><li>3. Process Validators .- calculo de valores y validacion. </li></ul>
  18. 18. II. Introducción JSF <ul><li>4. Update Model Values .- asocia propiedades del Backing bean a componentes </li></ul><ul><li>5. Invoke application .- invocacion de metodos en el backing bean, reglas de navegacion. </li></ul><ul><li>6. Render Response .- Actualizacion de valores de componetes desde el baking bean. </li></ul>
  19. 19. II. Introducción JSF <ul><li>Ciclo de vida </li></ul>
  20. 20. III. RichFaces, JSF, Ajax <ul><li>Desarrollado por Jboss, libreria de componentes JSF. </li></ul><ul><li>Posee un framework ajax Ajax4JSF </li></ul><ul><li>Uso de Ciclo de vida, Validadores y Conversores </li></ul><ul><li>Soportado por jdk 1.5 +, JSF 1.1+ </li></ul><ul><li>Navegadores ie 6.0+, firefox 1.5+. </li></ul><ul><li>Soporte de componentes MyFaces 1.1.1+ </li></ul>
  21. 21. III. RichFaces, JSF, Ajax <ul><li>Basado en anotaciones en java, evita tediosos XML configuraciones. </li></ul><ul><li>Componentes: 2 conjuntos </li></ul><ul><ul><li>Core Ajax: ajaxizar paginas JSF estandar. </li></ul></ul><ul><ul><li>UI: conjunto avanzado de componetes UI ajax </li></ul></ul><ul><ul><li>Kit de desarrollo de componetes (CDK) componetes personalizados. </li></ul></ul>
  22. 22. <ul><li>Componentes principales </li></ul><ul><ul><li>Ajax Filter .- agrega capacidades ajax a aplicaciones JSF estandar. </li></ul></ul><ul><ul><li>Ajax Action Component .- Ajaxizar a componetes JSF estandar. </li></ul></ul><ul><ul><li>Ajax Containers .- area o region de la pagina a actualizar. </li></ul></ul><ul><ul><li>Skinnability .- aplicación de estilos dinamicos </li></ul></ul><ul><ul><li>Java Script Engine .- maneja request/response desde el browser del cliente. </li></ul></ul>III. RichFaces, JSF, Ajax
  23. 23. III. RichFaces, JSF, Ajax <ul><li>Componentes principales </li></ul>
  24. 24. III. RichFaces, JSF, Ajax
  25. 25. Fin de teoria !! Instalacion de Richfaces
  26. 26. IV. Caso: Hello World <ul><li>Prácticas </li></ul><ul><ul><li>Crea un Dynamic Web Project sobre eclipse. </li></ul></ul><ul><ul><li>Añade parámetros de contexto al web.xml </li></ul></ul><ul><ul><li>Añade un Filtro al web.xml. </li></ul></ul><ul><ul><li>Añade un Servet al web.xml </li></ul></ul><ul><ul><li>Añade un Listener al faces-config.xml. </li></ul></ul><ul><ul><li>Añade una página index.html con redirección a start.jsf </li></ul></ul><ul><ul><li>Añade una página start.xhtml con hello world </li></ul></ul><ul><ul><li>Despliega en un war dentro del contenedor tomcat. </li></ul></ul>
  27. 27. Crea un Dynamic Web Project
  28. 28. Añade parámetros de contexto al web.xml
  29. 29. Añade un Filtro al web.xml.
  30. 30. Añade un Servet al web.xml.
  31. 31. Añade un Listener al face-config.xml
  32. 32. Añade una página index.html con redirección a start.jsf
  33. 33. Añade una página start.xhtml con hello world
  34. 34. Añade una página start.xhtml con hello world
  35. 35. Despliega en un war dentro del contenedor tomcat
  36. 36. Hello World
  37. 37. ¡ Gracias !

×