Introducción a las aplicaciones WEB

Documentos relacionados
Java Servlets. Luis Fernando Llana Díaz. 17 de abril de Departamento de Sistemas Informáticos y ProgramaciónUniversidad Complutense de Madrid

Web Tier en JAVA. Nicolás Troncoso Carrère. Valparaíso, ILI 258 Departamento de Informática Universidad Técnica Federico Santa María

Servlets. Unidad: 4 Laboratorio de Programación. Universidad Nacional de la Patagonia Austral Unidad Académica Río Gallegos

Figura 7-1 Enlace para instalar el servidor web Apache Jakarta Tomcat

Índice. HTML HyperText Markup Language. Conceptos básicos. Qué es HTML? Diseño de servicios Web HTML 1

J2EE Java 2 Enterprise Edition

NIVEL 16: ESTRUCTURAS N-ARIAS RECURSIVAS Aplicaciones Web, Html y Servlets. ISIS1206 Estructuras de Datos

Ejemplos de Servlet y JSP Web Application Development

ISJu: Técnicas de Programación Cartilla Teórica-Práctica Instalación del "Eclipse IDE for Java EE Developers" y el servidor "Apache Tomcat"

HTML. HyperText Markup Language (Lenguaje de Marcas de Hipertexto)

Aplicaciones Web con Servlets y JSP (I)

Sistemas de Información 12/13 Servlets y JSPs (Java Server Pages)

Escribir código HTML en los servlets es tedioso. que hay que utilizar las instrucciones print, println, etc. Es decir, HTML está dentro de java.

Un servlet es una clase java que implementa la Servlet interface. Un servlet corre dentro de un contexto denominado Servlet engine.

INTRODUCCIÓN N A LAS APLICACIONES WEB Y TECNOLOGÍA A JAVA

Programación con JDBC (Java DataBase Connectivity ), Servlets y JSP (Java Server Pages)

Introducción al desarrollo web (idesweb)

Introducción al desarrollo web (idesweb)

Curso de Diseño web. Juan Carlos Hernández Pérez

SERVLETS. Aplicaciones Distribuidas

Mi propuesta consiste en crear un portal Web que contemple las siguientes funcionalidades:

DESARROLLO WEB EN ENTORNO CLIENTE

Sistemas de Información 12/13 Ejercicios Tecnologías Web

JSP Básico. Índice. 2 Traducción de los JSP a servlets Acciones Introducción a JSP... 2

Sistemas de Información

DESARROLLO WEB EN ENTORNO SERVIDOR

USANDO SERVLETS EN UN SERVIDOR WEB RESIN

Desarrollo y servicios web

Implementando nuestro primer servlet

Introducción al desarrollo web (idesweb) - 3 a ed.

Curso básico de creación de páginas web

Recuperación de Información en Internet Tema 2: La web

CSS: hojas de estilo en cascada

Introducción al Desarrollo de Aplicaciones Web D R A. M A R I C E L A B R A V O

javax.servlet.genericservlet javax.servlet.http.httpservlet MiServlet

Productos para desarrollar aplicaciones web: ASP, CFM, JSP y PHP

TEMA 9 CREACIÓN DE PÁGINAS WEB

aplicaciones web: ASP, CFM, JSP y PHP

PREPARATORIA DIURNA DE CUAUTLA

Requisitos. Universidad ORT Arquitectura de Software

Introducción a Internet

Clase. geniería de la Computación. Departamento de Ciencias e Ing. Diego C. Martínez - DCIC-UNS

Introducción al desarrollo web (idesweb)

Laboratorio de Aplicaciones Telemáticas (Curso 2009/2010)

Unidad IV: Servlets. Comprender la estructura básica de los Servlets Crear servlets sencillos Presentar el ciclo de vida de un Servlet.

Lenguaje HTML y páginas web. Alex Sánchez

Java 2 Enterprise Edition

Introducción. Qué es CSS? Historia de las CSS

<HTML><BODY>Hola mundo!</body></html>

