Aplicaciones WEB

Para comprender qu es una aplicacin web hay que conocer

las tecnologas bsicas en las que se apoya y su origen
histrico
Internet: Una red de ordenadores mundial
World Wide Web: Un conjunto de protocolos, tecnologas y
convenciones desarrolladas sobre Internet
Pgina web: Documento en formato HTML, con hiperenlaces,
que se puede descargar desde un servidor web y se visualiza
en un navegador web
Sitio web: Conjunto de pginas web, con contenido
relacionado, identificados con la misma URL
Aplicacin web: Aplicacin informtica completa con acceso
va web
V

c
t
o
r

H
u
g
o

R
u
c
h
i
n
s
k
y

U
n
i
v
e
r
s
i
d
a
d

d
e

l
a

C
u
e
n
c
a

d
e
l

P
l
a
t
a

S
e
d
e

F
o
r
m
o
s
a

Aplicaciones WEB - Internet
Internet es un conjunto descentralizado de redes de
comunicacin interconectadas que utilizan la familia de
protocolos TCP/IP
Funciona como una red lgica nica, de alcance mundial,
aunque est formada por multitud de redes fsicas heterogneas
Sus orgenes se remontan a 1969, cuando se estableci la
primera conexin de computadoras, conocida como ARPANET,
entre tres universidades en California y una en Utah, EU
Uno de los servicios que ms xito ha tenido en Internet ha sido
la World Wide Web (WWW, o la Web)
Es habitual la confusin entre ambos trminos por gente no
experta
La web (1990) es un conjunto de protocolos, estndares y
tecnologas, basadas en Internet, diseado originalmente para la
consulta remota de informacin en archivos de hipertexto
V

c
t
o
r

H
u
g
o

R
u
c
h
i
n
s
k
y

U
n
i
v
e
r
s
i
d
a
d

d
e

l
a

C
u
e
n
c
a

d
e
l

P
l
a
t
a

S
e
d
e

F
o
r
m
o
s
a

Aplicaciones WEB - Internet
Existen muchos otros servicios y protocolos en Internet:
Envo y recepcin de correo electrnico (POP3, IMAP, SMTP)
Transmisin de archivos (SSH, FTP, P2P, HTTP)
Mensajera instantnea (IRC, XMPP)
Transmisin de contenido multimedia (VoIP, IPTV, RTP)
Conexin remota por consola (SSH, Telnet)
Conexin remota grfica (VNC)
http://es.wikipedia.org/wiki/Internet
V

c
t
o
r

H
u
g
o

R
u
c
h
i
n
s
k
y

U
n
i
v
e
r
s
i
d
a
d

d
e

l
a

C
u
e
n
c
a

d
e
l

P
l
a
t
a

S
e
d
e

F
o
r
m
o
s
a

World Wide Web

La World Wide Web, Web, WWW o W3, se basa en el lenguaje
HTML (HyperText Markup Language) y en el protocolo HTTP
(HyperText Transfer Protocol). El protocolo de hipertexto fue
desarrollado por el Laboratorio Europeo de Fsica de Partculas
CERN por Tim Berners-Lee hacia fines de 1.989
Se public en el ao 1.992

V

c
t
o
r

H
u
g
o

R
u
c
h
i
n
s
k
y

U
n
i
v
e
r
s
i
d
a
d

d
e

l
a

C
u
e
n
c
a

d
e
l

P
l
a
t
a

S
e
d
e

F
o
r
m
o
s
a

World Wide Web (la Web)

World Wide Web se traduce como telaraa mundial y su
acrnimo es www
Actualmente se denomina coloquialmente como la web y su
acrnimo est en desuso (incluso en las URLs)
La web es un sistema de distribucin de informacin basado en
hipertexto enlazados y accesibles a travs de Internet
Con un navegador web, un usuario visualiza sitios web
compuestos de pginas web que pueden contener texto,
imgenes, vdeos u otros contenidos multimedia, y navega a
travs de ellas usando hiperenlaces
V

c
t
o
r

H
u
g
o

R
u
c
h
i
n
s
k
y

U
n
i
v
e
r
s
i
d
a
d

d
e

l
a

C
u
e
n
c
a

d
e
l

P
l
a
t
a

S
e
d
e

F
o
r
m
o
s
a

World Wide Web (la Web)
Un navegador web que visualiza las pginas web que descarga
desde un servidor web
Las pginas web tienen formato HTML y CSS, tienen enlaces a
otras pginas y a contenido multimdia (imgenes, vdeos,
audio)
El protocolo con el que se comunican el cliente y el servidor es
el Hiper Text Transfer Protocol (HTTP)
Las pginas se identifican con un nombre nico llamado
coloquialmente direccin web (URL)
http://es.wikipedia.org/wiki/World_Wide_Web
V

