SlideShare una empresa de Scribd logo
PROGRAMACIÓN AVANZADA I
DESARROLLO WEB
Mario Linares Vásquez
Especialización Ingeniería de Software - Unillanos
Agenda
Introducción.
Guía rápida html.Guía rápida html.
Desarrollo web con Java.
Servlet.
JSP.
Servidores Web
Un servidor web proporciona acceso a recursos solicitados
por un cliente en un esquema de solicitud y respuesta,por un cliente en un esquema de solicitud y respuesta,
basado en el protocolo HTTP.
Request
http://www.mipagina.com
Response
Servidores Web
El contenido proporcionado por el servidor web son
documentos estáticos y archivos en formato HTML, que sondocumentos estáticos y archivos en formato HTML, que son
interpretador por el browser en el lado del cliente que hace la
solicitud.
La generación de contenido dinámico se puede obtener
mediante la interpretación de lenguajes de script en el cliente
(Javascript) o mediante la vinculación de código que se(Javascript) o mediante la vinculación de código que se
ejecuta del lado del servidor. En el caso de los servidores web,
soportan la ejecución de CGI con la ayuda de módulos
adicionales.
Contenedores Web
El concepto de contenedor web se maneja como parte de la
especificación JEE. Un contenedor web se puede entenderespecificación JEE. Un contenedor web se puede entender
como un servidor Web con la capacidad de ejecutar código
Java en el lado del servidor, especificamente JSPs y Servlets.
El contenedor WEB mas conocido y mas usado es Apache
Tomcat.Tomcat.
Servidores de aplicaciones
Extienden el concepto de servidor/contenedor web para incluir
servicios como:servicios como:
Clustering.
Tolerancia a fallas.
Balanceo de cargas.
Ejecución de objetos de negocio(EJB).Ejecución de objetos de negocio(EJB).
Seguridad.
Transacciones.
Soporte para publicación y orquestación de servicios.
Servidores de aplicaciones
WebSphere Application Server (IBM)WebSphere Application Server (IBM)
Sybase Enterprise Application Server (Sybase Inc)
WebLogic Server (Oracle)
JBoss (Red Hat)
Apache Geronimo (Apache Software Foundation)
Oracle Application Server (Oracle)
Oracle OC4J (Oracle)Oracle OC4J (Oracle)
Sun GlassFish Enterprise Server (Sun Microsystems)
SAP Netweaver AS (ABAP/Java) (SAP)
Glassfish Application Server (open source)
Servidores de aplicaciones
GET vs POST
HTTP soporta varios métodos para envió de solicitudes al
servidor. Los métodos mas usados son GET y POST.servidor. Los métodos mas usados son GET y POST.
En el caso de GET los parámetros son enviados en la URL en el
formato parámetro=valor.
En el caso de POST los parámetros son enviados dentro del
mensate HTTP.
GET vs POST
GET vs POST
Guía Rápida HTML
Lenguaje de instrucciones que le dicen al browser como
presentar el contenido que se obtiene como producto de unpresentar el contenido que se obtiene como producto de un
request.
Tag Descripción
<!-- --> Comentario
<a> Enlace local o a otra página
<body> Indica la parte donde se coloca el contenido
de la página
<br> Cambio de línea
<title> Titulo de la página
<head> Encabezado de la página
<form> Formulario para ingreso de datos
<html> Inicio del documento html
<input type> Campo para ingreso de datos
Guía Rápida HTML
Input Descripción
text Campo para ingreso de datos.
password Campo para ingreso de datos pero con
máscara.
hiddden Campo oculto para guardar información.
submit Botón para envío de datos del formulario a
procesamiento.
button Botón de tipo general.
Image Botón de tipo submit pero con imagen deImage Botón de tipo submit pero con imagen de
fondo.
radio Botón de tipo radio.
checkbox Botón de tipo check.
reset Botón para limpiar campos de un formulario.
file Permite cargar archivos de estructura de
directorios local.
Guía Rápida HTML
Los formularios permiten definir el método HTTP y el código
del lado del servidor que va procesar los datos ingresadosdel lado del servidor que va procesar los datos ingresados
para el usuario.
Los datos son ingresados mediante tags de tipo input.
Guía Rápida HTML
Tablas
Guía Rápida HTML
Tablas
Guía Rápida HTML
Aplicaciones Web con Java
El desarrollo de aplicaciones Web con Java esta soportado en
la especificación JEE. En esta medida se requiere de un
contenedor Web para el despliegue y ejecución de las
la especificación JEE. En esta medida se requiere de un
contenedor Web para el despliegue y ejecución de las
aplicaciones.
Con Java se pueden implementar dos tipos de aplicaciones:
Orientadas a presentación: generan paginas web interactivas con
contenido estatico y dinamico como respuesta a un request. Los
componentes usados son JSP y Servlet.componentes usados son JSP y Servlet.
Orientadas a servicios: basada en web services, donde los clientes
consumidores de los web services pueden ser aplicaciones
orientadas a presentación.
Aplicaciones Web con Java
Aplicaciones Web con Java
Estructura de directorios(Despliegue)
Server root
Web app
WEB-INF
classes lib
Index.jsp Main.html
web.xml
Estructura de directorios(Netbeans)
Servlets y clases java
JSPs, imágenes, htmls, css
Librerías de clases (.jar)Librerías de clases (.jar)
Deployment Descriptor
Las aplicaciones JEE tienen un archivo de
configuración que se conoce como deploymentconfiguración que se conoce como deployment
descriptor (web.xml).
En este archivo se puede definir:
Página de inicio de la aplicación.
Mapeo de servlets
Páginas de error asociadas con excepcionesPáginas de error asociadas con excepciones
Parámetros de inicio
Deployment Descriptor
Mapeo de servlets
Deployment Descriptor
Definición página de error
Definición página de inicio
Deployment Descriptor
Para mas detalle de los elementos del web.xml ver
http://download-llnw.oracle.com/docs/cd/E13222_01/wls/docs81/webapp/web_xml.html
Servlet
En la arquitectura java, son clases que se ejecutan
del lado del servidor, y son las encargadas dedel lado del servidor, y son las encargadas de
procesar las solicitudes generadas del lado del
cliente.
Desde el punto de vista MVC, los servlets
proporcionan el rol de controlador, recibiendoproporcionan el rol de controlador, recibiendo
solicitudes de la vista, invocando los componentes
de negocio(servicio), y retornando un response al
cliente que inicio el proceso
Servlet
Servlet
Servlet
JSP
Son componentes que se ejecutan del lado del servidor
para generar HTML que se envia como response y es
pintado del lado del cliente.
para generar HTML que se envia como response y es
pintado del lado del cliente.
La particularidad de los JSP es que permiten embeber
código Java en HTML para generar contenido
dinámico.
En el marco de MVC, JSP asume el rol de vista queEn el marco de MVC, JSP asume el rol de vista que
genera solicitudes hacia el controlador, y pinta los
datos recibidor del controlador como resultado.
JSP
JSP
Bibliografía
B. Basham. Head First Servlets and JSP. Oreilly,
2008.2008.
The Java EE 5 Tutorial.
http://java.sun.com/javaee/5/docs/tutorial/doc/ind
ex.html

