Tecnologías para la web

UNIDAD 1
Internet y la web

Palacios Campana Diego Bernardo, Mgs

 ÍNDICE

1. Unidad 1: Internet y la web ................................................................................3

Tema 1: Internet y su evolución .................................................................................... 3
Objetivo: ........................................................................................................................ 3
Introducción: ................................................................................................................. 3

2. Información de los subtemas .............................................................................4

2.1 Subtema 1: Internet en la industria y la investigación....................................... 4
2.2 Subtema 2: Historia de la Web .......................................................................... 7
2.3 Subtema 3: Fundamentos de la web ................................................................. 9
2.4 Subtema 4: Generaciones de los sitios web ..................................................... 13

3. Preguntas de Comprensión de la Unidad ..........................................................15

4. Material Complementario ................................................................................16

5. Bibliografía ......................................................................................................17

2
 Internet y la web

1. Unidad 1: Internet y la web

Tema 1: Internet y su evolución
Objetivo:

Argumentar la importancia de la Internet, su historia y evolución para comprender el

papel importante que juega en el desarrollo y puesta en marcha de las aplicaciones que
se ejecutan en la web.

Introducción:
Bienvenidos al emocionante y, rápidamente, cambiante mundo de la programación en
Internet y en la Web. Existen actualmente millones de usuarios de Internet en todo el
mundo, existen en uso miles de millones de computadoras de propósito general,
además de otros miles de millones de computadoras incrustadas que se utilizan en
teléfonos celulares, teléfonos inteligentes (smartphones), computadoras tipo tablet,
electrodomésticos, automóviles y demás; y muchos de estos dispositivos están
conectados a Internet. De acuerdo con un estudio realizado por el Grupo de soluciones
de negocios de Internet de Cisco, había 12.5 mil millones de dispositivos habilitados para
Internet en 2010 y se pronosticó que existirían 50 mil millones de dispositivos
habilitados para Internet para el año 2020 (Deitel, Deitel, & Deitel, 2014). En este tema
nos concentraremos en revisar sobre el Internet, su historia y evolución, como también,
en las generaciones de los sitios web, los conceptos y fundamentos de la web.
© Universidad Estatal de Milagro – UNEMI

FORMATO CONTROLADO: FR0018/ v3.0 3

 Internet y la web

2. Informacion de los subtemas

2.1 Subtema 1: Internet en la industria y la
investigación
Según Deitel, Deitel, & Deitel (2014), muchas de las empresas más influyentes y exitosas
de las últimas dos décadas, están relacionadas con la tecnología: Apple, IBM, Hewlett
Packard, Dell, Intel, Motorola, Cisco, Microsoft, Google, Amazon, Facebook, Twitter,
Groupon, Foursquare, Yahoo, Ebay, y muchas más. Estas compañías son importantes
empleadores de personas que estudian ciencias computacionales, sistemas de
información o disciplinas relacionadas. En el pasado, la mayoría de las aplicaciones de
computadora se ejecutaban en equipos que no estaban conectados entre sí, mientras
que en la actualidad es posible escribir aplicaciones de Internet para comunicarse entre
computadoras en todo el mundo.
En las Figuras 1 a 6 se pueden observar ejemplos de la forma en que se utilizan las
computadoras y el Internet en la industria y en la investigación.

Figura 1: Mejoramiento de los servicios médicos

© Universidad Estatal de Milagro – UNEMI

Fuente: (Deitel, Deitel, & Deitel, 2014)

La Figura 2 proporciona, un ejemplo de cómo aplican las computadoras y el internet
para hacer el bien social.

FORMATO CONTROLADO: FR0018/ v3.0 4

 Internet y la web

Figura 2: Proyectos que utilizan computadores para el bien social

Fuente: (Deitel, Deitel, & Deitel, 2014)

Las Figuras 3 y 4 muestran un ejemplo de cómo es que las computadoras proveen la

infraestructura para comunicar, navegar, colaborar y realizar otras actividades
cotidianas.

Figura 3: Ejemplo de Infraestructura de computadores e internet – Computación en la

nube
© Universidad Estatal de Milagro – UNEMI

Fuente: (Deitel, Deitel, & Deitel, 2014)

FORMATO CONTROLADO: FR0018/ v3.0 5

 Internet y la web

Figura 4: Ejemplo de Infraestructura de computadores e internet – GPS, Robots y

Servicios (Correo electrónico, mensajería instantánea, chat de video y FTP)

Fuente: (Deitel, Deitel, & Deitel, 2014)

La siguiente figura, muestra las formas en que se utilizan las computadoras y e internet
en el entretenimiento.
Figura 5: Ejemplo de Infraestructura de computadores e internet – Entretenimiento
© Universidad Estatal de Milagro – UNEMI

Fuente: (Deitel, Deitel, & Deitel, 2014)

FORMATO CONTROLADO: FR0018/ v3.0 6

 Internet y la web

2.2 Subtema 2: Historia de la Web

El Internet conocido como una red global de computadoras, se hizo posible gracias a la
convergencia de las tecnologías de la computación y las comunicaciones. A finales de la
década de 1960, la Agencia de proyectos de investigación avanzados (ARPA) extendió
los planos para conectar en red los principales sistemas de cómputo alrededor de una
docena de universidades e instituciones de investigación patrocinadas por la ARPA a una
velocidad de 56kbps. La ARPA procedió a implementar ARPANET, que eventualmente se
convirtió en la Internet que conocemos (Deitel, Deitel, & Deitel, 2014).

Conmutación de paquetes
Uno de los principales objetivos de ARPANET fue permitir que múltiples usuarios
enviaran y recibieran información al mismo tiempo y a través de las mismas rutas de
comunicación (por ejemplo, las líneas telefónicas). La red operaba mediante la técnica
de conmutación de paquetes, en donde los datos digitales se enviaban en pequeños
grupos llamados paquetes (Deitel, Deitel, & Deitel, 2014).

TCP/IP
El protocolo para comunicarse a través de ARPANET se conoció como TCP: Protocolo de
control de transmisión. TCP aseguraba que los paquetes se enrutarían de forma correcta
del emisor hacia el receptor, y que llegarían intactos. A medida que evolucionó el
Internet, organizaciones de todo el mundo estaban implementando sus propias redes
tanto para comunicaciones intra organización como inter organización. Apareció una
extensa variedad de hardware y software de red. Un desafío fue lograr que estas
distintas redes se comunicaran. La ARPA logró con el desarrollo de IP: Protocolo de
Internet, con lo que verdaderamente creó una red de redes, la arquitectura actual de
Internet. El conjunto combinado de protocolos se conoce ahora comúnmente con
TCP/IP. Cada computadora en Internet tiene una dirección IP única (Deitel, Deitel, &
Deitel, 2014).
© Universidad Estatal de Milagro – UNEMI

Crecimiento explosivo
En un principio, el uso de Internet se limitó a las universidades y las instituciones de
investigación, después el ejecito empezó a usarla de manera intensiva. Con el tiempo,
el gobierno decidió permitir el acceso a Internet para fines comerciales. Las empresas
se dieron cuenta que podían optimizar sus operaciones además de ofrecer nuevos y
mejores servicios a sus clientes, por lo que empezaron a invertir enormes cantidades de
dinero para desarrollar y mejorar el Internet. Esto generó una feroz competencia entre
las operadoras de comunicaciones y los proveedores de hardware y software para
satisfacer la demanda. El resultado es que el ancho de banda en Internet está
aumentando con rapidez, a medida que los costos se reducen de manera dramática
(Deitel, Deitel, & Deitel, 2014).

FORMATO CONTROLADO: FR0018/ v3.0 7

 Internet y la web

World Wide Web, HTML, HTTP