c
t
o
r

H
u
g
o

R
u
c
h
i
n
s
k
y

U
n
i
v
e
r
s
i
d
a
d

d
e

l
a

C
u
e
n
c
a

d
e
l

P
l
a
t
a

S
e
d
e

F
o
r
m
o
s
a

World Wide Web (la Web)
Una pgina web es un documento electrnico adaptado a la
web y est diseada para ser visualizado en un navegador web,
que la descargar de un servidor web
Contiene texto, grficos y contenido multimedia , contiene
hiperenlaces integrados en el texto que permiten al usuario
navegar o acceder a diferentes pginas web relacionadas entre s
Una pgina web generalmente es un archivo con extensin .html
o .xhtml y est escrita con formato de marcado textual HTML o
XHTML
Puede contener informacin de estilos (colores, tipos de letra,
distribucin de elementos,) en el formato CSS integrado en el
propio documento o en un fichero diferente
Puede enlazar a imgenes en formato JPG o PNG
V

c
t
o
r

H
u
g
o

R
u
c
h
i
n
s
k
y

U
n
i
v
e
r
s
i
d
a
d

d
e

l
a

C
u
e
n
c
a

d
e
l

P
l
a
t
a

S
e
d
e

F
o
r
m
o
s
a

World Wide Web (la Web)
Un sitio web es una coleccin de pginas web relacionadas
entre s
El conjunto de pginas web que forman un sitio web suelen
compartir la primera parte de la direccin web (el dominio)
http://www.formosa.gob.ar
En ingls, a un sitio web se lo denomina website
En castellano: la Real Academia de la Lengua prefiere traducir
web por red, pero no es muy preciso
Muchas veces se utiliza Pgina web como sinnimo de Sitio web
(p.e. la pgina web del gobierno) y en ocasiones se denomina
web al sitio web (p.e. La web de la universidad)
Tambin se usa en ocasiones en trmino Portal para referirse a
un sitio web
V

c
t
o
r

H
u
g
o

R
u
c
h
i
n
s
k
y

U
n
i
v
e
r
s
i
d
a
d

d
e

l
a

C
u
e
n
c
a

d
e
l

P
l
a
t
a

S
e
d
e

F
o
r
m
o
s
a

Aplicaciones Web
Aplicaciones Web: En los comienzos de la web, todos los
sitios web eran conjuntos de pginas web en forma de archivos
HTML - Los sitios web eran como libros pero con navegacin
mediante enlaces en vez de navegacin secuencial
La edicin de sitios web se realizaba con herramientas similares a
la edicin de documentos (p.e. Microsoft FrontPage)
A estas pginas se las denominaba pginas web estticas
Poco a poco las pginas empezaron a ser ms dinmicas
En vez de ser archivos .html en el disco, empezaban a ser
pequeos programas que se ejecutaban cada vez que un usuario
peda una pgina - Inicialmente eran cambios mnimos (contador
de visitas, fecha actual, cambiar la imagen de cabecera) con
lenguajes de script como PERL y PHP (principios de la dcada de
los 90) - Pero pronto los cambios seran cada vez ms profundos
y las pginas web se convertiran en completas aplicaciones web
V

c
t
o
r

H
u
g
o

R
u
c
h
i
n
s
k
y

U
n
i
v
e
r
s
i
d
a
d

d
e

l
a

C
u
e
n
c
a

d
e
l

P
l
a
t
a

S
e
d
e

F
o
r
m
o
s
a

Aplicaciones Web
Una aplicacin web es aquella aplicacin que los usuarios pueden
utilizar accediendo a un servidor web a travs de Internet
mediante un navegador
Es una aplicacin software que se implementa para que su interfaz
de usuario se utilice desde un navegador web y son muy populares
El navegador web como cliente comn
Existe independencia del sistema operativo
Facilidad para actualizar y mantener aplicaciones web sin
distribuir e instalar software a miles de usuarios potenciales
El trmino aplicacin web es un trmino tcnico. Los usuarios
utilizan la palabra web para referirse a un sitio web
independientemente de sus mecanismos internos
Actualmente prcticamente todas las webs del mundo son
aplicaciones web en mayor o menor medida porque la mayora
tienen cierto contenido dinmico
V

c
t
o
r

H
u
g
o

R
u
c
h
i
n
s
k
y

U
n
i
v
e
r
s
i
d
a
d

d
e

l
a

C
u
e
n
c
a

d
e
l

P
l
a
t
a

S
e
d
e

F
o
r
m
o
s
a

Evolucin Histrica
La Web fue creada alrededor de 1989 por Tim Berners-Lee y
Robert Cailliau mientras trabajaban en el CERN y se public en
1992 Robert Cailliau Tim Berners-Lee
Haba nacido la Web 1.0
1993 2003
*Pginas con hiperenlaces
El usuario slo lea contenido publicado por otros Contenido
muy esttico, muy difcil de editar
El navegador web
era la nica aplicacin
conectada
V

