El Segundo Aire del Pelos

Wednesday, March 15, 2006

Tarea 3 - 3. Lo que sigue

Chido... vamos ahora a darle a la siguiente parte de la tarea 3... sin más preambulos, les presento a las

Páginas estáticas vs páginas dinámicas

Hace rato hablamos sobre HTML, que es un lenguaje para escribir páginas Web (de hecho se podria decir que es EL lenguaje, ya que, hasta ahora, siempre se ha usado, y creo que se seguirá utilizando). Sin embargo, HTML tiene limitaciones, que desde un principio fueron un gran obstaculo. La principal limitante es que una página creada en HTML es estática, es decir, no cambia... si yo hago una página, con una foto, y una descripción de lo que esta en esa foto, si por alguna razón quiero cambiar algún elemento de mi página, como por ejemplo, la descripción, entonces tengo que cambiar directamente el código HTML que escribí originalmente. Esto es una gran limitante, ya que no puedo hacer uso de elementos que hacen más rica mi experiencia en la web, como por ejemplo acceso a base de datos, contenido personalizado, multimedia, etc.
Para solucionar este inconveniente, por ahí se empezaron a desarrollar nuevas tecnologías, cuyo objetivo era poder desarrollar la contrapartida, es decir, páginas dinámicas... la característica principal de estas páginas dinámicas, es que su contenido puede variar en cualquier momento, sin necesidad de modificar el código que las genera... como hacerlo??? obteniendo datos de una Base de Datos, por ejemplo.
Un buen ejemplo de la diferencia entre Páginas Dinámicas y Páginas Estáticas, y que nos remarca la ventaja de las primeras, seriá un catálogo en linea... vamos a suponer que yo tengo una floreria, y quiero poner el catálogo de todos los arreglos florales que tengo disponibles, en linea. Si quisiera hacer esto por medio de HTML puro (Páginas Estáticas) lo que tendría que hacer es generar un archivo HTML para cada uno de mis arreglos, donde incluyera la fotografía del mismo, asi como su descripción y precio. Si en algun momento quisiera modificar alguno de estos datos, tendría que ir directamente al archivo HTML, y modificarlo (el precio, por ejemplo).
En cambio, utilizando Páginas Dinámicas, puedo lograr lo mismo con mucho menos trabajo, y de una forma mas flexible. Lo que necesitaria hacer, es, primero que nada, tener la información de cada uno de mis arreglos en una base de datos. Después, solo necesitaria desarrollar UNA página, la cual tendria un apartado para la fotografía, otro para la descripción, y finalmente uno más para el precio. Esta página se utlizaria SIEMPRE que se quisiera desplegar un arreglo, ya que, dinámicamente, va a obtener la información de la base de datos, y la desplegará dependiendo del arreglo que se desee mostrar. Y lo mejor de todo!!! si quiero modificar el precio de alguno de mis arreglos, no necesito modificar la página, sino que solamente lo modifico en la base de datos. Mas chido, no???
Espero que este haya sido un buen ejemplo, y ayude a clarificar la diferencia entre páginas estáticas y dinámicas.
Ahora... como se logra generar una página dinámica? Bueno, existen varias formas. Primero que nada, es importante hacer mención que existen dos tipos de páginas dinámicas: del lado del cliente, y del lado del servidor.

  • Del lado del Cliente.- Pueden estar basadas en scripts escritos en lenguajes como Javascript o VB Script. La ventaja que tienen es que son mucho mas rapidas, ya que no tienen que ir al servidor a recolectar información, o para ser ejecutadas... la desventaja, es que dependen grandemente del navegador donde se ejecutan. Existen otras tecnologías (porque en realidad no son lenguajes de programación) como Flash, las cuales también ayudan a generar páginas dinámicas del lado del cliente.
  • Del lado del Servidor.- En este caso, todo el procesamiento se hace en el servidor. Vamos a tratar de explicar mejor esta situación. Cuando se hace una llamada a una página en un servidor, si esta es una simple página en HTML, lo que el servidor hace es que transmite el código HTML, el cual es interpretado por el Navegador en el cliente, y cuyo resultado será que se despliegue la página en cuestión. Por otro lado, cuando el cliente (el navegador) hace una llamada a una página dinámica que esta en un servidor, lo que sucede es que el servidor interpreta el código y lo ejecuta (sin importar el lenguaje en que este escrito) y con los resultados genera código HTML, que es lo que finalmente envia al cliente. Por ejemplo, volviendo a nuestro caso de la floreria, vamos a suponer que una persona consulta el catálogo en linea, y pide la información del arreglo floral llamado "Primaveral", haciendo un click en un link en el sitio. Lo que sucedera es que el servidor va a procesar la página dinámica, va a ir a buscar en la base de datos la fotografía, la descripción y el precio del arreglo, y generará un código HTML con esta información, que es la que finalmente será procesada por el navegador, y desplegada en la pantalla del usuario.


El diagrama anterior trata de explicar graficamente este proceso.

Ok... esto nos deja claro (espero!!!) lo que son las páginas dinámicas... Ahora, como podemos crear este tipo de páginas??? como ya lo mencione, para el lado del cliente, se puede usar Javascript, por ejemplo... para el lado del servidor, existen varios lenguajes como PERL, ASP (Active Server Pages), PHP o JSP (Java Server Pages) o lo más nuevo, ASP.NET. Una de las ventajas más grandes que tiene utilizar estos lenguajes, es que al ser ejecutadas en el servidor, los scripts nunca estan disponibles para el cliente, por lo que no se podrá accesar a nuestro código, a diferencia de cuando se utilizan scripts del lado del cliente.
Una forma de identificar el tipo de página, es por la extensión del archivo... las paginas estaticas tienen extensión .htm o .html, mientras las dinámicas tendrán diferente extensión, dependiendo del lenguaje en que se hayan escrito (.asp, .jsp, php, etc. donde etc. significa etcetara... no crean que es otra extensión)
Es importante mencionar que para poder ejecutar los scripts, el servidor debe de tener instaladas las herramientas necesarias... de otra forma, cuando un cliente le pida ejecutar una página dinámica, no podrá hacerlo.
Finalmente, quiero mencionar, aunque no me voy a extender en esto, que existen otras formas de crear páginas dinámicas, como el DHTML (Dynamic HTML) o CSS (Cascade Style Sheets). Para serles honesto, desconozco estas tecnologías, por lo cual no los trataremos hasta en un futuro.
Buscando en la red para documentar mas este blog, me encontre este manual, el cual se me hace muy bueno para explicar estos conceptos, sobre todo si no los tienes muy claros... y bueno, en realidad consulte dos manuales, el anterior y este, que también esta bastante interesante... de hecho, ese sitio esta muy chido... creo que lo voy a poner en las ligas de mi blog...

2 Comments:

  • Muy buen tutorial.. con esto ya me quedan dudas...chido!

    By Anonymous ronaldfernando, at 10:48 AM  

  • alexbriseno.blogspot.com is very informative. The article is very professionally written. I enjoy reading alexbriseno.blogspot.com every day.
    faxless payday loan
    payday advance

    By Anonymous Anonymous, at 2:25 PM  

Post a Comment

<< Home