Diferencia entre revisiones de «Plantilla:AplicacionesWeb»

De WikiEducator
Saltar a: navegación, buscar
(→‎El servidor en el proceso de ejecución de una aplicación web)
Línea 1: Línea 1:
  
−
<!--16----------------------------------------------------->
+
<!--1----------------------------------------------------->
 
<div class="slide">
 
<div class="slide">
 
;La Web
 
;La Web
Línea 16: Línea 16:
 
</div>
 
</div>
  
 +
<!--2----------------------------------------------------->
 
<div class="slide">
 
<div class="slide">
 
;La web y html: El hipertexto e hipervínculo
 
;La web y html: El hipertexto e hipervínculo
Línea 22: Línea 23:
  
 
</div>
 
</div>
 +
 +
<!--3----------------------------------------------------->
 
<div class="slide">
 
<div class="slide">
 
{{Pregunta|Qué carácterísticas tiene una apliación web}}
 
{{Pregunta|Qué carácterísticas tiene una apliación web}}
Línea 27: Línea 30:
 
</div>
 
</div>
  
−
<!--17----------------------------------------------------->
+
<!--4----------------------------------------------------->
 
<div class="slide">
 
<div class="slide">
  
Línea 36: Línea 39:
 
</div>
 
</div>
  
−
<!--18---------------------------------------------------->
+
<!--5---------------------------------------------------->
 
<div class="slide">
 
<div class="slide">
 
;Entornos en una aplicación web
 
;Entornos en una aplicación web
Línea 45: Línea 48:
 
</div>
 
</div>
  
−
<!--19---------------------------------------------------->
+
<!--6---------------------------------------------------->
 
<div class="slide">
 
<div class="slide">
 
*Lógicamente una aplicación web a de tener cada una de esas partes
 
*Lógicamente una aplicación web a de tener cada una de esas partes
Línea 52: Línea 55:
 
[[Imagen:ServidorWebVsCliente.jpg]]
 
[[Imagen:ServidorWebVsCliente.jpg]]
 
</div>
 
</div>
 +
 +
<!--7---------------------------------------------------->
 +
<div class="slide">
 
;Arquitectura Cliente/Servidor
 
;Arquitectura Cliente/Servidor
 
*Las aplicaciones Web usan una arquitectura Cliente/Servidor
 
*Las aplicaciones Web usan una arquitectura Cliente/Servidor
Línea 58: Línea 64:
 
*El '''''cliente''''' inicia el proceso solicitando un servicio a un servidor  
 
*El '''''cliente''''' inicia el proceso solicitando un servicio a un servidor  
 
[[Imagen:clienteServidorDWES.jpg]]
 
[[Imagen:clienteServidorDWES.jpg]]
−
       
+
    </div> 
  
  
Línea 65: Línea 71:
  
  
−
<!--12---------------------------------------------------->
+
<!--8---------------------------------------------------->
 
<div class="slide">
 
<div class="slide">
 
==El cliente en el proceso de ejecución de una aplicación web==
 
==El cliente en el proceso de ejecución de una aplicación web==
Línea 76: Línea 82:
 
*En el cliente necesitamos tener  una serie de elementos
 
*En el cliente necesitamos tener  una serie de elementos
 
</div>
 
</div>
 +
 +
<!--9---------------------------------------------------->
 +
<div class="slide">
 +
 
[[Imagen:arquitecturaClienteServidor.png]]
 
[[Imagen:arquitecturaClienteServidor.png]]
−
<!--13---------------------------------------------------->
+
</div>
 +
 
 +
<!--1---------------------------------------------------->
 
<div class="slide">
 
<div class="slide">
 
#Un programa (navegador) dónde el usuario escribe la solicitud (Lá página a la que quiero acceder, la máquina en la que se encuentra, y dentro de la página su ubicación).
 
#Un programa (navegador) dónde el usuario escribe la solicitud (Lá página a la que quiero acceder, la máquina en la que se encuentra, y dentro de la página su ubicación).
Línea 87: Línea 99:
 
</div>
 
</div>
  
−
<!--13---------------------------------------------------->
+
<!--11---------------------------------------------------->
 
<div class="slide">
 
<div class="slide">
  
Línea 98: Línea 110:
 
</div>
 
</div>
  
−
<!--13---------------------------------------------------->
+
<!--12---------------------------------------------------->
 
<div class="slide">
 
<div class="slide">
  
Línea 106: Línea 118:
 
*Para el fragmento se utiliza el método GET dentro del protocolo http.
 
