Desarrollo de Aplicaciones con Sistemas de Bases de Datos

Desarrollo de Aplicaciones Con Sistemas de Bases de Datos:

Introduccin al Desarrollo Web

Departamento de Tecnologas y Sistemas de Informacin Escuela Superior Informtica Ciudad Real Ingeniera Tcnica en Informtica de Gestin

Curso 2007/08
Ismael Caballero

Desarrollo de Aplicaciones con Sistemas de Bases de Datos

Sesin 1.2: 1

Contenidos

Desarrollo de Aplicaciones con Sistemas de Bases de Datos

Internet Cliente/Servidor Tecnologas de Clientes Web Tecnologas de Servidor Web

Desarrollo de Aplicaciones con Sistemas de Bases de Datos

Sesin 1.2: 2

Internet

Desarrollo de Aplicaciones con Sistemas de Bases de Datos

Internet Conjunto de redes intercomunicadas entre s a travs de redes WAN. Internet no es slo navegacin Web, existen muchos ms servicios, adems del http. Prctica:
Busca algo de la Historia y evolucin de Internet, desde sus comienzos hasta nuestros das.
Desarrollo de Aplicaciones con Sistemas de Bases de Datos Sesin 1.2: 3

Cliente / Servidor

Desarrollo de Aplicaciones con Sistemas de Bases de Datos

Contenidos: Servicios. Servidores y Clientes. Pginas y Aplicaciones Web Sitios y Portales Web

Desarrollo de Aplicaciones con Sistemas de Bases de Datos

Sesin 1.2: 4

Cliente/Servidor

Desarrollo de Aplicaciones con Sistemas de Bases de Datos

Servicios

Servicios Se denomina servicio a cualquier funcionalidad que puede proporcionar una red. Todo servicio necesita de un servidor que lo gestione y de un cliente que lo consuma El paradigma cliente/Servidor consiste en que existe un recurso que es gestionado por un proceso servidor (que se ejecuta en un ordenador al que se llamar servidor); un proceso cliente (que se ejecuta en un ordenador al que se llamar cliente) demanda su utilizacin al servidor y ste se encarga de satisfacer esta necesidad.
Desarrollo de Aplicaciones con Sistemas de Bases de Datos Sesin 1.2: 5

Cliente/Servidor

Desarrollo de Aplicaciones con Sistemas de Bases de Datos

Servicios (II)

Ejemplos de Servicios en Internet: Web (http HyperText Transfer Protocol) Correo Electrnico (smtp, pop3, imap) Transferencia de ficheros (ftp, tftp,...) Comparticin de ficheros (smb) Servicio de Noticias (nntp) Concepto de URL (Universal Resource Locator)
TipoServicio://maquina.dominio:puerto/camino/archivo

Desarrollo de Aplicaciones con Sistemas de Bases de Datos

Sesin 1.2: 6

Cliente/Servidor

Desarrollo de Aplicaciones con Sistemas de Bases de Datos

Servidores y Clientes Servicio

Web

Servidor
Internet Information Server (IIS) Apache Tomcat Exchange Sendmail Lotus IIS ftpd

Cliente
Internet Explorer Netscape Firefox Outlook Eudora Lotus Thunderbyte

Correo Electrnico

FTP

Internet Explorer WS_FTP32 ftp

Desarrollo de Aplicaciones con Sistemas de Bases de Datos

Sesin 1.2: 7

Cliente/Servidor

Desarrollo de Aplicaciones con Sistemas de Bases de Datos

Pginas, Sitios y Portales

Pgina Web Documento HTML almacenado de forma esttica o generado de forma dinmica que muestra una informacin til para el usuario, o permite personalizarla. Sitio Web Conjunto de pginas web que tratan sobre un tema Portal Web Conjunto de sitios web, que pueden pertenecer a una o a varias organizaciones.
Desarrollo de Aplicaciones con Sistemas de Bases de Datos Sesin 1.2: 8

Cliente/Servidor

Desarrollo de Aplicaciones con Sistemas de Bases de Datos

Pginas Estticas vs Dinmicas

Pginas Estticas Son aquellas almacenadas en el servidor en un fichero .htm o html. No pueden ser personalizadas.
1. El cliente solicita una pgina

Cliente Web

3. El servidor enva el fichero al cliente 2. El servidor Web localiza el fichero HTML

Sesin 1.2: 9

4. El navegador recibe el fichero HTML y lo muestra

Desarrollo de Aplicaciones con Sistemas de Bases de Datos

Cliente/Servidor

Desarrollo de Aplicaciones con Sistemas de Bases de Datos

