Tema 1: Introducción a las tecnologías web.

[Link], evolución y bases tecnológicas de Internet.

1.1. Introducción a internet
● Internet es producto de la evolución de la antigua ARPANET, proyecto de red
informática descentralizada
● El concepto de red de ordenadores: proyecto Arpanet – años 60, promovido por la
Secretaría de Defensa de los Estados Unidos (“Pentágono”), DARPA: Defense Advanced
Research Projects Agency
● DARPA propone a varios equipos científicos la creación de una red informática de
carácter descentralizado, donde todas las estaciones de trabajo (ETs) fueran al unísono
clientes y servidoras .
● Una red de redes resultante de superponer e interconectar múltiples subredes:
alcance universal y casi la única característica común de los ordenadores conectados es
la conexión .
● En 1961 Leonard Kleinrock desarrolló la teoría de la conmutación de paquetes:
dividir un mensaje en paquetes que se unían en el ordenador de destino. – Este
sistema es mucho más eficiente, fiable y flexible que la conmutación de circuitos para
establecer una ruta por la que el mensaje circula linealmente y que se utilizaba hasta
entonces.
● En 1965 Lawrence Roberts conecto dos ordenadores y obtuvo una comunicación
efectiva de paquetes de datos.
● En 1969 culmina el proyecto ARPANET con el envío del primer mensaje de correo
electrónico, por parte el equipo de trabajo dirigido por Kleinrock. Solo contenía una
palabra: “Hi”.

1.2. El protocolo TCP/IP

● Protocolo de comunicaciones: conjunto de normas que regulan el formato y la
transmisión de datos para solucionar los problemas de interconexión de redes
informáticas
● En el caso de Internet ese protocolo de comunicaciones es el TCP/IP (“Transmission
Control Protocol/Internet Protocol”)
● Propuesto y desarrollado por Vinton Cerf y Bob Kahn (1974)

1.3. TCP/IP, familia de protocolos

● El protocolo TCP es el encargado del control del flujo de datos y de la transmisión
segura por la red de los paquetes de datos
– TCP: segmenta y enumera los mensajes en paquetes de datos, para su reensamblaje
y añade información para transmitirlo y decodificarlo así como para detectar posibles
errores.
● El protocolo IP se encarga de la identificación de origen y destino de la transmisión y
del adecuado direccionamiento de los paquetes de datos.
– IP: Etiqueta cada paquete con la información de origen/destino. Cada ordenador
posee una dirección IP que lo distingue del resto, formada por cuatro dígitos numéricos
de 0 a 255). TCP/IP agrupa los paquetes de datos según la aplicación que los requiere
y/o envía mediante un “puerto TCP”. Ejemplo: el protocolo HTTP por defecto utiliza el
puerto 80

1.4. Dirección IP / IP Address

● Una función del protocolo IP es asignar una dirección de red a los ordenadores
conectados.
● Dirección IP: número binario de 32 bits = 4 octetos binarios de valor decimal
comprendido entre 0 y 255 .
– Permite identificar unívocamente a un ordenador conectado directamente a Internet
y permite la transferencia de mensajes. La identificación puede ser fija o dinámica
asignando una dirección IP en cada conexión (DHCP, Dynamic Host Configuration
Protocol).
– Se expresa en el formato de cuarteto punteado ([Link]). Los tres primeros bytes
identifican la red a la que está conectada el ordenador, el último byte identifica al
ordenador en sí mismo.
● Se está llevando a cabo la sustitución de versión de protocolo (de IPv4 a IPv6) para
aumentar el número potencial de ordenadores conectados. El nuevo protocolo IPv6
emplea un sistema de numeración 128 bits de longitud: se escriben como ocho grupos
de cuatro dígitos hexadecimales. De [Link] (232) direcciones IPv4 a más de 340
sextillones (2 128) de direcciones IPv6.

1.5. Domain Name System – Sistema de Nombres de Dominio

