1.

UNIDAD 1 – 2GM-SMR – APLICACIONES WEB 2022/2023

SISTEMAS MICROINFORMÁTICOS Y REDES

Aplicaciones Web

UNIDAD 1. INTERNET, LA RED DE REDES. CONCEPTOS Y EVOLUCIÓN.

Belén Torrecilla
1.UNIDAD 1 – 2GM-SMR – APLICACIONES WEB 2022/2023

1.INTERNET, LA RED DE REDES. CONCEPTOS Y EVOLUCIÓN.

1.1. INTRODUCCIÓN A INTERNET

Actualmente, todo tipo de personas utiliza Internet, tanto para sus tareas cotidianas como para aquellas que
son de ocio o trabajo. Podría definirse Internet como una red informática que, usando un protocolo de
comunicaciones global, interconecta una gran cantidad de dispositivos. Todo dispositivo que esté conectado
en la Red se identifica, como ya sabemos con una dirección IP (Internet Protocol), que debe ser única y global
dentro de la Red.

¿CÓMO FUNCIONA INTERNET?

Internet se conoce como la red de redes y se define como red informática mundial. Consiste en una red de
alcance mundial que conecta ordenadores y dispositivos de todo el mundo. Para ello emplea redes
inalámbricas WiFi y cables Ethernet, que conectan los dispositivos con un router. El router es un aparato
que intermedia entre los dispositivos y tu proveedor de Internet. Y, a su vez, el proveedor de Internet te
facilita el acceso a Internet gracias a su infraestructura de centrales intermedias. Por su parte, estas centrales
se conectan entre sí y con millones de servidores y otros ordenadores empleando kilómetros y kilómetros de
cables terrestres y submarinos.

Dispositivos, servidores, centrales, routers, cables y redes inalámbricas. Toda esta infraestructura que parece
caótica y mastodóntica permanece invisible a nosotros. Y está tan bien organizada que permite enviar y
recibir en segundos desde un mensaje de texto a un vídeo o realizar una llamada de audio en tiempo real.
Millones de datos que circulan por todo el mundo a gran velocidad y que para nosotros se traduce en un
archivo que se descarga al instante o una página web que carga en un abrir y cerrar de ojos.
1.UNIDAD 1 – 2GM-SMR – APLICACIONES WEB 2022/2023

Internet en la práctica: de tu dispositivo al mundo

Ejemplo práctico. Queremos subir un vídeo a Instagram desde nuestro smartphone. Estás en casa, así que
tienes dos opciones: usar los datos móviles o la conexión WiFi de tu hogar. Elijas la opción que elijas, el proceso
es similar: abres la app de Instagram en tu teléfono, eliges el vídeo, lo editas y le das al botón de Publicar. En
unos segundos, tu vídeo se sube a Internet desde tu móvil y aparece publicado en una red social al alcance de
millones de personas que verán ese vídeo aunque lo borres en tu teléfono. Pero, ¿qué ocurre en esos segundos
en esta red informática mundial?

Simplificando, la aplicación se comunica con tu teléfono diciéndole que tiene que enviar un vídeo a
determinado servidor, el que almacena el contenido que se publica en Instagram. Ese vídeo se dividirá en
pequeños paquetes de información, que saldrán de tu teléfono e irán a parar a tu router, si empleas la
conexión WiFi de tu hogar. El router será el encargado de conectar tu teléfono con Internet. Es decir, enviará
el vídeo en forma de paquetes de datos a su destino, un servidor que puede estar en el mismo país, en el
mismo continente, o al otro lado del océano. Para ti es indiferente, porque apenas notarás la diferencia. Unos
milisegundos de más o de menos.

Por lo demás, esos paquetes de información, viajarán a través de fibra óptica y cables de red que comunican
los centrales y servidores intermedios de tu proveedor de Internet y de los proveedores intermedios que
conectan todo el mundo con cables terrestres y submarinos. Al llegar a su destino, un router recibirá esos
datos, los enviará al servidor de destino y éste
compondrá el vídeo a partir de los paquetes de datos
recibidos. Y publicará el vídeo en Instagram siguiendo
las instrucciones con las que fue programado.

Si empleas la conexión 4G o 5G del teléfono, los

paquetes viajarán desde tu smartphone en dirección a
la antena de telefonía más cercana. Y de ahí a la
siguiente hasta llegar a la central más próxima de tu
proveedor de Internet. En ella, los paquetes de datos
seguirán su viaje a través de Internet, red informática
mundial, mediante cables de fibra óptica y cables de red
hasta llegar a su destino, como vimos antes.

EL ORIGEN DE INTERNET
El origen de Internet se fecha en el año 1969, con una red denominada ARPANET (advanced research projects
agency network), creada por los EEUU en plena guerra fría. Posteriormente, se desarrollaron, también por
parte de EEUU, tanto los protocolos de comunicación como la propia Web; el nacimiento de la Web es mucho
más reciente, ya que nació a finales de los años ochenta.

