LAS W EB Y SUS

P RO TO CO LO S

HERNAN DAVID ARANGO

KAREN PAULA GONZALEZ
LEIDY TATIANA MUÑOZ
JONNATHAN RODRIGUEZ
JOHN FREDY HERRERA
JHOAN STIVEN CONTRERAS
¿Que es la web?

La WEB (World Wide Web, o www) es un grupo

de documentos (web) conectados entre sí por
enlaces de hipertexto, a los cuales se puede acceder
por internet a través de un navegador. Los
hipertextos son un conjunto de diferentes archivos
de todo tipo, como lo pueden ser imágenes, textos,
gráficos, etc, relacionados en un mismo documento.

La web no es lo mismo que internet, internet es el

medio por el cual a través de un navegador se
accede a la web. Desde la creación de la web en el
año 1989 se a venido actualizando pasando de la
web 1.0, 2.0, 3.0 y llegando en la actualidad a la
4.0.
Hist oria d e la W EB

Línea de tiempo evolucion e historia de la web

 La web 1.0 fue la primera versión de la web y la
cual le ofrece al usuario una interacción básica,
aparece en el año 1989 y es muy limitada a
comparación de lo que ofrece la web actualmente.

Web 1.0 Es un conjunto de documentos estáticos en

los cuales el usuario puede consumir o descargar, no
pueden interactuar entre sí, lo que quiere decir que
es una actualización unidireccional .

En resumen esta web es primitiva, poco interactiva,

estática, de solo lectura y sirve para utilizar el
correo electrónico, navegadores, motores de
búsqueda.

WEB 1.0
 En el año 1997 se dio a conocer la web 1.5,
la cual a medida que la web 1.0 se dio a
conocer de manera progresiva se fueron
creando métodos que permitieran
contenidos más dinámicos. De esta manera
aparecieron aplicaciones escrit as que se
ejecutarán en el servidor, los CGI y que
podrían recibir parámetros de los usuarios.

En base a eso no tardaron en crear

diferentes arquitecturas de lenguajes de
programación que se verían más enfocadas
en la generación de la web 2.0.

W EB 1.5
W eb 2.0

Esta tiene como origen que fue utilizado por primera vez por O’Reilley Media, que fue una de las
empresas más conocidas por su editorial de libros de tecnología en una conferencia en octubre
de 2004

la web 2.0 es una segunda generación de servicios basados en la web que enfatiza en la
colaboración online, la conectividad y la posibilidad de compartir contenidos entre usuarios
Con este paradigma sobre la concepción de internet y sus funcionalidades, es su marcada
unidireccionalidad y se orientan más a facilitar la máxima interacción entre los usuarios y el
desarrollo de redes sociales.

en el marco tecnológico en el que tiene lugar la expansión y evolución socio técnica de la web
fue identificar una visión optimista en la que las tecnologías de la información TIC como un
principal motor del desarrollo y el progreso.
 W eb 3.0

con esta nueva generación se espera la

reinvención completa de lo que se conoce.
la web 2.0 fue simplemente una evolución
de la web original que se pueda comparar
en una biblioteca. la web 2.0 cambio esto al
permitir la interacción del usuario con
sitios web dinámicos que actuaban más
como aplicaciones de páginas de
información.
Gráficos 3D

la web 3.0 hizo un cambio al futuro del internet como un mundo tridimensional más realista,
este diseño se utiliza más que todo en los sitios web y servicios, como juegos en línea, e-
commerce, industria de bienes raíces, etc
W eb 4 .0
Esta web ofrece una información plana
que es donde dará soluciones concretas
a problemas específicos del usuario y
será capaz de entenderle en su propio
lenguaje. de hecho gracias a la
incorporación de cámaras en los
dispositivos conectados, es capaz de
reconocer fácilmente al usuario.
 W 3C W orld W id e W eb Con sort iu m

es una comunidad internacional donde las

organizaciones miembro trabajan conjuntamente
para desarrollar estándares web.

Este consorcio promueve el uso de estándares para

