Universidad Nacional de Ingeniera Regin Central Juigalpa

Diseo de Sistemas de Internet

Viernes 24 de noviembre del 2017

Asignatura: Diseo de Sistemas de Internet
Ao: V Turno: Sabatino
Docente: Elier Rocha
Unidad II: Tecnologas Web
Contenidos:
1. Perspectiva Histrica de Internet
2. Caractersticas de los sitios Web, empleados en Internet
3. Clasificacin de los sitios Web
4. Protocolo HTTP (protocolo de transferencia de hipertexto)
a. Arquitectura del WWW
b. Urls y acceso a recursos
c. Mtodos http de Persistencia
d. SSL (socket secure Layer)
e. HTTPS
5. Tecnologa de Programacin Web
a. Lenguajes de programacin del lado del Cliente
b. Lenguajes de programacin del lado del Servidor
6. Servicios Requeridos para las aplicaciones Web
a. Servicio DNS
b. Servicio de alojamiento Web

1) Perspectiva Histrica de Internet

En un principio las pginas web eran slo texto, pero a medida que ha evolucionado la
tecnologa, tanto los ordenadores como las redes de telecomunicaciones, se ha generado
nuevas formas de desarrollar la web.
La inclusin de imgenes fue la evolucin ms significativa, pero tambin debemos
mencionar el video y la animacin, o los espacios 3D, lo que aporta valores estilsticos,
de diseo y de interactividad jams imaginados antes.
El diseo de pginas web se ha desarrollado a medida que ha evolucionado Internet. En
1992 slo haba alrededor de 50 sitios web. Las ltimas estadsticas nos confirmaban
que actualmente rondan los 8.000 millones de sitios web, a los que diariamente se les
suma a raz de 4400 por da.
Rpidamente, su importancia alcanzar las mismas cotas que la televisin o el telfono.
Datos recientes estiman que hay alrededor de 2 mil millones de pginas colgadas y se
espera que en los prximos aos llegue a los 8 mil millones, excediendo el nmero de
habitantes del planeta. Sin embargo, slo una fraccin de este nmero es visitado
habitualmente por la mayora de los usuarios (slo alrededor de 15.000 sitios webs, el
0,4% del total).
A partir de estos datos se puede entender la necesidad de concentrar los esfuerzos para
atraer y mantener la atencin de los usuarios. Junto con un desarrollo efectivo de la

1
 Universidad Nacional de Ingeniera Regin Central Juigalpa
Diseo de Sistemas de Internet

estructura web y del contenido, el diseo y el uso del color son la llave para atraer y ser
identificado, formando vnculos en el subconsciente del usuario y generar esquemas
para captar y fidelizar a nuevos visitantes.
Al mismo tiempo que la evolucin de los aparatos y de su introduccin en los hogares,
tambin ha aumentado la calidad de las transmisiones a travs internet y ha bajado su
precio. A medida que la tecnologa ha solventado estas dificultades, ya no nos
encontramos con problemas de forma sino de contenido.
2) Caractersticas de los sitios Web, empleados en Internet
a. Sitios ligeros que descarguen rpidamente.
b. Sitios responsive
c. Sitios con tecnologas nuevas
d. Sitios con animaciones, mapas, imgenes , videos.
e. El formato y estilo de los diferentes elementos estn centralizados en un solo
archivo, de tal forma que el navegador solamente lo tiene que leer una vez.
f. Elementos tcnicos que facilitan la indexacin en buscadores de Internet:
g. Inclusin de Metatags Description y Keywords.
h. Informacin bien redactada sin intentos de engaar a los buscadores de Internet.
i. Uso de etiquetas H1 a H6 para ttulos.
j. Imgenes optimizadas para que pesen menos.
k. No utilizan marcos (frames). Esto evita algunos posibles errores de visualizacin
en el navegador y facilita la impresin.
l. No utilizan Flash cuando no agregue valor. Los buscadores de Internet y algunos
smartphones y tabletas no pueden leer el texto en Flash.
m. En la mayora de los casos utilizan un ancho fijo (no expandible a todo lo ancho
de la pantalla) porque facilita la lectura.
n. Utilizacin de tipos de letra fcilmente legibles y una herramienta para permitir
crecer el texto. Existe una estimacin de que el 75% de los adultos utiliza algn
tipo de anteojos para corregir la visin.
o. Todas las pginas cuentan con un URL absoluto. Esto es, cada pgina tendr una
direccin distinta y nica en la barra de direcciones de tu navegador (puede
parecer obvio, pero hay sitios web que no funcionan as). Hacindolo
correctamente, es posible para el visitante aadir tu pgina a favoritos o enviar
una liga a un producto determinado por e-mail.
p. De manera opcional se utilizan la migaja (breadcrumb) en todas las pginas.
Ejemplo: Usted est en: Inicio > Servicios > Consultora.
q. Se apegan a estndares de desarrollo para garantizar que el sitio web pueda ser
visualizado en todos los navegadores, como Internet Explorer, Firefox, Safari,
Chrome y Opera tanto en computadoras Windows como Mac.
r. Establecen contacto con el visitante mediante formularios y una herramienta de
chat en lnea.
s. Para romper la monotona de grandes cantidades de texto, utilizan fotografas
propias o de stock.
t. Utilizan de Google Analytics o alguna otra herramienta para medir los ingresos
al sitio web.

2
 Universidad Nacional de Ingeniera Regin Central Juigalpa
Diseo de Sistemas de Internet

u. No tratan de engaar a los buscadores de Internet mediante repeticiones

exageradas de palabras, utilizacin del mismo color de texto y fondo, o alguna
otra tctica indeseable.
v. No utilizan un lenguaje muy tcnico ya que lo posibles clientes no son
necesariamente expertos en el tema.
w. Mantiene los textos breves y concisos.
x. Incluyen alguna seccin (o blog) en la que se publiquen artculos generados por
tu empresa sobre el tema que domina. Esto ayuda a que tu pgina sea ms
relevante para los buscadores, adems de que te conviertes en una fuente de
informacin confiable para tus clientes y posibles clientes.

