ASIGNATURA: APLICACIONES WEB

TEMARIO

► Unidad 1. Internet, características y evolución

► Unidad 2. Elaboración de páginas web con lenguajes de
marcas
► Unidad 3.Instalación de gestores de contenido
► Unidad 4. Sistemas de gestión de aprendizaje a
distancia
► Unidad 5. Servicios de gestión de archivos web
► Unidad 6. Instalación de aplicaciones de ofimática web
► Unidad 7. Instalación de aplicaciones web de escritorio
Título de la presentación 2
Esquema de la unidad 1: Internet, características y evolución
► 1.1. Conceptos básicos de Internet
► 1.2. Fundamentos de la web
► 1.3. La evolución de la web
► 1.4. Navegadores web
► 1.5. Servidores web
► 1.6. Funcionamiento básico de un servicio web
► 1.7. Estructura de la información de un sitio web
► 1.8. Bases de datos asociadas a un servicio web
► 1.9. Las redes sociales
► 1.10. Hacia la Web 4.0

Título de la presentación 3
 1.1. Conceptos básicos de Internet

Internet es una gran red

mundial de ordenadores
conectados que utilizan el
protocolo TCP/IP

Título de la presentación 4
► Origen de Internet: 1969, cuando se estableció la primera conexión
de computadoras, conocida como ARPANET, entre tres
universidades de California y una de Utah

► Servicios más usados que ofrece la red Internet:

• E-mail:es un servicio de correspondencia
• FTP (File Transfer Protocol): herramienta utilizada para transferir
archivos
• Noticias (news)
• Telnet (Telecommunication Network): emulación de terminal
• WWW (World Wide Web): servicio web
• Chat o IRC (Internet Relay Channel): servicio de comunicación
en tiempo real
• Servicios de telefonía
Título de la presentación 5
1.2. Fundamentos de la web
► Internet engloba a las tecnologías que hacen posible que los
ordenadores ubicados en diferentes lugares del mundo se conecten
entre sí y puedan compartir información
► La web es uno de los servicios que proporciona internet

► La web fue creada en 1989 por Tim Berners Lee

► Consistía en una forma de organizar la información usando como medio
físico de comunicación la red internet y el protocolo HTTP (Hypertext
Transference Protocol)

Título de la presentación 6
1.2. Fundamentos de la web
► Berners-Lee desarrolló las ideas fundamentales que estructuran la web
para facilitar el intercambio y la distribución de la información de
manera más efectiva
► Crearon el Lenguaje HTML (HyperText Markup Language) o lenguaje
de etiquetas de hipertexto, el protocolo HTTP (HyperText Transfer
Protocol) y el sistema de localización de objetos en la web URL
(Uniform Resource Locator)
► Creó un protocolo de comunicación (HTTP), un lenguaje para que las
máquinas se entendieran (HTML) y una forma de llamar a los recursos
(URL o dirección web)
► HTTP es el protocolo que los navegadores utilizan para realizar
peticiones a los servidores web y para recibir las respuestas de ellos.
Es el protocolo que se utiliza para ver páginas web

Título de la presentación 7
 1.3. Evolución de la web

● La web inicial fue la Web 1.0. Las páginas eran estáticas y el usuario
no podía interactuar con ellas. Características:
● Páginas escritas en código HTML
● El contenido y el diseño estaban juntos en el mismo código HTML
● No se usaban las bases de datos y por tanto no existían los
usuarios ni el registro de usuarios, todos eran visitantes
● Los usuarios no podían registrarse, ni comentar o añadir contenidos

Título de la presentación 8
1.3. Evolución de la web

 La Web 2.0 se caracteriza por:

● el gran despliegue de contenido multimedia y la gran interactividad
con la que el usuario cuenta dentro del sitio, no limitándose a texto
fijo
● la información se encuentra en bases de datos y los usuarios
pueden añadir, modificar o borrar contenidos en ellas.
● aparecen las redes sociales
● los usuarios pueden almacenar y compartir documentos de forma
sencilla.
● aparecen las aplicaciones web colaborativas al alcance de los
usuarios, que reemplazan a las aplicaciones de escritorio y a las
que se accede mediante un navegador web
● cualquier usuario puede crear su propio espacio, publicar sus fotos,
opiniones, vídeos, etc.
Título de la presentación 9
 1.3. Evolución de la web

► La Web 3.0 o web semántica es una web orientada al conocimiento:

cualquier usuario podrá encontrar respuestas a sus preguntas de forma
más rápida y sencilla gracias a una información mejor definida

► La Web 3.0 facilita la accesibilidad de las personas a la información,

sin depender de qué dispositivo use para el acceso a ella. Es una web
con la que interactuar para conseguir resultados. Más allá del hecho de
compartir "información", que esta información sea compartida por cada
persona de una forma inteligible y de provecho para ella y sus
necesidades en cada circunstancia

