Antes de hacer este tutorial estaba pensando en mostrar algunos toques de como hacer un poco de AJAX en nuestros sitios web, pero todos sabemos que no nos podemos quedar con tan poca información, por tanto pensé en la idea de guiarlos a través de los suficientes pasos secuenciales para poder armar su propio portal.

En nuestro portal vamos utilizar los siguientes lenguajes HTML, CSS, PHP, Javascript, AJAX y XML que serán apoyados por herramientas básicas como Apache, Flash, Fireworks, entre otros.

Lo primero que vamos a realizar es armar nuestro Laboratorio de pruebas el cual constara de tres herramientas básicas Apache 2.0, PHP5 y MySQL 5.

• El primero, Apache, será el encargado de controlar el protocolo HTTP, es decir, el que va a mostrar nuestro portal al mundo.
• El segundo, PHP, será el encargado de darle el toque dinámico a nuestro portal, este tiene la capacidad de hablar distintos lenguajes.
• Finalmente, MySQL, será quien guarde la información que necesitemos almacenar y mostrar a través de nuestro portal

Como sabemos que no todo el mundo ocupa Linux vamos a mostrar las dos caras de la moneda, es decir, Windows y Linux, no tomamos en cuenta Mac porque lamentablemente no tenemos gente relacionada con ese campo (por el momento).

Si trabajas en Linux

Para linux, lo mejor es instalar el ultra conocido formato LAMP (Linux Apache Mysql PHP/Perl) hoy llamado XAMPP. En nuestro caso haremos el ejemplo instalando XAMPP en la distribución de linux más amistosa y conocida llamada Ubuntu.

Vamos a consola y descargamos en el home lo siguiente

wget http://www.apachefriends.org/download.php?xampp-linux-1.6.5a.tar.gz

Luego lo descomprimes a la carpeta /opt de la siguiente forma:

sudo tar xvfz xampp-linux-1.6.5a.tar.gz -C /opt


Ahora, tenemos listo nuestro XAMPP en /opt/lampp para echarlo a andar

Para echarlo a andar debemos escribir esto en consola:

sudo /opt/lampp/lampp start

Y debería aparecer lo siguiente

Starting XAMPP 1.6.5a...
LAMPP: Starting Apache...
LAMPP: Starting MySQL...
LAMPP started.


Listo! Tenemos XAMPP andando en http://localhost/

Más información en http://www.apachefriends.org/en/xampp-linux.html#374

Si trabajas en Windows

Según mi experiencia la mejor solución para instalar un servidor de este tipo es el ultra conocido proyecto AppServ.

Para este software tenemos siempre dos versiones, donde es posible optar por la ultima versión de PHP4 o la ultima de PHP5. Actualmente PHP5 no tiene muchas complicaciones y viene con muchas más funciones, por tanto para nuestro caso vamos a utilizar la versión que tiene PHP5.

1º Descargar el instalador y al comenzar a instalar aparecerá lo típico, el comienzo del Wizard de instalación donde te informa que versión va instalar y lo que incluye la licencia de uso (presionar Next, y luego bajar la barra de scroll y presionar I Agree).

2º Elegir la carpeta de destino, les recomiendo usar otra unidad ya que por seguridad al momento de formatear evitaremos perder las bases de datos y las paginas.

3º El paquete de Appserv incluye Apache HTTP Server, MySQL Database, PHP Hypertext Procesor y adicionalmente phpMyAdmin que es una utilidad para administración de las bases de datos realizadas en MySQL.

4º La configuración básica de Apache consta de determinar el nombre del servidor, el correo del administrador del servidor y el puerto donde se podrá ingresar a los sitios web. Por defecto los exploradores abren las páginas en el puerto 80, por tanto dejen ese puerto como tal.

5º La configuración de MySQL se realiza indicando la password de administración del servidor más algunas adicionales. El set de caracteres por defecto en la instalación es UTF-8, uds. dirán como vamos a utilizar UTF-8 si estamos bajo Windows, pero la verdad es que es la mejor opción ya que al subir los sitios a los servidores de producción, estos trabajan por defecto en Linux y es ahí donde se producen los problemas de caracteres al cargar la base de datos. Por tanto, si nuestra misión es llegar a subir el portal en un servidor real, les recomiendo usar este por defecto.

6º La instalación.

7º La partida de los servicios.

Finalmente basta con abrir nuestro servidor en http://localhost/ que es la dirección por defecto encontrada en http://127.0.0.1/ en el puerto 80.

En la siguiente entrega de esta guía veremos las herramientas necesarias para comenzar a programar en PHP, HTML Y CSS.

Saludos!