World Wide Web (WWW)

• De manera informal, las personas usan los términos "Internet" y "World Wide Web"
(WWW) indistintamente, pero esto es incorrecto:
• La WWW es, de hecho, solo uno de los muchos servicios que se brindan a
través de Internet. La web utiliza Internet para transmitir información.

• La WWW, es un sistema de documentos de hipertexto interconectados a los

que se accede a través de Internet.
• La web proporciona una plataforma de comunicación para que los usuarios
recuperen e intercambien información a través de Internet.
• Tim Berners-Lee, un científico británico, inventó la WWW en 1989-1991,
mientras trabajaba en el CERN.
• La Web se concibió y desarrolló originalmente para satisfacer la demanda
de intercambio automatizado de información entre científicos de
universidades e institutos de todo el.
 Breve historia de WWW
• El objetivo detrás de la invención de WWW fue fusionar las tecnologías en
evolución de computadoras, redes de datos e hipertexto en un sistema de
información global poderoso y fácil de usar.
• En marzo de 1989, Tim Berners-Lee, mientras trabajaba en el CERN, tomó la
iniciativa de la invención de WWW y escribió la primera propuesta
denominada "Gestión de la información: una propuesta" para desarrollar un
sistema de información distribuida. Volvió a presentar una versión ligeramente
editada en mayo de 1990.
• En noviembre de 1990, Tim Berners-Lee, junto con su colega del CERN,
Robert Cailliau, presentó una propuesta de gestión formal para
'WorldWideWeb: propuesta para un proyecto de hipertexto'.
 Breve historia de WWW
• Para la Navidad de 1990, Berners-Lee había definido los
conceptos básicos de la Web que hacen posible que los usuarios
localicen y compartan información a través de Internet.
• HTML (Hyper Text Markup Language): El lenguaje de
marcado (formato) para la web.
• HTTP (Hypertext Transfer Protocol): Un conjunto de reglas
para transferir datos a través de la Web (entre un servidor y
un cliente).
• URL (Uniform Resource Locator): Una especie de
“dirección” que es única y se utiliza para identificar a cada
recurso en la web.
 Breve historia de WWW
• En 1990, había escrito el primer navegador/editor ("WorldWideWeb.app") y
software de servidor.
• info.cern.ch fue la dirección del primer servidor web del mundo, ejecutándose en
una computadora NeXT en el CERN.
• A fines de 1990, se publicó la primera página web en Internet abierto:
http://info.cern.ch/hypertext/WWW/TheProject.html
• La primera dirección de página web del mundo proporcionó información sobre el
proyecto World Wide Web.
• En 1991, se invitó a personas ajenas al CERN a unirse a esta nueva comunidad web.
• El 30 de abril de 1993, el CERN emitió una declaración poniendo la Web en el
dominio público, asegurando que actuaría como un estándar abierto. La medida
tuvo un efecto inmediato en la difusión de la web.
 Breve historia de WWW
• En 1993, un equipo del Centro Nacional de Aplicaciones de Supercomputación de
la Universidad de Illinois lanzó Mosaic, el primer navegador web que se hizo
popular entre el público en general.
• La Web comenzó a entrar en el uso diario en 1993-4, cuando los sitios web para uso
general comenzaron a estar disponibles
• En 1994, Tim BL fundó el World Wide Web Consortium (W3C), una organización
que reúne a representantes de muchas empresas de tecnología diferentes para
trabajar juntos en la creación de especificaciones de tecnología web. El objetivo era
estandarizar y desarrollar aún más la Web.
• A fines de 1994, la Web tenía 10 000 servidores, de los cuales 2000 eran
comerciales, y 10 millones de usuarios
• Los años siguientes vieron el lanzamiento de sitios web como Yahoo (1994),
Amazon (1995), eBay (1995) y Google (1998).
 La evolución de la WEB

Radar Networks & NovaSpivack 2007

 Evolution of WEB Web 1.0
• La primera versión de la web Web 1.0, también conocida como web
sintáctica o web de solo lectura, es la era (1990-2000) en la que el
papel de un usuario se limita al consumo de información
proporcionada por los productores de contenido..
• No se ofrece ninguna opción para que el usuario o el consumidor
comuniquen la información a los productores de contenido.
• Durante esta fase inicial del desarrollo web, las páginas web eran en su
mayoría documentos estáticos que se leían desde un servidor y se
mostraban en un cliente, sin opciones para que los usuarios
contribuyeran con contenido o para que el contenido se adaptara a las
demandas específicas de un usuario..
 Evolution of WEB Web 2.0
• La Web 2.0, también denominada Web social o web de lectura y
escritura, es la era (2000–2010 y continúa incluso ahora) que facilita la
interacción entre los usuarios web y los sitios.
• Anteriormente un consumidor de contenido proporcionado por otros, el
usuario web ahora se ha convertido en un prosumidor, capaz de agregar
información a una página web, y de esta manera comunicarse no solo
con el servidor, sino también a través del servidor con otros clientes
(usuarios).
• Estas tecnologías Web 2.0 han hecho posible una amplia gama de sitios
web sociales ahora familiares para todos, incluidas salas de chat, blogs,
wikis, reseñas de productos y mercados electrónicos.
• Algunas de las famosas aplicaciones Web 2.0 son Facebook, Youtube,
Flickr, Twitter, etc.,
 Evolution of WEB Web 2.5