La World Wide Web permite a los usuarios de computadora ejecutar aplicaciones
basadas en Web, además de localizar y ver documentos en multimedia sobre casi
cualquier tema en Internet. En 1989, Tim Berners-Lee empezó a desarrollar una
tecnología para compartir información a través de documentos de texto con
hipervínculos. A esta invención la llamó Lenguaje de marcado de hipertexto (HTML).
También escribió el Protocolo de transferencia de hipertexto (HTTP): un protocolo de
comunicaciones utilizado para enviar información a través de la Web. El URL (Localizador
Uniforme de Recursos) especifica la dirección o ubicación de la página Web que se
visualiza en la ventana del navegador. Cada página Web en Internet se asocia con un
URL único. Por lo general los URL empiezan con http:// (Deitel, Deitel, & Deitel, 2014).

HTTPS
Los URL de sitios Web que manejan información privada, como números de tarjetas de
crédito, a menudo empiezan con https://, la abreviación de Protocolo seguro de
transferencia de hipertexto (HTTPS). Este protocolo es el estándar para transferir datos
cifrados en Web. Combina HTTP con los esquemas criptográficos Capa de conexión
segura (SSL) y el más reciente Seguridad de la capa de transporte (TLS) para asegurar las
comunicaciones y la información de identificación a través de la Web (Deitel, Deitel, &
Deitel, 2014).

Mosaic, Netscape, surgimiento de Web 2.0

El uso de la Web explotó con la disponibilidad en 1993 del navegador Mosaic, el cual
incluía una interfaz gráfica amigable para el usuario. Marc Andreessen, cuyo equipo en
el Centro Nacional de Aplicaciones de Supercomputación (NCSA) desarrolló Mosaic, fue
el fundador de Netscape, la empresa que muchas personas consideran fue la mecha que
encendió la explosiva economía de Internet a finales de la década de 1990. Pero la caída
económica del “punto com" trajo consigo tiempos difíciles en la primera década de este
siglo. El resurgimiento que empezó alrededor de 2004 se denomina Web 2.0. Google es
© Universidad Estatal de Milagro – UNEMI

considerada por muchos como la empresa insignia de Web 2.0. Algunas otras empresas
con características de Web 2.0 son: YouTube (compartición de videos), Facebook (redes
sociales). Twitter (microblogs), Groupon (comercio social), Foursquare (registro móvil).
Salesforce (software de negocios que se ofrece en forma de servicios en línea “en la
nube"), Craigslist (en su mayoría, listados clasificados gratuitos), Flickr (compartición de
fotos), Skype (telefonía, video llamadas y conferencias por Internet, ahora propiedad de
Microsoft) y Wikipedia (una enciclopedia en línea gratuita) (Deitel, Deitel, & Deitel,
2014).

FORMATO CONTROLADO: FR0018/ v3.0 8

 Internet y la web

2.3 Subtema 3: Fundamentos de la web

En este subtema hablaremos sobre los fundamentos de las interacciones basadas en
Web entre un navegador Web cliente y un servidor Web. En su forma más simple, una
página Web es un documento de HTML (Lenguaje de marcado de hipertexto) (con la
extensión .html o .htm) que describe a un navegador Web su contenido y su estructura.

Hipervínculos
Por lo general, los documentos de HTML contienen hipervínculos que, al hacer clic en
ellos, cargan un documento Web especificado. Es posible crear hipervínculos con
imágenes y texto. Al colocar el puntero del ratón sobre un hipervínculo, el puntero de
flecha predeterminado se convierte en una mano con el dedo índice apuntando hacia
arriba. Con frecuencia el texto con hipervínculo aparece subrayado y en un color distinto
al del texto regular en una página Web.
Cuando el usuario hace clic en un hipervínculo, un servidor Web localiza la página
solicitada y la envía al navegador Web del usuario. De manera similar, el usuario puede
escribir la dirección de una página Web en el campo de dirección del navegador y
presionar Intro para ver la página especificada. Los hipervínculos pueden hacer
referencia a otras páginas Web, direcciones de correo electrónico, archivos y más
(Deitel, Deitel, & Deitel, 2014).

URI y URL
Los URI (Identificadores uniformes de recursos) identifican recursos en Internet. Los URI
que empiezan con http:// se llaman URL (Localizadores uniformes de recursos).
Comúnmente los URL hacen referencia a archivos, directorios o código del lado del
servidor que realiza tareas tales como búsquedas en bases de datos, búsquedas en
Internet y procesamiento de aplicaciones de negocios. Si conoce el URL de un recurso
disponible en forma pública en cualquier parte de la Web, puede introducir ese URL en
el campo de dirección de un navegador Web y éste podrá acceder a ese recurso (Deitel,
Deitel, & Deitel, 2014).
© Universidad Estatal de Milagro – UNEMI

Partes de un URL
Un URL contiene información que dirige a un navegador hacia el recurso que el usuario
desea utilizar. Los servidores Web ponen dichos recursos a disposición de los dientes
Web. Los servidores Web populares son: el servidor HTTP Apache y Microsoft Internet
Information Services (IIS). Ahora examinemos los componentes del URL:

Figura 6: Ejemplo de URL

Fuente: (Deitel, Deitel, & Deitel, 2014)

FORMATO CONTROLADO: FR0018/ v3.0 9

 Internet y la web

El texto http:// indica que debemos usar el Protocolo de transferencia de hipertexto

(HTTP) para obtener el recurso. A continuación, en el URL tenemos el nombre de host
completo del servidor (por ejemplo, wvw.deitel.com): el nombre de la computadora
servidor Web en donde reside el recurso. Esta computadora se define como host ya que
aloja y mantiene los recursos. El nombre de host deitel.com se traduce en una dirección
IP (Protocolo de Internet): un valor numérico que identifica en forma única al servidor
en Internet.
Un servidor del Sistema de nombres de dominio (DNS) de Internet mantiene una base
de datos de nombres de hosts y sus correspondientes direcciones IP, y realiza las
traducciones de manera automática.
El resto del URL (/books/downloads.html) especifica la ubicación del recurso (/books) y
el nombre (downloads.htm l) en el servidor Web. La ubicación podría representar un
directorio en el sistema de archivos del servidor Web. Sin embargo y por cuestiones de
seguridad, la ubicación es casi siempre un directorio virtual. El servidor Web traduce el
directorio virtual en una ubicación real en el servidor, con lo cual se oculta la verdadera
ubicación del recurso (Deitel, Deitel, & Deitel, 2014).

Realizar una solicitud y recibir una respuesta

Cuando un navegador Web recibe el URL de una página Web, usa HTTP para solicitar la
página Web que se encuentra en esa dirección. La Figura 7 muestra cómo un navegador
Web envía una solicitud a un servidor Web.

Figura 7: Un cliente solicitando un recurso a un servidor web

© Universidad Estatal de Milagro – UNEMI

Fuente: (Deitel, Deitel, & Deitel, 2014)

En la Figura 7, el navegador Web envía una solicitud HTTP al servidor. La solicitud (en su
forma más simple) es:

GET /books/downloads.htm l HTTP/1.1

La palabra GET es un método de HTTP que indica que el cliente desea obtener un recurso
del servidor. El resto de la solicitud proporciona el nombre de ruta del recurso (por

FORMATO CONTROLADO: FR0018/ v3.0 10

 Internet y la web

ejemplo, un documento de HTML 5) además del nombre del protocolo y el número de

versión (HTTP/1.1). La solicitud del cliente también contiene ciertos encabezados
requeridos y opcionales (Deitel, Deitel, & Deitel, 2014).

Cualquier servidor que entienda HTTP (versión 1.1) podrá traducir la solicitud y
responder en forma apropiada. La Figura 8 muestra al servidor Web respondiendo a
una solicitud.

Figura 8: Un cliente que recibe una respuesta del servidor

Fuente: (Deitel, Deitel, & Deitel, 2014)

El servidor envía primero una línea de texto que indica la versión de HTTP, seguida de
un código numérico y una frase para describir el estado de la transacción. Por ejemplo,

HTTP/1.1 200 0K

indica que la transacción fue exitosa, mientras que

HTTP/1.1 404 Not found

informa al cliente que el servidor Web no pudo localizar el recurso solicitado. En la