Desde su origen, la evolución de la Web ha sido vertiginosa. Hemos pasado de una web con contenidos
estáticos y con capacidad para solo compartir texto, a una web casi inteligente en la cual podemos encontrar
todo tipo de servicios y compartir, además de texto, imágenes y vídeos. También se ha producido , a lo largo
del tiempo, el auge de las llamadas aplicaciones web, ya que el uso de un navegador es conocido por todos
los usuarios de la Web, frente a las llamadas aplicaciones de escritorio (necesitan ser instaladas en un
ordenador).
1.UNIDAD 1 – 2GM-SMR – APLICACIONES WEB 2022/2023

Podemos definir una aplicación web como aquella a la que se accede a través de una red, bien sea Internet
o una intranet. Existen multitud de ejemplos de aplicaciones web: las redes sociales, los escritorios virtuales,
los blogs, las wikis, etc.

VIDEO - Building Internet (Google)

VIDEO - Historia de Internet 1/2 (Discovery Channel)

VIDEO - Historia de Internet 2/2 (Discovery Channel)

1.UNIDAD 1 – 2GM-SMR – APLICACIONES WEB 2022/2023

1.2. CONCEPTOS BÁSICOS DE LA WEB

El concepto Web puede hacer referencia tanto al nombre común de la World Wide Web como a las propias
páginas web. Por otro lado, no se debe confundir la Web o World Wide Web con Internet. Internet es la red a
través de la cual los dispositivos pueden compartir información; es una red que interconecta diferentes
máquinas a nivel mundial utilizando el protocolo TCP/IP. Sin embargo, la Web (o www) no es más que una
manera de acceder a la información a través de Internet mediante el protocolo HTTP (hypertext transfer
protocol o protocolo de transferencia de hipertexto). La Web, por tanto, es una parte de Internet.

Hay otros servicios que también son parte de Internet, como pueden ser FTP (file transfer protocol), que es un
protocolo que permite realizar transferencias de archivos entre máquinas, o el correo electrónico (e-mail o
electronic-mail) entre muchos otros.

Internet es la red física por la que circula la información. Web, es un sistema de hipertexto que funciona gracias a Internet. VIDEO

Además de la web que todos conocemos, existe otra web denominada deep web. Mientras que la web
convencional, que es visible para todos los usuarios, se conoce con el término de surface web, la deep web
oInternet profunda almacena contenidos ocultos que no pueden ser indexados por navegadores o motores de
búsqueda convencionales. La deep web alberga contenidos de diversos tipos (no necesariamente ilícitos),
como bases de datos y material tanto académico como científico. Por ejemplo, en la página TheBigHub es
posible localizar múltiples bases de datos de diversos ámbitos.

En al web visible que usamos normalmente se estima que existen dos millones de páginas indexadas. En
cambio en la Deep web hay un número ingente de páginas web difícilmente controlable, incluso muy superior
al que se puede visitar de forma convencional.

DEEP Web: MITOS Y VERDADES

En la Deep Web hay de todo ya que es la parte sin indexar de Internet. Además, en cada una de las darknets,
los contenidos pueden ser muy variados. Al intentar colocar el anonimato por encima de todo, algo que no
siempre se consigue, suelen utilizarse para actividades ilegales, pero también podemos encontrar mucho de
trabajos académicos e investigaciones. De hecho, esto se conoce como Academic Invisible Web y engloba las
bases de datos que contienen avances tecnológicos, publicaciones científicas, y material académico en general
a los cuales no se pueden acceder fácilmente.

En la Deep Web también se esconden sites de venta de drogas, dinero falso, documentación falsa, armas,
explosivos, mercenarios, órganos, hackers, información personal, libros clasificados, pornografía y otro tipo
de contenido similar. Además, no es muy complicado llegar a este contenido en unos pocos minutos, aunque
el nivel de confianza para comprar, por ejemplo, billetes falsos o documentos falsos, deja mucho que desear.
1.UNIDAD 1 – 2GM-SMR – APLICACIONES WEB 2022/2023

«Entrar en la Deep Web es ilegal, puedes ir a la cárcel» – Falso, navegar por la Deep Web no es ilegal, pero
ciertas acciones en la Deep Web sí pueden llevarte a tener problemas legales.

¿Qué es en realidad?
No es más que un «Internet paralelo» protegido por sistemas de protección del tráfico que están ideadas para
maximizar la privacidad y el anonimato.

Riesgos de la deep web

