Geek Binario

Node.js en Ubuntu 11.10

2011-12-05T23:32:00.001+01:00

Node.js es, de forma muy somera, una forma de ejecutar desde el lado del servidor Javascript. Yo lo uso principalmente para compilar el código creado en CoffeeScript,que también para quien no lo sepa, es un pequeño lenguaje con una síntaxis que parece una mezcla de Javascript, Python y Ruby y se compila a Javascript entendible por cualquier navegador. La ventaja que tiene es que es mucho más legible, mantenible y ampliable.

Y como plataforma donde desarrollar me siento muy cómodo en Ubuntu. Para instalar cualquier programa en este Sistema Operativo suelo usar la herramienta apt-get. Sin embargo node.js y ubuntu no parece que se lleven muy bien. Como el desarrollo del primero tiene una velocidad muy rápida el segundo no consigue ofrecer, ni de lejos, las últimas versiones. Esto representa un gran problema porque las herramientas asociadas con node.js asumen que tendrás la última versión, por lo que en muchas ocasiones fallan.

La solución más rápida que he encontrado es la muestro aquí:

$ sudo apt-get update
$ sudo apt-get install git-core curl build-essential openssl libssl-dev
$ git clone https://github.com/joyent/node.git && cd node
$ git checkout v0.6.5
$ ./configure
$ make -j2
$ sudo make install
$ node --version

Después instalaremos el paquete NPM. Este es el gestor de paquetes de Node.js. Con el podremos acceder rápidamente a todas las librerías que trabajan con Node.js.

$ curl http://npmjs.org/install.sh | sudo sh
$ npm --version

Y por último lo más fácil, instalar CoffeeScript.

$ sudo  npm install -g coffee-script
$ coffee --version

MessageBox sencillo con JQuery UI

2010-09-30T11:51:00.000+02:00

Aunque JQuery UI tiene un widget que permite mostrar fácilmente cualquier tipo de dialogo he echado en falta que vengan pre-diseñados algunos tipos muy frecuentes de usos. Por ejemplo un dialogo donde se muestre un mensaje con un formato específico (algo parecido a la función alert() de Javascript pero que siga el diseño de la página). También he echado mucho en falta el tipo de dialogo donde se pide al usuario que introduzca una cadena (al estilo del InputBox de Win32). Y como este caso puede ser visto como una extensión del primer problema he escrito esta pequeña función por si a alguien le saca del apuro.

1:  var letBox=function(t,m,v,f)  
2:  {  
3:      d='<div id="letBox" title="' + t + '"><p><span class="ui-icon ui-icon-info" style="float:left;margin:0 7px 20px 0"></span>'+  
4:          m + '&nbsp;&nbsp;<br/><input type="text" id="let" value="' + v + '"/></p></div>';  
5:      $('body').append(d);  
6:      $('#letBox').dialog({  
7:              resizable: false,  
8:              height:200,  
9:              modal: true,  
10:              buttons: {  
11:                  "Aceptar": function() {  
12:                      f($('#letBox #let').val());  
13:                      $( this ).dialog( "close" );  
14:                      $('#letBox').remove();  
15:                  },  
16:                  "Cancelar": function() {  
17:                      $( this ).dialog( "close" );  
18:                      $('#letBox').remove();  
19:                  }  
20:              },  
21:              close:function(){ $(this).remove(); }  
22:      }).keyup(function(e){  
23:          if (e.keyCode == 13){  
24:              $('#letBox').parent().find('.ui-button:first').trigger('click');  
25:          }  
26:      });  
27:      $('#letBox #let').select();  
28:  }

La función (letBox) tiene 4 parámetros muy simples:

t: Título que tendrá la ventana
m: Mensaje que se mostrará antes de la caja de edición
v: Valor a mostrar en la caja de edición inicialmente
f: Función que será llamada si el usuario acepta el dialogo

El funcionamiento es muy sencillo y no creo que requiera mucha explicación. Solo explicaré las líneas que van desde la línea 22 a la 25. Estas líneas sirven para permitir que el usuario si está en la caja de edición y pulsa la tecla Intro se ejecute la misma acción que si hubiese pinchado en el primer botón. Así suplimos la carencia de un botón por defecto.

La forma de llamarla es muy sencillo:

1:  letBox ('Renombrar', 'Especificar nuevo nombre','Nombre antiguo',function(nuevoValor){  
2:          alert (nuevoValor);  
3:      });

En este caso mostraría un dialogo con el título 'Renombrar', un texto donde pondría 'Especificar nuevo nombre' y un campo de texto con el valor 'Nombre antiguo'. Si el usuario le diese al botón Aceptar ejecutaría la función especificada como último parámetro y que mostraría una alerta con el nuevo valor que el usuario ha introducido.

Guía rápida: Vi

2010-09-14T09:25:00.000+02:00

Archivos
:w	Guardar
:x	Guardar y salir
:q	Salir si no se han hecho cambios

Navegación
h	Cursor a la izquierda
j	Cursor abajo
k	Cursor arriba
l	Cursor a la derecha
w	Siguiente palabra
W	Siguiente palabra delimitada con un espacio
b	Inicio de palabra
B	Inicio de palabra delimitada por un espacio
e	Final de palabra
E	Final de palabra delimitada por un espacio
(	Frase anterior
)	Frase siguiente
{	Párrafo anterior
}	Párrafo siguiente
0	Principio de línea
$	Final de línea
1G	Principio de archivo
G	Final de archivo
:n o nG	Ir a la línea n
f<car>	Volver al carácter
F<car>	Ir al carácter
H	Principio de pantalla
M	Mitad de pantalla
%	Pareja de paréntesis

Insertar texto
i	Insertar antes del cursor
A	Añadir después del cursor
I	Insertar antes de la línea
A	Añadir después de la línea
o	Añadir nueva línea después de la actual
O	Añadir nueva línea antes de la actual
r	Sobreescribir un carácter
R	Sobreescribir varios caracteres
:r <archivo>	Insertar archivo después de la línea
p	Poner después de la posición o línea
P	Poner antes de la posición o línea
C	Sobreescribir la línea

Borrar texto
x	Borrar el carácter de la derecha
X	Borrar el carácter de la izquierda
D	Borra el resto de la línea
:d o dd	Borra la línea actual
ndw	Borra las siguientes n palabras
ndb	Borra las n palabras anteriores
ndd	Borra n líneas
:x,yd	Borra las líneas desde x a y

Búsquedas
/cadena	Buscar la cadena hacia adelante
?cadena	Buscar la cadena hacia atrás
n	Ir a la siguiente coincidencia
N	Ir a la anterior coincidencia
:set ic	Ignorar caso mientras se busca
:set noic	Buscar diferenciando
:set un	Mostrar números de línea
:x,yg/cadena	Buscar la cadena desde la línea x a la y
:g/cadena/comando	Ejecutar comando en las líneas que contengan la cadena
*	Buscar la siguiente ocurrencia de la palabra actual
#	Buscar la anterior ocurrencia de la palabra actual

Reemplazar texto
:s/pt/cad/bandera	Reemplazar patrón con cadena
Banderas
g	Reemplaza todas las ocurrencias
c	Confirmar reemplazos
&	Repite el último comando :s

Otros
u	Deshacer el último cambio
Ctrl+R	Rehacer
J	Unir líneas
U	Deshacer todos los cambios a la línea
nJ	Unir n líneas
.	Repetir el último comando
:N	Divir la pantalla en dos
v	Pasar a modo visual

Basado en el trabajo de gosquared.com/liquidicity
Versión en PDF

Reglas sencillas de divisibilidad

2010-07-15T11:15:00.000+02:00

Divisibilidad por 2: La última cifra es par

Divisibilidad por 3: Si la suma de sus cifras también es divisible por 3 (o la suma de la suma ...)

Divisibilidad por 5: Si la última cifra es 5 ó 0.

Divisibilidad por 7: Multiplicar la última cifra por 2 y restar al número a buscar. Si el resultado es divisible por 7 el buscado también lo será.
Por ejemplo:
889 -> 9*2 = 18 -> 88 - 18 = 70

Divisibilidad por 11: Restar el último dígito del resto de los dígitos. Si el resultado es divisible por 11 también lo será el resto del número.
Por ejemplo:
    19151 -> 1915 - 1 = 1914 -> 1 -> 191 - 4 = 187 -> 18 - 7 = 11

Divisibilidad por 13: Igual que la regla del 11 pero la última cifra debe ser multiplicada por 4 y, en vez de restarla, se suma.
Por ejemplo:
    50661 -> 5066 + (1 * 4) = 5070 -> 507 + 0 = 507 -> 50 + 28 = 78 -> 78 = 6 * 13

Divisibilidad por 17: Igual que las anteriores. Multiplicamos el último dígito por 5 y lo restamos al resto de dígitos.
Por ejemplo:
    3978 -> 397 - (5 * 8) = 357 -> 35 - (5 * 7) = 0

Divisibilidad por 19: Ahora el último dígito debe ser multiplicado por dos y sumado al resto.
Por ejemplo:
    101156 -> 10115 + (2 * 6) = 10127 -> 1012 + (2 * 7) = 1026 -> 102 + (2 * 6) = 114 -> 144 = 6 * 19

Espero que a alguien le sirva de utilidad en algún momento.

Recorrido de arrays en PHP

2010-06-11T11:29:00.000+02:00

Una de las cosas que más me gusta del lenguaje PHP, además de por lo sencillo que resulta, es la diversidad de formas que te encuentras para hacer una misma cosa. Ejemplo de esto es, precisamente, la forma de recorrer una matriz. Desde PHP podemos usar el clásico bucle for, el foreach o aprovechando la facilidad range.

Ejemplos de cada uno de ellos sería algo como esto:

Bucle for

for ($i = 0; $i < count($testArray) - 1; $i++)
        $testArray[$i] = 200;

Bucle foreach

foreach ($testArray as $element)
        $element = 200;

Bucle Range

foreach (range (0, count ($testArray) - 1) as $index)
        $testArray[$index] = 200;

Si los tres sirven para lograr el objetivo la elección a la hora de usar uno u otro parece cosa más de gustos que de otra cosa. Sin embargo hay que tener en cuenta que en programación las facilidades, como en otras muchas circunstancias, hay que pagarlas. Para comprobar cuál de estas opciones era la más recomendable hice un pequeño script que ejecutase cada uno de esos bucles un millón de veces. Con cada ejecución saco la media del tiempo requerido. Ese script lo he ejecutado otras 10 veces en dos máquinas diferentes (para evitar casualidades). Y estos han sido los números en la primera máquina:

	Range	For	Foreach
Media	0,00296	0,00256	0,00369
Mínimo	0,00286	0,00243	0,00349
Máximo	0,00307	0,00266	0,00395

Y en la segunda:

	Range	For	Foreach
Media	0,00386	0,00341	0,00512
Mínimo	0,00378	0,00336	0,00497
Máximo	0,00394	0,00345	0,00545

Y por si os resulta un poco más fácil verlo:

Con estos número se ve claramente que foreach es la opción más lenta, con bastante diferencia. Range es sobre un 15% más lento que for (y, además, hay que escribir más). Así que yo me sigo quedando con el "vetusto" for, por mucho que ahora "se lleve" usarlo lo menos posible.

Y todo esto es porque últimamente he visto muchos ejemplos de scripts PHP que usan la forma foreach y quería estar seguro de lo oportuno de su uso.

Organizador de cables

2010-04-16T12:25:00.000+02:00

Muchas veces las cosas más simples suelen ser las más eficientes. Y, por otra parte, casi todos los problemas tienen una solución muy simple. Para el problema (para algunas personas mucho más acuciante que para otras) de organizar los cables presentes en todas nuestras casas y centros de trabajo se pueden encontrar multitud de soluciones.

Sin embargo la solución que un holandés nos muestra es, hasta ahora, la más sencilla, la más barata y la más eficiente de todas las que he visto hasta ahora. Mirad sino esta imagen:

¿ Qué os parece ?

Trucos matematicos

2010-04-08T09:11:00.000+02:00

Para gente acostumbrada a permanecer mucho tiempo delante de una pantalla, hacer operaciones matemáticas "complejas" mentalmente parece no tener mucho sentido¹. Sin embargo puede ser una fuente de satisfacción saber que puedes elevar al cuadrado un número como 67 sin ningún tipo de problemas. Sobretodo en uno de esos terribles momentos en los que no tienes ningún chisme con calculadora integrada.

En su página web, John Graham-Cumming, nos habla de su experiencia leyendo un libro, "Los secretos de las matemáticas mentales". Y lo hace con el pequeño truco para elevar al cuadrado mentalmente números de 2 cifras.

El sistema es sencillo. Se basa en una fórmula, que para los que no os gusten demasiado las matemáticas os puede parecer algo, cuanto menos, jeroglifico:

( X + r ) * ( X - r ) + r2 = X2 - rX + rX - r2 + r2 = X2

Que ahora os paso a explicar.

Si tenemos un número, por ejemplo el 67, que queremos elevar al cuadrado siempre se cumple esta ley:

(67 + r) * (67 - r) + r2 = 672

A partir de ahí podemos usar el truco. Es mucho más fácil multiplicar un número por una potencia de 10. Así nos ahorramos una multiplicación y tan solo tenemos que añadir un 0. En el caso del 67 vemos que sumándole 3 obtenemos 70. Por lo que nuestro número r será 3.

(67 + 3) * (67 - 3) + 32 => 70 * 64 + 9

Así sería tan fácil como hacer 7 * 64 = 448 * 10 = 4480
Le sumamos 9 y tenemos el cuadrado: 4489.

El truco es aún mejor cuando el número está cerca de 100. Si buscamos el cuadrado de 96 ...

100 - 96 = 4

96 - 4 = 92

100 * 92 + 42 = 9200 + 16 = 9216

¹ Sobretodo si trabajas en la línea de comandos de algún Unix donde tan solo tendrías que poner bc y número^2.

Una forma de mantener el orden

2010-03-31T10:19:00.000+02:00

Para aquellos que os gusta tener los iconos del escritorio bien ordenaditos, todos en su sitio de forma que sean fáciles de encontrar el usuario de la red Reddit llamado kn0where ha ideado un fondo de escritorio para ayudar en esa labor. Sí, tan solo un fondo de escritorio como el que aparece en la siguiente imagen:

A mi me parece una idea muy curiosa y muy pero que muy simple. En vez de recurrir a más programas para intentar poner orden, un simple fondo de pantalla alegórico donde nos resultará más lógico encontrarlo todo.

Y si tienes varios escritorios virtuales, cada uno con un fondo diferente, cada uno de ellos pensado para un tipo de herramientas, aún mejor.

Podéis bajaros la imagen en dos resoluciones, en 1920x1200 y en 1440x900.

Nueva aplicación de la nanotecnología podría revolucionar la electrónica

2010-02-23T17:32:00.002+01:00

La electrónica (y con ella la informática, la medicina, las telecomunicaciones y prácticamente toda nuestra vida actual) está íntimamente relacionada con un descubrimiento de finales de la década de los 40 del siglo pasado: el transistor.

Este indispensable elemento forma el corazón de cualquier dispositivo electrónico. El corazón, a su vez, de los transistores es la llamada Unión P-N. Este dispositivo permite, de una forma muy simplificada, controlar el paso de corriente.

Fijándonos en la imagen, dependiendo del voltaje recibido por la Base (P) y el Colector (N) aparecerá o no corriente por el Emisor N. Esto es, básicamente, lo que permite que los ordenadores tengan 0 y 1. Es decir, la base de la informática electrónica actual.

El responsable directo del funcionamiento de estas uniones es la capa de agotamiento. Según la calidad de este elemento así será la calidad del conjunto. Mientras mejor sea menos calor disipará el transistor y menos energía precisará para su funcionamiento. Y si tenemos en cuenta que el primer microprocesador de uso general (el 8080) tenía unos 6.000 de estos transistores y el último de ellos de la misma compañía (el i7) tiene más de 774 millones es algo a tener en cuenta. Y como es lógico, mientras más avanzado sea el diseño de estos elementos más se encarecerá el producto final.

Tras todos estos años siguiendo el mismo patrón una empresa de investigación irlandesa ha desarrollado otro sistema que puede darle una nueva vuelta de tuerca a la electrónica.

Con un diseño mucho más simple que las uniones P-N, varios investigadores del Instituto Nacional Tyndal han creado un sistema que, desde mi punto de vista, imita a una tubería. Imaginando que el cable de semiconductor es una tubería (de goma) podemos elegir si dejamos pasar la corriente de agua apretando o soltando la tubería. Siguiendo el mismo principio han desarrollado una estructura en forma de anillo rodeando una fina capa de silicio. Este anillo puede ser controlado para permitir o denegar el paso de corriente. Con ello se logra el mismo funcionamiento que en los actuales transistores. Esta tecnología, sin embargo, necesita mucha menos energía que los actuales diseños. Y, en principio, es mucho más fácil de fabricar.

El único pero que presenta, por ahora, es que no se a probado como escalaría el sistema de fabricación a gran escala. Si no existe una forma fácil de adaptar las fábricas existentes a este método será complicado que se lleve a cabo.

Por último mencionar que, según los investigadores, algunas grandes empresas de electrónica se han interesado en la tecnología. Y están viendo posibilidades de comprarla o licenciarla. De todas formas sería muy complicado que viésemos procesadores que cambiasen los actuales transistores hasta, al menos, 5 ó 10 años.
Página original

Más televisores

2009-11-04T10:28:00.002+01:00

Si eres uno de esos que tiene uno de esos televisores de alta definición, me alegro por ti. Podrás disfrutar de imágenes que los que no lo tienen no pueden ni imaginar. O eso dicen los fabricantes.

Pero si no tienes un reproductor de BluRay (o si, teniéndolo, no tienes películas en ese formato) no aprovecharás las posibilidades de tu pantalla.

Y si también tienes BluRay y crees que esa calidad es insuperable, lo siento por ti iluso. Porque los fabricantes de estos aparatos no se quieren quedar estancados. Si se quedasen estancados llegaría algún momento donde no venderían tanto. Y ya se sabe, todas las empresas deben ganar cada año más que el anterior. Así que a innovar toca (sea o no necesario).

El siguiente paso lo podremos "disfrutar" dentro de unos añitos. Según los que trabajan en ello será dentro de entre 5 y 10 años. Lo que nos espera recibirá el nombre de UHD (Ultra High Definition). Vendrá en dos versiones (4K y 16K). La primera posibilitará resoluciones de hasta 3840 x 2160 píxeles y la segunda de hasta 7680 x 4320 píxeles. Para que os hagáis una mejor idea de las dimensiones:

Aquí en España casi no podemos disfrutar de programas de televisión en HD. Y estos van y dicen que para 2017 en USA podrán disponer de emisiones en la versión más pequeña de este formato y en el 2021 la superior.

Pero el problema no es únicamente no disponer de emisiones televisivas. Además de nuevos televisores habrá que inventar nuevos dispositivos para todas las etapas de la reproducción, desde dispositivos de almacenamiento, reproductores, cables o procesadores. Y es que las necesidades de tremendo bicho son igualmente tremendas:

Para ver imágenes a 24 cuadros por segundo habría que transmitir 300 Mb por segundo usando un formato de compresión de imagen.
Para lograr 60 cuadros por segundo hará falta diseñar un nuevo algoritmo de compresión de imágenes que permitan mover la cantidad de datos necesarios a través de un cable de fibra óptica.
Se necesitarán nuevos materiales para construir los diodos necesarios para soportar la alta velocidad que requerirá tan solo el formato de baja resolución.
Para poder representar un vídeo de la mayor resolución a 60 cuadros por segundo se necesitará un procesador que sea capaz de procesar 2.400 GOPS. Pensad que en el mejor de los casos y aprovechando al máximo una PS3 es capaz teóricamente de alcanzar 218 GOPS.

¿ Creéis lógico investigar todavía en un formato como este cuando el mercado de la alta definición "normal" aún no ha empezado prácticamente a despegar ?
Página original

