Diferencia entre revisiones de «Plantilla:AplicacionesWeb»

Última revisión de 16:20 15 oct 2020

La Web : WWW

WWW Word Wide Web

Definición

Sistema de documentos de hipertexto (html)
 enlazados entre sí (hipertexto e hipervínculos )
A ellos se puede acceder por medio de Internet (red de tipo Tcp/Ip).
Los Navegadores son un software con el cual los usuarios 
 visualizar diversos sitios web 
  con contenidos de  texto, imágenes, vídeos y otros contenidos multimedia)      
 y navegan 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

Peculiaridades del desarrollo web

En una aplicación web, veremos el resultado completo de una ejecución
La aplicación nunca se va a detener esperando que le demos un valor
En la ejecución web, el servidor recibe la solicitud de ejecución junto con los parámetros o valores de variables para la ejecución
Esta es una diferencia fundamental respecto a una aplicación de escritorio

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

Pregunta

Qué características tiene una aplicación web

En la imagen vemos una serie de elementos de diferentes:

Un entorno de cliente.
Un entorno de servidor.
Una parte de comunicaciones y protocolos, que incluyen elementos 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.

La parte de cliente la cubren los módulos de Diseño de interfaces y Desarrollo de aplicaciones web 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 despliegue web.
La parte del entorno servidor la cubrimos en este módulo: Desarrollo de aplicaciones web 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; necesitaremos usar html y configuración de apache.
Por lo tanto usaremos conceptos que veréis en otros módulos.

Funcionamos con un cliente que solicita y un servidor que entrega

El cliente es el navegador (una aplicación ejecutándose en una máquina con una ip) que solicita un recurso (generalmente una página web)
El servidor es una aplicación (puede ser apache) ejecutándose en una máquina que atiende a las solicitudes que entran por un puerto y entregan el recurso solicitado.
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
Posteriormente veremos la arquitectura web desde el punto de vista de la construcción

Ejemplo escenario web

Piensa en el escenario de una cafetería

EL servidor: El camarero
Cliente una mujer que entra en el bar
Recurso: Pide un café
Acción: El cliente se lo entrega

Ejemplo escenario web

No siempre se entrega lo solicitado

1.- Por que no existe

Recurso: Pide un kilo de carne
Acción: El servidor (camarero) le dice que no tiene ese recurso

Ejemplo escenario web

2.- Por que no se tienen permisos

Cliente: un niño de 5 años
Recurso: Pide una cerveza
Acción: El servidor (camarero) le dice que no tiene permisos

Ejemplo escenario web

3.- Por que el servidor no está

Cliente: pido un café (recurso existente)
Recurso: Café
Acción: El servidor se ha tenido que ir, no está disponible, hay un cartel de fuera de servicio....

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.

Proceso cliente/servidor

La comunicación entre ambos componentes se lleva a cabo a través del intercambio de mensajes.
El cliente, a través de un navegador, inicia el intercambio de información, solicitando datos al servidor.

Proceso cliente/servidor

3.- El servidor responde enviando uno o más flujos de datos al cliente

En el cliente necesitamos tener una serie de elementos

Elementos del cliente

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

Elementos del cliente

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.
Cargar las hojas de estilo, renderizar imágenes y la página según especificaciones de las etiquetas del fichero html.

Contenido

1 Especificando el recurso
2 Cómo son los programas que permiten que una red funcione
3 Qué es la ip
4 Qué es el puerto
5 Algunos comandos importantes
6 Los medios físicos y lógicos del proceso web
7 El servidor en el proceso de ejecución de una aplicación web
- 7.1 Servidor web

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 fragmento 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

Usando fragmento

protcolo://maquina/ruta/recurso/fragmento
http://www.unizar.es/deiss/notas.html#primerCurso

Usando solicitud

protcolo://maquina/ruta/recurso/solicitud
http://www.unizar.es/deiss/notas.htmll?nombre="Manuel"&modulo="DWES"

Ejemplo de direcciones

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

Cómo son los programas que permiten que una red funcione

Una comunicación entre dos equipos no es el resultado de ejecutar un sólo programa (solución monolítica), sino que son varios programas que interactúan
Podemos ver como hay una serie de programas divididos en niveles, siendo cada nivel, una parte del proceso de comunicaciones entre dos partes.

Qué es la ip

Dentro del nivel de red tenemos el protocolo IP
Su función principal es localizar la red donde está el equipo destino
En su configuración aparece el número IP que es el identificador único que tienen un nodo dentro de la red de tipo TCP/IP o red de Internet

Qué es el puerto

En el nivel de transporte tenemos los protocolos UDP y TCP
Su función principal es localizar la aplicación a la cual va a ir destinada la comunicación o datos
Se hace a través de un número que se conoce como el nombre puerto

Algunos comandos importantes

ifconfig (ipconfig en windows) para saber la ip que tengo asignada
ping para enviar un saludo a algún nodo con el objetivo de saber si está conectado
route para conocer mis rutas y la ip de mi router más próximo (mi gateway que enruta)
tracert para conocer la traza de rutas o ip's que sigue un paquete en una transmisión

Los medios físicos y lógicos del proceso web

Aparte de la comunicación física necesitamos unos protocolos
Protocolos de la familia tcp/ip.

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

Pregunta

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

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 :

Apache HTTP Server
Microsoft IIS (Internet Information Services)
NGINX
Lighttpd
Sun Java System Web Server