Título de la presentación 10
 1.3. Evolución de la web

► Características de la Web 3.0:

• Contenido accesible a través de múltiples dispositivos como
televisores, PDA, móviles, tablets, etc.
• Tecnologías de inteligencia artificial, que puedan aprender de la
interacción con los usuarios.
• La web geoespacial
• Evolución al ambiente 3D: con el fin de abrir nuevas formas de
conectar y colaborar, utilizando espacios tridimensionales.

Título de la presentación 11
 1.3. Evolución de la web

► Las tecnologías que permite desarrollar la Web 3.0:

• RDF (Resource Description Framework):es una familia de
especificaciones de la World Wide Web Consortium (W3C) que
sirve para proporcionar información descriptiva sobre los recursos
que se encuentran en la web
• OWL (Web Ontology Language): lenguaje de marcado para publicar
y compartir datos usando ontologías en la web. Una ontología
define los términos a utilizar para describir y representar un área de
conocimiento
• SPARQL (Protocol and RDF Query Language): lenguaje para la
consulta de grafos RDF
• XML (eXtensible Markup Language): lenguaje estándar para el
intercambio de información entre diferentes plataformas.

Título de la presentación 12
 1.4. Navegadores web

► Navegador web: programa que permite visualizar la información que

contiene una página web, pues interpreta el código de la página y lo
visualiza en la pantalla.

► Cronología de los navegadores:

• WorldWideWeb, desarrollado por Tim Berners en 1990. Sólo
funcionaba en estaciones NeXT
• Mosaic, desarrollado en 1993 en la CERN(Centro Europeo para la
Investigación nuclear). Inicialmente sólo funcionaba en entornos
UNIX, pero pronto aparecieron versiones para Windows(Spyglass
Mosaic) y Macintosh.

Título de la presentación 13
1.4. Navegadores web
• Nestcape Navigator: capaz de funcionar en entornos UNIX y
Windows y que rápidamente superó en capacidades y velocidad a
Mosaic.
• Internet Explorer (IE)(el antiguo Spyglass Mosaic): lanzado por
Microsoft en 1995, consiguió desbancar a Nestcape entre los
usuarios de Windows.
• Netscape Communications Corporation liberó el código fuente de su
navegador, naciendo así el proyecto Mozilla. La primera versión
apareció en 2002 y era capaz de funcionar con múltiples sistemas
operativos.
• Safari: lanzado al mercado en 2003 por Apple. Se hace con la
totalidad del mercado de las microcomputadoras Mac por su
velocidad y cantidad de actualizaciones y entra al mercado del
sistema operativo Windows.

Título de la presentación 14
1.4. Navegadores web

• Mozilla Firefox: rama de desarrollo de Mozilla. Aparece en 2004.

Pretende hacerse con parte ddel mercado de Internet Explorer.
• Google Chrome: aparece en septiembre de 2008. Desarrollado por
Google. En 2011 superó a Internet Explorer 8.0 como el navegador
más utilizado a nivel mundial.
• Microsoft Edge: lanzado por Microsoft en 2015. Versión mejorada y
modernizada y distinta de Internet Explorer.
(Realiza la Actividad propuesta 1.2)

Título de la presentación 15
 1.4. Navegadores web

► Navegador móvil: (mobile browser) o micronavegador. Es un

navegador web diseñado para el uso en dispositivos móviles y de
reducidad dimensiones como PDA, teleéfonos móviles, tabletas.

► La mayoría de los sistemas operativos móviles incluyen el navegador

web, pero podemos descargarnos otros como hacemos en el
ordenador. Ejemplos de navegadores seb móviles son: Dolphin, Ópera
Mobile, Skyfire, Firefox, Chrome, etc.

Título de la presentación 16
 1.5. Servidores web

► Un servidor web es un programa diseñado para aceptar peticiones

HTTP del navegador y servir las páginas web que tiene alojadas.

► Cada sitio web tiene una dirección única conocida como URL(Uniform
Resource Locator). En ella se distinguen 3 partes

Título de la presentación 17
1.5. Servidores web
► Conceptos importantes a conocer:
• Dirección IP o dirección de internet: dirección que utiliza el protocolo
IP (Internet Protocol) para identificar de forma única un dispositivo
en internet. Es un código numérico con cuatro valores entre 0 y 255
separados por puntos. Ejemplos: 182.26.4.13, 45.23.225.6
• Los dominios: son los nombres de los sitios web que visitamos. Más
sencillos de recordar que su dirección IP. Tipos:
– Internacionales o genéricos:
• .com (compañía comercial)
• .org (organización sin fines de lucro)
• .net (redes y servicios de internet)
• .edu (institución educativa)
• .gob (organización gubernamental)
Título de la presentación 18
1.5. Servidores web
– Dominios territoriales o dominios de país. Ejemplos: .es
(España), .fr (Francia), uk (Reino Unido), .ar (Argentina), .de
(Alemania)
• Proveedores de servicios de internet o ISP (Internet Service
Provider): empresas dedicadas a conectar a internet a los usuarios
o las distintas redes que tengan, y a hacer el mantenimiento
necesario para que el acceso funcione correctamente. También
ofrecen servicios relacionados, como alojamiento web o registro de
dominios entre otros.