reducir el coste y la complejidad del desarrollo, así
como para incrementar la accesibilidad y viabilidad de
cualquier documento publicado en la web.
Hab lem os acerca d e Java
Este lenguaje permite que las páginas web contengan pequeños programas
(llamados applets) directamente en la visualización. Estos applets se ejecutan
en el ordenador del usuario, proporcionando una interfaz de usuario más rico
que simples páginas web.
 Hab lem os acerca d e JavaScrip t
Es un lenguaje de programación ligero, interpretado, o compilado con funciones de primera
clase. Si bien es más conocido como un lenguaje de scripting (secuencias de comandos)
para páginas web, y es usado en muchos entornos fuera del navegador, tal como Node.js,
Apache CouchDB and Adobe Acrobat. JavaScript es un lenguaje de programación basada
en prototipos, multiparadigma, de un solo hilo, dinámico, con soporte para programación
orientada a objetos, imperativa y declarativa (por ejemplo programación funcional).
Implicaciones sociológicas
La web ha permitido un flujo de comunicación global a una escala sin precedentes en la historia
humana. Personas separadas en el tiempo y el espacio, pueden usar la Web para intercambiar-
o incluso desarrollar mutuamente sus pensamientos más íntimos, o alternativamente sus
actitudes y deseos cotidianos. Experiencias emocionales, ideas políticas, cultura, idiomas
musicales, negocio, arte, fotografías, literatura... todo puede ser compartido y diseminado
digitalmente con el menor esfuerzo, haciéndolo llegar casi de forma inmediata a cualquier otro
punto del planeta. Aunque la existencia y uso de la Web se basa en tecnología material, que
tiene a su vez sus propias desventajas, esta información no utiliza recursos físicos como las
bibliotecas o la prensa escrita.
Publicación de páginas

La Web está disponible como una plataforma más englobada dentro de los mass media.
Para "publicar" una página web, no es necesario acudir a un editor ni otra institución, ni
siquiera poseer conocimientos técnicos más allá de los necesarios para usar un editor de
texto estándar.
 Est án d ares
Lo siguiente es una lista de los documentos que definen los tres
estándares principales de las WEB:

Uniform Resource Locators (URL) (en español, Localizador de Recursos

Uniforme

Hypertext Transfer Protocol (HTTP) (en español, Protocolo de

Transferencia de Hipertexto)

Hypertext Markup Language (HTML) (en español, Lenguaje de

Etiquetado de Hipertexto)
En laces rot os y alm acen am ien t o d e la W eb

Con el paso del tiempo, muchos recursos web

enlazados por hiperenlaces desaparecen, se cambia su
localización, o son reemplazados con distinto
contenido. Este fenómeno se denomina en algunos
círculos como enlaces rotos y los hiperenlaces
afectados por esto suelen llamarse "enlaces muertos".
Con feren cias acad ém icas

El mayor evento académico relacionado con la WWW es la serie de conferencias

promovidas por IW3C2. Hay una lista con enlaces a todas las conferencias de las series.

El Comité Directivo de las Conferencias Internacionales de la World Wide Web (IW3C2)

es la organización que gestiona la serie de conferencias de la WWW. Esta serie tiene
como objetivo proporcionar al mundo un foro de primer nivel para la discusión y el
debate sobre la evolución de la Web, la estandarización de sus tecnologías asociadas y el
impacto de esas tecnologías en la sociedad y la cultura.
ESTAD ÍSTICAS

• Hasta Agosto no existió ninguna

página WEB.

• A la fecha del 19 de Agosto de

2019 hay mas de 1.700 millones
de sitios Web.

• Al pasar de los años paginas

conocidas se fueron creando,
tales como Yahoo, Google,
facebook, ETC.
ESTAD ÍSTICAS

• Más del 50% de las paginas

WEB estan en ingles.

• Menos del 10 % está

representado por páginas web
en español.
PRONUNCIACIÓN

La World Wide Web es la única cosa que conozco cuya forma abreviada se tarda tres veces más en
decir que su forma extendida. Douglas Adams The Independent on Sunday,
1999

RAE: «triple uve doble, punto» o «uve doble, uve doble, uve doble, punto»

HABLA HISPANA: «triple doble u, punto», «triple doble v, punto» o «doble u, doble u, doble u, punto»

CHINO: wàn wéi wǎng (万维网), y que significa literalmente «red de 10 mil dimensiones».

ITALIANO: «vu vu vu».

PROBLEM AS D E VELOCID AD

● La frustración sobre los problemas de congestión en la infraestructura de Internet y la

alta latencia que provoca la lenta navegación.

● Guías estándar para tiempos de respuesta:

○ 0,1 segundos (una décima de segundo). Tiempo de respuest a ideal.
○ 1 segundo. Tiempo de respuest a más alt o que es acept able.
○ 10 segundos. Tiempo de respuest a inacept able.
 EL PREFIJO W W W EN LAS D IRECCIONES
W EB
WWW: significa World Wide Web. En su día, sirvió para distinguir qué clase de servicio
estábamos solicitando, pero hoy su uso es continuado por la costumbre. En ocasiones, hay sitios
que no están configurados para acceder a ellos poniendo o sin poner el "www".

Los nombres o direcciones en Internet, tienen unos elementos comunes y otros elementos
particulares. Así por ejemplo, toda dirección en Internet lleva en su principio las iniciales

http ://www. Las iniciales http equivalen a ´´Hiper Text Tranfer Protocol´´, (Protocolo de
Transferencia de Hipertexto) y las iniciales www equivalen a World Wide Web (Red Mundial de
Información).
Las direcciones o nombres de dominios en Internet poseen una estructura básica compuesta
por tres campos o niveles, antecedidos en casi todos los casos, como ya lo mencionamos por las
siglas o abreviaturas http ://www. En el primer campo o nivel encontramos el nombre o
abreviación de la persona, sociedad, empresa, compañía u organización titular del web site
respectivo.

En el segundo campo o nivel encontramos la sigla correspondiente a la actividad o tipo de

institución específico a que nos estemos refiriendo. Vale decir que esta distinción busca en
últimas especializar a cada persona, compañía o institución, dependiendo del área o actividad a
que se dedica o de acuerdo a la clase de servicios que distribuye en la World Wide Web.
Las siglas o abreviaturas genéricas existentes actualmente para identificar las actividades
específicas en la red son:

com : Actividades o entidades comerciales

net : Actividades o servicios en red

org : Actividades u organizaciones sin animo de lucro

int : Actividades u organizaciones internacionales establecidas por tratados o convenios.

Edu : Actividades u instituciones educativas

gov : Actividades u organizaciones gubernamentales

mil : Actividades u organizaciones militares

El tercer campo o nivel, corresponde ordinariamente a los registros que se obtienen a nivel de
los registradores nacionales o locales en cada País específicamente considerado.Identificado
por dos (2) letras asignadas para cada País. Así por ejemplo para el caso Colombiano el código
local o nacional es ´´.co´´, para Australia ´´.au´´, para Brasil ´´.br´´, para Venezuela ´´.ve´´, para
Japón ´´.jp´´, para Francia ´´.fr´´, para los Estados Unidos de Norteamérica ´´.us´´, para Tuvalu
´´.tv´´.
TECNOLOGÍAS W EB
NAVEGADORESWEB

Se denomina navegar al acto de seguir los enlaces de una página a otra.

Un navegador web es una aplicación que permite el acceso a internet, interpreta la información
de archivos etiquetados en HTML y los presenta en pantalla según las directrices de
presentación codificadas en una hoja de estilos CSS (del inglés Cascading Style Sheet, u hoja de
estilo en cascada), permitiéndonos interactuar con su contenido, si fuera el caso.
Componentes de un navegador moderno

La Interfaz de usuario

Un layout engine o motor de renderizado (el verdadero núcleo del navegador)

Un JavaScript engine o intérprete JavaScript

Interfaz Gráfica de Usuario

En los navegadores, como en cualquier aplicación de software, la interfaz gráfica de usuario o