• Malware en tu PC: Uno de los principales riesgos al entrar en la red profundad es que, al encontrarte en
tierra de nadie, infectes tu ordenador de malware. Toma las medidas necesarias para evitar poner en
riesgo la integridad de tu dispositivo o comprometer tu información personal.
• Delincuentes en lo más profundo: Puedes encontrarte con algún hacker que, en cuestión de segundos,
vacíe todas tus cuentas o acceda a tus datos. Por tanto, deberías tomar precauciones como utilizar un
proxy o tapar tu cámara web entre otras.
• Contenido vulnerable o comprometedor: Acceder a este tipo de contenido podría resultar realmente
comprometedor para ti, ya que las autoridades suelen rastrear a los usuarios que acceden a este tipo de
contenido ilícito (y que por tanto son cómplices del delito que se comete). No solo pondrás en riesgo tu
salud mental, sino que podrías verte envuelto en un problema legal.

El World Wide Web Consortium (W3C) es una comunidad internacional que desarrolla los estándares que aseguran el
crecimiento de la Web a largo plazo. En su página web puedes encontrar, entre otra información, estándares para el
diseño de aplicaciones web de los servicios o de los dispositivos.

https://chapters.w3.org/hispano/
1.UNIDAD 1 – 2GM-SMR – APLICACIONES WEB 2022/2023

1.3. EVOLUCIÓN DEL CONCEPTO DE 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. En las etapas iniciales, la Web se conocía
con el nombre de 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.

Posteriormente en el año 2004, Tim O’Reilly

acuña el término Web 2.0, también conocida con
el nombre de Web social, puesto que el usuario
tiene un papel relevante compartiendo y creando
información. El usuario ya no 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 de “mirar cosas”
para empezar a “hacer cosas” en Internet.

Todas las páginas web que se cataloguen como Web 2.0 reúnen los siguientes apartados:

1. Aplicaciones ricas en Internet (RIA, Rich Internet Aplications). Las aplicaciones web ofrecen
prestaciones casi idénticas a las de escritorio. Ej: Office 365.
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. El usuario es el centro de estas.

En la actualidad, las tecnologías y los servicios existentes propician que la Web sea nombrada con el término
Web 3.0. El objetivo principal es acercar al usuario lo más posible al lenguaje natural y adaptar la navegación
a las preferencias que esta tiene. Han surgido nuevas formas de búsqueda, almacenamiento, lenguaje y sobre
todo inteligencia artificial. Los cambios en nuestra forma de utilizar la Web y obtener resultados se perciben
claramente mediante la publicidad selectiva que obtenemos en función de nuestras experiencias de
navegación (hábitos y preferencias).

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, por ejemplo: “Quiero cenar sushi esta noche” y que automáticamente
se envíe la petición al restaurante, sin necesidad de más intervención por parte del usuario.

Tim O’Reilly, padre de la Web 2.0 es un auténtico gurú tecnológico y considerado por muchos como un
auténtico visionario de las nuevas tendencias de la Web. VIDEO de una de sus charlas

VIDEO – Evolución de la Web (1.0 – 2.0 -3.0 -4.0)

1.UNIDAD 1 – 2GM-SMR – APLICACIONES WEB 2022/2023

1.4. ARQUITECTURA CLIENTE-SERVIDOR

La arquitectura Cliente/Servidor es un modelo de aplicación distribuida en el que las tareas se reparten entre
los proveedores de recursos o servicios, llamados servidores, y los demandantes, llamados clientes. Las
aplicaciones Clientes realizan peticiones a una o varias aplicaciones Servidores, que deben encontrarse en
ejecución para atender dichas demandas

Este modelo nace como una necesidad que tienen las organizaciones (empresas o instituciones públicas o
privadas), de hacer sus operaciones más eficientemente, debido a la creciente competencia con sus rivales. El
modelo Cliente/Servidor permite diversificar el trabajo que realiza cada aplicación, de forma que los Clientes
no se sobrecarguen, cosa que ocurriría si ellos mismos desempeñan las funciones que le son proporcionadas
de forma directa y transparente.

El servidor

Es una aplicación que ofrece un servicio a sus usuarios, el servidor recibe una solicitud, realiza el servicio
requerido y devuelve los resultados en forma de una respuesta. Generalmente un servidor puede tratar
múltiples peticiones (múltiples clientes) al mismo tiempo. Se le conoce con el término back-end.

Papel del servidor:

• Espera pasivamente peticiones de los clientes

• Responde a las peticiones según su política
1.UNIDAD 1 – 2GM-SMR – APLICACIONES WEB 2022/2023

El cliente

El cliente es el proceso que permite al usuario formular las peticiones y pasarlos al servidor, se le conoce con
el término front-end. El Cliente normalmente maneja todas las funciones relacionadas con la manipulación y
despliegue de datos, por lo que están desarrollados sobre plataformas que permiten construir interfaces
gráficas de usuario (GUI), además de acceder a los servicios distribuidos en cualquier parte de una red.

Papel del cliente:

