Este documento describe varias tecnologías para el desarrollo de aplicaciones web como AJAX, JavaScript, JSP, servlets y JSF. Explica que AJAX permite actualizar partes de una página web sin recargar la página completa mediante comunicación asíncrona con el servidor. JSP y servlets permiten crear páginas web dinámicas usando Java como lenguaje de programación. JSF es un framework MVC que provee componentes para crear interfaces gráficas usando objetos Java como modelo y métodos como controladores.

1. UNIDAD 2: DESARROLLO APLICACIONES WEB:UNIDAD 2: DESARROLLO APLICACIONES WEB:
XML, HTML, JavaScript, JSP, Ajax y JSFXML, HTML, JavaScript, JSP, Ajax y JSF
AJAXAJAX, acrónimo de Asynchronous JavaScript And XML (JavaScript, acrónimo de Asynchronous JavaScript And XML (JavaScript
asíncrono y XML), es una técnica de desarrollo web para crearasíncrono y XML), es una técnica de desarrollo web para crear
aplicaciones interactivas o RIA (Rich Internet Applications). Estasaplicaciones interactivas o RIA (Rich Internet Applications). Estas
aplicaciones se ejecutan en el cliente, es decir, en el navegadoraplicaciones se ejecutan en el cliente, es decir, en el navegador
de los usuarios mientras se mantiene la comunicación asíncronade los usuarios mientras se mantiene la comunicación asíncrona
con el servidor en segundo plano. De esta forma es posiblecon el servidor en segundo plano. De esta forma es posible
realizar cambios sobre las páginas sin necesidad de recargarlas,realizar cambios sobre las páginas sin necesidad de recargarlas,
mejorando la interactividad, velocidad y usabilidad en lasmejorando la interactividad, velocidad y usabilidad en las
aplicaciones.aplicaciones.
Ajax es una tecnología asíncrona, en el sentido de que los datosAjax es una tecnología asíncrona, en el sentido de que los datos
adicionales se solicitan al servidor y se cargan en segundo planoadicionales se solicitan al servidor y se cargan en segundo plano
sin interferir con la visualización ni el comportamiento de lasin interferir con la visualización ni el comportamiento de la
página, aunque existe la posibilidad de configurar las peticionespágina, aunque existe la posibilidad de configurar las peticiones
como síncronas de tal forma que la interactividad de la página secomo síncronas de tal forma que la interactividad de la página se
detiene hasta la espera de la respuesta por parte del servidor.detiene hasta la espera de la respuesta por parte del servidor.
JavaScript es el lenguaje interpretado (scripting language) en el queJavaScript es el lenguaje interpretado (scripting language) en el que
normalmente se efectúan las funciones de llamada de Ajaxnormalmente se efectúan las funciones de llamada de Ajax

2. objeto disponible en los navegadores actuales. En cualquier caso, noobjeto disponible en los navegadores actuales. En cualquier caso, no
es necesario que el contenido asíncrono esté formateado en XML.es necesario que el contenido asíncrono esté formateado en XML.
Ajax es una técnica válida para múltiples plataformas y utilizable enAjax es una técnica válida para múltiples plataformas y utilizable en
muchos sistemas operativos y navegadores dado que estámuchos sistemas operativos y navegadores dado que está
basado en estándares abiertos como JavaScript y Documentbasado en estándares abiertos como JavaScript y Document
Object Model (DOM).Object Model (DOM).
Ejemplo 2.1:Ejemplo 2.1:
Desarrollar un grupo de páginas HTML y JAVASCRIPT paraDesarrollar un grupo de páginas HTML y JAVASCRIPT para
incorporar a una GUI un conjunto de componentes entre ellos unincorporar a una GUI un conjunto de componentes entre ellos un
combinado, procesándolos mediante un botón; generar ycombinado, procesándolos mediante un botón; generar y
desplegar números primos; desplegar ventanas dinámicas.desplegar números primos; desplegar ventanas dinámicas.
Trabajo 2.1:Trabajo 2.1:
Desarrollar una página HTML con JAVASCRIPT para calcularDesarrollar una página HTML con JAVASCRIPT para calcular
funciones mediante series de Taylor ingresando el argumento y elfunciones mediante series de Taylor ingresando el argumento y el
nombre de la función.nombre de la función.

