lunes, 16 de noviembre de 2009

Como Obtener El Navegador Web y La Versión usando PHP

Es clasico toparse con problemas de diseño en web, especificamente con internet explorer 6 por lo que a continuación les recomiendo usar dos funciones, la primera es para obtener el nombre del navegador web desde el que se accede y la otra es para obtener la version de este, estas funciones son muy útiles a la hora de diferenciar contenidos debido al renderizado de cada cliente web.

-Función para obtener el nombre del navegador:


function get_user_browser()
{
$u_agent = $_SERVER['HTTP_USER_AGENT'];
$ub = '';
if(preg_match('/MSIE/i',$u_agent))
{
$ub = "ie";
}
elseif(preg_match('/Firefox/i',$u_agent))
{
$ub = "firefox";
}
elseif(preg_match('/Safari/i',$u_agent))
{
$ub = "safari";
}
elseif(preg_match('/Chrome/i',$u_agent))
{
$ub = "chrome";
}
elseif(preg_match('/Flock/i',$u_agent))
{
$ub = "flock";
}
elseif(preg_match('/Opera/i',$u_agent))
{
$ub = "opera";
}

return $ub;
}


-Función para obtener la versión del navegador:


function gbversion()
{
$Name="";
$Version="";
$browsers = array("firefox", "msie", "opera", "chrome", "safari",
"mozilla", "seamonkey", "konqueror", "netscape",
"gecko", "navigator", "mosaic", "lynx", "amaya",
"omniweb", "avant", "camino", "flock", "aol");
$Agent = strtolower($_SERVER['HTTP_USER_AGENT']);
foreach($browsers as $browser)
{
if (preg_match("#($browser)[/ ]?([0-9.]*)#", $Agent, $match))
{
$Name = $match[1] ;
$Version = $match[2] ;
break ;
}
}
return $Version;
}


-Como en mi caso el problema solo se daba cuando usaba internet explorer 6 use el siguiente codigo:


if(get_user_browser()=="ie" && gbversion()=="6.0")
{
echo "hacer ie6";
}
else
{
echo "hacer otro";
}

viernes, 31 de julio de 2009

Crear Reportes Gráficos Con Google Visualization

La semana pasada me tope con un requerimiento particular, este consistia en crear un reporte gráfico(especificamente un pie chart) pero sin usar controles predefinidos en dll y pues digamos que ahora la gente no esta dispuesta a perder mucho tiempo, encontré dos curiosas alternativas dadas por google una es Google Visualization y la otra es Google Chart las dos son buenas sin embargo elegí la primera por que daba mejor vistosidad por su contenido y manejo de eventos. Mientras en Google Charts se consigue generar una imagen estática, en Google Visualization se consigue una animación, por ejemplo se puede dar click en una sección del pie chart y se puede observar el detalle. El resultado fue así, aunque esta es solo es la captura de pantalla del html...
Las lineas que genere son las siguientes:

data.addRows(5);
data.setValue(0, 0, 'Willy');
data.setValue(0, 1, 27);
data.setValue(1, 0, 'Cesar');
data.setValue(1, 1, 10);
data.setValue(2, 0, 'Harold');
data.setValue(2, 1, 5);
data.setValue(3, 0, 'Jorge');
data.setValue(3, 1, 8);
data.setValue(4, 0, 'Marco');
data.setValue(4, 1, 7);

El 5 de la primera linea es el numero de areás que va tener el pie chart, por cada registro se añaden dos lineas por ejemplo para willy se añaden estas dos lineas

data.setValue(0, 0, 'Willy');
data.setValue(0, 1, 27);

siendo la primera el nombre y la segunda el valor recuperado, el porcentaje lo calcula el mismo web service de google no deben preocuparse en generar eso. En este caso el ejemplo es estático sin embargo se pueden generar estas lineas desde cualquier lenguaje como java, php, asp o c sharp.

A continuación dejo el código ejemplo... Saludos
Descargar Ejemplo

viernes, 29 de mayo de 2009

Don Xumas conoce a Dari

Como dijo el cura recien ampayado no es bueno que el hombre este solo y xumas no es la excepción asi que...

[xumas1.png]

miércoles, 6 de mayo de 2009

Antivirus

Don Xumas tuvo unas breves vacaciones por el dia del trabajo, pero ya esta reincorporandose de nuevo a la rutinaria vida laboral y lo demuestra publicitando su nuevo producto...

[xumas1.png]

martes, 21 de abril de 2009

Envidia Móvil

Móviles con dos chips... Yo también quiero uno!

[xumas1.png]

miércoles, 15 de abril de 2009

Comic Don Xumas

A partir de hoy empezaré una nueva etapa de mi blog, aunque la primera fue muy corta y solo la visitaban mis amigos ja... Además ya hay muchos blogs dedicados a la tecnología y al internet(demasiados!!!), asi que les dejo mi primer dizque comic, como dijeron por ahi una imagen vale mas que mil palabras... en especial para los analfabetos...
[xumas1.png]

jueves, 26 de marzo de 2009

Control Captcha en 3D(más entendible)

Hay muchos que hemos visto el sistema de códigos captcha, más conocido como las letras deformes que tienes que poner en algunas web antes de registrarte, suscribirte a un servicio o enviar un sms. Pero recientemente se ha implementado un nuevo sistema captcha que consiste en escoger objetos en 3d que se muestran en posiciones aleatorias, realmente los objetos son más fáciles de identificar que las letras retorcidas y son más efectivos teniendo en cuenta que ya hay sistemas que pueden romper el captcha alfanumerico.



Existen sitios que ya han implementado este sistema como el que les dejo a continuación yuniti, habrá que estudiar un poco el código de este nuevo sistema... hasta la próxima :)