2009. 01 Arquitectura Cliente Servidor Web

Introducción al Desarrollo de Aplicaciones Web con PHP

Arquitectura Web Cliente Servidor


“Una aplicación Web es un sitio Web donde la navegación a través del sitio, y la entrada de datos por parte de un usuario, afectan el estado de la lógica del negocio. En esencia, una aplicación Web usa un sitio Web como entrada (front-end) a una aplicación típica. ...Si no existe lógica del negocio en el servidor, el sistema no puede ser llamado aplicación Web.”

Previo: ¿Cuál es la diferencia entre un sitio Web y una aplicación Web?

[Conallen 99]


La arquitectura de un sitio Web tiene tres componentes principales: un servidor Web, una conexión de red, y uno o más clientes (browsers).

Arquitectura Sitio Web

Servidor WebServidor Web Cliente - NavegadorCliente - Navegador

documento Webdocumento Web

http

distribuye despliega

Modeling Web Application Design with UML (Jim Conallen)Más detalles en : http://www.itmweb.com/essay546.htm


ESQUEMA DE COMUNICACIÓN

http://www.unapagina.com

ISP

InternetInternet

Web Server

Solic

itud R

esp

uesta

Eeeeh!!!


ZOOM

Browser

http://www.unsitio.com

InternetInternetHTTP Request


ZOOM

ISP

HTTP Request

DNS

DNS DNS

Web Server

?

?


ZOOM – WEB SERVER

Web Server application (apache /IIS

/etc.)

HTTP/HTTPS Request

File system

html

html

php

php

php

Header HTTP + HTML

Intérprete PHP

HTML


En la arquitectura básica de una aplicación web o sitio Web, la información mostrada en las páginas está típicamente almacenada en archivos. Sin embargo, muchas veces esta información está almacenada en una base de datos, y las páginas son creadas dinámicamente (sitios dinámicos).

Modeling Web Application Design with UML (Jim Conallen)Más detalles en : http://www.itmweb.com/essay546.htm

Servidor WebServidor Web Cliente - NavegadorCliente - Navegadorhttp

Filtro de páginaFiltro de página

Página con scriptPágina con script

Base de DatosBase de Datos

procesareferencia

Arquitectura Sitio Web


Proxy, gateway y tunnel son elementos que permiten abordar temas de integración como firewalls, balance de carga, movimiento de datos, etc.

Intermediarios en la Comunicación C/S


Un programa intermediario que actúa como cliente y servidor con el propósitode hacer peticiones en nombre de otro cliente (actúa en nombre de un cliente)

Un programa intermediario que actúa como cliente y servidor con el propósitode hacer peticiones en nombre de otro cliente (actúa en nombre de un cliente)

Un servidor que actúa como un intermediario de otro servidor en una petición (actúan en nombre de un servidor)

Un servidor que actúa como un intermediario de otro servidor en una petición (actúan en nombre de un servidor)

programa intermediario que actúa como un relevo entre dos conexiones (simplemente conecta dos redes)

programa intermediario que actúa como un relevo entre dos conexiones (simplemente conecta dos redes)

Intermediarios en la Comunicación C/S


Rápidamente se vio el valor de “exponer” un sistema de información a través de su capa de presentación como documentos HTML.Idea: “abrir los sistemas más allá de los limites de una empresa”.

Aprovechar la conectividad ...

Ejemplo: ATM (Automatic Teller Machine, cajero automático)

El ideal de un banco es otorgarle a cada cliente un cajero en su casa. (Bussines-to-consumer - B2C)


Lenguajes y tecnologías de páginas Web


Clientes Remotos y Ligeros


Programas CGI

Un servidor Web puede responder invocando una aplicación que generará el documento (p.e. información recuperada de una base de datos).

Common Gateway Interface (CGI): Mecanismo estandar que permite a servidores HTTP interaccionar con aplicaciones externas. El CGI asigna programas a URLs


Programas CGI


Programas CGI

El problema de los CGIs es la sobrecarga que supone cada proceso lanzado.

Múltiples peticiones al mismo CGI implica varias ejecuciones del mismo programa problemas de escalabilidad del sistema

La alternativa a los CGI son los Servlets, que se pueden usar como los CGIs, pero la implementación es diferente.


Applets

Los navegadores están pensados para presentar documentos HTML estáticos.

Solución: Applets, código Java embebido en el documento HTML y ejecutados por la MVJ del navegador. El cliente la tiene que descargar cada vez que se usa, pero paraclientes ligeros es una solución común.


ServletsImplementación ...

• La ejecución se lanza igual que un CGI y el resultado es igual• Los Servlets se ejecutan como procesos Java, no como procesos independientes.

• Son parte del servidor Web• Se invocan directamente incorporando información específica del servlet en la petición HTTP• Se elimina la carga de crear procesos para cada invocación y el costo del cambio de contexto.• Se reduce la memoria necesaria, ya que una única imagen del programa se encuentra en memoria aunque haya varias peticiones


Servlets


• Este soporte es el ofrecido por los “servidores de aplicaciones”

• La funcionalidad de un servidor de aplicación puede ser descrita examinando uno de los dos frameworks para middleware basado en Web.

• J2EE de Sun

• .NET de Microsoft

Middleware para aplicaciones Web

El uso creciente de la Web como canal de acceso a los sistemas de información es lo que “forzó” a las plataformas middleware a incluir acceso Web.


Servidor de Aplicaciones


Information

BusinessProcesses