GUI (del inglés Graphic User Interface) es el medio por el cual interactuamos con la aplicación.

Cada navegador tiene su propia interfaz de usuario, con distinta organización de menús y
submenús, distinta forma de representar las pantallas, distinta organización de las
funcionalidades.
Motor de renderizado

Es el componente más importante de cualquier navegador.

Renderización: Es el proceso de generar una imagen desde un modelo.

En esencia, el motor de renderizado toma el contenido etiquetado con HTML y la información

de estilos (maquetación) contenida en las hojas de estilo en cascada o CSS (del inglés Cascade
Style Sheet) y l.as combina para mostrar el contenido ya formateado.

Para entendernos, el motor de renderizado 'dibuja' el contenido en una ventana, que es

mostrada al usuario o, en su caso, impresa.
PRINCIPALES M OTORES D E REND ERIZAD O
WEBKIT

Webkit incluye dos frameworks o procesadores de más bajo nivel: WebCore, que es el
analizador sintáctico y motor de renderizado HTML JavaScriptCore: intérprete de JavaScript
basado en KJS (KDE's JavaScript, o intérprete de JavaScript del Proyecto KDE).
Gecko

Es un motor de renderizado de código abierto, diseñado para soportar los estándares web y
originalmente desarrollado por Netscape, que posteriormente lo cedió a la comunidad.
Actualmente lo gestiona la Fundación Mozilla.

Gecko se implementa como una plataforma para aplicaciones multiplataforma (que pueden
correr en cualquier sistema operativo), es decir, que permiten la ejecución de aplicaciones sobre
su engine (motor), cuya interfaz de usuario viene definida por el lenguaje XUL (XML-based User
Interface Language, o lenguaje basado en XML para interfaz de usuario), mientras que el
comportamiento y la apariencia de las aplicaciones XUL viene definido por el lenguaje XBL
(eXtensible Bindings Languaje, o Lenguaje extensible de asociaciones).
Blink

Blink es un motor de renderizado para navegadores de código abierto desarrollado por Google,
que forma parte de Chromium (y por lo tanto también de Chrome). Concretamente, Blink es
una copia de la librería WebCore de WebKit, que se encarga del diseño, renderizado, y del
DOM.

DOM: El DOM (Document Object Model en español Modelo de Objetos del Documento) es una
API definida para representar e interactuar con cualquier documento HTML o XML. El DOM es
un modelo de documento que se carga en el navegador web y que representa el documento
como un árbol de nodos, en donde cada nodo representa una parte del documento (puede
tratarse de un elemento, una cadena de texto o un comentario).

El DOM es una de las APIs más usadas en la Web, pues permite ejecutar código en el navegador
para acceder e interactuar con cualquier nodo del documento. Estos nodos pueden crearse,
moverse o modificarse. Pueden añadirse a estos nodos manejadores de eventos (event listeners
en inglés) que se ejecutarán/activarán cuando ocurra el evento indicado en este manejador.
 JAVASCRIPT ENGINES O M OTORES
J AVASCRIP T
Un motor JavaScript es la parte del navegador que interpreta y ejecuta el código escrito en el
lenguaje de programación JavaScript.

Los motores JavaScript son exclusivos de cada navegador, y constituyen otro elemento
fundamental para la velocidad a la que cada browser es capaz de interpretar las instrucciones y
realizar el renderizado de la página a cargar. En definitiva, la combinación Layout Engine o
motor de renderizado + Javascript Engine es la que determina la velocidad a la que cada
navegador carga las páginas web.
COM PLEM ENTOS
Un complemento es una aplicación secundaria o subordinada a otra aplicación principal, a la que
aporta funcionalidades nuevas y específicas, y con la que se comunica a través de la API
(Application Programming Interface o Interfaz de programación de aplicaciones).

Inferimos que la API es una interfaz estándar que permite a terceros desarrollar todo tipo de
aplicaciones que interactúan de forma estable con la aplicación principal.

A los complementos también se los conoce como plug-ins, add-ons, conectores o extensiones.

En los navegadores web, los complementos suelen extender o ampliar las funcionalidades del
navegador para visualizar distintos contenidos multimedia o interactivos, como PDFs, audio o
vídeo, o añadir funciones más complejas, como Java.
NAVEGAD ORES W EB POPULARES
SERVID ORES W EB

Los servidores web son los encargados de recibir las peticiones referidas a páginas o elementos
de la web a través del protocolo http. Normalmente es un software alojados un ordenador
servidor. Normalmente es el navegador el que pide al servidor web el recurso que desea el
usuario, para finalmente recibir dicho recurso (si fue válida la petición) y traducirle si es
necesario a su forma legible por el usuario (es decir la traducción de HTML la hace el
navegador).
CARACTERÍSTICAS
Seguridad: los servidores web modernos deben ser seguros, no solo en sus propias
configuraciones internas, sino también a la hora de limitar conexiones, permitir autenticación
con contraseña y despachar un sitio web. Para que nuestro sitio web sea bien visto es buena
idea instalar un certificado SSL, el cual debe ser configurado del lado del webserver para que
este pueda usarlo y así servir nuestra página de forma más segura.

Plataforma: la mayoría de los servidores web son multiplataforma, es decir, son compatibles con
distintos sistemas operativos, como puede ser el caso de Windows Server, distribuciones
basadas en Linux o en Unix y MacOS. Linux es el sistema operativo más utilizado a nivel de
servidores, siendo Windows Server su mayor competidor.

Despacho de contenido: esta es la tarea principal del servidor web. Par del contenido disponible
para ser despachado o servidor al usuario es lo que conocemos como contenido estático, es
decir, el contenido que no cambia, dentro de lo cual podemos encontrar por ejemplo imágenes,
videos, documentos, etc. Por otro lado tenemos el llamado contenido dinámico, que es el que
cambia basándose en las preferencias y acciones del usuario, este contenido se genera en el
momento y se basa principalmente en scripts.
SERVID ORES W EB POPULARES
SERVID ORES D E APLICACIONES W EB
Podemos entender que es una ampliación de los anteriores. Es decir, son servidores web, pero
que tienen capacidad de almacenar y gestionar aplicaciones web. Entendiendo que una
aplicación web es un servicio al que los usuarios acceden a través de la web. Este tipo de
servidores no sólo sirven para atender peticiones http, sino que además son capaces de
entender instrucciones de lenguajes avanzados de la web y traducirlas o bien son capaces de
acceder a recursos de otros servidores.

Ese proceso se hace de implantación de aplicaciones web forma transparente al usuario, es

decir el usuario pide el servicio a través, normalmente, de su navegador y el servidor de
aplicaciones atiende la petición, e interpreta el código de la aplicación a fin de traducir y
mostrar al usuario el resultado de forma entendible por su navegador (es decir en formato
HTML).A la forma de trabajar de un servidor de aplicaciones, se le conoce normalmente como
arquitectura de tres capas (a veces se habla de más capas).
Una primera capa es la del navegador que es capaz de traducir código del lado del cliente
(HTML, JavaScript,CSS, Flash,…). Para ello esa capa debe de disponer de todos los componentes
necesarios para hacer esa labor en el ordenador del usuario. La segunda capa la forma el
servidor de aplicaciones en su labor de traducir código en el lado del servidor (JSP, PHP, Rubyon
Rails, Cold Fussion…) y convertirlo al formato entendible por el navegador. La tercera capa son
todos los servicios a los que accede el servidor de aplicaciones para poder realizar la tarea
encomendada a la aplicación (por ejemplo el acceso a la base de datos).
 RED ES SOCIALES

“Las redes sociales son lugares en

Internet donde las personas publican y
comparten todo tipo de información,
personal y profesional, con terceras
personas, conocidos y absolutos
desconocidos”, afirma Celaya (2008).
Por su parte, Wikipedia la define como:
“una estructura social que se puede
representar en forma de uno o varios
grafos donde nodos representan
individuos y las aristas las relaciones
entre ellos”