UNIVERSIDAD AUTÓNOMA DE BAJA CALIFORNIA Departamento de Información Académica

Objetivos. El alumno conocerá los elementos indispensables para crear una página web. 1. Crear una página web básica utilizando html.

Diseño Y Aplicaciones de Sistemas Distribuidos. Servlets. Joan Vila

<DOCTYPE HTML PUBLIC> <HTML> <HEAD>... </HEAD> <FRAMESET>... </FRAMESET> </HTML>

Tema 4: Tecnologías Web Java

Tema 3.1: Principios de diseño web accesibles

Manual de uso del Taglib de Template Saga

Transacciones: 2PC y 3PC. Aplicaciones de Internet: HTTP/Applets, HTTP/GCI y Java Servlets

TEMA 8. Internet y la World Wide Web. Álvarez, S., Bravo, S., Departamento de Informática y automática Universidad de Salamanca

Tema 3. Conceptos Básicos de HTML. ETSI ICAI! Departamento de Sistemas Informáticos! Rafael Palacios Hielscher! Cristina Puente Águeda!

FORMACIÓN EN ACADEMIAS GP 3.1

Tema: Maquetación Web y CSS

JAVA: Servlets. Diseño de aplicaciones web.

Conexión de Mysql con NetBeans

Programación Hipermedia 1

Web. Web Diapositiva 1

Páginas WEB Accesibles. Visualización de una página I. Una introducción a las páginas de estilo CSS. Luis Fernando Llana Díaz. 27 de octubre de 2008

Práctica 2: Extensión de un servidor con servlets

Guía (muy) básica de hojas de estilo (CSS) y de marcado semántico de páginas web (v1.)

ETIQUETAS HTML 5 Diseño de Sitios Web TUW

Cursos de Extensión Universitaria UNIVERSIDAD DE OVIEDO. Servicios Web (II)

Framework 1. Web en Java. (solo aplicaciones en mantenimiento)

Introducción a los servlets

Capitulo 7: Tecnologías de la Capa Media, Lógica del Negocio.

Tema 5: Tecnologías Web

Modulo I. Introducción a la Programación Web. 1.1 Servidor Web.

Curso de HTML5 y CSS3

Escuela de Ingeniería en Informática Empresarial SYLLABUS

fuentes para un mejor diseño web

GUÍA DE TRABAJO GRADO 11 Programación de. Software Ing. Néstor Raúl Suarez Perpiñan Página 1 de 6. Tema: DESARROLLO WEB CON HTML

Sockets en Java. La Creatividad proviene de un conflicto de ideas. Uso de Sockets

Transcripción:

Departamento de Sistemas Informáticos y Computación Universidad Complutense de Madrid 3 de mayo de 2010

Qué es Internet? I LAN: Local Area Network, red de ámbito local.

Qué es Internet? II

Qué es Internet? III WAN: Wide Area Network, red de ámbito extenso.

Qué es Internet? IV

Qué es Internet? V WAN de ámbito global.

Qué es Internet? VI http://www.opte.org/maps/

Servicios en Internet Páginas WEB, sistemas de e-learning,... (http). Correo electrónico (smtp). Conexiones remotas (telnet, ssh). Compartición de ficheros (nfs, microsoft-ds). Mensajería instantánea (jabber, microsoft messenger, yahoo mesenger...) Voz sobre internet (VoIP). Sincronización de tiempo (ntp) Impresión (ipp) Bases de datos.... Sólo la creatividad pone ĺımites...

Aplicación Web

Petición http

Petición http http://antares.sip.ucm.es/~luis/index.html

Petición http http://antares.sip.ucm.es/~luis/index.html Fichero (X)HTML

Petición http http://antares.sip.ucm.es/~luis/index.html Fichero (X)HTML