Título de la presentación 19
1.5. Servidores web
• Servidor DNS (Domain Name Server): resuelve el nombre de un
dominio en una dirección IP determinada. Cada servidor mantiene
una base de datos de nombres y direcciones. Usa la consola de
comandos, en Windows / Inicio / Accesorios / Símbolo del sistema y
escribe el siguiente comando:
ping www.google.es

Título de la presentación 20
 1.6. Instalación de un servidor web

► Las páginas webs se alojan en diferentes equipos, ya sea de forma

local o en servidores remotos. En este curso vamos a usar un servidor
de páginas webs de forma local, es decir, vamos a instalar un software
que va a proporcionar a nuestro equipo el alojamiento de páginas webs.

► Dentro de los diferentes lenguajes y servidores web, tenemos de forma

gratuita Wamp (Windows), Lamp (Linux) y Mamp (Mac). Todos ellos
instalan Apache para mostrar las páginas webs, Mysql como gestor de
base de datos y PHP será un lenguaje de programación del lado del
servidor que permite incorporar directamente en el documento HTML.

Título de la presentación 21
1.6. Instalación de un servidor web
• Wamp – Software de instalación en (W)indows de un servidor de
páginas web HTTP, en este caso (A)pache, con un gestor de base
de datos, en este caso (M)ysql y un lenguaje programación llamado
(P)HP, del lado del servidor.
• Lamp – Software de instalación en (L)inux de un servidor de
páginas web HTTP, en este caso (A)pache, con un gestor de base
de datos, en este caso (M)ysql y un lenguaje programación llamado
(P)HP, del lado del servidor.
• Mamp – Software de instalación en (M)ac de un servidor de páginas
web HTTP, en este caso (A)pache, con un gestor de base de datos,
en este caso (M)ysql y un lenguaje programación llamado (P)HP, del
lado del servidor.

Título de la presentación 22
 1.6. Instalación de un servidor web

► Si te has fijado, sólo cambia la primera letra indicando el sistema

operativo en el cual será usado, existen muchas versiones gratuitas y
en caso que tengas instalada alguna no será necesario que uses estas
versiones, puedes usar la tuya. Si no tienes ninguna, elige la que
corresponda a tu sistema operativo.

Consultar el Anexo I (Instalación de un servidor web)

Título de la presentación 23
 1.7. Funcionamiento básico de un servicio web

► Un servicio web representa un recurso de información o un proceso de

negocio al que puede acceder otra aplicación a través de la web y con
el cual se puede comunicar a través de protocolos estándares de
internet.

► Arquitectura: existen tres partes: proveedor de servicios web, el que

pide el servicio web y el publicador:
• El proveedor de servicios envía al publicador del servicio un
fichero WSDL con la definición del servicio web.
• El que pide el servicio contacta con el publicador y descubre quién
es el proveedor (protocolo WSDL) y contacta con el proveedor
(protocolo SOAP).
Título de la presentación 24
1.7. Funcionamiento básico de un servicio web
• El proveedor valida la petición de servicio y envía el dato
estructurado en formato XML utilizando el protocolo SOAP

Título de la presentación 25
 1.7. Funcionamiento básico de un servicio web
► XML (eXtensible Markup Language): lenguaje de marcas para describir
la información
► SOAP (Simple Object Access Protocol):protocolo de mensajería basado
en XML que indica cómo se deben codificar los mensajes que
circularán entre la aplicación del cliente y del proveedor del servicio.
► WSDL (Web Services Description Language): lenguaje que define un
mecanismo estándar para describir un servicio web.
► UDDI (Universal Description, Discovery and Integration): permite
comprobar qué servicios web están disponibles.

Título de la presentación 26
 1.8. Estructura de la información de un sitio web
► Recomendaciones:
• Elegir un dominio corto y fácil de recordar
• Elegir un hosting que no sea lento y con caídas frecuentes
• La información del sitio debe estar bien estructurada
• Las páginas tienen que ser compatibles con los navegadores más
actuales
• Debe ser fácil navegar por la página
• Hay que procurar que la página se cargue pronto. No debemos usar
muchas imágenes de gran tamaño.
• Todos los documentos del sitio deben tener un diseño similar
• Debe ser fácil la actualización de nuestro sitio

Título de la presentación 27
 1.9. Bases de datos asociadas a un servicio web
