Raulito el Friki 02

Autor: David Gutiérrez

Cómo instalar un servidor local en Linux (Ubuntu)

Luego de esta guía tendrás tu servidor local instalado en tu máquina con Ubuntu.

En la entrada anterior habíamos visto los pasos sencillos para la instalación de un servidor local en Windows. Siempre existe el tabú de que en Windows, a diferencia de Linux, las instalaciones son 1000 veces más fáciles pero vamos a ver ¿qué tan fácil es instalar nuestro servidor local? (Y con la terminal :P)

Vamos a ver los siguientes puntos:

• Instalar Apache
• Instalar PHP
• Instalar MySQL

Instalar Apache

1. Abrimos la Terminal (Aplicaciones > Accesorios > Terminal)
2. Copiamos y pegamos este código en la terminal y presiona ENTER:

sudo apt-get install apache2

3. La terminal va a solicitarte tu contraseña, ingresala y presiona ENTER de nuevo y confirma cuando te pregunte si queres continuar con los paquetes que van a instalarse.



4. Y por último vamos a testear si nuestro servidor local funciona. Vamos a abrir nuestro navegador y escribimos

   http://localhost/

   Y tenemos un hermoso

   
   

Instalar PHP

Vamos a repetir todos los pasos de la instalación del Apache para PHP.

1. Nuevamente abrir una ventana de la terminal
2. Copiar y pegar el siguiente código en la terminal y ENTER
   

   sudo apt-get install php5 libapache2-mod-php5

3. Reiniciar el servicio del Apache para que nuestra instalación sea reconocida
   

   sudo /etc/init.d/apache2 restart

4. Ahora vamos a comprobar si la instalación fue exitosa

   - Ejecutar la siguiente linea en la terminal

   sudo gedit /var/www/testphp.php

   - Copiar y pegar la siguiente linea y guardar el archivo luego de hacerlo (por favor borren el espacio que esta
   

   <?php phpinfo(); ?>

   - Luego en el navegador visitamos el siguiente link
   

   http://localhost/testphp.php

y se supone obtener un resultado como el siguiente

Hasta el momento ya deberíamos de tener Apache y PHP instalados!

Instalar MySQL

El último paso! Nuestra base de datos y como era de esperarse simple y sencillamente vamos a ejecutar algunas lineas!

1. En nuestra terminal copiamos y pagamos
   

   sudo apt-get install mysql-server

2. Bueno, aquí tenemos que tener mucha atención! Luego que la instalación se haya completado vamos a configurar nuestra flamante base de datos para poder utilizarla en el futuro para nuestro desarrollo. Empecemos ejecutando lo siguiente en la terminal
   

   mysql -u root

   y luego seguidamente lo siguiente

   SET PASSWORD FOR 'root'@'localhost' = PASSWORD('tucontraseña');

   (asegurate de cambiar tucontraseña para que sea la contraseña que vas a recordar y utilizar más adelante)

3. Ahora vamos a instalar un programa llamado phpMyAdmin para poder manipular visualmente nuestra base de datos de manera bastante sencilla. Copiamos y pegamos la siguiente linea en la terminal
   

   sudo apt-get install libapache2-mod-auth-mysql php5-mysql phpmyadmin

4. Una vez completada la instalación, nuestro nuevo objetivo es que PHP pueda trabajar con MySQL. Para ello vamos a tener que modificar una linea en el archivo php.ini. Vamos a la terminal
   

   gksudo gedit /etc/php5/apache2/php.ini

   y buscamos la siguiente linea
   

   ;extension=mysql.so

   y le quitamos el ; (punto y coma) que lleva delante, es decir, queda de esta forma
   

   extension=mysql.so

   Guardamos el archivo y reiniciamos nuestro servidor web
   

   sudo /etc/init.d/apache2 restart

Fin

Felicitaciones! De esta manera hemos terminado de instalar nuestro servidor local en Linux con una distribución Ubuntu (9.04 es la que utilicé en esta guía). Si tuvieron algún tipo de inconveniente con alguna parte del proceso solo escríbanlo en un comentario que haré lo que pueda para ayudarlos.

Raulito el Friki 01

Autor: David Gutiérrez

Cómo instalar un servidor local en Windows

En este tutorial vas a aprender a instalar y configurar un servidor local en Windows para trabajar en tu máquina en el desarrollo de sitios web dinámicos con Apache, MySQL y PHP y lo vamos a hacer con XAMPP.

En el tutorial anterior habíamos visto el funcionamiento una página web y uno de los elementos principales de un sistema web es el servidor web.

Existen varios programas paquetes que nos serían útiles pero por mi experiencia propia recomiendo fuertemente el XAMPP (Cross-Platform (X) Apache, MySQL, PHP y Perl).

Objetivos

• Descargando y configurando XAMPP
• Iniciando tus servicios Apache y MySQL

Descargando y configurando XAMPP

1 Obtené tu copia de XAMPP para Linux, Windows, o Mac OS X de la página de XAMPP de apache friends (para este tutorial evidentemente Windows)

http://www.apachefriends.org/es/xampp.html

2 Selecciona el paquete que deseas: para desarrollo web normal, quedate con el Paquete Básico [Basic package].
El paquete básico viene con un alojamiento bastante útil de aplicaciones, librerías, y extenciones como el phpMyAdmin y eAccelerator (una aplicación de cacheo de PHP muy popular para optimizar y mejorar el rendimiento de los scripts). Para nuestro propósito, selecciona la versión Instalador [Installer].
Descargalo (Guardar archivo) en tu computadora.

3 Abre el ejecutable (que se llama xampp-win32-1.7.1-installer.exe) y allí seleccionas el lenguaje de tu preferencia.

El siguiente diálogo que vas a ver es la primera página del XAMPP Setup Wizard.


4 Selecciona la carpeta destino de la instalación
Nota: XAMPP no recomienda instalarlo en Archivos de programa (C:\Archivos de Programa\xampp) así que mejor dejalo en el predeterminado.


5 Ahora selecciona las opciones de instalación. También recomiendo predeterminado aunque si queres seleccionar también el acceso directo al Control Panel ya es organización tuya.

Iniciando tus servicios Apache y MySQL

Cuando finalice la instalación se te habrá presentado la opción de iniciar el XAMPP Control Panel. Si ese no fue el caso entonces podés ingresar por

Inicio > Todos los programas > Apache Friends > XAMPP > XAMPP Control Panel

Y el panel debería de verse como la siguiente figura:


Ahora click en Start al lado de Apache. Si tenes activado el Firewall de Windows te va a lanzar un diálogo, dale click en Desbloquear.

Si todo va bien, deberías de ver el log actualizado con "Apache started" y "Running" con un color verde agua justo al lado del servicio Apache.

Y por último inicia el servicio MySQL exactamente igual al paso anterior para el servicio de Apache.

Probando nuestro servidor local en funcionamiento

Con tus servicios de Apache y MySQL corriendo, visita en tu navegador localhost en el siguiente path:

http://localhost/

Y allí deberías de ver la siguiente pantalla:


Muy bien! Hemos finalizado la instalación y configuración de tu servidor local en Windows! Ahora ya estas listo para empezar a escribir código a por doquier! =)