página www.w3.org/Protocols/rfc2616/rfc2616-sec10.html encontrará una lista
completa de códigos numéricos que indican el estado de una transacción de H TTP
(Deitel, Deitel, & Deitel, 2014).
© Universidad Estatal de Milagro – UNEMI

Encabezados HTTP

A continuación, el servidor envía uno o más encabezados HTTP, que proporcionan

información adicional sobre los datos que se enviarán. En este caso, el servidor va a
enviar un documento de texto de HTML 5, por lo que un encabezado HTTP para este
ejemplo sería:

Content-type: text/html

La información proporcionada en este encabezado especifica el tipo de Extensiones

multipropósito de correo Internet (MIME) del contenido que el servidor va a transmitir

FORMATO CONTROLADO: FR0018/ v3.0 11

 Internet y la web

al navegador. El estándar MIME especifica formatos de datos que los programas pueden
usar para interpretar los datos en forma correcta. Por ejemplo, el tipo MIME text/plain
indica que el contenido se muestra de manera directa. De manera similar, el tipo MIME
image/jpeg indica que el contenido es una imagen JPEG. Cuando el navegador recibe
este tipo MIME, trata de mostrar la imagen.

El encabezado o conjunto de encabezados va seguido de una línea en blanco, que indica

al navegador cliente que el servidor terminó de enviar encabezados HTTP. Por último, el
servidor envía el contenido del documento solicitado (downloads.html). Después el
navegador del lado del cliente despliega (o visualiza) el documento, para lo cual tal vez
se necesiten solicitudes HTTP adicionales para obtener la hoja CSS y las imágenes
asociadas (Deitel, Deitel, & Deitel, 2014).

Solicitudes get y post de HTTP

Los dos tipos más comunes de solicitudes HTTP (también conocidas como métodos de
solicitud) son get y post. Por lo general, una solicitud get obtiene (o recupera)
información de un servidor, como un documento HTML, una imagen o resultados de
búsqueda con base en un término de búsqueda enviado por el usuario. Por lo general,
una solicitud post publica (o envía) datos en un servidor. Por lo general, el uso de una
solicitud post es para enviar formas de datos o documentos a un servidor (Deitel, Deitel,
& Deitel, 2014).

Caché del lado del cliente

Es común que los navegadores coloquen en la caché (guarden en disco) las páginas Web
vistas recientemente para volver a cargarlas con rapidez. Si no hay cambios entre la
versión almacenada en la caché y la versión actual en la Web, esto agilizará la
experiencia de navegación del usuario. Una respuesta de HTTP puede indicar la longitud
de tiempo que el contenido permanece “actualizado". Si no ha pasado esta cantidad de
tiempo, el navegador no necesita enviar una solicitud al servidor y carga el documento
de la caché. De manera similar, también existe la respuesta HTTP “sin modificación" para
© Universidad Estatal de Milagro – UNEMI

indicar que el contenido del archivo no ha cambiado desde la última vez que se solicitó
(esta información se envía en la solicitud) (Deitel, Deitel, & Deitel, 2014).

FORMATO CONTROLADO: FR0018/ v3.0 12

 Internet y la web

2.4 Subtema 4: Generaciones de los sitios web

La web 1.0

La web 1.0 es la forma más básica que existe de navegadores de solo texto. Apareció
hacia 1990 y es muy primitiva para lo que hoy ofrece la web. La web 1.0 la utilizan
personas conectadas a la web utilizando Internet y es de solo lectura y el usuario es,
básicamente, un sujeto pasivo que recibe la información o la pública, sin que existan
posibilidades para que se genere la interacción con el contenido de la página; está
totalmente limitada a lo que el webmaster –el experto que administra los contenidos--
sube a la página web. Esta web primitiva es estática, centralizada, secuencial, de solo
lectura, y es no interactiva. Sirve para utilizar el correo electrónico, navegadores,
motores de búsqueda, etc. (Latorre, 2018).

La web 2.0

El término web 2.0 fue acuñado por O’Reilly en 2004 para referirse a una segunda
generación de tecnología web basada en comunidades de usuarios y una gama especial
de servicios, como las redes sociales, los blogs, los wikis, los chats, foros, álbumes de
fotografía, presentaciones en red, etc., que fomentan la colaboración y el intercambio
ágil de información entre los usuarios de una comunidad o red social. La web 2 posibilita
la conexión de personas con personas –redes sociales, wikis, colaboración, con
posibilidad de compartir--. Es dinámica, interactiva, de lectura y escritura, desarrolla la
inteligencia colectiva y favorece el trabajo colaborativo, etc. (Latorre, 2018).

La web 3.0

Web 3.0, son aplicaciones web conectadas a aplicaciones web, a fin de enriquecer la
experiencia de las personas; a esto agrega conocimiento del contexto en la web
geoespacial, la autonomía respecto del navegador y la construcción de la web
semántica. La web 3.0 es conocida como la “web semántica” porque utiliza de forma
más eficiente de los datos: “data web”. Es inter-operativa y el usuario tiene el control
© Universidad Estatal de Milagro – UNEMI

para hacer los cambios que desee modificando directamente las bases de datos. La web
semántica incluye meta-datos semánticos u ontológicos (que describen los contenidos
y las relaciones entre los datos) para que puedan ser rastreados por sistemas de
procesamiento (Latorre, 2018).

La web 4.0

En el 2016 empezó la web 4.0, que es el próximo gran avance y se centrará en ofrecer
un comportamiento más inteligente, más predictivo, de modo que podamos, con sólo
realizar una afirmación o petición, poner en marcha un conjunto de acciones que
tendrán como resultando aquello que pedimos o decimos.

FORMATO CONTROLADO: FR0018/ v3.0 13

 Internet y la web

Empresas como Google, Microsoft o Facebook, entre otras, están desarrollando nuevos
sistemas que gracias al Deep Learning y Machine Learning serán capaces de procesar
información de forma similar a como lo haría el cerebro humano.

Tenemos los avances que los asistentes de voz están logrando. Siri, Google Now o
Cortana entienden cada vez de forma más precisa y correcta lo que les decimos o
solicitamos. Es más, ya hay smartphones que siempre están “escuchando” para activarse
en el preciso momento que oigan “Oye, Siri” u “Hola, Google Now”, etc. para contestar
de inmediato (Latorre, 2018).

Figura 9: Uso multidimensional de la web

Fuente: Moravec, J. (2008). completado por Latorre, M. (2018).

© Universidad Estatal de Milagro – UNEMI

FORMATO CONTROLADO: FR0018/ v3.0 14

 Internet y la web

3. Preguntas de Comprension de la
Unidad
¿Cuál es el significado de las siglas TCP/IP?
A. TCP: Protocolo de comunicación y transmisión / IP: Protocolo de Internet
B. TCP: Protocolo de control de transmisión / IP: Protocolo de Intranet
C. TCP: Protocolo de control de transmisión / IP: Protocolo de Internet
D. TCP: Protocolo de comunicación y transmisión / IP: Protocolo de Intranet

¿Cuál es el protocolo que aseguraba que los paquetes se enrutarían de forma correcta
del emisor hacia el receptor, y que llegarían intactos?

A. UDP
B. IP
C. TCP
D. HTTP

¿Qué se hizo posible gracias a la convergencia de las tecnologías de la computación y

las comunicaciones?

A. Internet
B. ARPA
C. ARPANET
D. TCP/IP

¿Qué permite a los usuarios de computadora ejecutar aplicaciones basadas en Web,

además de localizar y ver documentos en multimedia sobre casi cualquier tema en
Internet?

A. World Wide Web

© Universidad Estatal de Milagro – UNEMI

B. HTML
C. HTTP
D. HTTPS

¿Qué es el URI?

E. Es un identificador uniforme de recursos

F. Es un localizador uniforme de recursos
G. Es un identificador uniforme de registros
H. Es un localizador uniforme de registros

FORMATO CONTROLADO: FR0018/ v3.0 15

 Internet y la web