3) Clasificacin de los sitios Web

Los sitios se pueden clasificar de muchas maneras. Cada tipo de sitio tiene unas
caractersticas y limitaciones propias. Una buena organizacin es vital para conseguir
los objetivos del Sitio.
Vamos a ver diferentes formas de clasificar los sitios:
Por su audiencia.
Pblicos: Es un Web Site normal, una pgina dirigida al pblico general, sin
restricciones de acceso en principio.
Extranet: Son Sitios limitados por el tipo de usuarios que pueden acceder, por ejemplo,
los proveedores de una empresa determinada, o los clientes.
Intranet: Son sitios cuyo acceso est restringido a una empresa u organizacin,
normalmente funcionan dentro de redes privadas, aunque no siempre es as.
Por su dinamismo
Aqu encontramos sitios interactivos y sitios estticos:
Sitios Interactivos: El usuario puede influir sobre el contenido del sitio que variar en
funcin de cada usuario y de los objetivos de ste. Normalmente, las pginas se generan
cuando el usuario las solicita, personalizando la informacin que se le ofrece.
Sitios estticos: Los usuarios no pueden modificar o aadir nada al sitio, de cuyos
contenidos se encargan exclusivamente sus diseadores.
Por su apertura
Estructuras abiertas, cerradas y semicerradas:
Estructura abierta: Todos los documentos disponen de su direccin y los usuarios
pueden acceder a cualquier punto del WebSite.
Estructura cerrada: Limita el acceso a unos pocos puntos de entrada (incluso a uno
slo). Un ejemplo sera un sitio que requiere un registro previo para entrar, el usuario
siempre tendra que pasar primero por el registro antes de poder acceder al resto de la
pgina.

3
 Universidad Nacional de Ingeniera Regin Central Juigalpa
Diseo de Sistemas de Internet

Estructura semicerrada: A medio camino entre ambas, obliga a los usuarios a acceder
por unos puntos especficos, como por ejemplo slo la pgina principal y las pginas de
entrada a las secciones ms importantes.
Por su profundidad
Basada en el nmero de enlaces que hay que pulsar para llegar al contenido. En general
los usuarios prefieren sitios poco profundos. Una buena regla a seguir es que el usuario
no tenga que pulsar ms de 3 enlaces para encontrar lo que busca.
Por sus objetivos
Comerciales: Estn creados para promocionar los negocios de una empresa. Su
finalidad es econmica. Su audiencia puede estar formada por clientes (actuales y
potenciales), inversores (actuales y potenciales), empleados (actuales y potenciales) e
incluso la competencia y los medios de comunicacin. Podemos a su vez dividirlas en
Corporativas (Informan sobre la empresa) y Promocionales (promocionan productos).
Informativos: Su finalidad principal es distribuir informacin. La audiencia de este tipo
de sitios depende del tipo de informacin que distribuyen.
Ocio: Aunque normalmente son sitios con una finalidad econmica, son un caso
especial. No son sitios fciles de crear ni de mantener y a veces siguen reglas propias;
puesto que a veces es ms importante sorprender al usuario con innovaciones que
mantener la consistencia y la estructura.
Navegacin: Su finalidad es ayudar al usuario a encontrar lo que busca en Internet.
Dentro de este grupo se sitan los llamados portales, que intentan abarcar prcticamente
todo dentro del propio sitio.
Artsticos: Son un medio de expresin artstica de su creador o creadores. Este tipo de
sitios suele saltarse todas las convenciones y las nicas normas a aplicar son las que el
propio artista o artistas deseen.
Personales: Al igual que los anteriores, son un medio de expresin de su creador o
creadores. Sus objetivos y su audiencia pueden ser de lo ms variopinto. Dentro de este
grupo puede haber de todo desde colecciones de fotos de la familia hasta tratados
cientficos de primer orden.
VARIEDADES DE TIPOS WEB.
Existen muchas variedades de sitios web, cada uno especializndose en un tipo
particular de contenido o uso, y ellos pueden ser arbitrariamente clasificados de muchas
maneras. Unas pocas clasificaciones pueden incluir:
Sitio archivo: usado para preservar contenido electrnico valioso amenazado con
extincin. Dos ejemplos son: Internet Archive, el cual desde 1996 ha preservado
billones de antiguas (y nuevas) pginas web; y Google Groups, que a principios de 2005
archivaba ms de 845.000.000 mensajes expuestos en los grupos de noticias/discusin
de Usenet, tras su adquisicin de Deja News.

4
 Universidad Nacional de Ingeniera Regin Central Juigalpa
Diseo de Sistemas de Internet