c
t
o
r

H
u
g
o

R
u
c
h
i
n
s
k
y

U
n
i
v
e
r
s
i
d
a
d

d
e

l
a

C
u
e
n
c
a

d
e
l

P
l
a
t
a

S
e
d
e

F
o
r
m
o
s
a

Evolucin Histrica
Las cosas empiezan a cambiar
Las tecnologas se desarrollan
Los usuarios tienen ms facilidades para editar el contenido de
las pginas web
Nacen los blogs, los wikis
Google se empieza a popularizar
Nace la wikipedia (2001)
V

c
t
o
r

H
u
g
o

R
u
c
h
i
n
s
k
y

U
n
i
v
e
r
s
i
d
a
d

d
e

l
a

C
u
e
n
c
a

d
e
l

P
l
a
t
a

S
e
d
e

F
o
r
m
o
s
a

Evolucin Histrica
Nace la Web 2.0
Los usuarios toman el control de los contenidos
Web 1.0: Web de Lectura Individual
Web 2.0: Web de Lectura / Escritura Social
El trmino Web 2.0 fue acuado por Dale Dougherty (O'Reilly)
en 2004 - La Web como plataforma con aplicaciones ligeras,
dinmicas y en constante evolucin
Inteligencia colectiva: creacin, incluso
colaborativa, y distribucin de contenidos.
Experiencia enriquecedora del usuario
Mltiples dispositivos de acceso
V

c
t
o
r

H
u
g
o

R
u
c
h
i
n
s
k
y

U
n
i
v
e
r
s
i
d
a
d

d
e

l
a

C
u
e
n
c
a

d
e
l

P
l
a
t
a

S
e
d
e

F
o
r
m
o
s
a

Evolucin Histrica
Colaboracin en documentos
V

c
t
o
r

H
u
g
o

R
u
c
h
i
n
s
k
y

U
n
i
v
e
r
s
i
d
a
d

d
e

l
a

C
u
e
n
c
a

d
e
l

P
l
a
t
a

S
e
d
e

F
o
r
m
o
s
a

Evolucin Histrica
Navegar por la web






Informacin y referencia

V

c
t
o
r

H
u
g
o

R
u
c
h
i
n
s
k
y

U
n
i
v
e
r
s
i
d
a
d

d
e

l
a

C
u
e
n
c
a

d
e
l

P
l
a
t
a

S
e
d
e

F
o
r
m
o
s
a

Evolucin Histrica

V

c
t
o
r

H
u
g
o

R
u
c
h
i
n
s
k
y

U
n
i
v
e
r
s
i
d
a
d

d
e

l
a

C
u
e
n
c
a

d
e
l

P
l
a
t
a

S
e
d
e

F
o
r
m
o
s
a

Evolucin Histrica







Pero la web 2.0 tambin tiene sus problemas
Dispersin
Una persona, mltiples usuarios en diferentes servicios
Cada cosa en un sitio diferente
Falta de portabilidad/integracin entre aplicaciones
Inmadurez de los servicios web
V

c
t
o
r

H
u
g
o

R
u
c
h
i
n
s
k
y

U
n
i
v
e
r
s
i
d
a
d

d
e

l
a

C
u
e
n
c
a

d
e
l

P
l
a
t
a

S
e
d
e

F
o
r
m
o
s
a

Redes sociales
Redes sociales
Las redes sociales forman parte de la denominada web 2.0
En los ltimos aos las redes sociales se han convertido en el
centro neurlgico de la red
1997 - El primer sitio de redes sociales reconocibles puesto en
marcha en 1997 - SixDegrees.com.
1997 a 2001 - AsianAvenue, Blackplanet y MiGente permitan a
los usuarios crear relaciones personales y profesionales
2001 - Ryze.com se inici en 2001 para ayudar a las personas
aprovechar sus objetivos empresariales y profesionales
mediante la creacin de redes profesionales
V

c
t
o
r

H
u
g
o

R
u
c
h
i
n
s
k
y

U
n
i
v
e
r
s
i
d
a
d

d
e

l
a

C
u
e
n
c
a

d
e
l

P
l
a
t
a

S
e
d
e

F
o
r
m
o
s
a

Redes sociales

Pero qu es una red social?
Las redes sociales son sitios web que cuentan con una serie de
herramientas tecnolgicas muy sencillas de utilizar
Permiten la creacin de comunidades de personas en las que se
establece un intercambio dinmico de informacin/servicios:
Espacios para conocerse, intercambiar ideas, reencontrarse con
otras personas. Espacios para ofertar productos, servicios y realizar
negocios. Espacios para compartir e intercambiar informacin en
diferentes medios. Espacios para servicios sociales como la
bsqueda de personas desaparecidas o intereses particulares
Cada red social tiene ciertas caractersticas que la diferencian de
las dems. Existen redes sociales generalistas para las relaciones
personales y de amistad (Facebook) y profesionales(linkedin)
Existen redes sociales centradas en la agilidad en la comunicacin
(Twitter)
V

c
t
o
r

H
u
g
o

R
u
c
h
i
n
s
k
y

U
n
i
v
e
r
s
i
d
a
d

d
e

l
a

C
u
e
n
c
a

d
e
l

P
l
a
t
a

S
e
d
e

F
o
r
m
o
s
a

La web hoy
Con la llegada de la web 2.0 en el 2004, la web es social, el
contenido se crea de forma colaborativa
Las redes sociales generalistas estn desplazando a otros medios
de colaboracin en la red (blogs, mail, wikis)
Las redes sociales temticas cada vez son ms usadas
Los usuarios conocen y usan el modelo de red social
Los usuarios quieren aprovechar ese modelo en otros contextos:
educacin, trabajo, investigacin, deporte, cocina
Las pginas webs se integran cada vez ms con las redes sociales
Me gusta, Compartir)
Las redes sociales son la nueva web
Las empresas tienen presencia en las redes sociales para llegar
a sus clientes
V