• Inicia el diálogo
• Envía peticiones al servidor conforme a algún protocolo asimétrico
• Pide que el servidor actúe, o que le informe, o ambas cosas

Ventajas y desventajas del modelo C/S

Ventajas

• Uno de los aspectos que más ha promovido el uso de sistemas Cliente/Servidor, es la existencia de
plataformas de hardware cada vez más baratas. La posibilidad de utilizar máquinas considerablemente
más baratas que las requeridas por una solución centralizada, basada en sistemas grandes.

• Facilita la integración entre diferentes sistemas y comparte información permitiendo por ejemplo que
las máquinas ya existentes puedan ser utilizadas mediante una interfaz más amigable para el usuario.
De esta manera podemos integrar varias PCs con sistemas medianos y grandes sin necesidad de que
todos tengan que utilizar el mismo sistema operativo.

• El modelo cliente servidor permite además proporcionar a las diferentes áreas de una empresa
generar un orden de trabajo en donde cada sector puede trabajar en su área pero accediendo al
mismo servidor e información que los demás sin generar conflictos.

• Al favorecer el uso de interfaces gráficas interactivas, los sistemas construídos bajo este esquema
tienen mayor interacción y más intuitiva con el usuario.

• Es más rápido el mantenimiento y el desarrollo de aplicaciones.

• La estructura inherentemente modular facilita además la integración de nuevas tecnologías

1.UNIDAD 1 – 2GM-SMR – APLICACIONES WEB 2022/2023

Desventajas

• Complejidad a la hora de su reparación. Se requiere de alguien con un amplio conocimiento de la red

para poder repararla en su totalidad para así dejar que la información y el correcto funcionamiento
siga su flujo.

• Otro problema es la seguridad, el hecho que se comparte canales de información entre servidores y
clientes requieren que estas pasen por procesos de validación, es decir protocolos de seguridad que
pueden tener algún tipo de puerta abierta permitiendo que se generen daños físicos, amenazas o
ataques de malware.

• Este modelo representa una limitación importante en cuanto al coste económico debido a que estos
servidores son computadoras de alto nivel con un hardware y software específicos para poder dar un
correcto funcionamiento a nuestras aplicaciones. Algo importante a destacar es que no solo es caro a
la hora de solucionar problemas como mencionamos antes, sino que también tiene un costo elevado
para reemplazar componentes que estén averiados.

• Problemas como la congestión en la red, dificultad de tráfico de datos, etc

1.4.1. ARQUITECTURA DE 2 NIVELES

La arquitectura en 2 niveles se utiliza para describir los sistemas cliente/servidor en donde el cliente solicita
recursos y el servidor responde directamente a la solicitud, con sus propios recursos. En el mundo web
podemos entenderlo como el proceso por el cual un usuario solicita una página web y la recibe en su
ordenador.

Si la petición
puede ser
atendida
Busca en su
correctamente se
sistema de Si la petición
Servidor espera la devuelve al cliente
archivos el archivo fracasa se le da al
solicitud del el código de la
que le ha cliente un mensaje
cliente página HTML que
solicitado el de error
se interpretará por
cliente
parte del
navegador del
cliente
1.UNIDAD 1 – 2GM-SMR – APLICACIONES WEB 2022/2023

1.4.2. ARQUITECTURA DE 3 NIVELES

En la arquitectura en 3 niveles, existe un nivel intermediario. Esto significa que la arquitectura generalmente
está compartida por:

• Un cliente, (generalmente un navegador Web) que, a través de la interfaz de usuario, realiza la

petición de recursos al servidor.
• El servidor de aplicaciones (también denominado software intermedio), cuya tarea es proporcionar
los recursos solicitados, pero que requiere de otro servidor para hacerlo.
• El servidor de datos, que proporciona al servidor de aplicaciones los datos que requiere.

VIDEO - Explicación Simple - Modelo Cliente/Servidor

1.5. COMPONENTE CLIENTE DE LA WEB: NAVEGADOR WEB

Cuando se solicita una página web, el código es interpretado por un navegador.

Un navegador web, también llamado un navegador de Internet, browser, web
browser o simplemente un navegador, es una aplicación de software que permite
acceder a la World Wide Web.

La funcionalidad básica de un navegador web es permitir la visualización de

documentos de texto, posiblemente con recursos multimedia incrustados. Además,
permite visitar páginas web y hacer actividades en ella, es decir, enlazar un sitio con
otro, imprimir, enviar y recibir correo, entre otras funcionalidades más. Es un
intérprete de código (normalmente HTML, XML, CSS...).

Hoy en día, los navegadores permiten además realizar diferentes tipos de

operaciones gracias a las extensiones; con ellas se personaliza la experiencia del
usuario en la Web y es posible, por ejemplo, tomar notas, capturas de pantalla, crear
marcadores…
1.UNIDAD 1 – 2GM-SMR – APLICACIONES WEB 2022/2023

