En los últimos  años hemos podido ver el surgimiento de esta tecnología para detectar automáticamente el rostro de una persona, inicialmente usado en cámaras fotográficas y en la actualidad podemos verla funcionando en webs como por ejemplo la famosa red social Facebook.

Esto lo podemos lograr usando una clase en PHP:

<?php
//
// This program is free software; you can redistribute it and/or
// modify it under the terms of the GNU General Public License
// as published by the Free Software Foundation; either version 2
// of the License, or (at your option) any later version.
//
// This program is distributed in the hope that it will be useful,
// but WITHOUT ANY WARRANTY; without even the implied warranty of
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
// GNU General Public License for more details.
//
// You should have received a copy of the GNU General Public License
// along with this program; if not, write to the Free Software
// Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA.
//
// @Author Karthik Tharavaad
//         karthik_tharavaad@yahoo.com
// @Contributor Maurice Svay
//              maurice@svay.Com

class Face_Detector {

 protected $detection_data;
 protected $canvas;
 protected $face;
 private $reduced_canvas;

 public function __construct($detection_file = 'detection.dat') {
 if (is_file($detection_file)) {
 $this->detection_data = unserialize(file_get_contents($detection_file));
 } else {
 throw new Exception("Couldn't load detection data");
 }
 //$this->detection_data = json_decode(file_get_contents('data.js'));
 }

 public function face_detect($file) {
 if (!is_file($file)) {
 throw new Exception("Can not load $file");
 }

 $this->canvas = imagecreatefromjpeg($file);
 $im_width = imagesx($this->canvas);
 $im_height = imagesy($this->canvas);

 //Resample before detection?
 $ratio = 0;
 $diff_width = 320 - $im_width;
 $diff_height = 240 - $im_height;
 if ($diff_width > $diff_height) {
 $ratio = $im_width / 320;
 } else {
 $ratio = $im_height / 240;
 }

 if ($ratio != 0) {
 $this->reduced_canvas = imagecreatetruecolor($im_width / $ratio, $im_height / $ratio);
 imagecopyresampled($this->reduced_canvas, $this->canvas, 0, 0, 0, 0, $im_width / $ratio, $im_height / $ratio, $im_width, $im_height);

 $stats = $this->get_img_stats($this->reduced_canvas);
 $this->face = $this->do_detect_greedy_big_to_small($stats['ii'], $stats['ii2'], $stats['width'], $stats['height']);
 $this->face['x'] *= $ratio;
 $this->face['y'] *= $ratio;
 $this->face['w'] *= $ratio;
 } else {
 $stats = $this->get_img_stats($this->canvas);
 $this->face = $this->do_detect_greedy_big_to_small($stats['ii'], $stats['ii2'], $stats['width'], $stats['height']);
 }
 return ($this->face['w'] > 0);
 }

 public function toJpeg() {
 $color = imagecolorallocate($this->canvas, 255, 0, 0); //red
 imagerectangle($this->canvas, $this->face['x'], $this->face['y'], $this->face['x']+$this->face['w'], $this->face['y']+ $this->face['w'], $color);
 header('Content-type: image/jpeg');
 imagejpeg($this->canvas);
 }

 public function toJson() {
 return "{'x':" . $this->face['x'] . ", 'y':" . $this->face['y'] . ", 'w':" . $this->face['w'] . "}";
 }

 public function getFace() {
 return $this->face;
 }

 protected function get_img_stats($canvas){
 $image_width = imagesx($canvas);
 $image_height = imagesy($canvas);
 $iis =  $this->compute_ii($canvas, $image_width, $image_height);
 return array(
 'width' => $image_width,
 'height' => $image_height,
 'ii' => $iis['ii'],
 'ii2' => $iis['ii2']
 );
 }

