unijimpe » PHP

Convertir monedas con PHP y Google Finance

unijimpe — Wed, 30 Jun 2010 06:38:05 +0000

Google Finance es un servicio para temas relacionados a finanzas (Cotizaciones financieras, datos económicos de empresas y noticias financieras), entre las muchas herramientas que ofrece dispone de un conversor de monedas para la mayoría de monedas del mundo. Aprovecharemos este servicio para crear un conversor de monedas personalizado.

Obteniendo la Información

Lo primero es obtener los datos, para ello utilizaremos un URL que Google Finance utiliza para mostrar el tipo de cambio.

http://www.google.com/ig/calculator?hl=en&q=100USD%3D%3FPEN

Donde se tienen los siguiente parámetros:

100 es el monto que deseamos convertir.
USD es la moneda que deseamos convertir (En este caso USD).
PEN es la moneda a la que deseamos convertir.

El cual devuelve como resultado los datos en formato JSON:

{lhs: "1 U.S. dollar",rhs: "2.8239972 Peruvian nuevos soles",error: "",icc: true}

Para una lista completa de los códigos de monedas disponibles pueden visitar Currency Codes.

Implementando Conversor de Monedas Básico

Como los datos son devueltos en formato JSON, utilizaremos la librería JSON.php de la cual hemos comentado en JSON con PHP. Entonces crearemos un script para mostrar la equivalencia entre el Dolares Americanos (USD) y Nuevos Soles (PEN).

Primero incluimos la librería JSON.php luego utilizamos la función file_get_contents para obtener los datos desde el URL donde hemos puesto los códigos de las monedas a convertir. Después decodificamos el contenido.

require_once("JSON.php");
$path = "http://www.google.com/ig/calculator?hl=en&q=1USD%3D%3FPEN";
$data = file_get_contents($path);
$json = new Services_JSON();
$obj = $json->decode($data);

Una vez obtenido los valores solo queda imprimir los resultados en nuestra página.

Currency Converter
From: <?php echo $obj->lhs; ?> />
To: <?php echo $obj->rhs; ?>

Pueden ver el resultado de este ejemplo en http://samples.unijimpe.net/currency/.

Conversor de Monedas Personalizado

Ahora si deseamos que el usuario seleccione que moneda desea convertir, se puede agregar dos selectores: uno para seleccionar la moneda de origen al cual llamaremos from y otro para definir la moneda de destino llamado to. Luego solo nos queda procesar los datos del formulario y mostrar los resultados.

if ($_POST['from'] != "" && $_POST['to'] != "") {
$from = $_POST['from'];
$to = $_POST['to'];
$path = "http://www.google.com/ig/calculator?hl=en&q=1".$from."=?".$to;
$data = file_get_contents($path);
$json = new Services_JSON();
$obj = $json->decode($data);
echo "1 ".$from." = ".$obj->rhs."";
}

A nuestro segundo ejemplo le agregamos una hoja de estilos y ordenamos nuestro formulario para obtener un buen resultado. Pueden ver el resultado del ejemplo en http://samples.unijimpe.net/currency/custom.php.

Como pueden ver basado en nuestro conocimiento de JSON con PHP podemos utilizar un servicio para integrarlo a nuestra de manera rápida. Les dejo los archivos fuente del ejemplo para que lo puedan estudiar y hacer sus pruebas.

© 2006 - 2010 unijimpe - Utiliza este feed solo para uso personal, partes de este feed pueden ser utilizados mencionando al autor, no esta permitido publicar enteramente este feed para uso comercial sin permiso del autor.

Como hacer redireccionamiento 301 y 302

unijimpe — Wed, 19 May 2010 06:05:01 +0000

Redireccionar una página consiste en enviar al usuario de una dirección a otra. Existen dos tipos de redireccionamiento: 301 y 302, cada uno para diferentes situaciones. Veamos como y cuando utilizar estos tipos para redireccionar de manera apropiada.

Tipos de Redirección

Existen dos tipos de redireccionamiento que podemos utilizar, los dos le cambian de dirección a los visitantes pero se comportan de manera diferente para los buscadores, esto nos puede ayudar a mejorar nuestro posicionamiento si sabes cual emplear.