Existen múltiples navegadores diferentes tanto para sistemas Windows como Linux, incluso se pueden
encontrar navegadores versátiles empleados tanto en ordenadores como en dispositivos móviles.

Algunos de los navegadores más conocidos:

Google Chrome
Google Chrome es un navegador web de código propietario desarrollado por Google y
compilado con base en componentes de código abierto (proyecto Chromium).
Chrome es actualmente el navegador más utilizado de internet, y el 59% de los usuarios
utilizaron este navegador durante el año 2019. Está disponible gratuitamente para
diversas plataformas (Windows, MacOS, Android, iOS, Linux...).
Google Chrome es totalmente compatible con los estándares HTML5 y CSS3.

Safari
Safari es un navegador web de código cerrado desarrollado por Apple Inc. Está
disponible para Mac OS X, iOS (el sistema usado por el iPhone, el iPod Touch y el iPad)
y Microsoft Windows.
El 13% de los usuarios utilizaron este navegador durante el año 2019.
Safari es totalmente complatible con los estándares HTML5 y CSS3.

Microsoft Internet Explorer

Microsoft Internet Explorer, conocido comúnmente como IE, es un navegador web
desarrollado por Microsoft para el sistema operativo Microsoft Windows desde 1995.
Ha sido el navegador web más utilizado durante años, con un pico máximo de cuota
de utilización del 95% entre el 2002 y 2003.. El 11% de los usuarios utilizaron este
navegador durante el año 2019. El 15 de junio de 2021 Microsoft finalizó oficialmente el
soporte para Internet Explorer.
Se trata del navegador "oficial" para las aplicaciones internas y de intranet del Gobierno. La
versión 9 no es totalmente compatible con los estándares HTML5 y CSS3

Mozilla Firefox
Mozilla Firefox es un navegador web libre y de código abierto descendiente de
Mozilla Application Suite y desarrollado por la Fundación Mozilla.
El 10% de los usuarios utilizaron este navegador durante el año 2019.
Firefox puede ser utilizado en varios sistemas operativos (Windows, MacOS,
Android, iOS, Linux...).
Firefox soporta completamente los estándares HTML5 y CSS3.

Microsoft Edge
Es el navegador integrado por defecto por Microsoft en su sistema operativo
Windows 10, y esta llamado a sustituir a Internet Explorer (producto que MS dejará
de desarrollar y soportar a partir de 2019).
El 4% de los usuarios utilizaron este navegador durante el año 2019.
Ademas de para Windows, existen versiones de Edge para Android e iOS.
Edge es compatible con los estándares HTML5 y CSS3.
1.UNIDAD 1 – 2GM-SMR – APLICACIONES WEB 2022/2023

Opera
Opera es un navegador web y suite de Internet creado por la empresa noruega Opera
Software, capaz de realizar múltiples tareas como navegar por sitios web, gestionar
correo electrónico, contactos, fuentes web, charlar vía IRC y funcionar como cliente
BitTorrent. Aproximadamente el 1% de los usuarios usaron este navegador. Funciona en
una gran variedad de sistemas operativos, incluyendo Microsoft Windows, MacOS,
Android, iOS, GNU/Linux y FreeBSD.
Opera soporta totalmente HTML5 y CSS3.

Actualmente hay una gran variedad de navegadores alternativos a los más clásicos como:
- Vivaldi - basado en Chromium
- Torch está basado en Chromium, y es un navegador hecho pensado sobre todo en aquellos que
utilizan Internet básicamente para consumir contenido multimedia escuchando música o viendo
vídeos.
- Epic privacy browser es un ejemplo de ello. Está basado en Chromium, elimina cookies y trackers
después de cada sesión
- Midori - es un navegador rápido y ligero, lo cual lo convierte en buen candidatos para equipos con
un hardware humilde.
- Basado en Chromium (Dragon) y otro basado en Firefox (Ice Dragon).
- Ecosia - Un navegador web rápido y que conciencia sobre la ecología.
-

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 puedan acceder
a ellas, es necesario instalar un servidor de aplicaciones web. Cuando tenemos un servidor en local también
es posible realizar páginas web y modificarlas sin necesidad de tenerlas subidas a Internet. Por otra parte, el
uso de un servidor es imprescindible si se desea usar o aprender algún lenguaje de programación relacionado
con Internet, como HTML, CSS o PHP. Entre los servidores web más populares destacan:

- Apache: Servidor web gratuito, multiplataforma, modular y muy robusto, pero con ciertas limitaciones
de velocidad.
- Nginx: Servidor web gratuito, multiplataforma, con grandes prestaciones, sobre todo en atender
peticiones concurrentes y en consumir recursos.
- IIS: Servidor web propietario, basado en Windows, fundamentalmente orientado a aplicaciones
Microsoft.
1.UNIDAD 1 – 2GM-SMR – APLICACIONES WEB 2022/2023

