Diseño de aplicaciones web utilizando JSF, Netbeans 7.3, servidor web Glassfish y MySQL

1. DISEÑO DE APLICACIONES WEB

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

3. RequerimientosdeSoftware Software
JDK 7
Netbeans 7.3
Glassfish v3
MySQL (Xampp)
Librerías .jar
MySQL Connector 1.8
Prime Faces 3.2
JasperReport 3.7+

4. IntroducciónaJSF2.0 JSF 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.

5. 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.

6. 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.

7.  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.

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

10. 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/*

11. 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ó.

12. 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

13. 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.

14. Resumen

15. » JDK
» Netbeans
» Glassfish
» MySQL (Xampp)
INSTALACIÓN

16. GRACIAS