Redirección 301: Indica una redirección permanente.
Esto le indica a los buscadores que ignoren la dirección original e indexen la nueva dirección. Este tipo de redirección se utiliza cuando estamos cambiando de dominio a una web, esto haría que los buscadores indexen la nueva dirección sin perder los enlaces entrantes que tenía el dominio y sin perder el pagerank.
Redirección 302: Indica una redirección temporal.
Esto indica que la dirección original no ha cambiado y se seguirá utilizando pero temporalmente cambiaremos de dirección.

Redireccionamiento con PHP

Para redireccionar en PHP se utiliza la función header, por defecto esto crea una redirección del tipo 302, indicando un cambio de dirección temporal, mientras que para hacer una redirección del tipo 301 es necesario agregar un header adicional.

Para hacer una redirección 302.

header("Location: /users/home.php");

Para hacer una redirección 301.

header("HTTP/1.1 301 Moved Permanently");
header("Location: http://newdomain.com");

Redireccionamiento con .htaccess

Las redirecciones también se pueden hacer con el servidor web Apache utilizando el archivo .htaccess el cual esta ubicado en la carpeta principal del servidor.

Para hacer una redirección 302.

redirect 302 /download/ /files/tubeplayer-1.2.zip

Para hacer una redirección 301.

redirect 301 / http://newdomain.com

Cambiar de dominio

Si hemos decidido cambiar nuestra web a un nuevo dominio, haremos una redirección 301 con .htaccess de forma que nuestros visitantes vean todas las páginas en el nuevo dominio y los buscadores lo indexen sin perder pagerank.

Redirect 301 (.*) http://newdomain.com/$1

Redireccionar a WWW

Si tenemos un dominio y deseamos que cuando se acceda a http://mydomain.com esta cambie a http://www.mydomain.com (Esto es llamado canonicalización y evita el contenido duplicado en los buscadores) podemos utilizar el siguiente código en .htaccess.

RewriteEngine On
RewriteCond %{HTTP_HOST} ^mydomain\.com$
RewriteRule (.*) http://www.mydomain.com/$1 [R=301,L]

Redireccionar a no-WWW

Ahora podemos elegir que nuestra dirección no contenga el término www. Para ello utilizamos la segunda forma de canonicalización al redirigir desde http://www.mydomain.com hasta http://mydomain.com.

RewriteEngine On
RewriteCond %{HTTP_HOST} !^mydomain\.com$
RewriteRule (.*) http://mydomain.com/$1 [R=301,L]

Mas Información

Trabajando con fechas en PHP

unijimpe — Sun, 11 Apr 2010 15:53:27 +0000

Trabajar con fechas es una tarea muy común pero a veces complicada si no entendemos bien como hacerlo. Con unas pequeñas funciones PHP podemos manejar e imprimir fechas asi como guardarlas en base de datos.

Funciones Básicas
Para el manejo de fechas hay tres funciones básicas en PHP que harán la mayoría del trabajo necesario en la manipulación de fechas.

time(): devuelve la fecha y hora actual expresada en segundos (desde el 1 de enero de 1970 - llamada timestamp). Como devuelva la fecha en un entero se puede utilizar para sumar o restar fechas así como guardarla en base de datos.
date(): devuelve la fecha de acuerdo al formato que definamos (Mas información de como formatear la fecha en PHP: date - Manual). Esta función sirve para imprimir las fechas en formatos legibles para los visitantes.
strtotime(): convierte una texto en fecha expresada en timestamp.

Entonces, resumiendo la time() devolverá la fecha para poder manipularla posteriormente y date() dará formato legible para los usuarios.

Veamos unos ejemplos de uso de la función time:

// imprimir la hora actual
echo time(); // 1270966374
// imprimir dos horas antes de la hora actual
echo (time()-2*60*60); // 1270959174
// imprimir la fecha de hace una semana
echo (time()-7*24*60*60); // 1270361574

Ahora veamos como utilizar la función date:

// imprimir la fecha actual
echo date("d/m/Y"); // 10/04/2010
// imprimir la hora actual
echo date("h:m:s a"); // 10:04:52 pm
// imprimir dos horas antes de la hora actual
echo date("h:m:s a", time()-2*60*60); // 08:04:52 pm

Las fechas y el Timezone
El timezone o zona horaria es la hora de cada localidad de acuerdo a su ubicación en la tierra respecto a una hora universal. Pueden conocer el timezone de su localidad en World Time Zone, por ejemplo si estamos en Lima - Perú, el timezone es -5.

Ahora, si imprimimos una fecha utilizando directamente la función date(), esta lo hará pero basado en la zona horaria de mi proveedor de hosting. Para corregir esto es necesario hacer un ajuste de acuerdo al timezone nuestro y de nuestro servidor de hosting.