Más contenido relacionado

PDF
[ES] Fundamentos de Java Enterprise Edition
ODP
Desarrollando un API con REST
PPTX
Java script
PPTX
Presentacion 2.2
PPT
Curso Java Avanzado 1 IntroduccióN Al Desarrollo Web
PDF
Introducción a java EE 7
PPTX
Asp.net
[ES] Fundamentos de Java Enterprise Edition
Desarrollando un API con REST
Java script
Presentacion 2.2
Curso Java Avanzado 1 IntroduccióN Al Desarrollo Web
Introducción a java EE 7
Asp.net

La actualidad más candente (20)

PDF
Tutorial - REST con java (JAX-RS 2.0)
PDF
Programación web con JSP
PDF
Cjee a-leccion-web services-jax-ws
PDF
Sesion 3. desarrollo de aplicaciones jee
PPT
Microsoft Asp. Net [Asp.Net - Parte 2]
PDF
Herramientas de Desarrollo de Sistemas
PPT
Curso Java Avanzado 2 Servlets
PPTX
Introducción a REST - SymfonyVLC
PPT
Curso Java Avanzado 5 Ejb
PPTX
Java DataBase Connectivity
PPT
Intro a ASP.NET
PPTX
Servlet
ODP
Diapositivas Web Util
PPT
Servlets y jsp
PPTX
Asp.net conceptos
PPTX
Desarrollando con APIs
PPTX
Asp
PDF
STRUTS (MVC e Java)
Tutorial - REST con java (JAX-RS 2.0)
Programación web con JSP
Cjee a-leccion-web services-jax-ws
Sesion 3. desarrollo de aplicaciones jee
Microsoft Asp. Net [Asp.Net - Parte 2]
Herramientas de Desarrollo de Sistemas
Curso Java Avanzado 2 Servlets
Introducción a REST - SymfonyVLC
Curso Java Avanzado 5 Ejb
Java DataBase Connectivity
Intro a ASP.NET
Servlet
Diapositivas Web Util
Servlets y jsp
Asp.net conceptos
Desarrollando con APIs
Asp
STRUTS (MVC e Java)
Publicidad