4. Material Complementario
Los siguientes recursos complementarios son sugerencias para que se pueda ampliar la
información sobre el tema trabajado, como parte de su proceso de aprendizaje
autónomo:

Videos de apoyo:
• Clase magistral tema 1, aula virtual
• ¿Cómo ha evolucionado la Web?:
https://www.youtube.com/watch?v=mFnRAPHrbN4
• LAS TIC Y LA SOCIEDAD DEL CONOCIMIENTO:
https://www.youtube.com/watch?v=_6PiYuO-UME
• Web 1.0, 2.0, 3.0 y 4.0 Diferencias y Características - La Evolución de la Web:
https://www.youtube.com/watch?v=iENeKGMIGV8
• ¿QUÉ ES LA WEB Y COMO FUNCIONA? | Curso: La ruta para ser un desarrollador
web profesional: https://www.youtube.com/watch?v=GgFIjQzfWjA
• TECNOLOGÍAS WEB | Curso: La ruta para ser un desarrollador web profesional:
https://www.youtube.com/watch?v=cMdnyvodZak

Bibliografía de apoyo:
Deitel, P., Deitel, H., & Deitel, A. (2014). Cómo Programar Internet & World Wide Web.
México: Pearson.

Latorre, M. (2018). HISTORIA DE LAS WEB 1.0, 2.0, 3.0 y 4.0. Perú: Universidad Marcelino
Champagnat

Moravec, J. W. (2008). Moving beyond Education 2.0. Recuperado Mayo 05, 2021, de
Education Futures Web site: http://www.educationfutures.com/2008/02/15/moving-
beyond-education-20/

Luján-Mora, S. (2002). Programación de aplicaciones web: historia, principios básicos y

© Universidad Estatal de Milagro – UNEMI

clientes web.Editorial Club Universitario.

Gauchat, J. (2012). El gran libro de HTML5, CSS3 y Javascript (Primera ed.). Barcelona,
España: Marcombo, S.A.

Links de apoyo:
• https://www.guru99.com/url-vs-uri-difference.html
• https://www.trecebits.com/2018/02/07/las-6-generaciones-la-digital/
• http://www.jtech.ua.es/historico/ias/restringido/apuntes/sesion01-
apuntes.htm

FORMATO CONTROLADO: FR0018/ v3.0 16

 Internet y la web

5. Bibliografía

» Deitel, P., Deitel, H., & Deitel, A. (2014). Cómo Programar Internet & World Wide
Web. México: Pearson.

» Latorre, M. (2018). HISTORIA DE LAS WEB 1.0, 2.0, 3.0 y 4.0. Perú: Universidad
Marcelino Champagnat.

» Moravec, J. W. (2008). Moving beyond Education 2.0. Recuperado Mayo 05,

2021, de Education Futures Web site:
http://www.educationfutures.com/2008/02/15/moving-beyond-education-20/
© Universidad Estatal de Milagro – UNEMI

FORMATO CONTROLADO: FR0018/ v3.0 17

 Tecnologías para la web

UNIDAD 1
Internet y la web

Palacios Campana Diego Bernardo, Mgs

 ÍNDICE

1. Unidad 1: Internet y la web ................................................................................3

Tema 2: Aplicaciones Web ............................................................................................ 3
Objetivo: ........................................................................................................................ 3
Introducción: ................................................................................................................. 3

2. Información de los subtemas .............................................................................4

2.1 Subtema 1: ¿Qué es una aplicación web? ......................................................... 4
2.2 Subtema 2: Ventajas y Desventajas ................................................................. 11
2.3 Subtema 3: Evolución de las páginas web ....................................................... 12

3. Preguntas de Comprensión de la Unidad ..........................................................16

4. Material Complementario ................................................................................17

5. Bibliografía ......................................................................................................18

2
 Internet y la web

1. Unidad 1: Internet y la web

Tema 2: Aplicaciones Web
Objetivo:

Conocer las características de una aplicación web, como también sus ventajas,
desventajas y su evolución.

Introducción:
En la actualidad la sociedad se encuentra sumergida en una transformación digital que
afecta directamente a los procesos de negocio de las empresas, este contexto exige que
el ser humano se inserte cada vez más en la sociedad del conocimiento y aplique las TICS
en muchas actividades de su vida cotidiana. Dentro de este ámbito se encuentran las
aplicaciones web, mismas que se conocen como una herramienta fundamental en
todos los ámbitos, debido a las ventajas que ofrecen a los usuarios finales. Al ser
servicios multiplataforma y accesibles desde cualquier punto, facilitan el trabajo
colaborativo, están disponibles en cuanto a hora y lugar, mantienen centralizada la
información, nos ahorran dinero, tiempo y requieren mucho menos consumo de
espacio y memoria RAM que cualquier aplicación que requiera ser instalada en un
sistema operativo. (Palacios, Guamán, & Contento, 2018)
El Internet y la Web han influido enormemente tanto en el mundo de la informática
como en la sociedad en general. Si nos centramos en la Web, en poco menos de 10 años
ha transformado los sistemas informáticos: ha roto las barreras físicas (debido a la
distancia), económicas y lógicas (debido al empleo de distintos sistemas operativos,
protocolos, etc.) y ha abierto todo un abanico de nuevas posibilidades. Una de las áreas
que más expansión está teniendo en la Web en los últimos años son las aplicaciones
web. (Luján Mora, 2002).
© Universidad Estatal de Milagro – UNEMI

FORMATO CONTROLADO: FR0018/ v3.0 3

 Internet y la web

2. Informacion de los subtemas

2.1 Subtema 1: ¿Qué es una aplicación web?
Una aplicación web es un software al que accedemos mediante el protocolo HTTP o
HTTPS. Al ser servicios multiplataforma y accesibles desde cualquier punto, facilitan
el trabajo colaborativo, están disponibles en cuanto a hora y lugar, mantienen
centralizada la información. Los datos que provienen del uso de las aplicaciones
web están seguros y resguardados. El único requisito para utilizarlas es tener un
navegador web y una conexión a internet, lo cual brinda la facilidad de acceder a la
información sin importar el sistema operativo y de la capacidad de procesamiento
que tenga. Sin embargo, las aplicaciones web deben mantener un alto performance
a la hora de atender miles de peticiones de usuarios. El rendimiento de una
página web es el tiempo que se demora encargarse desde su petición (Palacios, Guamán,
& Contento, 2018).

Mateu (2004) menciona que uno de los puntos clave del éxito de un sitio web será el
nivel de comodidad de nuestros usuarios, que la experiencia al visitar nuestro
sitio sea agradable, que la respuesta que obtengan a sus acciones sea fluida, sin retrasos
en las respuestas, etc. Otro de estos puntos clave será el rendimiento que
obtengamos de nuestros sistemas. A mayor rendimiento, mejor aprovechamiento
de la inversión. En muchos casos, ello también se traducirá en una respuesta más
agradable a nuestros usuarios, más fluida, con tiempos de acceso menores, etc.

Por otro lado, Pressman (2010), indica que las aplicaciones web llamadas también
“webapps”, centrada en redes agrupa una amplia gama de aplicaciones. En su forma
más sencilla, las webapps son poco más que un conjunto de archivos de hipertexto
vinculados que presentan información con uso de texto y gráficas limitadas. Sin
embargo, desde que surgió Web 2.0, las webapps están evolucionando hacia ambientes
© Universidad Estatal de Milagro – UNEMI

de cómputo sofisticados que no sólo proveen características aisladas, funciones de

cómputo y contenido para el usuario final, sino que también están integradas con bases
de datos corporativas y aplicaciones de negocios.

Características
Según García & García (2006), como características de las aplicaciones web tenemos:

Global: Se puede acceder a él desde cualquier tipo de plataforma, usando cualquier

navegador y desde cualquier parte del mundo.

FORMATO CONTROLADO: FR0018/ v3.0 4

 Internet y la web

Figura 1: Acceso Global