3. JavaServer Pages (JSP)JavaServer Pages (JSP) es una tecnología que ayuda a loses una tecnología que ayuda a los
desarrolladores de software a crear páginas web dinámicasdesarrolladores de software a crear páginas web dinámicas
basadas en HTML, XML, entre otros tipos de documentos. JSP esbasadas en HTML, XML, entre otros tipos de documentos. JSP es
similar a PHP, pero usa el lenguaje de programación Java.similar a PHP, pero usa el lenguaje de programación Java.
Para desplegar y correr JavaServer Pages, se requiere un servidorPara desplegar y correr JavaServer Pages, se requiere un servidor
web compatible con contenedores servlet como Apache Tomcat oweb compatible con contenedores servlet como Apache Tomcat o
Jetty.Jetty.
El rendimiento de una página JSP es el mismo que tendría el servletEl rendimiento de una página JSP es el mismo que tendría el servlet
equivalente, ya que el código es compilado como cualquier otraequivalente, ya que el código es compilado como cualquier otra
clase Java. A su vez, la máquina virtual compilará dinámicamenteclase Java. A su vez, la máquina virtual compilará dinámicamente
a código de máquina las partes de la aplicación que lo requieran.a código de máquina las partes de la aplicación que lo requieran.
Esto hace que JSP tenga un buen desempeño y sea más eficienteEsto hace que JSP tenga un buen desempeño y sea más eficiente
que otras tecnologías web que ejecutan el código de una maneraque otras tecnologías web que ejecutan el código de una manera
puramente interpretada.puramente interpretada.
La principal ventaja de JSP frente a otros lenguajes es que elLa principal ventaja de JSP frente a otros lenguajes es que el
lenguaje Java es un lenguaje de propósito general que excede ellenguaje Java es un lenguaje de propósito general que excede el
mundo web y que es apto para crear clases que manejen lógicamundo web y que es apto para crear clases que manejen lógica
de negocio y acceso a datos de una manera prolija. Esto permitede negocio y acceso a datos de una manera prolija. Esto permite
separar en niveles las aplicaciones web, dejando la parteseparar en niveles las aplicaciones web, dejando la parte

4. de generar el documento HTML en el archivo JSP.de generar el documento HTML en el archivo JSP.
Otra ventaja es que JSP hereda la portabilidad de Java, y es posibleOtra ventaja es que JSP hereda la portabilidad de Java, y es posible
ejecutar las aplicaciones en múltiples plataformas sin cambios. Esejecutar las aplicaciones en múltiples plataformas sin cambios. Es
común incluso que los desarrolladores trabajen en una plataformacomún incluso que los desarrolladores trabajen en una plataforma
y que la aplicación termine siendo ejecutada en otra.y que la aplicación termine siendo ejecutada en otra.
LosLos servletsservlets son programas escritos en lenguaje Java que seson programas escritos en lenguaje Java que se
ejecutan en un servidor para responder a las peticiones de unejecutan en un servidor para responder a las peticiones de un
cliente. El servidor puede ser de HTTP y el cliente típicamente uncliente. El servidor puede ser de HTTP y el cliente típicamente un
explorador web. Los servlets se derivan de los applet, que sonexplorador web. Los servlets se derivan de los applet, que son
pequeños programas que se ejecutan en el cliente. En general lospequeños programas que se ejecutan en el cliente. En general los
servlets se utilizan para realizar páginas web con contenidoservlets se utilizan para realizar páginas web con contenido
dinámico generadas a través del envío de parámetros desde eldinámico generadas a través del envío de parámetros desde el
navegador del cliente.navegador del cliente.
Un Servlet cumple con el siguiente ciclo de vida:Un Servlet cumple con el siguiente ciclo de vida:
Inicialización: Se ejecuta el método denominado init, cuando elInicialización: Se ejecuta el método denominado init, cuando el
servidor carga el servlet.servidor carga el servlet.
Interacción con los clientes: Una vez iniciado el servlet, el mismoInteracción con los clientes: Una vez iniciado el servlet, el mismo
atiende a las peticiones de los clientes. Se crea una únicaatiende a las peticiones de los clientes. Se crea una única
instancia, por lo que hay que tener cuidado con el uso deinstancia, por lo que hay que tener cuidado con el uso de

