IES ARCIPRESTE DE HITA

Curso 2023/2024
Módulo: IAW– 2ASIR
Profesora: Vanesa Martínez
1.1 Introducción a Internet

Diferencia entre página, sitio y aplicación web

Diferencia entre página, sitio y aplicación web
1.2 Introducción a Internet
1.3 Evolución del concepto de web
• Cuando hablarnos de la Web no solo utilizamos ese término, sino que
hablamos de Web 2.0, Web 3.0 e incluso Web 4.0.
• Ahora bien, ¿qué significan esos números? ¿Son versiones de la Web?
• La Web ha sufrido una importante evolución que ha traído como
consecuencia una transformación, tanto en su utilización como en las
tecnologías a emplear.
 Web 1.0: tenía una finalidad principalmente divulgativa y las páginas eran
estáticas, por lo que su contenido permanecía invariable a lo largo de
sucesivas ejecuciones.

 Web En el año 2004,Tim

2.0:
O'Reilly acuña este término,
también conocida con el nombre de
Web social, puesto que el usuario
tiene papel relevant
un
compartiendo y e
información. El usuario ya no creando
solo
lee páginas, sino que interactúa con
ellas. Aparecen las redes sociales,
los blogs, las wikis; las páginas web
son fundamentalmente dinámicas e
interactivas. En la Web 2.0 los
usuarios han dejado "mirar
de cosas" para empezar a
cosas" en Internet. "hacer
Todas las páginas web que se cataloguen como Web 2.0 reúnen los
siguientes requisitos:
1. Aplicaciones ricas en Internet (RIA, rich Internet Applications). Las
aplicaciones web ofrecen prestaciones casi idénticas a las de escritorio.
Ejemplo: Office 365, Zoho Docs.
2. Arquitectura orientada al servicio (SOA, service oriented architecture).
En este tipo de arquitectura los componentes software son diseñados
con el fin de usarse como un servicio en la red.
3. Web social. En las aplicaciones web 2.0 el usuario es el centro de las
mismas.
 WEB 3.0
• Objetivo: acercar al usuario al lenguaje natural y adaptar la navegación a las
preferencias que este tiene.
• Nuevas formas, tanto de búsqueda como de almacenamiento,
nuevos
lenguajes, sobre todo de inteligencia artificial.
• Publicidad selectiva que obtenemos en función de nuestras experiencias de
navegación.
• Una web más inteligente que analiza diferentes factores, como preferencias
y hábitos de navegación.
• En solo una década ha habido un crecimiento exponencial tanto del número
de sitios creados como del número de usuarios que utilizan la Web.
• Ahora bien, la evolución de la Web no ha acabado. Actualmente, vamos
hacia lo que se denomina la Web 4.0. Con este nuevo modelo, el usuario
interactuará con la Web en búsqueda de información y esta será capaz de
mostrarle soluciones completas a sus necesidades.
 ¿Qué es la web 4.0?

https://www.youtube.com/watch?v=2e4VSoLYPh0
1.4 Arquitectura cliente-servidor
• Es un modelo de aplicación distribuida con dos componentes principales: el
servidor y el cliente.
• El servidor tiene como tarea principal proporcionar respuestas a las peticiones
de los clientes. Hay muchos ejemplos de arquitectura tipo cliente-servidor:
pensemos en un servidor de base de datos que recibe, una serie de consultas de
los clientes.
Algunos ejemplos de la arquitectura cliente servidor pueden ser:

• Navegar una web funcional basándonos en un cliente web

(navegador) y un servidor web como Apache, Nginx o LiteSpeed
• Protocolo FTP, funciona de idéntica forma, se utiliza un cliente
de FTP (como Filezilla) para conectar a un servidor FTP
• SSH: se utiliza un cliente SSH cuya principal función es el acceso
remoto a un servidor por medio de un canal seguro en el que
toda la información está cifrada.
• Juegos en red: existen clientes que permiten a jugadores online
jugar desde sus casas conectándose a servidores de juegos
remotos.
• Sistema DNS: servidor de nombres que interactúa con clientes
DNS para darles servicio.
• Servidor de Correo: donde clientes de correo consultan el correo
al servidor de correo remoto, tanto desde móvil o una
computadora de escritorio o laptop.
 1.4.1 Arquitectura de dos niveles
Cuando hablamos de arquitectura de dos niveles estamos describiendo
un
sistema con dos elementos: cliente y servidor.
En este modelo, el servidor, resuelve las peticiones que realizan los clientes.
En el mundo
podemos web
tipo entender
arquitectura
este
de
secuenciando el
por el cual un usuario
proceso
solicita una página web y
la recibe en su ordenador
en estas etapas:
• Si hay una gran cantidad de procesos, o son muy complejos, el modelo de
dos capas no resulta eficaz.
• Se produce una gran congestión en la red cuando los clientes tienen que
acceder a descargar los datos del servidor: a este problema se le
denomina cliente pesado.
• La arquitectura de tres niveles intenta evitar la sobrecarga equilibrando
las
tareas que tiene que soportar el servidor.
1.4.2. Arquitectura de tres niveles

Para conseguir soluciones más seguras, flexibles y escalables es

necesario optimizar el uso de recursos, y para ello hay que repartir las
funciones en tres niveles:
• Cliente. Sistema que, a través de la interfaz de usuario, realiza
petición de recursos al servidor.
• Servidor de aplicaciones. El servidor hará uso de otro servidor para
poder resolver las peticiones de recursos realizadas por los dientes.
• Servidor de datos. Mediante el nivel de la base de datos es posible
darle los datos al servidor de aplicaciones. Existen múltiples
interfaces entre los dos servidores, dependiendo tanto de los
lenguajes de programación utilizados como del tipo de la base de
datos.
1.4.2. Arquitectura de tres niveles