Sitio weblog (o blog o bitcora digital): sitio usado para registrar lecturas online o para
exponer contenidos en lnea con la fecha del da de ingreso; tambin puede incluir foros
de discusin. Ejemplos: Blogger, LiveJournal, WordPress.
Sitio de empresa: usado para promocionar una empresa o servicio.
Sitio de comercio electrnico: para comprar bienes, como Amazon.com.
Sitio de comunidad virtual: un sitio o portal social donde las personas con intereses
similares se comunican unos con otros, normalmente por chat o foros o simples
mensajes. Por ejemplo: MySpace, Facebook, Hi5, Orkut, Habbo, Multiply, Quepasa.
Sitio de Base de datos: un sitio donde el uso principal es la bsqueda y muestra de un
contenido especfico de la base de datos, como por ejemplo Internet Movie Database.
Sitio de desarrollo: un sitio con el propsito de proporcionar informacin y recursos
relacionados con el desarrollo de software, diseo web, etc.
Sitio directorio: un sitio que contiene contenidos variados que estn divididos en
categoras y subcategoras, como el directorio de Yahoo!, el directorio de Google, y el
Open Directory Project.
Sitio de descargas: estrictamente usado para descargar contenido electrnico, como
software, juegos o fondos de escritorio: Download, Tucows, Softonic, Baulsoft.
Sitio de juego: un sitio que es propiamente un juego o un patio de recreo donde
mucha gente viene a jugar, como MSN Games, Minijuegos.com, Pogo.com y los
MMORPGs VidaJurasica, Planetarion y Kings of Chaos.
Sitio de informacin: contiene contenido que pretende informar a los visitantes, pero
no necesariamente de propsitos comerciales; tales como: Free Internet Lexicon y
Encyclopedia. La mayora de los gobiernos e instituciones educacionales y sin nimo de
lucro tienen un sitio de informacin.
Sitio de noticias: Similar a un sitio de informacin, pero dedicada a mostrar noticias y
comentarios de la actualidad.
Sitio pornogrfico: muestra imgenes y vdeos de contenido sexual explcito.
Sitio de promocin web: usado para promocionar otras pginas webs por medio de
publicacin de artculos de opinin.
Sitio buscador: un sitio que proporciona informacin general y est pensado como
entrada o bsqueda para otros sitios. Un ejemplo puro es Google, y el tipo de buscador
ms conocido es Yahoo!.
Sitio shock: incluye imgenes u otro material que tiene la intencin de ser ofensivo a la
mayora de visitantes.
Sitio de subastas: subastas de artculos por internet, como eBay.
Sitio personal: Mantenido por una persona o un pequeo grupo (como por ejemplo
familia) que contiene informacin o cualquier contenido que la persona quiere incluir:
Facebook, Fotolog.

5
 Universidad Nacional de Ingeniera Regin Central Juigalpa
Diseo de Sistemas de Internet

Sitio portal: un sitio web que proporciona un punto de inicio, entrada o portal, a otros
recursos en Internet o una intranet.
Sitio Web 1.0: un sitio web esttico. Un sitio donde el visitante slo puede recorrer sus
pginas sin posibilidad de interactuar con ellas.
Sitio Web 2.0: un sitio web interactivo. Un sitio donde el visitante puede hacer ms
cosas que recorrer sus pginas, en concreto, extraer informacin en la forma y criterios
que estime oportuno y conveniente.
Sitio Web 3.0: un sitio web inteligente. Un sitio que reconoce al usuario y muestra una
dinmica en funcin de sus gustos, preferencias, historial, el momento y el estado de
nimo en que se encuentre. Slo est disponible en muy contadas redes privadas. Para
Internet an se est desarrollado pero se encuentra posiblemente en fases muy
incipientes (fase de definicin). Los sistemas de inteligencia artificial y de interaccin
hardware lo hacen tecnolgicamente posible aunque nos encontramos todava lejos de
su implementacin a gran escala.
Creador de sitios: es bsicamente un sitio que permite crear otros sitios, utilizando
herramientas de trabajo en lnea, como PageCreative.
Sitio colaborativo o Wiki: un sitio donde los usuarios editan colaborativamente, donde
los propios visitantes son los responsables de mantener la aplicacin viva, usando
tecnologas de ltima generacin: pikeo, flickr, Wikipedia.
Sitio poltico: un sitio web donde la gente puede manifestar su visin poltica. Ejemplo:
New Confederacy.
Sitio de rating: un sitio donde la gente puede alabar o menospreciar lo que aparece.
Sitios educativos: promueven cursos presenciales y a distancia, informacin a
profesores y estudiantes, permiten ver o descargar contenidos de asignaturas o temas.
Sitio spam: sitio web sin contenidos de valor que ha sido creado exclusivamente para
obtener beneficios y fines publicitarios, engaando o pretendiendo engaar a los
motores de bsqueda.
4) Protocolo HTTP (protocolo de transferencia de hipertexto)
El Protocolo de Transferencia de HiperTexto (Hypertext Transfer Protocol) es un
sencillo protocolo cliente-servidor que articula los intercambios de informacin entre
los clientes Web y los servidores HTTP. Fue propuesto por Tim Berners-Lee,
atendiendo a las necesidades de un sistema global dedistribucin de informacin como
el World Wide Web.
Desde el punto de vista de las comunicaciones, est soportado sobre los servicios de
conexin TCP/IP, y funciona de la misma forma que el resto de los servicios comunes
de los entornos UNIX: un proceso servidor escucha en un puerto de comunicaciones
TCP (por default, el 80), y espera las solicitudes de conexin de los clientes Web. Una
vez que se establece la conexin, el protocolo TCP se encarga de mantener la
comunicacin y garantizar un intercambio de datos libre de errores.

6
 Universidad Nacional de Ingeniera Regin Central Juigalpa
Diseo de Sistemas de Internet

HTTP se basa en sencillas operaciones de solicitud/respuesta. Un cliente establece una

conexi con un servidor y enva un mensaje con los datos de la solicitud. El servidor
responde con un mensaje similar, que contiene el estado de la operacin y su posible
resultado. Todas las operaciones pueden adjuntar un objeto o recurso sobre el que
actan; cada objeto Web (documento HTML, Archivo multimedia o aplicacin CGI) es
conocido por su URL.
HTTP se utiliza para transmitir recursos, que incluyen adems de archivos, el resultado
de la ejecucin de un programa, una consulta a una base de datos, la traduccin
automtica de un documento, etc. Para un servidor HTTP, los recursos son o bien
archivos, o bien el resultado de la ejecucin de un programa.
Arquitectura del WWW
La arquitectura del WWW se puede ver desde dos puntos de vista Arquitectura fsica y
Arquitectura lgica.
Arquitectura Fsica. Dentro de la arquitectura fsica podemos mencionar los diferentes tipos de
redes:

Computadoras personales (PCs)