Creamos una función llamada dateZone que recibe dos parámetros: primero el formado que deseamos imprimir basado en la documentación (PHP: date - Manual) y el segundo parámetro es el timezone de nuestra ciudad.

function dateZone($fmt, $zone = 0) {
return date($format, time() - date("Z") + $zone*3600);
}

Veamos un ejemplo de uso de esta función comparada con la función date y otra utilizando la zona horaria de Lima.

echo date("h:i:s a - d/m/Y"); // 11:40:22 pm - 10/04/2010
echo dateZone("h:i:s a - d/m/Y", -5); // 01:40:22 am - 11/04/2010

Fechas para generación de RSS
Si deseamos generar un Feed con las noticias de nuestro web, es recomendable hacerlo en el formato RSS 2.0, para ello es necesario generar la fecha de cada item en un formato especial. Crearemos una función llamada dateFeed, que recibe como parámetro la fecha en formato timestamp.

function dateFeed($date) {
return date('D, d M Y h:i:00 \G\M\T', $date);
}

Luego podríamos utilizar esta función de la siguiente forma:

// Imprimir la fecha actual para Feed
echo dateFeed(time(), -5); // Sun, 11 Apr 2010 12:28:00 GMT
// Imprimir el 10 de abril del 2010 para Feed
echo dateFeed(strtotime("2010-04-10")); // Sat, 10 Apr 2010 12:00:00 GMT
// Imprimir el 11 de abril del 2010 basado en el timestamp para Feed
echo dateFeed(1270966374) // Sat, 10 Apr 2010 11:12:00 GMT

Son funciones sencillas que les sacarán de muchos apuros. Si tienen alguna función que pueda ser útil no duden en compartirla con nosotros dejando un comentario.

Acortar URLs con PHP y API Bit.ly

unijimpe — Sat, 10 Apr 2010 06:17:32 +0000

Si deseas compartir tus enlaces en dispositivos móviles o en Twitter que tiene un límite de 140 caracteres es necesario acortar nuestros URLs. Para ello podemos utilizar Bit.ly, un popular servicio para acortar enlaces el cual acaba de sacar la nueva versión de su API, como lo detallan en Introducing bit.ly API Version 3. En una anterior oportunidad habíamos comentado como Acortar URLs con bit.ly y PHP pero ahora actualizaremos nuestro código utilizando el nuevo API.

Nueva API Version 3
Examinando la documentación de la nueva API en bit.ly API Documentation podemos utilizar los URLs con el siguiente formato:

Para acortar un URL.
http://api.bit.ly/v3/shorten?login=user&apiKey=key&uri=url&format=fmt

Para expandir un URL
http://api.bit.ly/v3/expand?login=user&apiKey=key&shortUrl=url&format=fmt

Donde se tiene los siguientes parámetros:

user: es tu nombre de usuario en bit.ly
key es el API Key asociado a tu cuenta de usuario.
url es el url que deseamos acortar o expandir.
fmt es el formato de la respuesta (Usaremos txt que devuelve texto).

Creando un Clase para bit.ly
Basado en estos formatos podemos crear un clase básica que permite acortar o expandir URLs utilizando el nuevo API de bit.ly

class Bitly {
var $path;
var $user;
var $key;
function Bitly ($_user, $_key) {
$this->path = "http://api.bit.ly/v3/";
$this->user = $_user;
$this->key = $_key;
}
function shorten($url) {
$temp = $this->path."shorten?login=".$this->user."&apiKey=".$this->key."&uri=".$url."&format=txt";
$data = file_get_contents($temp);
return $data;
}
function expand($url) {
$temp = $this->path."expand?login=".$this->user."&apiKey=".$this->key."&shortUrl=".$url."&format=txt";
$data = file_get_contents($temp);
return $data;
}
}

Como se observa esta clase tiene dos métodos: shorten y expand.

Ejemplo de Uso
Para utilizar esta clase lo primero es incluir la clase al inicio de nuestro script PHP y luego crear una instancia de la clase Bitly que recibe dos parámetros (nombre de usuario y key de usuario).

require("bitly.php");
$bitly = new Bitly("bitly-user", "bitly-api-key");

Luego si deseamos acortar un URL lo haríamos de la siguiente forma:

require("bitly.php");
$bitly = new Bitly("bitly-user", "bitly-api-key");
$urlmin = $bitly->shorten("http://blog.unijimpe.net/utilizar-recaptcha-con-php/");
echo $urlmin; // imprime: http://bit.ly/cMea1K

Si tienes un URL acortada y deseas saber el URL original puedes hacerlo de la siguiente forma:

require("bitly.php");
$bitly = new Bitly("bitly-user", "bitly-api-key");
$urlbig = $bitly->expand("http://bit.ly/cMea1K");
echo $urlbig; // imprime: http://blog.unijimpe.net/utilizar-recaptcha-con-php/

Les dejo los archivos fuente para esta clase para que hagan sus pruebas. Si tienen sugerencias y observaciones dejen sus comentarios para poder mejorar este trabajo.

Hosting Gratuitos sin Publicidad

unijimpe — Mon, 05 Apr 2010 05:14:12 +0000

El requisito indispensable para empezar con un web o blog es un hosting. Hay muchas opciones de pago, pero si estas aprendiendo o deseas experimentar un hosting gratuito será de mucha ayuda para empezar, ya cuando tengan cierta experiencia o cantidad de visitas darán el paso de mudarse a un hosting de pago.

Les presento una breve lista de hosting gratuitos libres de publicidad y con todas las características necesarias para empezar con su web.

000WebHost

1500 MB de espacio en disco.
100 GB de transferencia mensual.
PHP y MySQL (5 bases de datos).
Acceso mediante FTP.
Administración con cPanel.
Alojamiento de hasta 5 dominios.

110MB Hosting

110 MB de espacio en disco.
100 GB de transferencia mensual.
Soporte de PHP 4 y PHP 5.
Alojamineto hasta 1 dominio.

BlackAppleHost

5 GB de espacio.
20 GB de transferencia mensual.
Máximo 2 dominio.
Administración mediante LayeredPanel.
Soporte de PHP y base de datos MySQL.
1 Cuenta de FTP.

Byet Internet

5500 MB de espacio.
200 GB de transferencia mensual.
Soporte de PHP y Bases de datos MySQL.
Alojamiento hasta de 50 dominios.
Cuentas de FTP e Email.
Administración con VistaPanel

Además estos mismos proveedores ofrecen servicios de hosting pagados con mejores características y mayor soporte a los cuales puedes migrarse fácilmente.

Si conocen algún otro sitio que ofrezca hosting gratuito de calidad pueden compartirlo con nuestros visitantes dejando un comentario con las características del servicio. También si tienen alguna queja sobre estos pueden comentarlo para que otras personas se eviten problemas.

Detectar el Browser con PHP

unijimpe — Sat, 03 Apr 2010 05:01:50 +0000

Detectar el navegador o browser que esta utilizando el visitante a una web resulta ser útil para ofrecer contendido de acuerdo al dispositivo que usa el usuario. Si el usuario esta utilizando un Navegador antiguo se le puede sugerir actualizarlo, otro uso podría ser una hoja de estilos de acuerdo al navegador del visitante.

Browser Detect

Browser Detect es una clase escrita en PHP que permite detectar rápidamente el navegador del usuario, para ello utiliza el User-Agent que es enviado mediante los headers.

Para utilizar esta clase, lo primero es incluir el archivo browser_class_inc.php y crear una instancia de la clase browser.

include('browser_class_inc.php');
$br = new browser();

Luego de ello podremos utilizar los siguientes métodos:

getBrowserOS: devuelve el sistema operativo (Windows, Linux, Macintosh, OS/2, BeOS).
whatBrowser: devuelve un array con el tipo de browser, el sistema operativo y la versión.
isOpera: devuelve verdadero si el browser del usuario es Opera.-
isFirefox: devuelve verdadero si se accede con Firefox.
isKonqueror: devuelve verdadero si se utiliza Konqueror.
isMSIE: devuelve verdadero si usamos Internet Explorer.
isGaleon: devuelve verdadero para quienes utilizan Galeon.
isWebTV: verdadero para visitantes con WebTV.
isMSPIE: verdadero si se accede desde Internet Explorer de Pocket PC.
isOmniWeb: devuelve verdadero si se usa OmniWeb.
isPhoenix: para verificar si se utiliza Phoenix.
isFirebird: comprueba si se accede desde Firebird.
isLynx: verdadero para usuarios con Lynx.
isSafari: comprueba si se accede con Safari.
isNetscape: verdadero para usuarios de Netscape.

Entonces, podemos imprimir los datos del navegador del cliente con el siguiente código:

include('browser_class_inc.php');
$br = new browser();
print_r($br->whatBrowser());

El cual podemos ver funcionado en browser-class/demo.php. Este devolverá un resultado de la siguiente forma:

Array
(
[browsertype] => Firefox
[version] => 3.5.9 GTB6
[platform] => Macintosh
[AOL] =>
)

Ejemplo Práctico

Todos los navegadores interpretan las hojas de estilos de forma diferente por lo cual crear un CSS que se muestre igual en todos los navegadores es complicado, se puede utilizar Hacks CSS pero estos hacen que no las hojas de estilos sean invalidas. Entonces una solución es enviar un CSS diferente por cada Browser. En la práctica se puede hacer dos archivos uno para Internet Explorer (el mas problemático) y otro para los demás navegadores.

<?php
include('browser_class_inc.php');
$br = new browser();
?>
</span></a></span>CSS Demo<span style="color: #009900;"><span style="color: #000000;">

<?php if ($br->isMSIE()) { ?>
href="css/styles-ie.css" rel="stylesheet" type="text/css">
<?php } else { ?>
href="css/styles.css" rel="stylesheet" type="text/css">
<?php } ?>

Sencillo de implementar y nos ahorrará tiempo en la detección del browser del cliente. Finalmente les dejo el archivo con el código fuente del ejemplo de este post.

Crear enlaces para compartir en Redes Sociales

unijimpe — Sun, 14 Mar 2010 07:15:23 +0000

La forma más rápida de promover nuestro web site es a través de las redes sociales como Facebook, Twitter, Buzz entre otros. Entonces es recomendable crear los enlaces para que nuestros visitantes puedan agregarlo directamente a su red o marcador social favorito.

URLs para Redes Sociales
Lo primero es conocer el formato de las URLs de las diferentes redes sociales, hay gran cantidad de estos servicios pero solo utilizaremos las mas utilizadas. El siguiente listado presenta los formatos de enlaces en donde URL es el enlace de la página que deseamos compartir y TITLE es el titulo que deseamos asignar al enlace que vamos a compartir.

Delicious: http://delicious.com/save?v=5&url=URL&title=TITLE
Digg: http://digg.com/submit?url=URL&title=TITLE
Facebook: http://www.facebook.com/sharer.php?u=URL&t=TITLE
Technorati: http://technorati.com/faves?add=URL&title=TITLE
Twitter: http://twitter.com/home?status=TITLE - URL
Meneame: http://meneame.net/submit.php?urlURL
Reddit: http://reddit.com/submit?url=URL&title=TITLE
StumbleUpon: http://www.stumbleupon.com/submit?url=URL&title=TITLE
Google Buzz: http://www.google.com/reader/link?url=URL&title=TITLE

Estos urls los podemos crear manualmente o con nuestro lenguaje de programación favorito para darle a nuestro web mayor interactividad.

Clase para Crear links a Redes Sociales
Con la información de los formatos de URLs decidimos crear una clase para facilitar la creación de estos enlaces. Esta clase la hemos llamado SocialClass que recibe cuatro parámetros: el url, titulo, target y tipo de resultado.

// File: socialclass.php
// Web: http://blog.unijimpe.net
// Date: 13/03/2010
class SocialClass {
var $url;
var $title;
var $target;
var $type;
function SocialClass($_url, $_title, $_target = "", $_type = "link") {
$this->url = urlencode($_url);
$this->title = urlencode($_title);
$this->setTarget($_target);
$this->setType($_type);
}
function setTarget($_target) {
if ($_target != "") {
$this->target = " target=\"".$_target."\"";
}
}
function setType($_type) {
$this->type = $_type;
}
function write($path, $label = "") {
if ($this->type == "link") {
return "\"".$path."\"".$this->target.">".$label."";
} else {
return $path;
}
}
function delicious($label = "Delicious") {
$path = "http://delicious.com/save?v=5&url=".$this->url."&title=".$this->title;
return $this->write($path, $label);
}
function digg($label = "Digg") {
$path = "http://digg.com/submit?url=".$this->url."&title=".$this->title;
return $this->write($path, $label);
}
function facebook($label = "Facebook") {
$path = "http://www.facebook.com/sharer.php?u=".$this->url."&t=".$this->title;
return $this->write($path, $label);
}
function technorati($label = "Technorati") {
$path = "http://technorati.com/faves?add=".$this->url."&title=".$this->title;
return $this->write($path, $label);
}
function twitter($label = "Twitter") {
$path = "http://twitter.com/home?status=".$this->title." - ".$this->url;
return $this->write($path, $label);
}
function meneame($label = "Meneame") {
$path = "http://meneame.net/submit.php?url=".$this->url;
return $this->write($path, $label);
}
function reddit($label = "Reddit") {
$path = "http://reddit.com/submit?url=".$this->url."&title=".$this->title;
return $this->write($path, $label);
}
function stumbleupon($label = "StumbleUpon") {
$path = "http://www.stumbleupon.com/submit?url=".$this->url."&title=".$this->title;
return $this->write($path, $label);
}
function buzz($label = "Google Buzz") {
$path = "http://www.google.com/reader/link?url=".$this->url."&title=".$this->title;
return $this->write($path, $label);
}
}