Fuente: http://www.ftpweb.es/noticias/ya-puedes-ver-nuestra-web-desde-cualquier-
dispositivo-mvil.jpg

Pública: Toda su información está distribuida en miles de ordenadores que ofrecen su

espacio para almacenarla. Esta información es pública y toda puede ser obtenida por el
Usuario.

Figura 2: Acceso Público

Fuente: https://destinonegocio.com/wp-content/uploads/2018/09/istock-
513118394_low.jpg
© Universidad Estatal de Milagro – UNEMI

Dinámica: La información, aunque esta almacenada, puede ser actualizada por quién la
publico sin que el usuario deba actualizar su soporte técnico.

FORMATO CONTROLADO: FR0018/ v3.0 5

 Internet y la web

Figura 3: Acceso Dinámico

Fuente: https://concepto.de/wp-content/uploads/2018/08/web-2.0-
e1534779139902.jpg

Las aplicaciones web permiten la generación automática de contenido, la creación de

páginas personalizadas según el perfil del usuario o el desarrollo del comercio
electrónico. Además, una aplicación web permite interactuar con los sistemas
informáticos de gestión de una empresa, como puede ser gestión de clientes,
contabilidad o inventario, a través de una página web. Las aplicaciones web se
encuadran dentro de las arquitecturas cliente/servidor: un ordenador solicita servicios
(el cliente) y otro está a la espera de recibir solicitudes y las responde (el servidor), ver
Figura 4 (Luján Mora, 2002).

Figura 4: Esquema básico de una aplicación web

© Universidad Estatal de Milagro – UNEMI

Fuente: Luján Mora (2002)

En las aplicaciones web suelen distinguirse tres niveles (como en las arquitecturas
cliente/servidor de tres niveles): el nivel superior que interacciona con el usuario (el
cliente web, normalmente un navegador), el nivel inferior que proporciona los datos (la
base de datos) y el nivel intermedio que procesa los datos (el servidor web). (Luján Mora,
2002).

FORMATO CONTROLADO: FR0018/ v3.0 6

 Internet y la web

Transferencia de páginas web

Según Luján Mora (2002), El proceso completo, desde que el usuario solicita una página,
hasta que el cliente web (navegador) se la muestra con el formato apropiado, es el
siguiente:

1. El usuario especifica en el cliente web la dirección de la página que desea

consultar: el usuario escribe en el navegador la dirección (URL) de la página
que desea visitar o pulsa un enlace (Ver Figura 5).

Figura 5: Solicitud de recurso

Fuente: https://n9.cl/dljan

2. El cliente establece una conexión con el servidor web.

3. El cliente solicita la página o el objeto deseado.
4. El servidor envía dicha página u objeto (o, si no existe, devuelve un código de
error). Ver Figura 6.
© Universidad Estatal de Milagro – UNEMI

FORMATO CONTROLADO: FR0018/ v3.0 7

 Internet y la web

Figura 6: Respuesta del servidor

Fuente: https://n9.cl/lmzzd

5. Si se trata de una página HTML, el cliente inicia sus labores de interpretación

de los códigos HTML. Si el cliente web encuentra instrucciones que hacen
referencia a otros objetos que se tienen que mostrar con la página (imágenes,
sonidos, animaciones multimedia, etc.), establece automáticamente
comunicación con el servidor web para solicitar dichos objetos.
6. Se cierra la conexión entre el cliente y el servidor.
7. Se muestra la página al usuario. Ver Figura 7.

Figura 7: El navegador muestra el recurso

© Universidad Estatal de Milagro – UNEMI

Fuente: https://n9.cl/m6fak

Obsérvese que siempre se libera la conexión, por lo que ésta sólo tiene la duración
correspondiente a la transmisión de la página solicitada. Esto se hace así para no

FORMATO CONTROLADO: FR0018/ v3.0 8

 Internet y la web

desperdiciar innecesariamente el ancho de banda de la red mientras el usuario lee la

página recibida.
Cuando el usuario activa un enlace de la página, se establece una nueva conexión para
recibir otra página o elemento multimedia. Por ello, el usuario tiene la sensación de que
está disfrutando de una conexión permanente cuando realmente no es así.

Un detalle importante es que para cada objeto que se transfiere por la red se realiza una
conexión independiente. Por ejemplo, si el cliente web solicita una página que contiene
dos imágenes integradas, se realizan tres conexiones: una para el documento HTML y
dos para los archivos de las imágenes.

Entornos web
Las aplicaciones web se emplean en tres entornos informáticos muy similares que
suelen confundirse entre sí: Internet, intranet y extranet.

Internet
En 1998, la Internet tenía más de 100 millones de usuarios en todo el mundo, en
diciembre de 2000 unos 400 millones, en junio de 2002 unos 600 millones y el número
sigue creciendo rápidamente. Más de 100 países están conectados a este nuevo medio
para intercambiar todo tipo de información. (Luján Mora, 2002)

Intranet
Según Luján (2002), una intranet es una red de ordenadores basada en los protocolos
que gobiernan Internet (TCP/IP) que pertenece a una organización y que es accesible
únicamente por los miembros de la organización, empleados u otras personas con
autorización. Una intranet puede estar o no conectada a Internet. Un sitio web en una
intranet es y actúa como cualquier otro sitio web, pero los cortafuegos (firewall) lo
protegen de accesos no autorizados (su acceso está limitado a un ámbito local). Al igual
que Internet, las intranets se usan para distribuir y compartir información. Hoy en día
componen el segmento con mayor crecimiento dentro de Internet, porque son menos
© Universidad Estatal de Milagro – UNEMI

caras de montar y de administrar que las redes privadas que se basan en protocolos
propietarios.

Extranet
Una extranet es una intranet a la que pueden acceder parcialmente personas
autorizadas ajenas a la organización o empresa propietaria de la intranet. Mientras que
una intranet reside detrás de un cortafuego y sólo es accesible por las personas que
forman parte de la organización propietaria de la intranet, una extranet proporciona
diferentes niveles de acceso a personas que se encuentran en el exterior de la
organización. Esos usuarios pueden acceder a la extranet sólo si poseen un nombre de
usuario y una contraseña con los que identificarse. La identidad del usuario determina

FORMATO CONTROLADO: FR0018/ v3.0 9

 Internet y la web

que partes de la extranet puede visualizar. Además, para acceder a una extranet se
suelen emplear medios de comunicación seguros, como Secure Socket Layer (SSL) y
Virtual Private Network (VPN). Las extranets se están convirtiendo en un medio muy
usado por empresas que colaboran para compartir información entre ellas. Se emplean
como medio de comunicación de una empresa con sus clientes, proveedores o socios.
Las extranets son la base del comercio electrónico entre empresas (business to business,
B2B). (Luján Mora, 2002).
© Universidad Estatal de Milagro – UNEMI

FORMATO CONTROLADO: FR0018/ v3.0 10

 Internet y la web

2.2 Subtema 2: Ventajas y Desventajas

Ventajas
Según Luján Mora (2002) se indican las siguientes ventajas:

El problema de gestionar el código en el cliente se reduce drásticamente. Suponiendo

que existe un navegador o explorador estándar en cada cliente, todos los cambios, tanto
de interfaz como de funcionalidad, que se deseen realizar a la aplicación se realizan
cambiando el código que resida en el servidor web. Compárese esto con el coste de
tener que actualizar uno por uno el código en cada uno de los clientes (imaginemos que
tenemos 2.000 ordenadores clientes). No sólo se ahorra tiempo porque reducimos la
actualización a una sólo máquina, sino que no hay que desplazarse de un puesto de
trabajo a otro.
Se evita la gestión de versiones. Se evitan problemas de inconsistencia en las
actualizaciones, ya que no existen clientes con distintas versiones de la aplicación.
Si la empresa ya está usando Internet, no se necesita comprar ni instalar herramientas
adicionales para los clientes.
Otra ventaja, es que, de cara al usuario, los servidores externos (Internet) e internos
(intranet) aparecen integrados, lo que facilita el aprendizaje y uso.
Una última ventaja, pero no menos importante, es la independencia de plataforma. Para
que una aplicación web se pueda ejecutar en distintas plataformas (hardware y sistema
operativo), sólo se necesita disponer de un navegador para cada una de las plataformas,
y no es necesario adaptar el código de la aplicación a cada una de ellas. Además, las
aplicaciones web ofrecen una interfaz gráfica de usuario independiente de la plataforma
(ya que la plataforma de ejecución es el propio navegador).

