mjcarrascosa.com http://mjcarrascosa.com Desarrollo web y otras hierbas Fri, 08 Jul 2011 07:41:10 +0000 en hourly 1 Descargar fotos de facebook y de otras redes sociales http://mjcarrascosa.com/descargar-fotos-de-facebook-y-de-otras-redes-sociales/ http://mjcarrascosa.com/descargar-fotos-de-facebook-y-de-otras-redes-sociales/#comments Thu, 30 Jun 2011 11:13:51 +0000 Manuel Jesús Carrascosa de la Blanca http://mjcarrascosa.com/?p=756 Las redes sociales, como facebook o tuenti, cada vez lo ponen más difícil para que podamos descargarnos las fotografías que suben sus usuarios.  Sin embargo hay una forma bien sencilla para poder descargar las fotos:

1-. Ve a la página donde está la imagen.
2-. Pega lo siguiente en la barra de direcciones:

javascript: for ( i=0; i<document.styleSheets.length; i++) void(document.styleSheets.item(i).disabled=true);

3-. Ya puedes descargar la imagen normalmente.

Con esto lo que hacemos es eliminar las hojas de estilo, lo que nos facilita la descarga de las imágenes.

]]> http://mjcarrascosa.com/descargar-fotos-de-facebook-y-de-otras-redes-sociales/feed/ 2 MongoDB: Un paradigma alternativo para bases de datos http://mjcarrascosa.com/mongodb-un-paradigma-alternativo-para-bases-de-datos/ http://mjcarrascosa.com/mongodb-un-paradigma-alternativo-para-bases-de-datos/#comments Thu, 02 Jun 2011 23:51:16 +0000 Manuel Jesús Carrascosa de la Blanca http://mjcarrascosa.com/?p=741 MongoDB es una de las llamadas bases de datos NoSQL, aunque sería más exacto decir que es una base de datos no relacional, o según la definición que hacen en su web: “Una BD documental sin esquema, escalable y de alto rendimiento”. En MongoDB nos podemos ir olvidando de las tablas, tenemos algo parecido denominado colecciones, y de los registros, en las colecciones lo que se almacenan son documentos, y también nos tenemos que olvidar del lenguaje SQL. Otra particularidad es la forma en que almacena los documentos. MongoDB los guarda en formato BJSON (Binary JSON), aunque nosotros los veremos y los trataremos en formato JSON.

En la documentación de MongoDB aparece como instalarla para varios sistemas operativos. Yo personalmente he decidido bajarme un archivo zip y descomprimirlo, luego me he creado un script para lanzar el servidor con un archivo de configuración, donde le indico en que ruta están las bases de datos.

Ahora toca arrancar el servidor. Yo he hecho uso del script pero si no se ejecutaría el programa mongod. Nos aparece la siguiente ventana:

Captura de pantalla del arranque de MongoDB

MongoDB

Ahora toca conectarnos al servidor. Para ello ejecutamos el programa mongo. Por defecto se nos conecta a la base de datos test, pero podemos indicar a que base de datos conectarnos al iniciar o posteriormente desde la consola:

Captura de pantalla del cliente de MongoDBDesde esta consola podemos ejecutar una serie de comandos para trabajar con las bases de datos y con las colecciones. Por ejemplo vamos a crear una base de datos llamada biblioteca, vamos a crear una colección llamada libros y vamos a insertar el primer libro:

Parece un tanto extraño. No vemos que haya instrucciones para crear la base de datos o la colección, tampoco hemos definido la estructura de esta última. ¿Qué es lo que está pasando? Con el comando use le indicamos a MongoDB que vamos a usar una base de datos, y si esta no existe la crea. Luego mediante db.nombreDeColección podemos acceder a una colección. Esta se crea automáticamente cuando insertamos el primer documento.

¿Y dónde definimos la estructra del documento en la colección? En ningún sitio, los documentos en una colección pueden tener cualquier estructura, no hay una prefijada como ocurre con las tablas en los gestores relacionales.