c
t
o
r

H
u
g
o

R
u
c
h
i
n
s
k
y

U
n
i
v
e
r
s
i
d
a
d

d
e

l
a

C
u
e
n
c
a

d
e
l

P
l
a
t
a

S
e
d
e

F
o
r
m
o
s
a

Introduccin a las aplicaciones
web
1. La web sigue una arquitectura cliente-servidor
2. El navegador web acta como cliente
3. El servidor web acta como servidor
4. La comunicacin se establece usando el protocolo http
V

c
t
o
r

H
u
g
o

R
u
c
h
i
n
s
k
y

U
n
i
v
e
r
s
i
d
a
d

d
e

l
a

C
u
e
n
c
a

d
e
l

P
l
a
t
a

S
e
d
e

F
o
r
m
o
s
a

Arquitectura de tres niveles
V

c
t
o
r

H
u
g
o

R
u
c
h
i
n
s
k
y

U
n
i
v
e
r
s
i
d
a
d

d
e

l
a

C
u
e
n
c
a

d
e
l

P
l
a
t
a

S
e
d
e

F
o
r
m
o
s
a

Cliente Web
HTML, HTML dinamico,
Applets Java,
Controles ActiveX,
VBScript,Java Script
Internet
Servidor de
Aplicaciones
Reglas del
negocio
Servidor
Web
Cortafuego
Bases de datos: MySQL, Oracle, Informix
ASP
PHP

Navegadores web
Un navegador web es una aplicacin que se instala en el sistema
que utiliza el usuario
El usuario escribe una direccin web (URL - Uniform Resource
Locator). La direccin contiene el nombre del servidor web y el
nombre del recurso que se solicita
El navegador hace una peticin al servidor y solicita el recurso
El navegador descarga el recurso y lo visualiza (o lo descarga si
no puede hacerlo) . Si el recurso en una pgina HTML, adems
de visualizar su contenido, descarga recursos adicionales como
imgenes, estilos, etc. y los visualiza integrados en la pgina
Uno de los elementos que ms han definido a las pginas web
son los enlaces o links
El navegador carga una nueva pgina web cuando el usuario
hace clic en un enlace. Pulsar links permite pasar de una pgina
a otra navegando . El navegador dispone de un historial para
volver hacia atrs en la navegacin
V

c
t
o
r

H
u
g
o

R
u
c
h
i
n
s
k
y

U
n
i
v
e
r
s
i
d
a
d

d
e

l
a

C
u
e
n
c
a

d
e
l

P
l
a
t
a

S
e
d
e

F
o
r
m
o
s
a

Navegadores web
Historia: 1990 WorldWideWeb
Nace el primer navegador para sistemas NeXT
1993 Mosaic : para Win, Mac y Unix/Linux, fue la base de Firefox
e Internet Explorer, y la cuota de mercado de 90% en 1994
1994 Netscape Navigator Como evolucin de Mosaic
1995 Microsoft Internet Explorer , integrado en Windows y
lleg a tener el 95% de cuota en el 2002
1996 Opera:nunca ha tenido una gran cuota de mercado y
Actualmente se utiliza mayormente en mviles y consolas
(Nintendo Wii)
2003 Apple Safari: navegador de productos de Apple basado en
motor de renderizado WebKit (libre)
2004 Mozilla Firefox: Software libre, usa el motor Gecko y
desarrollado por la fundacin Mozilla (heredera de Netscape)
2008 Google Chrome: tiene una versin software libre llamada
Chromium , y basado en motor de renderizado WebKit (libre)
V

