Programaci on Web

- Introducci on a la Programaci on Web -

Mario Garza Fabre
mgarzaf@upv.edu.mx
Universidad Politecnica de Victoria
Cd. Victoria, Tamaulipas, Mexico.
http://www.tamps.cinvestav.mx/
~
mgarza/UPV_WP/
Enero - Abril, 2014
Introducci on a la Programaci on Web 1/43
Internet y la Web
Web vs Internet?
Muchas personas utilizan estos terminos indistintamente.
Son estos terminos realmente sinonimos?
Introducci on a la Programaci on Web 2/43
Internet y la Web - Internet
Mas un concepto que una entidad tangible. Red masiva de redes
(http://www.webopedia.com/).
Red de redes que permite la interconexion descentralizada de
computadoras a traves de un conjunto de protocolos denominado
TCP/IP (http://denicion.de/internet).
Una red mundial, de redes de computadoras. Es una interconexion
de redes grandes y chicas alrededor del mundo
(http://www.internetglosario.com).
Internet es un conjunto descentralizado de redes de comunicacion
interconectadas que utilizan la familia de protocolos TCP/IP. Las
redes fsicas heterogeneas que la componen funcionan como una red
logica unica, de alcance mundial. (http://es.wikipedia.org/)
Introducci on a la Programaci on Web 3/43
Internet y la Web - Internet
Mas un concepto que una entidad tangible. Red masiva de redes
(http://www.webopedia.com/).
Red de redes que permite la interconexion descentralizada de
computadoras a traves de un conjunto de protocolos denominado
TCP/IP (http://denicion.de/internet).
Una red mundial, de redes de computadoras. Es una interconexion
de redes grandes y chicas alrededor del mundo
(http://www.internetglosario.com).
Internet es un conjunto descentralizado de redes de comunicacion
interconectadas que utilizan la familia de protocolos TCP/IP. Las
redes fsicas heterogeneas que la componen funcionan como una red
logica unica, de alcance mundial. (http://es.wikipedia.org/)
Introducci on a la Programaci on Web 3/43
Internet y la Web - Internet
Mas un concepto que una entidad tangible. Red masiva de redes
(http://www.webopedia.com/).
Red de redes que permite la interconexion descentralizada de
computadoras a traves de un conjunto de protocolos denominado
TCP/IP (http://denicion.de/internet).
Una red mundial, de redes de computadoras. Es una interconexion
de redes grandes y chicas alrededor del mundo
(http://www.internetglosario.com).
Internet es un conjunto descentralizado de redes de comunicacion
interconectadas que utilizan la familia de protocolos TCP/IP. Las
redes fsicas heterogeneas que la componen funcionan como una red
logica unica, de alcance mundial. (http://es.wikipedia.org/)
Introducci on a la Programaci on Web 3/43
Internet y la Web - Internet
Mas un concepto que una entidad tangible. Red masiva de redes
(http://www.webopedia.com/).
Red de redes que permite la interconexion descentralizada de
computadoras a traves de un conjunto de protocolos denominado
TCP/IP (http://denicion.de/internet).
Una red mundial, de redes de computadoras. Es una interconexion
de redes grandes y chicas alrededor del mundo
(http://www.internetglosario.com).
Internet es un conjunto descentralizado de redes de comunicacion
interconectadas que utilizan la familia de protocolos TCP/IP. Las
redes fsicas heterogeneas que la componen funcionan como una red
logica unica, de alcance mundial. (http://es.wikipedia.org/)
Introducci on a la Programaci on Web 3/43
Internet y la Web - Internet, breve historia
Sus orgenes se remontan a
la decada de 1960
ARPANet (Advanced
Research Projects Agency
Network)
ARPA (hoy DARPA, Defense Advanced Research Projects Agency),
Departamento de Defensa de Estados Unidos
Universidades en California y Utah
1982: TCP/IP
Finales de los 1980s: Internet service providers (ISPs)
Mediados de los 1990s: Internet comercial
Introducci on a la Programaci on Web 4/43
Internet y la Web - Internet, actualidad
33% de la poblacion mundial actual (7,204,573,130 - Enero, 2014).
http://www.internetworldstats.com/
http://www.worldometers.info/
Introducci on a la Programaci on Web 5/43
Internet y la Web - Web
World Wide Web (WWW, W3).
Tim Berners-Lee, 1989-1991.
World Wide Web Consortium (W3C). Comunidad
internacional que desarrolla estandares que aseguran el
crecimiento de la Web a largo plazo
(http://www.w3.org/).
Introducci on a la Programaci on Web 6/43
Internet y la Web
Web vs Internet
Content vs transport. Many people use the terms Web and Internet
synonymously. However, the Web is only one of the many services
deployed on the Internet. Just as cargo is transported in a truck on a
highway, a Web page is transported in packets on the Internet.
http://www.pcmag.com/encyclopedia/term/54358/web-vs-internet
Introducci on a la Programaci on Web 7/43
Internet y la Web
Web vs Internet
La web se encuadra dentro de Internet, no es mas que un servicio de los
muchos que presta la Red, entre los que podemos encontrar: correo
electronico, IRC o chat, FTP, el propio web.
http://www.desarrolloweb.com/
La Web es la coleccion de sitios y paginas web de todo el mundo.
Web: modelo de intercambio de informacion sobre internet.
Internet: infraestructura de red completa.
La Web utiliza el protocolo HTTP, solo uno de los idiomas que se
hablan a traves de Internet.
Introducci on a la Programaci on Web 8/43
Internet y la Web
Web vs Internet
La web se encuadra dentro de Internet, no es mas que un servicio de los
muchos que presta la Red, entre los que podemos encontrar: correo
electronico, IRC o chat, FTP, el propio web.
http://www.desarrolloweb.com/
La Web es la coleccion de sitios y paginas web de todo el mundo.
Web: modelo de intercambio de informacion sobre internet.
Internet: infraestructura de red completa.
La Web utiliza el protocolo HTTP, solo uno de los idiomas que se
hablan a traves de Internet.
Introducci on a la Programaci on Web 8/43
Internet y la Web
Web vs Internet
La web se encuadra dentro de Internet, no es mas que un servicio de los
muchos que presta la Red, entre los que podemos encontrar: correo
electronico, IRC o chat, FTP, el propio web.
http://www.desarrolloweb.com/
La Web es la coleccion de sitios y paginas web de todo el mundo.
Web: modelo de intercambio de informacion sobre internet.
Internet: infraestructura de red completa.
La Web utiliza el protocolo HTTP, solo uno de los idiomas que se
hablan a traves de Internet.
Introducci on a la Programaci on Web 8/43
Internet y la Web
Web vs Internet
La web se encuadra dentro de Internet, no es mas que un servicio de los
muchos que presta la Red, entre los que podemos encontrar: correo
electronico, IRC o chat, FTP, el propio web.
http://www.desarrolloweb.com/
La Web es la coleccion de sitios y paginas web de todo el mundo.
Web: modelo de intercambio de informacion sobre internet.
Internet: infraestructura de red completa.
La Web utiliza el protocolo HTTP, solo uno de los idiomas que se
hablan a traves de Internet.
Introducci on a la Programaci on Web 8/43
Internet y la Web
Web vs Internet
La web se encuadra dentro de Internet, no es mas que un servicio de los
muchos que presta la Red, entre los que podemos encontrar: correo
electronico, IRC o chat, FTP, el propio web.
http://www.desarrolloweb.com/
La Web es la coleccion de sitios y paginas web de todo el mundo.
Web: modelo de intercambio de informacion sobre internet.
Internet: infraestructura de red completa.
La Web utiliza el protocolo HTTP, solo uno de los idiomas que se
hablan a traves de Internet.
Introducci on a la Programaci on Web 8/43
Intranet
Internet vs Intranet?
Introducci on a la Programaci on Web 9/43
Pagina, sitio y portal Web
Pagina Web:
Una pagina web es una fuente de informacion adaptada para la
Web y accesible mediante un navegador. Puede contener
hiperenlaces a otras paginas web, constituyendo la red enlazada de la
WWW.
Documento HTML almacenado de forma estatica o generado de
forma dinamica que muestra una informacion util para el usuario.
Sitio Web:
Conjunto de paginas web, tpicamente dedicado a alg un tema
particular o proposito especco.
Introducci on a la Programaci on Web 10/43
Pagina, sitio y portal Web
Pagina Web:
Una pagina web es una fuente de informacion adaptada para la
Web y accesible mediante un navegador. Puede contener
hiperenlaces a otras paginas web, constituyendo la red enlazada de la
WWW.
Documento HTML almacenado de forma estatica o generado de
forma dinamica que muestra una informacion util para el usuario.
Sitio Web:
Conjunto de paginas web, tpicamente dedicado a alg un tema
particular o proposito especco.
Introducci on a la Programaci on Web 10/43
Pagina, sitio y portal Web
Pagina Web:
Una pagina web es una fuente de informacion adaptada para la
Web y accesible mediante un navegador. Puede contener
hiperenlaces a otras paginas web, constituyendo la red enlazada de la
WWW.
Documento HTML almacenado de forma estatica o generado de
forma dinamica que muestra una informacion util para el usuario.
Sitio Web:
Conjunto de paginas web, tpicamente dedicado a alg un tema
particular o proposito especco.
Introducci on a la Programaci on Web 10/43
Pagina, sitio y portal Web
Portal Web:
Sitio web que ofrece al usuario, de forma facil e integrada, el acceso
a una serie de recursos y de servicios relacionados a un mismo tema.
Enlaces, buscadores, noticias, foros, documentos, aplicaciones,
compras, etc. Principalmente dirigido a resolver necesidades de
informacion especca de un tema en particular.
Conjunto de sitios web, que pueden pertenecer a una o a varias
organizaciones.
Introducci on a la Programaci on Web 11/43
Pagina, sitio y portal Web
Portal Web:
Sitio web que ofrece al usuario, de forma facil e integrada, el acceso
a una serie de recursos y de servicios relacionados a un mismo tema.
Enlaces, buscadores, noticias, foros, documentos, aplicaciones,
compras, etc. Principalmente dirigido a resolver necesidades de
informacion especca de un tema en particular.
Conjunto de sitios web, que pueden pertenecer a una o a varias
organizaciones.
Introducci on a la Programaci on Web 11/43
Asignacion especial 1
IP (Internet Protocol)
TCP (Transmission Control Protocol)
HTTP (HyperText Transfer Protocol)
FTP (File Transfer Protocol)
SMTP (Simple Mail Transfer Protocol)
POP (Post Oce Protocol)
URL (Uniform Resource Locator) y
URI (Uniform Resource Identier)
DNS (Domain Name System)
Modelo OSI (Open Systems Interconnection)
Introducci on a la Programaci on Web 12/43
Aplicaciones Web - Esquema basico de funcionamiento
En el modelo cliente/servidor, el cliente enva un mensaje solicitando
un determinado servicio a un servidor (hace una peticion), y este enva
uno o varios mensajes con la respuesta (provee el servicio).
Introducci on a la Programaci on Web 13/43
Navegador Web
Software para localizar, recuperar y mostrar el contenido en la
World Wide Web (paginas web, imagenes, videos y otros archivos).
En un modelo cliente/servidor, el navegador es el cliente. Hace
contacto con el servidor Web y solicita informacion. El servidor
Web enva la informacion de vuelta al navegador Web que muestra
los resultados.
http://www.webopedia.com/
Introducci on a la Programaci on Web 14/43
Navegadores Web
Microsoft Internet Explorer. Released in 1995.
Google Chrome. Free, open-source. Released in 2008.
Firefox. From Mozilla. Released in 2004.
Apple Safari. Default web browser for Mac systems.
Opera. Free, fast, small, and standards-compliant. The
preferred browser for a number of small devices.
Mozilla. The Mozilla Project has grown from the ashes
of Netscape.
Netscape. First commercial web browser. Released in
1994. Development ended in February 2008.
Introducci on a la Programaci on Web 15/43
Navegadores Web - Estadsticas
2013 Internet Explorer Firefox Chrome Safari Opera
November 10.5 % 26.8 % 54.8 % 4.0 % 1.8 %
October 11.7 % 27.2 % 54.1 % 3.8 % 1.7 %
September 12.1 % 27.8 % 53.2 % 3.9 % 1.7 %
August 11.8 % 28.2 % 52.9 % 3.9 % 1.8 %
Jul 11.8 % 28.9 % 52.8 % 3.6 % 1.6 %
Ju!e 12.0 % 28.9 % 52.1 % 3.9 % 1.7 %
"# 12.6 % 27.7 % 52.9 % 4.0 % 1.6 %
Apr$l 12.7 % 27.9 % 52.7 % 4.0 % 1.7 %
"#rc% 13.0 % 28.5 % 51.7 % 4.1 % 1.8 %
&ebru#r 13.5 % 29.6 % 50.0 % 4.1 % 1.8 %
J#!u#r 14.3 % 30.2 % 48.4 % 4.2 % 1.9 %
http://www.w3schools.com/
Introducci on a la Programaci on Web 16/43
Pagina estatica y dinamica
Podemos encontrar, o construir, dos tipos de paginas Web:
Estatica. Las que se presentan sin movimiento y sin
funcionalidades mas alla de los enlaces.
Se construyen con HTML.
Dinamica. Las paginas que tienen efectos especiales y en las
que podemos interactuar.
Requiere de otros lenguajes, aparte del simple HTML.
Introducci on a la Programaci on Web 17/43
Pagina estatica y dinamica
Podemos encontrar, o construir, dos tipos de paginas Web:
Estatica. Las que se presentan sin movimiento y sin
funcionalidades mas alla de los enlaces.
Se construyen con HTML.
Dinamica. Las paginas que tienen efectos especiales y en las
que podemos interactuar.
Requiere de otros lenguajes, aparte del simple HTML.
Introducci on a la Programaci on Web 17/43
Pagina estatica y dinamica
Podemos encontrar, o construir, dos tipos de paginas Web:
Estatica. Las que se presentan sin movimiento y sin
funcionalidades mas alla de los enlaces.
Se construyen con HTML.
Dinamica. Las paginas que tienen efectos especiales y en las
que podemos interactuar.
Requiere de otros lenguajes, aparte del simple HTML.
Introducci on a la Programaci on Web 17/43
Pagina estatica
Estatica
El servidor no la
modica antes de
enviarla a un
navegador.
Introducci on a la Programaci on Web 18/43
Pagina dinamica
Dinamica
Ejemplos de aplicacion:
programacion semanal de television
horoscopo de todos los das
promociones de un sitio de comercio electronico
Podemos clasicar en funcion de donde se lleva a cabo el
procesamiento:
las del lado del cliente
las del lado del servidor
Introducci on a la Programaci on Web 19/43
Pagina dinamica
Dinamica
Ejemplos de aplicacion:
programacion semanal de television
horoscopo de todos los das
promociones de un sitio de comercio electronico
Podemos clasicar en funcion de donde se lleva a cabo el
procesamiento:
las del lado del cliente
las del lado del servidor
Introducci on a la Programaci on Web 19/43
Pagina dinamica (cliente)
Dinamica (cliente)
El codigo necesario se incluye dentro del mismo archivo
HTML y es llamado SCRIPT.
El navegador se encarga de INTERPRETAR los scripts y
ejecutarlos.
Scripting:
VBScript (Visual Basic Script)
JavaScript
Otros:
Applets Java
Flash
AJAX (Asynchronous JavaScript And XML)
Introducci on a la Programaci on Web 20/43
Pagina dinamica (cliente)
Dinamica (cliente) - Ventajas, Desventajas?
Muy dependientes del sistema donde se estan ejecutando y
esa es su principal desventaja. Cada navegador (o cada
version) tiene sus propias caractersticas. Lo que puede
funcionar en un navegador puede no funcionar en otro.
Como ventaja se puede decir que estas paginas liberan al
servidor de algunos trabajos, ofrecen respuestas inmediatas a
las acciones del usuario y permiten la utilizacion de algunos
recursos de la maquina local.
Introducci on a la Programaci on Web 21/43
Pagina dinamica (cliente)
Dinamica (cliente) - Ventajas, Desventajas?
Muy dependientes del sistema donde se estan ejecutando y
esa es su principal desventaja. Cada navegador (o cada
version) tiene sus propias caractersticas. Lo que puede
funcionar en un navegador puede no funcionar en otro.
Como ventaja se puede decir que estas paginas liberan al
servidor de algunos trabajos, ofrecen respuestas inmediatas a
las acciones del usuario y permiten la utilizacion de algunos
recursos de la maquina local.
Introducci on a la Programaci on Web 21/43
Pagina dinamica (cliente)
Dinamica (cliente) - Ventajas, Desventajas?
Muy dependientes del sistema donde se estan ejecutando y
esa es su principal desventaja. Cada navegador (o cada
version) tiene sus propias caractersticas. Lo que puede
funcionar en un navegador puede no funcionar en otro.
Como ventaja se puede decir que estas paginas liberan al
servidor de algunos trabajos, ofrecen respuestas inmediatas a
las acciones del usuario y permiten la utilizacion de algunos
recursos de la maquina local.
Introducci on a la Programaci on Web 21/43
Pagina dinamica (cliente)
Introducci on a la Programaci on Web 22/43
Pagina dinamica (servidor)
Dinamica (servidor)
El servidor la modica antes de enviarla a un navegador.
Se suelen escribir en el mismo archivo HTML, mezclado con el
codigo HTML.
Reconocidas, interpretadas y ejecutadas por el propio
servidor, quien genera una pagina resultado que solamente
contiene codigo HTML.
Tecnologas:
ASP (Active Server Pages)
PHP (PHP Hipertext Preprocesor)
JSP (Java Server Pages)
Introducci on a la Programaci on Web 23/43
Pagina dinamica (servidor)
Introducci on a la Programaci on Web 24/43
Pagina dinamica (cliente y servidor)
Introducci on a la Programaci on Web 25/43
Servidor Web
El servidor web es el programa o maquina que responde a las
peticiones del cliente y entrega el contenido del recurso solicitado.
Hardware
Maquina que
hospeda el sitio
web.
Software
Se ejecuta en el
equipo servidor de
alojamiento web.
Servidor HTTP.
Introducci on a la Programaci on Web 26/43
Servidor Web
El servidor web es el programa o maquina que responde a las
peticiones del cliente y entrega el contenido del recurso solicitado.
Hardware
Maquina que
hospeda el sitio
web.
Software
Se ejecuta en el
equipo servidor de
alojamiento web.
Servidor HTTP.
Introducci on a la Programaci on Web 26/43
Servidor HTTP
Su funcion principal es suministrar las paginas web y sus archivos
asociados (imagenes, ash, etc.) a los clientes (navegadores).
Atiende las solicitudes realizadas a traves del protocolo HTTP.
Recibe una solicitud HTTP, y responde con una respuesta HTTP.
Recibe una solicitud pidiendo un recurso especco y devuelve el
recurso como respuesta (o un mensaje de error).
Introducci on a la Programaci on Web 27/43
Servidor HTTP
Su funcion principal es suministrar las paginas web y sus archivos
asociados (imagenes, ash, etc.) a los clientes (navegadores).
Atiende las solicitudes realizadas a traves del protocolo HTTP.
Recibe una solicitud HTTP, y responde con una respuesta HTTP.
Recibe una solicitud pidiendo un recurso especco y devuelve el
recurso como respuesta (o un mensaje de error).
Introducci on a la Programaci on Web 27/43
Servidor HTTP
Su funcion principal es suministrar las paginas web y sus archivos
asociados (imagenes, ash, etc.) a los clientes (navegadores).
Atiende las solicitudes realizadas a traves del protocolo HTTP.
Recibe una solicitud HTTP, y responde con una respuesta HTTP.
Recibe una solicitud pidiendo un recurso especco y devuelve el
recurso como respuesta (o un mensaje de error).
Introducci on a la Programaci on Web 27/43
Servidor HTTP
Su funcion principal es suministrar las paginas web y sus archivos
asociados (imagenes, ash, etc.) a los clientes (navegadores).
Atiende las solicitudes realizadas a traves del protocolo HTTP.
Recibe una solicitud HTTP, y responde con una respuesta HTTP.
Recibe una solicitud pidiendo un recurso especco y devuelve el
recurso como respuesta (o un mensaje de error).
Introducci on a la Programaci on Web 27/43
Servidor HTTP
Su funcion principal es suministrar las paginas web y sus archivos
asociados (imagenes, ash, etc.) a los clientes (navegadores).
Atiende las solicitudes realizadas a traves del protocolo HTTP.
Recibe una solicitud HTTP, y responde con una respuesta HTTP.
Recibe una solicitud pidiendo un recurso especco y devuelve el
recurso como respuesta (o un mensaje de error).
Introducci on a la Programaci on Web 27/43
Servidor HTTP
Puede responder con una pagina HTML estatica, o delegar la
generacion dinamica a otro programa (PHP, ASP, JSP).
Pasa la solicitud al programa mas capaz de manejar la
situacion (intermediario).
El trabajo del servidor web termina una vez que se procesan
las peticiones del navegador y la informacion necesaria se
enva.
S

OLO el navegador web determina como se muestra una

pagina web.
Introducci on a la Programaci on Web 28/43
Servidor HTTP
Puede responder con una pagina HTML estatica, o delegar la
generacion dinamica a otro programa (PHP, ASP, JSP).
Pasa la solicitud al programa mas capaz de manejar la
situacion (intermediario).
El trabajo del servidor web termina una vez que se procesan
las peticiones del navegador y la informacion necesaria se
enva.
S

OLO el navegador web determina como se muestra una

pagina web.
Introducci on a la Programaci on Web 28/43
Servidor HTTP
Puede responder con una pagina HTML estatica, o delegar la
generacion dinamica a otro programa (PHP, ASP, JSP).
Pasa la solicitud al programa mas capaz de manejar la
situacion (intermediario).
El trabajo del servidor web termina una vez que se procesan
las peticiones del navegador y la informacion necesaria se
enva.
S

OLO el navegador web determina como se muestra una

pagina web.
Introducci on a la Programaci on Web 28/43
Servidor HTTP
Puede responder con una pagina HTML estatica, o delegar la
generacion dinamica a otro programa (PHP, ASP, JSP).
Pasa la solicitud al programa mas capaz de manejar la
situacion (intermediario).
El trabajo del servidor web termina una vez que se procesan
las peticiones del navegador y la informacion necesaria se
enva.
S

OLO el navegador web determina como se muestra una

pagina web.
Introducci on a la Programaci on Web 28/43
Lenguajes de marcado (markup languages)
Forma de codicar un documento donde, junto con el texto, se
incorporan etiquetas, marcas o anotaciones con informacion
adicional relativa a su estructura (presentacion).
XML
eXtensible Markup Language
HTML
HyperText Markup
Language
XHTML
eXtensible HyperText
Markup Language
TeX, LaTeX
Introducci on a la Programaci on Web 29/43
Tecnologas Web - W
3
Techs
http://w3techs.com/
Provee informacion (estadsticas) acerca de la utilizacion de varios
tipos de tecnologas en la Web.
Client-side Languages
Server-side Languages
Markup Languages
Web Servers
Operating Systems
Introducci on a la Programaci on Web 30/43
Tecnologas Web - W
3
Techs
Usage of client-side programming languages for websites.
Introducci on a la Programaci on Web 31/43
Tecnologas Web - W
3
Techs
Usage of server-side programming languages for websites.
PHP is used by 81.7% of all the websites whose server-side
programming language is known.
Introducci on a la Programaci on Web 32/43
Tecnologas Web - W
3
Techs
Usage of markup languages for websites.
Introducci on a la Programaci on Web 33/43
Tecnologas Web - W
3
Techs
Usage of markup languages for websites.
Introducci on a la Programaci on Web 34/43
Tecnologas Web - W
3
Techs
Usage of web servers for websites.
Introducci on a la Programaci on Web 35/43
Tecnologas Web - W
3
Techs
Usage of operating systems for websites.
Introducci on a la Programaci on Web 36/43
Modelo de 3 capas - Separaci on fsica (3-tier)
Introducci on a la Programaci on Web 37/43
Modelo de 3 capas - Separaci on l ogica (3-layer)
1. Presentacion / Usuario (front-end)
interfaz de usuario, entrada/salida
contenido estatico o generado
dinamicamente, interpretado por el navegador
2. Negocio / Logica (middleware, back-end)
procesamiento detallado
generacion de contenido dinamico
3. Datos (back-end)
acceso a bases de datos
almacenamiento y recuperacion de datos
Introducci on a la Programaci on Web 38/43
Modelo de 3 capas - Separaci on l ogica (3-layer)
1. Presentacion / Usuario (front-end)
interfaz de usuario, entrada/salida
contenido estatico o generado
dinamicamente, interpretado por el navegador
2. Negocio / Logica (middleware, back-end)
procesamiento detallado
generacion de contenido dinamico
3. Datos (back-end)
acceso a bases de datos
almacenamiento y recuperacion de datos
Introducci on a la Programaci on Web 38/43
Modelo de 3 capas - Separaci on l ogica (3-layer)
1. Presentacion / Usuario (front-end)
interfaz de usuario, entrada/salida
contenido estatico o generado
dinamicamente, interpretado por el navegador
2. Negocio / Logica (middleware, back-end)
procesamiento detallado
generacion de contenido dinamico
3. Datos (back-end)
acceso a bases de datos
almacenamiento y recuperacion de datos
Introducci on a la Programaci on Web 38/43
Modelo de 3 capas - Separaci on l ogica (3-layer)
1. Presentacion / Usuario (front-end)
interfaz de usuario, entrada/salida
contenido estatico o generado
dinamicamente, interpretado por el navegador
2. Negocio / Logica (middleware, back-end)
procesamiento detallado
generacion de contenido dinamico
3. Datos (back-end)
acceso a bases de datos
almacenamiento y recuperacion de datos
Introducci on a la Programaci on Web 38/43
Aplicaciones Web
Aplicacion (en general)
Programa para permitir al usuario realizar una actividad o trabajo.
Permite realizar tareas utiles mas alla del funcionamiento de la
computadora en s.
Programa (o grupo de programas) dise nado para el usuario nal.
Introducci on a la Programaci on Web 39/43
Aplicaciones Web
Aplicacion (en general)
Programa para permitir al usuario realizar una actividad o trabajo.
Permite realizar tareas utiles mas alla del funcionamiento de la
computadora en s.
Programa (o grupo de programas) dise nado para el usuario nal.
Introducci on a la Programaci on Web 39/43
Aplicaciones Web
Aplicacion (en general)
Programa para permitir al usuario realizar una actividad o trabajo.
Permite realizar tareas utiles mas alla del funcionamiento de la
computadora en s.
Programa (o grupo de programas) dise nado para el usuario nal.
Introducci on a la Programaci on Web 39/43
Aplicaciones Web
Aplicacion (en general)
Programa para permitir al usuario realizar una actividad o trabajo.
Permite realizar tareas utiles mas alla del funcionamiento de la
computadora en s.
Programa (o grupo de programas) dise nado para el usuario nal.
Introducci on a la Programaci on Web 39/43
Aplicaciones Web
Aplicacion (en general)
Programa para permitir al usuario realizar una actividad o trabajo.
Permite realizar tareas utiles mas alla del funcionamiento de la
computadora en s.
Programa (o grupo de programas) dise nado para el usuario nal.
Introducci on a la Programaci on Web 39/43
Aplicaciones Web
Aplicacion Web
Cualquier aplicacion que utiliza un navegador web como cliente.
Corren en servidores web y usan paginas web como interfaz de usuario.
El usuario puede utilizarla accediendo a un servidor web a traves de
Internet o de una intranet mediante un navegador.
Se codica en un lenguaje soportado por los navegadores web.
Sitio web que contiene paginas con contenido sin determinar,
parcialmente o en su totalidad (el contenido nal vara de una peticion
a otra en funcion de las acciones del usuario).
Cualquier sitio web (o alguno de sus componentes), que realiza
alguna funcion para el usuario, calica como una aplicacion Web.
Introducci on a la Programaci on Web 40/43
Aplicaciones Web
Aplicacion Web
Cualquier aplicacion que utiliza un navegador web como cliente.
Corren en servidores web y usan paginas web como interfaz de usuario.
El usuario puede utilizarla accediendo a un servidor web a traves de
Internet o de una intranet mediante un navegador.
Se codica en un lenguaje soportado por los navegadores web.
Sitio web que contiene paginas con contenido sin determinar,
parcialmente o en su totalidad (el contenido nal vara de una peticion
a otra en funcion de las acciones del usuario).
Cualquier sitio web (o alguno de sus componentes), que realiza
alguna funcion para el usuario, calica como una aplicacion Web.
Introducci on a la Programaci on Web 40/43
Aplicaciones Web
Aplicacion Web
Cualquier aplicacion que utiliza un navegador web como cliente.
Corren en servidores web y usan paginas web como interfaz de usuario.
El usuario puede utilizarla accediendo a un servidor web a traves de
Internet o de una intranet mediante un navegador.
Se codica en un lenguaje soportado por los navegadores web.
Sitio web que contiene paginas con contenido sin determinar,
parcialmente o en su totalidad (el contenido nal vara de una peticion
a otra en funcion de las acciones del usuario).
Cualquier sitio web (o alguno de sus componentes), que realiza
alguna funcion para el usuario, calica como una aplicacion Web.
Introducci on a la Programaci on Web 40/43
Aplicaciones Web
Aplicacion Web
Cualquier aplicacion que utiliza un navegador web como cliente.
Corren en servidores web y usan paginas web como interfaz de usuario.
El usuario puede utilizarla accediendo a un servidor web a traves de
Internet o de una intranet mediante un navegador.
Se codica en un lenguaje soportado por los navegadores web.
Sitio web que contiene paginas con contenido sin determinar,
parcialmente o en su totalidad (el contenido nal vara de una peticion
a otra en funcion de las acciones del usuario).
Cualquier sitio web (o alguno de sus componentes), que realiza
alguna funcion para el usuario, calica como una aplicacion Web.
Introducci on a la Programaci on Web 40/43
Aplicaciones Web
Aplicacion Web
Cualquier aplicacion que utiliza un navegador web como cliente.
Corren en servidores web y usan paginas web como interfaz de usuario.
El usuario puede utilizarla accediendo a un servidor web a traves de
Internet o de una intranet mediante un navegador.
Se codica en un lenguaje soportado por los navegadores web.
Sitio web que contiene paginas con contenido sin determinar,
parcialmente o en su totalidad (el contenido nal vara de una peticion
a otra en funcion de las acciones del usuario).
Cualquier sitio web (o alguno de sus componentes), que realiza
alguna funcion para el usuario, calica como una aplicacion Web.
Introducci on a la Programaci on Web 40/43
Aplicaciones Web
Aplicacion Web
Cualquier aplicacion que utiliza un navegador web como cliente.
Corren en servidores web y usan paginas web como interfaz de usuario.
El usuario puede utilizarla accediendo a un servidor web a traves de
Internet o de una intranet mediante un navegador.
Se codica en un lenguaje soportado por los navegadores web.
Sitio web que contiene paginas con contenido sin determinar,
parcialmente o en su totalidad (el contenido nal vara de una peticion
a otra en funcion de las acciones del usuario).
Cualquier sitio web (o alguno de sus componentes), que realiza
alguna funcion para el usuario, calica como una aplicacion Web.
Introducci on a la Programaci on Web 40/43
Aplicaciones Web
Aplicacion Web
Cualquier aplicacion que utiliza un navegador web como cliente.
Corren en servidores web y usan paginas web como interfaz de usuario.
El usuario puede utilizarla accediendo a un servidor web a traves de
Internet o de una intranet mediante un navegador.
Se codica en un lenguaje soportado por los navegadores web.
Sitio web que contiene paginas con contenido sin determinar,
parcialmente o en su totalidad (el contenido nal vara de una peticion
a otra en funcion de las acciones del usuario).
Cualquier sitio web (o alguno de sus componentes), que realiza
alguna funcion para el usuario, calica como una aplicacion Web.
Introducci on a la Programaci on Web 40/43
Aplicaciones Web - Ventajas/Desventajas
Ventajas
Tiempos y costos: no necesitan ser descargadas, instaladas y
conguradas, actualizaciones inmediatas, costos de licencia.
Portabilidad: accesible desde diferentes tipos de dispositivos, desde
cualquier lugar (punto de la red, Internet o intranet).
Compatibilidad: desde m ultiples arquitecturas y sistemas operativos
(multiplataforma), basta con tener un navegador apropiado.
Consumo de recursos: gran parte del procesamiento se realiza en
el servidor, no ocupan espacio en el disco duro del cliente.
Introducci on a la Programaci on Web 41/43
Aplicaciones Web - Ventajas/Desventajas
Ventajas
Tiempos y costos: no necesitan ser descargadas, instaladas y
conguradas, actualizaciones inmediatas, costos de licencia.
Portabilidad: accesible desde diferentes tipos de dispositivos, desde
cualquier lugar (punto de la red, Internet o intranet).
Compatibilidad: desde m ultiples arquitecturas y sistemas operativos
(multiplataforma), basta con tener un navegador apropiado.
Consumo de recursos: gran parte del procesamiento se realiza en
el servidor, no ocupan espacio en el disco duro del cliente.
Introducci on a la Programaci on Web 41/43
Aplicaciones Web - Ventajas/Desventajas
Ventajas
Tiempos y costos: no necesitan ser descargadas, instaladas y
conguradas, actualizaciones inmediatas, costos de licencia.
Portabilidad: accesible desde diferentes tipos de dispositivos, desde
cualquier lugar (punto de la red, Internet o intranet).
Compatibilidad: desde m ultiples arquitecturas y sistemas operativos
(multiplataforma), basta con tener un navegador apropiado.
Consumo de recursos: gran parte del procesamiento se realiza en
el servidor, no ocupan espacio en el disco duro del cliente.
Introducci on a la Programaci on Web 41/43
Aplicaciones Web - Ventajas/Desventajas
Ventajas
Tiempos y costos: no necesitan ser descargadas, instaladas y
conguradas, actualizaciones inmediatas, costos de licencia.
Portabilidad: accesible desde diferentes tipos de dispositivos, desde
cualquier lugar (punto de la red, Internet o intranet).
Compatibilidad: desde m ultiples arquitecturas y sistemas operativos
(multiplataforma), basta con tener un navegador apropiado.
Consumo de recursos: gran parte del procesamiento se realiza en
el servidor, no ocupan espacio en el disco duro del cliente.
Introducci on a la Programaci on Web 41/43
Aplicaciones Web - Ventajas/Desventajas
Ventajas
Tiempos y costos: no necesitan ser descargadas, instaladas y
conguradas, actualizaciones inmediatas, costos de licencia.
Portabilidad: accesible desde diferentes tipos de dispositivos, desde
cualquier lugar (punto de la red, Internet o intranet).
Compatibilidad: desde m ultiples arquitecturas y sistemas operativos
(multiplataforma), basta con tener un navegador apropiado.
Consumo de recursos: gran parte del procesamiento se realiza en
el servidor, no ocupan espacio en el disco duro del cliente.
Introducci on a la Programaci on Web 41/43
Aplicaciones Web - Ventajas/Desventajas
Ventajas
Seguridad: la informacion no esta almacenada localmente, copias
de seguridad de los servidores.
Concurrencia: m ultiples usuarios al mismo tiempo.
Menos errores y fallas: menos propensas a crear problemas
tecnicos debido a conictos con el software, hardware o con otras
aplicaciones.
Alcance/oportunidades: existiran las ventas en linea (amazon,
ebay, etc.) sin este tipo de tecnologa?
Introducci on a la Programaci on Web 42/43
Aplicaciones Web - Ventajas/Desventajas
Ventajas
Seguridad: la informacion no esta almacenada localmente, copias
de seguridad de los servidores.
Concurrencia: m ultiples usuarios al mismo tiempo.
Menos errores y fallas: menos propensas a crear problemas
tecnicos debido a conictos con el software, hardware o con otras
aplicaciones.
Alcance/oportunidades: existiran las ventas en linea (amazon,
ebay, etc.) sin este tipo de tecnologa?
Introducci on a la Programaci on Web 42/43
Aplicaciones Web - Ventajas/Desventajas
Ventajas
Seguridad: la informacion no esta almacenada localmente, copias
de seguridad de los servidores.
Concurrencia: m ultiples usuarios al mismo tiempo.
Menos errores y fallas: menos propensas a crear problemas
tecnicos debido a conictos con el software, hardware o con otras
aplicaciones.
Alcance/oportunidades: existiran las ventas en linea (amazon,
ebay, etc.) sin este tipo de tecnologa?
Introducci on a la Programaci on Web 42/43
Aplicaciones Web - Ventajas/Desventajas
Ventajas
Seguridad: la informacion no esta almacenada localmente, copias
de seguridad de los servidores.
Concurrencia: m ultiples usuarios al mismo tiempo.
Menos errores y fallas: menos propensas a crear problemas
tecnicos debido a conictos con el software, hardware o con otras
aplicaciones.
Alcance/oportunidades: existiran las ventas en linea (amazon,
ebay, etc.) sin este tipo de tecnologa?
Introducci on a la Programaci on Web 42/43
Aplicaciones Web - Ventajas/Desventajas
Desventajas
Disponibilidad:
no hay independencia/autonoma por parte del cliente.
dependiente del servidor.
dependiente de la infraestructura de comunicacion.
Los tiempos de respuesta pueden ser mas largos.
Habitualmente ofrecen menos funcionalidades que las aplicaciones de
escritorio (pero esto cada vez esta mejorando).
Introducci on a la Programaci on Web 43/43
Aplicaciones Web - Ventajas/Desventajas
Desventajas
Disponibilidad:
no hay independencia/autonoma por parte del cliente.
dependiente del servidor.
dependiente de la infraestructura de comunicaci on.
Los tiempos de respuesta pueden ser mas largos.
Habitualmente ofrecen menos funcionalidades que las aplicaciones de
escritorio (pero esto cada vez esta mejorando).
Introducci on a la Programaci on Web 43/43
Aplicaciones Web - Ventajas/Desventajas
Desventajas
Disponibilidad:
no hay independencia/autonoma por parte del cliente.
dependiente del servidor.
dependiente de la infraestructura de comunicaci on.
Los tiempos de respuesta pueden ser mas largos.
Habitualmente ofrecen menos funcionalidades que las aplicaciones de
escritorio (pero esto cada vez esta mejorando).
Introducci on a la Programaci on Web 43/43
Aplicaciones Web - Ventajas/Desventajas
Desventajas
Disponibilidad:
no hay independencia/autonoma por parte del cliente.
dependiente del servidor.
dependiente de la infraestructura de comunicaci on.
Los tiempos de respuesta pueden ser mas largos.
Habitualmente ofrecen menos funcionalidades que las aplicaciones de
escritorio (pero esto cada vez esta mejorando).
Introducci on a la Programaci on Web 43/43