Lets Rock JavaFundamentos de Java Enterprise Editioncon JDeveloperEudris Cabrera RodriguezIngeniero TelemáticoSenior Softw...
ObjetivosAprender los conceptos fundamentales sobre el desarrollo deaplicaciones empresariales usando Java Server Faces (J...
Agenda○ Introducción a JSF 2.0○ Diferentes implementaciones de JSF○ Implementación de Ajax con JSF○ Introdución a Facelets
Introducción a JSF 2.0JavaServer Faces 2.0 (JSF) es la nueva tecnología estándarpara el desarrollo de interfaz de usuario ...
Introducción a JSF 2.0El estándar JSF 2.0, ocupa gran parte de las especificaciones deJava Enterprise Edition 6, fue desar...
Introducción a JSF 2.0
Introducción a JSF 2.0
Introducción a JSF 2.0Que es una aplicación JavaServer Faces ?.La funcionalidad proporcionada por una aplicación JavaServe...
Introducción a JSF 2.0Opcionalmente, uno o más archivos de configuración de recursos deaplicación como un archivo faces-co...
Introducción a JSF 2.0Beneficios de la tecnología JavaServer FacesUna de las mayores ventajas de la tecnología JavaServer ...
Introducción a JSF 2.0La separación de la lógica de presentación también permite quecada miembro de un equipo de desarroll...
Introducción a JSF 2.0
Introducción a JSF 2.0Creando una aplicación JavaServer FacesLa tecnología JavaServer Faces proporciona un proceso fácil y...
Introducción a JSF 2.0Estructura de una aplicación JavaServer Faces
Creando una aplicación JavaServer Faces
Diferentes implementaciones de JSFVersiones● JSF 1.0 (11-03-2004) - lanzamiento inicial de lasespecificaciones de JSF.● JS...
Diferentes implementaciones de JSFImplementacionesLas principales implementaciones de JSF son:● JSF Reference Implementati...
Implementación de Ajax con JSFExtensionesAlgunas extensiones a JSF son:● Rich Faces Agrega componentes visuales y soporte ...
Introdución a FaceletsEl término Facelets es el lenguaje de declaración de vista para latecnología JavaServer Faces.A part...
Qué es Facelets ?.Facelets es un lenguaje potente, pero ligero lenguaje dedeclaración de página que se utiliza para constr...
Qué es Facelets ?.Facelets soporta estas características a través de lareutilización de código y por la facilidad de desar...
Ciclo de una aplicación con Facelets
Las ventajas de Facelets son los siguientes:○ Apoyo a la reutilización de código a través de plantillasy componentes de ma...
Creando una aplicación simple con FaceletsEl desarrollo de una sencilla aplicación JavaServer Facesutilizando la tecnologí...
Creando una aplicación simple con Facelets
Templating (Plantillas)JavaServer Faces 2.0 proporciona las herramientas paraimplementar interfaces de usuario que son fác...
Facelets Templating Tagsui:componentDefine un componente que se crea y se agrega al árbol decomponentes.ui:compositionDefi...
Facelets Templating Tagsui:decorateSimilar a la etiqueta de composición, pero no desprecia elcontenido fuera de esta etiqu...
Facelets Templating Tagsui:paramSe utiliza para pasar parámetros a un archivo incluido.ui:repeatSe utiliza como una altern...
Facelets Templating TagsLa biblioteca de etiquetas Facelets incluye la principaletiqueta para templating <ui:insert> .Una ...
Facelets Templating
Facelets Templating TagsLa página de ejemplo define una página XHTML que sedivide en tres secciones: una parte superior, u...
Facelets Templating
Creando una aplicación simple con Facelets Template
Composite Components (Componentes Compuestos)La tecnología JavaServer Faces ofrece el concepto de loscomponentes de materi...
Composite Components (Componentes Compuestos)Un componente también tiene validadores, conversores, y losoyentes (validator...
Composite Components (Componentes Compuestos)
Composite Components (Componentes Compuestos)
Composite Components (Componentes Compuestos)
Fuentes Bibliográficashttp://download.oracle.com/docs/cd/E17410_01/javaee/6/javaserverfaces/2.0/docs/pdldocs/facelets/http...
PREGUNTAS ?
WE ROCK JAVA !!!
Upcoming SlideShare
Loading in …5
×

[ES] Desarrollo de aplicaciones con Java Server Faces

1,100
-1

Published on

Conocer los conceptos avanzados sobre el desarrollo de aplicaciones empresariales usando Java Server Faces (JSF).

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
1,100
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
41
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

[ES] Desarrollo de aplicaciones con Java Server Faces

  1. 1. Lets Rock JavaFundamentos de Java Enterprise Editioncon JDeveloperEudris Cabrera RodriguezIngeniero TelemáticoSenior Software DeveloperSkype:eudriscabreraLinkedIn:http://www.linkedin.com/in/eudriscabreraDiciembre 2011, Santiago de los Caballeros, R. D.
  2. 2. ObjetivosAprender los conceptos fundamentales sobre el desarrollo deaplicaciones empresariales usando Java Server Faces (JSF).
  3. 3. Agenda○ Introducción a JSF 2.0○ Diferentes implementaciones de JSF○ Implementación de Ajax con JSF○ Introdución a Facelets
  4. 4. Introducción a JSF 2.0JavaServer Faces 2.0 (JSF) es la nueva tecnología estándarpara el desarrollo de interfaz de usuario web de JavaEnterprise Edition (Java EE) 6. Se trata de una actualizacióna la versión 1.2 de la misma tecnología.Esta revisión introduce dos temas clave para losdesarrolladores de aplicaciones de Internet enriquecidas(RIA).El primero de ellos, es la integración nativa de JavaScriptasíncrono con XML (Ajax) en el ciclo de vida de JavaServerFaces y el segundo, es el cambio de Java Server Pages(JSP) para Facelets como lenguaje por defecto paradeclaración de vista.
  5. 5. Introducción a JSF 2.0El estándar JSF 2.0, ocupa gran parte de las especificaciones deJava Enterprise Edition 6, fue desarrollada por el grupo de expertosJSR-314 (EG) en el Java Community Process (JCP), bajo ladirección de Sun. El EG fue compuesto por miembros de todos losactores clave en la comunidad de JSF, incluyendo los principalesdesarrolladores de Oracle ADF Faces y los del framework ApacheTrinidad.Muchas de las nuevas características de JSF 2.0 tiene unaimplementación equivalente en uno o más de los framework oconjuntos de componentes JSF que han empujado más allá de laslimitaciones de la JSF 1.2. Con esto en mente, es justo decir que JSF2.0 es una estandarización de las mejores de estas característicasextendidas.
  6. 6. Introducción a JSF 2.0
  7. 7. Introducción a JSF 2.0
  8. 8. Introducción a JSF 2.0Que es una aplicación JavaServer Faces ?.La funcionalidad proporcionada por una aplicación JavaServerFaces es similar a la de cualquier otra aplicación Web Java. Unatípica aplicación JavaServer Faces incluye las siguientes partes:● Un conjunto de páginas web en la que los componentes secolocan.● Un conjunto de etiquetas para agregar componentes a la páginaweb.● Un conjunto de backing beans, que son componentes JavaBeansque definen las propiedades y funciones de los componentes enuna página.● Un descriptor de despliegue (web.xml).
  9. 9. Introducción a JSF 2.0Opcionalmente, uno o más archivos de configuración de recursos deaplicación como un archivo faces-config.xml, que se puede utilizarpara definir las reglas de navegación de la página y configurar losbeans y otros objetos personalizados, como los componentespersonalizados.Opcionalmente, un conjunto de objetos personalizados creados porel desarrollador de la aplicación. Estos objetos pueden incluircomponentes personalizados, validadores, convertidores, o losoyentes.Un conjunto de etiquetas personalizadas para representar los objetospersonalizados en la página.
  10. 10. Introducción a JSF 2.0Beneficios de la tecnología JavaServer FacesUna de las mayores ventajas de la tecnología JavaServer Faces esque ofrece una separación clara entre el comportamiento y lapresentación de las aplicaciones web.Una aplicación JavaServer Faces puede corresponder las peticionesHTTP para la gestión de eventos de componentes específicos ygestionar los componentes como objetos con estado en el servidor.La tecnología JavaServer Faces permite crear aplicaciones web queimplementan la separación del comportamiento y la presentaciónque se ofrece tradicionalmente por arquitecturas UI del lado delcliente.
  11. 11. Introducción a JSF 2.0La separación de la lógica de presentación también permite quecada miembro de un equipo de desarrollo de aplicaciones webpueda concentrarse en una sola pieza del proceso de desarrollo,y proporciona un modelo de programación sencillo para vincularlas piezas.Por ejemplo, los autores de páginas sin conocimientos deprogramación puede utilizar las etiquetas de la tecnologíaJavaServer Faces en una página web para vincular a los objetosdel lado del servidor sin necesidad de escribir ningún script.Otro objetivo importante de la tecnología JavaServer Faces esmanejar componentes y conceptos relacionados a la capa websin limitar a una tecnología de scripting o lenguaje de marcas.
  12. 12. Introducción a JSF 2.0
  13. 13. Introducción a JSF 2.0Creando una aplicación JavaServer FacesLa tecnología JavaServer Faces proporciona un proceso fácil y fácilde usar para crear aplicaciones web.El desarrollo de una sencilla aplicación JavaServer Faces por logeneral requiere de las siguientes tareas:● El desarrollo de backing beans (beans de respaldo).● Agregar declaraciones managed bean.● La creación de páginas web con etiquetas de componentes.● Mapeo de la instancia FacesServlet.
  14. 14. Introducción a JSF 2.0Estructura de una aplicación JavaServer Faces
  15. 15. Creando una aplicación JavaServer Faces
  16. 16. Diferentes implementaciones de JSFVersiones● JSF 1.0 (11-03-2004) - lanzamiento inicial de lasespecificaciones de JSF.● JSF 1.1 (27-05-2004) - lanzamiento que solucionaba errores. Sincambios en las especificaciones ni en el renderkit de HTML.● JSF 1.2 (11-05-2006) - lanzamiento con mejoras y corrección deerrores.● JSF 2.0 (12-08-2009) - introduce nuevas funcionalidades y seconvierte en el estandar para desarrollar aplicaciones web enJEE.● JSF 2.1 (2010-10-22) — Versión actual. Segunda versión demantenimiento de 2,0. Solamente una cantidad muy pequeña delos cambios de especificaciones.
  17. 17. Diferentes implementaciones de JSFImplementacionesLas principales implementaciones de JSF son:● JSF Reference Implementation de Sun Microsystems.● MyFaces proyecto de Apache Software Foundation.
  18. 18. Implementación de Ajax con JSFExtensionesAlgunas extensiones a JSF son:● Rich Faces Agrega componentes visuales y soporte para AJAX.● ICEfaces Contiene diversos componentes para interfaces de usuariosmás enriquecidas, tales como editores de texto enriquecidos,reproductores de multimedia, entre otros.● Oracle ADF Faces Rich Client, Oracle Application DevelopmentFramework.● jQuery4jsf Contiene diversos componentes sobre la base de uno delos más populares framework javascript jQuery.● PrimeFaces● OpenFaces Librería open source que contiene diferentes componentesJSF, un Framework Ajax y un Framework de validación por parte delcliente.
  19. 19. Introdución a FaceletsEl término Facelets es el lenguaje de declaración de vista para latecnología JavaServer Faces.A partir de JavaServer Faces 2.0, Facelets es una parte de laespecificación Java Server Faces y también la tecnología depresentación preferida para la construcción de aplicaciones basadasen JavaServer Faces.
  20. 20. Qué es Facelets ?.Facelets es un lenguaje potente, pero ligero lenguaje dedeclaración de página que se utiliza para construir vistaJavaServer Faces mediante el uso de plantillas estiloHTML y la construcción de componentes.Las características de Facelets son las siguientes:○ El uso de XHTML para crear páginas web.○ El apoyo a las bibliotecas de etiquetas Facelets,además de JavaServer Faces y las bibliotecas JSTL.○ Apoyo a la Expression Language (EL).○ plantillas para los componentes y las páginas.
  21. 21. Qué es Facelets ?.Facelets soporta estas características a través de lareutilización de código y por la facilidad de desarrollo, queson consideraciones importantes para los desarrolladores aadoptar JavaServer Faces como la plataforma depresentación de proyectos a gran escala.
  22. 22. Ciclo de una aplicación con Facelets
  23. 23. Las ventajas de Facelets son los siguientes:○ Apoyo a la reutilización de código a través de plantillasy componentes de material compuesto.○ Funciones de ampliación de los componentes y otrosobjetos del lado del servidor a través de lapersonalización.○ Reducción del tiempo de compilación.○ EL tiempo de compilación de validación.○ Prestacion de alto rendimiento.En resumen, el uso de Facelets reduce el tiempo y elesfuerzo que debe ser gastado en el desarrollo ydespliegue.
  24. 24. Creando una aplicación simple con FaceletsEl desarrollo de una sencilla aplicación JavaServer Facesutilizando la tecnología de Facelets, por lo general requierede las siguientes tareas:● El desarrollo de backing beans (beans de respaldo).● La creación de las páginas utilizando componentes● Definición de navegación en la página● Mapeo de la instancia FacesServlet● Agregar declaraciones managed bean.
  25. 25. Creando una aplicación simple con Facelets
  26. 26. Templating (Plantillas)JavaServer Faces 2.0 proporciona las herramientas paraimplementar interfaces de usuario que son fáciles deextender y reutilizar.Templating es una característica útil disponible con Faceletsque le permite crear una página que servirá como base omodelo para las otras páginas de una aplicación.Mediante el uso de plantillas, puede reutilizar el código yevitar volver a crear páginas de similar construcción.Templating también ayuda a mantener una aparienciaestándar de una aplicación con un gran número de páginas.
  27. 27. Facelets Templating Tagsui:componentDefine un componente que se crea y se agrega al árbol decomponentes.ui:compositionDefine una composición de página que utiliza opcionalmente unaplantilla.Contenido fuera de este etiqueta es ignorado.ui:debugdefine un componente de depuración que se crea y se agrega al árbolde componentes.ui:defineDefine el contenido que se inserta en una página de una plantilla.
  28. 28. Facelets Templating Tagsui:decorateSimilar a la etiqueta de composición, pero no desprecia elcontenido fuera de esta etiqueta.ui:fragmentSimilar a la etiqueta del componente, pero no desprecia elcontenido fuera de esta etiqueta.ui:includeEncapsular y reutilizar el contenido de varias páginas.ui:insertInserta el contenido en una plantilla.
  29. 29. Facelets Templating Tagsui:paramSe utiliza para pasar parámetros a un archivo incluido.ui:repeatSe utiliza como una alternativa para las etiquetas de lazo,como c: forEach o h: dataTable.ui:removeElimina el contenido de una página.
  30. 30. Facelets Templating TagsLa biblioteca de etiquetas Facelets incluye la principaletiqueta para templating <ui:insert> .Una página de la plantilla que se crea con esta etiqueta,permite definir una estructura predeterminada de una página.Una página de la plantilla se utiliza como plantilla para otraspáginas, por lo general se conoce como las páginas delcliente.
  31. 31. Facelets Templating
  32. 32. Facelets Templating TagsLa página de ejemplo define una página XHTML que sedivide en tres secciones: una parte superior, una sección dela izquierda, y una sección principal.Las secciones tienen hojas de estilo asociadas con ellos. Lamisma estructura que puede ser reutilizado para las demáspáginas de la aplicación.La página del cliente llama a la plantilla mediante la etiqueta<ui:composition>. En el siguiente ejemplo, una página decliente llamado templateclient.xhtml invoca a la página de laplantilla llamada template.xhtml, del ejemplo anterior.Una página del cliente permite que el contenido se insertarácon la ayuda de la etiqueta <ui:define>.
  33. 33. Facelets Templating
  34. 34. Creando una aplicación simple con Facelets Template
  35. 35. Composite Components (Componentes Compuestos)La tecnología JavaServer Faces ofrece el concepto de loscomponentes de material compuesto con Facelets.Un componente compuesto se puede considerar como untipo especial de plantilla que actúa como un componente.Cualquier componente esencialmente es una pieza de códigoreutilizable que es capaz de una cierta funcionalidad.Por ejemplo, un componente inputText es capaz de aceptar laentrada del usuario.
  36. 36. Composite Components (Componentes Compuestos)Un componente también tiene validadores, conversores, y losoyentes (validators, converters, and listeners) que se leatribuye a realizar ciertas acciones definidas.Un componente compuesto es un componente que consisteen una colección de marcas de revisión y otros componentesya existentes. Se trata de un componente reutilizable, creadopor el usuario, que es capaz de una ejercer una funcionalidadpersonalizada, que se define y puede tener validadores,conversores, y los oyentes que se le atribuye como cualquierotro componente JavaServer Faces.Con Facelets, cualquier página XHTML que se inserta conmarcas y otros componentes se pueden convertir en uncomponente compuesto.
  37. 37. Composite Components (Componentes Compuestos)
  38. 38. Composite Components (Componentes Compuestos)
  39. 39. Composite Components (Componentes Compuestos)
  40. 40. Fuentes Bibliográficashttp://download.oracle.com/docs/cd/E17410_01/javaee/6/javaserverfaces/2.0/docs/pdldocs/facelets/http://download.oracle.com/docs/cd/E17410_01/javaee/6/javaserverfaces/2.0/docs/pdldocs/facelets/.https://javaserverfaces.dev.java.net/nonav/rlnotes/2.0.0/index.htmlhttp://java.sun.com/javaee/javaserverfaces/index.jsp
  41. 41. PREGUNTAS ?
  42. 42. WE ROCK JAVA !!!
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×