Desventajas
Una desventaja, que sin embargo está desapareciendo rápidamente, es que la
programación en la web no es tan versátil o potente como la tradicional. El lenguaje
HTML presenta varias limitaciones, como es el escaso repertorio de controles
© Universidad Estatal de Milagro – UNEMI

disponibles para crear formularios. Por otro lado, al principio las aplicaciones web eran
básicamente de solo lectura y permitían una interacción con el usuario prácticamente
nula. Sin embargo, con la aparición de nuevas tecnologías de desarrollo, esta limitación
tiende a desaparecer (Luján Mora, 2002).

FORMATO CONTROLADO: FR0018/ v3.0 11

 Internet y la web

2.3 Subtema 3: Evolución de las páginas web

Inicialmente la web era simplemente una colección de páginas estáticas, documentos,
etc., que podían consultarse o descargarse. (Mateu, 2004). En la Figura 8 podemos
observar un ejemplo de página simple en donde se pueden apreciar poco o nulo empleo
de elementos gráficos, empleo de listas para organizar la información, empleo de líneas
horizontales como separadores, etc. (Luján Mora, 2002)

Figura 8: Ejemplo de una de las primeras páginas web

Fuente: Luján Mora (2002)

El siguiente paso en su evolución fue la inclusión de un método para confeccionar

páginas dinámicas que permitiesen que lo mostrado fuese dinámico (generado o
calculado a partir de los datos de la petición). Dicho método fue conocido como CGI
(Common Gateway interface) y definía un mecanismo mediante el cual podíamos pasar
información entre el servidor HTTP y programas externos (Ver Figura 9). Los CGI siguen
siendo muy utilizados, puesto que la mayoría de los servidores web los soportan debido
© Universidad Estatal de Milagro – UNEMI

a su sencillez. Además, nos proporcionan total libertad a la hora de escoger el lenguaje

de programación para desarrollarlos. (Mateu, 2004)

FORMATO CONTROLADO: FR0018/ v3.0 12

 Internet y la web

Figura 9: Mecánica de la CGI

Fuente:
https://www.ionos.es/digitalguide/fileadmin/DigitalGuide/Schaubilder/funcionamient
o-de-common-gateway-interface.png

El esquema de funcionamiento de los CGI tenía un punto débil: cada vez que recibíamos
una petición, el servidor web lanzaba un proceso que ejecutaba el programa CGI. Como,
por otro lado, la mayoría de CGI estaban escritos en algún lenguaje interpretado (Perl,
Python, etc.) o en algún lenguaje que requería run-time environment (VisualBasic, Java,
etc.), esto implicaba una gran carga para la máquina del servidor. Además, si la web
tenía muchos accesos al CGI, esto suponía problemas graves. (Mateu, 2004)

Por ello se empiezan a desarrollar alternativas a los CGI para solucionar este grave
problema de rendimiento. Las soluciones vienen principalmente por dos vías. Por un
lado, se diseñan sistemas de ejecución de módulos más integrados con el servidor, que
© Universidad Estatal de Milagro – UNEMI

evitan que éste tenga que instanciar y ejecutar multitud de programas. La otra vía
consiste en dotar al servidor de un intérprete de algún lenguaje de programación (RXML,
PHP, VBScript, etc.) que nos permita incluir las páginas en el código de manera que el
servidor sea quien lo ejecute, reduciendo así el tiempo de respuesta. (Mateu, 2004)

A partir de este momento, se vive una explosión del número de arquitecturas y lenguajes
de programación que nos permiten desarrollar aplicaciones web. Todas ellas siguen
alguna de las dos vías ya mencionadas. De ellas, las más útiles y las que más se utilizan
son aquellas que permiten mezclar los dos sistemas, es decir, un lenguaje de
programación integrado que permita al servidor interpretar comandos que
“incrustemos” en las páginas HTML y un sistema de ejecución de programas más

FORMATO CONTROLADO: FR0018/ v3.0 13

 Internet y la web

enlazado con el servidor que no presente los problemas de rendimiento de los CGI.
(Mateu, 2004)

La tecnología Java de Sun Microsystems, que está integrada por dos componentes;
proveía, un lenguaje que permite incrustar código interpretable en las páginas HTML y
que el servidor traduce a programas ejecutables, JSP (Java server pages) y un mecanismo
de programación estrechamente ligado al servidor, con un rendimiento muy superior a
los CGI convencionales, llamado Java Servlet. Ver Figura 10.

Figura 10: JSP y Servlet

Fuente: https://qph.fs.quoracdn.net/main-qimg-
b4fac95e273d1689600ac58b453732c9

Otra de las tecnologías que más éxito ha obtenido y una de las que más se utiliza en
Internet es el lenguaje de programación interpretado por el servidor PHP caracterizado
por su facilidad de aprendizaje, su sencillez y potencia, se está convirtiendo en una
herramienta muy utilizada para algunos desarrollos. En definitiva, otros métodos de
programación de aplicaciones web también tienen su mercado. Así sucede con Phyton,
JavaScript, ASP .NET, Perl, Ruby, etc., pero muchos de ellos están vinculados a un
servidor web concreto y ofrecen prestaciones y resultados equivalentes. (Mateu, 2004)

Finalmente, muchas veces, al comenzar a programar, es común verse acorralado por las
© Universidad Estatal de Milagro – UNEMI

numerosas opciones de lenguajes de programación disponibles. Sin embargo,

observando cómo funcionan las páginas web más importantes y populares nos podemos
interrogar: ¿qué lenguajes de programación utilizan Facebook, Twitter, Amazon o
Google? ¿Cuáles son los mejores para el lado del cliente y cuáles para el lado del
servidor? En la Figura 11 podemos ver que todas las páginas web mencionadas utilizan
JavaScript del lado del cliente, pero dependen de una gran variedad de lenguajes de
programación del lado del servidor. Yahoo es el único caso en el que encontramos un
servidor basado en PHP.

FORMATO CONTROLADO: FR0018/ v3.0 14

 Internet y la web

Figura 11: lenguajes de programación web utilizados por las páginas web más
conocidas

Fuente: https://www.ionos.es/digitalguide/paginas-web/desarrollo-web/lenguajes-de-
programacion-web/
© Universidad Estatal de Milagro – UNEMI

FORMATO CONTROLADO: FR0018/ v3.0 15

 Internet y la web

3. Preguntas de Comprension de la
Unidad
¿Qué es una aplicación web?
A. Conjunto de archivos de hipertexto vinculados que presentan información con
uso de texto, gráficas y multimedia. Se conocen también como “webapps” y se
acceden mediante el protocolo HTTP o HTTPS.
B. Conjunto de archivos de texto vinculados que presentan información con uso de
hipertexto, gráficas y multimedia. Se conocen también como “aplicaciones front
end” y se acceden únicamente mediante el protocolo HTTPS.
C. Conjunto de archivos de texto vinculados que presentan información con uso de
texto, gráficas y multimedia. Se conocen también como “webapps” y se acceden
únicamente mediante el protocolo FTP.
D. Conjunto de archivos de texto vinculados que presentan información con uso de
texto, gráficas y multimedia. Se conocen también como “aplicaciones front end”
y se acceden mediante el protocolo FTP, HTTP y HTTPS.

¿Cuáles son las características de una aplicación web?

A. Global, Pública, Dinámica

B. Segmentada, Pública, Estática
C. Global, Privada, Dinámica
D. Segmentada, Pública, Dinámica