Destacado (10)

PDF
Conversion Optimization with Peep Laja
PDF
mepf-electrical inspection safety audit
PPTX
Have your life changed since you are on Facebook?
PPT
Medicare 101 2008
PDF
Prac2012(1)
PPTX
Lego Chart (2)
PDF
Create Engaging Digital Commerce Experiences with IBM and CoreMedia
PPTX
Line Crew Optimisation Methodology
PPTX
Life threatening conditions
PPTX
marketing mix
Conversion Optimization with Peep Laja
mepf-electrical inspection safety audit
Have your life changed since you are on Facebook?
Medicare 101 2008
Prac2012(1)
Lego Chart (2)
Create Engaging Digital Commerce Experiences with IBM and CoreMedia
Line Crew Optimisation Methodology
Life threatening conditions
marketing mix
Publicidad

Similar a Desarrollo web (20)

PDF
[ES] Introducción a las Aplicaciones Web con Java
PDF
Introducción al desarrollo de aplicaciones web en Java
PPT
Programación en Internet
PDF
Dale un vistazo al mundo de la internet con Java
PPTX
Presentacion sesion01 - Programacion WEB
PDF
SERVLET BASICS
PPT
Aplicaciones web
PPTX
Clase17(introduccion a la web)
PPTX
Sistemas Distribuidos basados en la Web
PDF
Serlets y jsp pre
PDF
Serlets y jsp prev
PPTX
Java Web - Introduccion
PDF
Programacion web java
PPT
Capitulo 2 servidores
PPT
Capitulo 2 servidores
PPT
Capitulo 2 servidores
PPT
Capitulo 2 servidores
PDF
Manual 2014 i 04 lenguaje de programación ii (0870)
PDF
Desarrollo web con_asp.net 2.1
DOCX
Servidor web
[ES] Introducción a las Aplicaciones Web con Java
Introducción al desarrollo de aplicaciones web en Java
Programación en Internet
Dale un vistazo al mundo de la internet con Java
Presentacion sesion01 - Programacion WEB
SERVLET BASICS
Aplicaciones web
Clase17(introduccion a la web)
Sistemas Distribuidos basados en la Web
Serlets y jsp pre
Serlets y jsp prev
Java Web - Introduccion
Programacion web java
Capitulo 2 servidores
Capitulo 2 servidores
Capitulo 2 servidores
Capitulo 2 servidores
Manual 2014 i 04 lenguaje de programación ii (0870)
Desarrollo web con_asp.net 2.1
Servidor web