Para utilizar la clase primero incluimos el archivo y luego inicializamos el elemento con cuatro parámetros, en donde los dos primeros son necesarios y los dos últimos son opcionales:

$social = new SocialClass($url, $title, $target, $type);

$url: es el enlace de la página que deseamos compartir.
$title: es el título a mostrarse con el enlace a compartir.
$target: el target del enlace, por defecto se abre en la misma ventana.
$type: es el tipo de resultado (link o url) por defecto el tipo es link.

Luego de ello podemos utilizar los siguientes métodos: delicious, digg, facebook, technorati, twitter, meneame, reddit, stumbleupon, buzz los cuales aceptar como parámetro un texto opciones para imprimir como texto del enlace a crear.

Veamos un ejemplo de uso de esta clase, en donde crearemos los enlaces recomendar para este blog.

$social = new SocialClass("http://blog.unijimpe.net", "unijimpe"); ?>
echo $social->delicious(); ?>

echo $social->digg(); ?>

echo $social->facebook(); ?>

echo $social->technorati(); ?>

echo $social->twitter(); ?>

echo $social->meneame(); ?>

echo $social->reddit(); ?>

echo $social->stumbleupon(); ?>

echo $social->buzz(); ?>

Ahora podríamos modificar el uso de esta clase y crear los enlaces que se abran en ventana nueva y cambiarlo en nombre a los enlaces:

$social = new SocialClass("http://blog.unijimpe.net", "unijimpe", "_blank"); ?>
echo $social->delicious("Guardar en Delicious"); ?>

echo $social->digg("Enviar a Digg"); ?>

echo $social->facebook("Compartir en Facebook"); ?>

echo $social->twitter("Publicar en Twitter"); ?>

Finalmente si deseamos utilizar imagenes para los enlaces podríamos utilizar el tipo url para crear los enlaces de la forma:

$social = new SocialClass("http://blog.unijimpe.net", "unijimpe", "", "url"); ?>
"delicious(); ?>">

"http://static.delicious.com/img/delicious.gif" />

"facebook(); ?>">

"http://static.ak.fbcdn.net/images/connect_favicon.png" />

"twitter(); ?>">

"http://twitter-badges.s3.amazonaws.com/t_mini-a.png" />

Pueden ver el ejemplo funcionando en http://samples.unijimpe.net/socialclass/ y como pueden ver esta clase es sencilla de utilizar, tambíen pueden extender esta clase e incluir el servicio de su preferencia y si tienen sugerencias para mejorar esta clase pueden dejar su comentario.

Mas Información

Utilizar reCAPTCHA con PHP

unijimpe — Thu, 04 Feb 2010 03:38:13 +0000

reCAPTCHA es un servicio gratuito que permite incluir validación mediante el uso de captcha a los formularios para prevenir el SPAM. Ademas sirve para digitalizar libros pues reCAPTCHA muestras dos palabras una para verificar el captcha y la otra es una imagen que no ha sido reconocida por los OCR y que nosotros la reconoceremos.

Utilizar reCAPTCHA

reCAPTCHA es gratuito y posee todo un API para integrarlo con cualquier proyecto. Para utilizarlo necesitas registrarte para obtener los codigos de valdación para utilizar el API. Una vez registrado tendrás dos códigos: Public Key y Private Key. Pueden utilizar directamente el API o pueden utilizar alguna de las librerías que ofrecen por ejemplo para PHP, ASP.NET, Python, Perl, etc.

En nuestro caso escogemos PHP y descargamos el archivo recaptcha-php-1.10.zip el cual contiene el archivo recaptchalib.php con los métodos necesarios para el uso de reCAPTCHA.

