Está en la página 1de 82

Clase 02

Aplicaciones web, una visin general


Cmo funciona el internet?

Aplicaciones Web - Una visin general


Aplicaciones web modernas
Perspectiva histrica
Caractersticas de las aplicaciones web

Aplicaciones web modernas


Cul es la importancia de las aplicaciones
web en el mundo moderno?
Son una portada al mundo, donde
compramos, encontramos noticias,
reservacin de habitaciones de hotel
Diseos responsivos y adaptativos
Es una manera para aprender cosas nuevas

Plataforma comn para conectar con


contenido.
Inversiones, transacciones bancarias
Entretenimiento como una de las
funcionalidades ms importantes de la web
Una herramienta de bsquedas
Todas las empresas en el mundo , pequeas
o grandes necesitan presencia en la web.

En el curso se aprender a construir una


arquitectura moderna de una aplicacin web.
Se pueden realizar anlisis de datos

https://www.google.com.pe/trends/

Perspectiva histrica
Cmo las aplicaciones web encajan en la
lnea de tiempo de las aplicaciones web?

Perspectiva histrica
La historia de las aplicaciones web es en
realidad una historia de la informtica.
Comienza con los orgenes de la computacin.
En esta lnea de tiempo, empezamos en 1945
que es cuando la computacin empieza.

La primera era desde 1945 hasta 1970, es la que


se conoce como la era militar de la informtica.
Los primeros ordenadores fueron utilizados en
gran medida para aplicaciones militares.
Al final de la segunda guerra mundial fueron
relevantes en criptografa.
Uno de los esfuerzos ms significativos en este
sentido fue llevado a cabo por Alan Turing. Que
est considerado el padre de la informtica.

El primer ordenador electrnico de propsito


general. Llamado ENIAC o integrador
numrico electrnico y calculador. Fue
desarrollado en la Universidad de Pensilvania
en 1946 y fue utilizado principalmente para
calcular tablas de artillera.

Arpanet se cre en 1969 en lo que fue un hito muy


importante ya que Arpanet fue el precursor de
internet.
Fue financiado por la agencia de proyectos de
investigacin avanzada de Estados Unidos.
Lo interesante de esta web es que estaba destinada a
ser capaz de sobrevivir a un ataque nuclear. Por lo que
fue diseada con una arquitectura altamente
distribuida.
Su naturaleza distribuida es una de las razones por las
cuales internet sigue como una red tan exitosa.

La siguiente era va desde 1970 hasta 1980. Y


es principalmente la era de los negocios para
la informtica.
En esta poca se empez a hacer uso de las
computadoras para cosas como: Inventarios,
nminas, de contabilidad, etc.
Estas computadoras eran muy caras, de forma
que la gente no podra permitirse poseer una.
Sino que slo la empresas podan tenerlas.

La siguiente era va desde aproximadamente,


1980 hasta 1990.
Nos referimos a este periodo como la era del
ordenador personal o PC.
En esta poca lleg a ser posible para un
particular comprar un ordenador.
En esta dcada, los ordenadores personales se
usan principalmente para las hojas de clculo y
aplicaciones de procesamiento de textos muy
sencillos.

Luego estos PC's, comenzaron a encontrar su


camino tambin en los negocios.
Una de las cosas ms importantes que sucedi en
trminos de internet, fue el desarrollo de
protocolos de internet TCP/IP, hoy todava en uso
y fueron desarrollados en 1982.
El ao 1981 es cuando el IBM PC fue lanzado en
este tipo de ecosistema, en torno a la
computadora personal que precedi a la creacin
de estos protocolos de internet.

Luego en 1989, Tim Berners, mientras


trabajaba en el CERN, concibi la idea de la
World Wide Web. Lo que dio lugar a la era que
se conoce como web 1.0.
En esta era Tim Berners cre el primer sitio
web. Y en el ao 1990, creo el primer servidor
que existi en internet.

Amazon fue creado en 1995.


Es importante remarcar que, en el ao 1993
haba 600 sitios de internet, que pasaron a ser
10.000 en 1994.
Posteriormente en Enero de 1996, el nmero
haba crecido hasta 100.000 sitios. Por lo que
internet estaba creciendo a un ritmo
exponencial estos aos.

Los sitios web en esta poca, eran bastante estticos y


simples.
Por otro lado, haba gran cantidad de sobrevaloracin
en empresas basadas en internet. Por lo que sus
acciones crecieron rpidamente, crendose una
burbuja de empresas.com.
Se arrastr a los mercados de valores a un colapso
final. Al final de sta era. Lo que hizo que los inversores
huyeran de estas empresas basadas en internet.
Google, por cierto, fue fundado durante esta poca.

La siguiente era de la computacin es la


