ARQUITECTURA

WEB
CAPITULO 1
Introduccin

Con la introduccin del Internet y del Web, se han

abierto una infinidad de posibilidades en cuanto al
acceso a la informacin desde casi cualquier sitio.

Esto representa un desafo para los

desarrolladores de aplicaciones, ya que los
avances en tecnologa demandan cada vez
aplicaciones ms rpidas, ligeras y robustas que
permitan utilizar el Web.

Hasta el da de hoy, lo ms importante en el

desarrollo de aplicaciones Web han sido las
herramientas.
Introduccin

Poco se ha dicho sobre el proceso de desarrollo.

La fcil creacin de pginas HTML (cdigo

para el desarrollo de pginas web) y en general
de sitios Web, usando herramientas simples,
ha hecho que el desarrollo de este tipo de
aplicaciones se haga sin un trabajo serio de
anlisis y diseo.

Las aplicaciones Web, al igual que otras

aplicaciones, necesitan mtodos formales de
anlisis y diseo.
Conceptos Fundamentales
Captulo 1
Tecnologa

Es el estudio, diseo, desarrollo, innovacin puesta en

prctica, ayuda o gerencia de los sistemas informticos
computarizados, particularmente usos del software y
hardware . Ejemplo: ASP.Net, Smart tv.

Cubre muchos campos y puede incluir:

Gerencia de datos

Establecimiento de redes informticas, ejemplo wi-fi

Diseo de los sistemas de la base de datos

Diseo del software

Sistemas de informacin de gerencia

Gerencia de sistemas
QUE ES TCP/IP Y COMO
FUNCIONA?

Un protocolo, es un conjunto de reglas y estndares que controlan la

secuencia de mensajes que ocurren durante una comunicacin entre
entidades que forman una red, como telfonos o computadoras.

TCP(Transmission Control Protocol)/IP (Internet Protocol) es un

protocolo de conexin de redes.

Es un protocolo abierto, lo que significa que se publican todos los

aspectos concretos del protocolo y cualquiera los puede implementar.

TCP/IP esta diseado para ser un componente de una red,

principalmente la parte del software.

Se tienen que atener todas la compaas y productos de software con l

fin de que todos sus productos sean compatibles entre ellos.

Una red TCP/IP transfiere datos mediante el ensamblaje de bloque

de datos en paquetes. Cada paquete comienza con una cabecera
que contiene informacin de control, tal como la direccin del destino,
seguida de los datos. Cuando se enva un archivo a travs de una
red TCP/IP, su contenido se enva utilizando una serie de paquetes
diferentes.
QUE ES TCP/IP Y COMO
FUNCIONA?
Pueden implementarse en hardware o software
La comunicacin entre el navegador y el servidor se realiza mediante HTTP.
La transmisin efectiva de informacin la controla TCP/IP.
Software Libre

El software libre se refiere a la libertad de los

usuarios para ejecutar, copiar, distribuir, y estudiar
el mismo, e incluso modificar el software y
distribuirlo modificado.

No libre implica por lo general que el usuario

slo tendr derecho a ejecutar el software bajo
ciertas condiciones, comnmente fijadas por el
proveedor.

El software libre suele estar disponible

gratuitamente, o al precio de costo de la
distribucin a travs de otros medios; sin embargo
no es obligatorio que sea as, por lo tanto no hay
que asociar software libre a "software gratuito"
(denominado usualmente freeware).
Direccin IP

Es una etiqueta numrica que identifica, de manera lgica y jerrquica,

a un interfaz (elemento de comunicacin/conexin) de un dispositivo
(habitualmente una computadora) dentro de una red que utilice el protocolo
IP (Internet Protocol).

Cada ordenador conectado a Internet (=Host) debe tener una direccin

para poder recibir los paquetes TCP.

La direccin IP puede cambiar muy a menudo por cambios en la red o

porque el dispositivo encargado dentro de la red de asignar las direcciones
IP decida asignar otra IP.

Los sitios de Internet que por su naturaleza necesitan estar

permanentemente conectados generalmente tienen una direccin IP fija
(comnmente, IP fija o IP esttica). Esta no cambia con el tiempo.

Los ordenadores se conectan entre s mediante sus respectivas direcciones

IP.
Direccin IP

Las direcciones IPv4 se expresan por un nmero binario de 32 bits,

