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.

Consejos de desempeño PHP (modificado 04/07/2009)

IMPORTANTE!

Este artículo que sigue ha sido un tema de discusión muy fuerte por parte la comunidad PHPera en general por lo conservo de modo que puedan apreciar el artículo original en esta traducción que hice y luego acceder a los siguientes links que les dejo al final del artículo y quiten sus conclusiones. ¿Mi opinión personal? Totalmente de acuerdo con las quejas presentadas por la comunidad. En principio leí el artículo y apesar de saber de que Google nunca estuvo de amores con PHP tomé confianza pero gracias a Dios existe gente con mucha más experiencia que yo que notaron ciertas medias verdades (por no decir mentiras).
Espero luego de esto realizar una última modificación esta entrada con la información de réplica escrita bajo cada tip de Google. Gracias Gustavo Antúnez por pasarme la info de corrección :)


Experiencia recomendada: principiante a intermedio de conocimientos de PHP

PHP es un lenguaje de scripting muy popular, utilizado en muchos sitios a través de la web. En este artículo, esperamos que le ayude a mejorar el rendimiento de sus scripts PHP con algunos cambios que puede hacer muy rápidamente y sin dolor. Por favor, tenga en cuenta que las ganancias de su propio desempeño puede variar mucho, dependiendo de qué versión de PHP que se esté ejecutando, el eterno de su servidor web, y la complejidad de su código.

Perfil de su código para identificar los cuellos de botella

En el dictamen de Hoare se afirma que la optimización prematura es la raíz de todo mal, una cosa importante a tener en cuenta cuando se trata de hacer sus sitios web con mayor rapidez. Antes de cambiar el código, tendrá que determinar lo que está causando a ser lento. Usted puede ir a través de esta guía, y muchos otros en la optimización de PHP, cuando la cuestión podría estar relacionada con la base de datos o con la red. Por perfiles de su código PHP, puede intentar identificar los cuellos de botella.

Actualice su versión de PHP

El equipo de desarrolladores de PHP que mantiene el motor ha realizado una serie de importantes mejoras de rendimiento en los últimos años. Si su servidor web todavía se está ejecutando una versión anterior, tales como PHP 3 o PHP 4, puede que desee investigar la actualización antes de intentar optimizar el código.

• Migración desde PHP 4 a PHP 5.0.x
• Migración desde PHP 5.0.x a PHP 5.1.x
• Migración desde PHP 5.1.x a PHP 5.2.x

Utilice el almacenamiento en caché

Haciendo uso de un módulo de almacenamiento en caché, como Memcache, o un sistema de plantillas que soporta el almacenamiento en caché, como Smarty, puede ayudar a mejorar el rendimiento de su sitio web cacheando los resultados de la base de datos y páginas renderizadas.

Utilice buffers de salida

PHP utiliza un buffer de memoria para almacenar todos los datos que el script intenta imprimir. Este búfer puede hacer sus páginas parecen lentos, ya que sus usuarios tienen que esperar a que el buffer se llene antes que envíe los datos. Afortunadamente, usted puede hacer algunos cambios que fuerza al PHP a vaciar los buffers antes de la salida, y más a menudo, hacer sentir su sitio más rápido para sus usuarios.

• Búfer de control de salida

No copie variables sin ningún motivo

A veces novatos en PHP intentan hacer su código "limpio" copiando variables predefinidas a variables con nombres más cortos en vez de trabajar con ellos. Esto realmente se traduce en duplicación en el consumo de memoria, y por lo tanto, la lentitud de los scripts. En el siguiente ejemplo, imaginen que un usuario malintencionado ha insertado un valor de 512KB de caracteres en un campo de texto. Esto daría como resultado 1 MB de memoria que se utiliza!

$description = strip_tags($_POST['description']);
echo $description;

No hay razón para copiar la variable anterior. Usted puede simplemente llevar a cabo esta operación en línea y evitar el consumo de memoria adicional:

echo strip_tags($_POST['description']);

Evite hacer consultas SQL dentro de un bucle

Un error común es colocar una consulta SQL dentro de un bucle. Esto se traduce en múltiples viajes de ida y vuelta a la base de datos, scripts y mucho más lento. En el siguiente ejemplo, puede cambiar el bucle para crear una sola consulta SQL e insertar todos sus usuarios a la vez.

foreach ($userList as $user) {
$query = 'INSERT INTO users (first_name,last_name) VALUES("' . $user['first_name'] . '", "' . $user['last_name'] . '")';
mysql_query($query);
}

Produce:

INSERT INTO users (first_name,last_name) VALUES("John", "Doe");

En lugar de usar un bucle, puede combinar los datos en una única base de datos de consulta.

$userData = [];
foreach ($userList as $user) {
$userData[] = '("' . $user['first_name'] . '", "' . $user['last_name'] . '")';
}
$query = 'INSERT INTO users (first_name,last_name) VALUES' . implode(',', $iserData);
mysql_query($query);Produces:
INSERT INTO users (first_name,last_name) VALUES("John", "Doe"),("Jane", "Doe")...

• MySQL Sintaxis de INSERT

Utilice comillas simples para las cadenas largas