Redes de rea local (LANs)
Redes de rea global (WANs)
Arquitectura Lgica
Normalmente en Internet se usa la arquitectura cliente-servidor. Este tipo de organizacin se
basa en que: entre todos los computadores que estn en la red, unos ofrecen servicios (los
llamados servidores) y otros usan esos servicios (los denominados clientes). Cuando el cliente
est viendo estas pginas, est accediendo a un servicio que les ofrece el servidor de pginas
WEB. Los sistemas cliente-servidor estn construidos de tal modo que la base de datos puede
residir en el servidor y ser compartida entre todos los usuarios.
La arquitectura de Internet a nivel lgico est estructurada por lo que se conoce como capas de
servicio.
Modelo OSI de 7 capas:
1. Capa fsica: La Capa Fsica del modelo de referencia OSI es la que se encarga de las
conexiones fsicas de la computadora hacia la red, tanto en lo que se refiere al medio fsico
(medios guiados: cable coaxial, cable de par trenzado, fibra ptica y otros tipos de cables;
medios no guiados: radio, infrarrojos, microondas, lser y otras redes inalmbricas);
2. Capa de datos: La capa de enlace de datos se ocupa del direccionamiento fsico, de la
topologa de la red, del acceso a la red, de la notificacin de errores, de la distribucin ordenada
de tramas y del control del flujo.
3. Capa de red: El cometido de la capa de red es hacer que los datos lleguen desde el origen al
destino, an cuando ambos no estn conectados directamente. Los dispositivos que facilitan tal
tarea se denominan enrutadores, aunque es ms frecuente encontrar el nombre ingls routers.
4. Capa de transporte: Su funcin bsica es aceptar los datos enviados por las capas superiores,
dividirlos en pequeas partes si es necesario, y pasarlos a la capa de red, tambin se asegura que
lleguen correctamente al otro lado de la comunicacin.

7
 Universidad Nacional de Ingeniera Regin Central Juigalpa
Diseo de Sistemas de Internet

5. Capa de Sesin: Esta capa es la que se encarga de mantener el enlace entre los dos
computadores que estn trasmitiendo archivos, ofrece varios servicios que son cruciales para la
comunicacin, como son:
6. Capa de presentacin: El objetivo de la capa de presentacin es encargarse de la
representacin de la informacin, de manera que aunque distintos equipos puedan tener
diferentes representaciones internas de caracteres (ASCII, Unicode, EBCDIC), nmeros (little-
endian tipo Intel, big-endian tipo Motorola), sonido o imgenes, los datos lleguen de manera
reconocible.
7. Capa de aplicacin: Ofrece a las aplicaciones (de usuario o no) la posibilidad de acceder a los
servicios de las dems capas y define los protocolos que utilizan las aplicaciones para
intercambiar datos, como correo electrnico (POP y SMTP), gestores de bases de datos y
servidor de archivos (FTP).
Urls y acceso a recursos

URL (Uniform Resource Locator Localizador de recursos uniforme)

En la Web existe un sinnmero de objetos, a los que se puede acceder mediante una variedad
de protocolos. Para poder abstraer la idea de objeto genrico, se necesita disponer de
conceptos que den sentido a nombres y direcciones en la Web. Un Identificador Universal de
Recursos (URI) es un miembro de este conjunto universal de nombres, un Localizador
Uniforme de Recursos (URL), es bsicamente un caso particular de URI que expresa una
direccin, mapeada a un algoritmo de recuperacin del objeto que usa protocolos de
comunicacin a travs de la red. Por ltimo, un Nombre Uniforme de Recursos (URN) es algo
que an est en debate y que pretende definir un espacio de nombres para etiquetar objetos
persistentes.
Un recurso es cualquier cosa distinguible. Por ejemplo, un documento electrnico, una imagen,
un servicio, etc. Un recurso es, bsicamente, un concepto que puede mapearse a una o a
varias entidades, y que puede permanecer constante a pesar de ver alterados sus contenidos.
La razn por la que es necesario uniformizar identificadores, localizadores y nombres, es la
gran cantidad de protocolos usados hoy en da para encontrar y recuperar recursos en la red.
Los sistemas en los que se distribuye toda la informacin alcanzable utilizan una variedad
de plataformas y formatos en constante evolucin, que de no ser por los protocolos y
convertidores de formato adecuados, no podran ofrecer el acceso global que se da hoy en da.
Sin embargo, esto no es posible de realizar al nivel de direcciones y nombres de los objetos,
dado que son usados para identificarlos y distinguirlos. Adems, estos nombres y direcciones
son transmitidos de las ms diversas maneras, desde memorndums hasta hipertextos, por lo
que debe suponerse que estos identificadores tendrn una larga existencia.
El formato de una URL bsica es el
siguiente: Protocolo://host.dominio.dominiodelprimernivel/directorio/recurso
Protocolo. Un protocolo es, bsicamente, un lenguaje que utilizan las mquinas conectadas
para comunicarse entre ellas. Con esto le indicamos a la mquina a la que nos conectamos el
protocolo que debe usar. Dependiendo de este, probablemente tengamos que usar un programa
distinto. Cada protocolo utiliza un puerto (una especie de entrada a la mquina) por default, y
es a ese al que, en principio nos conectar al indicarle ese protocolo en la URL.
Host. La palabra Host hace referencia a cualquier clase de mquina conectada a la red y, por
extensin, a su nombre.

8
 Universidad Nacional de Ingeniera Regin Central Juigalpa
Diseo de Sistemas de Internet