Más de Josue Cucaita Murcia (13)

PPTX
Cucaita m josueg semana4 actividad2 presentacion investigación accion
PPTX
Cucaitam josueg semana2 tarea2 presentacion investigación cualitativa
PDF
Analisis incentivo maestria
PDF
Incentivo salarial d. 1278
PDF
Taller desarrollo web
PDF
Desarrollo web2
PPTX
Herramientas web 2.0 para la educacion
PPTX
Innovacion educativa y tics actividad modulo ii guillermo cucaita nov 16
PPTX
PPTX
Dado electronico
PPTX
Led intermitente
PPTX
Curso herramientas web2
PPTX
Curso herramientas web2
Cucaita m josueg semana4 actividad2 presentacion investigación accion
Cucaitam josueg semana2 tarea2 presentacion investigación cualitativa
Analisis incentivo maestria
Incentivo salarial d. 1278
Taller desarrollo web
Desarrollo web2
Herramientas web 2.0 para la educacion
Innovacion educativa y tics actividad modulo ii guillermo cucaita nov 16
Dado electronico
Led intermitente
Curso herramientas web2
Curso herramientas web2

Último (20)

PDF
benveniste-problemas-de-linguistica-general-i-cap-6 (1)_compressed.pdf
PDF
SESION 12 INMUNIZACIONES - CADENA DE FRÍO- SALUD FAMILIAR - PUEBLOS INDIGENAS...
PDF
Lección 6 Escuela Sab. A través del mar rojo.pdf
PDF
Escuela de Negocios - Robert kiyosaki Ccesa007.pdf
PDF
DI, TEA, TDAH.pdf guía se secuencias didacticas
DOCX
2 GRADO UNIDAD 5 - 2025.docx para primaria
PDF
Cronograma de clases de Práctica Profesional 2 2025 UDE.pdf
PDF
Crear o Morir - Andres Oppenheimer Ccesa007.pdf
PDF
ACERTIJO Súper Círculo y la clave contra el Malvado Señor de las Formas. Por ...
PDF
Fundamentos_Educacion_a_Distancia_ABC.pdf
PDF
Integrando la Inteligencia Artificial Generativa (IAG) en el Aula
DOCX
V UNIDAD - PRIMER GRADO. del mes de agosto
PDF
OK OK UNIDAD DE APRENDIZAJE 5TO Y 6TO CORRESPONDIENTE AL MES DE AGOSTO 2025.pdf
PDF
ciencias-1.pdf libro cuarto basico niños
PDF
Romper el Circulo de la Creatividad - Colleen Hoover Ccesa007.pdf
PDF
Unidad de Aprendizaje 5 de Educacion para el Trabajo EPT Ccesa007.pdf
PDF
Conecta con la Motivacion - Brian Tracy Ccesa007.pdf
PDF
Unidad de Aprendizaje 5 de Matematica 1ro Secundaria Ccesa007.pdf
PDF
Escuelas Desarmando una mirada subjetiva a la educación
PDF
GUIA DE: CANVA + INTELIGENCIA ARTIFICIAL
benveniste-problemas-de-linguistica-general-i-cap-6 (1)_compressed.pdf
SESION 12 INMUNIZACIONES - CADENA DE FRÍO- SALUD FAMILIAR - PUEBLOS INDIGENAS...
Lección 6 Escuela Sab. A través del mar rojo.pdf
Escuela de Negocios - Robert kiyosaki Ccesa007.pdf
DI, TEA, TDAH.pdf guía se secuencias didacticas
2 GRADO UNIDAD 5 - 2025.docx para primaria
Cronograma de clases de Práctica Profesional 2 2025 UDE.pdf
Crear o Morir - Andres Oppenheimer Ccesa007.pdf
ACERTIJO Súper Círculo y la clave contra el Malvado Señor de las Formas. Por ...
Fundamentos_Educacion_a_Distancia_ABC.pdf
Integrando la Inteligencia Artificial Generativa (IAG) en el Aula
V UNIDAD - PRIMER GRADO. del mes de agosto
OK OK UNIDAD DE APRENDIZAJE 5TO Y 6TO CORRESPONDIENTE AL MES DE AGOSTO 2025.pdf
ciencias-1.pdf libro cuarto basico niños
Romper el Circulo de la Creatividad - Colleen Hoover Ccesa007.pdf
Unidad de Aprendizaje 5 de Educacion para el Trabajo EPT Ccesa007.pdf
Conecta con la Motivacion - Brian Tracy Ccesa007.pdf
Unidad de Aprendizaje 5 de Matematica 1ro Secundaria Ccesa007.pdf
Escuelas Desarmando una mirada subjetiva a la educación
GUIA DE: CANVA + INTELIGENCIA ARTIFICIAL