• Acceder a los servicios y recursos de Internet directamente mediante direcciones IP
resulta complejo.
• DNS es un sistema normalizado (con ligeras variaciones según el país) de base de
datos distribuida que almacena la equivalencia entre nombres de máquina y
direcciones IP. Evitando que los usuarios deban recordar y usar directamente
direcciones IP.
• El dominio de nivel superior se encuentra a la derecha e identifica un país, categoría
o tipo de organización.
• Los dominios de segundo nivel se encuentran a la izquierda del dominio de nivel
superior y suelen identificar una organización.
• Los subdominios se encuentra a la izquierda del dominio de segundo nivel y se
asocian a una dirección asociada a un dominio de segundo nivel.

• Dominios de primer nivel genéricos (generic Top Level Domain, gTLD): representan
nombres y multi -organizaciones – tipo de organización (edu: académica; com:
compañía privada; org: organización sin ánimo de lucro; gov: organización
gubernamental, etc.). Otros: .net; .info, .tv, .biz, .name, .mobi, etc.
• Dominios de primer nivel en código de país, geográficos (ccTLD, country code Top
Level Domain) – dos letras (.uk, .de, .jp,…): país, territorio u otra ubicación geográfica. –
Los dominios nacionales suelen tener un organismo responsable de su gestión. – En
España: Departamento de Registro de Dominios de [Link] : –
[Link]
• Dominios secundarios: – Estadounidenses: no usan dominios secundarios, o
geográfico *.us – Británicos: un dominio secundario y otro geográfico. (*.[Link], *.[Link])
– En España es posible registrar dominios secundarios (.[Link]; .[Link]; [Link];
[Link]; [Link]) o directamente el dominio geográfico *.es.

1.6. Registro de dominios

• Los registros de un dominio tienen una validez temporal (hay que renovarlos) y suelen
realizarlos los proveedores de servicios de Internet (ISP), que normalmente ofrecerán también
alojamiento web y correo electrónico

● ICANN

– Internet Corporation for Assigned Names and Numbers

– coordina la administración de los elementos técnicos del DNS. •

[Link]

– IANA: Internet Assigned Numbers Authority: supervisa la asignación global de direcciones IP y

servidores raíz de DNS. Actualmente un departamento operado por ICANN.

● Registradores de dominios:

– Para usuarios: proveedor de servicios de Internet (ISP)

• normalmente ofrecerá también servicio de alojamiento de páginas (hosting) y de correo

electrónico. Los registros tienen una validez temporal

– Lista de registradores: [Link] –Una cosa

es dónde se registra el dominio y otra diferente dónde se encuentra físicamente el ordenador.
2. La Web
2.1. Arquitectura cliente servidor
Se fundamenta en la existencia de un programa, denominado servidor, que atiende las
peticiones de otra aplicación denominada cliente, generalmente a través de una red
informática
Dos tipos de agentes:
Cliente: Ordenador o programa informático que solicita información.
– realiza las peticiones y procesa las respuestas para adecuarlas a una interfaz de
usuario (front-end).
Servidor: Ordenador o programa informático que dispone de información.
– tareas de almacenamiento de datos, atención de solicitudes y procesado de los
mismos (back-end).

2.2. Arquitectura cliente/servidor: características

Un cliente que interactúa con el usuario, y un servidor que interactúa con los recursos
compartidos.
– Cliente: proporciona la interfaz entre el usuario y sistema.
– Servidor: gestiona todo tipo de recursos compartidos (bases de datos, impresoras,
aplicaciones, etc.)
Un servidor puede dar servicio a muchos clientes de forma simultánea, optimizando el
acceso a los recursos compartidos que gestiona.
El mensaje es el mecanismo para la petición y entrega de solicitudes de servicio.
Las tareas del cliente y del servidor tienen diferentes requerimientos en cuanto a
recursos de cómputo.
• Ambiente heterogéneo: hardware y sistemas operativos de clientes y servidores no
tienen que ser idénticos – clientes: suelen ser independientes de la plataforma del
servidor.
• Arquitectura escalable: permite agregar más clientes (escalabilidad horizontal) o
mejorar las características del servidor, agregando y combinando múltiples servidores,
cuando sea necesario (escalabilidad vertical).

2.3. Fundamentos de la Web: Principios