Que bonita es la tele

2009-10-27T10:17:00.001+01:00

Esta imagen está tomada de un episodio de CSI. Para todos aquellos que sepáis qué es una dirección IP ... bueno, no creo que hagan falta muchas palabras.

Teclas rápidas para Windows 7

2009-10-19T11:42:00.004+02:00

Optimización sencilla con Javascript

2009-09-18T14:13:00.001+02:00

A la hora de escribir una página que use Javascript a veces nos olvidamos que después tiene que ejecutarse en todo tipo de ordenadores. Que no todo el mundo tiene un ordenador como el que estás usando. Los habrá más rápidos, pero seguro que también los habrá mucho más lentos. Por eso hay que tener en cuenta algunas optimizaciones sencillas para intentar que quien vea la página no va a tener que desesperarse mientras realiza cualquier operación.

En este tipo de aplicaciones una de las cosas que más se hace es modificar algún objeto de la página. Si se hace desde varios lugares lo primero será encapsular la modificación en una función. Para este caso voy a poner un ejemplo donde una función tiene que limpiar una columna de una tabla, tiene que pedir los nuevos datos usando JSON y escribir los datos pertinentes en dicha columna.

Después de cada ejemplo pondré los números correspondientes al tiempo de ejecución media para que os hagáis una idea del resultado.

Primera implementación:

var funcion = function ()
{
  $("#divgeneral table").find ('th').each (function (el)
  {
    $(this).next("td").html ("");
  });

  $.getJSON ("nuevosDatos.php", function (data)
  {
    $("#divgeneral table").find ('th').each (function (el)
    {
      if (data[$(this).text()] != undefined)
      {     
        $(this).next("td").text (data[$(this).text()].label)
      }
    });
  });
}

Tiempo de ejecución mínimo: 16,762 milisegundos

El primer paso será llevar el contenido de la búsqueda de las cabeceras de la tabla (en este ejemplo, la cabecera se encuentra en la izquierda y sirve de índice para referirse a cada una de ellas) a una variable.
Segunda implementación:

var funcion = function ()
{
  var columna1 = $("#divgeneral table").find ('th');
  columna1.each (function (el)
  {
    $(this).next("td").html ("");
  });

  $.getJSON ("nuevosDatos.php", function (data)
  {
    columna1.each (function (el)
    {
      if (data[$(this).text()] != undefined)
      {     
        $(this).next("td").text (data[$(this).text()].label)
      }
    });
  });
}

Tiempo de ejecución mínimo: 16,278 milisegundos

Y el siguiente paso será sacar esa variable fuera de la función y, ya dentro de ella, comprobamos si se ha inicializado:
Tercera implementación:

var columna1 = null;

var funcion = function ()
{
  if (columna1 == null)
  columna1 = $("#divgeneral table").find ('th');

  columna1.each (function (el)
  {
    $(this).next("td").html ("");
  });

  $.getJSON ("nuevosDatos.php", function (data)
  {
    columna1.each (function (el)
    {
      if (data[$(this).text()] != undefined)
      {     
        $(this).next("td").text (data[$(this).text()].label)
      }
    });
  });
}

Tiempo de ejecución mínimo: 16,509 milisegundos

Entre la primera y la tercera implementación hay 0,253 milisegundos de diferencia. Parece poca cosa. Pero en una función que se ejecuta varios cientos o miles de veces un cambio tan sencillo ¿ no merece la pena ?

Maldito IE

2009-09-18T13:47:00.000+02:00

Hace ya bastante tiempo que cuando tengo que desarrollar cualquier tipo de página web comienzo usando Firefox y, de vez en cuando, compruebo su funcionamiento en otros navegadores. Con la última no he tenido que retocar prácticamente nada. Bueno, contando con el hecho de que esa página no funcionará para ninguna versión de Explorer por debajo de la versión 8.

Como me alegro de escribir exclusivamente para una Intranet.

Solo he encontrado dos errores. Uno de ellos en un script pensado para que funcionase en la versión 6 de dicho navegador. Así que no le he dado mucha importancia. El otro, que es el que quiero comentar, es un poco tonto. Una característica única de Explorer, como muchas otras, que le da ese aire de independiente. En otras palabras, hacen lo que les da la gana.

En fin, sigamos. Yo uso mucho una librería - jQuery - que ayuda muchísimo en el desarrollo de aplicaciones web. Una particularidad de esta librería es que tiene una útil función que te permite empezar a ejecutar tu código una vez se ha terminado de cargar la página. En la mayoría de los navegadores (mayoría en este contexto viene a ser todos los navegadores gráficos excepto Explorer) cuando esta función se ejecuta ya se han construido todos los objetos que el navegador precisa para mostrar la página. Explorer, como ya he dicho, no. Resultado, la página, cuyo contenido está creado y modificado a partir de scripts no muestra prácticamente nada.

Menos mal que Google ayuda (si sabes el suficiente inglés, claro). Después de varias búsquedas infructuosas llego a un comentario donde comentan algo. Parece ser que Explorer lee y procesa el contenido paso a paso. Lee, procesa y ejecuta tal como va entrando. Es una buena forma de hacer ver que empieza a mostrar antes las páginas. Pero en casos como este lleva a que falle la página. ¿ La forma de hacer que funcione ? Llevar ese trocito de Javascript al final del documento, justo antes de que cierre la etiqueta body.

Utilidades varias

2009-09-07T15:56:00.000+02:00

Después de la entrada en que os recomendaba varios desfragmentadores os traigo otra con varias pequeñas utilidades que pueden ser muy útiles en el uso diario. Por si alguno no las conoce.

Explorer++
Un sustituto para el Explorer que añade entre otras cosas pestañas: Terminals
Si necesitas conectarte normalmente a varios servidores a la vez con este programa podrás tener cada conexión en una pestaña. Ahorrarás mucho tiempo con el.: SpaceSniffer
Para ver de forma gráfica el espacio ocupado por cada archivo y carpeta en los discos duros.: Console
Consola para Windows que permite disponer de varias pestañas, usar diferentes estilos, fondos, transparencias, ...: Colibri
Busqueda y ejecución rápida de aplicaciones, documentos, ...: ClipX
Gestor de la historia del portapapeles. Permite mantener varios textos diferentes en el para elegir el que necesitemos en cada momento de forma cómoda y rápida.: Pencil
Prototipado rápido de aplicaciones y creación de diagramas. Todo ello dentro del navegador Firefox.

Desfragmentadores

2009-08-31T16:48:00.000+02:00

Para muchas personas la acción de desfragmentar el disco duro es algo desconocido. Un proceso un tanto oscuro y pensado solo para "gente que sabe de esto". Aún cuando las actuales herramientas que llevan a cabo esa importante labor son cada vez más fáciles de manejar e incluso sabiendo que los sistemas operativos de la familia de Windows XP, Vista, ... incluyen uno de serie desde hace más de 9 años. Así que, para todos esos, desfragmentad de vez en cuando vuestros discos duros ! Pero no os paséis tampoco. Depende del uso que se le de al ordenador puede hacer más o menos falta realizar esta operación. Si trabajas siempre con archivos muy grandes (si usas el ordenador básicamente para ver películas y poco más) no hará falta desfragmentarlo más de 1 ó 2 veces al año. Si usas el ordenador con muchos archivos pequeños y casi todos los días, una vez al mes o cada dos meses no te vendría nada mal.

Por otra parte, aunque Windows ya viene con un desfragmentador de disco este se queda corto comparado con otras soluciones que podemos conseguir incluso de forma gratuíta. Aquí os traigo 3 de esas herramientas. Os cuento un poco sus diferencias para que podáis elegir mejor y espero que os sean útiles.

Defraggler

Este es el más sencillo de los tres. Esta creado por una empresa que también tiene otros dos estupendos programas en su cartera (CCleaner, para limpiar el disco duro de objetos que ya no se necesitan, y Recuva, que nos recupera archivos que hemos podido borrar por accidente). Podrás escanear varios discos, un disco individual, algunas carpetas o, incluso, algunos archivos sueltos.

Al iniciar el programa te muestra una pantalla como la mostrada donde te indica la cantidad de archivos fragmentados en cada disco y te deja decidir si quieres desfragmentarlo o si quieres ponerlo en la cola de discos a procesar.

Auslogics Disk Defrag

Con las características muy parecidas al anterior te permitirá también establecer la prioridad del programa (así podrás continuar trabajando casi sin enterarte mientras el hace su trabajo o, si sales a tomarte un café dejarle todo el control del equipo para que acabe antes). Y si te quieres ir a dormir no tienes por qué preocuparte. Le dices que cuando termine apague el equipo y te quedas tan ancho.

MyDefrag

Este es el más completo y el más complejo de los que os presento. Al instalarse creará un menú con unos enlaces como estos: "Analyze Only", "Defragment Only", "Fast Optimize", "Slow Optimize" o "Flash Memory Disks". Cada una de estas entradas (aunque estén en inglés el resto del programa está en castellano) esta vinculada a un guión (o script) específico. Dicho guión le dice al programa qué y cómo debe realizar la desfragmentación. Y es ahí donde reside la potencia del programa.

Las optimizaciones de las que dispone le permite colocar los archivos más usados en la parte más rápida del disco. Además, controlando las relaciones de cada archivo con los demás intenta colocarlos lo más cerca posible uno de otro. De esta forma al arrancar una aplicación específica el disco tendrá que hacer menos movimientos. Con ello podremos aumentar la velocidad y la vida del mismo.

Cita rápida: Cambiar el texto de una celda con jQuery

2009-08-24T14:10:00.000+02:00

Para cambiar el texto de la celda de una tabla, suponiendo que sabemos el índice de la fila y la columna, con jQuery es así de fácil:

$($('#calendar').find('tbody > tr')[índice de la fila]).children('td')[índice de la columna].innerHTML = texto a cambiar;

Con esto salvamos la existencia de una fila con la cabecera.

Si también existe una columna que se usa como cabecera para identificar, por ejemplo, el índice, tan solo habrá que restar 1 al índice de la columna.

Nueva PS3

2009-08-19T09:45:00.001+02:00

Este es el aspecto que tendrá el nuevo modelo de PS3 que Sony acaba de presentar en la feria Gamescom en Alemania. Baja el tamaño (un 32% más pequeña), el peso (un 36% más ligera), más eficiente (gasta un 33% de energía) y será menos ruidosa (de 55-58 decibelios pasa a 53-56).

A mi me encantaría saber si la bajada de consumo energético disminuirá la sensación de tener un calefactor debajo del televisor pero, claro, teniendo ya la versión actual como que no se me pasa por la cabeza.

Junto con la nueva carcasa vienen varias diferencias más. Los botones de encendido y extracción de disco pasarán a ser botones de verdad no como los insufibles del modelo actual. Otra opción añadida será que el disco duro podrá reemplazarse, presumiblemente de forma sencilla y rápida. También cambiará un pequeño detalle, este modelo no incluirá la posibilidad de usar un sistema operativo diferente al que trae por defecto la máquina. Para la gran mayoría de los que usen esta máquina no supondrá ningún cambio. Pero para otros cuantos igual les convendría comprar el modelo actual antes de que este se ponga a la venta (al menos en USA el 1 de septiembre, ya veremos aquí).

Y el mejor cambio para todos: se rebaja el precio a 299 dólares. Traducido en Euros seguro que supone 299 €. Este precio parece que se establecerá al menos para los modelos con menos disco duro. Este pasará de 80 a 120 Gb. Parece ser que también saldrán modelos con 150 y 250 Gb.

Por último dejo otra imagen donde se comparan los dos modelos para ver mejor la diferencia de tamaño:

Página original

Vaya con la tecnología

2009-08-05T18:21:00.000+02:00

La gente de Sony no quiere quedarse muy lejos de los proyectos de inmersión que prepara la gente de Microsoft. Y en este vídeo muestran un ejemplo de lo que se podrá hacer dentro de poco con su consola.

¿ El que golpea primero golpea dos veces ?

No pienso comprar el Starcraft II

2009-07-02T11:58:00.000+02:00

Cuando Blizzard anunció que estaba desarrollando una nueva versión de su clásico juego de estrategia se me hizo la boca agua. Cada nueva noticia referente a este juego hacía que tuviese aún más ganas de que anunciasen la fecha definitiva de salida. Apareció una noticia. Tres juegos en vez de uno. Pues nada, se compran los tres y arreglao, qué le vamos a hacer.

Pero poco después Blizzard sacó una nota en la que decían que estaban estudiando la posibilidad de no incluir la posibilidad de jugar en red local. Que la única forma de jugar en red fuese a través de su plataforma Battle.Net. Eso me mosqueó más. Salió una petición a través de Internet para solicitar que incluyesen la posibilidad de jugar en entornos locales (por supuesto firme esa petición junto a más de 7000 personas). Ayer mismo Blizzard sacó una nota de prensa dando su opinión sobre el tema, con los siguientes puntos:

No habrá opción local, todo los juegos multijugador tendrán que pasar por Battle.Net.
Esa decisión está pensada para evitar la piratería y, al aumentar los usuarios de su plataforma, poder destinar más recursos a la optimización de Battle.Net.
Para contrarrestar a los que decían que si en una partida en una Party se cortaba el acceso a Internet han respondido: "¿ Y si hay un corte de luz ?
Para contrarrestar a los que decían que tendrían problemas con los retrasos de compartir una conexión a Internet responden: "Ya veremos ese problema cuando suceda".

En fin. Desde mi modesta opinión me parece que se les ha ido un poco la pelota. Se están enfrentando precisamente al segmento de jugadores que más les puede hacer ganar dinero.

El hecho de que Blizzard anunciase hace tanto tiempo dos juegos que cubrían esas dos categorías parece que ha conseguido que ninguna otra compañía se atreva a gastar demasiado en presentar títulos alternativos. Quizás para no tener que combatir en el mercado. Quizás por falta de ideas. Quizás por la crisis económica. Quizás una mezcla de un poco de todo.

Dentro de un par de fines de semana, por ejemplo, queremos organizar una pequeña quedada. El lugar está un poco alejado de todos sitios. En mitad del campo. Así no molestamos a nadie y podemos salir a distraer la vista (y a darnos un chapuzón, que se agradece). Estamos buscando juegos de estrategia (o de rol) más o menos nuevos que tengan un multijugador (y todo lo demás) más o menos decente y que sea medianamente moderno. Por ahora no hemos conseguido demasiado. El hecho es que si encontramos un juego decente tendremos que gastar la pasta en ocho licencias (como en otras ocasiones). Lo que también tengo claro es que para próximas ocasiones no nos gastaremos un solo euro en un juego que no podremos disfrutar todos juntos.

Espero que alguna otra compañía sea lista y saque algo medianamente decente. Seguramente podrá sacar un buen pastel de las idioteces que hace Blizzard.
Noticia

Como montar y ver imágenes ISO en Linux (tanto como root como usuario normal)

2009-06-29T13:12:00.000+02:00

Los archivos ISO son una forma estandarizada de almacenar un conjunto de archivos destinados a ser grabados en un CD o DVD. Es la forma más usada de distribuir, por ejemplo, los discos de instalación y arranque de la mayoría de los sistemas operativos. También existen herramientas de grabación o de creación de discos multimedia que usan este formato antes de grabar el soporte físico.

Algunas veces puedes necesitar ver tan solo alguno de los archivos que se almacenan. Aquí presento algunas de las formas para hacer esta y otras operaciones en esos archivos.

Como montar un archivo ISO

La forma más fácil para ver los archivos es montando el archivo como si ya hubiese sido escrito en el CD o el DVD. La estructura que tiene el archivo es exactamente la misma que tendría en ese caso por lo que el comando será el mismo que se usaría en ese caso con una pequeña salvedad. Habrá que usar un modificador que indicará que queremos usar un dispositivo loop. Este tipo es una de las posibilidades que ofrece Linux para acceder a dispositivos virtuales. En este caso el archivo ISO tendría el mismo comportamiento que un lector físico de CD/DVD. Esta sería la sintaxis del comando.

mount ARCHIVO_ISO PUNTO_MONTAJE -o loop

Para que este método funcione deberá ejecutarse con permisos de superusuario.

Como montar o ver un archivo ISO sin ser superusuario

Esto es tan fácil como tener instalado el programa Midnight Commander (mc). Con este estupendo navegador de archivos tan solo te hará falta navegar hasta el archivo ISO, pulsar la tecla F3 (visualizar contenido) y podrás navegar por su contenido como por cualquier otra rama de carpetas.

Como actualizar el contenido de un archivo ISO

Realmente un archivo ISO una vez creado no puede alterarse. La única posibilidad es copiar todo el contenido del disco a una carpeta, modificar allí los archivos necesarios y volver a crear el archivo ISO.

Como en el caso anterior dependerá de si lo hacemos como superusuario o como usuario normal. En el primer caso una vez montado el archivo copiamos el contenido a una carpeta vacía y procedemos a realizar los cambios. Como usuario normal, volviendo a usar el Midnight Commander, copiamos igualmente los archivos a una carpeta vacía.
Página original

Dell, o de como convivir con el software libre

2009-06-16T10:32:00.001+02:00

Hace un tiempo Dell proclamaba que eran unos fabricantes que se preocupaban por lo que sus usuarios necesitaban. Decían que ofrecerían aquello que le pidiesen sabiendo que existen gracias a esos usuarios que compran sus productos.

Hoy precisamente estaba buscando precios de portátiles y me he dicho, ¿ por qué no darle la oportunidad ? Total, me voy a su página web, miro los modelos de la serie Mini10. Le doy a la opción que me filtre los equipos que usen un sistema operativo gratuíto. Me manda a una página donde pone una y otra vez que me fije bien en lo que estoy haciendo, no vaya a ser que luego me arrepienta. Bueno, me digo, así se ahorran problemas en las atenciones a los usuarios. Sigo buscando.

En la lista de modelos de esa familia, empezando por la izquierda, un modelo con Ubuntu por 249€, a su derecha otro con Windows por 279€. 30 euros por la licencia. Ya les sale barata, sí señor. Me fijo en las características. El que trae Ubuntu con un disco duro de memoria sólida de 8Gb, el otro con un SATA de 160 Gb. Le doy también la oportunidad, los SSD son más caros que los SATA. Voy a ver si puedo modificar el equipo para ponerles el mismo disco duro. Y aquí está la comparación:

Versión con Windows XP

Procesador Intel® Atom™ N270 (1,60 GHz, FSB a 533 MHz, caché de 512 KB)
Windows® XP Home Edition SP3 original - Español
Tapa trasera en negro
1 año de garantía limitada - Servicio de recogida y devolución
Cámara de 1,3 MP integrada
Pantalla de formato panorámico WSVGA de 10,1" (1.024x576)
SDRAM DDR2 de 1.024 MB a 533 MHz de doble canal
Disco duro SATA de 160 GB (5.400 rpm)
Acelerador gráfico integrado Intel® 950
Tarjeta mini inalámbrica Dell Wireless 1397 (802.11 b/g)
Batería de iones de litio de 3 celdas (24 W/h)
Accesorios
Versión de 30 días de prueba de Norton™ Internet Security™ 2009
Servicio y Software
También incluye
Base Mini 1011 con WLAN
Teclado interno español (Qwerty)
Spanish Documentation
N06B1002
1Yr Limited Warranty - Collect & Return
Inspiron Mini 1011 Order - Spain
Inspiron Mini 1011 Diagnostics and Drivers
Microsoft® Works 9.0 - Spanish
Europeo - Adaptador de CA de 30 W

Versión con Ubuntu

