Saltar la navegación

Aplicaciones Web Estáticas

Denominadas junto con las aplicaciones web dinámicas como aplicaciones tradicionales, son aplicaciones web que aparecieron justo después de la invención de la Web. Es decir, fueron las primeras aplicaciones web que se crearon.

En este tipo de aplicaciones, el trabajo de los desarrolladores de software consistía en escribir la página web con lenguaje HTML, incluyendo en el lenguaje HTML el contenido (texto, imágenes, videos, etc.). Una vez creada la página, los desarrolladores, cargaban la página (usando FTP generalmente) al servidor web.  De esta manera, cuando un usuario solicita la página (escribe la dirección de la página en el navegador de su computador, por ejemplo, http://www.mipagina.html y pulsa “enter”), la solicitud viaja por el protocolo HTTP hacia el servidor Web el cual busca la página web en su interior. Una vez encontrada la página, el servidor envía como respuesta dicha página 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 la siguiente:

Dinámica de funcionamiento

Esquema funcionamiento web estática
App Web Estática. 300x200 (Apache 2.2)

Esquema de Funcionamiento:

  1. Desarrollador escribe la página web en HTML (incluyendo sus contenidos) y la carga en el servidor web.
  2. Usuario solicita la página indicando la URL de la página en el navegador
  3. El Servidor localiza el documento
  4. El Servidor responde con el documento (página web encontrada)
  5. El Cliente presenta el documento HTML al usuario

.

Consideraciones de las App Web estáticas

Las aplicaciones web estáticas son páginas construidas con estándares W3C, es decir, lenguaje de marcas de hipertexto (HTML), hojas de estilo (CSS) y JavaScript (JS) y podían incluir objetos estáticos (texto e imágenes) y en movimiento (GIF animados, videos).

A pesar de ser las primeras páginas web que dinamizaron el ecosistema de uso de la web, estas páginas presentaron ciertos inconvenientes:

  • Poca flexibilidad.- Debido al esfuerzo necesario ante algún cambio. Cada vez que el usuario solicita un cambio en la página (ejemplo, agregar contenido textual o multimedia en la página), el desarrollador debía ser contactado para que realice la modificación requerida. El desarrollador era el único con el conocimiento de HTML capaz de realizar tal cambio.
  • Modificación de contenido compleja.- Realizar un cambio en el contenido de la página se torna complejo ya que el procedimiento de cambio involucra al desarrollador ingresar al servidor web, abrir la página, localizar el lugar del contenido a cambiar y realizar los cambios.

Dados estos inconvenientes, muchas de las páginas creadas en aquel entonces eran pensadas para que sus cambios sean infrecuentes, como por ejemplo un Curriculum Vitae, donde la posibilidad de cambio de la información era en meses o en años.

Resumen