c
t
o
r

H
u
g
o

R
u
c
h
i
n
s
k
y

U
n
i
v
e
r
s
i
d
a
d

d
e

l
a

C
u
e
n
c
a

d
e
l

P
l
a
t
a

S
e
d
e

F
o
r
m
o
s
a

Navegadores web
Navegadores con los que se conectas usuarios wikipedia

V

c
t
o
r

H
u
g
o

R
u
c
h
i
n
s
k
y

U
n
i
v
e
r
s
i
d
a
d

d
e

l
a

C
u
e
n
c
a

d
e
l

P
l
a
t
a

S
e
d
e

F
o
r
m
o
s
a

Servidores web
Software
Alberga sitios web estticos y los sirve con el protocolo http a los
navegadores web
Ejecuta aplicaciones web que el usuario utiliza desde un
navegador web (usando http)
Hardware
Servidor en el que se ejecuta el software de servidor web.
Generalmente dispone de otros servicios adicionales como un
sistema gestor de base de datos
Un servidor web bsico sirve por http los archivos que estn en el
disco duro y puede servir cualquier tipo de archivo, aunque lo
habitual son los archivos que un navegador reconoce (html, jpg,
png, pdf)
Cuando recibe una peticin, devuelve el fichero del disco duro que
se ajuste a la ruta indicada en la URLs
http://www.miservidor.com/ruta/del/archivo/archivo.txt Nombre
V

c
t
o
r

H
u
g
o

R
u
c
h
i
n
s
k
y

U
n
i
v
e
r
s
i
d
a
d

d
e

l
a

C
u
e
n
c
a

d
e
l

P
l
a
t
a

S
e
d
e

F
o
r
m
o
s
a

Servidores web
La mayora de los servidores web permiten que en cada peticin
se ejecute un pequeo programa que genera dinmicamente el
recurso que se enva al usuario (server-side scripting)
A este contenido generado al vuelo se le denomina contenido
dinmico, en contraposicin al contenido esttico obtenido del
disco rgido y es bastante habitual que el contenido dinmico se
genere con la informacin de una base de datos
Los servidores web con contenido dinmico no slo envan
recursos al navegador, tambin pueden procesar informacin
que les llega del mismo
Datos contenidos en formularios web
Archivos enviados desde el navegador
Informacin codificada en los links que pulsan los usuarios
(URL)
Esta funcionalidad permite el desarrollo de completas
aplicaciones
V

c
t
o
r

H
u
g
o

R
u
c
h
i
n
s
k
y

U
n
i
v
e
r
s
i
d
a
d

d
e

l
a

C
u
e
n
c
a

d
e
l

P
l
a
t
a

S
e
d
e

F
o
r
m
o
s
a

Servidores web
Historia: 1990 - CERN http (NeXTSTEP)
1995 Apache : Su nombre completo es Apache HTTP Server
Project . El servidor ms popular (Enero 2014 42% cuota) y
desarrollado por la Apache Software Fundation con licencia
software libre Apache License. Es Multiplataforma y permite
escribir contenido dinmico (server-side scripting)
http://httpd.apache.org
http://httpd.apache.org/ABOUT_APACHE.html
1995 :Microsoft Internet Information Services (IIS)
Es un producto propietario de Microsoft integrado en su
sistema operativo Windows y su base de datos MS SQL Server
Permite escribir contenido dinmico (server-side scripting) . Es
el segundo servidor ms usado a (Enero 2014 con 30%)
http://www.iis.net/
http://en.wikipedia.org/wiki/Internet_Information_Services
V

c
t
o
r

:
u
g
o

R
u
c
h
i
n
s
k
y

U
n
i
v
e
r
s
i
d
a
d

d
e

l
a

C
u
e
n
c
a

d
e
l

P
l
a
t
a

S
e
d
e

F
o
r
m
o
s
a

Servidores web
2004 NginX :es un servidor multiplataforma y software libre
(licencia tipo BSD) Desarrollado por el ruso Igor Sysoev . Es el
tercer servidor ms usado a (Enero de 2014 con 14%) y permite
escribir contenido dinmico (server-side scripting).Es muy
rpido y se usa como balanceador de carga
http://nginx.net/
V

c
t
o
r

H
u
g
o

R
u
c
h
i
n
s
k
y

U
n
i
v
e
r
s
i
d
a
d

d
e

l
a

C
u
e
n
c
a

d
e
l

P
l
a
t
a

S
e
d
e

F
o
r
m
o
s
a