Desarrollo web

  • 1. PROGRAMACIÓN AVANZADA I DESARROLLO WEB Mario Linares Vásquez Especialización Ingeniería de Software - Unillanos
  • 2. Agenda Introducción. Guía rápida html.Guía rápida html. Desarrollo web con Java. Servlet. JSP.
  • 3. Servidores Web Un servidor web proporciona acceso a recursos solicitados por un cliente en un esquema de solicitud y respuesta,por un cliente en un esquema de solicitud y respuesta, basado en el protocolo HTTP. Request http://www.mipagina.com Response
  • 4. Servidores Web El contenido proporcionado por el servidor web son documentos estáticos y archivos en formato HTML, que sondocumentos estáticos y archivos en formato HTML, que son interpretador por el browser en el lado del cliente que hace la solicitud. La generación de contenido dinámico se puede obtener mediante la interpretación de lenguajes de script en el cliente (Javascript) o mediante la vinculación de código que se(Javascript) o mediante la vinculación de código que se ejecuta del lado del servidor. En el caso de los servidores web, soportan la ejecución de CGI con la ayuda de módulos adicionales.
  • 5. Contenedores Web El concepto de contenedor web se maneja como parte de la especificación JEE. Un contenedor web se puede entenderespecificación JEE. Un contenedor web se puede entender como un servidor Web con la capacidad de ejecutar código Java en el lado del servidor, especificamente JSPs y Servlets. El contenedor WEB mas conocido y mas usado es Apache Tomcat.Tomcat.
  • 6. Servidores de aplicaciones Extienden el concepto de servidor/contenedor web para incluir servicios como:servicios como: Clustering. Tolerancia a fallas. Balanceo de cargas. Ejecución de objetos de negocio(EJB).Ejecución de objetos de negocio(EJB). Seguridad. Transacciones. Soporte para publicación y orquestación de servicios.
  • 7. Servidores de aplicaciones WebSphere Application Server (IBM)WebSphere Application Server (IBM) Sybase Enterprise Application Server (Sybase Inc) WebLogic Server (Oracle) JBoss (Red Hat) Apache Geronimo (Apache Software Foundation) Oracle Application Server (Oracle) Oracle OC4J (Oracle)Oracle OC4J (Oracle) Sun GlassFish Enterprise Server (Sun Microsystems) SAP Netweaver AS (ABAP/Java) (SAP) Glassfish Application Server (open source)
  • 9. GET vs POST HTTP soporta varios métodos para envió de solicitudes al servidor. Los métodos mas usados son GET y POST.servidor. Los métodos mas usados son GET y POST. En el caso de GET los parámetros son enviados en la URL en el formato parámetro=valor. En el caso de POST los parámetros son enviados dentro del mensate HTTP.
  • 12. Guía Rápida HTML Lenguaje de instrucciones que le dicen al browser como presentar el contenido que se obtiene como producto de unpresentar el contenido que se obtiene como producto de un request. Tag Descripción <!-- --> Comentario <a> Enlace local o a otra página <body> Indica la parte donde se coloca el contenido de la página <br> Cambio de línea <title> Titulo de la página <head> Encabezado de la página <form> Formulario para ingreso de datos <html> Inicio del documento html <input type> Campo para ingreso de datos
  • 13. Guía Rápida HTML Input Descripción text Campo para ingreso de datos. password Campo para ingreso de datos pero con máscara. hiddden Campo oculto para guardar información. submit Botón para envío de datos del formulario a procesamiento. button Botón de tipo general. Image Botón de tipo submit pero con imagen deImage Botón de tipo submit pero con imagen de fondo. radio Botón de tipo radio. checkbox Botón de tipo check. reset Botón para limpiar campos de un formulario. file Permite cargar archivos de estructura de directorios local.
  • 14. Guía Rápida HTML Los formularios permiten definir el método HTTP y el código del lado del servidor que va procesar los datos ingresadosdel lado del servidor que va procesar los datos ingresados para el usuario. Los datos son ingresados mediante tags de tipo input.
  • 18. Aplicaciones Web con Java El desarrollo de aplicaciones Web con Java esta soportado en la especificación JEE. En esta medida se requiere de un contenedor Web para el despliegue y ejecución de las la especificación JEE. En esta medida se requiere de un contenedor Web para el despliegue y ejecución de las aplicaciones. Con Java se pueden implementar dos tipos de aplicaciones: Orientadas a presentación: generan paginas web interactivas con contenido estatico y dinamico como respuesta a un request. Los componentes usados son JSP y Servlet.componentes usados son JSP y Servlet. Orientadas a servicios: basada en web services, donde los clientes consumidores de los web services pueden ser aplicaciones orientadas a presentación.
  • 21. Estructura de directorios(Despliegue) Server root Web app WEB-INF classes lib Index.jsp Main.html web.xml
  • 22. Estructura de directorios(Netbeans) Servlets y clases java JSPs, imágenes, htmls, css Librerías de clases (.jar)Librerías de clases (.jar)
  • 23. Deployment Descriptor Las aplicaciones JEE tienen un archivo de configuración que se conoce como deploymentconfiguración que se conoce como deployment descriptor (web.xml). En este archivo se puede definir: Página de inicio de la aplicación. Mapeo de servlets Páginas de error asociadas con excepcionesPáginas de error asociadas con excepciones Parámetros de inicio
  • 25. Deployment Descriptor Definición página de error Definición página de inicio
  • 26. Deployment Descriptor Para mas detalle de los elementos del web.xml ver http://download-llnw.oracle.com/docs/cd/E13222_01/wls/docs81/webapp/web_xml.html
  • 27. Servlet En la arquitectura java, son clases que se ejecutan del lado del servidor, y son las encargadas dedel lado del servidor, y son las encargadas de procesar las solicitudes generadas del lado del cliente. Desde el punto de vista MVC, los servlets proporcionan el rol de controlador, recibiendoproporcionan el rol de controlador, recibiendo solicitudes de la vista, invocando los componentes de negocio(servicio), y retornando un response al cliente que inicio el proceso
  • 31. JSP Son componentes que se ejecutan del lado del servidor para generar HTML que se envia como response y es pintado del lado del cliente. para generar HTML que se envia como response y es pintado del lado del cliente. La particularidad de los JSP es que permiten embeber código Java en HTML para generar contenido dinámico. En el marco de MVC, JSP asume el rol de vista queEn el marco de MVC, JSP asume el rol de vista que genera solicitudes hacia el controlador, y pinta los datos recibidor del controlador como resultado.
  • 32. JSP
  • 33. JSP
  • 34. Bibliografía B. Basham. Head First Servlets and JSP. Oreilly, 2008.2008. The Java EE 5 Tutorial. http://java.sun.com/javaee/5/docs/tutorial/doc/ind ex.html