PHP 5.3.0 versión final lanzada

Tras cuatro versiones candidatas el equipo de desarrollo de PHP anuncia la disponibilidad de PHP 5.3.0.

PHP 5.3.0 supone un lanzamiento de una versión con importantes novedades y nuevas características del lenguaje de programación de libre licencia empleado en la creación de páginas web dinámicas.

Entre las novedades de PHP 5.3.0 destaca solución a más de 140 correcciones (problemas con el driver nativo de MySQL, las funciones de fecha... ), mejora del rendimiento y novedades significativas que nos acercan a PHP 6, soporte de Namespaces , funciones lambda y closures, driver nativo de MySQL o mejoras en el soporte para Windows.

Usuarios que se actualicen de PHP 5.2 a PHP 5.3.0 disponen de la siguiente guía de migración.

Aquellos interesados pueden acceder a más información y descarga de PHP 5.3.0 desde php.net

Fuente: DesarrolloWeb.com

Raulito el Friki 00

Autor: David Gutiérrez

Desarrollo Web ¿Cómo funciona?

Este artículo será el primero de una seguidilla de entradas que te ayudarán a introducirte al desarrollo web.

Si estás leyendo este artículo es muy probable que aún no tengas experiencia en cuanto a la materia y por lo tanto muchas preguntas están rondando tu cabeza como por ejemplo

• ¿Cómo funciona una página web?
• ¿Qué necesito para hacer un sitio web?

Y aún podriamos citar muchas otras pero estas son suficientes para nuestro propósito.

¿Cómo funciona una página web?

Una página web es el resultado de una petición del navegador a un servidor web.

Cuando abrimos nuestro navegador web (por favor que sea el Mozilla Firefox :P) y tenemos la intención de visitar un sitio lo que normalmente hacemos es ingresar en la barra de direcciones una URL, es decir, la dirección de un sitio web. Es allí cuando se produce una petición HTTP la cual contiene información que nosotros ingresamos.

Tomemos un ejemplo! Introducimos el link de este blog al navegador

http://linux-web-py.blogspot.com/