llamada web 2.0.
Algunas personas en la industria llegaron a la
conclusin de que internet no estaba acabada.
Por que, aunque hubo algn accidente que
colaps los mercados. La web tom ms
importancia que nunca.
Y fue donde se crearon aplicaciones muy
interesantes que fueron apareciendo.

Se observ que las empresas que haban


sobrevivido al colapso, tenan algunas cosas en
comn.
Estaban creando experiencias de usuario ms
ricas. Estaban utilizando una tecnologa llamada
Ajax.
Estas empresas comenzaron a utilizar internet
como una plataforma. En otras palabras
prestaban servicios y usaban servicios web, como
parte de las aplicaciones que estaban creando.

Se fueron creando tambin efectos de la red a


partir de las contribuciones de los usuarios. Por
ejemplo podemos ver wikipedia como paradigma
de esto.
Los usuarios fueron capaces de unirse para
colaborar y crear aplicaciones que acabaron
teniendo un enorme valor en internet.
ste es el periodo de tiempo durante el cual, el
software se elev por encima del nivel de un slo
dispositivo. En otras palabras, por encima del
nivel de un ordenador personal.

Anteriormente importaba mucho qu tipo de


ordenador se tena. Si el software que se
ejecutaba o no en este equipo en particular, era
vlido.
Con la web todo esto empez a cambiar.
Particularmente con la web 2.0.
Parte de lo que pas durante este tiempo, es que
Facebook fue fundada.
Adems, la tecnologa Ajax, lleg a ser muy
utilizada. Utilizada por Google.

Y una de las cosas ms importantes en cuanto


a la computacin en nube, fue la computacin
elstica en la nube o EC2 de Amazon. Que fue
puesta a disposicin del pblico. Lo que
constituy el comienzo de la computacin en
nube.

La prxima era es la web 3.0.


El HTML5 fue liberado. El HTML5 est
estandarizado. Y crea una muy agradable
experiencia de usuario para aquellos que usen
aplicaciones web.
En 2012, internet tiene 634 millones de sitios
web de comercio electrnico y ventas
superiores a 100 mil millones de dlares en
todo el mundo.

En 2013, un ao despus, la web contiene 4


mil millones de pginas web.
Este fue el ao del inicio del diseo responsivo
o adaptativo, que se hizo muy popular para
crear diseos web que se adaptaban al tipo de
dispositivo desde el cual estaban usndose. El
diseo observado es diferente dependiendo
de si se est utilizando un ordenador de
sobremesa, por ejemplo, o un mvil.

En 2014 por primera vez las aplicaciones mviles


representaron ms de la mitad de tiempo de uso
y visualizacin de contenidos digitales.
Y tambin es este punto, el nmero de
dispositivos mviles conectados super al
nmero de personas en el mundo.
Esta tendencia es tan importante para la
informtica mvil. Que ahora Google impulsa el
ranking de pginas web, para mviles, amigables
y se llevan a cabo bsquedas desde un dispositivo
mvil.

Lo otro que est sucediendo en la web, tiene un


gran impacto en la revolucin de la informacin.
Se est formando lo que se llama la internet de
las cosas. Todo se puede conectar a internet y
esta tendencia se est volviendo muy poderosa.
Todos los electrodomsticos, frigorficos,
lavadoras, mquinas expendedoras. Todos los
dispositivos se pueden conectar en red y se
pueden construir aplicaciones ms y ms
sofisticadas si todo est conectado a internet.

Lo que est sucediendo a partir de sto, es


una web inteligente. Nos damos cuenta de
ello a medida que utilizamos determinados
servicios como Netflix. Recibir notificaciones
acerca de una pelcula que puede gustarle. Si
le gust sta, quiz querr ver la otra.
Est naciendo una nocin de web inteligente.

sta es una breve historia acerca de


computacin en internet. Que da una idea de
cmo las cosas han ido cambiando en este
tiempo.

Caractersticas de las aplicaciones web


Arquitecturas 1.0.
Se caracterizan por tener pginas web estticas. Y
aqu se tienen los primeros modelos de negocio
basados en la web.
Con pginas web estticas, nos referimos a sitios
web que simplemente muestran informacin con
muy poca interactividad por parte del usuario.
El primer navegador del mundo fue llamado
WorldWideWeb browser, que fue desarrollado
por Tim Berners-Lee en 1990.

La verdadera explosin de la popularidad de


las aplicaciones web, comenz con el
lanzamiento del primer navegador grfico, que
fue el Mosaic, este fue lanzado en 1992.
Mosaic, fue creado en el centro nacional para
aplicaciones de supercomputacin de la
Universidad Urbana-Champaign.

Muchos de los que trabajaron en el Mosaic,