Necesidad de estándares I Quién va a ser el agente del usuario de una página WEB? Navegador gráfico: Internet Explorer, Mozilla, Ópera, Safari, Konqueror, Epiphany, Galeon,... cualquier sujeto (físico o jurídico) podría hacer un navegador. Navegadores de texto: Lynx. Dispositivos: Ordenador personal, PDA, impresora, teléfono móvil, teclado braille. Es necesario seguir una notación estándar. No se deben usar tecnologías dependientes de un navegador/dispositivo.

Necesidad de estándares II Quién dicta los estándares? Una compañía privada Peligros de monopolio privado: la compañía que posea el estándar obliga a todo el mundo a aceptar sus condiciones. ISO (AENOR), W3C: organismos independientes

Necesidad de estándares III HTML 4.01 es una recomendación del Web Consortium que es entendida por el sevidor (el que manda la página) y el agente de usuario (el que recibe la página). WCAG 1.0 es una recomendación del Web Consortium para la elaboración de contenidos accesibles en la WEB. AENOR 139803:2004 norma norma es plenamente compatible con WCAG 1.0.

Componentes de aplicación Java para la Web HTML and HTTP, Javascript, XML. Web Containers (Tomcat). Java, Servlets. Filters, JSP, and Tag. JavaBeans. Framework (Java struts).

HTML: HyperText Markup Language Hipertexto: Texto que enlaza referencias, permite la navegación. Lenguaje de marcado: texto plano con marcas especiales que indican el cometido de cada parte del mismo. L A TEX: Leslie Lamport TEX(D.E. Knuth). HTML de Tim Berners-Lee. XML, XHTML...

Documento HTML I <! DOCTYPE HTML PUBLIC " -// W3C // DTD HTML 4.01// EN" "http :// www.w3.org /TR/ html4 / strict 1.dtd <html > 2 <head > 3 <meta http - equiv="content -Type " content="text /html ; charset=iso -8859-15 "> 4 <title > Prueba 1</ title > 5 </ head > 6 <body > 7 8 <h1 > Prueba 1</h1 > 9 <p>párrafo </p> 10 <ul > 11 <li >ítem 1</li > 12 <li >ítem 2</li > 13 </ul > 14 </ body > 15 </ html > 16

Documento HTML II

Añadiendo estilo I <head >... <link rel =" stylesheet " type ="text /css " href =" estilo.css " media =" screen ">... </ head > 1 2 3 4 5 body { background - color : #ace ; color : black ; font - family :sans - serif ; padding :0; margin :0; } h1,h2,h3,h4,h5,h6 { font - variant :small -caps ; background - color :#99 FF33 ; padding - left :1em; padding - right :1em; border - top : solid 1pt black ; border - bottom : solid 1pt black ; text - align : right ; } 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16

Añadiendo estilo II

Marcas importantes Cabeceras: h1,..., h6. Párrafos: p. Listas: ol, ul, dl. Tablas: table. Enlaces: a. Imágenes: img. Formularios: form. Marcas de formato: span, div.

Java Servlets I Qué es un programa? input Programa output En pascal: program holamundo (input, output ); var nombre : String ; begin readln ( nombre ); writeln ( Hola, nombre ); end. 1 2 3 4 5 6 7

Java Servlets II Un Servlet: input HttpServletRequest output HttpServletResponse import javax. servlet.*; import javax. servlet.http.*; import java.io.*; public class HolaMundo extends HttpServlet { public final void doget ( final HttpServletRequest request, final HttpServletResponse response ) throws ServletException, IOException { ServletOutputStream out = response. getoutputstream (); String nombre = request. getparamter (" nombre "); response. setcontenttype ("text /html "); if ( nombre == null ) { out. println (" <p>hola Mundo </p>"); } else { out. println (" <p> Hola "+ nombre +" </p>"); } } } 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17

Java Servlets III Los severlet son controlados por servidor de aplicaciones. Tomcat: http://jakarta.apache.org/tomcat/index.html Cuando una petición llega 1 Si el objeto de la clase no ha sido creado 1 Carga la clase 2 Crea el objeto 3 Invoca el método init. 2 Llama al método service (doget o dopost). 3 Si debe eliminar al servlet llama al método destroy.