*Para el fragmento se utiliza el método GET dentro del protocolo http.
 
</div>
 
</div>
−
<!--7-->
+
 
 +
<!--13-->
 
<div class="slide">
 
<div class="slide">
 
*ejemplo de direcciones
 
*ejemplo de direcciones
Línea 123: Línea 136:
 
</div>
 
</div>
  
−
<!--13---------------------------------------------------->
+
<!--14---------------------------------------------------->
 
<div class="slide">
 
<div class="slide">
  
Línea 132: Línea 145:
 
</div>
 
</div>
  
−
<!--13---------------------------------------------------->
+
<!--15---------------------------------------------------->
 
<div class="slide">
 
<div class="slide">
  
Línea 143: Línea 156:
 
</div>
 
</div>
  
−
<!--13---------------------------------------------------->
+
<!--16---------------------------------------------------->
 
<div class="slide">
 
<div class="slide">
 
{{Pregunta|
 
{{Pregunta|
Línea 150: Línea 163:
 
</div>
 
</div>
  
−
<!--13---------------------------------------------------->
+
<!--17---------------------------------------------------->
 
<div class="slide">
 
<div class="slide">
 
<!--MRM Tarea 1-->
 
<!--MRM Tarea 1-->
Línea 159: Línea 172:
 
}}
 
}}
 
</div>
 
</div>
 +
 +
<!--18---------------------------------------------------->
 +
<div class="slide">
 +
 
===Servidor web===
 
===Servidor web===
 
*Un servidor web es una aplicación que se ejecuta en una máquina como un servicio y se mantiene escuchando por un determinado puerto
 
*Un servidor web es una aplicación que se ejecuta en una máquina como un servicio y se mantiene escuchando por un determinado puerto
Línea 170: Línea 187:
 
éstos servidores web: plataforma en la que se ejecutan, lenguajes
 
éstos servidores web: plataforma en la que se ejecutan, lenguajes
 
de programación que interpretan, propietario, etc.}}
 
de programación que interpretan, propietario, etc.}}
 +
</div>

Revisión de 09:48 26 sep 2016

La Web
25px
La Web : WWW

WWW Word Wide Web


Icon define.gif

Definición