 protected function compute_ii($canvas, $image_width, $image_height ){
 $ii_w = $image_width+1;
 $ii_h = $image_height+1;
 $ii = array();
 $ii2 = array();

 for($i=0; $i<$ii_w; $i++ ){
 $ii[$i] = 0;
 $ii2[$i] = 0;
 }

 for($i=1; $i<$ii_w; $i++ ){
 $ii[$i*$ii_w] = 0;
 $ii2[$i*$ii_w] = 0;
 $rowsum = 0;
 $rowsum2 = 0;
 for($j=1; $j<$ii_h; $j++ ){
 $rgb = ImageColorAt($canvas, $j, $i);
 $red = ($rgb >> 16) & 0xFF;
 $green = ($rgb >>  & 0xFF;
 $blue = $rgb & 0xFF;
 $grey = ( 0.2989*$red + 0.587*$green + 0.114*$blue )>>0;  // this is what matlab uses
 $rowsum += $grey;
 $rowsum2 += $grey*$grey;

 $ii_above = ($i-1)*$ii_w + $j;
 $ii_this = $i*$ii_w + $j;

 $ii[$ii_this] = $ii[$ii_above] + $rowsum;
 $ii2[$ii_this] = $ii2[$ii_above] + $rowsum2;
 }
 }
 return array('ii'=>$ii, 'ii2' => $ii2);
 }

 protected function do_detect_greedy_big_to_small( $ii, $ii2, $width, $height ){
 $s_w = $width/20.0;
 $s_h = $height/20.0;
 $start_scale = $s_h < $s_w ? $s_h : $s_w;
 $scale_update = 1 / 1.2;
 for($scale = $start_scale; $scale > 1; $scale *= $scale_update ){
 $w = (20*$scale) >> 0;
 $endx = $width - $w - 1;
 $endy = $height - $w - 1;
 $step = max( $scale, 2 ) >> 0;
 $inv_area = 1 / ($w*$w);
 for($y = 0; $y < $endy ; $y += $step ){
 for($x = 0; $x < $endx ; $x += $step ){
 $passed = $this->detect_on_sub_image( $x, $y, $scale, $ii, $ii2, $w, $width+1, $inv_area);
 if( $passed ) {
 return array('x'=>$x, 'y'=>$y, 'w'=>$w);
 }
 } // end x
 } // end y
 }  // end scale
 return null;
 }

 protected function detect_on_sub_image( $x, $y, $scale, $ii, $ii2, $w, $iiw, $inv_area){
 $mean = ( $ii[($y+$w)*$iiw + $x + $w] + $ii[$y*$iiw+$x] - $ii[($y+$w)*$iiw+$x] - $ii[$y*$iiw+$x+$w]  )*$inv_area;
 $vnorm =  ( $ii2[($y+$w)*$iiw + $x + $w] + $ii2[$y*$iiw+$x] - $ii2[($y+$w)*$iiw+$x] - $ii2[$y*$iiw+$x+$w]  )*$inv_area - ($mean*$mean);
 $vnorm = $vnorm > 1 ? sqrt($vnorm) : 1;

 $passed = true;
 for($i_stage = 0; $i_stage < count($this->detection_data); $i_stage++ ){
 $stage = $this->detection_data[$i_stage];
 $trees = $stage[0];

 $stage_thresh = $stage[1];
 $stage_sum = 0;

 for($i_tree = 0; $i_tree < count($trees); $i_tree++ ){
 $tree = $trees[$i_tree];
 $current_node = $tree[0];
 $tree_sum = 0;
 while( $current_node != null ){
 $vals = $current_node[0];
 $node_thresh = $vals[0];
 $leftval = $vals[1];
 $rightval = $vals[2];
 $leftidx = $vals[3];
 $rightidx = $vals[4];
 $rects = $current_node[1];

 $rect_sum = 0;
 for( $i_rect = 0; $i_rect < count($rects); $i_rect++ ){
 $s = $scale;
 $rect = $rects[$i_rect];
 $rx = ($rect[0]*$s+$x)>>0;
 $ry = ($rect[1]*$s+$y)>>0;
 $rw = ($rect[2]*$s)>>0;
 $rh = ($rect[3]*$s)>>0;
 $wt = $rect[4];

 $r_sum = ( $ii[($ry+$rh)*$iiw + $rx + $rw] + $ii[$ry*$iiw+$rx] - $ii[($ry+$rh)*$iiw+$rx] - $ii[$ry*$iiw+$rx+$rw] )*$wt;
 $rect_sum += $r_sum;
 }

 $rect_sum *= $inv_area;

 $current_node = null;
 if( $rect_sum >= $node_thresh*$vnorm ){
 if( $rightidx == -1 )
 $tree_sum = $rightval;
 else
 $current_node = $tree[$rightidx];
 } else {
 if( $leftidx == -1 )
 $tree_sum = $leftval;
 else
 $current_node = $tree[$leftidx];
 }
 }
 $stage_sum += $tree_sum;
 }
 if( $stage_sum < $stage_thresh ){
 return false;
 }
 }
 return true;
 }
} ?>

Para usarla debes descargar detection.dat (mirror) y usar este sencillo código:

<?php
$detector = new Face_Detector('detection.dat');
$detector->face_detect('tu_foto.jpg');
$detector->toJpeg();?>

El resultado:

Via Emanuele Feronato

JuegosTonic es un sitio ideal si estas buscando donde entretenerte, jugar y pasar un rato agradable con juegos online de gran variedad como juegos de carros, juegos de acción, juegos de motos, juegos de motos, juegos de azar y muchos más.

Ya sabes donde puedes pasar tu tiempo de ocio, tienes a tu disposición una gran lista de juegos, para todas las edades y lo mejor de todo gratis, sin necesidad de descargar archivos a tu pc, solo necesita un navegador para disfrutar de toda esta gran lista de juegos.

South Park es un programa de televisión estadounidense, es famoso por su humor y vocabulario grosero ademas de que a primera vista pareciera dibujos animados para niños pero en realidad esta orientado exclusivamente al publico adulto. La serie trata de cuatro niños llamados Eric Cartman, Stan Marsh, Kyle Broflovski y Kenny McCormick (quien en  la mayoría de episodios muere) que viven en un pequeño pueblo ubicado en el estado de Colorado llamado South Park.

Si ya conoces esta magnifica serie te cuento que puedes mirar todas las temporadas que han sacado en audio latino (próximamente en audio Español) y adicionalmente de esto puedes encontrar la película y lo mejor sin ningún tipo de restricciones de tiempo y gratuitamente. Todo en Ver South Park Online.

Desde hace algunos días estoy viviendo en Bogotá y algo que se me dificulto mucho al principio fue poder “cogerle el tiro”  al Transmilenio, pero buscando una solución a ese dilema encontré un mapa dinámico, muy sencillo de usar y  nos ofrece múltiples opciones a la hora de abordar el bus que necesitemos para llegar a nuestro destino:

El mapa lo puedes encontrar en el portal web de Transmilenio. Lo único que debes hacer es seleccionar la estación de salida y de llegada. Adicionalmente un amigo me paso una aplicación para tener este mapa en el celular, lo que hace más simple el proceso en caso de no tener un computador o Internet a mano. Descargar rutas de Transmilenio para celular (es necesario tener Java en el móvil).

Este portal sin duda se a convertido en uno de los sitios más visitados por las personas en Internet, ya que nos permite subir y ver millones de vídeos de diferentes temáticas, desde ocio hasta educación. El problema es que muchas veces no sabemos que buscar o queremos ver los últimos vídeos más novedosos de la red pero no sabemos donde encontrarlos. Si este es tu caso, te recomiendo visitar este sitio con los vídeos más graciosos e impresionantes en Youtube.

Focavideos

Me entero en el sitio de mi amigo czam que el sábado 21 de Agosto se estará realizando el Barcamp Bogotá 2010, un evento internacional de desconferencias; los asistentes llegan, van poniendo su tema de presentación en el tablero y la gente elige a cuál asistir. El único requisito para poder asistir es inscribirte con anticipación de al menos una semana en este formulario. Para mayor información puedes visitar el sitio web oficial.

Detalles del evento

Cuándo: Sábado 21 de agosto de 2010

Horario: 9:00a.m.-5:00p.m.

Dónde:  Fundación Universitaria Cafam

Hasta el momento nuestra aplicación de frases con opción de publicar en nuestro muro la frases, tabs y comentarios debe ir algo así:
La aplicación es funcional pero no tiene ese toque social que puede hacer crecer a la aplicación: Publicar frases en el muro de nuestros amigos. Con esto es que podemos hacer conocer la aplicación y también enviando invitaciones pero de eso hablare en otro post. Para poder realizar esto usaremos el método propio de Facebook llamado Stream.publish del cual ya había hablado en un post anterior.

<script>
function publicar(){
var mensaje = "<?php echo $frases[$frase]; ?>";
var user_message_prompt = "¿Deseas comentar algo?";
var user_message = "Que buena frase!";
var attachment = {'media':
[{'type':'image',
'src':'http://brianur.info/logo.png',
'href':'http://apps.facebook.com/tuaplicacion/'}],
'name': mensaje +'<br />',
'description':'Frases Urban'};
var target_id = 'id del usuario en FB';

Facebook.streamPublish(user_message,attachment,'',target_id,user_message_prompt);
}
publicar();
</script>

La anterior función es casi igual a la de publicar la frase en nuestro muro, solo tenemos como novedad la variable target_id en la que debe ir la id del usuario (amigo) y luego se debe pasar a Facebook.streamPublish. Si hacen la prueba colocando algún id, verán que pueden hacer publicaciones en el wall de un amigo. Solo nos hace falta el formulario para que el usuario pueda seleccionar a un amigo:

Para el formulario Facebook nos provee con fb:friend-selector el cual nos permite de una forma muy fácil hacer un formulario que despliega una lista cuando vamos escribiendo el nombre. También contamos con Fb:multi-friend-selector y Fb:multi-friend-selector (condensed) para enviar publicaciones a múltiples usuarios, pero eso lo veremos en otro post.

<form method="post" action="enviar.php">
<fb:friend-selector uid="loggedinuser" name="uid" idname="friend_sel" />
<input type="submit" value="Publicar" />
</form>
<?
if (isset($_POST['friend_sel'])) {
?>
<script>publicar();</script>
<?
}
?>

Si quieres puedes quitar el action, depende de como tengas tu aplicación. Si te fijas el código anterior tiene PHP, básicamente lo que hace es recibir el id del usuario y ejecutar la función publicar… funciona para lo que queremos pero no es lo mejor en algunos casos, más adelante veremos como mejorar este formulario.

Hace algún tiempo estuve creando una web que fuera multi-idioma pero tenía algo no muy agradable, el usuario tenia que seleccionar el idioma de su preferencia primero para poder acceder al contenido. Para aumentar la usabilidad del sitio hice este pequeño script que toma automáticamente el idioma por defecto del navegador del usuario y de esta forma muestra el contenido:

<?php
 $languaje = getenv("HTTP_ACCEPT_LANGUAGE");
 $idioma = substr($languaje, 0, 2);
 if ($idioma == "es"){
 include("espanol.php");
 }
 elseif ($idioma == "en"){
 include("english.php");
 }
 else {
 echo "Unsupported language"; //como alternativa pueden incluir un idioma por defecto: include("english.php");
 }
?> 

El pasado judicial o certificado judicial, es un documento virtual (anteriormente era una libreta verde) expedido por el Departamento Administrativo de Seguridad (DAS) el cual se usa para informar sobre la existencia o ausencia de antecedentes judiciales de una persona.

¿Para qué sirve?

• Es un requisito a la hora de adquirir un empleo.
• Para ingresar a Ecuador o tramite de visa en otro país (siempre y cuando la embajada lo exija).
• Porte y/o tenencia de armas de fuego.
• Otros trámites administrativos.

¿Cómo se tramita?

Hay disponibles dos formas de tramitar este documento, de forma presencial y por Internet. No hay ninguna diferencia entre las dos, el formato es igual así que puede seleccionar la que más le convenga*.

Tramitar pasado judicial de forma presencial

Para tramitarlo de forma presencial primero debe consultar la seccional de su departamento y pedir una cita por teléfono previamente antes de presentarse. Este proceso igualmente se puede realizar fuera del país en los respectivos consulados y embajadas de Colombia. Después de obtener una cita de presentarse con:

• El recibo de consignación del pago del trámite.
• Dos (2) fotografías tamaño 3 X 3 cm, a color, de frente y reciente (primera vez).
• Cédula de ciudadanía en original o contraseña expedida por la Registraduría. Para el caso de los comprobantes de cédula en trámite, estos deben venir certificados por la Registraduría.
• Código de la cita (cita previa).

Tramitar pasado judicial por Internet (en línea)

Para tramitar el documento de esta forma debe acceder a www.das.gov.co y en el menú izquierdo seleccionar Certificado Judicial en línea, luego debe realizar los tres pasos que aparecen allí.

*Nota: se requiere que la persona que quiera acceder a este servicio haya tramitado el Certificado Judicial de manera presencial ante las oficinas autorizadas, en los últimos cinco años.

¿Cuál es el costo?

Tiene un costo de $15.000 pesos que deberá consignar a la cuenta respectiva de la seccional de su departamento. Puede tener un descuento del 10% de acuerdo con la Ley 815 de julio de 2003, presentando la copia del último Certificado Electoral debidamente diligenciado.

Nota: El trámite por Internet no tiene ningún costo adicional.

Si tiene otro tipo de pregunta puede consultar la sección de preguntas frecuentes del DAS o acceder al chat de Gobierno en línea.

Continuando con el tutorial de como crear nuestra propia aplicación de frases para Facebook, explicare como agregar tabs/pestañas para mostrar las secciones que queramos y también añadiremos un formulario para que los usuarios puedan dejar comentarios.

Tabs

De seguro ya has visto las pestañas en Facebook ya que son muy comunes. Básicamente se usan para organizar en secciones el contenido de la aplicación y su uso es bastante fácil, solo necesitaremos usar un par de etiquetas FBML: fb:tabs y fb:tab-item.

<fb:tabs>
<fb:tab-item href="index.php" title="Inicio" selected="true" />
<fb:tab-item href="comentarios.php" title="Comentarios" />
</fb:tabs>

Usando el anterior código tendríamos de una forma muy sencilla dos pestañas, usando el atributo title le asignamos un titulo o nombre a cada una y de igual forma usando href sus respectivos enlaces a la web de cada sección. Para que la pestaña aparezca como seleccionada usamos el parámetro selected=”true”. También se podría usar el parámetro align para que las pestañas se alineen al sentido que se quiera ya que por defecto es a la izquierda.

Comentarios

Agregar un formulario de comentarios para que los usuarios puedan comentar nuestra aplicación o una frase en especifico también es muy sencillo con el uso de fb:comments:

<fb:comments xid="enviarvisajes7777" canpost="true" candelete="false" reverse="true" numposts="5"  showform="true">

El atributo xid o identificador único, puede llevar cualquier nombre y puede poseer caracteres alfanuméricos. Con el parámetro canpost=”true” permitimos a los usuarios escribir un comentario y candelete permite o no borrar los comentarios realizados por un usuario. El uso de reverse es para cambiar el orden de los comentarios, usamos numposts para establecer el numero de comentarios que se verán por pagina. Esta etiqueta tiene muchos más parámetros que pueden usar, así que no olviden echarle una ojeada a la documentación.

Prueben ustedes mismos con diferentes parámetros y no solo lo que yo pongo en esta guía, de esa forma pueden aprender y conocer más del uso de FBML.