Después hemos llamado al método find, que nos permite realizar consultas sobre una colección. En este caso nos devuelve todos los documentos, puesto que no le hemos indicado ningún parámetro, que en la colección que tenemos es solo uno. Podemos ver que además de los campos que hemos definido al insertar el documento, hay también uno llamado _id. Este es el identificador del documento, que es único y autogenerado por MongoDB.

Con esto se termina esta breve introducción a MongoDB, que tiene como objetivo dar una visión general de este gestor de bases de datos. Si queremos profundizar más es recomendable leer la propia documentación de MongoDB, donde podemos ver conceptos más avanzados como por ejemplo clustering.

]]> http://mjcarrascosa.com/mongodb-un-paradigma-alternativo-para-bases-de-datos/feed/ 2 Autofocus en campos de formulario http://mjcarrascosa.com/autofocus-en-campos-de-formulario/ http://mjcarrascosa.com/autofocus-en-campos-de-formulario/#comments Mon, 23 May 2011 11:12:24 +0000 Manuel Jesús Carrascosa de la Blanca http://mjcarrascosa.com/?p=732 Las webs pueden usar JavaScript para situar el foco en un campo concreto de un formulario, normalmente el primero, como por ejemplo hace Google. Para facilitar esto, HTML 5 introduce una nueva propiedad en los campos de formulario, la propiedad autofocus, que nos permite hacer que un campo de formulario tenga el foco por defecto.

Veamos como se usa esta propiedad:

<!DOCTYPE html>
<html>
<head>
 <title>Autofocus</title>
</head>
<body>
 <form>
 <input type="text" name="buscar" id="buscar" autofocus/> <input type="submit" value="buscar"/>
 </form>
</body>
</html>

Sencilla de usar, pero ¿qué pasa si el navegador no soporta esta propiedad? Podemos hacer uso de JavaScript para ello:

<!DOCTYPE html>
<html>
<head>
 <title>Autofocus</title>
</head>
<body>
 <form>
 <input type="text" name="buscar" id="buscar" autofocus/> <input type="submit" value="buscar"/>
 <script>
 if( ! ("autofocus" in document.createElement( "input" ) ) )
 {
 document.getElementById( "buscar" ).focus();
 }
 </script>
 </form>
</body>
</html>

Comprobamos si el elemento input soporta la propiedad “autofocus” y si no la soporta se asignamos el foco al elemento mediante JavaScript.

Si usamos jQuery como framework JavaScript podemos hacer:

<!DOCTYPE html>
<html>
<head>
 <title>Autofocus</title>
 <script src="jquery.min.js"></script>
 <script>
 $(document).ready(function() {
 if( ! ("autofocus" in document.createElement( "input" ) ) )
 {
 $( "#buscar" ).focus();
 }
 });
 </script>
</head>
<body>
 <form>
 <input type="text" name="buscar" id="buscar" autofocus/> <input type="submit" value="buscar"/>
 </form>
</body>
</html>

Como podemos es muy fácil implementar esta funcionalidad, tanto si el navegador soporta esta propiedad como si no. Como suele ser habitual esta funcionalidad no es una panacea que haya que implementar en todos los proyectos, dependerá de las características del mismo y tendremos que saber cuando es conveniente y cuando no utilizarla.

]]> http://mjcarrascosa.com/autofocus-en-campos-de-formulario/feed/ 0 Filtrando datos con filter_input http://mjcarrascosa.com/filtrando-datos-con-filter_input/ http://mjcarrascosa.com/filtrando-datos-con-filter_input/#comments Mon, 16 May 2011 23:21:39 +0000 Manuel Jesús Carrascosa de la Blanca http://mjcarrascosa.com/?p=723 Algo que hay que tener en cuenta a la hora de desarrollar cualquier tipo de software, tanto web como de otro tipo, es que los datos que introduce el usuario no tienen porque ser los correctos, y en algunos casos pueden llegar a ser incluso maliciosos. Veamos un pequeño ejemplo:

Supongamos que tenemos el siguiente formulario:

formulario.php

<html>
<head>
  <title>Formulario</title>
</head>
<body>
  <form method="post" action="mensaje.php">
   <label for="mensaje">Mensaje:</label>
   <input type="text" name="mensaje" id="mensaje"/>
   <input type="submit" value="Enviar mensaje"/>
  </form>
</body>
</html>

Al pulsar el botón de enviar este nos lleva al siguiente script:

mensaje.php

<?php
  $mensaje = $_POST['mensaje'];
?>
<html>
<head>
  <title>Ver mensaje</title>
</head>
<body>
<p>El mensaje es:</p>
<p><?php echo $mensaje;?></p>
</body>
</html>

Si no tenemos cuidado puede ocurrir que un atacante malintencionado insertara como mensaje algo como:

<script src="script-dañino.js"></script>

Con lo que el código de ese script-dañino.js se ejecutaría, lo que podría hacer que cambiara el contenido de la página, que instalará algún tipo de malware, etc.

Podemos evitar esto con una función, que está presente desde PHP 5.2.0, que nos permite filtrar los datos que recibe el servidor por parte del navegador, la función filter_input. Veamos como quedaría el archivo mensaje.php una vez corregido:

mensaje.php

<?php
  $mensaje = filter_input(INPUT_POST, 'mensaje', FILTER_SANITIZE_SPECIAL_CHARS);
?>
<html>
<head>
  <title>Ver mensaje</title>
</head>
<body>
<p>El mensaje es:</p>
<p><?php echo $mensaje;?></p>
</body>
</html>

Y de esta sencilla forma hemos conseguido filtrar la variable mensaje. Este método no nos serviría si esperamos que la entrada venga en formato HTML, por ejemplo, pero si nos puede venir bien para otros tipos de datos.

Para ver una descripción completa de esta función es recomendable ver su documentación.

]]> http://mjcarrascosa.com/filtrando-datos-con-filter_input/feed/ 0 Midiendo el tiempo que tarda en ejecutarse una porción de código en PHP http://mjcarrascosa.com/midiendo-el-tiempo-que-tarda-en-ejecutarse-una-porcion-de-codigo-en-php/ http://mjcarrascosa.com/midiendo-el-tiempo-que-tarda-en-ejecutarse-una-porcion-de-codigo-en-php/#comments Thu, 05 May 2011 10:26:33 +0000 Manuel Jesús Carrascosa de la Blanca http://mjcarrascosa.com/?p=698 Algunas veces nos puede resultar útil saber cuanto tiempo tarda en ejecutarse una porción de código en PHP, por ejemplo para realizar pruebas de rendimiento. Para ello podemos usar la función de PHP microtime, que nos devuelve la fecha con microsegundos, de la siguiente manera:

$time_start = microtime(true);

/* Porción de código que queremos ejecutar */

$time_end = microtime(true);
$time_total = $time_end - $time_start;

echo "El código se ha ejecutado en $time_total segundos";

A partir de PHP 5.0.0 la función microtime admite un parámetro booleano, que puede ser verdadero o falso, para indicar que el resultado se devuelva como un  número real, en lugar de como una cadena, que era como se retornaba en versiones anteriores.

Si estamos usando una versión anterior a la 5.0.0 podemos hacerlo de la siguiente forma:

function microtime_float()
{
    list($usec, $sec) = explode(" ", microtime());
    return ((float)$usec + (float)$sec);
}
$time_start = microtime_float();

/* Porción de código que queremos ejecutar */

$time_end = microtime_float();
$time_total = $time_end - $time_start;

echo "El código se ha ejecutado en $time_total segundos";
]]> http://mjcarrascosa.com/midiendo-el-tiempo-que-tarda-en-ejecutarse-una-porcion-de-codigo-en-php/feed/ 0