Local

1980 1990 2000 2010

Web

XMLWS

WAN

Web

LAN

LANInternet

Global

SOA

La Conectividad habilita procesos globales y el acceso a la Información


Requerimientos de hardware y software para el desarrollo de

aplicaciones Web


Contenido

• Introducción

• WAMP

• Instalación

• Referencias del lenguaje

• Herramientas de trabajo

• Una aplicación sencilla


Introducción

• Historia de PHP

• ¿Qué es PHP?

• ¿Qué quiere decir PHP?

• Versiones

• Usos de PHP

• Ventajas de PHP


Historia de PHP

• 1994: Perl – C -> Danés-Canadiense Rasmus Lerdorf• 1995: “Personal Home Page Tools” combinar con propio

Form Interpreter -> PHP/FI • 1997: Israelíes Zeev Suraski y Andi Gutmans reescribieron el

analizador sintáctico – base PHP3• 1998: Lanzamiento oficial de PHP3• 1999: Zend Engine• 2000: PHP4 - Zend Engine 1.0• 2004: PHP5 - Zend Engine II• 2005: PHP5.1 - PDO


¿Qué es PHP?

• PHP es un lenguaje de scripting embebido en HTML.

• C, Java y Perl

• Propósito: desarrollar páginas Web con rapidez.


¿Qué quiere decir PHP?

• Acrónimo recursivo

• PHP significa PHP: Hypertext Preprocessor

• Personal Home Page Tools

• www.wikipedia.org


Versiones

• PHP/FI: 1995 => scripts perl y C

• PHP 3: 1997 => gran extensibilidad

• PHP 4: 1998 => motor Zend

• PHP 5: 2004 => motor Zend 2.0

• PHP 5.1: 2005 => PDO


Usos de PHP

• Programación de páginas Web dinámicas

• Programación en consola

• Creación de aplicaciones gráficas: GTK


Ventajas de PHP

• Lenguaje multiplataforma• Conexión con manejadores de base de datos• Leer y manipular datos desde diversas fuentes • Expandir su potencial utilizando módulos

(extensiones) • Amplia documentación• Fácil acceso para todos (libre) • Programación Orientada a Objetos


Contenido

• Introducción

• WAMP

• Instalación





WAMP

• Windows: Sistema Operativo

• Apache: Servidor Web

• Mysql: Gestor de Base de Datos

• Php: Lenguaje de Programación


Contenido

• Introducción

• WAMP

• Instalación





Instalación

• Configuración Apache

• Configuración de MYSQL

• Configuración PHP


Contenido

• Introducción

• WAMP

• Instalación





Referencias del lenguaje

• Web Hosting– www.5GBFREE.com– 100% soportan PHP, MYSQL

• ZEND– www.zend.com

• Clases– www.phpclasses.org

• Documentación – Software– www.php.net


Referencias del lenguaje

• Proyectos Código Abierto– sourceforge.net– PHP, MYSQL– 15384 proyectos

• ZEND– www.zend.com

• ORACLE– www.oracle.com

• Joomla – phpMyAdmin– sourceforge.net


Contenido

• Introducción

• WAMP

• Instalación





Herramientas de trabajo

• Macromedia Dreamweaver (www.adobe.com)

• Zend Development Environment (www.zend.com)

• Php Designer 2006 (www.mpsoftware.dk/phpdesigner.php)

• PHPEdit (www.waterproof.fr)• PHP Editor (www.freedownloadscenter.com)• Editores de Texto (Kwrite)


Contenido

• Introducción

• LAMP

• Instalación





Materiales - PHP

Editor de texto…


Iniciando con PHP

<html> <head> <title>Ejemplo de PHP</title> </head> <body> <?php echo "<p>Hola Mundo</p>"; ?> </body>

</html>


Iniciando con PHP

Variables: $nombre_variable

Presentar información: print o echo

Estructuras de control: if(<condición>){ }else{ }

Operadores: *, /, -, +, pow(), sqrt()

Funciones: function nombre_de_funcion( ){ }

Clases: class A { }


Materiales - APACHE

• PHP

• MYSQL


Materiales - MYSQL

Base de datos: track2

Tabla: CREATE TABLE usuarios (

nombre varchar(60),

apellido varchar(60),

edad int,

institucion varchar(45)

);


Conclusiones

• PHP puede hacer cualquier cosa que se pueda hacer con un script CGI, como procesar la información de formularios, generar páginas con contenidos dinámicos, o enviar y recibir cookies. Y esto no es todo, se puede hacer mucho más.

• PHP puede ser utilizado en cualquiera de los principales sistemas operativos del mercado: Linux, muchas variantes Unix (incluyendo HP-UX, Solaris y OpenBSD), Microsoft Windows, Mac OS X, RISC OS, etc.


Conclusiones

• El soporte que tiene este lenguaje de programación es impresionante., foros, blogs, tutoriales, ejemplos (www.forosdelweb.com, www.php.net, www.phpscripts.com).

• PHP soporta gran cantidad de bases de datos: MySQL, Oracle, PostgreSQL, Informix, IBM DB2, FilePro, InterBase, dBase, etc. y soporte para ODBC.


Bibliografía

Php

http://www.php.net

http://www.lawebdelprogramador.com

Mysql

http://www.mysql.com

Apache

http://www.apache.org


GRACIAS

2009. 01 Arquitectura Cliente Servidor Web

Documents

Transcript of 2009. 01 Arquitectura Cliente Servidor Web