ENTER! Lo que normalmente no vemos (al menos si no tenemos instalado el Live HTTP Headers) y muchas veces ni sabemos es que está pasando lo siguiente:

• Se abre una conexión al host correspondiente
• Se envía un mensaje en el estilo siguiente:

GET / HTTP/1.1
Host: linux-web-py.blogspot.com
User-Agent: Mozilla/5.0 (Windows; U; Windows NT 5.1; es-ES; rv:1.9.1) Gecko/20090624 Firefox/3.5
Accept: text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8
Accept-Language: es-es,es;q=0.8,en-us;q=0.5,en;q=0.3
Accept-Encoding: gzip,deflate
Accept-Charset: ISO-8859-1,utf-8;q=0.7,*;q=0.7
Keep-Alive: 300
Connection: keep-alive
Cookie: FWE_3bdeca4de23a17d415fab00231961686=0.15327743636597868; _csuid=4a218d4b16d53785; __utma=20

• La respuesta del servidor está formada por encabezados seguidos del recurso solicitado:

HTTP/1.x 200 OK
Content-Type: text/html; charset=UTF-8
Expires: Wed, 08 Jul 2009 04:42:09 GMT
Date: Wed, 08 Jul 2009 04:42:09 GMT
Cache-Control: public, max-age=0, proxy-revalidate, must-revalidate
Last-Modified: Wed, 08 Jul 2009 04:35:21 GMT
Etag: "b4819da2-fb44-4071-8af5-485af12b270a"
Content-Encoding: gzip
X-Content-Type-Options: nosniff
Content-Length: 27730
Age: 0
Server: GFE/2.0

No voy a entrar en detalles acerca de qué significa cada linea tanto de petición como de respuesta porque no es nuestro tema asi que básicamente lo que sucede es que el servidor web (Ej: Apache) recibe nuestra petición y busca el archivo correspondiente para obtener los resultados.


El archivo (en la gráfica Archivo PHP que es nuestra página en sí) procesa todo el código que tiene con un intérprete de lenguaje (Intérprete de PHP) el cual de ser necesario interacciona con otros programas, como por ejemplo una base de datos o bien un servidor de correo electrónico, y luego de finalizar con todos los procesos el servidor web devuelve la respuesta final en un documento HTML. Por último, nuestro navegador se encarga de traducir visualmente el documento de respuesta final a lo que tenemos ante nuestros ojos!

¿Nunca pensaste que hacía todo eso mientras te quejabas de cuanto tardaba en "cargar" toda la página? :)

¿Qué necesito para hacer un sitio web?

Muy probablemente tienes todo lo que necesitas y ni te imaginabas que se necesitaba tan poquito.

Y en realidad son tan pocos que los vamos a citar:

1. Ganas de aprender
2. Editor de textos
3. Navegador web

Ganas de aprender

Ya sé que suena cursi y todo pero es una simple realidad que si uno no tiene las suficientes ganas y sobre todo paciencia cuando las cosas no salen en ningún objetivo te irá bien y personalmente creo que mucho menos en el desarrollo web porque requiere de mucha lectura y entre pruebas y errores ir ganando conocimiento práctico.

Googlear^[1] te ayudará en cualquier duda puntual que tengas (aunque sé que Mr. Bing se está esforzando por sacar ese término lo utilizo).

Editor de texto

Cualquier editor de textos te será útil para escribir HTML. Ya tienes el Bloc de notas (si utlizas Windows) o el gedit (si utilizas Linux en ambiente Gnome) por darte ejemplos.

Otra opinión personal: Es muy recomendable que empieces con un editor de textos sencillo no con un IDE^[2] porque el objetivo inicial es aprender el concepto de la codificación y puedas apreciar su funcionamiento a medida que vas avanzando. Te puede ayudar bastante si tu editor tiene un resaltador de sintáxis.

¿Recomendaciones? Usá siempre programas libres! Aquí va el enlace con algunos ejemplos listos para descargarlos (solo para Windows! si usas Linux quedate con el gedit)

Editores de texto para programadores - Windows

El enlace es a una noticia en Digg que envié así que de paso si te gusta podés digg it :P

Navegador Web

Todos los buenos navegadores web o browsers son gratis para su descarga y tienen una basta cantidad!

Simple y sencillamente te recomiendo Mozilla Firefox por muchos motivos y como no es el tema me los reservo por el momento.

Términos

^[1] Googlear: buscar en Google la respuesta a tus preguntas :)
^[2] IDE: viene de integrated development environment, es decir, ambiente de desarrollo integrado. Ej.: NetBeans, Dreamweaver, Eclipse, Zend Studio, etc.