INSTALACIÓN DE servidores web

Un servidor WAMP LAMP o MAMP es un paquete de software que contiene un ambiente de desarrollo web
completo y básico Apache + MySql +PHP que permite a los desarrolladores instalar fácilmente todo el software
necesario para crear e instalar aplicaciones web .
La diferencia en tre WAMP LAMP MAMP está en la plataforma o sistema operativo en que estemos trabajando

• XAMPP: Es un servidor independiente de software libre que consiste principalmente en la base de

datos MySQL, el servidor web Apache y los intérpretes para lenguajes de script: PHP y Perl. El nombre
proviene del acrónimo de X (para cualquiera de los diferentes sistemas operativos), Apache, MySQL,
PHP, Perl.
El programa está liberado bajo la licencia GNU y actúa como un servidor web libre, fácil de usar y capaz
de interpretar páginas dinámicas. Actualmente XAMPP está disponible para Microsoft Windows,
GNU/Linux, Solaris y MacOS X.

• MAMP: El acrónimo MAMP se refiere al conjunto de programas software comúnmente usados para
desarrollar sitios web dinámicos sobre sistemas operativos Apple Macintosh, MAC OS X. Este nombre
proviene de las iniciales Mac Os X, como sistema operativo. Apache, como servidor web. MySQL
sistema gestor de Bases de Datos y PHP, Perl o Python, lenguajes de programación usados para la
creación de sitios web.

• LAMP: Es el acrónimo utilizado para describir un sistema de infraestructura de internet que usa las
siguientes herramientas: LINUX como sistema operativo, APACHE como servidor web, MySQL como
gestor de base de datos y Perl, PHP o Pytho como lenguajes de programación.

• WAMP: Este el acrónimo usado para describir un sistema de infraestructura de internet que usa las
siguientes herramientas: WINDOWS como sistema operativo, APACHE como servidor web, MySQL
como servidor web y PHP, Perl o Python como lenguajes de programación.

 XAMPP: http://www.apachefriends.org/es/xampp.html
 MAMP: http://www.mamp.info/en/index.html
 WAMP: http://www.wampserver.com/en/

Componentes comunes

Todos los servidores están diseñados para facilitar el desarrollo de sitios web y aplicaciones PHP
principalmente por eso se componen mínimamente de los siguientes módulos :
1.UNIDAD 1 – 2GM-SMR – APLICACIONES WEB 2022/2023

SERVIDOR APACHE

Apache HTTP Server es un software de servidor web gratuito y de código abierto para plataformas Unix y
Windows con el cual se ejecutan el 46% de los sitios web de todo el mundo. Es mantenido y desarrollado por
la Apache Software Foundation.

¿Cómo funciona el servidor web Apache?

Aunque llamamos a Apache un servidor web, no es un servidor físico, sino un software que se ejecuta en un
servidor. Su trabajo es establecer una conexión entre un servidor y los navegadores de los visitantes del sitio
web (Firefox, Google Chrome, Safari, etc.) mientras envían archivos entre ellos (estructura cliente-servidor).
Apache es un software multiplataforma, por lo cual funciona tanto en servidores Unix como en Windows.

Cuando un visitante quiere cargar una página de tu sitio web, por ejemplo la página de inicio o tu página
«Acerca de nosotros», su navegador le envía una solicitud a tu servidor y Apache le devuelve una respuesta
con todos los archivos solicitados (texto, imágenes, etc. ) El servidor y el cliente se comunican a través del
protocolo HTTP y Apache es responsable de garantizar una comunicación fluida y segura entre las dos
máquinas.

Apache vs Nginx

Aunque Nginx es relativamente joven (nació en 2004) ha ido ganando terreno en el mundo de los servidores
web. Gracias a su eficiencia en el manejo de peticiones podemos ver un mejor desempeño a la hora de
gestionar webs con un alto nivel de tráfico, resolviendo el problema de las 10k que presenta Apache a la hora
de gestionar muchas peticiones simultáneas.

Por lo que webs como El País, Netflix o Wikipedia apuestan por este sistema frente a Apache.
1.UNIDAD 1 – 2GM-SMR – APLICACIONES WEB 2022/2023

1.7. SERVICIOS WEB

Un servicio web o web service es “un sistema software diseñado para soportar la interacción máquina-a-
máquina” a través de una red, de forma interoperable. 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 clave es su independencia tanto de los lenguajes que se usen como de los sistemas operativos.

1.7.1. FUNCIONAMIENTO BÁSICO

Los servicios web deben disponer de una arquitectura donde se interconectarán tres elementos principales:

- Proveedor de servicios: el que implementa el servicio