Incluir reCAPTCHA en el Formulario

Para utilizar la protección mediante captcha, es necesario incluir reCAPTCHA en nuestro formulario, para ello primero incluir el archivo recaptchalib.php, agregamos variables con los valores de nuestros key recién obtenidos.

require_once('recaptchalib.php');
$publickey = "6LdA4goAAAAAAOoJNAhYRlvfyrE-_zv6XrrUJjhkj";
$privatekey = "6LdA4goAAAAAAF1tiVwumBvttvdhSx5qC6xUJjhkj";
$error = null;

Ahora podremos utilizar la función recaptcha_get_html para mostrar el captcha.

method="post">
for="username">Usuario />
name="username" type="text" class="casilla" id="username" /> />
for="usermail">Email />
name="usermail" type="text" class="casilla" id="usermail" /> />
for="usercheck">Verificación />
<?php echo recaptcha_get_html($publickey, $error); ?>
type="hidden" name="action" value="register" />
type="submit" name="btsend" value="Enviar" />

Validar el Captcha

Una ves que el formulario se ha enviado procedemos a verificar que el texto de captcha se ha ingresado correctamente en cuyo caso procesamos los datos del formulario de lo contrario mostramos un mensaje de error.

if ($_POST['action'] == "register") {
$re_ip = $_SERVER["REMOTE_ADDR"];
$re_challenge = $_POST["recaptcha_challenge_field"];
$re_response = $_POST["recaptcha_response_field"];
$re_valid = recaptcha_check_answer($privatekey, $re_ip, $re_challenge, $re_response);
if ($re_valid->is_valid) {
// procesar registro
} else {
$error = $resp->error;
}
}

Uniendo estos pasos en un archivo, obtendremos la protección anti-spam que estabamos buscando. Pueden ver el ejemplo funcionando en http://samples.unijimpe.net/recaptcha/. También les dejo los archivos fuente para que puedan hacer sus pruebas, noten que deben colocar sus propios keys de validación.

Mas Información
Pueden personalizar reCAPTCHA o utilizarlo con cualquier otro lenguaje de programación, para ello pueden encontrar mas información en:

Optimización: Utilizar compresión Gzip

unijimpe — Tue, 02 Feb 2010 04:51:05 +0000

Para optimizar la carga de una página web es necesario disminuir al máximo el número de peticiones o el tamaño de los archivos transmitidos. Para ayudar al ahorro de transferencia los servidores web han implementado formas de compresión, mediante la cual el contenido es comprimido antes de enviarlo al browser.

En la actualidad la mayoría de los browsers soportan dos formatos de compresión, ello lo podemos observar en los headers que envía el browser al hacer una petición. En la propiedad Accept-Encoding con dos valores:

gzip es un formato de compresión libre, desarrollado por el proyecto GNU, es el mas popular pues la mayoría de los browsers lo soportan, además ofrece un ahorro del 66% en promedio.
deflate menos efectivo que gzip pues ofrece un ahorro de 60%, uno de los pocos sitios que lo utiliza es msn.com.

Que archivos comprimir con GZIP

Es recomendable comprimir solo los archivos html, php, css, js y algunos otros archivos en formato texto. En el caso de archivos jpg, png, gif, pdf estos ya están comprimidos y aplicarle gzip puede incrementar el tamaño de los archivos e incluso el consume de CPU del servidor. Otra regla que hay que tener en cuenta es que se recomienda comprimir archivos de mas de 1Kb.

Utilizar GZIP con Apache 1.3

En el caso de Apache 1.3 la compresión gzip es manejada por el módulo mod_gzip. Para ello se pueden utilizar las sentencias mod_gzip_item_include para incluir archivos a comprimir y mod_gzip_item_exclude para excluir archivos. Luego editamos el archivo .htaccess e incluimos el siguiente código.

c>
mod_gzip_on Yes
mod_gzip_item_include file \.html$
mod_gzip_item_include file \.php$
mod_gzip_item_include file \.css$
mod_gzip_item_include file \.js$
mod_gzip_item_include mime ^application/javascript$
mod_gzip_item_include mime ^application/x-javascript$
mod_gzip_item_include mime ^text/.*
mod_gzip_item_include handler ^application/x-httpd-php
mod_gzip_item_exclude mime ^image/.*

Utilizar GZIP con Apache 2.x

