INSTITUTO TECNOLÓGICO DE ORIZABA
TECNOLÓGICO NACIONAL DE
MÉXICO
ORIZABA, VERACRUZ
PROGRAMA EDUCATIVO
INGENIERÍA INFORMÁTICA
ASIGNATURA
TECNOLOGIAS DE DESARROLLO WEB
HORA
19 - 20
DOCENTE
MARCO ANTONIO VASQUEZ ROMERO
PRESENTACION ELECTRÓNICA
JSF
ACTIVIDAD 1
TEMA 1
LENGUAJES PARA INTERNET
PRESENTA
SEMESTRE
9°
FECHA DE ENTREGA
LUNES, 28 DE MARZO
INTEGRANTES DEL
EQUIPO:
Moises Miguel Ángel María Fernanda Kevin Óscar
Martínez Flores Trujillo Castañeda Rodríguez Vera Ramírez Camarena
INTRODUCCIÓN
LENGUA JES DEL LADO DEL SERVIDOR
Los Lenguajes de programación del lado del servidor son especialmente útiles en
trabajos que se tiene que acceder a información centralizada, situada en una
base de datos en el servidor, y cuando por razones de seguridad los cálculos
no se pueden realizar en la computadora del usuario.
“El beneficio más significativo de la
codificación de lado servidor es que te
permite confeccionar el contenido del
sitio web para usuarios individuales.
Los sitios dinámicos pueden resaltar
contenido que es más relevante
basándose en las preferencias del
usuario y sus hábitos.
JSF (JavaServer Faces)
Es un marco de aplicaciones web basado en Java que
simplifica la creación de interfaces de usuario para
aplicaciones web Java.
Es un marco basado en componentes que permite a
los desarrolladores crear aplicaciones web utilizando
componentes de interfaz de usuario reutilizables.
JSF proporciona un conjunto de etiquetas personalizadas de
JavaServer Pages (JSP) y componentes de interfaz de usuario
que se pueden utilizar para crear la interfaz de usuario de
aplicaciones web.
JSF (JavaServer Faces)
Estos componentes están prediseñados y encapsulan
funcionalidades comunes, como manejo de
formularios, validación de entradas, enlace de datos y
navegación. Este enfoque basado en componentes
fomenta la reutilización del código y la separación de
preocupaciones.
Los conceptos y
características clave
de JavaServer Faces
(JSF):
UI Components:
Managed Beans:
JSF proporciona una amplia gama de componentes de la
Son clases de Java que se utilizan para administrar los
interfaz de usuario, como campos de entrada, botones,
datos y el comportamiento asociados con los
tablas, paneles y más. Estos componentes se pueden
componentes de la interfaz de usuario. Estos beans se
agregar fácilmente a páginas web mediante etiquetas o
utilizan para interactuar con los componentes, manejar la
creando directamente objetos Java.
entrada del usuario, realizar la lógica empresarial y
gestionar el estado de la aplicación.
Event Handling:
JSF admite varios tipos de eventos, como eventos de
acción, eventos de cambio de valor y más. Los
desarrolladores pueden definir detectores de eventos en
beans administrados para manejar estos eventos y
ejecutar las acciones correspondientes.
Validation and Conversion:
JSF proporciona mecanismos integrados para la validación
y conversión de datos entre la entrada del usuario y los
objetos Java. Los desarrolladores pueden especificar
reglas de validación y lógica de conversión para los
componentes de la interfaz de usuario, lo que facilita
garantizar la integridad de los datos.
Navigation Handling:
JSF permite a los desarrolladores definir reglas de
navegación que dictan cómo el usuario se mueve entre
diferentes páginas o vistas en la aplicación. La
navegación se puede configurar en función de los
resultados de acciones o eventos.
Expression Language (EL):
JSF utiliza el lenguaje de expresión para vincular
componentes de la interfaz de usuario a las
propiedades del bean administrado. EL permite a los
desarrolladores acceder y manipular datos
directamente desde los componentes sin escribir un
código Java extenso.
Internationalization (i18n):
JSF admite la internacionalización y localización de
aplicaciones web, lo que facilita la creación de aplicaciones
que se pueden adaptar a diferentes idiomas y culturas.
Integration with Java EE:
JSF está diseñado para funcionar bien dentro del
ecosistema Java EE (Enterprise Edition). Puede integrarse
con otras tecnologías Java EE, como Java Persistence API
(JPA), Enterprise JavaBeans (EJB) y más.
JSF (JavaServer Faces)
JSF ha pasado por varias versiones, siendo JSF 2 una de
las actualizaciones más importantes. Introdujo
importantes mejoras en términos de rendimiento,
simplicidad y capacidades de los componentes. A partir
de mi última actualización en septiembre de 2021, es
posible que se hayan lanzado versiones más nuevas
con funciones y mejoras adicionales. Si está
considerando utilizar JSF para un proyecto, le
recomiendo consultar la documentación y los recursos
más recientes para obtener la información más
actualizada.
Ciclo de Vida de JSF:
JSF tiene un ciclo de vida que describe cómo se procesan las solicitudes y se generan las
respuestas en una aplicación JSF.
• Restore View: En esta fase, JSF crea o restaura el árbol de componentes de la vista si es necesario. Esto ocurre cuando
se recibe una solicitud de unRestore View: En esta fase, JSF crea o restaura el árbol de componentes de la vista si es
necesario. Esto ocurre cuando se recibe una solicitud de una página JSF.
• Apply Request Values: En esta fase, JSF toma los valores enviados en la solicitud HTTP (como parámetros de
formulario) y los aplica a los componentes correspondientes en el árbol de componentes.
Process
Validations
En esta fase, JSF valida los valores de los
componentes y realiza la conversión de tipos
según sea necesario. Si hay errores de
validación, se pueden mostrar mensajes de
error.
Update Model
Values
En esta fase, JSF actualiza el modelo (los
valores en los beans administrados) con los
valores validados y convertidos de los
componentes.
Invoke
Application:
En esta fase, JSF ejecuta acciones de
aplicaciones definidas por el desarrollador en
respuesta a la solicitud. Esto suele implicar la
ejecución de métodos en los beans
administrados.
Render Response:
En esta fase, JSF toma los valores enviados en
la solicitud HTTP (como parámetros de
formulario) y los aplica a los componentes
correspondientes en el árbol de
componentes.
JSF
Facelets:
Managed Beans y
Expression Language (EL):
Facelets es una tecnología
utilizada en JSF para crear vistas.
Los "Managed Beans" son Conversión y Reemplazó a JSP como el motor
componentes de Java utilizados Validación: de plantillas recomendado para
en JSF para gestionar la lógica de JSF. Facelets es más poderoso y
JSF proporciona mecanismos de flexible en términos de creación
la aplicación y el estado de los
conversión y validación para de vistas, y ofrece una sintaxis
componentes de la interfaz de
garantizar que los datos ingresados más intuitiva y eficiente para
usuario. La "Expression definir las páginas JSF.
por los usuarios sean válidos y se
Language" (EL) se utiliza para
conviertan correctamente en los
vincular los valores de los
tipos de datos apropiados. Esto es
componentes a las propiedades
útil para asegurarse de que los
de los Managed Beans. La EL
datos que los usuarios envían a
permite acceder y manipular
través de formularios sean
datos en los beans administrados
coherentes y válidos antes de
de manera concisa y directa.
procesarlos en el backend.
Integración con
Tecnologías de Java EE:
1. JSF se integra bien con otras tecnologías de Java EE,
como Java Persistence API (JPA) para el acceso a bases de
datos, Enterprise JavaBeans (EJB) para la lógica
empresarial, Contexts and Dependency Injection (CDI)
para la gestión de dependencias, y más. Esto permite
construir aplicaciones web robustas y escalables
utilizando un conjunto coherente de tecnologías.
Bibliotecas de
Componentes
1. Existen varias bibliotecas de componentes de
terceros disponibles para JSF que amplían las
capacidades de la plataforma. Algunos ejemplos
populares incluyen PrimeFaces, RichFaces y
BootsFaces.
Objetivos de
JavaServer Faces
(JSF):
• Definir un conjunto simple de clases base de Java • Proporcionar un modelo de JavaBeans para enviar
para componentes de la interfaz de usuario, estado eventos desde los controles de la interfaz de usuario
de los componentes y eventos de entrada. Estas del lado del cliente a la aplicación del servidor.
clases tratarán los aspectos del ciclo de vida de la
• Definir API para la validación de entrada, incluyendo
interfaz de usuario, controlando el estado de un
soporte para la validación en el lado del cliente
componente durante el ciclo de vida de su página.
• Especificar un modelo para la internacionalización y
• Proporcionar un conjunto de componentes para la
localización de la interfaz de usuario.
interfaz de usuario, incluyendo los elementos
estándares de HTML para representar un formulario. • Automatizar la generación de salidas apropiadas para
Estos componentes se obtendrán de un conjunto el objetivo del cliente, teniendo en cuenta todos los
básico de clases base que se pueden utilizar para datos de configuración disponibles del cliente, como
definir componentes nuevos. versión del navegador
Componentes de JSF:
Componentes de entrada::
Incluyen campos de texto, áreas de texto, casillas de
verificación, botones de radio y selectores.
Componentes de salida:
Incluyen etiquetas para mostrar texto, imágenes, tablas y
otros elementos en la interfaz de usuario
Componentes de datos:
Incluyen componentes para mostrar y manipular datos
tabulares, como tablas y listas.
Componentes de formulario:
Permiten la construcción de formularios web para
capturar información del usuario.
Componentes de diseño:
Permiten organizar y diseñar la estructura visual de la
página, como paneles y pestañas.
Componentes de acción:
Incluyen botones y enlaces que permiten a los
usuarios interactuar con la aplicación y realizar
acciones
Bibliotecas de
Componentes
Adicionales:
Además de los componentes estándar proporcionados por JSF, existen bibliotecas de componentes de terceros que agregan más
funcionalidades y estilos a tus aplicaciones.
PrimeFaces:
Ofrece una amplia gama de componentes y temas
predefinidos para una apariencia y sensación modernas.
RichFaces:
Proporciona componentes avanzados y efectos visuales,
así como una integración estrecha con A JAX.
Bibliotecas de Componentes
Adicionales: Beneficios de JSF:
Abstracción de la Interfaz de
BootsFaces:
Usuario:
Combina JSF con Bootstrap, lo que facilita la creación de
JSF abstrae la complejidad de la creación de interfaces
aplicaciones con un diseño moderno y receptivo..
de usuario al proporcionar componentes reutilizables.
Separación de
Responsabilidades:
IceFaces:
Facilita la separación entre la lógica de presentación y
Se centra en la interacción en tiempo real y la
la lógica de negocio.
actualización parcial de la página a través de A JAX.
Beneficios de JSF:
Validación y Conversión:
Integración con Java EE:
Ofrece capacidades integradas para validar y convertir
Se integra bien con otras tecnologías de Java EE para
datos de entrada.
crear aplicaciones web completas y escalables.
Manejo de Eventos:
Personalización:
Permite manejar eventos generados por los
componentes de manera sencilla. Las bibliotecas de componentes adicionales permiten
personalizar y enriquecer las capacidades de JSF
Gracias por su atencion