Web (World Wide Web): un proyecto de hipertexto en red desarrollado por un becario
del CERN (Organización Europea para la Investigación Nuclear) de Ginebra llamado Tim
Berners-Lee hacia finales del año 1991. –W3C
Su idea original consistía en habilitar un medio para compartir información técnica
entre una comunidad de usuarios, reducida entonces a los entornos científicos.
El sistema se basa en la idea del hipertexto (entorno donde la recuperación de
información la marca el usuario por medio de la navegación sin tener que seguir una
ruta definida a priori).
La web no es internet… se ha convertido en la plataforma donde se desarrollan los
sistemas de información y su desarrollo es el paradigma de la sociedad de la
información.

2.4. Funcionamiento de la web

● La Web: red de recursos identificados mediante un URI (Uniform Resource Identifier).
– Cuando un URI también puede usarse para localizar y acceder al recurso se denomina
URL (Uniform Resource Locator).
Es posible definir enlaces entre recursos para crear una red accesible por los usuarios a
través de un software visualizador (navegador, browser).
Los navegadores web interpretan los datos enviados por el servidor para mostrar
páginas web. – Las páginas web suelen estar compuestas de varios recursos (imágenes,
vídeos, hojas de estilo, scripts, etc), cada uno con su URL independiente.
– Los navegadores permiten visualizar una amplia variedad de medios y formatos: la
naturaleza de los recursos es variada (textos, imágenes, vídeos, sonidos).
Se utiliza el protocolo de aplicación HTTP (Hypertext Transfer Protocol) para establecer
las conexiones y transmitir datos entre clientes y servidores.
Los datos recibidos por el cliente permiten visualizar documentos elaborados mediante
una serie de lenguajes como HTML, CSS, Javascript, etc.
Los servidores web pueden integrarse con sistemas de bases de datos y ejecutar
aplicaciones web con funcionalidades y propósitos muy diversos

2.5. Servicios de Acceso a la Información Web: proceso de conexión

2.6. Protocolo HTTP
HTTP: protocolo basado en el modelo cliente-servidor
– Protocolo sin estado, es decir, no registra ninguna información sobre conexiones
anteriores. Al finalizar la transacción todos los datos de la conexión se pierden.

• HTTP define un conjunto de instrucciones: GET, HEAD, POST, PUT, DELETE, TRACE,
OPTIONS, CONNECT, PATCH
Para acceder al contenido de la URL [Link] se abre una
conexión (socket) con el host y se envía un mensaje como:
GET /[Link] HTTP/1.0 From: yo@[Link] User-Agent: HTTPTool/1.0 [Línea en
blanco]

La respuesta del servidor está formada por encabezados seguidos del recurso
solicitado, en el caso de una página web: HTTP/1.0 200 OK Date: Fri, 30 Sep 2023
[Link] GMT Content-Type: text/html ContentLength: 1221 <html> <body> <h1>Página
principal de tuHost</h1> (Contenido) . . . </body> </html>

2.7. URL: Uniform Resource Locator

URL: sistema de nomenclatura unívoco para cada recurso en Internet.
– forma estandarizada de asociar un objeto (páginas web, imágenes, ficheros de audio)
con una dirección en Internet.
La sintaxis de una URL dependerá del tipo de objeto que se está referenciando. El
formato general:
– Protocolo://Nombre_de_maquina:Puerto/DIR1/DIR2/.../DIRn/Archivo
–Donde:
• Protocolo: Indica con qué protocolo accedemos al objeto (http si es página web, ftp
si se trata de un servidor FTP, etc) .
• Nombre_de_máquina: nombre del DNS o dirección IP del ordenador al cual nos
conectamos .
 • Puerto: Cada protocolo de Internet tiene asignado por defecto un número de puerto