El motor de PHP permite tanto solo comillas dobles y variable de cadena para la encapsulación, pero hay diferencias! El uso de comillas dobles para cadenas dice al motor de PHP que lea la cadena de contenidos y buscque las variables, y sustituirlas con sus valores. En cadenas largas que no contienen variables, pueden resultar en un rendimiento inferior.

$output = "This is the content for a very long article
which is a few hundred lines long
and goes on and on and on
... ...
The End";

Cambio de las comillas dobles para una sola cita impide que el motor de PHP a partir de analizar esta cadena en un intento de ampliar las variables que, en este ejemplo, no existen:

$output = 'This is the content for a very long article
which is a few hundred lines long
and goes on and on and on
... ...
The End';

Cambiar el switch / case en lugar de IF / ELSE

Utilizando declaraciones switch/case en lugar de declaraciones sueltas escrito if/else cuando se realiza la prueba en contra de una sola variable se traduce en un mejor rendimiento, facilidad de lectura, y facilidad de mantenimiento. Es importante señalar que el uso de switch/case hace una comparación suelta y debe tenerse en cuenta cuando se esté usando.

if($_POST['action'] == 'add') {
addUser();
} elseif ($_POST['action'] == 'delete') {
deleteUser();
} elseif ($_POST['action'] == 'edit') {
editUser();
} else {
defaultAction();
}

En lugar de ello, puede usar switch / case para poner a prueba contra el valor de $_POST['action']

switch($_POST['action']) {
case 'add':
addUser();
break;
case 'delete':
deleteUser();
break;
case 'edit':
editUser();
break;
default:
defaultAction();
break;
}

Recursos adicionales

• Memcache módulo PHP
• Motor de plantillas smarty
• Tipo cadena referencia de PHP
• PHP switch referencia

Autor: Eric Higgins, para webmasters de Google

Enlaces de respuesta a lo expuesto en este artículo.

• PHP 10.0 Blog
• Make the Web Faster (Google Groups)
• y quizás puedan haber más proximamente...
  

Mozilla lanza Firefox 3.5

La nueva versión incorpora mejoras de rendimiento, nuevas características de privacidad, compatibilidad con los nuevos estándares Web y más opciones de personalización.

Mozilla acaba de lanzar la versión de Firefox 3.5, actualización de su popular navegador de código abierto. La nueva actualización se presenta justo un año después del lanzamiento de Firefox 3.

La nueva versión introduce nuevas características de última generación, además de incorporar la compatibilidad con una amplia variedad de estándares Web.

Firefox 3.5 es el navegador con mejor rendimiento que Mozilla ha presentado hasta el momento, incluyendo un incremento en el rendimiento de JavaScript, un nuevo modo de navegación privada, compatibilidad nativa con formatos de video y audio abiertos y la navegación según ubicación.

La nueva versión de Firefox es el doble de rápida que Firefox 3 y diez veces más rápida que Firefox 2 en páginas web complejas.

“Es un buen momento para los navegadores, no paran de suceder cosas interesantes en la web. Firefox 3.5 aúna las tecnologías web más innovadoras en el navegador más moderno y potente", explica John Lilly, CEO de Mozilla.

Fuente: Diario Ti

NetBeans 6.7 está disponible para la descarga!

NetBeans.org se enorgullece en anunciar la disponibilidad de NetBeans IDE 6.7!

El enfoque de NetBeans IDE 6.7 es la conectividad-ayudar a los desarrolladores a conectarse a las últimas tecnologías y los unos a los otros. Las nuevas características incluyen la integración con el Proyecto Kenai, un entorno de colaboración para los desarrolladores que provee de hosting a sus proyectos de código abierto; Maven nativo de apoyo, e integración con Hudson.

Basándose en el éxito de ediciones anteriores, NetBeans IDE 6.7 ofrece mejoras para Java, PHP, Ruby, JavaScript, Groovy y C / C++, y mucho más. Otra novedad es la inclusión de un Perfil de auto-diagnóstico, y el apoyo a SVG Rich Components de depuración remota en Ruby, y la última versión de GlassFish. La versión también ofrece plug-in de apoyo para Zembly, un único registro y repositorio para webs populares de APIs.

Proporcionando mejor soporte para múltiples idiomas e innovador equipo de apoyo a través del Proyecto Kenai, el IDE NetBeans 6.7 es la herramienta ideal para los desarrolladores a mantenerse conectados a sus equipos y las últimas tecnologías!

IDE NetBeans 6.7 está disponible en Inglés, portugués brasileño, japonés y chino simplificado. Hay varias comunidades contribuido localización esfuerzos en curso para apoyar a otros idiomas. Sumate a los esfuerzos de hoy.

Más información acerca de NetBeans IDE 6.7:

• Características NetBeans IDE 6.7
• Tutoriales y Documentación NetBeans IDE 6.7
• Videos de NetBeans IDE 6.7 en acción

Como siempre, acogemos con satisfacción y animamos a compartir la información sobre su experiencia utilizando el IDE NetBeans. Comparta sus ideas en nuestras listas de correo y foros. Si tienes un blog sobre NetBeans añadilo a Planeta NetBeans. Siga en Twitter a NetBeans para actualizaciones de noticias y de desarrollo NetBeans.