José Marin de la Fuente

1er capa de Layar Vision en Tucumán – FRT UTN

admin — Wed, 16 May 2012 12:55:16 +0000

Con motivo de la Semana de la Ingeniería en la Universidad Tecnológica Nacional – Facultad Regional Tucumán estuve preparando una capa de Layar Vision en su Version 6.0.

La finalidad es agregarle información complementaria (realidad aumentada) a los carteles y afiches que están pegados en la universidad.

Estoy haciendo el relevamiento de la información y agregando los carteles pegados en las paredes de la universidad por partes. Para hacer más fácil el proceso de recolección del material saco una foto a cada uno de los carteles y luego con photoshop lo retoco hasta dejarlo en condiciones para ser usado por Layar como imagen de referencia.

Con respecto a las imágenes de referencia que usa LAYAR hay especificaciones con respecto a la calidad por lo que es necesario pasarlas primero por photoshop, claro que tener el archivo digital de cada uno de los carteles sería lo ideal pero representa todo un problema el tener que ir rastreando los autores de cada cartel para solicitarles el archivo digital.

PHP: calcular edad a partir de fecha de nacimiento

admin — Mon, 07 May 2012 14:55:55 +0000

A continuación una función php para calcular la edad a partir de la fecha de nacimiento.

function calcular_edad($fecha){
$dias = explode(“-”, $fecha, 3);
$dias = mktime(0,0,0,$dias[1],$dias[0],$dias[2]);
$edad = (int)((time()-$dias)/31556926 );
return $edad;
}
// Formato: dd-mm-yy
echo calcular_edad(“01-10-1989″); // Resultado: 21

Detectar móvil con php

admin — Mon, 07 May 2012 14:40:20 +0000

Código php para detectar si el usuario entra en nuestra web lo hace a través de un dispositivo móvil u otro dispositivo.

Para detectar el navegador usamos la variable de php HTTP_USER_AGENT:

// Si el NAVEGADOR WEB del cliente es un MÓVIL
$useragent=$_SERVER['HTTP_USER_AGENT'];
if(preg_match(‘/android.+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|symbian|treo|up\.(browser|link)|vodafone|wap|windows (ce|phone)|xda|xiino/i’,$useragent)||preg_match(‘/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|e\-|e\/|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(di|rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|xda(\-|2|g)|yas\-|your|zeto|zte\-/i’,substr($useragent,0,4))){
?>
HOLA, ENTRAS DESDE UN MÓVIL…
}else{
?>
HOLA, ENTRAS DESDE OTRO DISPOSITIVO…
}
?>

Responsive Design

admin — Mon, 07 May 2012 14:31:49 +0000

En español sería algo así como: “diseño web adaptable” o “diseño web flexible“.

Esta actualmente muy de moda en la web, y consiste en adaptar fácilmente el diseño de una web a los diferentes dispositivos que usamos para visitarla, como un ipad, iphone, smartphone, notebook, etc… utilizando los media queries de CSS3.

A continuación los pasos necesarios para adaptar nuestra web a un diseño flexible:

1. Meta tag

Usaremos el meta tag “viewport” para adaptar nuestra web a las diferentes resoluciones de los dispositivos móviles (Android, IOS, Blackberry OS…). De esta manera le decimos al navegador, que fuerze el ancho de la web al ancho de la pantalla:

2. Compatibilidad con IE

Internet Explorer 8 y inferiores no es compatible con los media queries de CSS3, pero podemos utilizar alguno de los framework media-queries.js or respond.js para que si lo soporten. En este ejemplo voy a utilizar media-queries.js y ya será compatible con las versiones inferiores de IE 9:

3. Media Queries

Un ejemplo “básico” de estructura css de una web sería por ejemplo este:

#contenedor {
width: 980px;
margin: 0 auto;
}
#cabecera {
height: 150px;
}
#contenido {
width: 600px;
float: left;
}
#lateral {
width: 300px;
float: right;
}
#pie {
clear: both;
height: 150px;
}

Bien, ahora 2 sencillos ejemplos de media queries utilizando @media screen de css3:

a) Para resoluciones inferiores a 980px:

@media screen and (max-width: 980px) {#contenedor { width: 100%; }
#contenido { width: 70%; }
#lateral {width: 30%; }
}

b) Para resoluciones inferiores a 700px:

