Saltar la navegación

Aplicaciones Web Dinámicas

Durante la vida de las aplicaciones web estáticas, aparecieron los lenguajes de programación de servidor como PHP, Python, Java, etc, que supusieron un gran avance en la creación de páginas web. La introducción de estos lenguajes de programación dio origen a las aplicaciones web dinámicas.

La sutil diferencia entre las aplicaciones web estáticas y dinámicas yace en el uso de los lenguajes de programación ya que estos tienen la posibilidad de a) generar de código HTML de manera dinámica, de ahí su nombre “dinámicas” y b) acceder a información en las bases de datos, generalmente localizadas en el mismo servidor web.

En este tipo de aplicaciones, el trabajo de los desarrolladores de software consistía en escribir la página web en lenguajes de programación del servidor, en lugar de solo HTML puro. Es decir, se escriben scripts en el lenguaje de programación escogido que son procesados en el servidor mediante un “motor de procesamiento”. El desarrollador escribe el script y lo guarda en el servidor web.  Cuando un usuario solicita la página, la solicitud viaja por el protocolo HTTP hacia el servidor Web el cual busca el script correspondiente, envía el script al motor de procesamiento para que éste genere dinámicamente el código HTML con la información obtenida de la base de datos. El código HTML total (con texto, imágenes, etc) es enviado por el servidor como respuesta al navegador través del protocolo HTTP. Finalmente, el navegador (Cliente) renderiza el código HTML con todo su contenido. En resumen, la dinámica de funcionamiento es:

Dinámica de funcionamiento

Esquema funcionamiento Web Dinámica

Esquema de Funcionamiento:

  1. Programador escribe en el servidor su script que genera HTML consultado datos
  2. Usuario solicita en el cliente solicita un recurso mediante una URL
  3. El Servidor localiza el documento y lo envía al procesador el lenguaje de programación
  4. El Servidor, a través del procesador del lenguaje, genera la página HTML
  5. El Servidor envía el documento (página HTML) al navegador (Cliente)
  6. El navegador presenta el documento HTML al usuario

La introducción de los lenguajes de programación redujeron las complejidades presentadas por las aplicaciones web estáticas. Por ejemplo:

  • Mayor flexibilidad.- El esfuerzo para realizar un cambio se reduce notablemente debido a que un mínimo cambio en el script altera muchas funcionalidades en la página. Aunque el desarrollador es necesario para hacer el cambio, el esfuerzo de éste es mínimo.
  • Modificación de contenido más simple.- Realizar un cambio se torna más simple ya que si el desarrollador requiere cambiar el contenido de la página, basta con simplemente acceder a la base de datos y cambiar la información. Al ejecutarse el script, éste obtiene la información actualizada de la base de datos.

Dadas estas facilidades, muchas de las páginas creadas en aquel entonces fueron páginas de tiendas en línea (e-commerce) donde se pueden ver una gama inmensa de productos cuya información es obtenida de una base de datos.

Resumen y datos curiosos

  • Inicialmente la Web era estática: solo se navegaba a través de documentos previamente escritos. Se requería el carácter dinámico en la Web para presentar documentos cuya información fluctuara en el tiempo (CRUD - create/read/update/delete)
  • CGI (Common GateWay Interface): protocolo que define cómo un servidor Web delega la generación de páginas Web a una aplicación o un fichero ejecutable.

Ejemplo de CGI

  • Se crearon lenguajes de script específicos para generación páginas Web dinámicas que entremezclan código HTML con sentencia de programación:
      • ASP (Active Server Page) diseñado por Microsoft en 1998
      • PHP (PHP Hypertext Pre-processor) diseñado por Lerdof, R., Gutmans, A. y Suraski, Z. en 1998
      • JSP (Java Server Page) diseñado por Sun Microsystem en 1999
      • CFML (Cold Fusion) diseñado por Macromedia en 2001 como evolución de ColdFusion de Allaire adquirida por ésta.

LogosLenguajes

Resumen