5. compartidas, si se realizan peticiones simultáneas entre diferentescompartidas, si se realizan peticiones simultáneas entre diferentes
clientes.clientes.
Destrucción: Un servlet es destruido por petición del administradorDestrucción: Un servlet es destruido por petición del administrador
del sistema o por cierre del servidor. Se ejecuta el método destroydel sistema o por cierre del servidor. Se ejecuta el método destroy
del propio servlet.del propio servlet.
Dentro de las características de los servlets, se encuentran losDentro de las características de los servlets, se encuentran los
siguientes: Se pueden ejecutar sobre servidores escritos ensiguientes: Se pueden ejecutar sobre servidores escritos en
lenguajes de programación distintos de java. Puede existirlenguajes de programación distintos de java. Puede existir
comunicación entre servlets, haciendo factible la distribución decomunicación entre servlets, haciendo factible la distribución de
tareas. Pueden obtener información del cliente como su direccióntareas. Pueden obtener información del cliente como su dirección
IP, puerto de llamada, tipo de petición (GET, POST..) entre otros.IP, puerto de llamada, tipo de petición (GET, POST..) entre otros.
Permiten la utilización de variables de sesión y de cookies paraPermiten la utilización de variables de sesión y de cookies para
mantener la información de un usuario específico. Un servletmantener la información de un usuario específico. Un servlet
puede actuar como puente entre el servidor web, y un servidor depuede actuar como puente entre el servidor web, y un servidor de
bases de datos. Finalmente, un servlet permite la generaciónbases de datos. Finalmente, un servlet permite la generación
dinámica de código HTML dentro de una propia página HTML,dinámica de código HTML dentro de una propia página HTML,
muy útil por ejemplo para la creación de contadores, banners, etc.muy útil por ejemplo para la creación de contadores, banners, etc.
Los servlets y Java Server Pages (JSPs) son dos métodos deLos servlets y Java Server Pages (JSPs) son dos métodos de
creación de páginas web dinámicas en servidor usando elcreación de páginas web dinámicas en servidor usando el

6. Java. En ese sentido son similares a otros métodos o lenguajes talesJava. En ese sentido son similares a otros métodos o lenguajes tales
como el PHP, ASP o los CGIs, programas que generan páginascomo el PHP, ASP o los CGIs, programas que generan páginas
web en el servidor.web en el servidor.
Para poner código java en una JSP, se usa:Para poner código java en una JSP, se usa:
<% %> que significa proceso en el servidor. Y se puede poner<% %> que significa proceso en el servidor. Y se puede poner
<%=expresión%> para una expresión proveniente del servidor.<%=expresión%> para una expresión proveniente del servidor.
Los botones deben ser de tipo submit para transferir el proceso alLos botones deben ser de tipo submit para transferir el proceso al
servidor.servidor.
Se usa el objeto request para recuperar el dato desde el cliente.Se usa el objeto request para recuperar el dato desde el cliente.
Ejemplo 2.2:Ejemplo 2.2:
Implementar una JSP para ingresar un nombre y que al presionar unImplementar una JSP para ingresar un nombre y que al presionar un
botón, dé la bienvenida a esa persona.botón, dé la bienvenida a esa persona.
Ejemplo 2.3:Ejemplo 2.3:
Implementar una JSP para ingresar los lados de un triangulo y que alImplementar una JSP para ingresar los lados de un triangulo y que al
presionar un botón, se validen los datos y que se determine el tipopresionar un botón, se validen los datos y que se determine el tipo
de triángulo y calcule el perímetro y superficie, desplegándose ende triángulo y calcule el perímetro y superficie, desplegándose en
la misma JSP los resultados.la misma JSP los resultados.

7. Trabajo 2.2:Trabajo 2.2:
a) Implementar una JSP para ingresar el argumento y el nombre dea) Implementar una JSP para ingresar el argumento y el nombre de
una función y que al presionar un botón, se validen los datos yuna función y que al presionar un botón, se validen los datos y
que se calcule el valor de la función mediante la serie de Taylorque se calcule el valor de la función mediante la serie de Taylor
correspondiente, desplegándose en la misma JSP los resultados.correspondiente, desplegándose en la misma JSP los resultados.
b) Implementar una JSP para ingresar la cantidad de númerosb) Implementar una JSP para ingresar la cantidad de números
primos y el número de columnas y que al presionar un botón, seprimos y el número de columnas y que al presionar un botón, se
validen los datos y que se calcule despliegue en la misma JSPvaliden los datos y que se calcule despliegue en la misma JSP
una tabla con los números primos.una tabla con los números primos.

