Diferencia entre revisiones de «Plantilla:AplicacionesWeb»

De WikiEducator
Saltar a: navegación, buscar
(Página creada con «<div class="slide"> {{Pregunta|Qué carácterísticas tiene una apliación web}} Imagen:AplicacioneWeb1.png ;Es una aplicación que se ejecuta en la web </div> <!--16-...»)
 
Línea 18: Línea 18:
 
  Lee todo en: Qué significa WWW - Definición, Qué es y Concepto http://definicion.de/www/#ixzz4LCeMtP5L}}
 
  Lee todo en: Qué significa WWW - Definición, Qué es y Concepto http://definicion.de/www/#ixzz4LCeMtP5L}}
 
}}
 
}}
}}
+
 
 
</div>
 
</div>
 
;La web y html: El hipertexto e hipervínculo
 
;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
 
*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
[[Imagen:htmlDWES.gif]]
+
[Imagen:htmlDWES.png]
  
  

Revisión de 08:12 25 sep 2016

La Web
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

[Imagen:htmlDWES.png]


  • En la imagen vemos una serie de elementos
  1. Un entorno de cliente.
  2. Un entorno de servidor.
  3. Una parte de comunicaciones y protocolo.
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
  • Especialemente está condicionada la parte del entorno servidor
  • En este módulo usaremos conceptos vistos en los otros.

ServidorWebVsCliente.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.
  • En el cliente necesitamos tener una serie de elementos
  • 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).
  • Necesitamos encontrar la ip de la máquina a partir de su nombre (DNS)
  • Interpretar y visualizar la información que el servidor nos facilite en formato html (El navegador).
  • 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.

Especificadno 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, ...)