Procesador serie N Intel® Atom™ N270 (1,60 GHz, FSB a 533 MHz, caché de 512 KB)
Ubuntu 8.04
Tapa trasera en negro
1 año de garantía limitada - Servicio de recogida y devolución
Cámara de 1,3 MP integrada
Pantalla de formato panorámico WSVGA de 10,1" (1.024x576)
SDRAM DDR2 de 1.024 MB a 533 MHz de doble canal
Disco duro SATA de 160 GB (5.400 rpm)
Acelerador gráfico integrado Intel® 950
Tarjeta mini inalámbrica Dell Wireless 1397 (802.11 b/g)
Batería de iones de litio de 3 celdas (24 W/h)
Accesorios
N-Series Only - No AntiVirus Selected
Servicio y Software
También incluye
Base Mini 1011 con WLAN
Teclado interno español (Qwerty)
Spanish Documentation
N06B1001
1Yr Limited Warranty - Collect & Return
Inspiron Mini 1011 Order - Spain
No Resource CD
No Software Application
Europeo - Adaptador de CA de 30 W

Las diferencias: la versión de Windows trae, a parte del sistema operativo no gratuíto una licencia y el cd de Works más drivers y demás tonterías propias del fabricante. La versión con Ubuntu no trae ni tan siquiera un CD con la ayuda.

Precio del equipo con Windows: 279€
Precio del equipo con Ubuntu: 289€

Resultado: No pienso comprar un equipo Dell por nada del mundo. No pienso recomendar un equipo Dell a nadie. No pienso acceder a su página web no sea que ganen un céntimo con mis visitas.

Buena política la de estas empresas. Para hacer esas jugarretas mejor que no vendan versiones con Linux, quedarían mejor parados.

Nuevos materiales para nuevos dispositivos

2009-05-27T11:48:00.000+02:00

De los 160 Kb de capacidad que en los años 70 tenían las primeras unidades de disquete a los miles de millones que podemos encontrar en las últimas unidades de disco duro han habido muchos pasos incrementando la capacidad de espacio a nuestra disposición. Y nuevos desarrollos prometen ir mucho más allá, más espacio, más velocidad, más, más...

Todos estos avances en poco más de 30 años. Tan diferentes entre si. Sin embargo todos comparten algo en común. Cualquier grabación en cualquiera de estos medios posiblemente no dure más de 20 ó 30 años (en los mejores casos). Pasado ese tiempo será prácticamente imposible leer lo que se escribió en ellos. Si aún conservamos escritos en papiro de hace milenios ¿ como con la tecnología que existe actualmente podemos permitir que toda la inmensa biblioteca que crea cada día nuestra actual civilización esté condenada a desaparecer en tan poco tiempo ?

Algunos grupos de investigación llevan tiempo preguntándose lo mismo. Por eso empezaron a buscar soluciones al problema. Formas de guardar gran cantidad de información de forma duradera. Y parece que por fin lo han conseguido.

Usando un nanotubo de carbono (estos parece que sirven para todo) con una nanopartícula de hierro en su interior (de unas 50.000 veces el ancho de un pelo humano). Cuando se le somete a una corriente eléctrica la nanopartícula se acerca o se aleja con mucha precisión. Propio para crear un sistema donde almacenar unos y ceros. Según las pruebas y los estudios teóricos que llevan entre manos un dispositivo que usase esto podría almacenar capacidades del orden de terabytes en tan solo 2 centímetros y medio cuadrados. Y, aún mejor, la información allí guardada podría permanecer allí a temperatura ambiente más de mil millones de años. ¿ Suficiente tiempo ?
Página original

Edición de vídeo gratuita

2009-05-21T14:15:00.001+02:00

La edición de vídeo, como otras muchas actividades que se pueden hacer con un PC, dispone de buenas herramientas gratuitas con las que poder hacer nuestros primeros pinitos como directores.

Estas herramientas gratuitas no incluyen todas las herramientas y posibilidades que sus hermanos de pago. Pero que levante la mano quien ha pagado y ha utilizado todas las posibilidades de los caros programas de edición de vídeo profesional. Si nos centramos en comparar estos con algunas soluciones de bajo coste creo que es más cuestión de gusto y de habituarse a la interfaz más que de las posibilidades.

Y sin enrrollarme más os dejo unos cuantos programas para ver si os animáis a probar alguno y, por supuesto, que os sean útiles.

Avidemux

Este programa es un editor de vídeo muy sencillo. Con el puedes hacer las operaciones de cortar y pegar trozos de vídeo, aplicarle filtros a escenas y guardarlo en multitud de formatos.

Cinelerra
El aspecto de este programa puede parecer un tanto intimidatorio. Pero en lo que hace es uno de los mejores que os podéis encontrar. Básicamente captura, compone y edita vídeo y audio. No está pensado para uso doméstico sino para pequeños estudios o aficionados a la edición de vídeo semi/profesional.

Kino

Otro editor de vídeo no lineal. Esta vez especializado en el trabajo con cámaras que usen el puerto FireWire. Podría colocarse a mitad de camino entre los dos anteriores. Tiene varios tipos de transiciones, filtros y efectos.

Lives

Este editor es uno de los pocos que pueden trabajar a la vez con vídeo en tiempo real y vídeo no lineal. Tiene cosas curiosas, como permitir multipistas, y muy útiles, como poder recuperarse de un fallo del programa o del equipo.

KDenlive

Este es uno de los mejores editores de vídeo y audio de esta categoría. No porque haga cosas que los demás no pueden hacer (que también) sino porque intentan hacerlo de forma que sea fácil de usar por cualquier tipo de usuario. Permite multipistas, múltiplas capas de vídeo y puede tanto leer como escribir en formatos tanto de baja como de alta calidad.

Vivia

Este tiene una cosa muy curiosa. Además de intentar tener un uso sencillo permite montar escenas con vídeos captados de varias cámaras. Algo así como lo que aparece cuando se hace una entrevista.

CinePaint
En otra categoría podemos encontrar este útil programa. Imagina que usas la potencia de un programa como Photoshop pero aplicado a algunas escenas de una película. Pues eso y mucho más es CinePaint.

Arista Transcoder

Y no podía faltar algún gran conversor de vídeos. Con este sencillo programa podremos convertir prácticamente cualquier formato que se nos ocurra. Además tiene opciones preconfiguradas para exportar a DVD, iPod, PSP, PS3, ...

Pitivi

Con este curioso nombre podréis encontrar un programa de edición de vídeo que últimamente está recibiendo mucha atención y que se merece una buena oportunidad (se supone que la semana próxima aparecerá una nueva versión).

Xerox quiere lanzar impresoras con cartuchos de tinta sólida

2009-05-18T12:41:00.000+02:00

Cartuchos como los que se pueden apreciar en la fotografía. Sin necesidad de costosos envases que después necesitan ser almacenados, recuperados y reciclados. Tan solo un bloque de tinta.

La tecnología no es nueva. Fue desarrollada en 1991 y, desde entonces, algunos modelos poco afortunados la han usado. Sin embargo Xerox ha buscado un nuevo camino para ella y así intentar competir en un segmento de mercado dominado por Canon y, sobretodo, por el gigante HP.

Más que la tecnología pueden buscar el hecho de dar a entender que aún tienen la fuerza de antaño para desarrollar nuevas tecnologías. A ellos debemos las impresoras láser, el protocolo Ethernet, el ratón, el láser o las interfaces de usuario gráficas (no, no fueron un invento de Microsoft, ya existían varias GUIs antes que Windows).

Esta tecnología permitiría tener unos dispositivos donde cabrían varios de estos cartuchos. Cuando se necesitase un color 900 inyectores por cada uno de los 4 colores permitirían llevar la tinta derretida previamente a algunas de las 3000 cabezas de que consta. Estas pasarían la tinta a un tambor que, finalmente, la pondría sobre el papel. El estilo es muy parecido que el usado por las impresoras offset usadas para crear los periódicos y las revistas. Este sistema no usaría ningún tipo de disolvente lo que la haría más sencilla de mantener y sería mucho menos contaminante y segura.

Hablando de contaminación. Se se compara con otras impresoras de la misma categoría se supone que generaría mucho menos residuos durante su vida útil. Frente a otros competidores que llegarían a generar más de 350 kilos esta no llegaría a los 40.

Por otra parte el modelo que usaría Xerox para su distribución es el de alquiler de la maquina y el pago por copias. Esto es de entender si se piensa que el precio inicial del aparato sería de unos 23.500 dólares. Lo bueno es que tendría un precio diferente si fuesen copias que usasen gran cantidad de color (unos 8 centavos por página) a aquellas que usasen poco (alrededor de un centavo) que serían los usos comunes para añadir, por ejemplo, el logotivo de la empresa, y que dejaría estas impresiones a un precio equivalente al que otras empresas ponen las copias en blanco y negro.

Ahora solo hace falta que tenga el suficiente éxito como para que aparezcan modelos enfocados al mercado doméstico y así poder deshacernos de los cartuchos. Aunque claro, de esta forma igual los fabricantes de tinta tendrían menos margen para engañar a los usuarios.
Página original

Para mi pared

2009-05-15T10:46:00.002+02:00

Estaba buscando ideas frescas para la pared del salón. Que mejor que algo así:

Hasta me pegaría y todo XD
Página original

Blogger en draft y las imágenes

2009-05-05T11:00:00.000+02:00

Esta entrada está dedicada a Mary del blog Sírveme un vermut. Al parecer sus intentos por usar la versión de prueba de Blogger no ha terminado de ser el éxito que ella esperaba. Los abundantes cambios que se pueden encontrar en esta versión siempre en desarrollo de blogger la han llevado hasta casi la locura. Así que, ¿ qué mejor que echarle una mano ?

Voy a centrar la explicación en el uso de imágenes. Algo que, desde mi punto de vista, mejora mucho en esta versión pero que centra uno de los principales quebraderos de cabeza de nuestra amiga.

Para acceder al cuadro de imágenes habrá que buscar el mismo botón que en la versión anterior. Pero donde antes se veía una ventana como esta:

Ahora aparecerá otra ventana así:

Habrá que tener en cuenta que esta ventana estará integrada dentro de la propia ventana de blogger. Esto quiere decir que si tenemos varios blogs abiertos e intentamos añadir una imagen en cada uno de ellos cada uno de los blogs tendrá una ventanita como esta y no tendremos problemas por confundirnos entre una y otra.

Pero este es solo el primer cambio. Desde esa ventana podemos, bien subir una imagen desde nuestro equipo (desde la sección que se muestra en la imagen anterior) o bien elegir una imagen desde otra página web:

en este caso donde pone "http://" ponemos la dirección de la imagen. Acto seguido intentará cargar la imagen para que podamos tener la certeza de que es esa la que queremos insertar. Si es correcto le damos a añadir imagen y la colocará donde teníamos el cursor y centrada.

Ahora me centraré en subir imágenes. Si le damos al botón de examinar o, simplemente, pulsamos una vez sobre el cuadro a su izquierda nos aparecerá el diálogo para buscar la imagen en nuestro equipo. Una vez elegida empezará a subirla. Mientras lo hace podemos elegir más y dejarlas en cola. Cuando termine con una automáticamente empezará con la siguiente. Cuando subamos varias tendremos una ventana parecida a esta:

Se pueden ver unas miniaturas de las imágenes subidas. Elegimos la imagen a insertar y, como en el caso comentado antes, la pondrá donde teníamos el cursor y centrada. Al pulsar sobre la imagen podremos ver como en la parte inferior nos aparece un cuadro como este:

Con el podremos modificar el tamaño que se muestra de la imagen o bien eliminarla.

Lo último es la diferencia a la hora de establecer la posición de la imagen en la página. Si pulsamos una imagen y la arrastramos a un borde intentará colocarla correctamente en el lugar adecuado. Así de fácil.

Espero que con esta corta (aunque espero que instructiva) miniguía sea suficiente. Ante cualquier otra duda, tan solo hace falta preguntar.

Hasta el infinito y más allá

2009-04-15T13:48:00.000+02:00

IEEE802.3 es el nombre del estándar que bajo el nombre de Ethernet lleva más de 35 años uniendo dispositivos electrónicos. Parece que el diseño inicial que se hizo en los laboratorios Xerox tiene aún muchos terrenos que conquistar y parece que no existe ningún competidor que pueda enfrentarsele. Parece que la idea original de hacerlo lo más flexible posible ha sido lo que ha logrado que perdure todos estos años.

El próximo paso vendrá de la mano de dos entidades: la NASA, por una parte, y la empresa alemana TTTech por la otra. Esta empresa creó una red llamada TTEthernet basada en el estándar pero orientado a redes que deben permitir múltiples fallos y con un nivel de integración muy alto. Esta diseñado para operar en la frecuencia de velocidades entre 100 Mb/seg y 1 Gb/seg.

Es fácil de imaginar qué puede querer la NASA de un sistema así. Parece que lo próximo será crear un sistema de red con algunos enlaces repartidos por la superficie de la Tierra, otros en satétiles geoestacionarios, otros en órbita alrededor de la Luna y alguno más en la superficie de nuestro satélite. Será un primer paso absolútamente necesario si queremos llegar a tener bases semiestables allí.

Supongo que un futuro no demasiado lejano también se extendería a satélites orbitando Marte y más allá. Es curioso ver como algo que tenemos todos en nuestras casas va a ser algo fundamental a la hora de salir al espacio.
Página original

El facebook de Bill Gates

2009-04-07T11:08:00.000+02:00

La revista PCWorld en su versión digital (e inglesa) ha creado una curiosa imagen donde en tono humorístico muestran una posible página de Facebook del ex-presidente de Microsoft.

Un irónico abrazo a sus sistemas operativos de parte de Steve Jobs, un agradecimiento de Warren Buffet para curar sus problemas de espalda durmiendo sobre montones de dinero o referencias a su fundación forman parte de este curioso ingenio.

Para ver la imagen completa pinchad en la que aparece arriba.

SQL 2

2009-04-04T10:36:00.000+02:00

3. JOINS

JOIN es el nombre genérico de una serie de clausulas muy importantes de SQL. Su importancia viene íntimamente ligada con la dificultad, en general, para aprender correctamente su uso. La función de esta serie de clausulas es la de unir dos conjuntos de datos por campos comunes. En otras palabras, la sentencia que escribimos en el capítulo anterior:

SELECT * FROM referencias, lineas WHERE lineas.REFID = referencias.REFID

sería un ejemplo de JOIN implícito. El equivalente usando la clausula JOIN sería así:

SELECT * FROM lineas INNER JOIN referencias ON lineas.REFID = referencias.REFID

Como se puede ver las clausulas JOIN aparecen dentro de la estructura del FROM. Esto es así porque su misión es dar a entender las relaciones de las tablas mientras que la clausula WHERE pretende limitar los registros con algún tipo de filtro. Parece una diferencia muy tonta (es más en las bases de datos que no soportan alguna variedad de JOIN normalmente se puede suplir usando filtros en el WHERE) pero es una diferencia.

La más sencilla de todas ellas es esta INNER JOIN. Mostrará los registros que se encuentren relacionados en ambas tablas. Por lo tanto solo mostrará las líneas cuyo referencia exista en la tabla referencias y las referencias que tengan alguna línea en la tabla lineas. La estructura es así de sencilla:

tabla1 INNER JOIN tabla2 ON tabla1.campo = tabla2.campo

Este tipo de sentencias también se denominan Equi-JOIN; por el hecho de que se comprueba la igualdad de los campos de dos tablas. Y aquí es donde se podrá aprovechar el cambio de nombre que hicimos en los nombres de las tablas. SQL nos ofrece dos formas de simplificar este tipo de consultas (en algunos sistemas de bases de datos tan solo dispondremos del primero de ellos). Tan solo voy a mostrar como quedaría la consulta con las dos simplificaciones puesto que no creo que haga falta mucha explicación.

SELECT * FROM lineas INNER JOIN referencias USING(REFID)
SELECT * FROM lineas NATURAL JOIN referencias

En una sentencia tan sencilla no es una ventaja mayor que la de ahorrarse unos cuantos caracteres, pero cuando se crean consultas con muchas referencias y muchas tablas siempre viene bien un poco de ayuda para hacer más fácil la lectura.

El hecho de que exista un INNER JOIN implica que tiene que existir al menos otro tipo de sentencias JOIN sin el apelativo INNER, de lo contrario habría sido más fácil denominarla únicamente JOIN. Y, ciertamente, existen otros 3 tipos. El primero también se ha visto antes de forma indirecta. Cuando se escribe una sentencia como esta:

SELECT * FROM referencias, lineas

realmente se está haciendo un JOIN (como hemos visto antes este tipo de sentencia simplemente une tablas). En este caso se le denomina CROSS JOIN (esta sentencia podrás encontrarla como un tipo separado o como una variedad de la INNER JOIN). Como la sentencia anterior muestra todas las filas de una tabla relaciona con todas las filas de la otra tabla (lo que en matemáticas se llama un producto cartesiano) y se escribiría así:

SELECT * FROM referencias CROSS JOIN lineas

Al igual que en el ejemplo anterior, y desde mi punto de vista, es recomendable escribirlo así para cuando hagamos sentencias mucho más complejas.

El siguiente tipo de JOIN es el OUTER JOIN he incluye tres tipos: LEFT OUTER JOIN, RIGHT OUTER JOIN y FULL OUTER JOIN. A diferencia de los INNER JOIN estas clausulas están diseñadas para mostrar tanto las filas que coincidan como las no coincidentes. Sin embargo cada una está diseñada para un propósito específico.

LEFT OUTER JOIN (escrita normalmente LEFT JOIN) mostrará todas las filas de la tabla de la izquierda y las relacionadas de la tabla de la derecha. Cuando no exista ningún registro en la tabla de la derecha relacionado con la de la izquierda pondrá todos sus valores en NULL.

RIGHT OUTER JOIN (en este caso se puede escribir RIGHT JOIN) es igual al anterior pero cambiando la posición de las tablas.

La forma de escribir ambos es como sigue:

SELECT * FROM lineas LEFT JOIN referencias ON lineas.REFID = referencias.REFID

Como en el caso de los INNER JOINS también se podría acortar de esta forma:

SELECT * FROM lineas LEFT JOIN referencias USING (REFID)
SELECT * FROM lineas NATURAL LEFT JOIN referencias

Como se vió antes cada vez es más lógico pensar bien la estructura de las tablas y los nombres de los campos para ahorrarnos después mucho tiempo a la hora de escribir.

FULL OUTER JOIN, por su parte, es una mezcla de los dos anteriores. Muestra las filas de ambas tablas que están relacionadas (como el INNER JOIN) pero también mostrará las que no están relacionadas dejando como NULL las de la otra tabla*. Y se escribiría tal que así:

SELECT * FROM lineas FULL OUTER JOIN referencias USING (REFID)

El último tipo es el UNION JOIN (este tipo es difícil de encontrar en los sistemas de bases de datos)*2. Esta clausula mostraría tan solo aquellos registros que no tienen correspondencia en la tabla contraria. Aunque pueda parecer una consulta un poco suplerfua es muy útil para detectar inconsistencias en aquellas tablas en que no se deje esa labor al propio sistema.

Próximo capítulo: MANTENIMIENTO DE TABLAS

* Aunque este tipo de consulta es muy útil en algunos sistemas de bases de datos no está incluido o su sintaxis es muy diferente del estándar. Una posible forma de saltarse esta limitación es recurriendo a un ejemplo más complejo, usando una estructura que se llama UNION SELECT. Esta clausula es muy sencilla. Se coloca entre dos sentencias SELECT. Se ejecuta una, se ejecuta la otra y se muestran ambas. Ni más, ni menos. Usando esto la emulación de un FULL OUTER JOIN sería tal que así:

SELECT * FROM lineas NATURAL LEFT JOIN referencias

UNION

SELECT * FROM lineas NATURAL RIGHT JOIN referencias
WHERE lineas.REFID = NULL

*2 El emular un UNION JOIN tampoco es algo demasiado complicado pero también incluye algo que aún no se ha explicado, las subconsultas. Sin embargo, y si por si a alguien le interesa, decir que se haría con una consulta como esta:

SELECT * FROM lineas li WHERE NOT EXISTS
    (SELECT * FROM referencias rf
        WHERE li.REFID = rf.REFID)