• La Web 2.5 es el concepto para abordar la evolución práctica y real que
estamos viendo actualmente en nuestra era 2010-2023 entre la Web 2.0 y
la 3.0.
• La Web 2.5 se centra principalmente • Para dejarlo conceptualmente claro podemos llamar a la
Web 2.5 como la convergencia entre la Web Social y la
en la informática móvil y la
Semántica.
evolución de las tecnologías móviles.
• Algunas de las tecnologías que se
introdujeron en esta era son las
aplicaciones web progresivas (PWA),
las páginas móviles aceleradas
(AMP), etc.
 Evolution of WEB Web 3.0
• La Web 3.0, también conocida como Web Semántica o lectura-escritura-ejecución, es
la era (2010 y posteriores) que se refiere al futuro de la web
• En esta era, las computadoras pueden interpretar información como los humanos a
través de la Inteligencia Artificial y el Aprendizaje Automático. Los cuales ayudan a
generar y distribuir inteligentemente contenido útil adaptado a una necesidad
particular de un usuario.
¿Qué pasa si las computadoras pueden entender el significado detrás de la
información y si pueden aprender "lo que nos interesa"?
• Pueden ayudarnos a encontrar lo que queremos.
• Pueden reconocer personas, lugares, eventos, empresas, productos, películas, etc.
• Pueden entender la relación entre las cosas.

• Siri, Google Assitant, Googles Cloud API, Wolfram Alpha, ChatGPT, MS-Bing.
 ¿Cómo funciona WWW?
• La web funciona en un "modelo cliente-servidor".
• La arquitectura cliente-servidor es una arquitectura de una red informática en la
que muchos clientes (procesadores remotos) solicitan y reciben servicios de un
servidor centralizado (computadora host)
• Los clientes son los dispositivos conectados a Internet del usuario web típico y el
software de acceso a la web disponible en esos dispositivos. El cliente es capaz
de recibir información o utilizar un servicio particular de los proveedores de
servicios (Servidores).
• El servidor es una computadora remota que proporciona información (datos) o
acceso a servicios particulares. Almacena páginas web, sitios o aplicaciones.
Cuando un dispositivo cliente desea acceder a una página web, se descarga una
copia de la página web desde el servidor a la máquina cliente para mostrarla en el
navegador web del usuario.
 ¿Cómo funciona WWW?
Los siguientes pasos explican cómo funciona la web:
• El usuario ingresa la URL de la página web en la barra de direcciones del navegador web.
• El cliente, que es su computadora, más específicamente el navegador que está utilizando, envía
una solicitud al servidor de nombres de dominio para la dirección IP correspondiente.
• Después de recibir la dirección IP, el navegador envía la solicitud de la página web al servidor
web utilizando el protocolo HTTP que especifica la forma en que se comunican el navegador y el
servidor web.
• Luego, el servidor web recibe la solicitud utilizando el protocolo HTTP y verifica si la página
existe; si existe, el servidor enviará la página HTML en respuesta
• Ahora el navegador web recibe la página web. Lo interpreta y muestra el contenido de la página
web en la ventana del navegador web.
• Si la página solicitada no existe, el servidor envía un código de error 404, lo que significa que la
página web no existe en el servidor.
¿Cómo funciona WWW?
Una ventaja importante del modelo cliente-
servidor es que su arquitectura centralizada
ayuda a que sea más fácil proteger los datos
con controles de acceso que se aplican
mediante políticas de seguridad.
Una desventaja importante del modelo
cliente-servidor es que si demasiados
clientes solicitan datos
simultáneamente del servidor, este
puede sobrecargarse. Además de
causar congestión en la red,
demasiadas solicitudes pueden resultar
en una denegación de servicio.
 Programación
Client-Side vs Server-Side
Frontend Backend
Se ejecuta en la computadora del usuario Se ejecuta en el servidor

Interfacing Processing
Recopilación de entrada del usuario, Procesa datos, realiza transacciones y realiza
interfaz con el servidor cálculos complejos

Fully Visible Invisible

Los scripts pueden ser vistos por el
usuario
Less Secure
Generalmente menos seguro ya que los
usuarios pueden ver y jugar con los
scripts
Los scripts no están abiertos al usuario.
More Secure
Mucho más seguro ya que los usuarios no ven
el código fuente y, por lo general, no pueden
interrumpir el proceso.

HTML, CSS, JavaScript, VBScript PHP, ASP, Phyton, Ruby, C#, Java
 Desarrollo Front End y Back End
Cómo se ve el sitio web... Como funciona el sitio web…

• La principal diferencia entre el desarrollo front-end y back-end es el área particular

de enfoque.
• El front-end se ocupa de la apariencia, el aspecto y la sensación de un sitio web;
mientras que el back-end se enfoca en la funcionalidad del lado del servidor de un
sitio web, incluidas todas las comunicaciones entre el navegador y la base de datos.
• Para crear un sitio web, un desarrollador front-end se ocupa del tema, incluida la
presentación, las imágenes y el estilo.
• El desarrollador back-end se encarga de la base de datos, la seguridad, el
rendimiento del sitio y los usuarios.
• Cada lado necesita comunicarse y operar de manera efectiva con el otro como una
sola unidad para mejorar la funcionalidad del sitio web.