(80 para servidores Web). En caso de que el servidor esté configurado con otro puerto
es posible indicar esta información en la URL.
• /DIR1/DIR2/..../DIRn: ruta de directorios y subdirectorios donde se ubica el recurso
en el servidor.
• Archivo: nombre del archivo del recurso
En cada caso cambiarán los valores dependiendo del tipo de objeto al que se acceda:
– Página Web: [Link]
– Servicio FTP: [Link]
– Archivo local: [Link]
–Dirección de correo electrónico: [Link]
Hoy día se está ampliando el concepto de URL mediante el uso del término URI
(Uniform Resource Identifier): amplía la localización de recursos existentes en Internet
a la identificación de los mismos con independencia de su localización y acceso.
Las referencias URI se generalizan como IRI (Internationalized Resource Identifier):
permite utilizar caracteres UNICODE para codificar identificadores de recursos

2.8. Web 2.0

Web 2.0 es la representación de la evolución de las aplicaciones tradicionales hacia
aplicaciones web enfocadas al usuario final.
Es un binomio formado por una nueva actitud más participativa para compartir
recursos en entornos sociales y por la tecnología que permite llevarla a cabo. Por tanto,
no es exactamente una versión nueva de la Web.
Cuando surgió la web, estábamos en un entorno estático, con páginas en HTML que
sufrían pocas actualizaciones y no tenían interacción con el usuario. Web 2.0 es la
transición que se ha dado de aplicaciones tradicionales hacia aplicaciones que
funcionan a través del web enfocadas a la participación del usuario final en la
elaboración de contenidos.
El término surgió cuando Dale Dougherty de O’Reilly Media utilizó este término en una
conferencia en la que compartió una lluvia de ideas junto a Craig Cline de MediaLive en
la que hablaba de la evolución de la web y de la aplicación de nuevos modelos de
negocio.

Principios de la Web 2.0 de Tim O’Reilly

1) La web como plataforma para el desarrollo de aplicaciones y almacenamiento de
recursos.
2) Aprovechar la inteligencia colectiva: la participación activa de los usuarios es clave
en la creación de contenidos.
3) La gestión de la base de datos como competencia básica: mientras las aplicaciones
a veces son desarrollos sencillos (gestores de contenidos), por su parte los datos tienen
valor estratégico.
4) Fin del ciclo de actualizaciones de versiones del software: se pasa de software
cerrado con obsolescencia planificada a otro de servicios gratuítos/premium en la nube
y en constante evolución (“beta perpetuo”).
5) Modelos de programación ligera que persigue la simplicidad y donde “menos es
más” al evitar especificaciones y funciones excesivas.
6) El software no se limita a un único dispositivo, ni el consumo de los datos están
ligado a una única plataforma, sino que se plantea un escenario multidispositivo en
donde los datos pueden sindicarse para su consuma por otros medios.
7) Experiencias de usuario enriquecedoras, con interfaces altamente interactivas,
usables, sencillas y agradables de utilizar

Web 2.0: aplicaciones más frecuentes

● Blogs: espacio web personal en el que su autor o autores puede escribir
cronológicamente artículos, noticias (entradas/post) y en el que los lectores también
pueden escribir sus comentarios (Blogger, [Link], Weblogs, etc).
● Wikis: espacio web colaborativo, organizado mediante una estructura hipertextual
donde varias personas elaboran contenidos de manera asíncrona. Es un proceso de
edición muy ágil y rápido. Es común mantener un archivo histórico de las versiones
anteriores (Wikipedia, Wikia, Wikispaces,etc).
● Redes sociales: Sitios web donde cada usuario dispone de un perfil donde publica
contenidos y se comunica con otros usuarios. Existen redes sociales generales
(Facebook, Twitter/X) o profesionales, dirigidas a establecer contactos dentro del
mundo empresarial (Linkedin, ResearchGate).
● Entornos para compartir recursos: permiten almacenar y compartir recursos o
contenidos tales como documentos (Google Docs), vídeos (Youtube, Vimeo,
Dailymotion), imágenes (Instagram, Pinterest, Flickr,…), agregadores (Digg, Reddit),
ficheros (Dropbox, Google Drive, …), presentaciones (Prezi, Slideshare) o plataformas
educativas (Blackboard, Moodle) entre otros

3. Creación de páginas web con PHP

4. Bases de datos en la web
5. Sistemas de Gestión de Contenidos