Dominio. Se llama dominio al nombre que tiene en Internet una mquina o red de ellos.
Una red puede contener a su vez a otras redes detro de ella (esto es lo que hace que se llame a
Internet La red de redes). Si este fuera el caso, podramos encontrarnos con nombres como
subred.red.granred.com que nos indicaran, de izquierda a derecha, qu red se encuentra
dentro de la siguiente.
Dominio de primer nivel. Todos los nombres de dominio, independientemente de si
se refieren a una mquina o a una red de ellas, acaban con el llamado domino de primer nivel.
Este es el nombre que indica, en principio, cul es la ocupacin de la red (como son los casos,
por ejemplo, de .com para empresas o actividades comerciales y .org para organizaciones) o a
qu pas pertenecen las autoridades que han otorgado ese nombre (por ejemplo, .es para Espaa,
.mx para Mxico o .de para Alemania).
Directorio. Se utiliza para localizar el archivo concreto, dentro de esa mquina, que queremos
ver.
Recurso. se llama recurso a cualquier cosa que puedas encontrar en una mquina. Recurso es
una pgina Web, una imagen o un programa para descargar. Pero tambin es un recurso el
resultado de ejecutar un programa en una mquina remota o la imagen de una webcam. La
mayora de recursos que se pueden encontrar en la Web son, evidentemente, pginas.
Los protocolos utilizados ms comunes son los siguientes:
FTP (File Tranfer Protocol). El protocolo FTP es uno de los ms utilizados en Internet,
ya que permite transferir archivos entre dos mquinas utilizando una conexin
Internet. El protocolo dispone de una serie de formas estandarizadas por las que una mquina
remota puede crear y cambiar directorios en la mquina local, as como transferir, copiar, mover
y borrar Archivos. En realidad FTP utiliza comandos de texto plano para indicar las
diversas rdenes, pero existen multitud de programas que simplifican su utilizacin mediante
una interfaz grfica en la que las operaciones de transferencia se reducen a procesos de cortar y
pegar y en las que recorrer el rbol de directorios de la mquina remota es tan fcil como utilizar
el navegador en la propia mquina.
SMTP (Simple Mail Transfer Protocol). Protocolo encargado de transmitir los mensajes
de correo de un servidor a otro. Una vez que los mensajes estn en el servidor de destino
se utiliza otro protocolo (POP) para llevarlo a la mquina del cliente final.
POP (Post Office Protocol). Es el protocolo que permite a un usuario leer el correo que llega
a su servidor. Es un protocolo para las comunicaciones Servidor a Usuario. Cuando recibimos
un e-mail queda almacenado en el servidor hasta que conectamos con l mediante el cliente de
correo y nos autentificamos (proporcionamos un nombre de usuario y contrasea
correctos). Despus de esto POP es utilizado para transferir los datos desde el servidor al buzn
de correo entrante de nuestra propia mquina. Eventualmente una vez recibida la copia es
posible ordenar al servidor que borre los Archivos originales.
IRC (Internet Relay Chat). Es un protocolo de comunicacin en tiempo real basado
en texto, que permite debates en grupo o entre dos personas y que est clasificado dentro
de la Mensajera instantnea. Es un sistema de charlas ampliamente utilizado por personas de
todo el mundo. Los usuarios del IRC utilizan una aplicacin cliente para conectarse con un
servidor, en el que funciona una aplicacin IRCd (IRC Daemon o servidor de IRC) que gestiona
los canales y las conversaciones.
Telnet. Es un servicio que permite registrarse en un servidor y acceder a sus
diferentes recursos. Los investigadores aprecian mucho este servicio cuando buscan
informacin sobre libreras y archivos. Telnet es especialmente importante en la conexin

9
 Universidad Nacional de Ingeniera Regin Central Juigalpa
Diseo de Sistemas de Internet

con informacin almacenada en macrocomputadoras. El servicio de Telnet tiene su

propio protocolo llamado: Telnet. No es posible buscar un servidor de Telnet a travs de
los proveedores de servicios en lnea. Para buscar a un servidor de Telnet, se debe
establecer una sesin.
WWW. El Wold Wide Web (WWW)
Mtodos http
Los mtodos que utiliza el protocolo http son los siguientes:
1. GET: se utiliza para recuperar el contenido de un recurso esttico (pgina HTML,
imagen, vdeo, etc), o bien ejecutar un programa o script en el servidor (como programas
CGI, pginas ASP, JSP, PHP, etc.). Es la operacin ms comn, que se lanza cada vez
que pulsamos en un enlace y navegamos a una pgina web.
2. HEAD: es una operacin especial que tan slo nos recupera informacin del recurso, como el
tamao, la fecha de modificacin, tipo, etc. Lo suelen utilizar los navegadores o servidores para
comprobar el estado de su cach u otras operaciones.
3. POST: enva informacin desde el cliente al servidor web, como pueden ser los datos de un
formulario.
4. PUT: almacena recursos en el servidor.
5. DELETE: borra recursos del servidor.
Persistencia en http

Uno de los problemas clsicos en el desarrollo de web sites y aplicaciones web es la

perdida de persistencia cuando el usuario pasa de una pgina a otra. Debido a las
caractersticas de diseo del protocolo HTTP que fuerza una nueva conexin y
desconexin por cada request no es posible saber quien est accediendo a que pgina o
en que lugar esta cada usuario del sitio. Mantener persistencia a lo largo de la navegacin
del sitio ha sido uno de los temas ms complejos e importantes en el desarrollo de
aplicaciones web.

Uno de los mecanismos ms usados para mantener persistencia es el mecanismo de

cookies, inventado por Netscape y hoy en da aceptado por casi todos los browsers, en
especial los ms populares. El concepto es que mediante un header del protocolo HTTP
el server pueda almacenar informacin en el cliente. A esta informacin que el server
guarda en el cliente se la denomina cookie. Las cookies pueden habilitarse o
deshabilitarse desde el browser por lo que algunos usuarios no lo soportan, son de uso
bastante general en muchos sitios web a punto tal que en algunos sitios si el usuario no
tiene habilitadas las cookies prcticamente no puede utilizar la mayora de los servicios
del sitio. Cuando el server enva un header con un cookie el browser, si acepta cookies,
guarda la informacin enviada en un archivo de texto con un formato especial.

Cada vez que el browser solicita una pgina del dominio que envi la cookie reenvia la
cookie al sitio, de esta forma es posible mantener persistencia. La informacin que puede
guardarse en una cookie esta limitada por lo que habitualmente se utiliza la misma para
mantener el identificador de sesin del usuario almacenndose el resto de los datos
necesarios en el servidor usando la session id de la cookie como clave.

