Desarrollo Web en Colombia

Programación orientada a objetos

Entender lo que es la programación orienteada a objetos puede tomar mucho tiempo, de hecho existen libros completos dedicados exclusivamente a este tema. Es por esto que, simplemente voy a dar una pequeña introducción sobre lo que es la programación orientada a objetos.

La programación orientada a objetos es un enfoque hacia la programación que pretende motivar el desarrollo de aplicaciones bien estructuradas haciendo uso de técnicas como  herencia, modularidad, polimorfismo y encapsulamiento.

Una de las principales ventajas de este enfoque, sobre todo en las aplicaciones web usando PHP, es el reuso de código. Pues un pedazo de código bien escrito puede resolver un mismo problema en otros proyectos.

Clases:

Una clase es una plantilla de cualquier cosa, carros, productos, clientes: cualquier objeto que sea relevante a la aplicación. No se debe confundir una clase con un objeto. Una clase define los métodos (o comportamientos) y las propiedades (atributos o estado) de un objeto.

Por ejemplo, vamos a crear una clase llamada Parrafo, que simplemente imprimirá un párrafo en HTML.

La sintáxis es bastante sencilla en PHP, se inicia con la palabra clave class, seguido por el nombre de la clase, en este caso sería “Parrafo”, y luego se indica con llaves para delimitar en donde inicia y finaliza la clase.

<?php

class Parrafo

{

//Aca se declaran los métodos y propiedades de la clase

}

?>

Se pueden añadir los métodos que se quieran entre las llaves, éstos atributos van a estar disponibles para los objetos creados que utilicen esta clase. Adicionalmente, se pueden declarar variables que puedan ser requeridas para que los objetos funcionen correctamente. Por ejemplo, la clase Parrafo necesitaría una variable para almacenar el contenido del párrafo.

Los métodos, describen las acciones que los objetos pueden realizar. Los métodos de una clase contienen las instrucciones que los objetos necesitan para funcionar, por ejemplo, para la clase Parrafo se pueden crear los siguientes métodos.

class Parrafo

{

private $contenido;

public function __construct($contenido = ‘ ‘ )

{

$this->content = $content;

}

public function imprimir()

{

return ‘<p>’.$this->content.’</p>’;

{

}

?>

En este caso, se han añadido dos nuevos métodos a la clase Parrafo: __construct y Imprimir. El primer método, es un método especial que se encarga de inicializar los objetos, mientras que el segundo método, se encarga de imprimir un párrafo en HTML.

Este ejemplo es muy sencillo, y en la realidad hasta “inutil” pero sirve para ilustrar el uso básico de clases y objetos en PHP.

Otra forma de entender un método, es verlos como un canal de comunicación: Un objeto llama un método, u otro objeto y simplemente recibe una respuesta. En nuestro ejemplo, un objeto llama al método Imprimir() en un objeto creado a partir de la clase Parrafo, y lo que recibe es un elemento en HTML con el párrafo.

Los métodos de la clase son los que se encargan de “realizar todo el trabajo”.

Para finalizar, vamos a ver cómo se llama un objeto desde el código PHP:

$parrafo = new Parrafo(’Hola Mundo!’);

echo $parrafo->Imprimir();

La primera linea se encarga de crear el objeto, y en la segunda línea se llama a la funcion correspondiente para imprimir un párrafo. Por lo tanto, la respuesta de el fragmento de código anterior sería:

<p>Hola Mundo!</p>

Tener código HTML optimizado es una gran ventaja para el éxito de un sitio web, inicialmente desde dos puntos de vista: para los usuarios y para los motores de búsqueda. Aveces el desarrollo de un sitio web con tablas puede parecer un verdadero desorden!

Revisando varios sitios web, es increíble que no se preste atención a factores básicos de usabilidad o accesibilidad durante el proceso del desarrollo de un sitio, y aunque debo reconocer que últimamente sí se estan generando buenas propuestas de desarrollo web, al menos en Colombia, aún hay algunos desarrollos que dejan mucho que desear.

En este post, me voy a enfocar en solo un factor que es importante para tener un mejor sitio web: El uso de tablas vs uso de CSS.

Para los motores de búsqueda, al menos en mi experiencia, he notado que el uso de CSS ayuda tremendamente en comparación al uso de tablas. Ya que con un sitio web desarrollado en CSS se puede tener una mejor relación de contenido vs código, el código es más fácil escribirlo semánticamente, el peso de las páginas web serán más ligeras, etc. En general, es mejor CSS que tablas

Revisando varios sitios web, me encontré con uno en particular que ofrece servicios de deportes extremos en Colombia: dosis verde.

El sitio web es bueno, sin embargo, por alguna razón noté que tardaba mucho en cargar, por lo que lo primero que hice fue mirar el peso total de la página web:

135k ?! Me pareció algo exagerado, pero tras revisar el código del sitio web, me encontré con la -desagradable- razón.

El uso excesivo de tablas es realmente procupante, esto hace que el código no sea limpio, y que finalmente, la página web tarde más de lo normal en cargar.

He tratado de ilustrar la cantidad de tablas que se usan para mostrar el contenido de este sito web:

Existe un plugin para firefox llamado “web developer” (que a propósito, recomiendo que lo tengan, es muy útil) que permite resaltar las tablas presentes en un sitio web.

En la figura anterior, cada cuadro, es el uso de una celda de una tabla, se ve que el uso es exagerado. Y esto sin lugar a dudas, no es bueno para el desarrollo web.

Para concluir, voy a listar otras razones adicionales por las que el uso de CSS es mejor al uso de tablas:

• Las páginas cargan más rápido, como se mostró en el ejemplo anterior, el codigo de las páginas desarrolladas en tablas es por lo general más pesado que cuando se usa CSS
• Rediseñar es más sencillo con el uso de CSS que con tablas: Las tablas son más dificiles de modificar, mientras que con CSS, simplemente se puede ir modificando la hoja de estilos.
• Mover código más fácilmente con CSS: Para el posicionamiento web, es mejor tener código relevante al inicio de una página. Esto se puede lograr fácilemente con CSS, mientras que con tablas es casi imposible.
• Mejor uso de etiquetas estándares como H1s, H2s. Aunque obviamente también se pueden usar con tablas, he notado que el uso de estas estiquetas es mayor cuando un sitio web está totalmente en CSS. (Esto es solo una observación personal )

Espero que los puntos anteriores sean útiles para resaltar las ventajas que tiene CSS con respecto al uso exesivo de tablas en el desarrollo de sitios web.