ms tarde desarrollaron lo que se llam
Netscape Navigator. Que fue lanzado en 1994.
Esto tambin dio lugar a la primera empresa
basada en internet, que se llam Netscape.
Con el tiempo Netscape se convirti en el
navegador Mozilla Firefox, que muchos de
nosotros utilizamos hoy.

Hacia mediados de 1990, Microsoft entr en


este rea y se enzarz con Netscape en lo que
se llam la guerra de los navegadores.
Esto llev a la aparicin de Microsoft Internet
Explorer, como el navegador web
predominante durante este periodo.

La web 2.0, se caracteriz por unos sitios web


ms interactivos. Y esto permiti la aparicin
de cosas como las redes sociales, wikis como
wikipedia, comercio en lnea, y algunas
aplicaciones de colaboracin sencillas, con
algunas capacidades para compartir
documentos.
La tecnologa VHX, fue el principal elemento
facilitador de esta interactividad.

Lo que Ajax hace es permitir que las pginas web y las


aplicaciones web, cambien sus contenidos de forma
dinmica. Sin necesidad de recargar la pgina entera.
Esto hizo que las aplicaciones web fuesen mucho ms
sensibles. Es decir que se volvieron ms parecidas a las
aplicaciones de escritorio que los usuarios estn
acostumbrados a ver, cuando utilizan sus
computadoras personales, cuando interactan con una
aplicacin en un ordenador personal.
As que, tenemos por primera vez una lnea borrosa
entre aplicaciones web y aplicaciones de escritorio en
trminos de experiencia de usuario.

La web 3.0,
Vemos el surgimiento de la web inteligente. Lo
que implica computacin ubicua, donde los
dispositivos estn siempre conectados a internet.
Algunas de las cosas que la web inteligente
permite son los sistemas de recomendacin web,
la web semntica, donde la informacin
semntica se adjunta al contenido web. Para que
se pueda analizar ms convenientemente qu es
ese contenido.

Entornos web mucho ms mviles, amigables y la


internet de las cosas; lo que hemos comentado
anteriormente, donde todo se puede conectar a
internet. Cada dispositivo que se puede imaginar
se conecta a internet.
La web inteligente, se trata de un entorno, que
facilita la compresin de la informacin en la red.
Esto sucede adjuntando informacin a la pgina
web. Y este es el prometedor futuro que tenemos
ante nosotros en el desarrollo de aplicaciones
web.

cules son los catalizadores de las tecnologas


web 2.0 y web 3.0?
El primero de ellos es Ajax. En Ajax la A significa
asncrono. Lo que significa que el sitio web no se
bloquea y espera a que el contenido vuelva de un
servidor, sino que se puede seguir interactuando
con el sitio web, hasta que el contenido est
disponible. Y luego de forma asncrona se enva a
su navegador en el momento. La X de Ajax, viene
de XML, pero hoy en da es ms comn el uso de
JSON.

JavaScript es de donde viene la J.


En la actualidad el trmino Ajax, no es un
acrnimo sino que se entiende como entrega
asncrono de contenidos.
La interoperabilidad de servicios en red o
redes. Es otro factor que ha generado el
crecimiento de las arquitecturas 2.0 y 3.0 y de
la capacidad de utilizar servicios de otros sitios
web.

Lo siguiente es la computacin en nube o la capacidad


de tener plataformas e infraestructuras de software
como capacidades de servicio.
Vemos el surgimiento de Amazon, web services y este
tipo de empresas. Que permiten a los usuarios usar
con facilidad los servicios de tecnologas de
informacin que son externos en su propio entorno de
operaciones. Esto facilit mucho el crecimiento de
aplicaciones web.
Y unas muy potentes plataformas mviles. Los
telfonos mviles que ahora tenemos, equivalen a las
supercomputadores de hace slo un par de dcadas.

Ahora vemos capacidades, como localizacin de


telfonos mviles y este tipo de cosas. Que han hecho
que la web 2.0 y la web 3.0 sean mucho ms ricas.
Luego estn los metadatos. Los datos asociados entre
diferentes sitios web y el procesamiento mquina de la
informacin por parte de agentes inteligentes, que se
cree que es el futuro de las aplicaciones en red.
Luego de nuevo, los dispositivos habilitados para la
red. Desde el timbre de la puerta de su casa, a su
refrigerador, su coche, todo est rehabilitado para su
conexin a la red, a medida que avanzamos.

Cmo funciona internet?

Cmo funciona internet?


Conceptos de redes
La internet
Temas de actualidad de internet

Conceptos de redes
qu es una red?
Muchas personas imaginan que la red es una
nube, pero hay muchas cosas dentro de ella.
Tpicamente, una red contiene una serie de
ordenadores entre los cuales puede haber
porttiles, mquinas de sobremesa, y muchos
otros dispositivos. Por ejemplo, una
impresora.