10
 Universidad Nacional de Ingeniera Regin Central Juigalpa
Diseo de Sistemas de Internet

Los usos ms frecuentes de las cookies son:

Llevar el control de usuarios: cuando un usuario introduce su nombre de usuario

y contrasea, se almacena una cookie para que no tenga que estar introducindo las
para cada pgina del servidor. Sin embargo una cookie no identifica a una persona, sino
a una combinacin de computadora y navegador.

Ofrecer opciones de diseo (colores, fondos, etc) o de contenidos al visitante.

Conseguir informacin sobre los hbitos de navegacin del usuario, e intentos

de spyware, por parte de agencias de publicidad y otros.

Cuando las cookies han caducado, estas no son enviadas al navegador; por lo tanto, la
caducidad de las cookies puede ser pensada como un lmite de tiempo en el que una de
ellas puede ser usadas. La cookie puede luego ser renovada despus de que este lmite
haya pasado. Algunos sitios prefieren que las cookies caduquen en tiempos ms cortos
por razones de seguridad. Las cookies no se envan al navegador si ellas estn bajo estas
condiciones:

Al finalizar una sesin de usuario: por ejemplo, cuando se cierra el navegador (si esta
no es persistente)
Se ha fijado una fecha de caducidad y esta ha pasado.
La fecha de caducidad es cambiada a una fecha anterior (por el servidor)
Esta se borra por orden del usuario

SSL (socket secure Layer)

La empresa Netscape Communication crea en la dcada de los 90 el protocolo estndar

SSL, un procedimiento para proporcionar comunicaciones seguras en una red.
Es un protocolo criptogrfico que proporciona confidencialidad, autenticidad e
integridad en una comunicacin cliente/servidor.
Cmo establecer una comunicacin segura con SSL?
SSL Handshake protocol
Facilita la negociacin de parmetros de seguridad para facilitar la confidencialidad,
integridad y autenticidad en una comunicacin entre cliente y servidor
SSL Record protocol
Especifica la forma de encapsular los datos transmitidos y recibidos, incluidos los de
negociacin.
Ejemplo negociacin bsica autenticacin servidor
1. El cliente enva un mensaje ClientHelloespecificando la versin ms alta del
protocolo TLS soportada, un nmero aleatorio y una lista de algoritmos de
autenticacin, cifrado y MAC (Message Authentication Code), as como
algoritmos de compresin
2. El servidor responde con un mensaje ServerHello, indicando la versin del
protocolo seleccionado (la ms alta que soporten cliente y servidor), un nmero

11
 Universidad Nacional de Ingeniera Regin Central Juigalpa
Diseo de Sistemas de Internet

aleatorio, los algoritmos que selecciona de los enviados por el cliente y su

certificado digital (mediante un mensaje Certificate) para autenticarle.
3. El cliente verifica el certificado del servidor, tpicamente mediante una autoridad
de confianza o PKI. A continuacin el cliente responde con un mensaje
ClientKeyExchange, el cual contiene una PreMasterSecret(un nmero secreto),
con informacin para generar la clave de sesin. Si se utiliza el algoritmo RSA
este mensaje ir cifrado con la clave pblica del servidor y este nmero aleatorio
generado por el cliente ser de 48 bytes.
4. El cliente y el servidor usan los nmeros aleatorios intercambiados y
laPreMasterSecret(el servidor necesita utilizar su clave privada para
recuperarla). Con estos datos calculan un secreto comn, denominado
mastersecret. Todas las sub claves de la conexin sern derivadas de sta
mediante la funcin seudo aleatoria establecida
5. El cliente ahora enva un registro ChangeCipherSpeceindica al servidor que a
partir de ese momento toda la informacin intercambiada ser autenticada y, si
as lo estableci el servidor, cifrada.
6. Finalmente, el cliente enva un mensaje Finished firmado y cifrado, conteniendo
un hash y MAC de los mensajes negociados anteriormente,
7. El servidor intentar descifrar el mensaje Finished enviado por el cliente y
verifica el hash y el MAC. Si el descifrado o la verificacin falla, la conexin no
tiene lugar.
8. Si todo va bien, el servidor enva un ChangeCipherSpec indicando al cliente que
a partir de ese momento todo lo que le enve estar firmado y, si fue negociado,
tambin cifrado. El servidor enva su mensaje Finished firmado y cifrado,
validndolo el cliente, conteniendo un hash y MAC de los mensajes negociados
anteriormente. 9.Finaliza la fase de negociacin, pudiendo intercambiar
mensajes cliente y servidor autenticados y cifrados (si as fue establecido).
Usos del SSL
Comercio electrnico y banca online
Securizar redes privadas virtuales (OpenVPN)
Autenticacin y cifrado de datos VoIP

HTTPS (Hypertext Transfer Protocol Secure))

Se deriva del protocolo http con la nica diferencia de que este protocolo ya est cifrado para
que la comunicacin en internet sea segura. La forma de realizar esto es a travs de un
certificado digital que emiten ciertas organizaciones de seguridad (Verisign, MCFee) el cual se
le aade a esa direccin web.

12
 Universidad Nacional de Ingeniera Regin Central Juigalpa
Diseo de Sistemas de Internet

5) Tecnologa de Programacin Web