► Una base de datos es un conjunto de datos pertenecientes a un mismo
contexto y almacenados sistemáticamente para su posterior uso.
► Actualmente, podemos acceder a través de la web a bases de datos
ubicadas en cualquier lugar del mundo.
► Para la integración de bases de datos y la web es necesario una
interfaz. Ésta es una página web (escrita por ejemplo en PHP) para
realizar la conexión con la base de datos, extraer la información,
interactuar con ella y darle un formato adecuado para visualizarla desde
un navegador. Estas páginas son dinámicas con acceso a datos.
► Una aplicación típica de base de datos en la web es una tienda que
vende sus productos por internet

Título de la presentación 28
 1.9. Bases de datos asociadas a un servicio web
► Para acceder a los datos de una base de datos desde la web se
necesita:
• Un navegador como Mozilla Firefox, Google Chrome o Internet Explorer,
por ejemplo.
• Un servidor web, como Apache o IIS (Internet Information Server), que
proporciona el servicio de conexión entre la base de datos y los clientes.
• Un servidor de base de datos, como MySQL u Oracle, que almacenará la
información.
• Una aplicación que acceda a los datos, realizada, por ejemplo, en PHP o
en ASP y que contendrá las instrucciones necesarias para interactuar con
la base de datos. Dependiendo del tipo de servidor, se crearán un tipo u
otro de páginas dinámicas, ya que estas se ejecutan en el servidor web.
Por ejemplo, si el servidor web es IIS, se ejecutarán páginas ASP. Si es
Apache, se ejecutarán páginas PHP.

Título de la presentación 29
1.9. Bases de datos asociadas a un servicio web

► En el esquema se muestra una transacción web con base de datos

en la que se hace una petición HTTP, el servidor web es Apache, la
base de datosMySQL y la aplicación que accede está en PHP.

Realizar las actividades resueltas 1.1 y 1.2

Título de la presentación 30
 1.10. Las redes sociales

► Las redes sociales son uno de los desarrollos más innovadores de la

Web 2.2.

► Millones de usuarios comparten aficiones, amistades, ideas, fotografías,

vídeos…

► Funcionamiento: una persona se registra en una red social y empieza a

invitar a amigos y conocidos a formar parte para compartir intereses,
preocupaciones, fotos, etc. ; los amigos y conocidos reciben la
información, se unen y éstos a su vez invitan a otros amigos y
conocidos. Se va creando poco a poco una red de personas.

Título de la presentación 31
 1.10. Las redes sociales
► Son ejemplos de redes sociales:Facebook, Instagram, Twitter, Tumblr,
Flickr, Spotify, YouTube,…
► Las redes sociales tienen muchas ventajas:
• Permiten la relación e interacción con otras personas, incluso de
otros países
• Son una buena herramienta para establecer contactos profesionales
y encontrar oportunidades laborales
• Son una buena plataforma para el ocio. Es posible participar en
actos y conferencias o acudir a eventos.
► Pero también tienen sus inconvenientes:
• Nuestra privacidad puede verse en peligro
• Riesgo de suplantación de identidad
• Falta de control de los datos
Título de la presentación 32
1.10. Las redes sociales
Realizar la actividad propuesta 1.3
Realizar la actividad propuesta 1.4

Título de la presentación 33
 1.11. Hacia la Web 4.0

► La Web 4.0 propone un nuevo modelo de interacción con el usuario

más completo y personalizado, no limitándose simplemente a mostrar
información, sino comportándose como un espejo mágico que dé
soluciones concretas a las necesidades del navegante.

► Web 4.0 es una capa de integración necesaria para la explotación de la

Web semántica y sus enormes posibilidades. Es un nuevo modelo de
Internet que nace con el objetivo de resolver las limitaciones de la red a
día de hoy.

Título de la presentación 34
 1.11. Hacia la Web 4.0

► Se fundamenta en cuatro pilares fundamentales:

• Comprensión del lenguaje natural (NLU) y técnicas de Speech-to-
Text.
• Nuevos modelos de comunicación máquina-máquina (M2M). La red
estará formada por agentes inteligentes en la nube, que serán
capaces de comunicarse entre sí y delegar la respuesta al agente
adecuado.
• Uso de información de contexto del usuario.
• Nuevo modelo de interacción con el usuario.
Realiza la actividad propuesta 1.5

Título de la presentación 35
 Bibliografía
► Ramos Martín, Alicia, Ramos Martín, Mª Jesús. (2014). Aplicaciones
Web. Madrid. Editorial Paraninfo.
► Contreras Castañeda, Miguel Ángel. “Desarrollo de Aplicaciones Web
Multiplataforma”. Aula Mentor
► Zofío Jiménez, Javier. (2013). Aplicaciones Web. Zaragoza. Editorial
Macmillan Profesional
► https://www.paradigmadigital.com/dev/web-4-0
► https://es.wikipedia.org/

Título de la presentación 36