El objetivo de la red es conectar todas estas cosas juntas


entre ellas, a travs de un conmutador.
Incluso puede existir un dispositivo inalmbrico y un punto
de acceso inalmbrico aadido al conmutador que permite
interconectar estos dispositivos.
El protocolo que se utiliza tpicamente se llama Ethernet.
La forma en que esto funciona. es que en cada mquina de
esta red haya algo llamado direccin fsica o direccin MAC,
que puede encontrarla en su ordenador.
La MAC es nica, cada dispositivo del mundo tiene su
direccin fsica diferente. Por ejemplo, una impresora tiene
su direccin fsica.

As es como los dispositivos se comunican, se envan


tramas de informacin desde un dispositivo hacia otro.
Y qu es lo que tiene esta trama? La trama es
bsicamente una particin de informacin que se enva
sobre al canal de comunicacin.
Qu aspecto tiene?

Cuando la informacin se enva a la red


alcanza el conmutador, el cual conoce lo que
est conectado a este, y sabe dnde
encaminar esta trama.
El conmutador debe ser lo suficientemente
inteligente como para enrutar correctamente
todas las tramas provenientes de los
diferentes dispositivos cuando los estn
enviando a la vez.

Todos los componentes de la red pueden ser


llamados nodos.
Incluso, los dispositivos inalmbricos se
pueden representar como conectados
fsicamente al conmutador debido a que el
carcter inalmbrico o almbrico de la
conexin no es relevante, el conmutador
funciona igualmente en todos los dispositivos.

Hay algunos protocolos asociados con las


redes como el TCP/IP.
Hay 4 capas en esta pila de tecnologas, que
van desde el hardware de red hacia la
aplicacin web en el otro extremo,

Las 4 capas que tenemos aqu son la interfaz


de red, la capa de transporte, la capa de
aplicacin, donde vive su aplicacin, y luego
hay unos cuntos protocolos y servicios que
viven en cada una de estas capas.
El que trabaja con redes locales se llama
protocolo de Ethernet.

La internet

Cmo va un mensaje de un nodo a otro?

Se fragmenta el mensaje en paquetes

Cada paquete puede tomar una direccin


diferente.
EL paquete tiene que atravesar una serie de
enrutadores para llegar al nodo destino, as
como tambin por dispositivos como los
cortafuegos.
Existen un numero considerable de
enrutadores y cortafuegos en la internet.

Protocolos asociados a internet

Temas de actualidad de internet

La neutralidad
Es el principio de que todo el trfico de Internet se debe
tratar por igual, es decir, que los proveedores de servicios
de Internet y los gobiernos deben tratar todos los datos de
la misma forma, no discriminando o tarifando de forma
diferente a diferentes usuarios, contenidos, plataformas
web, aplicaciones o el tipo de equipo conectado o el modo
de comunicacin.
Esto significa que la neutralidad de la red obliga a que, por
ejemplo, Netflix no puede cobrar a los usuarios ms, para
proveerles mayor ancho de banda, o Comcast no puede
ralentizar las conexiones de red de los que tienen sitios de
intercambio de archivos.

Seguridad y privacidad.
Con esta cantidad cada vez mayor y ms valiosa de
informacin disponible, a travs de transacciones de
tarjetas de crdito y de banca por Internet, de
informacin de Facebook,
cmo aseguramos que la privacidad de los datos y
garantizamos que personas malintencionadas no
puedan utilizar esta informacin para explotarnos o
extorsionarnos?
Los ciberataques a particulares y empresas o gobiernos
son algunos de los mayores problemas a los que nos
enfrentamos.

Computacin en nube.
La computacin en nube est cambiando la forma en la
que desarrollamos aplicaciones web.
Tipo de informtica basada en Internet, con recursos
compartidos de computacin y almacenamiento,
Software proporcionado bajo demanda, donde usted
paga por lo que utiliza y los servicios automticamente
escalados de acuerdo a sus necesidades.
Le permite evitar el coste inicial de infraestructura, que
en el pasado hizo muy difcil de construir y mantener
aplicaciones web.

Big data.
Con la gran cantidad de datos que pueden recogerse de
todo tipo de sensores, incluyendo Internet de las cosas, de
lo que hemos hablado, ahora tenemos una capacidad sin
precedentes para analizar datos y descubrir nuevos hechos.
Esto permite a las compaas tomar decisiones de negocio
ms informadas, pero esto tambin permite la recogida de
datos sobre cmo las personas estn navegando por
Internet.
As que se pueden dirigir hacia estos usuarios y hacerles
ofertas publicitarias individualizadas de productos y
servicios tambin.