8. JSFJSF es un framework MVC (Modelo-Vista-Controlador) basado en eles un framework MVC (Modelo-Vista-Controlador) basado en el
API de Servlets que proporciona un conjunto de componentes enAPI de Servlets que proporciona un conjunto de componentes en
forma de etiquetas definidas en páginasforma de etiquetas definidas en páginas XHTMLXHTML mediante elmediante el
framework Facelets. Facelets se define en la especificación 2 deframework Facelets. Facelets se define en la especificación 2 de
JSF como un elemento fundamental de JSF que proporcionaJSF como un elemento fundamental de JSF que proporciona
características de plantillas y de creación de componentescaracterísticas de plantillas y de creación de componentes
compuestos. Antes de la especificación actual se utilizaba JSPcompuestos. Antes de la especificación actual se utilizaba JSP
para componer las páginas JSF. Utiliza las páginas Facelets comopara componer las páginas JSF. Utiliza las páginas Facelets como
vista, objetos Javabean como modelos y métodos de esos objetosvista, objetos Javabean como modelos y métodos de esos objetos
como controladores. El servlet FacesServlet realiza toda lacomo controladores. El servlet FacesServlet realiza toda la
tediosa tarea de procesar las peticiones HTTP, obtener los datostediosa tarea de procesar las peticiones HTTP, obtener los datos
de entrada, validarlos y convertirlos, colocarlos en los objetos delde entrada, validarlos y convertirlos, colocarlos en los objetos del
modelo, invocar las acciones del controlador y renderizar lamodelo, invocar las acciones del controlador y renderizar la
respuesta utilizando el árbol de componentes. Proporciona lasrespuesta utilizando el árbol de componentes. Proporciona las
siguientes características destacables:siguientes características destacables:
•• Definición de las interfaces de usuario mediante vistas queDefinición de las interfaces de usuario mediante vistas que
agrupan componentes gráficos.agrupan componentes gráficos.
•• Conexión de los componentes gráficos con los datos de laConexión de los componentes gráficos con los datos de la
aplicación mediante los denominados beans gestionados.aplicación mediante los denominados beans gestionados.

9. •• Conversión de datos y validación automática de la entrada delConversión de datos y validación automática de la entrada del
usuario.usuario.
•• Navegación entre vistas.Navegación entre vistas.
•• InternacionalizaciónInternacionalización
•• A partir de la especificación 2.0 un modelo estándar deA partir de la especificación 2.0 un modelo estándar de
comunicación Ajax entre la vista y el servidor.comunicación Ajax entre la vista y el servidor.
JSF se ejecuta sobre la tecnología de Servlets y no requiere ningúnJSF se ejecuta sobre la tecnología de Servlets y no requiere ningún
servicio adicional, por lo que para ejecutar aplicaciones JSF sóloservicio adicional, por lo que para ejecutar aplicaciones JSF sólo
necesitamos un contenedor de servlets tipo Tomcat o Jetty. Paranecesitamos un contenedor de servlets tipo Tomcat o Jetty. Para
entender el funcionamiento de JSF es interesante compararlo conentender el funcionamiento de JSF es interesante compararlo con
JSP. Recordemos que una página JSP contiene código HTML conJSP. Recordemos que una página JSP contiene código HTML con
etiquetas especiales y código Java. La página se procesa en unaetiquetas especiales y código Java. La página se procesa en una
pasada de arriba a abajo y se convierte en un servlet. Lospasada de arriba a abajo y se convierte en un servlet. Los
elementos JSP se procesan en el orden en que aparecen y seelementos JSP se procesan en el orden en que aparecen y se
transforman en código Java que se incluye en el servlet. Una veztransforman en código Java que se incluye en el servlet. Una vez
realizada la conversión, las peticiones de los usuarios a la páginarealizada la conversión, las peticiones de los usuarios a la página
provocan la ejecución del servlet.provocan la ejecución del servlet.
En JSF el funcionamiento es distinto. Una página JSF tambiénEn JSF el funcionamiento es distinto. Una página JSF también
contiene etiquetas especiales y código HTML, pero sucontiene etiquetas especiales y código HTML, pero su