permitiendo un espacio de direcciones de hasta 4.294.967.296 (2
32
)
direcciones posibles.

La direcciones IPv6 est compuesta por 128 bits, puede implementarse

con 2
128
(3.410
38
hosts direccionables).

La ventaja con respecto a la direccin IPv4 es obvia en cuanto a su

capacidad de direccionamiento.

Las direcciones IP son nmeros de 32 bits separados en cuatro

partes (por ejemplo, 156.35.94.5)

Cada uno va de 0 a 255; esto nos da un total de 2

32
direcciones (algo
ms de cuatro mil millones)
Internet Web

Internet es un conjunto
descentralizado de
redes de comunicacin
interconectadas que utilizan
la familia de protocolos
TCP/IP, garantizando
que las redes fsicas
heterogneas que la
componen funcionen como
una red lgica nica, de
alcance mundial.

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 esas
pginas usando hiperenlaces.

Universo de informacin interconectada,

accesible a travs de internet.
Internet World wide web
Hipertexto es un sistema para escribir y mostrar texto que enlaza a informacin
adicional sobre ese texto. El hipertexto es texto con conexiones
Aplicacin Informtica

Es un programa que permite a un usuario utilizar una

computadora con un fin especfico. Las aplicaciones son
parte del software de una computadora, y suelen ejecutarse
sobre el sistema operativo.

Una aplicacin software puede tener como objetivo: explorar

el disco duro, editar textos, jugar (un juego es un tipo de
aplicacin), etc.

Una aplicacin que posee mltiples programas se considera

un paquete.

Ejemplos: Internet Explorer, Outlook, Word, Excel, etc.

Aplicacin Web

Una aplicacin web es cualquier aplicacin informtica

que es accedida va web por una red como internet o una
intranet.

Programas informticos que son ejecutados en el entorno

del navegador, confindose en el navegador web para que
reproduzca la aplicacin.

La facilidad de mantener y actualizar dichas aplicaciones

sin la necesidad de distribuir e instalar un software en,
potencialmente, miles de clientes.

Ejecutadas en mltiples plataformas.

Ejemplos de aplicaciones web

Gmail, Twitter y facebook son aplicaciones web.
Cul es la diferencia entre un sitio
Web y una pgina web?

Es un conjunto
de archivos
llamados
pginas web.

Es el nombre de un documento o
informacin electrnica adaptada para
la World Wide Web y que puede ser
accedida mediante un navegador .

Puede proporcionar navegacin a otras

pginas web mediante enlaces de
hipertexto.

Es parte de un sitio web y es un nico

archivo con un nombre de archivo
asignado.

Las pginas web pueden estar

almacenadas en un equipo local o un
servidor web remoto.
Sitio web
Pgina web/ Pgina
electrnica
Ejemplos de sitio web

Si lo comparramos con un libro, un sitio web sera el

libro entero y una pgina web de ese sitio web sera
un captulo de ese libro.

El ttulo del libro sera el nombre del dominio del sitio

web.

Un captulo, al igual que una pgina web, tiene un

nombre que lo define. Decimos que sera un captulo y
no una pgina del libro porque a menudo es necesario
desplazarse hacia bajo en la pantalla para ver todo el
contenido de una pgina web, al igual que en un libro
te desplazas a travs de varias pginas para ver todo
el contenido de un captulo.

El ndice de los captulos del libro sera el equivalente

al mapa del sitio web (sitemap en ingls).
Ejemplos de sitio web

Un portal de Internet es un sitio web que ofrece

al usuario, de forma fcil e integrada, el acceso a
una serie de recursos y de servicios relacionados
a un mismo tema. Incluye: enlaces, buscadores,
foros, documentos, aplicaciones, compra
electrnica, etc. Principalmente un portal en
Internet est dirigido a resolver necesidades de
informacin especfica de un tema en particular.

Blog es un sitio web peridicamente actualizado

que recopila cronolgicamente textos o artculos
de uno o varios autores, apareciendo primero el
ms reciente, donde el autor conserva siempre la
libertad de dejar publicado lo que crea pertinente
Explorador Web.

Un Explorador Web, Navegador o Browser es un programa

que permite visualizar pginas web en la red adems de
acceder a otros recursos, documentos almacenados y guardar
informacin.

Protocolo HTTP (Hypertext Transfer Protocol), es el protocolo

usado en cada transaccin de la World Wide Web.

El Navegador se comunica con el servidor a travs del

protocolo HTTP y le pide el archivo solicitado en cdigo
HTML, despus lo interpreta y muestra en pantalla para el
usuario.

Algunos Navegadores vienen integrados en el SO como

Internet Explorer en Windows.

Algunos navegadores Web.

Amaya, Epiphany, Galeon, Konqueror, Lynx, Mozilla suite

navigator, Mozilla Firefox,

Netscape Navigator, Opera, Safari, Shiira, Maik Navigator.

Protocolo HTTP

Cuando en el lado del cliente se ingresa una url (http:/

/www.ejemplo.com) en el navegador, se establece
una comunicacin con el puerto 80 del Servidor Web
(www.ejemplo.com) y se establece el protocolo de transferencia
(http) debido a que el url empez con (http). La conexin durar
durante el tiempo de transferencia de la informacin para cargar la
pgina web, luego proceder a cerrar la conexin automticamente
y volver a establecer conexin cuando se vuelva a solicitar una
peticin.
Arquitectura web

Arquitectura de sitios web, Arquitectura de

aplicaciones web o simplemente arquitectura web.

Define una serie de tareas que requiere

conocimientos tcnicos de construccin,
funcionales y de diseo para sitios o pginas web.

La construccin de pginas web requiere

de diferentes sistemas integrados entre s:
servidores, bases de datos, organizacin de la
informacin, etc..

El diseo y construccin de pginas web se centra

en el usuario y sus requerimientos.
.NET Framework

La tecnologa empleada en el desarrollo de aplicaciones est en

continuo cambio.

Primer cambio el paso de la programacin en MSDOS a la

programacin Windows (Win16, interfaz de programacin de
aplicaciones de Windows), el segundo cambio, las aplicaciones Win32,
y el tercer cambio que Microsoft llama .NET Framework o .NET.

Contiene miles de clases que se utilizan cuando se construye

una aplicacin, como la clase Random que permite generar un
numero aleatorio. Casi 13000 clases, cada clase puede incluir
propiedades, mtodos y eventos.

Framework = Armazn, es un marco en donde nuestras

aplicaciones corrern. Las aplicaciones ya no corren
directamente bajo el sistema operativo si no que corren bajo
este armazn o marco.

Es un componente de software que puede ser o es incluido

en los sistemas operativos Microsoft Windows.
.NET Framework

Provee soluciones pre-codificadas para requerimientos

comunes de los programas y gestiona la ejecucin de
programas escritos especficamente para este framework.

.NET podra considerarse una respuesta de Microsoft al

creciente mercado de los negocios en entornos Web.

.NET es una plataforma de desarrollo y ejecucin de

aplicaciones. Esto quiere decir que no slo nos brinda todas
las herramientas y servicios que se necesitan para desarrollar
modernas aplicaciones empresariales y de misin crtica, sino
que tambin nos provee de mecanismos robustos, seguros y
eficientes para asegurar que la ejecucin de las mismas sea
ptima.

Arquitectura .NET Framework

Los componentes principales son: un entorno de ejecucin de

aplicaciones, tambin llamado Runtime, que es un componente
de software cuya funcin es la de ejecutar las aplicaciones .NET e
interactuar con el sistema operativo ofreciendo sus servicios y recursos.

Un conjunto de bibliotecas de funcionalidades y controles reutilizables,

con una enorme cantidad de componentes ya programados listos para
ser consumidos por otras aplicaciones.
.NET Framework

Un conjunto de lenguajes de programacin de alto nivel,

junto con sus compiladores y linkers, que permitirn el
desarrollo de aplicaciones sobre la plataforma .NET.

Un conjunto de utilitarios y herramientas de desarrollo para

simplificar las tareas ms comunes del proceso de desarrollo
de aplicaciones.

Documentacin y guas de arquitectura, que describen las

mejores prcticas de diseo, organizacin, desarrollo, prueba
e instalacin de aplicaciones .NET

Visual Studio

Conjunto de herramientas de desarrollo basadas en componentes

y otras tecnologas para compilar aplicaciones eficaces de alto
rendimiento.

Entorno de desarrollo integrado (IDE) para sistemas operativos

Windows.

Soporta varios lenguajes de programacin tales como Visual C++,

Visual C#, Visual J#, y Visual Basic .NET, al igual que entornos de
desarrollo web como ASP.NET.

Visual Studio permite a los desarrolladores crear aplicaciones,

sitios y aplicaciones web, as como servicios web en cualquier
entorno que soporte la plataforma .NET.
Visual Studio

Visual Studio 2012 es la ltima versin.

Microsoft ofrece gratuitamente las Express Editions.

Estas ediciones son iguales al entorno de desarrollo comercial

pero sin caractersticas avanzadas.

Visual Basic Express Edition, Visual C# Express Edition

Visual Web Developer Express Edition (para programar en

ASP.NET)

Una versin reducida de MS SQL Server llamada SQL Server

Express Edition.

Dependiendo de las herramientas que estemos

seleccionando, tendremos que pagar o no licencias.

Las versiones Standard/Profesional/Ultimate tendremos que

pagar licencias.
Red de ordenadores.

Una red de computadoras es un conjunto de

equipos informticos y software conectados
entre s por medio de dispositivos fsicos que
envan y reciben impulsos elctricos, ondas
electromagnticas o cualquier otro medio
para el transporte de datos, con la finalidad
de compartir informacin, recursos y ofrecer
servicios.
Cliente

El cliente es una aplicacin informtica o

un computador que consume un servicio
remoto en otro computador, conocido como
servidor, normalmente a travs de una red de
telecomunicaciones.
Servidor

Un servidor es una computadora con gran capacidad de

almacenamiento y velocidad, conectada las 24 horas del
da, de modo que permite a los administradores de la
pgina y a los usuarios acceder al sitio web.

Un servidor no necesariamente es un superordenador,

puede ser una aplicacin informtica o programa que
realiza algunas tareas en beneficio de otras aplicaciones
llamadas clientes.
Host

De forma general un anfitrin es todo equipo

informtico que posee una direccin IP y que
se encuentra interconectado con uno o ms
equipos.

Comnmente descrito como el lugar donde

reside un sitio web.

El trmino host es usado en informtica para

referirse a las computadoras conectadas a
una red, que proveen y utilizan servicios de
ella
Modelo Cliente-servidor

El modelo Cliente-servidor no necesariamente

implica tener dos ordenadores, ya que un
proceso cliente puede solicitar algo como una
impresin a un proceso servidor en un mismo
ordenador.
Tipos de Servidores

Servidor de impresiones: controla una o ms impresoras y acepta

trabajos de impresin de otros clientes de la red, poniendo
en cola los trabajos de impresin o dando prioridad a las
impresiones.

Servidor de archivos: es el que almacena varios tipos de archivos

y los distribuye a otros clientes en la red.
.
Servidores Web

Servidor web o
servidor HTTP:
almacena
documentos HTML,
imgenes, archivos
de texto, escrituras,
y dems material
Web compuesto por
datos (conocidos
colectivamente
como contenido),
y distribuye este
contenido a clientes
que la piden en la
red.
.
Servidores Web

Un servidor web programa informtico que procesa

una aplicacin del lado del servidor realizando
conexiones bidireccionales y/o unidireccionales y
sncronas o asncronas con el cliente generando
o cediendo una respuesta en cualquier lenguaje o
Aplicacin del lado del cliente.

El cdigo recibido por el cliente suele ser compilado y

ejecutado por un navegador web.

Para la transmisin de todos estos datos suele

utilizarse algn protocolo. Generalmente se utiliza el
protocolo HTTP.

El trmino tambin se emplea para referirse al

ordenador que ejecuta el programa.
.
Servidores Web

Algunos ejemplos:

CERN httpd

Apache (Libre, servidor ms usado del mundo)

IIS

Resin

Tomcat (Libre, del proyecto Jakarta de Apache)

Geronimo (Libre, orientado a J2EE, del proyecto

Jakarta de Apache, actualmente se encuentra en
desarrollo)

JBoss

JOnAS

Cherokee
.
Servidor Proxy

Servidor proxy: realiza un cierto tipo de funciones a nombre de

otros clientes en la red para aumentar el funcionamiento de ciertas
operaciones (p. ej. depositar documentos u otros datos que se
soliciten muy frecuentemente), tambin proporciona servicios
de seguridad, o sea, incluye un cortafuegos (Firewall). Permite
administrar el acceso a internet en una red de computadoras
permitiendo o negando el acceso a diferentes sitios Web.
.
Servidor Proxy

En una red informtica, es un programa o dispositivo que realiza una

accin en representacin de otro.

Si una computadora A solicita un recurso a una C, lo har mediante

una peticin a B; C entonces no sabr que la peticin procedi
originalmente de A. Esta situacin estratgica de punto intermedio suele
ser aprovechada para soportar una serie de funcionalidades: proporcionar
cach, control de acceso, registro del trfico, prohibir cierto tipo de trfico,
etc.

Intercepta las conexiones de red que un cliente hace a un servidor

de destino, por varios motivos posibles como seguridad, rendimiento,
anonimato, etc.

Firewall: Los cortafuegos pueden ser implementados en hardware o

software, o una combinacin de ambos, se utilizan para evitar que los
usuarios de Internet no autorizados tengan acceso a redes privadas
conectadas a Internet, especialmente intranets
.
A B C
Servicio Web y IIS

La W3C define "Servicio web" como un sistema de software

diseado para permitir interoperatibilidad mquina a mquina en
una red. En general, los servicios web son slo APIs Web que
pueden ser accedidas en una red, como internet, y ejecutadas en
un sistema de hosting remoto.

IIS, Internet Information Services o IIS es un servidor web y un

conjunto de servicios para el sistema operativo Microsoft Windows.
Los servicios que ofrece son: FTP, SMTP, NNTP y HTTP/HTTPS

FTP (Transfer Protocol, 'Protocolo de Transferencia de Archivos')

en informtica, es un protocolo de red para la transferencia de
archivos entre sistemas conectados a una red TCP, basado en la
arquitectura cliente-servidor. Desde un equipo cliente se puede
conectar a un servidor para descargar archivos desde l o para
enviarle archivos, independientemente del sistema operativo
utilizado en cada equipo.
.
SMTP

Simple Mail Transfer Protocol (SMTP) (Protocolo para la

transferencia simple de correo electrnico), utilizado para el
intercambio de mensajes de correo electrnico entre computadoras
u otros dispositivos. Este protocolo posee algunas limitaciones
en cuanto a la recepcin de mensajes en el servidor de destino,
otorgando a SMTP la tarea especfica de enviar correo, y recibirlos
empleando otros protocolos (POP o IMAP).
.
HTTPS, NNTP

Hypertext Transfer Protocol Secure (Protocolo seguro de transferencia

de hipertexto), ms conocido por sus siglas HTTPS, es un protocolo de
aplicacin basado en el protocolo HTTP, destinado a la transferencia
segura de datos de Hipertexto, es decir, es la versin segura de http.

Es utilizado principalmente por entidades bancarias, tiendas en lnea, y

cualquier tipo de servicio que requiera el envo de datos personales o
contraseas.

Network News Transport Protocol (NNTP) protocolo para la

transmisin de noticias en red, utilizado para enviar, distribuir y
recuperar mensajes de USENET. (red de usuarios)
.

Otero Sebastin, Maglione Carla, Arquitectura Web,

Competencias en TIC, <http://competenciastic.educ.ar/
arquitectura_web_1.html >, pdf, [6/27/2013].

Tanenbaum, Andrew S. Redes de Computadoras, 4 edicin.

Pearson Educacin. ISBN 9789702601623.

W3C, What is HTML,1997, <http://www.w3.org/TR/html401/intro/

intro.html#h-2.2>, [27/6/2013].

Mas adelante, Definicin de Sitio web y Pgina web, http://

www.masadelante.com/faqs/sitio-web, [28/6/2013]
Bibliografa
Bibliografa

Otero Sebastin, Maglione Carla, Arquitectura Web,

Competencias en TIC, <http://competenciastic.educ.ar/
arquitectura_web_1.html >, pdf, [6/27/2013].

Tanenbaum, Andrew S. Redes de Computadoras, 4 edicin.

Pearson Educacin. ISBN 9789702601623.

W3C, What is HTML,1997, <http://www.w3.org/TR/html401/

intro/intro.html#h-2.2>, [27/6/2013].

Mas adelante, Definicin de Sitio web y Pgina web, <http://

www.masadelante.com/faqs/sitio-web>, [28/6/2013]
Bibliografa

Microsoft, Visual Studio, <http://msdn.microsoft.com/es-es/

library/vstudio/52f3sw5c(v=vs.100).aspx>, [1/7/2013]

ALEGSA, Diccionario Informtica, <http://www.alegsa.com.ar/

Diccionario/diccionario.php>, Santa Fe Argentina, [1/7/
2013].