Servidores web
Programacin del lado del servidor
Server-side scripting se puede traducir por Programacin del
lado del servidor . Esta tcnica se invent en 1995 por Fred
DuFresne mientras haca la pgina de la televisin de Boston
La tecnologa que conectaba el servidor web con un programa
para generar las pginas web se denominada CGI (Common
Gateway Interface) : lo llamados CGIs, se ejecutaban
completamente en cada peticin http que se haca al servidor
Estos programas estaban implementados en lenguajes como C
o scripts de Perl, Shell y PHP. Debido a los problemas de
rendimiento con los CGIs, surgieron nuevos mecanismos para la
programacin del lado del servidor. Se empiezan a desarrollar
tcnicas para incluir las aplicaciones dentro de los servidores
(mdulos de Apache, etc). Existen muchas tecnologas para la
programacin del lado del servidor. Las ms conocidas son Java
EE, PHP, ASP.NET, Ruby on Rails, Django, Node.js
V

c
t
o
r

H
u
g
o

R
u
c
h
i
n
s
k
y

U
n
i
v
e
r
s
i
d
a
d

d
e

l
a

C
u
e
n
c
a

d
e
l

P
l
a
t
a

S
e
d
e

F
o
r
m
o
s
a

Programacin del lado del
servidor

Java Enterprise Edition (Java EE)
Tecnologa basada en Java
Desarrollada por una coalicin de empresas lideradas por
Oracle, IBM, Red Hat, etc..
Tecnologa muy usada a nivel empresarial
La mayora de las implementaciones y herramientas para
desarrollo son software libre
Las aplicaciones se ejecutan en servidores web implementados
en Java (Tomcat, Glassfish, JBoss, Jetty)
Estos servidores se integran en los servidores web Apache,
NginX e IIS http://www.oracle
V

c
t
o
r

H
u
g
o

R
u
c
h
i
n
s
k
y

U
n
i
v
e
r
s
i
d
a
d

d
e

l
a

C
u
e
n
c
a

d
e
l

P
l
a
t
a

S
e
d
e

F
o
r
m
o
s
a

Programacin del lado del
servidor
PHP
Desarrollado en 1994 por Rasmus Lerdorf
La tecnologa dispone de un lenguaje con tipos dinmicos
llamado PHP
Desarrollada por PHP Group con licencia libre PHP license
Es multiplataforma
Es una tecnologa multiplataforma que se integra bien con
servidores como Apache, NginX e IIS
Se puede usar Netbeans o Eclipse para su desarrollo
Facebook est implementado con PHP http://www.php.net/
V

c
t
o
r

H
u
g
o

R
u
c
h
i
n
s
k
y

U
n
i
v
e
r
s
i
d
a
d

d
e

l
a

C
u
e
n
c
a

d
e
l

P
l
a
t
a

S
e
d
e

F
o
r
m
o
s
a

Programacin del lado del
servidor
ASP.NET
Versin evolucionada del ASP clsico
Forma parte de la tecnologa .NET de Microsoft
Se utiliza el lenguaje C# (muy similar a Java)
Licencia propietaria y para plataformas Windows
Usando Mono se puede usar limitado en Linux
Se integra bien con el servidor IIS
El desarrollo se realiza con Visual Studio .NET
http://www.asp.net/
V

c
t
o
r

H
u
g
o

R
u
c
h
i
n
s
k
y

U
n
i
v
e
r
s
i
d
a
d

d
e

l
a

C
u
e
n
c
a

d
e
l

P
l
a
t
a

S
e
d
e

F
o
r
m
o
s
a

Programacin del lado del
servidor

V

c
t
o
r

H
u
g
o

R
u
c
h
i
n
s
k
y

U
n
i
v
e
r
s
i
d
a
d

d
e

l
a

C
u
e
n
c
a

d
e
l

P
l
a
t
a

S
e
d
e

F
o
r
m
o
s
a

Protocolo HTTP

El protocolo HTTP (Hyper-Text Transfer
Protocol) es un protocolo encargado de
transmitir documentos a travs de una
conexin TCP/IP
La capa externa de los servidores WEB es
HTTP
http://www.google.com.ar
http://www.bcra.gob.ar
V

c
t
o
r

H
u
g
o

R
u
c
h
i
n
s
k
y

U
n
i
v
e
r
s
i
d
a
d

d
e

l
a

C
u
e
n
c
a

d
e
l

P
l
a
t
a

S
e
d
e

F
o
r
m
o
s
a

La direccin nica de un documento en la World Wide Web se
denomina URL -Uniform Resource Locator- y se compone de
los siguientes elementos:

HTTP (Hyper Text Transfer Protocol), el protocolo de
intercambio de datos entre el cliente y el servidor.
La direccin Internet del servidor que difunde los
documentos. Esta direccin es nica en toda la red, es la
direccin TCP/IP de la mquina. Consta de una serie de
nmeros como 132.248.170.90, pero como son difciles de
memorizar, se utiliza una tabla DNS (Domain Name System)
que resuelve la relacin entre la direccin numrica y el
nombre simblico de la mquina y la red a la que pertenece
(pongamos un ejemplo ficticio: 142.246.150.60 es la direccin
de la mquina hipertexto.arsys.info en la que "hipertexto"
representa el nombre de la mquina e "arsys.info" el nombre
de la red). El rbol de directorios (ruta o camino) que
conduce al documento. El nombre del documento que tendr
siempre la extensin .html o .htm
V

c
t
o
r

H
u
g
o

R
u
c
h
i
n
s
k
y

U
n
i
v
e
r
s
i
d
a
d

d
e

l
a

C
u
e
n
c
a

d
e
l

P
l
a
t
a

S
e
d
e

F
o
r
m
o
s
a

Aplicaciones de Internet en
dispositivos mviles
Existen varios tipos de dispositivos mviles, pero los ms
populares son los telfonos mviles y las tabletas
Estos dispositivos suelen disponer de navegadores web
completos, por lo que pueden acceder a cualquier aplicacin
web
Debido a sus caractersticas (pequea pantalla y control tctil)
es recomendable que exista una versin adaptada de la
aplicacin web
Las aplicaciones nativas de las plataformas mviles se
implementan con diferentes tecnologas:
Android: Java con librera mvil (No estndar)
iPhone y iPad: ObjectiveC
Windows Phone: C# o VisualBasic
V

c
t
o
r

H
u
g
o

R
u
c
h
i
n
s
k
y

U
n
i
v
e
r
s
i
d
a
d

d
e

l
a

C
u
e
n
c
a

d
e
l

P
l
a
t
a

S
e
d
e

F
o
r
m
o
s
a

Aplicaciones de Internet en
dispositivos mviles

V

c
t
o
r

H
u
g
o

R
u
c
h
i
n
s
k
y

U
n
i
v
e
r
s
i
d
a
d

d
e

l
a

C
u
e
n
c
a

d
e
l

P
l
a
t
a

S
e
d
e

F
o
r
m
o
s
a

Aplicaciones de Internet en
dispositivos mviles
Muchas aplicaciones necesitan acceder a informacin en
Internet:
Redes sociales, chat, juegos online, etc
Existen diversos protocolos/tcnicas:
Sockets: Conexin TCP con el servidor
API REST: Uso del protocolo http, pero en vez de devolver
HTML+CSS, se devuelve informacin en XML o JSON
Websockets: Un hbrido entre ambas tcnicas
V

c
t
o
r

H
u
g
o

R
u
c
h
i
n
s
k
y

U
n
i
v
e
r
s
i
d
a
d

d
e

l
a

C
u
e
n
c
a

d
e
l

P
l
a
t
a

S
e
d
e

F
o
r
m
o
s
a

Aplicaciones de Internet en
dispositivos mviles
Las tcnicas ms habituales son:
API REST
websockets (ms reciente)
Arquitectura cliente/servidor:
La aplicacin (cliente) se implementa con la tecnologa nativa
de la plataforma
La implementacin del servidor es similar a un servidor en una
aplicacin web
V

c
t
o
r

H
u
g
o

R
u
c
h
i
n
s
k
y

U
n
i
v
e
r
s
i
d
a
d

d
e

l
a

C
u
e
n
c
a

d
e
l

P
l
a
t
a

S
e
d
e

F
o
r
m
o
s
a

Aplicaciones de Internet en
dispositivos mviles
Las tecnologas que se utilizan en el lado del cliente en el
desarrollo web son HTML, CSS y JavaScript
Se agrupan bajo el nombre de HTML5
Permiten el diseo de interfaces de usuario atractivos,
adaptados a diferentes resoluciones, interactivos, etc.
Funcionan en una gran cantidad de plataformas gracias a los
navegadores web (portables)
V

c
t
o
r

H
u
g
o

R
u
c
h
i
n
s
k
y

U
n
i
v
e
r
s
i
d
a
d

d
e

l
a

C
u
e
n
c
a

d
e
l

P
l
a
t
a

S
e
d
e

F
o
r
m
o
s
a

HTML

HTML (Hyper-Text markup Language) es un lenguaje de
descripcin de pginas derivado de otro mayor y ms
antiguo (SGML)
HTML no es ms que una serie de instrucciones que
permiten especificar las caractersticas visuales de un
documento
Se diferencia de otros lenguajes de descripcin de
pgina como PostScript o PDF en:
Tiene caractersticas hyper-texto (enlaces)
Se adapta a las preferencias del usuario (resolucin,
tamao de letra...). No pretende que el resultado sea
idntico.
http://www.plusnoticias.com/diarios/formosa.htm
V

c
t
o
r

H
u
g
o