En esta instrucción, por cierto, no sería válido (al menos en los sistemas de bases de datos donde lo he probado) cambiar el WHERE de la consulta interior por un JOIN.

SQL

2009-03-31T11:08:00.000+02:00

1. Introducción

SQL es un lenguaje usado por la gran mayoría de los sistemas de bases de datos para realizar todas las funciones precisas para el manejo de los datos. Con el se pueden crear tablas, eliminar tablas, modificar tablas, insertar datos, eliminar datos, actualizar datos y, la más usada de las funciones, consultar datos.

SQL tiene fama de ser difícil. Y en muchas casos esa fama no está infundada. Sin embargo, mucha de esa dificultad, como la de muchos otros lenguajes viene dado por el desconocimiento y el mal uso de algunas de sus posibilidades. Sin embargo para operaciones sencillas es quizás más fácil que algunas de sus alternativas. Las funciones básicas de SQL pueden llegar a ser casi intuitivas una vez que se conocen. Otras, sin embargo, necesitarán mucha práctica para dominarlas.

SQL también tiene algunos puntos débiles. El mayor deriva de su éxito. El hecho de que muchos sistemas lo usen ha logrado que cada sistema se diferencia en menor o mayor medida del estándar. Pero hasta la más pequeña de las diferencias hace que muchas construcciones no sean transportables de un sistema a otro. Aquí mostraré las instrucciones más básicas y, donde sea posible, me ceñiré al estándar. En los lugares donde no sea posible lo indicaré previamente.

Las instrucciones SQL se denominan consultas. Y las consultas están formadas por una o varias palabras claves, denominadas clausulas en SQL, junto con nombres de campos, de tablas, de bases de datos o valores numéricos. Las consultas se pueden diferenciar en varios tipos: consultas de selección, de gestión de tablas (creación, modificación y eliminación) y gestión de datos (inserción, actualización y eliminación).

Para seguir este tutorial partiremos de una base de datos con dos tablas (referencias y lineas) que tendrán estos campos:

referencias

id	autonumérico
nombre	cadena de caracteres
precio	numérico

lineas

id	autonumérico
referencia	numérico	->referencias.id
cantidad	numérico

2. Consultas de selección

Estas son las más básicas, más usadas y más complejas de las instrucciones del SQL. El uso normal de esta instrucción devolverá una lista de columnas (llamadas tuplas) dependiendo de los datos presentes en las tablas indicadas y de las opciones que se pidan. La estructura de una consulta de este tipo puede ser el siguiente:

SELECT columnas FROM tablas WHERE condiciones GROUP BY grupos HAVING condiciones agregadas ORDER BY orden

Sin embargo se podría realizar una instrucción tan simple que ni tan siquiera tuviese que consultar una tabla. Las columnas pueden referirse a valores calculados. Por ejemplo, la siguiente consulta:

SELECT 2 * 2

devolverá como resultado el valor matemático de esa expresión.

La clausula SELECT, como se puede ver, es la clausula básica para seleccionar (de ahí el nombre) los datos que buscamos. Aunque la instrucción anterior es perfectamente válida no tiene ninguna utilidad práctica. Por eso debe acompañarse de otras que le confieran la utilidad buscada. La más básica de las clausulas que acompañan a SELECT es la clausula FROM. Con ella indicaremos las tablas de las que han de obtenerse los datos. Para ello también tendremos que indicar las columnas que queramos ver. La forma más sencilla es usando el carácter *. Con el indicaremos que queremos ver todas las columnas. Con esta instrucción:

SELECT nombre FROM referencias

podremos ver todos los valores de la columna nombre en la tabla referencias. Podemos indicar más de una tabla en la clausula FROM separando sus nombres con coma. Como en este ejemplo:

SELECT * FROM referencias, lineas

Esto nos devolverá cada una lineas para cada una de las referencias. Así, si tenemos 5 líneas y 5 referencias nos mostrará 25 filas. Como no será este comportamiento el que querremos, tendremos que usar la siguiente clausula, WHERE. Con ella podremos especificar las relaciones de los datos así como indicar las comparaciones que restringirán las filas a mostrar. El ejemplo anterior corregido se escribiría así:

SELECT * FROM referencias, lineas WHERE lineas.referencia = referencias.id

Esto nos mostrará las referencias y las líneas que corresponden a dichas referencias. El sistema buscará cada linea y cada referencia en los que los campos indicados sean iguales. En esta clausula también podremos realizar otro tipo de comparaciones. Podríamos escribir, por ejemplo:

SELECT * FROM referencias WHERE precio < 15

Esto nos devolverá todas las referencias cuyo precio sea inferior a la cantidad solicitada.

Antes de continuar vamos a cambiar el nombre de los campos de las tablas. Más tarde explicaré más a fondo el porque del cambio. Sin embargo por ahora podemos quedarnos con que será más sencillo identificar las relaciones entre las tablas más tarde tan solo echándole un vistazo a la estructura de las tablas. De esta forma los campos de las tablas pasarán a denominarse de esta forma:

lineas		referencias
LINEAID		REFID
REFID		REFNOMBRE
LINEACANT		REFPRECIO

Ahora pondré una sentencia con la que pasaré a explicar otra clausula y algunas otras opciones de la selección de campos:

SELECT referencias.REFNOMBRE, AVG(LINEACANT) AS "Media ventas" FROM referencias, lineas WHERE lineas.REFID = referencias.REFID GROUP BY lineas.REFID

La palabra AVG forma parte de un grupo denominado funciones de agregación. Estas proveen métodos estadísticos sencillos sobre una columna. El grupo está formado por estas funciones:

AVG → media aritmética
MIN → valor mínimo
MAX → valor máximo
COUNT → cantidad de elementos
SUM → suma de elementos

Por otra parte la palabra AS sirve para indicar un alias a la columna que la precede. En este caso, por ejemplo, la columna referida a la media de la columna LINEACANT se denominará "Media ventas". Además de ser útil para dar un sentido a los campos calculados viene muy bien para dar mejor visibilidad a los, muchas veces, crípticos nombres de campos.

Por último nos encontramos con la cláusula GROUP BY. Esta se usa para indicar que queremos agrupar los datos por una o varias columnas. Su uso se liga frecuentemente a los campos calculados o cuando queremos evitar campos duplicados. Ya veremos más de esto más adelante.

Vista la sentencia anterior, si se quisiese filtrar el resultado devuelto para que, por ejemplo, solo nos mostrase aquellos cuya media superase 5 ¿ qué escribirías ? Con lo visto hasta ahora una respuesta lógica sería algo como esto:

SELECT referencias.REFNOMBRE, AVG(LINEACANT) AS "Media ventas" FROM referencias, lineas WHERE lineas.REFID = referencias.REFID GROUP BY lineas.REFID WHERE AVG(LINEACANT) > 5.0

Sin embargo esta sentencia es incorrecta. La clausula WHERE en esa sentencia sería incorrecta. Para estos casos, en los que se quiere filtrar un campo calculado habrá que echar mano de una nueva cláusula denominada HAVING. Esta cumple la misma función que WHERE excepto que se usa con los campos calculados. El porque de esa aparente duplicidad viene de la forma en que se ejecutan una a una las clausulas. WHERE se utiliza en una fase y sobre unos resultados y HAVING se usa en otros. De todas formas ese es un tema que se escapa de este minitutorial.

La última de las clausulas de este capítulo será ORDER BY. Esta sencilla clausula establece la columna por la que queremos que se ordenen los datos antes de presentarlos. Ni más ni menos.

Próximo capítulo: JOINS

Operación a la vista

2009-03-20T11:07:00.001+01:00

Parece que dos grandes empresas han entrado en conversaciones para una gran compra. IBM podría soltar 6.500 millones de dólares para comprar Sun.

Sun lleva ya un tiempo acercándose peligrosamente a la bancarrota. Incluso le pidió, casi por favor, a HP que la comprase. Opción que declinaron muy cortesmente. Sin embargo parece que IBM ve a Sun como una buena cartera de clientes que sumar a la suya.

IBM es ahora mismo el lider en clientes empresariales. Domina con el 31,4 por cierto de clientes. Sun hasta ahora está en la cuarta posición con el 10,6%. La suma acercaría de nuevo a IBM a una privilegiada posición.

Esta unión también podría ayudar a IBM a deshacerse de costosos desarrollos. Hay que tener en cuenta que tiene un equipo desarrollando una plataforma basada en OpenOffice (Symphony), una plataforma Java alternativa (que en algunos escenarios supera en rendimiento a la de Sun), un SO Unix ya casi en fase de coma (AIX), sistemas de archivos de alto rendimiento y un más que seguro largo etcétera que podría beneficiarse de tal unión.

Y, además, Sun podría proporcionarle a IBM la ayuda que necesita para suplir la cartera de servidores que HP le está arañando poco a poco. Y es que cada vez menos empresas quieren, necesitan y están dispuestas a pagar los diseños específicos del Gigante Azul disponiendo de las soluciones estándares que ofrecen los de HP.

En definitiva, una serie de ventajas que podría hacer que, la ahora barata Sun, sea todo un bombón.

Actualización (26/03): Paul Otellini, CEO de Intel, ha confirmado que desde hace varios meses Sun estaba intentando vender parte o la totalidad de su cartera. Y sabe que IBM está en conversaciones muy serias para comprar la totalidad. Cree que a parte de consolidarse aún más con el uso de Java podría intentar mover a los clientes de Solaris y SPARC a su plataforma Power.

Además, desde el anuncio de venta las acciones de Sun parece que están bajando de forma dramática.
Página original

Vaya pepino !

2009-03-13T16:11:00.003+01:00

Os voy a presentar un ejemplo de como la crisis no ha conseguido que algunos entren en razón a la hora de proponer cosas.

Siguiendo con los rumores resulta que Citroën parece que quiere sacar un nuevo coche aliandose con Sony. Con lo que, lógicamente, traerá de serie una PSP. Una edición exclusiva y especial que costará entre 28 y 33 mil euros.

Vale que trae otros "detalles" adicionales: un servidor interno de música donde almacenar hasta 2.500 canciones, dos juegos, una tarjeta de 2 Gb y la posibilidad de ver las películas en formato UML (el formato aceptado por la consola, claro) en la parte trasera del coche.

Pero en una época como esta ¿ merece la pena invertir en el desarrollo, la fabricación y la promoción de un producto así ?
Página original

Adios con el alma adios

2009-03-12T10:38:00.000+01:00

No, no soy yo el que me voy (aunque a veces pienso que debería).

El que parece que quiere decir adios es nuestro querido (jeje) Internet Explorer. Hay rumores que apuntan a que Microsoft quiere acabar con su navegador con su próxima versión (la 8). A partir de ese momento sustituirá las siglas IE, que están intimamente relacionadas en muchas mentes con inseguridad, por otras aún por decidir.