- Agente de servicios: proporciona los mecanismos de búsqueda de los servicios suministrados por el
servidor.
- Cliente de servicios: el que solicita un servicio.

1.7.2. ESTRUCTURA DE LA INFORMACIÓN

La estructura de la información con la que esté diseñado un servicio web hará que la información sea más o
menos accesible. Normalmente, con objeto de estructurar la información adecuadamente habrá que crear
páginas y organizarlas con un determinado criterio: temas, productos o servicios. No es conveniente que haya
demasiados niveles de jerarquización, ya que dificultan la navegación. Otros aspectos a tener en cuenta:

A) Facilidad de uso: intuitiva y sencilla.

B) Velocidad de carga: hay que procurar que la página cargue rápido.
C) Estética homogénea: con aspecto semejante y sin colores estridentes
D) Estructura: es conveniente que la información se encuentre en tres clics como máximo

Para que un sitio web sea visible en Internet hay que contratar un servicio de alojamiento web denominado
hosting. Existen hostings gratuitos y de pago.

1.7.3. BASES DE DATOS ASOCIADAS AL SERVICIO

Hay servicios cuyos propósitos principales son tanto proporcionar información actualizada a los usuarios como
posibilitar el uso de dicha información para interactuar con ella. Para conseguir esos propósitos es necesario
el uso de bases de datos, de esta forma se podrían crear sitios de 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 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 la administración y creación de estas. 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 SGBS: MySQL,
MariaDB, PostgreSQL y SQLServer.

En las soluciones integradas estos gestores de bases de datos ya vienen instalados junto con el servidor web.
1.UNIDAD 1 – 2GM-SMR – APLICACIONES WEB 2022/2023

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.

Hay lenguajes de script tanto del lado del servidor como del cliente, dependiendo de dónde se ejecuten. El
lenguaje de scripting más usado del lado del servidor es PHP. Las instrucciones PHP se pueden incrustar dentro
de una página web y es de los lenguajes más utilizados en la actualidad por múltiples razones: velocidad,
estabilidad y seguridad.

1.8. REDES SOCIALES. ESTRATEGIA Y DESPLIEGUE

Las redes sociales son plataformas digitales formadas por comunidades de individuos con intereses,
actividades o relaciones en común (como amistad, parentesco, trabajo). Las redes sociales permiten el
contacto entre personas y funcionan como un medio para comunicarse e intercambiar información.

Los individuos no necesariamente se tienen que conocer antes de entrar en contacto a través de una red
social, sino que pueden hacerlo a través de ella, y ese es uno de los mayores beneficios de las comunidades
virtuales.

Clasificación de las redes sociales:

- Redes sociales horizontales: redes de temática general con función principal de crear relaciones entre
sus miembros usando un perfil personal. Ej: Facebook, Tuenti, 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 intercambio tan diversos como las redes
profesionales, las de aficiones, viajes, fotos, música o vídeos. Ej: Linkedin, Instagram, Scribd…
1.UNIDAD 1 – 2GM-SMR – APLICACIONES WEB 2022/2023

Redes Sociales más populares (2022)

RIESGOS DE LAS REDES SOCIALES

Suplantación de Identidad

La suplantación de identidad en las redes sociales ocurre cuando alguien toma el nombre, cuentas o
información personal de otra persona para hacerse pasar por ella. Para ellos utilizan perfiles falsos con el
nombre y fotografía de la víctima. La finalidad de la misma puede asociarse a diversos delitos: estafas,
extorsión, chantaje entre otros.
1.UNIDAD 1 – 2GM-SMR – APLICACIONES WEB 2022/2023

Faude Phishing y Malware

¿Cómo se realiza un fraude en una red social? Normalmente, los cibercriminales usan mensajes directos o
publicaciones tentadoras con enlaces maliciosos o de phishing que a su vez contienen malware. Incluso
teniendo las configuraciones de seguridad pertinentes, no estamos 100% seguro de estas amenazas: Si le han
hackeado la cuenta a uno de sus amigos, dichos mensajes pueden provenir de alguna persona de confianza.

Ciberbullying ó acoso cibernético

Las víctimas son en su mayoría adolescentes de entre 12 y 17 años, y las mujeres son más propensas a sufrir
ataques. El Cyberbullying, maltrato o agresión a través de mensajes de texto, de voz, o de fotos, videos, audios,
subidos a las redes sociales, afecta a millones de personas (especialmente a los jóvenes) alrededor del mundo,
y preocupa a profesionales de la salud.

Las víctimas de acoso tienen más posibilidades de experimentar bajo rendimiento académico, depresión,
ansiedad, sentimientos de soledad y cambios en los patrones de sueño y de alimentación, que podrían alterar
su vida.

Miedo a perderse algo (FOMO, fear of missing out)

