Programación I Aplicaciones Web

Presentación del tema: "Programación I Aplicaciones Web"— Transcripción de la presentación:

1 Programación I Aplicaciones Web
Ing. Fred Duarte

2 Objetivo del Curso Aplicar tecnología JEE y utilizar patrones de diseño para desarrollar aplicaciones Web con acceso a bases de datos.

3 Objetivos de la sesión 1 Objetivos de enseñanza:
Presentar las herramientas de trabajo del curso. Describir los principales conceptos y componentes de J2EE. Describir los principales conceptos relacionados a Internet. Describir el trabajo de gestión del servidor de aplicaciones Tomcat. Objetivos de aprendizaje: Al finalizar la sesión 1, el alumno podrá comprender la interacción entre un cliente y servidor, al ejecutar una aplicación web que sigue el paradigma REQUEST/RESPONSE.

4 Promedio Final del Curso
Teoría: PF = (0.2 * EP) + (0.2 * EF) + (0.1 * PE) + (0.5 * PL) Donde: EP: Examen Parcial Teoría EF: Examen Final Teoría PE: Promedio de Evaluaciones (prácticas, casos, trabajos y participación) =(P1+P2+NP)/3 PL: Promedio de Laboratorio Laboratorio: PL = 0.3*(P1+P2)/2+0.3*EP+0.4*PROYECTO

5 Herramientas de trabajo
Lenguaje de Programación: Java IDE: Eclipse Contenedor Web: Tomcat Motor de BD: MySql

6 Java Lenguaje POO: Creador: James Gosling Compilar/Ejecutar
Principios OO: Encapsulamiento Herencia Polimorfismo (Sobre escritura/Sobrecarga de métodos, Clases Abstractas, Interfaces) Reutilización (métodos, clases) Plataformas: J2SE, J2EE, J2ME Principios OO: Encapsulamiento: Si se desea flexibilidad, buen mantenimiento y extensibilidad, nuestro diseño en el código de una clase debe incluir encapsulamiento, para ello debemos de hacer lo siguiente: * Mantener las variables de instancia privadas * Hacer métodos de acceso públicos para acceder a las variables por medio de dichos métodos en lugar de acceder directamente. * Utilizar las convenciones de código para los nombres de los métodos de acceso: set y get. Herencia: Crear un clase a partir de otra para reutilizar sus propiedades y comportamiento. Polimorfismo: Capacidad de un objeto en adoptar múltiples formas o que varios métodos con el mismo nombre tengan comportamiento diferentes. Reutilización: Posibilidad de reutilizar el código para poder aplicarlo a otras aplicaciones sin necesidad de escribir de nuevo las clases o métodos.

7 Tecnología J2EE Tecnología para crear aplicaciones de empresa
Modelo de aplicación basado en componentes (JSPs, Servlets, Java Beans, EJBs) Provee servicios de comunicación (JNDI, JavaMail,…) Contenedores (Servicios para ejecución de componentes)

8 Arquitectura JEE

9 Connectors, JTA, Java Mail,
Plataforma: JEE Database J2SE EJB Web Container JSP Servlets Beans Connectors, JTA, Java Mail, Web Services, JDBC (War files) EJB Container (Jar Files) Application Server WEB SERVER

10 Conceptos de Internet URL HTTP Transacciones: Request/Response
Métodos: GET/POST URL: es el texto ingresado en nuestro navegador de internet (browser), este texto es denominado dirección de internet y esta compuesto por: - El protocolo de transferencia de hipertexto, HTTP. - El nombre de dominio de la computadora. - La ruta del directorio. - El nombre del archivo. HTTP: Hypertext Transfer Protocol (HTTP) es usado para transferir o para transportar información a través de la Internet. HTTP es un protocolo del tipo request/response entre los clientes y servidores. Típicamente un cliente Web se comunica con un servidor Web usando los métodos: GET y POST

11 TOMCAT Contenedor Web liderado por Apache Software
Cumple parcialmente con los estándares J2EE (JSPs, Servlets).

12 Aplicaciones Web Transacciones HTTP: REQUEST - RESPONSE
INTERNET Petición Respuesta CLIENTES WEB SERVIDOR WEB Los servlets son cargados en memoria en la primera petición de un cliente o cuando el servidor de aplicaciones arranca. Cada petición de cliente es servida sobre un diferente hilo(thread). Gestiona las peticiones de los clientes para enviar una respuesta.

13 Aplicaciones Web en Tomcat
Tomcat X.X webapps web.xml classes lib WEB-INF WEB-INF miwebapp miwebapp login.jsp home.jsp index.html foto.jpg … login.jsp home.jsp index.html foto.jpg …

14 Aplicaciones Web en Tomcat Ejercicio 1
Crear la aplicación s1_proy_a web.xml classes lib WEB-INF s1_proy_a index.html Ejecutar el eclipse y utilizar la perspectiva JAVA para crear proyectos Crear la aplicación s1_proy_a : Crear el proyecto s1_proy_a Crear el fólder WEB-INF Crear el archivo index.html Ubicarse en WEB-INF y crear el archivo web.xml y los fólderes classes y lib Editar el archivo index.html Editar el archivo web.xml Nota: web.xml: Archivo descriptor de despliegue que define la configuración de la aplicación Web: Configuración de la sesión Definiciones de Servlets y Mapeo de Servlets Mapeo de tipo MIME Páginas de error Páginas de bienvenida

15 Editar el archivo index.html:
<head></head> <body> <h1>Mi primera Aplicación web</h1> </body> </html> En un bloc de notas

16 Editar el archivo web.xml:
<web-app> <!--Definiendo Home page--> <welcome-file-list> <welcome-file>index.html</welcome-file> </welcome-file-list> </web-app> En un bloc de notas

17 Aplicaciones Web en Tomcat
Ejecutar la aplicación: Copiar el proyecto s1_proy_a a webapps del TOMCAT Ir a Inicio/Ejecutar y editar services.msc Detener y luego iniciar Tomcat Cargar un browser de Internet Editar en la barra de direcciones lo siguiente: s1_proy_a Por último, ENTER para visualizar la página de inicio NOTA: Puede modificar el nombre del proyecto en webapps del TOMCAT. En lugar de localhost puede ir la dirección IP del servidor.

18 Creado en tiempo de compilación
Ejercicio 2: En eclipse, desarrolle el proyecto s1_proy_b con los siguientes componentes: src servlets ServletRegistro.java web.xml classes lib WEB-INF s1_proy_b ServletRegistro.class servlets Creado en tiempo de compilación Nota: Para crear servlets realice lo siguiente en el proyecto: Importe el servlet-api.jar del TOMCAT/lib Especifique a WEB-INF/classes como fólder de archivos compilados (*.class) home.jsp registro.jsp respuesta.jsp

19 Representación de ejecución
home.jsp 2 1 LINK REQUEST tipo POST ServletRegistro (alias: reg) registro.jsp 3 REDIRECT respuesta.jsp

20 URL/Bibliografía

21 FIN