Eso sí, si algo parece realidad es que ese nuevo navegador estará relacionado con un desarrollo de los laboratorios de Microsoft. Con nombre en clave Gazelle, el proyecto muestra un navegador compuesto de un pequeño núcleo (tan solo 5 mil líneas de código C#) sobre las que correrán el resto de componentes (interprete de Javascript, motor de renderizado, plugins ...).

Con el quieren llevar un paso más allá el diseño empezado por Google con su navegador Chrome. Si en este cada pestaña es un proceso separado con lo que, en principio, provoca que un fallo en una pestaña no fastidie al resto; en Gazelle cada pestaña, cada iframe que apunte a otro dominio, cada plugin o ActiveX tendrá su propio proceso. De esta forma esperan que si una determinada parte de una página falla tan solo dejemos de ver esa parte de la página pudiendo acceder al resto.

Este trabajo aún no ha pasado de ser un desarrollo interno. Pero ya consigue mostrar la mayoría de las páginas webs. Eso sí, con este navegador se acabaría con la retrocompatibilidad. Quieren dedicar más recursos a la seguridad que a lograr que todas las páginas creadas para el IE 6 funcionen como sus diseñadores esperarían que funcionasen.
Página original

MACs caseros

2009-02-09T11:55:00.024+01:00

Una empresa alemana ha copiado la idea de la america PsyStar pero, claro está, para el mercado europeo. Para quien no lo sepa PsyStar es una empresa norteamericana que está litigando con Apple por el derecho a vender equipos con hardware compatible con los Macs incluyéndoles el último sistema operativo de estos preinstalado.

Frente a los 1200 dólares que cuesta el más básico de los equipos de Apple los de PsyStar ofertan uno por tan solo 555. Claro está que este último no dispone de monitor y, mucho menos, de la integración que se disfruta al comprar los equipos de Apple. Pero casi 700 dólares justifican ese sacrificio.

Con PearC (la empresa alemana de la que he empezado a hablar) pasa tres cuartos de lo mismo. De los 1000 € que cuesta un iMac a los 500 que cuesta el más básico de los ofrecidos por los teutones. Y con unas prestaciones que nada tiene que envidiar a la empresa americana.

Ahora falta saber si los de Apple van a permitir que los oferten durante mucho tiempo o van a emprender acciones legales. Estaría bien saber cómo de legal sería hacer algo así aquí en España.

Si alguien se anima a ser el primero en comprárselo que avise.

Un ordenador para dominar una galaxia

2009-01-16T10:43:00.000+01:00

Esta maquinica se llama Estación Emperador y lo vende la empresa NovelQuest a un precio muy asumible, 39.950 dólares americanos.

Con el tendrás esos tres monitores que pueden verse, los tres táctiles, por cierto. Sonido envolvente THX 5.1. Filtro de aire y hasta terapia a base de luz, ya sabes eso de ponerte colorines dependiendo de tu estado de ánimo y tal. Por supuesto puedes rotarlo, inclinarlo, voltearlo casi de cualquier forma que desees.

Pero mi duda viene ... ¿ en qué habitación podría meter yo un bicho así y que mi mujer no nos tirase a los dos por la ventana más cercana ?

La belleza de las matemáticas

2009-01-15T09:40:00.001+01:00

Si algún campo de las matemáticas se pueden "tachar" como bonito, más allá del hecho de que te gusten o las odies, ese es el campo de los fractales. Un ejemplo muy sencillo de fractal es un copo de nieve. Un objeto que, básicamente, repite la misma estructura simple una y otra vez hasta formar un objeto con una estructura muy compleja.

Este rollo viene al caso de unas imágenes que he visto. Están diseñadas con dos programas gratuítos (Apophysis y Ultrafractal).

La verdad es que yo no he conseguido hacer nada, ni de lejos, comparable a las imágenes que os dejo a continuación. Pero seguro que más de uno haría cosas sorprendentes con un poco de tiempo.

En esta web podéis ver otras 35 imágenes iguales o mejores que estas. También podéis visitar esta galería en DevianArt de fondos de pantalla creados usando esta técnica. Espero que os gusten. Y, ya que estáis, que os bajéis alguno de esos programas, los probéis y me enviéis vuestros logros.

Eee PC D200

2009-01-09T18:35:00.001+01:00

Los de Asus parece que no tienen ganas de parar. Presentación tras presentación están empezando a disponer de alternativas para casi cualquier posibilidad (informáticamente hablando, claro) posible.

El último en abandonar los laboratorios del fabricante taiwanes ha sido esta preciosidad, servidor de red, NAS y router todo en uno. Con la posibilidad también de servir como servidor de streaming para la red de casa.

Basado en un Intel Atom N270 y con 2 Gb de memoria parece ser más que suficiente para el uso al que está destinado. Y para suplir las necesidades de espacio dispone de dos bahías con las que llegar hasta 4 Teras de almacenamiento (aunque el modelo de prueba solo traía dos discos de 500 Gb). Además incluye un grabador de DVD de ranura.

La pantallita que se le ve es táctil. Por lo que no será necesario añadirle teclado ni pantalla (aunque es más que posible hacerlo). Desde esa pantalla podremos, sin necesidad de conectarnos a través de la red, realizar operaciones sobre los archivos (copiarlos/moverlos, cambiarles los permisos o grabarlos en un DVD), gestionar las descargas del cliente Torrent o configurar las opciones de la red.

Como se pueden ver en las conexiones traseras dispone de una salida de vídeo DVI y salida de audio de 5 canales. Y ahí es donde le encuentro el único fallo al aparato.

Si tuviese una salida HDMI y una salida de audio digital (este último me importa un poco menos) sería sencillamente genial. Si va destinado a convertirse en, pongamos, centro multimedia del salón ¿ no debería incluir al menos este conector ?

Y por lo que se dice en el CES parece que estará disponible (seguro que no en nuestro país) durante el primer cuarto de este año a un precio de unos 440 €. Estos de Asus están haciendo un trabajo estupendo.

Página original (en alemán)

Poco a poco 2

2009-01-02T09:59:00.005+01:00

Si el mes pasado hablaba del descenso experimentado por el Sistema Operativo Microsoft Windows a la hora de acceder a Internet, las cifras preliminares de este mes muestran un acusado descenso de su navegador, Internet Explorer.

Casi rozando el 68% del mercado (uniendo el uso de las versiones 6, 7 y la beta del 8), Internet Explorer ve como la afianzada subida de Firefox y el sorprendente 1% del reciente Chrome están logrando que algunas empresas, como Avature con su software Recruiting CRM, se decidan a reescribir sus aplicaciones para aprovechar las posibilidades que los nuevos motores Javascript dan a las aplicaciones Web.

Y por si quedase alguna duda. El decremento de usuarios de la versión 6 de Explorer no ha significado un aumento de la versión 7. Si en Noviembre el uso de ambas versiones estaba en el 47,39% para la 7 y del 21.53% para la 6 este mes han bajado ambos al 46,77% y el 20,46% respectivamente.

Y para colmo de males de Microsoft, Google ha incluido un mensajito al acceder a su plataforma de correo con Internet Explorer 6 para intentar que abandonen su uso y se pasen a Chrome o Firefox. Con la mayor velocidad por bandera intentan que el uso (mayoritario en pequeños y medianos negocios) de este navegador sea marginal lo antes posible. Si has desarrollado páginas webs sabrás el porqué de esa necesidad.

Pero eso no es todo. Volviendo a los Sistemas Operativos los datos vuelven a confirmar que cada vez más se afianza la tendencia de personas que abandonan la plataforma de Microsoft.

Un 1% menos para Microsoft Windows que se reparte entre Mac, Linux y el iPhone. En este caso el cambio generacional si empieza a notarse. Aunque XP aún supone el 65,22% de los accesos frente al 21,12% de Vista los número de noviembre (66,31% y 20,45%) demuestran que, poco a poco, Vista está ganando aceptación. Aunque, por supuesto, mucha menos que la que Microsoft querría.

Ideas made in Microsoft

2008-12-30T12:36:00.002+01:00

Esta imagen representa una patente presentada por Microsoft. Representa una posible forma de obtener dinero. A base, por supuesto, de sangrarnos un poco más.

Cuando parecía que los posibles modelos de negocio estaban llegando a un punto algo estancado llegan estos y proponen un sistema en que te cobran por los servicios que uses. Hasta aquí parece el mismo modelo usado por otras tantas empresas.

Sin embargo el modelo no se queda ahí. Lo sorprendente de la petición es que parece que tendrás que pagar dependiendo no tan solo del servicio (aplicación) que quieras usar. También tendrás que pagar por determinadas opciones del servicio. Por ejemplo, si no tienes que hacer enlaces bibliográficos en un sucesor del Word ¿ por qué pagar por disponer de esa opción ?

Pero lo más sorprendente aún es que tendrás que pagar también por el uso que los programas hacen de tu equipo. Para entendernos. Imagínate que te gastas 600 € en una tarjeta gráfica de última generación. Vas a la tienda de juegos. Te compras el último juego que salió esta misma mañana (70 eurazos del ala). Llegas a tu casa dejando el rastro de babas. Te instalas el juego. Y justo cuando creías que tu inversión podría darte largas horas de entretenimiento te aparece un cartelito que te dice que para disfrutar de todas las posibilidades del juego necesitas pagar un extra. De otra forma te limitará la potencia usada del micro, la cantidad de RAM o las texturas que mandará a la gráfica. ¿ No te entrarían ganas de darle con el monitor a Steve Ballmer ?

¿ Cuánto estará la gente dispuesta a concederle a empresas como esta que se cree con todos los derechos ? Supongo que mientras nos metan productos por los ojos y nosotros los compremos como ilusos pensando que cambiarán nuestras vidas ...
Página original

Linux y el USB 3

2008-12-15T18:26:00.000+01:00

Cuando a los primeros dispositivos que soporten el nuevo estándar del USB aún le faltan algunos meses para llegar al público, en Linux ya se ha empezado su soporte.

De manos de la desarrolladora Sarah Sharp llegan las primeras pruebas de desempeño y uso. Ha incluido las modificaciones necesarias en el núcleo para que funcione el USB 3 y ha creado un driver para el controlador del host xHCI (Interfaz de Controlador de Anfitrión extendido, o la especificación de cómo debe comunicarse el software con el hardware). La primera parte ya ha sido liberada. Mientras que la segunda precisa que Intel libere completamente las especificaciones del estandar. Pues por ahora hace falta firmar una cláusula de confidencialidad para acceder a esos detalles.

Sin embargo el hecho de saber que en el momento en que podamos comprar un disco duro (o cualquier otra cosa) que haga uso de esta interfaz podremos acceder a el desde Linux sin ningún tipo de dificultad es algo de agradecer, y mucho. Para otros SO la cosa está un poco más difícil. Apple no dice ni palabra. Y Microsoft dice que Windows 7 traerá soporte (aunque aún no se sabe si en la versión inicial o en un SP posterior). Windows Vista compartirá la suerte del 7 y XP ... bueno, cualquiera sabe.

Y en la cuestión de rendimiento, con el prototipo de la empresa Fresco Logic ha conseguido velocidades 3,5 veces superiores al USB 2. Aunque su meta es llegar al factor de 10 cuando se use el hardware real.
Página original

El virus del Facebook

2008-12-12T11:43:00.000+01:00

Si hay algún fenómeno que ha subido como la espuma estos últimos tiempos en Internet han sido los sitios que ofrecían redes sociales. Y entre ellas una de las más destacadas está Facebook.

Los ~~aquí tu descalificativo preferido~~ creadores de virus han visto un nuevo e interesante medio donde poder lanzar sus nuevos inventos. El gusano llamado Koobface, más conocido simplemente como el virus de Facebook. Aunque este sobrenombre se está quedando corto. Ahora ya ha aprendido a replicarse por otras redes como Bebo, MySpace, Friendster, MyYearbook y Blackplanet.

La forma de propagación es muy simple. Te puede llegar un mensaje de uno de tus amigos en el que te dicen (en inglés, algo que a los que no tienen contactos en esa lengua les puede venir muy bien) que te han catalogado en un vídeo. Si entras a verlo te aparecerá algo como esto:

Solicitándote la instalación de un nueva actualización de Flash para poder verlo. Si picas, ya está dentro. A partir de entonces te mandará a otras webs que también estén corrompidas e intentará mandar mensajes a tus otros amigos de cualquiera de esas redes.

Por ahora lo único que se puede hacer para evitar la infección y la propagación de este gusano es lo mismo que con casi todos los de su especie: un poco de sentido común. Ya sabes, ante algo raro, mejor decir que no. Lo peor del caso es que este solo es el primero.

Con el tiempo supongo que serán bastantes más los que usen estas plataformas para distribuirse e inundarte las pantallas, en el mejor de los casos, de spam. Espero que los desarrolladores de estas webs tomen nota rápido y busquen soluciones antes de que el problema sea peor y sus usuarios busquen otros lugares menos transitados.
Página original

El Phenom II antes de tiempo

2008-12-10T11:33:00.001+01:00

Según una revista americana (EE Times) el micro de cuádruple núcleo de AMD del que se esperaba el estreno para dentro de, aproximadamente, 4 meses será estrenado tan pronto como hoy mismo. Si no ha sido un chivatazo desde dentro de la misma AMD parece un bulo pero, por si acaso, los datos que dan sobre el nuevo niño de los de californianos son los siguientes:

El micro funcionará a 3 Ghz (pudiendo llevarse hasta pasados los 5 como dije el otro día). Saldrán 2 variedades con dos modelos cada uno: el primero funcionando a los 3Ghz que he dicho antes y el segundo a 2,8Ghz. La primera variedad vendrá fabricada con tecnología de 45 nm y estará diseñado para la plataforma AM3. La segunda, con tecnología de 65 nm estará destinado a las ya existentes placas AM2+.

Y lo mejor de todo sería el precio de salida: 275 y 235 dólares para las versiones a 3 y a 2,8 Ghz respectivamente. Un precio que podría arañar un buen cacho al i7 de Intel.

Página original

Actualización: La página de EETimes parece que ha sido eliminada. ¿ Se habrá metido AMD por medio o se habrán dado cuenta del patazo ?

Siguiente competidor para el iPhone

2008-12-05T10:09:00.000+01:00

Que no es otro que un terminal con el sistema operativo que Google sacó hace bien poco para móviles (Android para quién aún no se haya enterado). Aunque ya hace casi 3 meses que apareció el primer y único aparato con Android de la firma americana T-Mobile y aunque hay bastantes fabricantes que dicen estar apostando por esta solución para contrarrestar de alguna forma a Apple (como Motorola y Sony-Ericcson) parece que estos tardan más de lo debido en aparecer.

Siendo mercados como Japón donde tradicionalmente más tirada tienen todos los nuevos inventos tecnológicos ha tenido que ser Australia el país que vea el primer aparato fuera de los Estados Unidos. El cacharro en sí lo sacará la empresa Kogan. Sin contrato con ninguna marca, lo que lo hará mucho más atractivo, y a un coste de 299 dólares australianos la versión básica y 399 la más avanzada.

A mi me recuerda mucho a algunos Blackberry aunque más estilizado. Los seguidores de Apple igual lo encuentran muy aparatoso o falto de diseño pero yo prefiero el SO que ofrece Google al de la manzana. Como no podía ser de otro modo el aparato vendrá de serie con accesos directos a los servicios de Google, GMail, Google Maps, Google Search, Google Calendar, Google Maps, Google Talk y YouTube. Pero ¿ alguién pensaba lo contrario ?

Aquí os dejo las especificaciones completas del aparato por si alguien quiere buscarlo en eBay cuando salga al mercado.

Pantalla	TFT-LCD táctil de 2.5 pulgadas con una resolución de 262K QVGA (320 X 240 píxeles)
GPS	Versión Pro
Conectividad	Bluetooth 2.0 con Transferencia de datos mejorada, Wi-Fi: IEEE 802.11b/g (versión Pro)
Cámara	2.0 Megapíxeles (versión pro)
Audio	Micrófono y altavoz incluidos Jack para cascos Formatos de audio:MIDI,MP3,WMA,AAC,WAV,PCM
Vídeo	Soporta: MPEG2 H263, H264, MPEG4, AVI
Dimensiones (altoxanchoxprof)	108 mm x 64 mm x 14.8 mm
Peso	130 gr
Tiempo conversación	Hasta 400 minutos
Tiempo en espera	Hasta 300 horas
Procesador	624 MHz
Memoria	ROM: 256 MB RAM: 128 MB slot de expansión para microSD
Red	UMTS/HSDPA (850, 1900, 2100 MHz) GSM/EDGE (850, 900, 1800, 1900 MHz)

Lo que no me gusta demasiado es que siendo un SO basado en Linux no soporte formatos de vídeo y audio libres como OGG o Theora.
Página original

Móviles sin batería

2008-12-04T12:30:00.001+01:00

Unos investigadores de las universidades de Texas y de la de Houston han conseguido el desarrollo de un material piezoeléctrico con unas características muy concretas que podría hacer que un futuro no demasiado lejano los móviles dejasen de llevar batería. Los materiales piezoeléctricos son de naturaleza cristalina. Y tienen la particularidad de que cuando reciben una presión o alteración del estado desde fuera generan una pequeña carga eléctrica.

Del material usado no se ha hablado mucho. Tan solo que su espesor sería de 21 nanómetros (en comparación un cabello humano tiene 100.000 nanómetros).

El secreto dicen está en el espesor justo. Hasta ahora se habían hecho pruebas haciendo láminas de entre 20 y 23 nanómetros pero en todas decrecía la potencia de tal forma que lo hacían inusables. Por ejemplo, hace un tiempo se diseñó un tejido con el que se podían generar pequeñísimas cargas eléctricas al moverse con las que, por ejemplo, se podía cargar un reproductor de MP3. Sin embargo para que fuese factible habría que llevar un poncho enorme para conseguir la suficiente carga. Con este nuevo material la ganancia de energía llegaría al 100%. Y al ser tan extremadamente delgado se podrían crear películas que generasen electricidad incluso con la vibración del aire al hablar o con las pulsaciones de las teclas. Perfecto para hacer funcionar un móvil extrafino y extraligero.

Por cierto, esta tecnología fue desarrollada a partir de estudios del ejército americano cuando investigaba una forma de dotar de energía a los soldados por muy lejos y aislados que estuviesen para, al menos, poder comunicarse con sus compañeros. Curioso.

Página original

Poco a poco

2008-12-03T07:08:00.000+01:00

Net Applications es una empresa que se encarga de analizar información sobre lo que acontece en Internet. Una información que en muchas ocasiones puede ser muy valiosa para conocer las tendencias de este gran mercado que puede ser Internet. Como ejemplo esta gráfica y estos datos:

Mes	Windows	Mac	Linux	iPhone	Playstation	FreeBSD	Otros
Enero	91.50%	7.57%	0.64%	0.13%	0.03%	0.00%	0.13%
Febrero	91.58%	7.46%	0.65%	0.14%	0.03%	0.00%	0.14%
Marzo	91.57%	7.48%	0.61%	0.15%	0.04%	0.00%	0.15%
Bril	91.64%	7.38%	0.63%	0.15%	0.04%	0.00%	0.16%
Mayo	91.13%	7.83%	0.68%	0.16%	0.03%	0.00%	0.17%
Junio	90.89%	7.94%	0.80%	0.16%	0.03%	0.00%	0.18%
Julio	91.02%	7.76%	0.82%	0.19%	0.04%	0.00%	0.17%
Agosto	90.66%	7.86%	0.93%	0.30%	0.04%	0.00%	0.21%
Septembre	90.29%	8.23%	0.91%	0.32%	0.03%	0.01%	0.21%
Octubre	90.46%	8.21%	0.71%	0.33%	0.03%	0.02%	0.24%
Noviembre	89.62%	8.87%	0.83%	0.37%	0.04%	0.01%	0.26%

Representa la evolución de uso de los sistemas operativos de escritorio en el acceso a la gran cantidad de páginas que "controlan". En el se puede ver como poco a poco Windows va perdiendo adeptos y a situado su cuota por debajo del 90%. Sigue siendo casi monopolístico, pero otras opciones como Mac OS X y Linux le están llamando poco a poco a la puerta (sobretodo el primero, Steve Jobs debe estar contentísimo).

También es curioso el dato de las visitas a través del iPhone. Lo que viene a decir que si queréis que vuestra página sea vista adecuadamente por la mayoría de los que acceden será mejor que empieces a comprobarla también con el navegador Safari.

Y ya que se habla de navegadores, también han mostrado como por primera vez el navegador Firefox a pasado del 20% de uso mundial durante un mes completo. Un dato que aquellos que aún no han adaptado su forma de pensar a nada más allá de Internet Explorer deberían tener muy en cuenta.

Página de Net Applications

AMDs al límite

2008-12-01T18:58:00.000+01:00

Aunque estas últimas semanas parece que todas las noticias de hardware pasan por el nuevo iCore 7 de Intel también existe mundo fuera de California.

Los de AMD siguen haciendo presentaciones para llamar la atención sobre la próxima salida de su plataforma AM3 y sus próximos procesadores Phenom que saldrán a la venta en Enero. Lo que más me llama la atención de estos procesadores es que se podrán pinchar sin problemas (aunque con menos prestaciones) en las placas AM2 que ya se vendían en 2006. Algo de agradecer cuando, por ejemplo, hay que actualizar una granja de ordenadores.

Y no solo muestra nuevas plataformas y diseños. De vez en cuando sorprende con las cualidades que tienen sus micros para poder hacerles overclocking. La última que he leído sucedió esta misma semana. Unos editores de la página Hothardware fueron a una presentación que montaron presentando la plataforma Dragon que combinará un procesador AMD Phenom II X4 y una tarjeta gráfica Radeon 4800.

La presentación incluyó varios sistemas de refrigeración (que se encuentran en el mercado y cualquiera lo suficientemente desesperado puede comprar e instalar) y overclocking extremo.

La primera prueba, refrigeración con aire, y se pudo colocar al micro algo inferior a los 4Ghz a 1,55V y rondando los 32 ºC. Después le tocó el turno a la refrigeración con agua. Sobrepasaron los 4Ghz a 1,6V y llegando a 39 ºC. Incluso se llegó a los 4,4 Ghz.

Sin embargo todavía le tocaba el turno al sistema más avanzado, la refrigeración con nitrógeno líquido. Así se pudo conseguir superar y estabilizar el micro a 5Ghz e incluso arrancar superando los 6Ghz.

Sorprendente, ¿ no ?

Página original

Cambiar la distribución de teclado en Linux

2008-11-29T00:03:00.000+01:00

Linux ha avanzado en muchos sentidos, facilidad de manejo, disponibilidad de software, ... Sin embargo algo que conserva (y espero que sea así) es la flexibilidad a la hora de configurar nuestro sistema. A diferencia de otros Sistemas Operativos, Linux disfruta de varias herramientas para hacer el mismo o parecidos trabajos. Si usamos escritorios como Gnome o KDE tendremos utilidades gráficas para configurar gran parte de los aspectos sin necesidad de abrir una consola. Pero desde esta última siempre tendremos la oportunidad de cambiar lo mismo y muchos más detalles.

En algunas ocasiones nos será necesario conocer esta última forma. Por ejemplo si nos descargamos alguna imagen de una máquina virtual ya preconfigurada con un idioma diferente al nuestro o cuando hacemos la instalación de un servidor, elegimos mal el idioma y cuando accedemos por primera vez a la consola nos damos cuenta que tenemos los '/' en otro lugar.

Para esos casos os dejo los comandos precisos en cada una de las distribuciones más comunes.

Fedora

Idioma por defecto

system-config-language

Distribución del teclado

system-config-keyboard

Debian

Idioma por defecto

dpkg-reconfigure locales

Distribución del teclado

dpkg-reconfigure console-data(*)

Ubuntu

sudo dpkg-reconfigure console-setup*

Mandriva

Idioma por defecto

localedrake

Distribución del teclado

keyboarddrake

Suse

Idioma por defecto

yast2

Slackware

En este es un poco más complicado. Para cambiar momentaneamente el teclado:

setxkbmap es

Y para cambiarlo definitivamente habrá que editar el archivo "/etc/rc.d/rc.keymap" y cambiar la línea donde ponga:

*us.map*

(o la distribución que aparezca) por:

*es.map*

Fuente
(*) Desde estas herramientas se configuran otras cosas como la fuente con la que arrancan las consolas o el número de consolas virtuales de las que dispondrá. Esto, por ejemplo, no se puede hacer con ninguna herramienta gráfica, por ahora.

Filas dinámicas con JQuery

2008-11-22T00:53:00.004+01:00

JQuery es una estupenda y liviana librería Javascript que te permite hacer auténticas maravillas con muy poco código. Es cierto que existen multitud de librerías que gráficamente pueden hacer lo mismo o más cosas. Sin embargo si hay algo que diferencia a JQuery de otras librerías como Prototype o MooTools es su capacidad para encontrar y manipular los elementos de la página.

Una de las cosas que le critican es su ausencia de orientación a objetos (sobretodo de cara a proyectos grandes). Sin embargo no creo que sea ningún problema insalvable. Es más, el no añadir una capa más puede ayudar en muchos otros casos. Sobretodo teniendo en cuenta que JQuery puede lograr que tu código sea mucho más corto que con otras librerías.

Y todo esto es para responder a este artículo publicado por Neonigma. En el muestra como hacer una página para subir archivos al estilo de la usada por Blogger, permitiendo indicar tantos archivos como deseemos. Aquí solo os presento un ejemplo que usa las facilidades de JQuery para lograr la funcionalidad de insertar elementos dinámicas, para el resto del código podéis acudir al artículo que he citado antes.

El código creo que es bastante sencillo. Sin embargo si hace falta alguna aclaración podéis preguntar en los comentarios.

<script type="text/javascript">

<!--

 var columnaActual = 0;

 /* Método que ejecuta JQuery una vez

    se ha terminado de cargar el documento. */

 $(document).ready(function()

 {

   nuevaFila ();

 });

 /* Creamos una nueva fila usando la

   variable columnaActual como índice. */

 var nuevaFila = function ()

 {                 

  var fila = '<li id="fila' + ++columnaActual

    + '"><ul><li onClick="borrarFila(' 

    + columnaActual + ')">Eliminar</li><li><input type="file" id="files' 

    + columnaActual + '" name="files' + columnaActual

    + '" size="40"/></li></ul>';

  $("#filas").append (fila);

 }

 /* Elimina la fila indicada. */

 var borrarFila = function (indice)

 {

  $("#fila" + indice).remove ();

 }

-->

</script>

</head>

<body>

 <div>

  <ul id="filas"></ul>

 </div>

 <input type="button" onClick="nuevaFila ();"

  value="Insertar fila"/>

</body>

El resultado lo podéis probar aquí.

Record de velocidad en escritorio

2008-11-21T19:14:00.000+01:00

Aunque estas últimas semanas parece que todas las noticias de hardware pasan por el nuevo iCore 7 de Intel también existe mundo fuera de California.

Siguen haciendo presentaciones para llamar la atención sobre la próxima salida de su plataforma AM3 y sus próximos procesadores Phenom que saldrán a la venta en Enero. Lo que más me llama la atención de estos procesadores es que se podrán pinchar sin problemas (aunque con menos prestaciones) en las placas AM2 que ya se vendían en 2006. Algo de agradecer cuando, por ejemplo, hay que actualizar una granja de ordenadores.

Y no solo muestra nuevas plataformas y diseños. De vez en cuando sorprende con las cualidades que tienen sus micros para poder hacerles overclocking. La última que he leído sucedió esta misma semana. Unos editores de la página Hothardware fueron a una presentación que montaron presentando la plataforma Dragon que combinará un procesador AMD Phenom II X4 y una tarjeta gráfica Radeon 4800.

La presentación incluyó varios sistemas de refrigeración (que se encuentran en el mercado y cualquiera lo suficientemente desesperado puede comprar e instalar) y overclocking extremo.

La primera prueba, refrigeración con aire, y se pudo colocar al micro algo inferior a los 4Ghz a 1,55V y rondando los 32 ºC. Después le tocó el turno a la refrigeración con agua. Sobrepasaron los 4Ghz a 1,6V y llegando a 39 ºC. Incluso se llegó a los 4,4 Ghz.

Sin embargo todavía le tocaba el turno al sistema más avanzado, la refrigeración con nitrógeno líquido. Así se pudo conseguir superar y estabilizar el micro a 5Ghz e incluso arrancar superando los 6Ghz.

Sorprendente, ¿ no ?
Página original

Energía inalámbrica

2008-11-17T20:42:00.000+01:00

Eso es lo que según Intel en no demasiado tiempo podremos usar de forma cotidiana en nuestras casas, oficinas, cafeterías y cualquier lugar imaginable.

Según han mostrado en una demostración de lo que su tecnología WREL (Enlace de Resonancia de Energía Inalámbrica en su traducción desde el inglés) puede hacer han, por ejemplo, encendido una bombilla de 60 Watios sin necesidad de que estuviese conectada a ningún sitio. Puede parecer poca cosa pero los portátiles podrían recargarse rápidamente con esa potencia y algunos de ellos funcionar de forma continua.

El principio de funcionamiento es simple. Una superficie conectada a una toma de corriente transforma dicha corriente en un campo magnético. Cuando un equipo con un "receptor" descubre dicho campo magnético lo usa convirtiendolo de nuevo en electricidad que puede usar normalmente. En el proceso, siempre según las palabras de Intel, solo se perderá un 25% de la energía en forma de conversión y transmisión. Siempre y cuando el objeto se encuentre en un radio de entre 60 o 90 centímetros.

Una tecnología así podría cambiar muchas cosas en nuestras casas. En vez de tener multitud de enchufes por casa podríamos tener estos aparatos empotrados en la pared o, por ejemplo, tener una pequeña mesa en el comedor. Allí podríamos llevarnos una taza de agua y el té se haría mientras seguimos viendo nuestra serie favorita.

Aunque yo tengo mis dudas con eso de que es totalmente seguro para la salud. Si ya se duda sobre los pequeños campos magnéticos de los móviles. Estar rodeados de campos magnéticos en casa para algo tan trivial (al menos para mi) como no poner un cable de corriente me parece un poco pasarse.

Menos mal que aún dicen que están en la infancia de la tecnología y faltan años antes de poder ver dispositivos que la usen.

Página original

¿ Revolución ?

2008-11-15T22:37:00.004+01:00

Está claro que lo que hoy es ciencia ficción mañana puede ser una realidad.

Esto es lo que ha pasado con la interfaz de comunicación máquina-hombre que apareció en la película Minority Report. La empresa Oblong ha desarrollado una interfaz a la que ha bautizado g-speak. Esta empresa fue creada por unos investigadores del MIT que ya hicieron un trabajo preliminar con este tipo de tecnología. Para que os hagáis una idea de las cosas que se pueden hacer os dejo un vídeo demostrativo que ha colgado la empresa.

Muestra de g-speak gracias John Underkoffler en Vimeo.

Impresionante, ¿ verdad ?

Comparan, no sin razón, el invento con el cambio que supuso en 1984 la introducción de las primeras interfaces gráficas. Las posibilidades son enormes. Ya que el precio inicial será prohibitivo (también a la hora de tener un salón lo suficientemente grande como para poder aprovecharlo) los primeros en aprovecharlo podrían ser empresas de diseño, de control de procesos con multitud de orígenes de datos o empresas de seguridad, por poner unas pocas.

Según dicen en su página se podría aprovechar tanto en salones, en salas de conferencias (no quiero ser yo el que le explique a mi jefe como usar esto con sus PowerPoints) o en los coches. Esto último lo veo un poco más problemático, ¿ os imagináis teniendo que estar haciendo aspavientos con las manos mientras conduces para que te muestre los datos del GPS ?

Por supuesto que el día que esta tecnología llegue a los hogares seguro que los avispados del porno son los primeros en sacarle provecho.

Página original

Arranque de Windows Vista en 4 segundos

2008-11-14T07:26:00.001+01:00

La compañía taiwanesa ASRock de placas bases ha presentado una tecnología que permitirá iniciar los equipos con Windows XP y Vista en tan solo 4 segundos. Para comprobarlo tan solo hay que observar el siguiente cutrevídeo que la propia compañía ha presentado como lema de su campaña:

Como se puede observar en el vídeo aparecen dos opciones Modo Rápido y Modo Regular. El primero es el que arranca el equipo en 3 ó 4 segundos. Con el segundo se retrasa hasta unos más que decentes 20 ó 22.

Para llegar a este tiempo han usado la existente tecnología ACPI (para la configuración avanzada del consumo). Concretamente han usado la parte que permite dormir o hibernar el equipo. Usando dichas funciones durante momentos específicos del apagado y encendido de Windows se consigue lo visto.

El modo de arranque rápido nos permite disfrutar del arranque casi instantáneo con un Windows completamente límpio (como si fuese un inicio normal del sistema). Lo que vendrá de perlas a aquellos que dejan el equipo encendido para no tener que esperar después el arranque (*).

Sin embargo todo tiene pegas. Para poder usar el modo más rápido tendremos que tener en cuenta varios detalles:

El equipo no puede desconectarse de la corriente (lo que, aunque no lo digan, es de suponer que seguirá gastando algo de energía).
Solo podrá usarse en equipos con un solo usuario y sin protección con clave.

Por último si eres poseedor de una placa base basada en uno de estos chipsets: AMD 780G y 790GX o Intel P45 y Intel P43, podrás desde ya bajarte una actualización de la BIOS desde aquí y probar esta tecnología sin tener que cambiar la placa. Si alguien lo hace, por favor, ¿ podéis comentar vuestras impresiones ?

* El extremo de los que no apagan el ordenador por no tener que esperar un par de minutos a encenderlo me parece un poco irresponsable. Primero por el incremento de energía (y su correspondiente factura) y segundo ... pero si tardas más tiempo en ir a lavarte los dientes que en darle al encendido del PC ...
Página original

Flot, librería de gráficos con CSS y Javascript

2008-10-29T12:46:00.000+01:00

Esta es una grandiosa (y no por el tamaño, 44Kb, 32 si nos dan igual los usuarios de IE) librería Javascript para hacer gráficos (de líneas, de barras, de puntos) de una forma rápida y muy fácil.

El ejemplo más básico sería tan simple como crear una tabla encerrada dentro de un div con las propiedades correctas y llamar a la librería para que muestre el gráfico. Con las propiedades correctas me refiero a la identificación del div que debe ser placeholder y establecer el ancho y el alto usando CSS.

Aunque lo más "simple" es crear la tabla es mucho más eficiente tanto por tamaño como por velocidad de ejecución crear los datos en un array javascript y pasárselo al script. Este último método será el que use para demostrar la librería. Pero como nada es perfecto si creéis que vuestra web puede ser accedida por personas ciegas o que no tengan habilitado JavaScript sería aconsejable usar las tablas.

Antes de mostrar el primer ejemplo y si tienes que tener en cuenta a los usuarios de IE tendrás que incluir esto:

Con esto se conseguirá emular el estandar Canvas que ya está presente en las últimas versiones de todos los navegadores. Ahora vamos con el primer ejemplo:

<div id="placeholder" style="width:600px;height:300px;"></div>

<script id="source" language="javascript" type="text/javascript">
$(function ()
{
linea1 = [[1,3], [4,4],[5,7],[7,10],[10,8]];
linea2 = [[0,3],[6,3],null,[6,10],[9,12],[11,9]];

$.plot($("#placeholder"), [linea1,linea2]);
});
</script>

Y mostraría algo como esto:

Como se puede ver nada complicado. Si en el array que se pasa algún valor está puesto a null mostrará un salto en la línea, como podéis ver en la línea azul.

Ahora vayamos con más opciones basados todos en el código anterior.

Si llamamos al constructor de esta forma:

$.plot($("#placeholder"), [linea1,linea2], { yaxis:{max:20}});

Le indicaremos que la línea vertical debe llegar hasta la cantidad que le indiquemos. Lógicamente también podemos establecer el mínimo con {min:X}.

Cada línea tiene multitud de opciones que nos permitirán definir la forma en que queremos que se muestren y actuen. Estas son todas las disponibles:
{
color: color o número,
data: array con los datos,
label: etiqueta para la leyenda,
lines: especifica las opciones de la línea,
bars: especifica las opciones de la barra,
points: especifica las opciones de los puntos,
xaxis: 1 ó 2,
yaxis: 1 ó 2,
shadowSize: tamaño de la sombra
}

Las opciones que no se establezcan se tomarán por defecto. Por ejemplo, si queremos que la primera línea se muestre como una sucesión de puntos y muestren una leyenda crearemos los datos así:

linea1 = {
label:"Linea 1",
points:{show:true},
data:[[1,3], [4,4],[5,7],[7,10],[10,8]]
};
linea2 = {
label:"Linea 2",
bars:{show:true,barWidth:1,align:"center"},
data:[[0,3],[6,3],null,[6,10],[9,12],[11,9]]
};

Que nos mostraría algo así:

Para las demás opciones os aconsejo que leáis el manual (no he encontrado manual en castellano, si estáis muy interesados otro día haré una entrada mucho más larga con todas las opciones de la librería).

Ahora mostraré algunas de las opciones que cambian el aspecto global del gráfico. Empezando con la leyenda. Estas son las opciones disponibles (después mostraré un gráfico usando algunas de estas opciones):
legend: {
show: lógico
labelFormatter: null o (función: string -> string)
labelBoxBorderColor: color
noColumns: columnas que no hay que mostrar
position: posición de la leyenda "ne", "nw", "se" o "sw"
margin: número de píxeles
backgroundColor: null o color
backgroundOpacity: un número entre 0.0 y 1.0
container: null o un objeto jQuery
}

Y siguiendo con las interesantes propiedades de la matriz:
grid: {
color: color
backgroundColor: color o null
tickColor: color
labelMargin: margen de las etiquetas
markings: array de markings o (función: eje -> array de markings)
borderWidth: ancho de los bordes
clickable: lógico
hoverable: lógico
autoHighlight: lógico
mouseActiveRadius: radio
}

Usando esta confuración podemos añadir esto al ejemplo:
configuracion = {
legend: {
position:"nw",
backgroundOpacity:0.7
},
grid: {
hoverable:true
}
}

$.plot($("#placeholder"), [linea1,linea2], configuracion);

Y terminariamos con algo como esto:

Ahora solo queda que os bajéis la librería, veáis los ejemplos que vienen incluídos y conozcáis el resto de posibilidades que ofrece.
Página de Flot

Nuevo invento de Asus

2008-10-20T16:06:00.000+02:00

Asus presentó en el pasado festival Computex 2008 un prototipo como el que aparece en la pantalla. Un portatil con doble pantalla táctil que se supone presentará durante la primera mitad de este año que viene.

Se supone que vendrán preparados para operar junto con el próximo Windows 7. Sin embargo Microsoft no lanzará su nuevo sistema operativo hasta el año 2010. Así que o lo lanza con menos posibilidades de las presentadas o crean ellos mismos una interfaz basada en la que ha presentado con el nuevo EEE Top.

Lo hagan como lo hagan las posibilidades espectaculares:

Trabajando como tablet PC. Se podría utilizar como dos pantallas o una sola pantalla enorme.

Trabajando con otra persona. Parecido a trabajar en forma de Tablet pero con cada pantalla girada hacia un lado se podría trabajar conjuntamente con otra persona.

Trabajando como un portatil. Una de las pantallas presentaría un teclado. Supongo que las pantallas disfrutarán de tecnología multitáctil y con presión variable. Así se podrán dejar los dedos sobre ella sin que lo reconozca como pulsaciones.

También vería fenomenal esta posiblidad para, por ejemplo, tener varios documentos en la parte de arriba mientras en la de abajo estás tecleando en la mitad inferior de la pantalla y el editor lo tienes en la otra ventana.

¿ Qué os parece el aparatito ?

P.D. Por supuesto ninguno de los dos ha salido al mercado ni tan siquiera asiático. De aquí a que llegue a España .... si llega ...

Diseñando el futuro

2008-10-12T13:03:00.003+02:00

Seok-Hyung Bae, Ravin Balakrishnan y Karan Singh. Estos son los nombres de los creadores de este invento. Una tableta destinada específicamente para diseñadores en 2 pero especialmente de 3 dimensiones. Es mucho más fácil ver lo que puede hacer que intentar describirlo. Sencillamente genial.

Página original

Como: Revelar un texto oculto en Photoshop

2008-10-09T10:07:00.004+02:00

En el siguiente vídeo se puede observar el proceso por el que un texto previamente censurado puede "limpiarse" claramente. Tan solo usando el Photoshop CS3 y las posibilidades que su motor de Javascript brinda.

Los detalles de cómo lo hace podéis verlo en la página web del autor.

Buscar en la consola

2008-09-26T16:17:00.004+02:00

Los que trabajamos mucho con el ordenador hemos tenido alguna vez la necesidad de buscar algún archivo entre el maremagnum en que se han convertido nuestros discos duros.

Por su comodidad casi todos usamos las utilidades gráficas que acompañan a nuestro entorno operativo. Sin embargo la tradición de consola de UNIX nos facilita varias herramientas muy potentes (y para nada difíciles) para llevar a cabo dicha tarea. Aquí las presento con un pequeño resumen de su modo de uso.

find
Este comando es uno de los más potentes. Aunque tiene multitud de opciones para buscar archivos no nos hará falta recurrir a todo su arsenal para una búsqueda simple. Su formato es el siguiente:

find ruta criterio acción

donde:
"ruta" es la sección del sistema de archivos que queremos rastrear. Si no se especifica toma el directorio actual.

"criterio" por el que se buscará el archivo. Aquí es donde se incluye toda la potencia y dificultad del comando. Solo voy a presentar una opción. Si queréis saber más: man find.

"acción" representa lo que se quiere hacer en cada archivo encontrado. Por defecto lo muestra por pantalla pero también se puede eliminar o ejecutar un comando con cada archivo encontrado.

locate
Este comando es mucho más rápido que find puesto que guarda una base de datos con los archivos disponibles. Sin embargo no rastrea el disco duro automáticamente en busca de archivos nuevos. Para regenerar la base de datos hay que ejecutar el comando updatedb, por ejemplo, en cada arranque.

Este comando es muy inseguro puesto que cualquier usuario puede realizar una búsqueda en todos los archivos del sistema independientemente del dueño del archivo. Por ello se creo un comando equivalente pero más seguro llamado slocate (que se actualiza ejecutando slocate -u.

whereis
Este comando tiene varias posibilidades. Le indicamos el nombre de un comando y nos intentará devolver el ejecutable, la página del manual y el archivo de código fuente de dicho comando. También se le puede pedir una parte de dicha información con los parámetros -b, -m, -s respectivamente.

which
Con este comando podremos averiguar desde donde se ejecuta el comando especificado. Lo que hace es recorrer el PATH del sistema buscando dicho comando. Es muy útil cuando tenemos varias versiones de un mismo comando y no sabemos cuál se ejecuta.

type
Este comando es útil si queremos saber si un determinado comando es un ejecutable o forma parte de la shell. Por ejemplo, si ejecutamos:

$ type type

Nos devolverá:

type es una función integrada en la shell

Sin embargo si ejecutamos type con el nombre de un comando externo nos indicará la ruta desde la que se ejecuta. Muy parecido al anterior comando.

Por último y aunque no es un comando por si mismo sí podemos usar la potencia de las tuberías de UNIX para hacer algo así:

find * | grep [nombre]

Primero find buscará todos los archivos y podremos filtrarlos con tada la potencia para procesar cadena de que dispone grep. Pero ese es otro tema.

OpenOffice - Áreas

2008-09-02T17:18:00.003+02:00

Las áreas son a OpenOffice Writer lo que a otros procesadores de texto las secciones (es más en las primeras versiones y en la versión en inglés se encuentra como sección en vez de como área). Es una forma fácil y centralizada donde ver y gestionar la estructura de un documento.

Pero no se limita simplemente a estructurar. Podemos establecer en cada área un número de columnas, unas sangrías, un fondo e incluso unas notas diferentes al resto del documento.

Para crear un nuevo área podemos partir de un texto ya escrito, empezar con un área vacía o usar un documento diferente.

Las dos primeras opciones son las más sencillas. Seleccionando el texto que queremos que pertenezca al área o sin ningún texto seleccionado tan solo debemos ir al menú Insertar área del menú Insertar. Le damos un nombre apropiado o dejamos el que nos viene correlativo por defecto y le damos a aceptar.

Para la última opción debemos tener en cuenta que solo podemos insertar otros documentos de Writer. Esto aún no termina de convencerme. Existen varios puntos dentro del menú Insertar para insertar según qué tipo de objeto. Deberían poder insertarse objetos de cualquier aplicación de OpenOffice como área de un documento para darle más consistencia a la aplicación.

Siguiendo con los documentos asociados se puede hacer que no se pueda modificar o que siga siendo editable incluso en los documentos de solo lectura. En el caso de hacerlo no modificable nos deja la posibilidad de cambiar los colores de partes del documento pero no modificar el texto ni propiedades como las fuentes asociadas a el.

Si queremos modificar las propiedades de un área tan solo tenemos que acudir al diálogo que se abre al seleccionar Formato->Secciones (algo malo debe haber en la traducción al castellano cuando se crean áreas y se gestionan secciones). Allí podemos modificar los mismos parámetros que se nos presenta en la creación.

Por otra parte siempre podremos saber en qué sección nos encontramos mirando en la barra de estado, en las versiones anteriores a la 3 se encuentra en la esquina inferior derecha y a partir de la versión 3 a la izquierda de los iconos de visualización de páginas.

Aunque se pueden explicar muchas más cosas sobre el uso de las áreas creo que es mucho mejor, sabiendo lo básico, experimentar en un nuevo documento.

Propiedades en PHP

2008-08-21T16:47:00.001+02:00

Si hay algo que identifica a la programación orientada a objetos es la encapsulación de los datos que manejamos. Desde fuera de un objeto no se debe acceder directamente a los datos que maneja dicho objeto. Con esta definición aparece de forma natural el concepto de propiedad.

Una propiedad es una relación entre un valor y dos métodos para acceder a dicho valor desde fuera del objeto. Con uno de dichos métodos guardamos un nuevo valor y con el otro lo rescatamos. De esta forma se posibilita que el objeto tenga total control sobre lo que se hace con sus datos y se simplifica el acceso a ellos desde el exterior.

Este concepto se implementa de forma muy sencilla en Python:

nombre = property (get_Nombre, set_Nombre)

en C#:

public int nombre
{
   get { return _nombre; }
   set { _nombre = value; }
}

o en Pascal:

property Nombre: String read get_Nombre write set_Nombre;

Aunque se supone que PHP tiene una facilidad parecida no es, ni mucho menos, igual de intuitiva. En PHP cada clase tiene dos métodos mágicos: __set y __get. Estos métodos se llaman cada vez que se intenta acceder a un atributo del que el intérprete de PHP no tiene constancia. Creo que se entenderá mejor con un ejemplo:

<?php
class ejemplo
{
    private $propiedad1 = 'Propiedad 1';
    private $propiedad2 = 'Propiedad 2';
 
    public function __get ($propiedad)
    {
        switch ($propiedad)
        {
            case 'p1':
                return $this->propiedad1;
            case 'p2':
                return $this->propiedad2;
        }
    }
 
    public function __set ($propiedad, $valor)
    {
        switch ($propiedad)
        {
            case 'p1':
                $this->propiedad1 = $valor;
            case 'p2':
                $this->propiedad2 = $valor;
        }
    }
}
 
$j = new ejemplo;
echo $j->p1;
echo $j->p2;
 
$j->p1 = 'Hola';
$j->p2 = 'mundo';
?>
 

En este ejemplo al intentar acceder a p1 y p2 el interprete buscará en la tabla del objeto ejemplo. Al no encontrarla llamará a la funcion __set o __get con el nombre del atributo al que se intenta acceder. Dentro de esa función podemos hacer lo que consideremos más adecuado.

Esto nos da una gran libertad y flexibilidad. Sin embargo es un poco tedioso tener que escribir una y otra vez estos dos métodos para cada clase que diseñemos. Sería, desde mi punto de vista, mucho más sencillo escribir algo como esto:

private $propiedad1 set setPropiedad1 get getPropiedad1;

Como esto es algo que no creo que se añada en bastante tiempo al lenguaje puedes hacer algo parecido a esto para evitar tener que repetir las mismas funciones una y otra vez.

<?php
class Properties
{
    public function __get ($propiedad)
    {
        if (method_exists ($this, $metodo = 'get_' . ucfirst($propiedad)))
            return $this->$metodo();
    }
 
    public function __set ($propiedad, $valor)
    {
        if (method_exists($this, $metodo = 'set_' . ucfirst($propiedad)))
            $this->$metodo($valor);
    }
}
 
class Libro extends Properties
{
    private $titulo;
 
    public function set_Titulo ($titulo)
    {
        $this->titulo = $titulo;
    }
 
    public function get_Titulo ()
    {
        return $this->titulo;
    }
}
 
$libro = new Libro;
$libro->titulo = 'El Silmarillion';
echo $libro->titulo;
?>
 

De esta forma las clases que precisen tener propiedades tan solo tendrán que heredar de la clase Properties y definir los métodos precisos.

También puedes añadir una llamada a la función trigger_error si no está definida la función. Eso ya es cuestión de necesidades.

Los cables de USB 3

2008-08-19T16:38:00.002+02:00

Ya he hablado en varias ocasiones del desarrollo de la nueva versión de USB, la 3 (aquí y aquí) así que no voy a volver a contar otra vez todos los pormenores de su desarrollo. En esta ocasión voy a hablar (y a mostraros algunas fotografías) de los cables que acompañarán a los conectores, puesto que sin ellos, claro está, los conectores sirven para poco.

Los nuevos cables serán muy diferentes a los actuales. Serán más parecidos exteriormente a los cables de red Ethernet. Mientras el cable anterior tenía 4 hilos (dos para datos, uno para corriente y otro para tierra) el nuevo formato añade cinco nuevos hilos.

Este cable dispone de dos hilos de datos en un sentido y otros dos en otro. Por lo que será mucho más rápido y sencillo, por ejemplo, la sincronización de dispositivos al no tener que cambiar el sentido de los datos una y otra vez.

Por otra parte la cantidad de energía eléctrica subirá desde los 100 miliamperios a los 900. Lo que posibilitará cargar los dispositivos mucho más rápido así como tener conectados más dispositivos a una misma línea de cables o conectar dispositivos que precisan más carga (menos cables por medio, una buena excusa para justificar la compra de un equipo nuevo ;).

Por último, aunque no menos importante, es que la nueva especificación cambia el protocolo de acceso a dispositivos. En la versión actual el sistema mantenía una cola con los dispositivos conectados e iba comprobando recursivamente si había datos pendientes de cada uno. Esto hacía que los dispositivos gastasen energía cuando no estaban haciendo absolutamente nada. El nuevo protocolo usa interrupciones para que cuando un dispositivo tenga algo que enviar se lo comunique al sistema y este proceda a acceder a los datos.

En fin, que cada vez se me hace más atractivo este nuevo forma que promete mucho. Supongo que igual que pasó con las versiones anteriores aparecerán nuevos dispositivos que aprovechando las nuevas cualidades nos hagan rascarnos el bolsillo para "disfrutar" de un nuevo mundo de posibilidades.
Página original

NumFolder 1

2008-08-14T17:06:00.005+02:00

Hace un tiempo hice una pequeña utilidad para indexar el contenido de una carpeta. Una tontería pero que para ciertos casos puede llegar a ser muy útil.

La idea inicial era para renombrar las carpetas con cientos de fotos, poder ponerle un nombre delante y numerarlas secuencialmente. Aunque esta tarea se puede hacer con multitud de programas todos ellos te presentan decenas de opciones que para el caso son inútiles y lo único que logran es enlentecer el proceso.

En la imagen podéis ver la única ventana de la que consta. Seleccionas la carpeta a procesar (o desde el explorador pinchas con el botón derecho en una carpeta y seleccionas Enumerar), indicas el número desde el que empezar a enumerar, el incremento entre archivo y archivo, si quieres poner algún texto antes y después y, por último, si quieres que automáticamente rellene la numeración con ceros a la izquierda. Pulsas "Procesar carpeta" y nada más.

Espero que os pueda ser útil y si tenéis alguna duda o creéis que no estaría mal que tuviese algo más tan solo comentarlo.
Bajar NumFolder 1.0

P.D. Si alguien quiere usarlo en Linux que me lo pida. Y si lo quiere para Mac ... lo tendrá que compilar el mismo o regalarme uno para que lo haga yo por el :)

Captura versión 1.1.4 en Linux/KDE

Nueva localización

Truco Linux

2008-08-11T17:21:00.002+02:00

Desmontar unidades de CD/DVD que han dejado de responder

Algo que achacan algunos administradores de servidores Windows es que, en aquel, cuando pulsan el botón de expulsar un CD de la unidad este sale inmediatamente. Linux monta el CD y necesita ser desmontado antes de expulsarse. Esto no es ningún problema hasta que algún proceso se queda colgado y no nos permite la extracción. Para ver como solucionar el problema primero vamos a intentar simularlo. Lo primero que tenemos que hacer es abrir una terminal y escribir lo siguiente:

# mount /media/cdrom
# cd /media/cdrom
# while [ 1 ]; do echo "La unidad está ocupada"; sleep 30; done

Ahora abre una segunda terminal e intenta ejecutar el CD.

# eject

debes recibir un mensaje como este:

umount: /media/cdrom: device is busy

Antes de que lo intentes liberar prueba esto otro:

# fuser /media/cdrom

Te mostrará el proceso que está ocupando el recurso y si tienes permisos de root podrás hacer:

# fuser -k /media/cdrom

para matar dicho proceso. Ahora podrás expulsar el CD correctamente.

Genéricos. Comprendiendo el uso de comodines

2008-07-29T12:10:00.002+02:00

Uno de los aspectos más complicados a la hora de programas con genéricos en Java es el uso de los comodines. No solo por entender su funcionamiento sino por los errores que puede lanzar el compilador si no se usan correctamente.

Introducción a los comodines

Los genéricos son una forma de expresar las limitaciones en el comportamiento de una clase o un método ante tipos de datos desconocidos. Algo como “sea cual sea el tipo de los parámetros x e y de este método deben ser del mismo tipo” o “debes usar un parámetro del mismo tipo a estos dos métodos” o “el tipo devuelto por foo() es del mismo tipo que bar()”.

Los genéricos juegan un papel muy importante en el sistema de tipado. Son útiles para limitar el alcance de las familias de tipos especificados por una clase genérica. Para la clase genérica ArrayList el tipo ArrayList es un supertipo de ArrayList para cualquier tipo (referencia) T.

El tipo comodín List es diferente del tipo simple List y del tipo concreto List. Decir que una variable x es de tipo List significa que existe algún tipo T para el que x es de tipo List y que x es homogéneo aunque no conozcamos que tipo particular de elementos contiene. No significa que pueda contener cualquier cosa. Solo que no sabemos que limitación de tipo tiene el contenido, solo sabemos que tiene una limitación. Por otra parte el tipo simple List es heterogeneo. No podemos imponer ninguna limitación de tipo a sus elementos. Y el tipo concreto List significa que sabemos explícitamente que contiene un objeto.

Claro está que el sistema de tipos genéricos no tiene ningún concpeto de “el contenido de la lista” pero es más fácil de entender el concepto en términos de colecciones de tipos como List.

La utilidad de los comodines viene dada en parte del hecho de que los genéricos no son covariantes. Las matrices son covariantes. Porque siendo Integer es un subtipo de Number el tipo de array Integer[] es un subtipo de Number[] y entonces hayá donde se requiera un valor Number[] se puede suministrar un valor Integer[].

Sin embargo el tipo List no es un subtipo de List. Si se pide una variable del último y suministramos un List se producirá un error en tiempo de compilación. Esta diferencia de comportamiento puede llevar a más de una confusión.

¿ Y ahora qué ?

En el listado 1 se puede ver un tipo de contenedor simple (Caja) que soporta las operaciones put y get. Caja está parametrizado para un tipo de dato T que indica el tipo de dato que contiene la caja. Una Caja solo puede contener elementos de tipo String.

Listado 1. Tipo simple genérico Caja

public interface Caja

{

public T get();

public void put(T elemento);

}

Un beneficio de los comodines es que permite escribir código que puede operar en variables de tipos genéricos sin conocer exactamente las limitaciones del tipo. Por ejemplo, suponiendo que existe una variable de tipo Caja como la del parámetro caja del método desempacar del listado 2. ¿ Qué hará desempacar() con la caja que se le ha pasado ?

Listado 2. Método desempacar con un parámetro comodín

public void desempacar(Caja caja)

{

System.out.println (caja.get ());

}

En realidad puede hacer muchas cosas: puede llamar al método get() y a cualquier otro método heredado de Object (como hashCode()). Lo único que no puede hacer es llamar al método put(). Esto es así porque el compilador no puede verificar tal operación sin conocer qué tipo de parámetro T usará esta instancia de Caja.

¿ Qué sabe desempacar() del valor devuelto por caja.get() ? Sabe que es T para algún T desconocido. Así que lo mejor que puede hacer es concluir que el valor devuelto por get() es el eliminado (N.T. no he encontrado una traducción para la palabra original 'erasure'. Viene a ser la eliminación de la información del tipo genérico) del tipo desconocido T. Que, en el caso de los comodines ilimitados es Object. Así que la expresión caja.get() del listado 2 tendrá como tipo Object.

Captura de comodines

El listado 3 muestra un código que parece que debe funcionar, pero no lo hace. Toma una Caja genérica, extrae su valor e intenta volver a poner de nuevo el valor en la misma caja.

Listado 3. Una vez que tomas el valor no puedes volver a ponerlo

public void reencajar(Caja caja)

{

caja.put(caja.get());

}

Reencaja.java:8: put(capture#337 of ?) in Caja cannot be applied

to (java.lang.Object)

caja.put(caja.get());

1 error

Este código parece que debería funcionar porque el valor que devuelve es el que ciertamente debería ingresar. Pero en vez de eso el compilador muestra este error tan aclaratorio. ¿ Qué significa un error así ?

Cuando el compilador encuentra una variable con un comodín en su declaración de tipo, como el parámetro caja, sabe que debe haber alguna T para la cual caja es un Caja. Pero no sabe que tipo representa T. Por eso crea un marco para ese tipo referido al tipo que debe ser T. Ese marco se llama el capture para ese comodín en particular. En este preciso caso el compilador le ha asignado el nombre “capture#337 of ?”. Cada ocurrencia de un comodín en cada declaración de variable recibe un marco diferente. Así que en la declaración de un genérico foo (Pair x, Pair y) el compilador asignará un nombre diferente para cada uno de los 4 comodines porque no hay ninguna relación entre los parámetros de tipos desconocidos.

Lo que nos dice este mensaje de error es que no podemos llamar a put() porque no se puede verificar que el tipo del parámetro actual a put() es compatible con el tipo de su parámetro formal, porque el tipo de su parámetro formal es desconocido. En este caso porque ? básicamente significa “? extiende Object” el compilador ha dado por sentado que el tipo de caja.get() es Object no “capture#337 of ?”. Y no puede verificar estáticamente que un Object es un valor aceptable para el tipo identificado por el marco “capture#337 of ?”.

Ayudantes de captura

Existe un truco que puede ser usado para hacer que el compilador restituya la información; darle un nombre al tipo de comodín desconocido. En el listado 4 se puede ver una implementación de reencajar junto con un método de ayuda genérico que lleva a cabo el truco:

Listado 4. El idioma del “ayudante de captura”

public void reencajar(Caja caja)

{

reencajarAyudante (caja);

}

private void reencajarAyudante (Caja caja)

{

caja.put(caja.get());

}

El método ayudante es un método genérico. Los métodos genéricos presentan un tipo de parámetro adicional que se coloca entre cuñas antes del tipo devuelto. Normalmente se usan para formular limitaciones de tipos entre los parámetros y/o el valor devuelto del método. En el caso de reencajarAyudante() sin embargo no se usa para especificar una limitación de tipo sino para permitir al compilador (a través de inferencia de tipo) darle un nombre al tipo usado en el parámetro.

Este truco nos permite saltarnos las limitaciones del compilador a la hora de lidiar con los comodines. Cuando reencajar llama a reencajarAyudante sabe que hacerlo es seguro porque su propio parámetro caja debe ser una Caja de algún tipo desconocido T. Como el parámetro V es presentado en la firma del método y no está ligado con ningún otro tipo de parámetro también puede referirse a cualquier tipo desconocido.Así que una Caja de un tipo T desconocido debería servir también como una Caja para un tipo V desconocido. Ahora la expresión caja.get() en reencajarAyudante() no será de tipo Object sino de tipo V. Y está permitido pasar una V a Caja.put().

Podríamos haber declarado reencajar() como un método genérico desde el primer momento como reencajarAyudante() pero no se considera una buena práctica de diseño. La principal guía de diseño aquí es “no le des un nombre a algo si no te vas a referir nunca a el por su nombre”. En el caso de los métodos genéricos si un tipo de parámetro aparece únicamente una vez en la firma del método probablemente debería ser un comodín en vez de un parámetro con nombre. En general las APIs con comodines son más simples que aquellas con genéricos. Y la proliferación de nombres de tipos en la declaración de métodos complicados tiende a hacer la declaración menos leíble. Como el nombre siempre puede ser enmascarado dentro de un ayudante si hace falta, se tiene la oportunidad de mantener APIs límpias.

Inferencia de tipo

El truco de ayudante de tipo depende de varias cosas: la inferencia de tipo y la conversión de métodos capture. El compilador de Java no hace inferencia de tipo en muchos sitios. Pero precisamente uno de ellos es a la hora de inferir el tipo del parámetro de los métodos genéricos. Se puede especificar el valor del tipo del parámetro si se quiere pero solo si se quiere nombrar el tipo. Así que la única forma de que funcione es si el compilador infiere el tipo por si mismo. La conversión de métodos captura es lo que lo permite al compilador crear un marco para el tipo del comodín capturado para que la inferencia de tipo pueda detectarlo.

El compilador intentará inferir el tipo más específico que pueda cuando resuelva una llamada a un método genérico. Por ejemplo en este método genérico:

public static T identity(T arg) { return arg };

y en esta llamada:

Integer i = 3;

System.out.println(identity(i));

el compilador inferirá que T es un Integer, un Number, un Serializable o un Object. Pero elegirá Integer porque es el tipo más específico que encaja.

Se puede usar inferencia de tipo para reducir alguna redundancia cuando se crean instancias de genéricos. Por ejemplo usando la clase Caja, creando Caja implica que tienes que especificar el tipo String dos veces:

Box box = new BoxImpl();

Este violación del principio NTR (No Te Repitas) puede ser un poco aburrida, sobretodo cuando los IDEs son capaces de hacer parte del trabajo. Aunque si la implementación de la clase CajaImpl provee un método de fábrica genérico, como en el listado 5 (que muchas veces es una gran idea), puedes reducir la redundancia en el código cliente:

Listado 5. Método de fábrica genérico

public class CajaImpl implements Caja

{

public static Caja haz()

{

return new CajaImpl();

}

...

}

Si se instancia una Caja usando la factoria CajaImpl.haz() solo se deberá indicar el tipo una vez:

Caja miCaja = CajaImpl.haz();

Además de evitar teclear más de la cuenta el método de la factoría tiene otras ventajas sobre los constructores. Le puedes dar nombres más descriptivos, pueden devolver subtipos del tipo solicitado y no tienen por qué crear nuevas instancias en cada llamada, posibilitando la compartición de datos entre instancias inmutables.

Conclusión

Los comodines son uno de los trucos que más confusión ocasionan. Desde los crípticos mensajes de error lanzados por el compilador a la especificación del lenguaje Java. Sin embargo si se usan correctamente pueden ser extremadamente poderosos.

Artículo original por Brian Goetz

Nubes de etiquetas en Blogger

2008-07-14T10:43:00.008+02:00

Algun@s me habéis preguntado varias veces como cambiar la interminable (en ocasiones) y aburrida (la mayoría) lista de etiquetas de los blogs de Google. Aunque es algo que debería incluir por defecto desde hace tiempo el propio blogger tendréis que echar mano de algunos servicios que te permite hacerlo fácilmente pero dejando el control en manos de otro o bien pringarte un poco y toquetear la plantilla de tu blog.

Yo me quedo con la segunda. Que es la que os voy a mostrar. Primero debéis aseguraros de tener un widget "Etiqueta". Antes de proceder recordad el título que le habéis dado a ese widget que puede que te haga falta más tarde.

Los pasos son muy sencillos.

Vete a personalizar el diseño del blog.
Abre la pestaña Edición de HTML.
Dentro del código busca "]]></b:skin>".
Antes de dicha etiqueta pega este código:/* CSS Tag Nube de etiquetas */ #labelCloud {text-align:center;font-family:arial,sans-serif;} #labelCloud .label-cloud li{display:inline;background-image:none !important;padding:0 5px;margin:0;vertical-align:baseline !important;border:0 !important;} #labelCloud ul{list-style-type:none;margin:0 auto;padding:0;} #labelCloud a img{border:0;display:inline;margin:0 0 0 3px;padding:0} #labelCloud a{text-decoration:none} #labelCloud a:hover{text-decoration:underline} #labelCloud li a{} #labelCloud .label-cloud {} #labelCloud .label-count {padding-left:0.2em;font-size:9px;color:#000} #labelCloud .label-cloud li:before{content:"" !important}
Justo después de la etiqueta que os he dicho antes aparecerá "</head>". Entre ambas debes insertar este otro código:
<script type='text/javascript'> // Variable para la nube de etiquetas var lcBlogURL = 'http://URL DEL BLOG'; var maxFontSize = 20; var maxColor = [0,0,255]; var minFontSize = 10; var minColor = [0,0,0]; var lcShowCount = false; </script>

Sustituyendo la línea que pone URL DEL BLOG por el nombre de tu página. En mi caso geekbinario.blogspot.com
En este paso deberás echar mano del nombre que le pusiste al widget. Posiblemente sea 'Etiquetas' pero ... Búscalo hasta que te aparezca una línea parecida a esta:
<b:widget id='Label1' locked='false' title='Etiquetas' type='Label'/>

Selecciona toda la línea y sustitúyela por todo esto:
<b:widget id='Label1' locked='false' title='Nube de etiquetas' type='Label'> <b:includable id='main'> <b:if cond='data:title'> <h2><data:title/></h2> </b:if> <div class='widget-content'> <div id='labelCloud'/> <script type='text/javascript'> // Don't change anything past this point ----------------- function s(a,b,i,x){ if(a>b){ var m=(a-b)/Math.log(x),v=a-Math.floor(Math.log(i)*m) } else{ var m=(b-a)/Math.log(x),v=Math.floor(Math.log(i)*m+a) } return v } var ta=0 var c=[]; var labelCount = new Array(); var ts = new Object; <b:loop values='data:labels' var='label'> var theName = "<data:label.name/>"; ts[theName] = <data:label.count/>; </b:loop> for (t in ts){ if (!labelCount[ts[t]]){ labelCount[ts[t]] = new Array(ts[t]) } } tz = labelCount.length-1; lc2 = document.getElementById('labelCloud'); ul = document.createElement('ul'); ul.className = 'label-cloud'; for(var t in ts){ for (var i=0;3 > i;i++) { c[i]=s(minColor[i],maxColor[i],ts[t]-ta,tz) } var fs = s(minFontSize,maxFontSize,ts[t]-ta,tz); li = document.createElement('li'); li.style.fontSize = fs+'px'; li.style.lineHeight = '1'; a = document.createElement('a'); a.title = ts[t]+' Posts in '+t; a.style.color = 'rgb('+c[0]+','+c[1]+','+c[2]+')'; a.href = lcBlogURL+'/search/label/'+encodeURIComponent(t); if (lcShowCount){ span = document.createElement('span'); span.innerHTML = '('+ts[t]+') '; span.className = 'label-count'; a.appendChild(document.createTextNode(t)); li.appendChild(a); li.appendChild(span); } else { a.appendChild(document.createTextNode(t)); li.appendChild(a); } ul.appendChild(li); abnk = document.createTextNode(' '); ul.appendChild(abnk); } lc2.appendChild(ul); </script> <noscript> <ul> <b:loop values='data:labels' var='label'> <li> <b:if cond='data:blog.url == data:label.url'> <data:label.name/> <b:else/> <a expr:href='data:label.url'><data:label.name/></a> </b:if> (<data:label.count/>) </li> </b:loop> </ul> </noscript> <b:include name='quickedit'/> </div> </b:includable> </b:widget>
Ahora dale al botón "Vista previa". Comprueba si el resultado es el que esperabas.
Si todo está correcto dale a "Guardar plantilla". De lo contrario, comprueba los pasos por si te has equivocado :)

Tablas movibles y ordenables

2008-06-30T22:25:00.001+02:00

Si tenéis páginas con tablas donde se presentan multitud de datos seguro que os habréis preguntado cómo se podrían ordenar los resultados como en algunas aplicaciones de escritorio. O mejor aún colocar las columnas como mejor te vengan para visualizar mejor los datos.

Los dos scripts que os presento hacen precisamente eso de una forma muy fácil. Tan solo necesitas incluir en la cabecera de la página los scripts y añadir la definición de la clase.

Con eso tendrías una tabla como la siguiente:

Nombre	Teléfono	Fecha ingreso	Sueldo
José González	67890	12/10/2007	1500
Francisco García	67689	1/1/2006	1120
Alejandra Domínguez	67639	4/3/2004	1800

Si pinchas en una columna la tabla se ordenará de acuerdo a esta columna. Si la arrastras podrás llevarla a la posición que necesites.

Como he dicho antes tan solo debes incluir el script necesario para ordenar (sorttable.js) y el correspondiente para mover (dragtable.js). Para que funcione debes incluir este código en la cabecera:


<script src="dragtable.js"></script>
<script src="sorttable.js"></script>

Y a la tabla que queramos añadirle estas funciones le pondremos como clase draggable o sortable según nos convenga. Si, como en este ejemplo, queremos que pueda hacer las dos cosas tendremos que ponerlo de esta forma:

 <table class="draggable sortable">

Teclas rápidas para OpenOffice

2008-06-29T11:32:00.000+02:00

El hecho de conocer algunas teclas rápidas para las aplicaciones que más utilizas es una gran ventaja que te puede facilitar el trabajo con ella y hacerte mucho más eficiente. Si sueles escribir mucho con Writer hay algunas pocas teclas fáciles de recordar que te vendrán como anillo al dedo.

Si estás habituado a usar el teclado algunas de estas teclas las conocerás ya. Y otras las doy ya por supuestas, como Ctrl + S para guardar un documento. Y sin enrollarme más paso a describiros estas teclas categorizadas según su función.

Moverse alrededor del documento
Estas son, a mi juicio, las teclas más fáciles y conocidas. Sin embargo puede que alguien no las conozca así que las pongo de todas formas.

Inicio Mueve el cursor al inicio de la línea
Fin Mueve el cursor al final de la línea
Ctrl + Inicio Mueve el cursor al inicio del documento
Ctrl + Fin Mueve el cursor al final del documento
Ctrl + Izquierda/Derecha Moverse atrás o adelante una palabra

Seleccionar sin usar el ratón

Si tienes pulsada la tecla Shift mientras te mueves por el texto este se seleccionará.
Shift + Inicio Selecciona desde el carácter actual hasta el inicio de la línea
Shift + Fin Selecciona desde el carácter actual hasta el final de la línea
Con una línea seleccionada Shift+ Arriba/Abajo selecciona las líneas de arriba/abajo.
Ctrl + Shift + Inicio Selecciona desde el carácter actual al principio del documento
Ctrl + Shift + Fin Selecciona desde el carácter actual al final del documento

Mover párrafos
Si alguna vez después de escribir un párrafo has pensado que estaría mejor en otro lugar del documento la primera forma que suele venirse a la cabeza es la de cortarlo y pegarlo en el lugar donde se quiera. Sin embargo hay una forma más rápida, mover el párrafo por el documento. Tan solo hay que seguir estos sencillos pasos:

Coloca el cursor en el párrafo.
Usa las teclas Ctrl + Alt + arriba/abajo para mover el párrafo completo.

Cambiar alineación del párrafo

Ctrl + L Alinear párrafo a la izquierda
Ctrl + R Alinear párrafo a la derecha
Ctrl + E Alinear párrafo al centro
Ctrl + J Justificar el párrafo

Insertar una página nueva
Gracias al trabajo que tengo veo muchos documentos en los que para escribir en la siguiente página simplemente van pulsando Enter hasta llegar al final de la página. Un método válido, pero poco recomendable. Puesto que si otro día tienes que poner nuevo contenido en el documento y se te olvida borrar las líneas que insertaste se te estropeará el documento. Además es más sencillo pulsar Ctrl + Enter una vez para pasar a la página nueva que pulsar ... 10 veces Enter.

Aplicar estilos y formatos
Los estilos son muy importantes a la hora de escribir textos en Writer. Aunque existen en otros procesadores de textos en Writer se le da mucha más importancia por facilitar la edición de documentos. Para aprovecharlos mejor podemos usar estas teclas:

Ctrl + 1 Aplicar estilo Encabezado 1.
Ctrl + 2 Aplicar estilo Encabezado 2.
Ctrl + 3 Aplicar estilo Encabezado 3.
Ctrl + 0 Aplicar estilo Predeterminado.
Ctrl + 5 Establecer el interlineado a 1,5.

Aplicando niveles en las listas
Cuando estás haciendo una lista y quieres indentar un nivel hacia dentro es tan fácil como pulsar la tecla Tab. Pero ¿ cómo vuelves al nivel anterior ? Un ejemplo:

Elemento 1
Elemento 2
1. Elemento 2.1
Elemento 3

Si una vez escrito el elemento 2.1 quieres insertar el 3 y pulsas la tecla borrar quitará el modo de de lista. Así que la tecla que tendrás que utilizar es la de aumentar el nivel (Shift + Tab) que te servirá para subir el nivel de un elemento cualquiera de la lista. Incluso después de haberlo escrito.

Insertar un elemento no numerado en una lista numerada
Si dentro de una lista numerada quieres escribir un texto que desarrolle ese punto tendrás que usar la combinación Alt + Enter. Esto te creará el párrafo sin estropear la numeración del resto de elementos. Recuerda que si quieres añadir más párrafos tienes que seguir utilizando la misma combinación. En cuanto pulses únicamente la tecla Enter te insertará un nuevo elemento de la lista.

Superíndice y subíndice
Si tienes que escribir textos que requieran utilizar super y subíndices te serán muy útiles estas otras combinaciones:

Ctrl + Shift + P Pone/quita el modo superíndice
Ctrl + Shift + B Pone/quita el modo subíndice

Mover objetos e imágenes
Si quieres mover con mayor precisión los objetos (imágenes, dibujos, etc) por la pantalla que usando el ratón tan solo debes usar las teclas Alt + teclas movimiento. Aunque no las uses mucho verás como te son útiles cuando llegue el momento de usarlas.

Por fin se han dado cuenta

2008-06-20T11:26:00.000+02:00

Stuart McKee es un trabajador de Microsoft encargado de gestionar las relaciones de la empresa con todo el sistema público americano. Hace poco tuvo unos minutos en una conferencia de Red Hat en Boston. Y digo algo así:

"ODF ha ganado cláramente. Nosotros vendemos software para la vida (traducción literal, no estoy seguro qué quiso decir aquí). No fue posible implementar el manejo de ODF en mitad de nuestro ciclo de desarrollo. No pudimos hacerlo durante el desarrollo de Office 2007. Ahora estamos mirando adelante e intentamos hacer algo más que un traductor (de ODF a OOXML)."

En otras palabras. Parece que al menos uno de los directivos de Microsoft ha dado la victoria en el campo de los formatos ofimáticos al utilizado (entre otros) por la suite ofimática gratuita OpenOffice. Se supone que durante el año 2009 aparecerá un Service Pack para Office 2007 en el que se incluirá de forma nativa el soporte para ODF. De esta forma podremos leer y escribir directamente en este formato. ¿ Será bastante para cortar el crecimiento de OpenOffice ?
Página original

Apache, Windows Server y Firefox

2008-04-28T12:15:00.000+02:00

Si hay un problema que se presenta una y otra vez al hacer páginas webs para las Intranets corporativas ese es la validación de usuarios. Mantener una base de datos diferente para cada aplicación diseñada es una tortura. Mantener una tabla de usuarios para un tipo de aplicaciones un suplicio. Sobretodo para los usuarios que, una y otra vez, tienen que recordar y cambiar más y más claves. Lo que provoca múltiples puntos de perdida de seguridad. Es fácil ver notitas con las claves de entrada a las aplicaciones que tanto trabajo nos ha costado asegurar.

Sin embargo, ¿ para que mantener una tabla con los usuarios si ya tienen que validarse cada vez que acceden al ordenador ? Si el Sistema Operativo ya tiene un servicio de gestión de usuarios ¿ para qué reinventar la rueda ?

En redes con servidores Windows podemos solucionar fácilmente el problema usando las características de autenticación a través de los módulos SSPI. Con este módulo permitimos que Apache realize la validación usando los módulos de seguridad proporcionados por Windows Server. Para ponerlo en marcha debemos añadir estas líneas al archivo de configuración de Apache:

LoadModule sspi_auth_module modules/mod_auth_sspi.so
<ifmodule c="">
<location protected="">
AuthName "A Protected Place"
AuthType SSPI
SSPIAuth On
SSPIAuthoritative On
SSPIOfferBasic On
require valid-user
</location>
</ifmodule>

Una vez realizado esto y reiniciado nuestro servidor podremos obtener el nombre del usuario usando estos métodos desde PHP:

if (isset($_SERVER['REMOTE_USER']))
{
// REMOTE_USER está formado por
// dominio\usuario
$usuario = substr (strrchr ($_SERVER['REMOTE_USER'],
'\\'), 1);
}

Con esto no podrá entrar al servidor quien no esté logueado en dicha máquina. Con esta solución desde Internet Explorer la entrada para el usuario será transparente. Sin embargo, desde Firefox verá que le pide un usuario y una contraseña. Como será difícil explicarle por qué tiene que volver a meter la misma contraseña que al principio será mejor configurarle Firefox para que entre directamente igual que hace Explorer. Para eso abrimos la configuración de Firefox con

about:config

Y buscamos esta línea para cambiar:

network.automatic-ntlm-auth.trusted-uris

Donde pondremos la dirección del servidor con el que tiene que hacer la validación. Y ¡ voilá ! Un problema menos.

Embellecer un formulario con CSS

2008-04-08T12:18:00.000+02:00

Esta entrada está dedicada a todos aquellos que alguna vez hayáis creado un formulario en una página web y no os haya gustado el aspecto que se le queda. También para todos aquellos acostumbrados a realizar un formulario usando tablas y quieran conocer una nueva forma de hacerlo mucho más accesible.

Un formulario usando una tabla podría quedar así:

Aunque puede parecer una forma como otra cualquiera de crear un formulario a mi personalmente me parece un poco fea. Además a una persona ciega le costaría bastante entender ese galimatías (sino probad un lector de páginas web y veréis).

La forma más aconsejable es diseñar el formulario como lo es, una lista de datos que solicitamos para un fin específico. Por eso, lo primero es hacer eso, una lista.

Usando este código:

<form>
<label for="edNombre">Nombre</label><input type="text" name="edNombre"/><br/>
<label for="edApellido">Apellido</label><input type="text" name="edApellido"/><br/>
</form>

Ahora solo hace falta añadirle un poco de estilo para embellecerlo:

Usando un CSS como este:


.etiquetas {display:block;width:10em;font-family:Arial;float:left;]
.edicion {background:#daeda3;border:1px solid #3c3c3c;margin-bottom:3px;}
.boton {background:#86BD16;border:1px solid #3c3c3c;color:white;}

Al mostrar las etiquetas con un ancho fijo y fijándolas a la izquierda damos el mismo efecto que logramos con las tablas añadiendo además un toque personal a cada formulario. Si probáis este otro ejemplo con un lector de voz veréis como es mucho más fácil de entender que el anterior.

También puedes hacer que cambien las propiedades de un objeto respondiendo a una acción del usuario. Si quieres, por ejemplo, que cuando el usuario entre en un campo de edición este cambie el color del fondo a blanco tan solo deberías añadir esta pequeña línea al código anterior:

.edicion:focus {background:white}

Sencillo ¿ no ?

Nota: Esto pretende ser un ejemplo muy corto de lo que se puede hacer con un formulario y CSS. Si tienes alguna duda o queja, deja un comentario.

Tutorial de Python: Parte 2 de 2

2007-11-28T11:00:00.000+01:00

Parte 1 de 2

Sentencias de control de flujo

Las sentencias de control de flujo son while, if y for. No existe el select, en vez de eso se usa if. Para enumerar los miembros de una lista se usa for. Y para obtener una lista de números se utiliza range(). La síntaxis de esta sentencia es así:

lstRange = range(10)
>>> print lstRange
[0, 1, 2, 3, 4, 5, 6, 7, 8, 9]
for intNumero in lstRange:
# Comprobar si intNumero es uno
# de los números en la lista.
if intNumber in (3, 4, 7, 9):
 # "Break" finaliza un for sin
 # ejecutar la clausula "else".
 break
else:
 # "Continue" sigue con la siguiente iteración
 # del bucle. Aquí no sirve para nada
 # ya que es la última sentencia del bucle.
 continue
else:
# La clausula "else" es opcional y se ejecuta solo
# si el bucle no encuentra un "break".
pass # Hacer algo

if lstRange[1] == 2:
print "El segundo elemento (las listas empiezan en 0) es 2"
elif lstRange[1] == 3:
print "El segundo elemento (las listas empiezan en 0) es 3"
else:
print "No lo he encontrdo"

while lstRange[1] == 1:
pass

Funciones

Las funciones se declaran con la palabra clave "def". Los argumentos opcionales se colocan en la declaración de la función después de los argumentos obligatorios asignándoles un valor por defecto. También se pueden llamar a parámetros por su nombre, indicando el valor que van a tener. Las funciones pueden devolver una tupla (y desempaquetando la tupla puedes devolver múltiples valores). Las funciones lambda son un tipo especial de función que solo están compuestas por una instrucción. Los parámetros son pasados por referencia. Pero los tipos de datos modificables (tuplas, listas, enteros, cadenas, etc) no pueden cambiarse. Por ejemplo:

# arg2 y arg3 son opcionales. Tienen valores por defecto
# si uno no se pasa (100 y "prueba" respectivamente).
def fnMiFuncion(arg1, arg2 = 100, arg3 = "prueba"):
return arg3, arg2, arg1

ret1, ret2, ret3 = fnMiFuncion("Argumento 1", arg3 = "argumento con nombre")

fnVariable = lambda x: x + 1
>>> print fnVariable(1)
2

Clases

Python soporta una forma limitada de herencia múltiple en las clases. Se pueden declarar variables y métodos privados (por convención, el lenguaje no obliga a hacerlo) añadiendo al menos dos subrayados en el nombre (p.e. "__spam"). También se pueden asignar variables arbitrarias a las instancias de la clase. Por ejemplo:

class MiClase:
varComun = 10
def __init__(self):
 self.varMiVariable = 3
def fnMiFuncion(self, arg1, arg2):
 return self.varMiVariable

# Esta es la instanciación de la clase
>>> clsInstancia = MiClase()
>>> clsInstancia.fnMiFuncion(1, 2)
3
# Esta variable está compartida por tadas las clases
>>> clsInstancia2 = MiClase()
>>> clsInstancia.varComun
10
>>> clsInstancia2.varComun
10
# Fíjate cómo se usa el nombre de la clase
# en vez del de la instancia.
>>> MiClase.varComun = 30
>>> clsInstancia.varComun
30
>>> clsInstancia2.varComun
30
# Esto no actualizará la variable en la clase,
# sino que creará una nueva en la instancia
# de la clase y le asignará el valor.
>>> clsInstancia.varComun = 10
>>> clsInstancia.varComun
10
>>> clsInstancia2.varComun
30
>>> MiClase.varComun = 50
# Esto no cambia, porque varComun es
# ahora una variable de la instancia.
>>> clsInstancia.varComun
10
>>> clsInstancia2.varComun
50

# Esta clase hereda de MiClase. La herencia múltiple
# se declara como:
# class OtraClase(MiClase1, MiClase2, MiClaseN)
class OtraClase(MiClase):
def __init__(self, arg1):
 self.varMiVariable = 3
 print arg1

>>> clsInstancia = OtraClase("hola")
hola
>>> clsInstancia.fnMiFuncion(1, 2)
3
# Esta clase no tiene un miebro llamado prueba.
# Pero podemos añadírselo de todas formas.
# Date cuenta que solo será un miembro de clsInstancia.
>>> clsInstancia.prueba = 10
>>> clsInstancia.prueba
10

Excepciones

Las excepciones en Python se tratan con los bloques try-except [nombre de excepción]:

def fnExcepcion():
try:
 # La división por cero eleva una excepción
 10 / 0
except ZeroDivisionError:
 print "Vaya, no válido."

>>> fnExcepcion()
Vaya, no válido.

Importación

Se pueden usar librerías externas con la palabra clave import [nombre de la librería]. También puedes usar la sintaxis from [nombre de la librería] import [nombre función] para funciones individuales. Por ejemplo:

import random
from time import clock

intRandom = random.randint(1, 100)
>>> print intRandom
64

E/S de Archivos

Python tiene un gran conjunto de librerías incluidas. Como ejemplo, así es como se usa la serialización (convertir estructuras de datos en cadenas usando la librería pickle) con E/S a archivos:

import pickle
lstLista = ["Esta", "es", 4, 13327]
# Abrir el archivo C:\binario.dat para escribir. La letra r antes del nombre del archivo es
# evitar el escape de la barra.
flArchivo = file(r"C:\binario.dat", "w")
pickle.dump(lstLista, flArchivo)
flArchivo.close()

flArchivo = file(r"C:\texto.txt", "w")
flArchivo.write("Esta es una cadena de ejemplo")
flArchivo.close()

flArchivo = file(r"C:\texto.txt")
>>> print flArchivo.read()
'Esta es una cadena de ejemplo'
flArchivo.close()

# Abrir el archivo para leer.
flArchivo = file(r"C:\binario.dat")
lstCargada = pickle.load(flArchivo)
flArchivo.close()
>>> print lstCargada
['Esta', 'es', 4, 13327]

Otros

Puedes usar del para eliminar variables o elementos de una matriz.
La comprensión de cadenas facilita una forma rápida de crear y manipular listas. Consiste en una expresión seguida de una clausula for seguida por cero o más clausulas if@ de esta forma:

lst1 = [1, 2, 3]
lst2 = [3, 4, 5]
>>> print [x * y for x in lst1 for y in lst2]
[3, 4, 5, 6, 8, 10, 9, 12, 15]
>>> print [x for x in lst1 if 4 > x > 1]
[2, 3]
del lst1[0]
>>> print lst1
[2, 3]
del lst1

Las variables globales se declaran fuera de las funciones y pueden ser leídas sin ninguna declaración especial. Pero si quieres escribir en ellas tendrás que declararlas al principio de la función con la palabra clave global. Sino Python creará una variable local y le asignará el valor a ella. Hay que tener cuidado con esto porque puede dar lugar a errores muy difíciles de encontrar.

intNumero = 5

def fnMiFuncion():
# Esto mostrará 5
print intNumber

def fnOtra():
# Esto elevará una excepción porque la variable no ha sido asignada
# antes de mostrarse. En la segunda creará una nueva variable local
# y le asignará el número.
 print intNumero
intNumero = 3

def fnOtraMas():
global intNumero
# Esta cambiará correctamente el número
intNumero = 3

Epílogo

Este tutorial no pretende ser una lista exhaustiva de todas (ni tan siquiera de una parte) de las posibilidades de Python. Python tiene una cantidad increíble de librerías y muchas más funcionalidades que puedes descubrir si te gusta el lenguaje o te hace falta. Puedes, por ejemplo leer este libro online Dive into Python. Espero que te haya sido útil y amena la lectura. Si crees que haría falta algo más o modificar cualquier cosa, coméntalo.

Versión original

Nombre
Apellidos