Pginas Esttica vs Dinmica (II)

Pginas Dinmicas Son aquellas que permiten un cierto grado de interactividad. Esta interactividad puede producirse en uno o dos de los siguientes niveles:
Pginas Dinmicas del Lado de Cliente
Son aquellas en las que la propia pgina contiene cdigo para implementar dicha interactividad. Se dice que dicha interactividad se realiza del lado del cliente. Se implementa con lenguajes de Script

Pginas Dinmicas del Lado del Servidor

Son aquellas generadas por una aplicacin web, tal que la informacin contenida en ellas puede haber sido personalizada por el usuario. La interactividad se realiza del lado del servidor. Se implementa con diversas tecnologas.
Desarrollo de Aplicaciones con Sistemas de Bases de Datos Sesin 1.2: 10

Cliente/Servidor

Desarrollo de Aplicaciones con Sistemas de Bases de Datos

Pginas Esttica vs Dinmica (III)

Proceso de generacin de pgina dinmica del lado del cliente:

1. El cliente solicita una pgina

3. El servidor enva el fichero al Cliente Web cliente 4. El navegador recibe y ejecuta los scripts, renderizando el HTML 5. El navegador recibe, procesa y muestra el HTML
Desarrollo de Aplicaciones con Sistemas de Bases de Datos

2. El servidor Web localiza el fichero HTML

Sesin 1.2: 11

Cliente/Servidor

Desarrollo de Aplicaciones con Sistemas de Bases de Datos

Pginas Esttica vs Dinmica (IV)

Proceso de generacin de pgina dinmica del lado del servidor:

1. El cliente solicita una pgina

Cliente Web

5. El navegador recibe, procesa y muestra el HTML

4. El servidor enva el fichero al cliente 2. El servidor Web localiza el fichero. 3. La aplicacin Web ejecuta los scripts segn lo demandado por el cliente y genera el HTML correspondiente

Desarrollo de Aplicaciones con Sistemas de Bases de Datos

Sesin 1.2: 12

Tecnologas Web

Desarrollo de Aplicaciones con Sistemas de Bases de Datos

Contenidos Tecnologas para pginas estticas Tecnologas para pginas dinmicas del lado del cliente Tecnologas para pginas dinmicas del lado del servidor.

Desarrollo de Aplicaciones con Sistemas de Bases de Datos

Sesin 1.2: 13

Tecnologas Web

Desarrollo de Aplicaciones con Sistemas de Bases de Datos

Pginas Estticas

Tecnologas para pginas Estticas HTML

Lenguaje de marcado basado en etiquetas que representan ciertos elementos. Permiten mostrar el texto. Se ver en el tema 2.

CSS
Cascading Style Sheet (Hojas de Estilo) Permiten maquetar las pginas HTML Se vern en el tema 3.
Desarrollo de Aplicaciones con Sistemas de Bases de Datos Sesin 1.2: 14

Tecnologas Web

Desarrollo de Aplicaciones con Sistemas de Bases de Datos

Pginas Dinmicas de Cliente

Tecnologas para pginas Dinmicas del lado del cliente. Lenguajes de scripts
VBScript
Versin de Visual Basic Competidor de Java Script Vlido slo para navegadores de Microsoft.

JavaScript
Derivado de LiveScript de Netscape. Basado en la familia de los lenguajes C Tiene muchos elementos de Java, pero no es Java. Se vern en el tema 4.
Sesin 1.2: 15

Desarrollo de Aplicaciones con Sistemas de Bases de Datos

Tecnologas Web

Desarrollo de Aplicaciones con Sistemas de Bases de Datos

Pginas Dinmicas de Cliente (II)

Aplicaciones para ejecucin local

Java Applets
Aplicacin grfica Java que se queda embebida en una pgina web. Necesita una Mquina Virtual Java Al ser Java es Multiplataforma.

Active X Controls
Aplicacin realizada en VB o en C++ basada en Tecnologas Microsoft que se embebe en HTML Slo vlido para Internet Explorer, por lo que est en desuso.

Animaciones Flash.
Objetos realizados en Macromedia Flash y embebidos en la pgina Web

AJAX
Desarrollo de Aplicaciones con Sistemas de Bases de Datos Sesin 1.2: 16

Tecnologas Web

Desarrollo de Aplicaciones con Sistemas de Bases de Datos

Pginas Dinmicas Servidor

Tecnologas para pginas Dinmicas del lado del Servidor. Ejecutan programa o aplicaciones en el servidor que genera dinmicamente como resultado cdigo HTML Permiten que el navegador sea un cliente neutro. Es posible la ejecucin distribuida, accediendo a distintos recursos distribuidos como bases de datos. Dos tecnologas:
Independiente de la arquitectura de la pgina Dependiente de la arquitectura de la pgina.