¿Cuál es la función de un servidor, dentro de la arquitectura cliente/servidor?

A. Está a la espera de enviar solicitudes y las responde.

B. Está a la espera de recibir solicitudes y las responde.
C. Únicamente recibe solicitudes, pero no las responde, esa función la cumple la
© Universidad Estatal de Milagro – UNEMI

arquitectura cliente/servidor.
D. Únicamente recibe solicitudes, pero no las responde, esa función la cumple el
cliente.

¿Cuáles son los entornos en donde se emplean las aplicaciones web?

A. Internet, Intranet, Extranet

B. Web, De escritorio y Móvil
C. Ejecución, Desarrollo, Pruebas
D. Rendimiento, Seguridad, Disponibilidad

FORMATO CONTROLADO: FR0018/ v3.0 16

 Internet y la web

¿Cuál son los lenguajes de programación utilizados por la página web de Yahoo?

E. JavaScript, C++
F. JavaScript, C++ y C
G. JavaScript y PHP
H. JavaScript y Scala

4. Material Complementario
Los siguientes recursos complementarios son sugerencias para que se pueda ampliar la
información sobre el tema trabajado, como parte de su proceso de aprendizaje
autónomo:

Videos de apoyo:
• Clase magistral tema 1, aula virtual
• Introducción a las aplicaciones web:
https://www.youtube.com/watch?v=npNUYo2wX2Y
• ¿Página web vs Sitio web vs Aplicación web?:
https://www.youtube.com/watch?v=BUyaHveV9rY
• La historia completa de la web en 40 minutos:
https://www.youtube.com/watch?v=NWUZCTTLQcg
• ¿Cómo se crea una página web? ¿Qué caminos existen?:
https://www.youtube.com/watch?v=iIyoWWiMDC4

Bibliografía de apoyo:

Deitel, P., Deitel, H., & Deitel, A. (2014). Cómo Programar Internet & World Wide Web.
México: Pearson.

García, I., & García, C. (2006). Aplicación web para el conocimiento y conversión de
© Universidad Estatal de Milagro – UNEMI

unidades. España: DEPARTAMENTO I.E.E.C.

Latorre, M. (2018). HISTORIA DE LAS WEB 1.0, 2.0, 3.0 y 4.0. Perú: Universidad
Marcelino Champagnat.

Luján Mora, S. (2002). Programación de aplicaciones web: Historia, Principios Básicos y

Clientes Web. Alicante: Editorial Club Universitario ECU.

Mateu, C. (2004). Software Libre. Desarrollo de aplicaciones web. Barcelona: Eureca

Media.

FORMATO CONTROLADO: FR0018/ v3.0 17

 Internet y la web

Palacios, D., Guamán, J., & Contento, S. (2018). Análisis del rendimiento de librerías de
componentes Java Server Faces en el desarrollo de aplicaciones web. NOVA
Sinergia, 1(2), 54-59. doi:https://doi.org/10.37135/unach.ns.001.02.06

Pressman, R. S. (2010). Ingeniería de Software. Un enfoque práctico. México:

McGRAW-HILL.

Links de apoyo:
• https://www.hostgator.mx/blog/evolucion-del-diseno-web/
• https://www.ionos.es/digitalguide/paginas-web/desarrollo-web/lenguajes-de-
programacion-web/

5. Bibliografía

» García, I., & García, C. (2006). Aplicación web para el conocimiento y conversión
de unidades. España: DEPARTAMENTO I.E.E.C.

» Luján Mora, S. (2002). Programación de aplicaciones web: Historia, Principios

Básicos y Clientes Web. Alicante: Editorial Club Universitario ECU.

» Mateu, C. (2004). Software Libre. Desarrollo de aplicaciones web. Barcelona:

Eureca Media.

» Palacios, D., Guamán, J., & Contento, S. (2018). Análisis del rendimiento de
librerías de componentes Java Server Faces en el desarrollo de aplicaciones web.
NOVA Sinergia, 1(2), 54-59. doi:https://doi.org/10.37135/unach.ns.001.02.06

» Pressman, R. S. (2010). Ingeniería de Software. Un enfoque práctico. México:

McGRAW-HILL.
© Universidad Estatal de Milagro – UNEMI

FORMATO CONTROLADO: FR0018/ v3.0 18

 TECNOLOGIAS PARA LA WEB

Unidad 1
INTERNET Y LA WEB

Tema 1
INTERNET Y SU EVOLUCIÓN

Ing. Kevin Gabriel Castillo Villegas, Msc.

Utilizar auriculares con micrófono.

Utilizar una conexión de internet por cable.

Elegir un lugar tranquilo y sin ruidos.

Ingresar algunos minutos antes de iniciar la videoconferencia.

Silenciar su micrófono.

Levantar la mano para pedir la palabra.

 Actividad de Inicio

➢ Actividades a realizar durante el semestre.

➢ Trabajos Grupales.
➢ Tutorías Académicas.
➢ Lineamientos Generales
 Subtemas
➢ Subtema 1: : Internet en la industria y la investigación
➢ Subtema 2: Historia de la Web
➢ Subtema 3: Fundamentos de la web
➢ Subtema 4: Generaciones de los sitios web
 Objetivo

Argumentar la importancia de la
Internet, su historia y evolución para
comprender el papel importante que
juega en el desarrollo y puesta en
marcha de las aplicaciones que se
ejecutan en la web.
¿Qué es el INTERNET?
INTERNET Y LA WEB
SUBTEMA 1: INTERNET EN LA INDUSTRIA Y LA INVESTIGACIÓN
INTERNET EN LA INDUSTRIA Y LA INVESTIGACIÓN

Evolución
en el
campo
medico

https://cnnespanol.cnn.com/video/estados-unidos-protesis-tacto-movimiento-brazo-bionico-amputados-clix-cnn/
INTERNET EN LA INDUSTRIA Y LA INVESTIGACIÓN

Evolución en
el campo
medico y
social
INTERNET EN LA INDUSTRIA Y LA INVESTIGACIÓN
Internet de las cosas (IoT)
SUBTEMA 2: HISTORIA DE LA WEB
SUBTEMA 3: FUNDAMENTOS DE LA WEB

Página Web
FUNDAMENTOS DE LA WEB

HTML
SUBTEMA 3: FUNDAMENTOS DE LA WEB

Hipervínculo
SUBTEMA 3: FUNDAMENTOS DE LA WEB

URI y URL
SUBTEMA 3: FUNDAMENTOS DE LA WEB

HTTP y HTTPS
SUBTEMA 3: FUNDAMENTOS DE LA WEB
SSL
FUNDAMENTOS DE LA WEB

DNS
FUNDAMENTOS DE LA WEB

Realizar una solicitud y recibir una respuesta

SUBTEMA 4: GENERACIONES DE LOS SITIOS WEB

Web 1.0
SUBTEMA 4: GENERACIONES DE LOS SITIOS WEB

Web 2.0
SUBTEMA 4: GENERACIONES DE LOS SITIOS WEB

Web 3.0
SUBTEMA 4: GENERACIONES DE LOS SITIOS WEB

Web 4.0
SUBTEMA 4: GENERACIONES DE LOS SITIOS WEB
ACTIVIDAD DE CIERRE

Conozcamos sitios de ejemplo de web 1.0 2.0 3.0 y 4.0

http://info.cern.ch/
Web 1.0 https://worldwideweb.cern.ch/browser/

http://carolinaruilova.blog.epn.edu.ec/wp-
Web 2.0 content/uploads/sites/19/2013/08/Ejemplos
-Web-1.0-vs-Web-2.0.pdf
ACTIVIDAD DE CIERRE

Conozcamos sitios de ejemplo de web 1.0 2.0 3.0 y 4.0

https://brave.com/es/
Web 3.0 https://101blockchains.com/es/web-3-0/

Inteligencia artificial, mejor comprensión del lenguaje

natural.
Web 4.0 Ejemplo
Los buscadores o motores de búsqueda podrán verse
incluidos y presentados por medio de asistentes
virtuales.
Revisión de Contenidos Disponibles