Servidor Web

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.

@@ Línea 20: / Línea 20: @@
 </div>
+<div class="slide">
 {{MRM_Puntos clave|Title=Peculiaridades del desarrollo web|
 *En una aplicación web, veremos el resultado completo de una ejecución
@@ Línea 26: / Línea 29: @@
 *Esta es una diferencia fundamental respecto a una aplicación de escritorio
 }}
+</div>
 <!--
 MRM_Pendiente
@@ Línea 75: / Línea 79: @@
 <!--7---------------------------------------------------->
 <div class="slide">
-;Arquitectura Cliente/Servidor
+;Funcionamos con un cliente que solicita y un servidor que entrega
+*El cliente es el navegador (una aplicación ejecutándose en una máquina con una ip) que solicita un recurso (generalmente una página web)
+*El servidor es una aplicación (puede ser apache) ejecutándose en una máquina que atiende a las solicitudes que entran por un puerto y entregan el recurso solicitado.
 *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
+</div>
+<div class="slide">
 *El '''''cliente''''' inicia el proceso solicitando un servicio a un servidor
+*Posteriormente veremos la arquitectura web desde el punto de vista de la construcción
 [[Imagen:clienteServidorDWES.jpg|center|400px]]
       </div>
+<div class="slide">
+{{MRM_Ejemplo|Title=Ejemplo escenario web|
+;Piensa en el escenario de una cafetería
+#EL servidor: El camarero
+#Cliente una mujer que entra en el bar
+#Recurso: Pide un café
+#Acción: El cliente se lo entrega
+}}
+</div>
+<div class="slide">
+{{MRM_Ejemplo|Title=Ejemplo escenario web|
+;No siempre se entrega lo solicitado
+.- Por que no existe
+#Recurso: Pide un kilo de carne
+#Acción: El servidor (camarero) le dice que no tiene ese recurso
+}}
+</div>
+<div class="slide">
+{{MRM_Ejemplo|Title=Ejemplo escenario web|
+.- Por que no se tienen permisos
+#Cliente: un niño de 5 años
+#Recurso: Pide una cerveza
+#Acción: El servidor (camarero) le dice que no tiene permisos
+}}
+</div>
+<div class="slide">
+{{MRM_Ejemplo|Title=Ejemplo escenario web|
+.- Por que el servidor no está
+#Cliente: pido un café (recurso existente)
+#Recurso: Café
+#Acción: El servidor se ha tenido que ir, no está disponible, hay un cartel de fuera de servicio....
+}}
+</div>
 <!--8---------------------------------------------------->
+<div class="slide">
+[[Archivo:AplicacionWeb.png|600px]]
+<br />
+</div>
 <div class="slide">
 ;El cliente en el proceso de ejecución de una aplicación web
@@ Línea 100: / Línea 148: @@
 {{MRM_Actividad|Title=Proceso cliente/servidor|
 .- '''''El servidor responde''''' enviando uno o más flujos de datos al cliente}}
+<br />
 *En el cliente necesitamos tener  una serie de elementos
-[[Imagen:arquitecturaClienteServidor.png|600px]]
+[[Imagen:arquitecturaClienteServidor.png|500px]]
 </div>
@@ Línea 166: / Línea 216: @@
 <!--14---------------------------------------------------->
+<div class="slide">
+===Cómo son los programas que permiten que una red funcione===
+*Una comunicación entre dos equipos no es el resultado de ejecutar un sólo programa (solución monolítica), sino que son varios programas que interactúan
+*Podemos ver como hay una serie de programas divididos en niveles, siendo cada nivel, una parte del proceso de comunicaciones entre dos partes.
+</div>
+<div class="slide">
+[[Archivo:niveles_Tcp_ip.png]]
+</div>
+<div class="slide">
+===Qué es la ip===
+*Dentro del nivel de red tenemos el protocolo IP
+*Su función principal es localizar la red donde está el equipo destino
+*En su configuración aparece el número IP que es el identificador único que tienen un nodo dentro de la red de tipo TCP/IP o red de Internet
+</div>
+<div class="slide">
+===Qué es el puerto===
+*En el nivel de transporte tenemos los protocolos UDP y TCP
+*Su función principal es localizar la aplicación a la cual va a ir destinada la comunicación o datos
+*Se hace a través de un número que se conoce como el nombre puerto
+</div>
+<div class="slide">
+===Algunos comandos importantes===
+;ifconfig (ipconfig en windows) para saber la ip que tengo asignada
+;ping para enviar un saludo a algún nodo con el objetivo de saber si está conectado
+;route para conocer mis rutas y la ip de mi router más próximo (mi gateway que enruta)
+;tracert para conocer la traza de rutas o ip's que sigue un paquete en una transmisión
+</div>
 <div class="slide">
@@ Línea 176: / Línea 260: @@
 <!--15---------------------------------------------------->
 <div class="slide">
 ==El servidor en el proceso de ejecución de una aplicación web==

Diferencia entre revisiones de «Plantilla:AplicacionesWeb»

Última revisión de 16:20 15 oct 2020

Contenido

Especificando el recurso

Cómo son los programas que permiten que una red funcione

Qué es la ip

Qué es el puerto

Algunos comandos importantes

Los medios físicos y lógicos del proceso web

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

Servidor web

Menú de navegación

Herramientas personales

Espacios de nombres

Variantes

Vistas

Acciones

Buscar

Navegación

Herramientas