Desarrollo de Aplicaciones con Sistemas de Bases de Datos

Sesin 1.2: 17

Tecnologas Web

Desarrollo de Aplicaciones con Sistemas de Bases de Datos

Pginas Dinmicas Servidor (II)

Independiente de la Arquitectura Common Gateway Interfaces (CGI)

Tecnologa usada durante mucho tiempo en los servidores que adoleca de problemas de rendimientos (lanzaba una instancia de la aplicacin por cada peticin del cliente independientemente del servidor web) Aplicaciones escritas en C, C++ o Perl para un tratamiento adecuado de cadenas de caracteres. Tecnologa muy difcil de aprender y de utilizar, aunque muy difundida y utilizada.
Desarrollo de Aplicaciones con Sistemas de Bases de Datos Sesin 1.2: 18

Tecnologas Web

Desarrollo de Aplicaciones con Sistemas de Bases de Datos

Pginas Dinmicas Servidor (III)

Dependiente de la Arquitectura Active Server Pages (ASP)

Construida usando VBScript o JavaScript Acceden a los mismos servicios que una aplicacin Windows de escritorio, incluyendo ADO, SMTP y COM Eran Script interpretados cada vez que eran solicitados, por lo que son lentas. Servidor Web: Internet Information Server (IIS) y otros servidores con addons

Java Server Pages (JSP)

Son como las pginas ASP pero implementadas en Java. Destaca el concepto de Servlet Es la plataforma ms difundida y actualizada, aunque adolece una serie de problemas. Pueden usar EJBs (propietario) y Servicios Web Servidor Web: Tomcat, Apache y derivados e IIS
Desarrollo de Aplicaciones con Sistemas de Bases de Datos Sesin 1.2: 19

Tecnologas Web

Desarrollo de Aplicaciones con Sistemas de Bases de Datos

Pginas Dinmicas Servidor (IV)

PHP Hypertext Preprocessor (PHP)

Similar a ASP, pero usando C y Perl. Es cdigo libre Servidor Web: Apache y derivados, IIS.

ASP.NET
Evolucin de ASP que permite usar cualquiera de los lenguajes .NET (VB.NET, C#, C++, ) Resuelve muchos de los problemas de rendimiento de ASP al ser compilado. Puede utilizar Servicios Web XML Servidor Web: IIS. Se vern en el resto del curso.
Sesin 1.2: 20

Desarrollo de Aplicaciones con Sistemas de Bases de Datos

Tecnologas Web

Desarrollo de Aplicaciones con Sistemas de Bases de Datos

Pginas Dinmicas Servidor (V)

Tecnologas Necesarias: Servidores Web

Apache IIS

Servidor de Aplicaciones Web

Tomcat, Jboss, IBM WebSphere y derivados IIS

Bases de Datos
MySQL, Oracle, SQL Server 2000
Desarrollo de Aplicaciones con Sistemas de Bases de Datos Sesin 1.2: 21

Tecnologas Web

Desarrollo de Aplicaciones con Sistemas de Bases de Datos

Pginas Dinmicas Servidor (VI)

Tecnologas: Entornos de Desarrollo (SDK)

Microsoft .NET para ASP.NET Php para PHP J2EE para JSP

A veces se combinan tecnologas como:

WAMP = Windows+Apache+MySQL+PHP LAMP = Linux + Apache+MySQL+PHP

Desarrollo de Aplicaciones con Sistemas de Bases de Datos

Sesin 1.2: 22

Tecnologas Web

Desarrollo de Aplicaciones con Sistemas de Bases de Datos

Pginas Dinmicas Servidor (VII)

Gestores de Contenidos. Aplicaciones Web preconfiguradas y personalizables para diferentes entornos, que permiten realizar una gestin de contenidos de una empresa.
JSP:- Plone (http://plone.org/) PHP: PhpNuke (http://www.phpnuke.org/)
Idea interesante para facilitar la instalacin y configuracin: instalar primero WAMP y luego PHPNuke

ASP.NET: DotNetNuke (http://www.dotnetnuke.com )

Requiere SQL Server 2000 e IIS
Desarrollo de Aplicaciones con Sistemas de Bases de Datos Sesin 1.2: 23

Referencias

Desarrollo de Aplicaciones con Sistemas de Bases de Datos

http://www.desarrolloweb.com/manuales/ 21/

Desarrollo de Aplicaciones con Sistemas de Bases de Datos

Sesin 1.2: 24