R
u
c
h
i
n
s
k
y

U
n
i
v
e
r
s
i
d
a
d

d
e

l
a

C
u
e
n
c
a

d
e
l

P
l
a
t
a

S
e
d
e

F
o
r
m
o
s
a

Que es el Hipertexto? "Hipertexto es un
texto que no se limita a la linealidad".

"Un hipertexto es un modelo conceptual segn el cual los
elementos que forman parte de un conjunto de informaciones
se pueden organizar en forma de redes de elementos. El
propsito de un hipertexto es facilitar escrituras o lecturas no
secuenciales de la informacin. El concepto de hipertexto
siempre presupone un contexto informtico, bien un
contenido limitado a un nico ordenador y a sus dispositivos
de almacenamiento (microtexto) o bien ampliado al conjunto
de una red universal de ordenadores conectados a travs de
redes telemticas (macrotexto)".

V

c
t
o
r

H
u
g
o

R
u
c
h
i
n
s
k
y

U
n
i
v
e
r
s
i
d
a
d

d
e

l
a

C
u
e
n
c
a

d
e
l

P
l
a
t
a

S
e
d
e

F
o
r
m
o
s
a

El modelo de desarrollo de
aplicaciones WEB
Modelo de acceso a aplicaciones de
gestin y bases de datos, en una
arquitectura de 3 niveles:
El navegador web como cliente universal
El servidor web corporativo
Y el servidor de aplicaciones de gestin y
acceso a bases de datos
V

c
t
o
r

H
u
g
o

R
u
c
h
i
n
s
k
y

U
n
i
v
e
r
s
i
d
a
d

d
e

l
a

C
u
e
n
c
a

d
e
l

P
l
a
t
a

S
e
d
e

F
o
r
m
o
s
a

El modelo de desarrollo de
aplicaciones WEB
Interfaz o nivel de cliente, realizada por el servidor Web:
se encarga de la presentacin y captacin del
informacin, adems de contener ciertas reglas de
validacin de datos
Reglas de negocio, implementadas por el servidor de
aplicaciones: se encarga de gestionar los datos de
acuerdo a las funcionalidades previstas en el negocio
Acceso a datos o base de datos, gestionado por el
servidor de base de datos: se encarga de almacenar y
recuperar datos o el acceso a aplicaciones
V

c
t
o
r

H
u
g
o

R
u
c
h
i
n
s
k
y

U
n
i
v
e
r
s
i
d
a
d

d
e

l
a

C
u
e
n
c
a

d
e
l

P
l
a
t
a

S
e
d
e

F
o
r
m
o
s
a

Ventajas de las aplicaciones
Web
Las aplicaciones web tiene varias ventajas sobre las
aplicaciones tradicionales:
Compatibilidad
Las aplicaciones web utilizan el navegador del cliente como
intarfaz de usuario
El lenguaje HTML garantiza la compatibilidad en distingas
plataformas
Accesibilidad
Acceso remoto es un prerrequisito de diseo
Los dispositivos mviles estn generalmente soportados
Hay muchas soluciones a nivel de navegador para personas
con discapacidad: Lectores automticos de texto
Gran variedad de dispositivos de entrada (teclados, ratones)
Tamaos y colores de texto ajustables
V

c
t
o
r

H
u
g
o

R
u
c
h
i
n
s
k
y

U
n
i
v
e
r
s
i
d
a
d

d
e

l
a

C
u
e
n
c
a

d
e
l

P
l
a
t
a

S
e
d
e

F
o
r
m
o
s
a

Inconvenientes del HTML
Las arquitecturas y tcnicas en programacin Web buscan lo
siguiente:
Mxima compatibilidad con los navegadores (clientes
potenciales)
Eficiencia del lado del servidor (soportar el mximo nmero
de conexiones concurrentes)
Creacin de contenidos llamativos y dinmicos sin sacrificar
las dos anteriores.

HTML falla en este ltimo punto!!

V

c
t
o
r

H
u
g
o

R
u
c
h
i
n
s
k
y

U
n
i
v
e
r
s
i
d
a
d

d
e

l
a

C
u
e
n
c
a

d
e
l

P
l
a
t
a

S
e
d
e

F
o
r
m
o
s
a

Inconvenientes
Se necesitan lenguajes de programacin ms potentes que
permitan mini aplicaciones dentro de una
web, como pueden ser:
Changuito de la compra y comercio electrnico
Contador de visitas
Web Mail
Registro y entrada a un sistema
Transferencias y operaciones bancarias

V

c
t
o
r

H
u
g
o

R
u
c
h
i
n
s
k
y

U
n
i
v
e
r
s
i
d
a
d

d
e

l
a

C
u
e
n
c
a

d
e
l

P
l
a
t
a

S
e
d
e

F
o
r
m
o
s
a