https://www.youtube.com/watch?v=49zdlyLSwhQ
1.5. Componente cliente de la Web. Navegador web

• Como hemos visto, cuando se solicita una página web, el

código es interpretado por un navegador.
• A los navegadores se les conoce también con los términos en
inglés web browser, o simplemente browser.
• Son los responsables de la visualización de la información.
• Permiten realizar diferentes tipos de operaciones a través de
las llamadas extensiones: con ellas se personaliza la
experiencia del usuario en la Web y es posible, por ejemplo,
tomar notas, capturar pantallas o crear marcadores, entre
otras funcionalidades. Existen muchos navegadores web
diferentes tanto para sistemas Windows como Linux.
1.6. Componente servidor de la Web. Servidores web

• Para dotar a un sistema de la capacidad de mostrar páginas web

y, además, permitir que otras personas puedan acceder a ellas,
es necesario instalar un servidor de aplicaciones web.
• El uso de un servidor es imprescindible si se desea usar o
aprender algún lenguaje de programación relacionado con
Internet, como HTML o PHP.
• En el mercado existen multitud de servidores web. Elegir uno u
otro dependerá, entre otras cosas, tanto de la plataforma sobre
la cual va a ser instalado como del lenguaje de programación
que se utilice, llegado el caso, para programar las aplicaciones
web.
 Es uno de los servidores web más importantes

Para que un sitio web sea visibles en Internet hay que contratar un
servicio de alojamiento web. A ese servicio se le denomina hosting.
Existen hosting gratuitos y de pago. En la red puedes encontrar mucha
información relativa a este aspecto.
 Configuración del servidor web
Apache
• Todo servidor se configura realizando modificaciones sobre su archivo de configuración.
En el caso de Apache, dicho fichero se denomina httpd.conf.
• En una instalación típica no será necesario hacer ningún cambio en el fichero pero es
recomendable conocer los parámetros más comunes del fichero.
1.7 Servicios Web
• Son un método de comunicación entre dos aparatos electrónicos en una red.
• Se trata de una colección de protocolos abiertos y estándares usados para
intercambiar datos entre aplicaciones o sistemas. Las aplicaciones escritas en
varios lenguajes de programación que funcionan en plataformas diferentes
pueden utilizar web services para intercambiar información a través de una
red.
• Es decir, un servicio web no es más que una aplicación web que se comunica
con otra aplicación, usando la Web, y que va a intercambiar información con
ella.
• Una característica reseñable de los web services es la independencia tanto
de los lenguajes que se usen como de los sistemas operativos.
• La tecnología web service recurre a formatos estandarizados que interpretan
todos los sistemas, los estándares más utilizados actualmente son XML y
JSON.
La arquitectura de los servicios web esta formada por 3 niveles:

Agente
de
servicios

Cliente
de
servicios
 Bases de datos asociadas al
servicio
• Para posibilitar el uso de interactuar con información actualizada a los
usuarios es necesario el uso de bases de datos, de esta forma, se podrían crear
sitios con carácter dinámico.
• Para poder programar una página dinámica no solo es necesario utilizar HTML,
sino que también es necesario un sistema gestor de base de datos y algún
lenguaje de programación de scripting del lado del servidor.
• Los sistemas gestores de bases de datos permiten, a través de diversas
herramientas, la administración y creación de bases de datos.
• Una base de datos es una colección de datos que tienen entre sí algún tipo de
relación.
• Si se desea almacenar de forma eficiente y estructurada la información que
contiene un sitio web, es necesario usar bases de datos.
• Ejemplos de sistemas gestores de bases de datos son: MySQL, MariaDB,
PostgreSql y SqlServer.
Lenguajes de scripting

• Un lenguaje de scripting es aquel cuyo código se puede insertar

dentro de una página web.
• Aunque existen multitud de lenguajes de scripting, los más usados
son: ASP, JSP y PHP.
• Cualquiera de los mencionados lenguajes permiten el acceso a
bases de datos y, por otra parte, todos los sitios construidos al
tener una interpretación común serán visualizados de la misma
manera.
1.8 Redes sociales
• Una de las herramientas más características de la ya mencionada
Web 2.0 son las redes sociales.
• Una buena definición de red social la encontramos en Wikipedia:
“Una red social es una estructura social compuesta por un conjunto
de usuarios (tales como individuos u organizaciones) que están
relacionados de acuerdo a algún criterio (relación profesional,
amistad, parentesco, etc.)".
• Las redes sociales no se utilizan solo para el ocio, sino que también
tienen otros propósitos, por ejemplo, comerciales o profesionales
Aunque el uso de las redes sociales está muy extendido, no está
exento de riesgos. Algunos de ellos se resumen en la siguiente figura:
Existen multitud de redes sociales y, aunque no existe una clasificación
general aceptada por todo el mundo, se suelen dividir en dos grandes
grupos:
• Redes sociales horizontales: redes de temática general con función
principal de crear relación entre sus miembros usando un perfil
personal. Algunos ejemplos son: Faccbook, Hi5, MySpace, Orkut,
Sonico, Tuenti, Bebo, Netllog, Google+, Badoo.
• Redes sociales verticales: redes con especialización bien por temática,
por actividad o por contenido compartido. En estas redes se engloban
espacios de intercambios tan diversos como las redes profesionales,
las de aficiones, las de viajes, las de fotos, músicas o vídeos. Ejemplos:
Linkedin, SocialVibe, Instagram, Foursquare y Scribd, entre otras.