Lenguajes de programacin del lado del Cliente
Los lenguajes de programacin del lado cliente se usan para su integracin en pginas
web. Un cdigo escrito en un lenguaje de script se incorpora directamente dentro de un
cdigo HTML y se ejecuta interpretado, no compilado.
Con la programacin del lado del cliente se pueden validar algunos de los datos en la
mquina cliente antes de enviarlos al servidor. Esto proporciona a los usuarios informes
de error inmediatos, mientras siguen en esa pgina de formulario y sin necesidad de
volver atrs tras recibir un mensaje de error. Puede resultar necesario acceder a una base
de datos para validar determinados valores, mientras que no suele disponer de un acceso
directo a la base de datos en la mquina del cliente, aunque ese acceso a la base de datos
es factible.
Para incorporar un fragmento de cdigo script en una pgina HTML se introduce el
script entre los tags <SCRIPT> y </SCRIPT>. Dos son los lenguajes de script
que hay en la actualidad: el VBScript (derivado de Visual Basic) y el JavaScript
(derivado de Java).
Vbscript (Visual Basic Script): Es un lenguaje de script, directamente
derivado de Visual Basic. Para insertar cdigo VBScript en una pgina HTML se
aade al tag <SCRIPT> el parmetro LANGUAGE=VBScript , que
determina cul de los lenguajes de script se utiliza. Decimos que los lenguajes de
script se ejecutan interpretados, no compilados. Esto significa que un cdigo escrito en
un lenguaje de script no sufre ninguna transformacin previa a su
ejecucin. Cada lnea de cdigo es traducida a lenguaje mquina justo antes de su
ejecucin. Despus es ejecutada y la traduccin no se conserva en ningn sistema
de almacenamiento (como discos, cintas, etc.). Si es necesaria otra ejecucin,
el intrprete se ver abocado a realizar una nueva traduccin de cada lnea de cdigo.
Sin embargo, el lenguaje Visual Basic, del cual deriva el VBScript, es un leguaje

13
 Universidad Nacional de Ingeniera Regin Central Juigalpa
Diseo de Sistemas de Internet

compilado. Esto significa que un cdigo en Visual Basic sufre un proceso global de
traduccin a lenguaje mquina. Todo el cdigo es traducido de una sola
vez y el resultado de esa traduccin se almacena en el disco con la ex
tensin .EXE. Cuando llega el momento de la ejecucin, se ejecuta el cdigo
compilado, no el cdigo original del programa (llamado cdigo nativo o cdigo fuente).
Cada sistema tiene sus ventajas e inconvenientes.
Las ventajas e inconvenientes de la interpretacin son:
El cdigo es cmodo para depurar, ya que no es necesario volver a compilar
tras un cambio.
No es necesario disponer de un compilador, ya que el intrprete (que forma
parte del navegador) ejecuta el script.
El mantenimiento es fcil y rpido, por parte del autor o de otro
programador.
La ejecucin se ralentiza, al ser necesaria la interpretacin lnea a lnea cada
vez.
El cdigo es visible y puede ser objeto de plagio por parte de otras personas.
El usuario tiene acceso al cdigo y puede modificarlo, estropeando alguna
operacin.
Las ventajas e inconvenientes de la compilacin son:
El cdigo compilado se ejecuta muy rpido, al no ser necesaria una
traduccin cada vez.
El cdigo compilado no puede ser abierto por otras personas. No es
necesario transmitir el cdigo fuente.
El cdigo compilado puede estar, ntegramente, incluido en un solo fichero.
Es necesario disponer de un compilador-linkador para el proceso de la
compilacin.
El cdigo compilado suele ocupar bastante en disco, ya que incorpora en el
propio cdigo algunas libreras del sistema.
Depurar un programa implica volver a compilar tras los cambios.
El cdigo en VBScript puede, adems, estar diseado para su ejecucin en el lado del
cliente o en el del servidor. La diferencia es que un cdigo que se ejecuta en el lado del
servidor no es visible en el lado del cliente. Este recibe los resultados, pero no el cdigo.
El cdigo que se debe de ejecutar en el lado del servidor estar incluido en la pgina
web correspondiente entre los tags <% y %>. Adems, habr que renombrar la pgina
para aplicarle la extensin .asp (Active Server Page -pgina activa en servidor-).
Un ejemplo de una sencillsima pgina web que incluye cdigo VBScript:
<HTML>
<HEAD>
<TITLE>Cuadro de mensaje</TITLE>
</HEAD>

14
 Universidad Nacional de Ingeniera Regin Central Juigalpa
Diseo de Sistemas de Internet

<BODY>
<SCRIPT LANGUAGE = VBScript>
MSGBOX (Ejemplo de mensaje)
</SCRIPT>
</BODY>
</HTML>
Este cdigo incluye la instruccin MSGBOX (Cuadro de mensaje), que genera en
pantalla lo siguiente:
JavaScript:
JavaScript es un lenguaje de scripts compacto basado en objetos (y no orientado a
objetos). Originariamente era denominado LiveScript, y fue desarrollado por Netscape
para su navegador Netscape Navigator 2.0. Fue ste el primer cliente en incorporarlo. Se
ejecuta sobre 16 plataformas diferentes, incluyendo los entornos de Microsoft.
Las diferentes versiones de JavaScript han sido finalmente integradas en un estndar
denominado ECMAScript-262. Dicho estndar ha sido
realizado por la organizacin ECMA dedicada a la estandarizacin de
informacin y sistemas de comunicacin. Las versiones actuales de los navegadores
soportan este estndar. JavaScript permite la
realizacin de aplicaciones de propsito general a travs de la
WWW y aunque no est diseado para
el desarrollo de grandes aplicaciones es suficiente para la implementacin de
aplicaciones WWW completas o interfaces WWW hacia otras ms complejas.
Por ejemplo, una aplicacin escrita en JavaScript puede ser incrustada en un documento
HTML proporcionando un mecanismo para la deteccin y tratamiento de eventos, como
clicks del ratn o validacin de entradas realizadas en formularios. Sin
existir comunicacin a travs de la red una pgina HTML con JavaScript incrustado
puede interpretar, y alertar al usuario con una ventana de dilogo, de que las entradas de
los formularios no son vlidas. O bien realizar algn tipo de accin como ejecutar un
fichero de sonido, un applet de Java, etc.
<html>
</head>
<body>
<br>
Este es un documento HTML normal
<br>
<script language=JavaScript>
alert(Esto es JavaScript!)

15
 Universidad Nacional de Ingeniera Regin Central Juigalpa