FOMO o “miedo a perderse algo". La expresión describe una nueva forma de ansiedad surgida con la
popularización del móvil y las redes sociales, una necesidad compulsiva de estar conectados. En esencia,
FOMO es la preocupación que los eventos sociales, o de cualquier otro tipo, puedan tener lugar sin que
estemos presentes para disfrutar. FOMO se caracteriza por la necesidad de estar constantemente conectado
con lo que hacen los demás, para no perderse nada. El intercambio de fotos y vídeos en las redes sociales
significa que las personas experimentan una corriente prácticamente interminable de experiencias de otros,
que potencialmente pueden alimentar los sentimientos de que se están perdiendo cosas.

Grooming

El grooming comprende todas aquellas conductas ejecutadas en línea por pedófilos o un pederasta (los
groomers) para ganar la confianza de menores o adolescentes mediante la utilización de una identidad
usurpada (generalmente de un "famoso"), fingiendo empatía, identidad de intereses o contención emocional,
con la finalidad de concretar un abuso sexual.

Estos delincuentes utilizan las redes sociales como plataforma para tomar contacto con sus víctimas. Mediante
mecanismos de seducción, buscan el intercambio de imágenes comprometedoras (de contenido sexual) que
luego son utilizadas para extorsionar a las víctimas.

Suicidios en los jóvenes

El principal factor que está ocasionando esta tendencia, tiene que ver con un aumento en el nivel de violencia,
ciberbullying y acoso cibernético que se presentan en las redes sociales, así como la falta de regulación en el
contenido de los mismos.

Pérdida de privacidad

Lo que se publica pasa a ser propiedad de las redes sociales. Además, información privada o confidencial
puede hacerse pública o caer en malas manos.

Desde datos tan simples como la ubicación (registrada por el teléfono celular o cualquier aparato dotado de
un GPS), edad, dirección de nuestro trabajo, escuela u hogar, hasta otros mucho más sensibles como el
número de nuestra tarjeta de crédito (o la de nuestros padres), nuestro número telefónico o de cuenta
bancaria, todos pueden ser interceptados.
1.UNIDAD 1 – 2GM-SMR – APLICACIONES WEB 2022/2023

Fake news

Uno de los riesgos más frecuentes es la diseminación de fake news o noticias falsas que desinforman y
manipulan la opinión o creencias de la gente, para atemorizar y generar caos. Las consecuencias de las fake
news son graves, ya que si se viralizan, pueden causar histeria colectiva, pérdidas económicas e incluso
inestabilidad política y social.

Adicción

La adicción a las redes sociales se reconoce como la necesidad urgente de permanecer conectado todo el
tiempo, aunque eso implique desconexión absoluta de la realidad y de las personas. La abstinencia implica
sentimientos de aislamiento, cambios en el comportamiento, irritabilidad e hiperactividad. Todos estos
malestares pueden acarrear problemas psicológicos más graves que deben ser tratados con especialistas.

Problemas de salud mental

El uso frecuente, combinado con el consumo de contenido superficial o negativo, es la fórmula perfecta para
perjudicar la salud mental. Mientras más se usan las redes, existe una mayor desconexión con el mundo real.
Además, se genera una comparación inconsciente con el resto de personas. Y muchas veces, por asumir que
el resto tiene una vida “perfecta", se pueden desencadenar problemas como baja autoestima, desórdenes
alimenticios, ansiedad y depresión.

Problemas legales

La gente no sabe que todo lo que dice en las redes sociales puede tener repercusiones legales. Las RRSS son
extensiones del mundo real, así que lo que es delito fuera también lo es allí (acoso, robos, amenazas,
calumnias…).

1.9. EL FUTURO DE LA WEB

En un mundo cada vez más interconectado, el uso de dispositivos móviles está creciendo de forma
exponencial. Como consecuencia de ello, se ha propiciado la utilización masiva de las aplicaciones móviles
(apps) frente a las aplicaciones web.

Las aplicaciones web y las móviles comparten algunas características, como que ambas son utilizadas por el
usuario a través del navegador. Ahora bien, no es igual desarrollar una aplicación web y después optimizarla
para su uso en un smartphone que directamente desarrollar la aplicación para que esta sea instalada y
distribuida en el dispositivo móvil. En el primer caso estamos hablando de las web apps. En estas, para
conseguir que las páginas se adapten al tamaño de las pantallas desde las que son visualizadas se utiliza el
diseño responsivo (responsive design). En el segundo caso hablamos de apps nativas.

Las aplicaciones nativas se diseñan específicamente

para los dispositivos móviles, lo cual mejora mucho
la experiencia de usuario (UX). Se desarrollan para
distintas plataformas mediante un SDK (software
development kit), con lo que para conseguir que una
determinada app sea multiplataforma se crearán
tantas apps como lenguajes específicos queremos
que soporte.