10. procesamiento es mucho más complicado. La diferencia fundamentalprocesamiento es mucho más complicado. La diferencia fundamental
con JSP es el resultado del procesamiento interno, en el servidor,con JSP es el resultado del procesamiento interno, en el servidor,
de la página cuando se realiza la petición. En JSP la página sede la página cuando se realiza la petición. En JSP la página se
procesa y se transforma en un servlet. En JSF, sin embargo, elprocesa y se transforma en un servlet. En JSF, sin embargo, el
resultado del procesamiento es un árbol de componentes, objetosresultado del procesamiento es un árbol de componentes, objetos
Java instanciados el servidor, que son los que posteriormente seJava instanciados el servidor, que son los que posteriormente se
encargan de generar el HTML.encargan de generar el HTML.
Ejemplo 2.4:Ejemplo 2.4:
Implementar una JSF para ingresar un nombre y que al presionar unImplementar una JSF para ingresar un nombre y que al presionar un
botón, dé la bienvenida a esa persona.botón, dé la bienvenida a esa persona.
Ejemplo 2.5:Ejemplo 2.5:
Implementar una JSF para ingresar los lados de un triangulo y que alImplementar una JSF para ingresar los lados de un triangulo y que al
presionar un botón, se validen los datos y que se determine el tipopresionar un botón, se validen los datos y que se determine el tipo
de triángulo y calcule el perímetro y superficie, desplegándose ende triángulo y calcule el perímetro y superficie, desplegándose en
la misma JSF los resultados.la misma JSF los resultados.

11. Trabajo 2.3:Trabajo 2.3:
a) Implementar una JSF para ingresar el argumento y el nombre dea) Implementar una JSF para ingresar el argumento y el nombre de
una función y que al presionar un botón, se validen los datos yuna función y que al presionar un botón, se validen los datos y
que se calcule el valor de la función mediante la serie de Taylorque se calcule el valor de la función mediante la serie de Taylor
correspondiente, desplegándose en la misma JSF los resultados.correspondiente, desplegándose en la misma JSF los resultados.
b) Implementar una JSF para ingresar la cantidad de númerosb) Implementar una JSF para ingresar la cantidad de números
primos y el número de columnas y que al presionar un botón, seprimos y el número de columnas y que al presionar un botón, se
validen los datos y que se calcule despliegue en la misma JSFvaliden los datos y que se calcule despliegue en la misma JSF
una tabla con los números primos.una tabla con los números primos.

12. Sistema gestor de base de datos (SGBD)Sistema gestor de base de datos (SGBD) es un conjunto dees un conjunto de
programas que permiten el almacenamiento, modificación yprogramas que permiten el almacenamiento, modificación y
extracción de la información en una base de datos, además deextracción de la información en una base de datos, además de
proporcionar herramientas para añadir, borrar, modificar y analizarproporcionar herramientas para añadir, borrar, modificar y analizar
los datos. Los usuarios pueden acceder a la información usandolos datos. Los usuarios pueden acceder a la información usando
herramientas específicas de interrogación y de generación deherramientas específicas de interrogación y de generación de
informes, o bien mediante aplicaciones. Estos sistemas tambiéninformes, o bien mediante aplicaciones. Estos sistemas también
proporcionan métodos para mantener la integridad de los datos,proporcionan métodos para mantener la integridad de los datos,
para administrar el acceso de usuarios a los datos y parapara administrar el acceso de usuarios a los datos y para
recuperar la información si el sistema se corrompe. Permitenrecuperar la información si el sistema se corrompe. Permiten
presentar la información de la base de datos en variadospresentar la información de la base de datos en variados
formatos. La mayoría incluyen un generador de informes.formatos. La mayoría incluyen un generador de informes.
También pueden incluir un módulo gráfico que permita presentarTambién pueden incluir un módulo gráfico que permita presentar
la información con gráficos y tablas. Hay muchos tipos distintosla información con gráficos y tablas. Hay muchos tipos distintos
según cómo manejen los datos y muchos tamaños distintos desegún cómo manejen los datos y muchos tamaños distintos de
acuerdo a si operan en computadoras personales y con pocaacuerdo a si operan en computadoras personales y con poca
memoria o grandes sistemas que funcionan en mainframes conmemoria o grandes sistemas que funcionan en mainframes con
sistemas de almacenamiento especiales.sistemas de almacenamiento especiales.
Generalmente se accede a los datos mediante lenguajes deGeneralmente se accede a los datos mediante lenguajes de
interrogación, lenguajes de alto nivel que simplifican la tarea deinterrogación, lenguajes de alto nivel que simplifican la tarea de

