DISEÑO DE APLICACIONES WEB

AGENDA

1
- Requerimientos
- Introducción a JSF 2.0
- Desarrollo Taller # 1
- Resumen
Requerimientos de Software Software
JDK 7
Netbeans 7.3
Glassfish v3
MySQL (Xampp)
Librerías .jar
MySQL Connector 1.8
Prime Faces 3.2
JasperReport 3.7+
 JSF 2.0 QUE ES???

• JavaServer Faces (JSF) es una tecnología y

framework para aplicaciones Java basadas en
Introducción a JSF 2.0

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.
 Estructura
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.
 VENTAJAS
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.
 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.
 Mi primera Aplicación
Desarrolando una aplicación

‐ Crear un proyecto Web publicado en el URL siguiente, para

abrir el taller presione aquí (http://
es.calameo.com/books/002682098ac0cdae3a39a)
de ejemplo
Desarrollando una
aplicación de ejemplo
Configuración
Debe 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 ejemplo
Configuración
Clic 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 ejemplo
Codificación
La 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 ejemplo
Codificació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
INSTALACIÓN
» JDK
» Netbeans
» Glassfish
» MySQL (Xampp)
GRACIAS