Diferencia entre revisiones de «Usuario:ManuelRomero/micursos/DWES/Tema1/Introduccion»

De WikiEducator
Saltar a: navegación, buscar
 
(36 revisiones intermedias por el mismo usuario no mostrado)
Línea 1: Línea 1:
−
{{TEP}}
 
 
__NOEDITSECTION__
 
__NOEDITSECTION__
−
{{:Usuario:ManuelRomero/micursos/DWES/nav}}
+
{|cellpadding="5" cellspacing="6" style="width:100%;background:#DFFFFF; border-style:solid; border-width:2px; border-color:#0066FF;"
 +
| width="100%" valign="top" style="padding: 0; margin:0px;" |
 +
{|cellpadding="5" cellspacing="6" style="width:100%;background:#DFFFFF; border-style:solid; border-width:1px; border-color:#0066FF;"
 +
| width="100%" valign="top" style="padding: 0; margin:0px;" |
 +
<span style="background:#FFFF99">
 +
</span>
 +
[[Imagen:DWES_TituloTema1B.gif|center]]
 +
|}
 +
 
 +
 
 +
 
 
<br>
 
<br>
 
{{#widget:Slides}}
 
{{#widget:Slides}}
Línea 7: Línea 16:
  
  
−
<!--1-->
+
<!--2------------------------------------------------------>
 
<div class="slide">
 
<div class="slide">
−
=CONCEPTOS SOBRE DESARROLLO WEB=
+
===CONCEPTOS SOBRE DESARROLLO WEB===
 
</div>
 
</div>
 +
 +
 +
<!--3------------------------------------------------------>
 
<div class="slide">
 
<div class="slide">
−
===Objetivos===
+
===Qué pretende explicar este módulo===
−
*El objetivo de este curso se ve en el nombre del módulo
+
*El objetivo de este módulo lo describe '''''su propio nombre'''''.
 
{{Objetivo|'''''Desarrollo de aplicaciónes web en entorno servidor'''''}}
 
{{Objetivo|'''''Desarrollo de aplicaciónes web en entorno servidor'''''}}
−
*En esta introducción analizaremos que entendemos por el '''''Desarrollo de aplicaciones web en el entorno servidor'''''.
+
*En esta introducción analizaremos qué entendemos por '''''Desarrollo de aplicaciones web en el entorno servidor'''''.
 
*Para ello vamos a  ir desgranando el nombre del módulo y analizándolo en cada una de sus partes.
 
*Para ello vamos a  ir desgranando el nombre del módulo y analizándolo en cada una de sus partes.
 
</div>
 
</div>
  
−
<!--2--------------------------------------------------->
+
<!--4------------------------------------------------------>
 +
<div class="slide">
 +
 
 +
;Partes a analizar
 +
#Desarrollar una aplicación
 +
#Aplicaciones Web
 +
#Entorno servidor
 +
[[Imagen:Dwes_1.png|center|400px]]
 +
</div>
 +
 
 +
<!--5--------------------------------------------------->
 
<div class="slide">
 
<div class="slide">
 
===Desarrollar una aplicación===
 
===Desarrollar una aplicación===
Línea 25: Línea 47:
 
{{Conocimiento previo|Qué es '''''Desarrollar una aplicación'''''}}
 
{{Conocimiento previo|Qué es '''''Desarrollar una aplicación'''''}}
 
*Son muchas las posibles respuestas, pero al menos deberíamos saber dar una de forma correcta
 
*Son muchas las posibles respuestas, pero al menos deberíamos saber dar una de forma correcta
 +
 +
 
</div>
 
</div>
−
<!--2--------------------------------------------------->
 
  
 +
<div class="slide">
 +
<!--6--------------------------------------------------->
 +
{{Actividad|Vamos a dar una definición entre todos. Aportar ideas}}
 +
</div>
  
−
<!--3--------------------------------------------------->
+
 
 +
 
 +
<!--7--------------------------------------------------->
 
<div class="slide">
 
<div class="slide">
 +
;Posible definición
 +
{{Definicion|
 +
*Dado un problema de naturaleza lógica,
 +
*desarrollar una aplicación consiste en
 +
*'''''implementar''''' o construir un programa usando un determinado lenguaje de programación,
 +
*Dicho programa consiste en '''''un conjunto de instrucciones''''' que ejecutadas en un entorno computacional '''''solucionan''''' de forma automatizada '''''el problema planteado'''''.}}
 +
</div>
  
−
{{Definicion|Dado un problema de naturaleza lógica, construir un programa va a ser: '''''implementar''''' o construir un programa usando un determinado lenguaje de programación, el cual consistirá en un conjunto de instrucciones que ejecutadas en un entorno computacional solucionan de forma automatizada el problema planteado.
+
 
−
}}
+
 
 +
<!--8--------------------------------------------------->
 +
<div class="slide">
 +
[[Imagen:DesarrollarAplicacion.png|center|700px]]
 
</div>
 
</div>
 +
<!---8--->
  
−
<!--4--------------------------------------------------->
+
<!--7--------------------------------------------------->
 
<div class="slide">
 
<div class="slide">
 
;Desarrolar una aplicación
 
;Desarrolar una aplicación
Línea 46: Línea 86:
  
  
−
<!--5--------------------------------------------------->
+
<!--7--------------------------------------------------->
 +
<div class="slide">
 +
;Fases en el desarrollo tradiciona
 +
[[Imagen:AnalisisDiseñoImple1.png]]:
 +
{{Actividad|Realizar la aplicación '''Ecuaciones de segundo grado''' con este esquema}}
 +
</div>
 +
 
 +
 
 +
<!--8--------------------------------------------------->
 
<div class="slide">
 
<div class="slide">
 
;Desarrollar una aplicación
 
;Desarrollar una aplicación
Línea 55: Línea 103:
  
  
−
<!--5--------------------------------------------------->
+
<!--9--------------------------------------------------->
 
<div class="slide">
 
<div class="slide">
−
{{Conocimiento previo|Diferencias entre ;Compilacion Vs Interpretación}}
+
{{Conocimiento previo|Diferencias entre '''''Compilacion Vs Interpretación'''''}}
 
{{Pregunta|Java es un lenguaje compilado o interpretados }}
 
{{Pregunta|Java es un lenguaje compilado o interpretados }}
 +
</div>
 +
 +
 +
<!--9--------------------------------------------------->
 +
<div class="slide">
 
{{Pregunta|En un entorno de ejecución web, qué tipo de modelo se debe de usar y por qué}}
 
{{Pregunta|En un entorno de ejecución web, qué tipo de modelo se debe de usar y por qué}}
 
</div>
 
</div>
  
−
<!--6----------------------------------------------------->
+
<!--10----------------------------------------------------->
 
<div class="slide">
 
<div class="slide">
 
===Una Aplicación Web===
 
===Una Aplicación Web===
Línea 71: Línea 124:
 
</div>
 
</div>
  
−
<!--7----------------------------------------------------->
+
<!--11----------------------------------------------------->
 
<div class="slide">
 
<div class="slide">
 
;Tipos de aplicaciones
 
;Tipos de aplicaciones
Línea 85: Línea 138:
 
</div>
 
</div>
  
−
<!--8----------------------------------------------------->
+
<!--12----------------------------------------------------->
 
<div class="slide">
 
<div class="slide">
 
;Tipos de sorftware
 
;Tipos de sorftware
 
*Los diferentes '''''[http://www.tiobe.com/index.php/content/paperinfo/tpci/index.html lenguajes de programación'''''] son todos de propósito general, esto es,  pueden implementar cualquier algoritmo correcto.
 
*Los diferentes '''''[http://www.tiobe.com/index.php/content/paperinfo/tpci/index.html lenguajes de programación'''''] son todos de propósito general, esto es,  pueden implementar cualquier algoritmo correcto.
 
*No obstante presentan diferentes características que los hacen más idóneos para  implementar código en determinados tipo de software, de modo que dependiendo el tipo de software que vamos a desarrollar deberíamos de ver que tipos de lenguajes tenemos disponibles.
 
*No obstante presentan diferentes características que los hacen más idóneos para  implementar código en determinados tipo de software, de modo que dependiendo el tipo de software que vamos a desarrollar deberíamos de ver que tipos de lenguajes tenemos disponibles.
−
 
 
</div>
 
</div>
  
−
<!--9----------------------------------------------------->
+
<!--13----------------------------------------------------->
 
<div class="slide">
 
<div class="slide">
 
;Tipos de sorftware
 
;Tipos de sorftware
−
*Por otro la la encapsulación y abstracción el lengjaues orientada a objetos (También ocurre con la tendencia de lenguajes de tipo TAD (tipos abstractos de datos) permite que los diferentes lenguajes ofrenzcan librerías o clases en terminología OOP, que nos hacer mucho del trabajo habitual para ese tipo de aplicaciones. Son componentes que directamente podemos usar
+
*Por otro la la encapsulación y abstracción en lenguajes orientada a objetos (También ocurre con la tendencia de lenguajes de tipo TAD (tipos abstractos de datos)) permite que los diferentes lenguajes ofrezcan librerías o clases en terminología OOP, que nos hacen mucho del trabajo habitual para ese tipo de aplicaciones.
−
*También van apareciendo '''''framework''''' donde con un lenguaje de programación se toma una metodología de trabajo y de alguna manera  (Por ejemplo creando dentro del framework determinados objetos), se adapta un determinado lenguaje para facilitar el trabajo al desarrollador.
+
*Son componentes que directamente podemos usar
 
</div>
 
</div>
  
−
<!--10----------------------------------------------------->
+
<!--14----------------------------------------------------->
 
<div class="slide">
 
<div class="slide">
−
;Características de una aplicación web
+
;framework
 +
*También van apareciendo '''''framework''''' donde con un lenguaje de programación se toma una metodología de trabajo y  se adapta un determinado lenguaje (Por ejemplo creando dentro del framework determinados objetos) para facilitar el trabajo al desarrollador.
  
 +
{{Recursos de la Web|
 +
*[http://www.bestwebframeworks.com/ framework] para el desarrollo web}}
 +
</div>
 +
 +
<!--16----------------------------------------------------->
 +
<div class="slide">
 
{{Pregunta|Qué carácterísticas tiene una apliación web}}
 
{{Pregunta|Qué carácterísticas tiene una apliación web}}
 
[[Imagen:AplicacioneWeb1.png]]
 
[[Imagen:AplicacioneWeb1.png]]
 +
</div>
 +
 +
<!--17----------------------------------------------------->
 +
<div class="slide">
 +
 
*En la imagen vemos una serie de elementos
 
*En la imagen vemos una serie de elementos
 
#Un entorno de  cliente.
 
#Un entorno de  cliente.
Línea 112: Línea 176:
 
</div>
 
</div>
  
−
<!--11---------------------------------------------------->
+
<!--18---------------------------------------------------->
 
<div class="slide">
 
<div class="slide">
−
;Tipos de sorftware
+
;Entornos en una aplicación web
−
 
+
 
*En realidad cada un de estas partes se estudia en sus respectivos módulos en este ciclo.
 
*En realidad cada un de estas partes se estudia en sus respectivos módulos en este ciclo.
 
#La parte de '''cliente''' la cubren los módulos de '''''Diseño de interfaces''''' y '''''Desarrollo de aplicaciones en entorno cliente'''''
 
#La parte de '''cliente''' la cubren los módulos de '''''Diseño de interfaces''''' y '''''Desarrollo de aplicaciones en entorno cliente'''''
 
#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'''''.
 
#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'''''.
 
#La parte del '''entorno servidor''' la cubrimos en este módulo: '''''Desarrollo de aplicaciones en entorno servidor'''''.
 
#La parte del '''entorno servidor''' la cubrimos en este módulo: '''''Desarrollo de aplicaciones en entorno servidor'''''.
−
*Sin embargo en una aplicación web siempre deberán de aparecer estas partes, por lo que en este módulo usaremos conceptos vistos en los otros.
+
</div>
 +
 
 +
<!--19---------------------------------------------------->
 +
<div class="slide">
 +
*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.
 +
[[Imagen:ServidorWebVsCliente.jpg]]
 
</div>
 
</div>
  
 
<!--12---------------------------------------------------->
 
<!--12---------------------------------------------------->
 
<div class="slide">
 
<div class="slide">
−
==El cliente==
+
==El cliente en el proceso de ejecución de una aplicación web==
−
*Es el usuario final y el que empieza el proceso
+
*Es el usuario final el que empieza el proceso.
−
*En el necesitamos la parte del cliente del protocolo http
+
*También se conoce como agente.
−
*Necesitamos un navegador que es un progrma que interpreta páginas web (Html xml) con sus lenguajes de scrpit (Java Script u otro lenguaje de scritp al lado del cliente).
+
*En el cliente necesitamos tener una serie de elementos
−
*
+
 
</div>
 
</div>
−
<!--6-->
+
 
 +
<!--13---------------------------------------------------->
 
<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).
 +
*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.
 +
</div>
  
 +
<!--13---------------------------------------------------->
 +
<div class="slide">
  
−
{{Recursos de la Web|
+
===Especificadno el recurso===
−
*Qué es una aplicación web en [http://es.wikipedia.org/wiki/Aplicaci%C3%B3n_web wikipedia]
+
−
*Qué es un desarrollo web en http://es.wikipedia.org/wiki/Desarrollo_web wikipedia]
+
−
*Ques es una URL vs diferencia con http://www.hispamedios.com/articles/id34-url-y-uri URI]
+
−
}}
+
 
*El cliente hace una petición de una página web
 
*El cliente hace una petición de una página web
−
*Para ello escribe la URI en el navegador indicando máquina donde está y 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 y por lo tanto se elude esta información.
+
*Para ello escribe la URI en el navegador indicando máquina dónde está.
−
*También se puede incluir  lo que se llama solicitud y fragmento. La solicitud son parejas variabla=valor que se pasan en la solicitud y el fragmente representa una parte concreta de la página que se solicita, utilizando el método GET dentro del protocolo http
+
*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
 +
</div>
 +
 
 +
<!--13---------------------------------------------------->
 +
<div class="slide">
 +
 
 +
*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.
 
</div>
 
</div>
 
<!--7-->
 
<!--7-->
Línea 160: Línea 244:
 
*Si se elude alguna parte se toma el valor por defecto o lo que establezca el servidor web
 
*Si se elude alguna parte se toma el valor por defecto o lo que establezca el servidor web
 
</div>
 
</div>
 +
 +
<!--13---------------------------------------------------->
 +
<div class="slide">
 +
 +
==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.
 +
</div>
 +
 +
<!--13---------------------------------------------------->
 +
<div class="slide">
 +
 +
==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).
 +
</div>
 +
 +
<!--13---------------------------------------------------->
 +
<div class="slide">
 +
{{Pregunta|
 +
¿Podemos visualizar  una página web sin que intervenga un servidor web?
 +
}}
 +
</div>
 +
 +
<!--13---------------------------------------------------->
 +
<div class="slide">
 +
<!--MRM Tarea 1-->
 +
{{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, ...)
 +
}}
 +
</div>
 +
 +
<!--13---------------------------------------------------->
 +
<div class="slide">
 +
 +
===El comando [http://es.wikipedia.org/wiki/CURL curl]===
 +
*Si no está instalado se instala fácil
 +
<source lang="bash">
 +
  sudo apt-get install curl 
 +
</source>
 +
*Con este comando podemos establecer comunicación con servidores usando los diferentes protocolos que soporta.
 +
</div>
 +
 +
<!--13---------------------------------------------------->
 +
<div class="slide">
 +
;Curl
 +
*Usando la sintaxis URL podemos transferir ficheros entre cliente y servidor.
 +
*Veamos algún uso que puede resultar interesante
 +
*Suele ser interesante conocer los [http://es.wikipedia.org/wiki/Anexo:C%C3%B3digos_de_estado_HTTP códigos] http
 +
*Nos interesará conocer los códigos del servidor 5xx
 +
</div>
 +
 +
<!--13---------------------------------------------------->
 +
<div class="slide">
 +
Ejemplos de uso del comando
 +
*Ver el contenido de una página wqeb
 +
'''''curl url_página_web'''''
 +
*Guardar una página web en un fichero  '''''-o'''''
 +
'''''curl -o nombreFichero url_página_web''''' 
 +
*Ver la cabecera de una web
 +
'''''curl --head url_pagina_web'''''
 +
</div>
 +
 +
<!--13---------------------------------------------------->
 +
<div class="slide">
 +
 +
*Si la web nos redirige, hay que especificarlo con '''''-L'''''
 +
'''''curl -L url_página_web'''''  Para que accedamos a la página que nos redirige url_pagina_web
 +
*Para ver toda la traza de información de un servidor
 +
*Podemos también simular el envío de datos a un servidor bien por POST y bien por GET. Simulando un formulario.
 +
Estos conceptos ya los veremos y utilizaremos mas adelante
 +
</div>
 +
<!--13---------------------------------------------------->
 +
<div class="slide">
 +
 +
{{Actividad|
 +
Investiga y explica al menos 3 opciones del comando curl, pudiendo ser las vistas anteriormente}}
 +
</div>
 +
 +
 +
 +
|}

Última revisión de 09:30 25 sep 2015

DWES TituloTema1B.gif




CONCEPTOS SOBRE DESARROLLO WEB


Qué pretende explicar este módulo

  • El objetivo de este módulo lo describe su propio nombre.


Icon objectives.jpg

Objetivo

Desarrollo de aplicaciónes web en entorno servidor
  • En esta introducción analizaremos qué entendemos por Desarrollo de aplicaciones web en el entorno servidor.
  • Para ello vamos a ir desgranando el nombre del módulo y analizándolo en cada una de sus partes.
Partes a analizar
  1. Desarrollar una aplicación
  2. Aplicaciones Web
  3. Entorno servidor
Dwes 1.png

Desarrollar una aplicación


Icon preknowledge.gif

Conocimiento previo

Qué es Desarrollar una aplicación


  • Son muchas las posibles respuestas, pero al menos deberíamos saber dar una de forma correcta



Icon activity.jpg

Actividad

Vamos a dar una definición entre todos. Aportar ideas




Posible definición


Icon define.gif

Definición

  • Dado un problema de naturaleza lógica,
  • desarrollar una aplicación consiste en
  • implementar o construir un programa usando un determinado lenguaje de programación,
  • Dicho programa consiste en un conjunto de instrucciones que ejecutadas en un entorno computacional solucionan de forma automatizada el problema planteado.



DesarrollarAplicacion.png
Desarrolar una aplicación
  • Cuando decimos implementar nos referimos a :
  1. Analizar el problema.
  2. Diseñar una solución algorítmica válida.
  3. Escribir el código de dicha solución utilizando uno o varios lenguajes de programación concreto, interpretables o complilables.


Fases en el desarrollo tradiciona

AnalisisDiseñoImple1.png:


Icon activity.jpg

Actividad

Realizar la aplicación Ecuaciones de segundo grado con este esquema




Desarrollar una aplicación



Icon qmark.gif

Pregunta

¿Compilación o interpretación?


  • Las instrucciones escritas, de alguna manera han de pasar a código máquina para que se puedan ejecutar en un entorno computacional.
  • Para ello dichas instrucciones pueden Compilarse o Interpretarse



Icon preknowledge.gif

Conocimiento previo

Diferencias entre Compilacion Vs Interpretación




Icon qmark.gif

Pregunta

Java es un lenguaje compilado o interpretados





Icon qmark.gif

Pregunta

En un entorno de ejecución web, qué tipo de modelo se debe de usar y por qué


Una Aplicación Web



Icon preknowledge.gif

Conocimiento previo

Qué es una Aplicación Web


  • Normalmente en un ordenador vemos un programa o aplicación ejecutándose, con el cual podemos estar interactuando.
  • No todos los programas o aplicaciones son del mismo tipo, tenemos diferentes tipos de software
Tipos de aplicaciones
  1. Aplicaciones de escritorio.
  2. Aplicaciones de ingeniería.
  3. Aplicación de Tiempo real.
  4. Software de Inteligencia artificial.
  5. Software de predicciones metereológicas, cálculo científico.
  6. Aplicaciones de juegos.
  7. Aplicaciones web.
  8. ...
Tipos de sorftware
  • Los diferentes lenguajes de programación son todos de propósito general, esto es, pueden implementar cualquier algoritmo correcto.
  • No obstante presentan diferentes características que los hacen más idóneos para implementar código en determinados tipo de software, de modo que dependiendo el tipo de software que vamos a desarrollar deberíamos de ver que tipos de lenguajes tenemos disponibles.
Tipos de sorftware
  • Por otro la la encapsulación y abstracción en lenguajes orientada a objetos (También ocurre con la tendencia de lenguajes de tipo TAD (tipos abstractos de datos)) permite que los diferentes lenguajes ofrezcan librerías o clases en terminología OOP, que nos hacen mucho del trabajo habitual para ese tipo de aplicaciones.
  • Son componentes que directamente podemos usar
framework
  • También van apareciendo framework donde con un lenguaje de programación se toma una metodología de trabajo y se adapta un determinado lenguaje (Por ejemplo creando dentro del framework determinados objetos) para facilitar el trabajo al desarrollador.



Icon inter.gif

Recursos de la Web




Icon qmark.gif

Pregunta

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


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




El comando curl

  • Si no está instalado se instala fácil 
  sudo apt-get install curl
  • Con este comando podemos establecer comunicación con servidores usando los diferentes protocolos que soporta.
Curl
  • Usando la sintaxis URL podemos transferir ficheros entre cliente y servidor.
  • Veamos algún uso que puede resultar interesante
  • Suele ser interesante conocer los códigos http
  • Nos interesará conocer los códigos del servidor 5xx

Ejemplos de uso del comando

  • Ver el contenido de una página wqeb 
curl url_página_web
  • Guardar una página web en un fichero -o 
curl -o nombreFichero url_página_web
  • Ver la cabecera de una web 
curl --head url_pagina_web
  • Si la web nos redirige, hay que especificarlo con -L 
curl -L url_página_web  Para que accedamos a la página que nos redirige url_pagina_web
  • Para ver toda la traza de información de un servidor
  • Podemos también simular el envío de datos a un servidor bien por POST y bien por GET. Simulando un formulario. 
Estos conceptos ya los veremos y utilizaremos mas adelante



Icon activity.jpg

Actividad

Investiga y explica al menos 3 opciones del comando curl, pudiendo ser las vistas anteriormente




Obtenido de «https://es.wikieducator.org/index.php?title=Usuario:ManuelRomero/micursos/DWES/Tema1/Introduccion&oldid=17604»