Sistema de documentos de hipertexto (html) que se encuentran enlazados entre sí (hipertexto e hipervíncules 
A ellos se puede acceder por medio de Internet (red de tipo Tcp/Ip).
Los Navegadores son un software con el cual los usuarios pueden visualizar diversos sitios web (los cuales contienen texto, imágenes, videos y otros contenidos multimedia) y navegar a través de ellos mediante los hipervínculos (Pasando de forma transparente para ellos de una página a otra)
Lee todo en: Qué significa WWW - Definición, Qué es y Concepto http://definicion.de/www/#ixzz4LCeMtP5L



La web y html
El hipertexto e hipervínculo
  • Uno de los principales motivos del éxito de la web es la posibilidad que tienen los usuarios de pasar de una página a otra con un simple click en los enlaces tanto en texto como en otros elementos multimedia, sin ser consciente que están cargando páginas ubicadas posiblemente en difernetes sitios del mundo

HtmlDWES.png



Icon qmark.gif

Pregunta

Qué carácterísticas tiene una apliación web


AplicacioneWeb1.png

  • En la imagen vemos una serie de elementos de diferentes:
  1. Un entorno de cliente.
  2. Un entorno de servidor.
  3. Una parte de comunicaciones y protocolos, que incluyen elemntos software y hardware.
Entornos en una aplicación web
  • En realidad cada un de estas partes se estudia en sus respectivos módulos en este ciclo.
  1. La parte de cliente la cubren los módulos de Diseño de interfaces y Desarrollo de aplicaciones en entorno cliente
  2. La parte de comunicaciones y protocolo y algo de aplicaciones del servidor en el entorno del servidor se cubre en el módulo de depliegue web.
  3. La parte del entorno servidor la cubrimos en este módulo: Desarrollo de aplicaciones en entorno servidor.
  • Lógicamente una aplicación web a de tener cada una de esas partes
  • Nosotros vamos a trabajar la parte del entorno servidor, pero usaremos html y usaremos configuración de apache necesariamente.
  • Por lo tanto usaremos conceptos que veréis en otros módulos. Si hace falta se explicará lo necesario para su uso. (si aún no lo habéis visto).

ServidorWebVsCliente.jpg

Arquitectura Cliente/Servidor
  • Las aplicaciones Web usan una arquitectura Cliente/Servidor
  • Está basada en la idea del servicio
  • El servidor es un software ejecutándose en una máquina escuchando a que le soliciten un servicio
  • El cliente inicia el proceso solicitando un servicio a un servidor

ClienteServidorDWES.jpg




El cliente en el proceso de ejecución de una aplicación web

  • Es el usuario final el que empieza el proceso.
  • También se conoce como agente.


Icon activity.jpg

Proceso cliente/servidor

La comunicación entre ambos componentes se lleva a cabo a través del intercambio de mensajes.
Normalmente el cliente, a través de un navegador, inicia el intercambio de información, solicitando datos al servidor.
El servidor responde enviando uno o más flujos de datos al cliente



  • En el cliente necesitamos tener una serie de elementos

ArquitecturaClienteServidor.png

  1. Un programa (navegador) dónde el usuario escribe la solicitud (Lá página a la que quiero acceder, la máquina en la que se encuentra, y dentro de la página su ubicación).
    1. El inicio también lo puede hacer un robot también conocidos como spiders, crawlers, arañas, bots o Indexadores.
  2. Necesitamos encontrar la ip de la máquina a partir de su nombre (DNS)
  3. Interpretar y visualizar la información que el servidor nos facilite en formato html (El navegador).
  4. Ejecutar los script que aporte la respuesta del servidor por ejemplo código en java Script (Todos los navegadores modernos interpretan el código JavaScript y lo ejecutan.
  5. Cargar las hojas de estilo, renderizar imágenes y la página según especificaciones de las etiquetas del fichero html.

Especificando el recurso

  • El cliente hace una petición de una página web
  • Para ello escribe la URI en el navegador indicando máquina dónde está.
  • También nombre de la página que solicita, protocolo usado y puerto por el que realiza la solicitud.
  • (En la mayoría de las ocasiones se toma el puerto por defecto para ese protocolo
  • http 80, https 443
  • También se puede incluir lo que se llama solicitud y fragmento.
  • La solicitud son parejas variabla=valor que se pasan en la solicitud
  • El fragmenta representa una parte concreta de la página que se solicita,
  • Para el fragmento se utiliza el método GET dentro del protocolo http.
  • ejemplo de direcciones
  1. Usando fragmento 
protcolo://maquina/ruta/recurso/fragmento
http://www.unizar.es/deiss/notas.html#primerCurso
  1. Usando solicitud 
protcolo://maquina/ruta/recurso/solicitud
http://www.unizar.es/deiss/notas.htmll?nombre="Manuel"&modulo="DWES"
  1. Usando el puerto 
protcolo://maquina/ruta/recurso:puerto/

http://www.unizar.es:80/

  • Si se elude alguna parte se toma el valor por defecto o lo que establezca el servidor web

Los medios en el proceso de ejecución de una aplicación web

  • Aparte de la comunicación física necesitamos unos protocolos
  • Protocolos de la familia tcp/ip.
  • Protocolos utilizados Http, tpc/udp, piv4 ipv6 icmp, y otros muchos que se pueden usar a nivel de aplicación.

El servidor en el proceso de ejecución de una aplicación web

  • Servidor Web
  • Recibe e interpreta la solicitud del cliente
  • Accede a bases de datos según necesidades
  • Ejecuta código en el servidor, generando como resultado una página html que es lo que da al cliente
  • (El cliente no ve el código del servidor).



Icon qmark.gif

Pregunta

¿Podemos visualizar una página web sin que intervenga un servidor web?




Icon activity.jpg

Actividad

  • Realiza en un documento usando diagramas y detallando el proceso de carga de una página web
  • Contempla la posibilidad de tener que ejecutar script tanto en cliente como en servidor
  • Identifica en un bloque cada uno de los elementos (CLIENTE, SERVIDOR o MEDIOS) o programas necesarios (programa navegador, protocolo http en cliente, servidor dns, interprete de javaScript, ...)




Servidor web

  • Un servidor web es una aplicación que se ejecuta en una máquina como un servicio y se mantiene escuchando por un determinado puerto
  • Los más populares son :
  1. Apache HTTP Server
  2. Microsoft IIS (Internet Information Services)
  3. NGINX
  4. Lighttpd
  5. Sun Java System Web Server


Icon activity.jpg

Actividad

Ejercicio: Investiga las características y diferencias de cada uno de

éstos servidores web: plataforma en la que se ejecutan, lenguajes de programación que interpretan, propietario, etc.



Obtenido de «https://es.wikieducator.org/index.php?title=Plantilla:AplicacionesWeb&oldid=20156»