➢ Aula virtual
➢ Guía del estudiante
➢ Compendio
➢ Video Magistral
➢ Material Complementario
Bibliografía
» Deitel, P., Deitel, H., & Deitel, A. (2014). Cómo Programar Internet & World
Wide Web. México: Pearson.
» Latorre, M. (2018). HISTORIA DE LAS WEB 1.0, 2.0, 3.0 y 4.0. Perú: Universidad
Marcelino Champagnat.
» Moravec, J. W. (2008). Moving beyond Education 2.0. Recuperado Mayo 05,
2021, de Education Futures Web
site:http://www.educationfutures.com/2008/02/15/moving-
beyondeducation20/
 TECNOLOGIAS PARA LA WEB

Unidad 1
INTERNET Y LA WEB

Tema 2
APLICACIONES WEB

Ing. Kevin Castillo Villegas, Msc.

Utilizar auriculares con micrófono.

Utilizar una conexión de internet por cable.

Elegir un lugar tranquilo y sin ruidos.

Ingresar algunos minutos antes de iniciar la videoconferencia.

Silenciar su micrófono.

Levantar la mano para pedir la palabra.

 Actividad de Inicio

• TAREA
• TEST UNIDAD
1

https://es.educaplay.com/recursos-
educativos/14832270- repaso_semana_2.html
 Subtemas

• SUBTEMA 3: EVOLUCIÓN DE LAS APLICACIONES

WEB
Objetivo
Evolución de las páginas web
• La web era simplemente una • Se pueden apreciar poco
colección de páginas o nulo empleo de
estáticas, documentos, etc., elementos gráficos
que podían consultarse o
descargarse.
Evolución de las páginas
web

Primeras páginas web

Qué es Common Gateway Interface (CGI)
Evolución de las páginas web
Método para confeccionar paginas dinámicamente. CGI
 Usos de Common Gateway Interface

• Cesta de la compra
• Comentarios
• Formularios
• Estadísticas de páginas web
• Server Side Includes
• Pruebas de software
 Ventajas Common Gateway Interface
• Es una forma sencilla y eficaz de generar contenido dinámico en
las páginas web.

• No se utilizan recursos innecesariamente.

• Es que es compatible con varios lenguajes de programación

• Estándar gratuito y disponible

Evolución de las páginas web
Al comenzar a programar, es común verse acorralado por las
numerosas opciones de lenguajes de programación disponibles.
Evolución de las páginas web
Diseño
 Evolución de diseño web
• (1989) El inicio. La época oscura del diseño web

• Diseño con tablas. A partir de 1995

• JavaScript. 1995

• La era de Flash, y la libertad del diseño. 1996

• El auge del CSS. 1998

• La web 2.0. 2003

• Diseño de grilla y framework. 2007

• Diseño responsivo. 2010

• Actualidad
Evolución de las páginas
web
Funcionalidad
• Antes los sitios web se utilizaban
exclusivamente como una tarjeta
de presentación.
• Texto lleno de información sobre tu
negocio.

• Ahora se puede ofrecer productos

o servicios e incluso poder cerrar la
venta de estos producto o servicios
desde tu página.
Evolución de las páginas web
Páginas responsivas

• Los dispositivos móviles revolucionaron la

manera de hacer las cosas.

• En las páginas web también influyeron.

• Crear páginas responsivas ( páginas que se

adaptan al tamaño del dispositivo donde se
esta viendo la página).
Evolución de las páginas web
Personalización

• Presentar contenido basándose en

los gustos del usuario.
• Basarse en gustos y comportamiento
al navegar en Internet por parte del
usuario.
¿Qué lenguaje de programación es el mejor ?
Revisión de Contenidos
Disponibles
• Aula virtual
• Guía del estudiante
• Compendio
• Video Magistral
• Material
Complementario
 Bibliografía
» Deitel, P., Deitel, H., & Deitel, A. (2014). Cómo Programar Internet & World Wide Web. México:
Pearson.
» García, I., & García, C. (2006). Aplicación web para el conocimiento y conversión de unidades.
España:
DEPARTAMENTO I.E.E.C.
» Latorre, M. (2018). HISTORIA DE LAS WEB 1.0, 2.0, 3.0 y 4.0. Perú: Universidad
MarcelinoChampagnat.
» Luján Mora, S. (2002). Programación de aplicaciones web: Historia, Principios Básicos y
ClientesWeb.
Alicante: Editorial Club Universitario ECU.
» Mateu, C. (2004). Software Libre. Desarrollo de aplicaciones web. Barcelona: Eureca Media.
» Palacios, D., Guamán, J., & Contento, S. (2018). Análisis del rendimiento de librerías de
componentes Java Server
» Faces en el desarrollo de aplicaciones web. NOVA Sinergia, 1(2), 54-59.
» Pressman, R. S. (2010). Ingeniería de Software. Un enfoque práctico. México: McGRAW-HILL.
 TECNOLOGIAS PARA LA WEB

Unidad 1
INTERNET Y LA WEB

Tema 2
APLICACIONES WEB

Ing. Kevin Gabriel Castillo Villegas, Msc.

Utilizar auriculares con micrófono.

Utilizar una conexión de internet por cable.

Elegir un lugar tranquilo y sin ruidos.

Ingresar algunos minutos antes de iniciar la videoconferencia.

Silenciar su micrófono.

Levantar la mano para pedir la palabra.

 Actividad de Inicio

Repaso de conocimientos

https://es.educaplay.com/recursos-educativos/15980861-
crucigrama_de_internet.html
 Subtemas

➢ Subtema 1: ¿Qué es una aplicación web?

➢ Subtema 2: Ventajas y desventajas
 Objetivo

Conocer las características de una

aplicación web, como también sus
ventajas, desventajas y su evolución.
Introducción
¿Página Web?
¿Sitio Web? ¿Son lo mismo?
¿Aplicación Web?
¿QUÉ ES UNA APLICACIÓN WEB?
¿QUÉ ES UNA APLICACIÓN WEB?
¿QUÉ ES UNA APLICACIÓN WEB?
¿QUÉ ES UNA APLICACIÓN WEB?
Características
¿QUÉ ES UNA APLICACIÓN WEB?
Esquema básico de una aplicación web
¿QUÉ ES UNA APLICACIÓN WEB?
Transferencia de páginas web
¿QUÉ ES UNA APLICACIÓN WEB?
Entornos web
VENTAJAS Y DESVENTAJAS
Ventajas
VENTAJAS Y DESVENTAJAS
Desventajas
¿QUÉ ES SER UN DESARROLLADOR WEB?
ACTIVIDAD DE CIERRE

Pin: 0745485
Revisión de Contenidos Disponibles

➢ Aula virtual
➢ Guía del estudiante
➢ Compendio
➢ Video Magistral
➢ Material Complementario
 Bibliografía
» Deitel, P., Deitel, H., & Deitel, A. (2014). Cómo Programar Internet & World Wide Web. México: Pearson.
» García, I., & García, C. (2006). Aplicación web para el conocimiento y conversión de unidades. España:
DEPARTAMENTO I.E.E.C.
» Latorre, M. (2018). HISTORIA DE LAS WEB 1.0, 2.0, 3.0 y 4.0. Perú: Universidad MarcelinoChampagnat.
» Luján Mora, S. (2002). Programación de aplicaciones web: Historia, Principios Básicos y ClientesWeb.
Alicante: Editorial Club Universitario ECU.
» Mateu, C. (2004). Software Libre. Desarrollo de aplicaciones web. Barcelona: Eureca Media.
» Palacios, D., Guamán, J., & Contento, S. (2018). Análisis del rendimiento de librerías de componentes
Java Server
» Faces en el desarrollo de aplicaciones web. NOVA Sinergia, 1(2), 54-59.
» Pressman, R. S. (2010). Ingeniería de Software. Un enfoque práctico. México: McGRAW-HILL.