13. presentación de la información. Un SGBD permite controlar elpresentación de la información. Un SGBD permite controlar el
acceso a los datos, asegurar su integridad, gestionar el accesoacceso a los datos, asegurar su integridad, gestionar el acceso
concurrente a ellos, recuperar los datos tras un fallo del sistema yconcurrente a ellos, recuperar los datos tras un fallo del sistema y
hacer copias de seguridad. Las bases de datos y los sistemashacer copias de seguridad. Las bases de datos y los sistemas
para su gestión son esenciales para cualquier área de negocio, ypara su gestión son esenciales para cualquier área de negocio, y
deben ser gestionados con esmero. Se tienen varios ejemplos dedeben ser gestionados con esmero. Se tienen varios ejemplos de
SGDB, tales como ORACLE, SQL Server, Sybase, Postgre,SGDB, tales como ORACLE, SQL Server, Sybase, Postgre,
MySQL, etc.MySQL, etc.
MySQLMySQL es un DBMS muy rápido, multitarea, multiusuario. Soportaes un DBMS muy rápido, multitarea, multiusuario. Soporta
transacciones. No funciona en todas las plataformas. Bloqueo atransacciones. No funciona en todas las plataformas. Bloqueo a
nivel de fila (incrementa la capacidad de concurrencia ynivel de fila (incrementa la capacidad de concurrencia y
rendimiento). Soporta tablas que se encuentran particionadas enrendimiento). Soporta tablas que se encuentran particionadas en
diferentes ordenadores.diferentes ordenadores.
Para importar datos a una base de datos existente en MySQL, sePara importar datos a una base de datos existente en MySQL, se
emplea el comando:emplea el comando:
mysql –u usuario –p base_de_datos < archivo.sqlmysql –u usuario –p base_de_datos < archivo.sql
Para exportar datos a una base de datos existente en MySQLPara exportar datos a una base de datos existente en MySQL
(generar un dump) , se emplea el comando:(generar un dump) , se emplea el comando:
mysqldump –u usuario –p base_de_datos > archivo.sqlmysqldump –u usuario –p base_de_datos > archivo.sql

14. Ejemplo 2.6:Ejemplo 2.6:
a) Crear una base de datos en MySQL denominada ‘prueba’ ea) Crear una base de datos en MySQL denominada ‘prueba’ e
importar los datos desde un dump, mismo que es proporcionadoimportar los datos desde un dump, mismo que es proporcionado
por el profesor.por el profesor.
b) Desarrollar una aplicación web con una JSP para desplegarla y ab) Desarrollar una aplicación web con una JSP para desplegarla y a
través de ella acceder a la base de datos del literal (a) a fin detravés de ella acceder a la base de datos del literal (a) a fin de
realizar operaciones CRUD (create, read, update, delete; ademásrealizar operaciones CRUD (create, read, update, delete; además
generar y usar librerías jar.generar y usar librerías jar.
Trabajo 2.4:Trabajo 2.4:
 Desarrollar varias JSPs para desplegar y a través de ellasDesarrollar varias JSPs para desplegar y a través de ellas
acceder al resto de tablas de la base de datos a fin de realizaracceder al resto de tablas de la base de datos a fin de realizar
operaciones CRUD (create, read, update, delete; además generaroperaciones CRUD (create, read, update, delete; además generar
y usar librerías jar.y usar librerías jar.
 Usando las JSPs del literal (a) actualizar la base de datos deUsando las JSPs del literal (a) actualizar la base de datos de
manera que quede completa.manera que quede completa.