@media screen and (max-width: 700px) {#contenido, #lateral {
width: auto;
float: none;
}}

Todo esto es muy personalizable…, pero os servirá de base si estais empezando.

En el primer ejemplo adaptamos nuestro diseño a resoluciones inferiores de 980 pixeles, donde nuestros div principales se ajustan basados en porcentajes de ancho.
Y en el segundo ejemplo es para resoluciones inferiores a 700 pixeles, y lo que hacemos es quitar el flotamiento entre divs para que se coloquen uno encima del otro.

Fuente: http://www.bufa.es/responsive-design/

Modernizr, HTML5 y CSS3

admin — Wed, 02 May 2012 12:49:16 +0000

Modernizr es una librería javascript que sirve para detectar el soporte de ciertas funcionalidades de HTML5 y CSS3 en los navegadores. No tiene sentido detectar si un navegador es capaz de servir páginas en HTML5. Lo que se hace es detectar si el navegador tiene implementadas ciertas funcionalidades de forma separada como: canvas, video, geolocalización, bordes redondeados, etc.Actualmente van por la versión 1.6 de Modernizr y ocupa menos de 10Kb (la versión descomprimida son 33Kb). Su uso es muy simple. Vamos a poner un ejemplo sencillo para presentarlo.

Imaginemos que queremos detectar si el navegador del usuario que nos está visitando soporta la nueva etiqueta canvas (elemento de HTML5 que hace las veces de contenedor o “pizarra” y que permite la generación de gráficos dinámicamente). Si no la soporta, no queremos siquiera que se muestre (esto lo haremos con CSS, también apoyándonos en Modernizr), pero si la soporta, dibujaremos dentro del canvas un cuadrado de lado 100px de un color aleatorio.

Nuestro HTML será así. Se ha usado la sintaxis de HTML5, por eso tanto la etiqueta DOCTYPE como el meta charset son tan escuetas:



	
		
		Modernizr: HTML5 y CSS3

Como podemos ver, se crea una etiqueta canvas de 320x240px y se le da un identificador muy original “myCanvas”. Se incluyen dos ficheros javascript: el de modernizr y uno nuestro llamado canvas.js (cuyo contenido se muestra un poco más abajo).

Lo interesante aquí es tanto la parte del CSS incrustado donde se le dice que si no tiene soporte para canvas, directamente no muestre el elemento:

La “magia” hace que si no hay soporte para canvas, no se muestre el elemento canvas. Es decir, se aplica el estilo no-canvas. Si existe, no ponemos ningún estilo en particular (podríamos haber escrito .canvas #myCanvas).

Y nuestro javascript canvas.js será como sigue:

function paintCanvas() {
	if (Modernizr.canvas) {
		// Tu navegador soporta Canvas
		var myCanvas = document.getElementById("myCanvas");
		var context = myCanvas.getContext("2d");
		context.fillStyle = "rgb(" + Math.round(255 * Math.random())
+ "," + Math.round(255 * Math.random()) + "," + Math.round(255 * Math.random()) + ")";
		context.fillRect(100, 50, 100, 100);
	} else {
		alert('Tu navegador no soporta Canvas... Aún.');
	}
}

La parte importante de detección es Modernizr.canvas. Modernizr crea un objeto global que tiene un conjunto de atributos de tipo Boolean, correspondientes a las diferentes funcionalidades detectadas. Su valor será “true” si se ha detectado que el navegador soporta aquello por lo que estamos preguntando, es este caso, canvas.

Al cargarse la página, se llamará a la función paintCanvas, cuya misión es dibujar dicho cuadrado dentro del canvas “myCanvas”, si se puede. Si no se puede, nos mostrará un mensaje de alerta. Bastante sencillo ¿verdad?

Descargar ejemplo de Canvas

fuente:

http://www.nekotek.es/blog/2011/01/modernizr-html5-y-css3/

Variable variables, como crear variables dinamicas en PHP

admin — Fri, 27 Apr 2012 15:40:11 +0000

Vamos aprender acerca de las Variable variables. Algunas personas me preguntan, ¿por qué escribir sobre esto?. Simple razón. Yo había leído sobre este tema antes, y nunca presté toda mi atención en lo útil que esto podría ser. Eso fue hasta que tuve que tomar un examen de PHP, y vi para mi sorpresa, una pregunta que lee como sigue, ¿Qué es esto, $$var? Realmente no podía recordar el término correcto, pero yo tenía la idea. Después de esta prueba, rápidamente me fui a mi libro de texto, y busqué por todos lados, hasta por fin encontrar, las Variable variables! Nunca más, esta pregunta será un dolor de cabeza para mí. De hecho, he decidido que esta pregunta no sea un dolor para cualquiera de ustedes los lectores. Vamos a echar un vistazo rápido sobre cómo definir estos tipos de variables. Recapitulemos sobre la definición de una variable llamada quantity, con un valor numerico de 5.

$quantity = 5; ?>



Para declarar una ‘Variable variable’, se haría de la siguiente forma:




     $field = 'quantity';
     $$field = 5;
?>



ó




     $field = 'quantity';
     ${$field} = 5;

?>




*Nota rápida: En mi opinión, la segunda manera de hacer esto es mi forma preferida de hacerlo. La razón es simple, se ve un poco más organizada, y cuando se trata de buscar el código y mantenerlo, usted es capaz de detectar con más facilidad, las variable variables, de las variables regulares .


Este ejemplo anterior es exactamente lo mismo que nuestro primer ejemplo. ¿Qué dijo? Sí, es la misma cosa. Así que ¿por qué molestarse haciendo que el camino más largo? No, en realidad es una manera corta, permítanme explicar.
En un formulario web normal, cuando se le pide al usuario algunos datos personales, es probable que pida: nombre, apellido, fecha de nacimiento, dirección, ¿qué ciudad y / o estado en que vive?, tal vez incluso su número de teléfono. No podemos olvidar el correo electrónico, como puede ser que desee ponerse en contacto con este usuario en particular de una manera rápida. Vamos a suponer que ya tenemos un formulario, con todos estos campos, y que va a ser procesada por nuestro proceso de PHP, llamado process.php, y normalmente tendría este método usual:



     $fname = $_POST['fname'];  //Variable nombre
     $lname = $_POST['lname'];  //Variable apellido
     $dob   = $_POST['dob'];    //Variable fecha de nacimiendo
     $add1  = $_POST['add1'];   //Variable direccion
     $add2  = $_POST['add2'];   //Variable direccion 2
     $city  = $_POST['city'];   //Variable ciudad
     $state = $_POST['state'];  //Variable estado
     $phone = $_POST['phone'];  //Variable numero de telefono
     $email = $_POST['email'];  //Variable correo electronico

?>




No estoy diciendo que esta es una mala idea, pero en el caso que tengamos más de 20 campos que necesitamos para procesar? Nos limitaremos a añadir 20 líneas más de código, para lograr nuestro objetivo. Ahora bien, echemos un vistazo a la magia “Variable variables”. El código anterior se podría reducir un poco a nuestra conveniencia. Echemos un vistazo:





     // Todos los campos a ser procesados
     $fields = array('fname','lname','dob','add1',
                      'add2','city','state','phone','email');
     // Tienes una iteración para crear todos los campos
     foreach($fields as $field)
     {
          ${$field} = $_POST[$field];
     }

?>





Como puede ver, todas estas variables que necesitamos, se crean dentro de un bucle “loop”. Si tuviéramos que agregar unos cuantos campos más a nuestra forma, todo lo que tendría que hacer es añadir los nombres de los campos en nuestro array $fields.
Variable variables puede ser divertido de usar, especialmente cuando se tiene una fecha de entrega por venir. Estas realmente pueden ayudarle a acelerar su codificación con facilidad.
Me gustaría saber qué otras maneras puedes utilizar las “Variable variables” para mejorar su código.
Fuente: www.jotorres.com



Google recuerda a Gideon Sundback
admin — Tue, 24 Apr 2012 15:51:16 +0000
MOUNTAIN VIEW, Estados Unidos.- El inventor sueco Gideon Sundback fue quien terminó de darle forma a la idea original de Elias Howe, Max Wolff y Whitcomb Judson, y con ello se ganó un lugar importante en la historia de la moda. Aquellos tres ingenieros habían elaborado el primer prototipo de cremallera, utilizado originalmente en botas y bolsas de tabaco.
Dos décadas después, fue Sundback quien le encontró otras formas y funciones en diversas prendas, y quien logró revolucionar las vestimentas de la época gracias a su inventiva.
Nacido en Suecia, estudió en Alemania, se mudó a Estados Unidos por motivos laborales y, luego de concretar su invento, instaló en Canadá la primera fábrica de cremalleras del mundo. En este sentido es importante destacar que además de haber inventado el cierre tal como lo conocemos en la actualidad, creó la primera máquina capaz de fabricar estos elementos en serie.
La ubicación de su empresa generó algunas controversias sobre su origen, e incluso hay muchos que aseguran que era canadiense. Sin embargo, su residencia estaba en Pennsylvania, desde donde controlaba y veía crecer su negocio. En esa ciudad y producto de un problema cardíaco, falleció a los 74 años de edad, en 1954.
Hoy Google lo recuerda con uno de sus más originales doodles: una cremallera gigante que se abre al hacer click sobre ella.



Mostrar acentos en Adobe Flash
admin — Fri, 06 Apr 2012 15:16:26 +0000
¿Tu flash no muestra acentos? A mí me ha ocurrido que un flash que obtenía datos de un XML y los mostraba en un texto dinámico no mostraba los acentos de los textos.

La solución fue editar las propiedades del texto dinámico e incorporar caracteres de Latín I (latín estándar seguía sin mostrármelos).

Espero que os sirva de algo esto. El Flash estaba hecho con Flash CS3 + Actionscript 3

Fuente: http://janmi.com/mostrar-acentos-en-flash/



Excluir algunas categorias en las busqueda de WordPress
admin — Tue, 13 Mar 2012 15:40:21 +0000
 Si alguna vez has buscado la manera de eliminar cierta categoría de las búsquedas de wordpress. Este código viene de maravilla.
Este código, excluye a las categorías 1,2,3 si quieres agregar mas solo pon las con un signo menos, -n;


$paged = (get_query_var('paged')) ? get_query_var('paged') : 1; 

query_posts("s=$s&paged=$paged&cat=-1,-2,-3"); 

endif; ?>

Aquí pones el código del loop



Los Estados Mentales y el estado ALPHA
admin — Wed, 29 Feb 2012 00:55:04 +0000
En las técnicas de meditación es muy importante alcanzar el estado mental idoneo para poder relajarse, estos estados tienen una explicación fisiologica que vamos a pasar a revisar aquí.
Nuestro cerebro esta compuesto por células de las cuales las más importantes son las neuronas, también están las células gliales.

Las neuronas tienen una conexión con otras a través de axones pero esta conexión tiene un componente químico y otro eléctrico, es este último el que se puede medir a través de un electroencefalograma. Este aparato puede medir las ondas cerebrales, estas dependiendo del estado en que estemos se clasifican en ondas beta cuando el cerebro esta en estado conciente ósea de 14 ciclos por segundo hacia arriba.

Después tenemos el estado Alpha que va de 7 a 14 ciclos por segundo, es en este estado en el que nuestro cerebro trabaja mucho más creativo e intuitivo.
También esta el estado delta de 4 a 7, y el estado Theta(Zeta) de 3 hacia abajo.

En estado de sueño pasamos por todas estas fases, pero cuando estamos despiertos estamos más bien en una sola en beta.

El estado de ensoñación es el conocido como estado Alpha, es decir cuando estamos soñando despiertos, este también es el que se logra a voluntad cuando se practican técnicas de meditación y concentración.
En la ex unión soviética se gasto mucho dinero en la investigación en parapsicología, mucha de esa información se ha mantenido en secreto, otras con el tiempo se han ido descubriendo, una de las cosas que se supo fue que las personas que tenían habilidades telekineticas, es decir de mover objetos, como es el famoso caso de Nina Kulagina entraban en estado Alpha e incluso en estado Delta, y lo hacían concientemente, a voluntad.
el manejar estos estados nos permite mejorar nuestra concentración, nuestra creatividad y por supuesto nuestra capacidad para relajarnos, la meditación es una de las formas más antiguas y efectivas de poder manejar estos estado mentales, también la hipnosis y auto hipnosis permite manejar y aprovechar estos estados.
Si quieres saber más sobre esto ingresa tu mail y nombre en el formulario que esta arriba a la derecha.
Incoming search terms for the article:

estado alpha
estado alfa
estados mentales
estado mental alfa
tecnicas mentales
meditacion estado alfa
meditacion en estado alfa
estado mental
estado mental delta
estado alfa mental