Para versiones de Apache 2.x la compresión es gestionada por el módulo mod_deflate (No confundir el nombre del módulo con la compresión, pues esta genera compresión gzip). Para comprimir los archivos podemos utilizar la sentencia AddOutputFilterByType de la siguiente forma:

AddOutputFilterByType DEFLATE text/html text/css application/x-javascript

En nuestro caso tenemos Apache 2.0.54 por lo cual aplicamos el segundo método. Hemos creados dos ejemplos uno sin compresión (http://samples.unijimpe.net/optimization/no-gzip/), en el cual podemos observar que toda la pagina tiene un tamaño de 135.4 Kb y demora en cargar 3.46 segundos.

Ahora si agregamos la compresión gzip (http://samples.unijimpe.net/optimization/gzip/) podemos observar una reducción significante en el tamaño de los archivos. Ahora toda la página tiene un tamaño de 38.8KB con lo cual hemos ahorrado un 71.3%.

Mas Información
Se puede habilitar la compresión con PHP e incluso controlar mas al detalle la compresión de los archivos, para ello les dejo algunos enlaces para encontrar mas información.

Optimización: Agregar Headers de Expiración

unijimpe — Sun, 31 Jan 2010 04:02:45 +0000

Los Header de expiración son utilizados para indicar cuando expira un determinado archivo, en cuyo caso el mismo no es cargado nuevamente si es que aun no ha expirado. Entonces para archivos que no cambian comúnmente como las imágenes, vídeos, javascript, hojas de estilo podríamos agregarle headers de expiración con lo cual solo se cargarán la primera vez que accedemos a la pagina.

Para ello se pueden utilizar los headers: Expires que contiene la fecha en la cual expira el archivo y Cache-Control, se pueden agregar estos dos headers por separado pero si agregamos el Expires este agregará también el header Cache-Control.

Expiración Utilizando htaccess

Los servidores web Apache son muy versátiles y permiten configurar de forma sencilla los headers de expiración, para ello debes incluir las directivas en el archivo .htaccess. Para el caso de la expiración se puede utilizar ExpiresDefault, para ello tenemos las siguientes directivas de tiempo: years, months, weeks, days, hours, minutes, seconds.

Lo recomendables es colocar una expiración de 30 días para los archivos estaticos (jpg, png, gif, swf, js, css), entonces podríamos agregar el siguiente código:

ExpiresActive On
ExpiresDefault A0
# expiracion de 1 mes para archivos estaticos
"\.(gif|jpg|jpeg|png|swf|js|css)$">
ExpiresDefault "access plus 1 months"

Además de ello la expiración también se puede expresar en segundos, entonces modificando el ejemplo anterior tendríamos (30 dias = 60*60*24*30 = 2592000):

ExpiresActive On
ExpiresDefault A0
# expiracion de 1 mes para archivos estaticos
"\.(gif|jpg|jpeg|png|swf|js|css)$">
ExpiresDefault A2592000

Otra forma para agregar la expiración es el uso de la directiva ExpiresByType mediante la cual se le puede asignar tiempos diferentes dependiendo del tipo de archivo. Con esta directiva tendríamos el ejemplo anterior transformado en:

ExpiresActive On
ExpiresDefault A0
ExpiresByType image/gif A2592000
ExpiresByType image/png A2592000
ExpiresByType image/jpg A2592000
ExpiresByType image/jpeg A2592000
ExpiresByType text/css A2592000
ExpiresByType text/javascript A2592000

Pueden ver el ejemplo funcionando en http://samples.unijimpe.net/optimization/expiration/, si utilizanFirebug para ver el trafico de red observarán como se cargan las imágenes la primera vez, las siguientes estas se leen del cache del browser. Les dejo los archivos de ejemplo con el .htaccess para cada ejemplo con el cual pueden hacer sus pruebas.

Expiración Utilizando PHP

PHP también es otra solución para agregar los headers de expiración. Para ello haremos uso de la función header. El formato del header de expiración en:

header("Expires: Mon, 26 Jul 2010 05:00:00 GMT");

Creando dinámicamente la expiración, utilizando las funciones de fecha tendríamos un ejemplo con la expiración de 30 dias (60*60*24*30 = 30 dias expresados en segundos)

header("Cache-Control: must-revalidate");
header("Expires: ".gmdate ("D, d M Y H:i:s", time() + 60*60*24*30)." GMT");

Mas Información
Hemos presentado una breve explicación utilizando .htaccess y PHP, pueden tener mas información y conceptos mas desarrollados en: