DISEÑO DE APLICACIONES WEB

AGENDA- Requerimientos- Introducción a JSF 2.0- Desarrollo Taller # 1- Resumen

1

Requ

erim

ient

os d

e So

ftw

are Software

JDK 7Netbeans 7.3Glassfish v3 MySQL (Xampp)

Librerías .jarMySQL Connector 1.8 Prime Faces 3.2JasperReport 3.7+

Intr

oduc

ción

a JS

F 2.

0JSF 2.0 QUE ES???

• JavaServer Faces (JSF) es una tecnología y framework para aplicaciones Java basadas en web que simplifica el desarrollo de interfaces de usuario en aplicaciones Java EE.

• JSF usa JavaServerPages como la tecnología que permite hacer el despliegue de las páginas, pero también se puede acomodar a otras tecnologías como XUL.

Como se puede apreciar en la siguiente figura, el interface de usuario que creamos con la tecnología JavaServer Faces se ejecuta en el servidor y se renderiza en el cliente.

Estructura

Existen numerosas ventajas que hacen que JSF sea una tecnología apropiada para el desarrollo de aplicaciones web:

Una de las grandes ventajas de la tecnología JavaServer Faces es que ofrece una clara separación entre el comportamiento y la presentación.

Las aplicaciones Web construidas con tecnología JSP conseguían parcialmente esta separación. Sin embargo, una aplicación JSP no puede mapear peticiones HTTP al manejo de eventos específicos del componentes o manejar elementos UI como objetos con estado en el servidor.

La tecnología JavaServer Faces permite construir aplicaciones Web que implementan una separación entre el comportamiento y la presentación tradicionalmente ofrecidas por arquitectura UI del lado del cliente. JSF se hace fácil de usar al aislar al desarrollador del API de Servlet.

VENTAJAS

JavaServer Faces ofrece una gran cantidad de componentes opensource para las funcionalidades que se necesiten. Los componentes Tomahawk de MyFaces y ADFFaces de Oracle son un ejemplo. Además, también existe una gran cantidad de herramientas para el desarrollo IDE en JSF al ser el estándar de JAVA.

La separación de la lógica de la presentación también le permite a cada miembro del equipo de desarrollo de una aplicación Web enfocarse en su parte del proceso de desarrollo, y proporciona un sencillo modelo de programación para enlazar todas las piezas.

La tecnología JavaServer Faces proporciona una rica arquitectura para manejar el estado de los componentes, procesar los datos, validar la entrada del usuario, y manejar eventos.

Además, ofrece una rápida adaptación para nuevos desarrolladores.

Des

arro

land

o un

a ap

licac

ión

de e

jem

plo

‐ Crear un proyecto Web publicado en el URL siguiente, para abrir el taller presione aquí (http://es.calameo.com/books/002682098ac0cdae3a39a)

Mi primera Aplicación

Desarrollando una aplicación de ejemploConfiguraciónDebe ser una versión mayor a 2.5. Glassfish soporta servlets versión 3.0

Brinda mayor detalle en los mensajes de error. Esto es opcional y nuevo en JSF 2.0

Esto es lo mismo que en JSF 1.X

Patrón que obedece el Contexto Faces. Otras opciones populares son *.faces o /faces/*

Desarrollando una aplicación de ejemploConfiguraciónClic derecho en Web Pages y seleccione >> New >> Other

En la categoría JavaServer Faces >> JSF Faces Configuration >> Next

Escribir en nombre: “faces-config” >> Finish

Durante el ejemplo, este archivo casi siempre estará vació.

Desarrollando una aplicación de ejemploCodificaciónLa misma cabecera que en JSF 1.x. Pero en JSF 2.0, faceletes son la manera estándar de hacer JSP’s.

No es necesario usar <h:body> o <h.head> en este ejemplo, sin embargo cuando se utilize <h:outputScript> y especialmente <f:ajax>, se requerirá estas etiquetas.

Los elementos de entrada son ignorados en este ejemplo simplón. Más adelante se estudiará el atributo “value”.

El mismo formato que en JSF 1.X. Pero el nombre del bean administrado se deriva del nombre de la clase Java

Desarrollando una aplicación de ejemploCodificación:Declarar esta clase como Managed Bean evita una entrada en el archivo faces-config.

Debido a que no se le está pasando un nombre en el atributo “name”, el nombre del Managed Bean es el nombre de la clase Java con la primera letra en minúscula.

Debido a que no se le está indicando un alcance. El alcance por defecto es Request Scope.

Estos valores corresponden a las páginas accepted.xhtml y rejected.xhtml.

3 Resumen

» JDK» Netbeans» Glassfish» MySQL (Xampp)

INSTALACIÓN

GRACIAS