Diseo de Sistemas de Internet

</script>
<br>
Lenguajes de programacin del lado del Servidor

Los Lenguajes de programacin del lado del servidor son especialmente tiles en
trabajos que se tiene que acceder a informacin centralizada, situada en
una base de datos en el servidor, y cuando por razones de seguridad
los clculos no se pueden realizar en la computadora del usuario.
Es importante destacar que los lenguajes de programacin del lado
del servidor son necesarios porque para hacer la mayora de las aplicaciones web se
debe tener acceso a muchos recursos externos a la computadora del cliente,
principalmente bases de datos alojadas en servidores de Internet. Un caso claro es
un banco: no tiene ningn sentido que el cliente tenga acceso a toda labase de datos,
slo a la informacin que le concierne.
Las pginas dinmicas del servidor se suelen escribir en el mismo archivo HTML,
mezclado con el cdigo HTML, al igual que ocurra en las pginas del cliente. Cuando
una pgina es solicitada por parte de un cliente, el servidor ejecuta los scripts y se
genera una pgina resultado, que solamente contiene cdigo HTML. Este resultado final
es el que se enva al cliente y puede ser interpretado sin lugar a errores ni
incompatibilidades, puesto que slo contiene HTML.
Luego es el servidor el que maneja toda la informacin de las bases de
datos y cualquier otro recurso, como imgenes o servidores de correo y luego enva al
cliente una pgina web con los resultados de todas las operaciones. Las ventajas de
este tipo de programacin son que el cliente no puede ver los scripts, ya que se ejecutan
y transforman en HTML antes de enviarlos. Adems son independientes del nave
gador del usuario, ya que el cdigo que reciben es HTML fcilmente interpretable.

16
 Universidad Nacional de Ingeniera Regin Central Juigalpa
Diseo de Sistemas de Internet

Como desventajas se puede sealar que ser necesario un servidor ms potente

y con ms capacidades que el necesario para las pginas de cliente. Adems,
estos servidores podrn soportar menos usuarios concurrentes, porque se requerir
ms tiempo de procesamiento para cada uno.
Para escribir pginas dinmicas de servidor existen varios lenguajes.
Practical Extraction and Report Language (PERL): es un lenguaje
de programacin desarrollado por
Larry Wal (lwal at netlabs.com) inspirado en otras herramientas de
UNIX. PERL es el lenguaje ms utilizado para la creacin de programas CGI en
los servidores web. Es ms rpido que los programas shel script de UNIX,
puede leer y escribir ficheros binarios, y puede procesar ficheros grandes. La
ventaja ms importante de PERL sobre C es que PERL no necesita ser
recompilado, es un lenguaje interpretado.
Active Server Pages (ASP): es una tecnologa del lado servidor de Microsoft
para pginas web generadas dinmicamente, que ha sido comercializada como
un anexo a Internet Information Server (IIS). EL estndard ASP permite poder
utilizar cualquier lenguaje para la programacin, si bien Microsoft favorece que
se utilice el VBScript, y en segundo trmino el JScript (versin del estndard
Javascript hecha por Microsoft). En teora, y mediante la programacin,
es posible adaptar versiones de lenguajes como Pascal, C y otros, para
utilizarlos dentro de pginas ASP.
Java Server Pages (JSP): es la tecnologa para generar pginas web de forma
dinmica en el servidor, desarrollado por Sun Microsystems,
basado en scripts que utilizan una variante del lenguaje Java. La tecnologa
JSP, o de JavaServer Pages, es una tecnologa Java que permite a los
programadores generar dinmicamente HTML, XML o algn otro tipo de pgina
web. Esta tecnologa permite al cdigo Java y a
algunas acciones predefinidas ser embebidas en el contenido esttico. La
principal ventaja de JSP frente a otros lenguajes es que permite integrarse
con clases Java (.class) lo que permite
separar en niveles las aplicaciones web, almacenando en clases java
las partes que consumen ms recursos as como las que requieren ms
seguridad, y dejando la parte encargada de formatear el documento html en
el archivo jsp. Adems Java se caracteriza por ser un lenguaje que puede
ejecutarse en cualquier sistema, lo que sumado a jsp le da mucha versatilidad.
Hipertext Preprocesor (PHP): PHP (acrnimo recursivo de PHP: Hypertext
Preprocessor, originado inicialmente del nombre PHP Tools, o Personal Home
Page Tools) es un lenguaje de programacin interpretado. Aunque fue concebido
en el tercer trimestre de 1994 por Rasmus Lerdorf no fue hasta el da 8 de Junio
de 1995 que fue lanzada la versin 1.0. Se utiliza entre otras cosas para la
programacin de pginas web activas, y se destaca por su capacidad
de mezclarse con el cdigo HTML. Aunque su creacin y desarrol o se
da en el mbito de los sistemas libres, bajo la licencia GNU, existe
adems un compilador comercial denominado (Zend Optimizer). El desarrollo

17
 Universidad Nacional de Ingeniera Regin Central Juigalpa
Diseo de Sistemas de Internet

del cdigo abierto por un lado y el firme respaldo comercial por el otro, han
elevado a PHP a alcanzar una popularidad ms que notable.

6) Servicios Requeridos para las aplicaciones Web

Servicio DNS (Domain Name Services Servicio de Nombre de Dominios)

Es el nombre o direccin que se le aplica a una direccin en internet. Son utilizados para
acceder a un sitio web de una forma ms fcil, ya que si no se utilizara este servicio le
costara trabajo a los usuarios localizar un sitio en internet
Servicio de alojamiento Web
Es un servicio que ofrecen algunas empresas para hospedar sitios web, en el internet le conoce
con el nombre de Hosting en el cual un dueo de una pgina web contrata los servicios de
alojamiento tanto de los archivos de la pgina web como tambin los archivos de base de datos
(en caso de llevar base de datos) y que se ver posteriormente por todo el mundo.

18