Aunque no estuve allí para verlo, cuentan que el 25 de agosto de 2008 salió a la venta en España el miniportátil Asus Eee PC 901 pero no ha sido hasta hace unos días cuando he tenido la oportunidad de ojear uno de estos ejemplares de cerca. El tamaño y el precio son las características más llamativas del equipo pero no por ello dejarán de sorprendernos sus numerosas virtudes.

Las tres ‘Eee’ tienen un significado un tanto ambiguo y difícil de recordar, en la caja dicen ‘Easy · Excellent · Exciting‘ y lo detallan más abajo:

• Easy to learn, work and play
• Excellent mobile internet device
• Exciting multimedia enjoyment

El equipo tiene un acabado en color blanco perla brillante que casi hace olvidar que está hecho de plástico. Las líneas redondeadas, la ausencia de aristas y esquinas y la solidez de la carcasa aumentan la comodidad y hacen que su tranporte sea más fácil.

La pantalla mate, para evitar reflejos, tiene ángulos de visión muy amplios y dispone de una superficie de 8,9 pulgadas que cubre casi la totalidad del panel. Con una resolución de 1024 por 600 píxeles más que suficiente para editar documentos de texto y consultar la web.

El teclado tiene una inclinación de tres grados sobre el plano de la mesa para facilitar la escritura y la bisagra de la pantalla se abre hasta los 156 grados.

Los detalles que se pueden observar a simple vista sin necesidad de encenderlo son innumerables y están pensados para mejorar la experiencia diaria. En la imagen inferior (clic para ampliar) se pueden ver algunos de ellos.

En la parte superior una cámara integrada de 1.3Mp que, acompañada de los micrófonos incorporados en la parte inferior de la pantalla, nos permitirá transmitir videoconferencia sin necesidad de conectar cables ni perder tiempo colocando la cámara.

Algo tan aparentemente insignificante como colocar la tecla control en la esquina inferior izquierda, nos ahorrará tiempo al evitar que la confundamos con la tecla de función ‘Fn’ que algunos fabricantes colocan de forma inadecuada.

Sus dimensiones son 226x176x23 mm y pesa sólo 1140g con batería incluida. En la siguiente imagen se compara con un bolígrafo bic:

El Asus Eee PC 901 tiene en su interior dos de los últimos grandes avances en tecnología en materia de portátiles, el procesador Intel Atom con un consumo increíblemente pequeño y el disco duro de memoria flash con un consumo muy bajo y un rápido acceso a la información. A continuación comento éstos y otros detalles.

El procesador es una de las últimas maravillas de Intel, un Atom N270 con una frecuencia de reloj de 1.6 GHz, una frecuencia del bus de 533 MHz, memoria caché de primer nivel de 32Kb para instrucciones y de 24Kb para datos con tecnología write-back y 512Kb de memoria caché de segundo nivel de 8 vías y tecnología Hyper-Threading entre otras. Aunque lo que más asombra de todo es su consumo de tan sólo 2.5W, aproximadamente 10 veces inferior que cualquier procesador para portátil.

Dispone de 1Gb de memoria RAM DDR2 de 400 MHz más que suficiente para escuchar música, ver películas, navegar por Internet, y trabajar con aplicaciones ofimáticas.

La versión que he visto tiene dos discos duros físicos, de los llamados de estado sólido. Uno de ellos es de 4Gb soldado a la placa base y pensado para instalar el sistema operativo. El otro de 16Gb para almacenar documentos. Juntos suman el total de 20Gb de SSD (Solid State Disk) que proclaman en la caja. Los discos SSD son en realidad chips de memoria flash, al contrario de los tradicionales que contienen piezas mecánicas móviles. Las ventajas de estos discos SSD superan en todos los aspectos (excepto en capacidad y precio por el momento) a los tradicionales ya que son más rápidos y silenciosos, consumen menos energía, no necesitan desfragmentación de los datos y no pierden los datos al sufrir caídas o ser sumergidos en el agua.

Cámara web integrada en el marco de la pantalla de 1.3Mp capaz de obtener imágenes con una resolución de 1280×960 píxeles. Funciona muy bien para videoconferencia incluso con un nivel de luz ambiental muy bajo.

El chip gráfico es un Intel GMA 950 diseñado para dispositivos portátiles y ensamblado en multitud de equipos de las más diversas características. Los muy entendidos en juegos deberán saber que no se trata de una simple aceleradora gráfica. Posee una velocidad de reloj de 400MHz, Vertex Shader Model 3.0, Pixel Shader Model 2.0, tiene hasta 250 Mb de memoria de vídeo y llega a alcanzar picos de transferencia entre memoria de más de 10GB/s. Soporta OpenGL 1.4, Direct3D 9.0c, y decodificación MPEG-2.

Su batería está diseñada para almacenar el máximo de energía en el mínimo volumen posible. Cuenta con 6 celdas de 7.4V Ion-Litio, un total de 6600mAh, lo que le proporciona una autonomía de entre 4.2 y 8 horas.

Además dispone de una chip de sonido ‘Realtek ALC6628 Hi-Definition Audio 5.1 CODEC‘, altavoces stéreo y micrófonos integrados, tres puertos USB 2.0, un lector de tarjetas MMC y SD, conector de red RJ45, jack para micrófono y auriculares y un puerto VGA para monitores y proyectores.

La batería de 6 celdas otorga, en teoría, una autonomía de 8 horas. En la práctica ha durado 5 horas y media reproduciendo música con la animación del reproductor Totem de Linux, una tarea de alto consumo para el procesador, para la matriz de puntos de la pantalla y lógicamente para los altavoces integrados. Aunque no lo he probado, ni creo que pueda por el momento, supongo que tareas de poca carga como escribir un documento de texto prolongará la duración de la batería.

El peso de tan sólo 1140 gramos y su tamaño, similares al de un libro de texto, hace que sea posible llevarlo a cualquier parte sin que suponga una molestia y utilizarlo para el trabajo diario.

Hay que destacar que este modelo tiene una alta versatilidad para conectarse con otros dispositivos. Está provisto de una tarjeta WiFi 802.11b/g/n para tener acceso a Internet en cafeterías, universidades, centros culturales etc. También dispone de una tarjeta de red Atheros para la conexión a la red mediante cable. Es posible conectar equipos de sonido, teléfonos móviles, dispositivos GPS y otros aparatos mediante Bluetooth.

También es de agradecer tener a disposición tres puertos USB 2.0 para conectar varios componentes simultáneamente como por ejemplo un ratón, un pendrive y una cámara de fotos digital.

Página oficial del fabricante en castellano: http://es.asus.com/products.aspx?l1=24&l2=164&l3=0&l4=0&model=2283&modelmenu=2

Página de dispositivos ultramóviles: http://www.umpcportal.com/products/ASUS/Eee%20PC%20901/Linux,%2020G

Artículo de la Wikipedia en inglés con información técnica: http://en.wikipedia.org/wiki/ASUS_Eee_PC

De forma tan previsible como retorcido el fin del cartel, en la esquina inferior izquierda aparece una dirección web siereslegalereslegal.es. No era mi intención descargar contenido alguno de semejante dominio pero no me quedó más remedio que hacerlo al aparecer en portada del lector de Internet menéame.net.
Cual tinta escrita por impertinente agua arrastrada se encontró mi sentido de la cultura
Al empezar a leer la animación flash que aparece en la portada se me hielan los dedos y me hierve el cerebro. A continuación el texto de la animación (izqda) y una posible traducción (dcha):

Hace ya algún tiempo que empecé a darme cuenta de que para unos pocos el dinero es más importante incluso que la cultura (e incluso cosas todavía más importantes). A veces sólo cuando uno se para a pensar y consigue ver las cosas desde lugares desde los que normalmente no puede alcanzar, es cuando realmente ve.

A continuación escribo algo para pensar sobre lo que algunos llaman piratería:

• Cada vez más artistas musicales importantes cuelgan sus obras completas en Internet para que se puedan descargar de forma gratuita o a un precio que el propio usuario establece. ¿Esto puede hacer que el artista sea más conocido?
• Algunos grandes autores de literatura publican sus obras completas en Internet para que queden a disposición de todo el mundo con acceso a la red. Además también se publican en el tradicional formato de libro. ¿Podrán obtener algún beneficio económico que se corresponda a las horas de trabajo invertidas en escribir las obras colgadas en Internet?
• En la industria discográfica (quería decir musical) se paga por la creación musical, ¿Por qué estoy obligado además a pagar el soporte físico que almacena la música si existe la opción de comprar ficheros por Internet con la misma calidad (incluso mejor que el soporte que venden)?
• Una obra literaria impresa tiene un coste de fabricación de unos 50 céntimos de euro (éste coste depende directamente del peso del libro). ¿Podrías determinar de alguna forma cómo se distribuyen los gastos desde los 50 céntimos hasta los 14 euros que cuestan en los establecimientos?
• Un problema de regla de tres de primaria.
  Caso A) 1.000.000 personas no tienen dinero para ir al cine a ver la última película de acción que es buenísima, así que todos ellos se la bajan del eMule con mala calidad, tras esperar 30 horas de descarga, con coste cero.
  Caso B) La distribuidora oficial cuelga la película en Internet con buena calidad, un tiempo de descarga de 3 horas a cambio de un coste de 20 céntimos de euro, 800.000 personas deciden comprar la película por internet.
  ¿En cuál de los casos sale ganando la distribuidora de cine? ¿A cuánto ascienden los beneficios?

(Posiblemente añadiré más puntos a esta lista.)

Espero que no haya lugar a malas interpretaciones. Estoy abierto a todo tipo de comentarios y críticas constructivas.

Leyendo la documentación de MySQL he encontrado algo de información sobre los motores que se pueden utilizar para gestionar los datos de las tablas. Cada motor potencia una serie de características que optimizan el funcionamiento en determinadas aplicaciones.

El motor comúnmente utilizado, y que está establecido por defecto, es MyISAM. Éste se caracteriza principalmente por ofrecer una lectura y escritura rápidas. Además, es el único motor que posibilita la búsqueda fulltext, es decir, permite buscar subcadenas de texto sobre un campo.

La carencia más importante de MyISAM es que no incluye soporte para transacciones. Una transacción consiste en una serie de alteraciones que deben realizarse de forma simultánea en un conjunto de registros para mantener la integridad de los datos. Por ejemplo, si en un sistema electrónico de venta compramos un producto, se debe descontar del saldo del comprador una cantidad de dinero y agregar en algún lugar el producto adquirido. Si se produce un fallo de alimentación justo después de descontar el saldo, el cliente se encontrará con un serio problema: tendrá menos dinero en su cuenta y no constará en ningún lado la adquisición del producto. Las transacciones evitan este tipo de problemas garantizando que se han producido todas las modificaciones correctamente o bien, no se ha escrito ninguna.

El motor InnoDB soporta transacciones a cambio de un sacrificio de la velocidad de lectura y escritura en un factor 1:10.

Además de InnoDB y MyISAM existen los siguientes motores con unas características muy especiales:

• MEMORY: Mantiene los datos en memoria, lo que permite obtener una velocidad muy alta. Por contra, los datos se pierden al apagar el servidor.
• MERGE: Posibilita acceder a varias tablas con la misma estructura como si se tratase de una misma tabla.
• BLACKHOLE: Procesa todas las consultas pero no almacena los datos en ningún sitio. Es como un agujero negro.

Para comparar el rendimiento de los distintos motores de almacenamiento he escrito un script php que crea tablas con distintos motores y ejecuta consultas para agregar datos de tipo BIGINT.

<?php

   // Pongo el tiempo de ejecución ilimitado
   set_time_limit(0);

   // Datos del test:
   $Prueba_x_tanda = 3;

   $motores = array();
   $motores[] = 'BLACKHOLE';
   $motores[] = 'MEMORY';
   $motores[] = 'MYISAM';
   $motores[] = 'ARCHIVE';
   $motores[] = 'InnoDB';

   $tandas = array();
   $tandas[] = 1;
   $tandas[] = 10;
   $tandas[] = 100;
   $tandas[] = 1000;
//   $tandas[] = 10000;
//   $tandas[] = 100000;
//   $tandas[] = 1000000;
//   $tandas[] = 10000000;

   DEFINE (BD_HOST, 'nombre_del_host');
   DEFINE (BD_USER, 'usuario');
   DEFINE (BD_PASS, 'password');

   $base_de_datos = "db_engines";

   // Creo la conexión
   $conexion = mysql_connect(BD_HOST, BD_USER, BD_PASS);
   if (!$conexion){
      echo 'ERROR CONECTANDO CON LA BASE DE DATOS.<BR>';}
   mysql_selectdb($base_de_datos, $conexion);

   // Creo las tablas
   echo "Motores de la prueba: ";
   foreach ($motores as $m) {
      echo $m.', ';
      mysql_query("DROP TABLE `tabla_$m`");
      mysql_query("CREATE TABLE `tabla_$m` (i BIGINT) ENGINE=$m");
   }

   $CALBDD = 0;

   $tt = microtime();
   $TT = time();

   //Hago la prueba:
   $resultado = array();

   echo '<br><br><br><br>';

   foreach ($motores as $m) {
      echo "MOTOR: $m <BR>";
      $sql = "INSERT INTO `tabla_$m` (i) VALUES (";
      foreach ($tandas as $t) {
         echo "&nbsp;&nbsp;TANDA: $t <br>";
         for ($p=0; $p<$Prueba_x_tanda; $p++){
            echo "&nbsp;&nbsp;&nbsp;&nbsp;MEDICIÓN $p :";

            $a = microtime();
            $A = time();

            for ($i=0; $i<$t; $i++) {
               mysql_query($sql.$i.')');
            }

            $a = microtime()-$a;
            $A = time() - $A;
            $A = $A+$a;

            printf ("%.6f", $A);

            $resultado[$t][$p][$m] = $A;

            echo "<br>";
         }
         echo "<br>";
      }
      echo "<br>";
   }

   // Muestro los resultados
   $colspan=count($motores)+0;
   echo '<STYLE>
      TABLE {WIDTH:100%; BORDER-COLLAPSE:COLLAPSE;}
      .nivel_1 {BACKGROUND-COLOR:#DDDDDD;}
      .nivel_2 {BACKGROUND-COLOR:#EEEEEE;}
      .nivel_4 {BACKGROUND-COLOR:#EEEEFF;}
      .nivel_1, .nivel_2, .nivel_3, .nivel_4
          {BORDER: SOLID 1px #CCCCCC; text-align:center;}
      }</STYLE>';
   echo '<TABLE>';
   foreach ($tandas as $t) {

      // FILA DE CADA TANDA
      echo '<tr>';
      echo '<td>.</td>';
      echo '   <td colspan="'.$colspan.'" class="nivel_1">';
      echo "TANDA $t";
      echo '   </td>';
      echo '</tr>';

      // CABECERA DE TANDA
      echo '<tr>';
         echo '<td>.</td>';
      foreach ($motores as $m) {
         echo '<td class="nivel_2">';
         echo $m;
         echo '</td>';
      }
      echo '</tr>';

      // RESULTADOS
      for ($i=0; $i<$Prueba_x_tanda; $i++) {
         echo '<tr>';
            echo '<td align="right">p'.$i.'</td>';
            foreach ($motores as $m) {
               echo '<td class="nivel_3">';
               printf ("%.6f", $resultado[$t][$i][$m]);
               echo '</td>';
            }
         echo '</tr>';
      }

      // MEDIA
      echo '<tr>';
         echo '<td align="right">MEDIA</td>';
         foreach ($motores as $m) {
            $suma = 0;
            $s = 0;
            for ($i=0; $i<$Prueba_x_tanda; $i++) {
               $suma +=$resultado[$t][$i][$m];
               $s++;
            }
            $media = $suma / $s;
            echo '<td class="nivel_4">';
            printf ("%.6f", $media);
            echo '</td>';
         }
      echo '</tr>';
   }

   echo '</TABLE>';

   $tt = microtime()-$tt;
   $TT = time() - $TT;
   $TT = $TT+$tt;

   echo '<br><br><br>Tiempo total del test: ' .
      $TT.' segundos.<br><br>';

   $est = 0;
   foreach ($tandas as $t) {
      $est += $t;
   }
   $est *= count ($motores);
   $est *= $Prueba_x_tanda;

   echo 'Consultas exactas a la BBDD: '.$est;

?>

La siguiente tabla muestra el resultado del script para los motores BLACKHOLE, MEMORY, MYISAM, ARCHIVE e InnoDB. Tiene bucles de inserción de registros de 1, 10, 100 y 1000 iteraciones. Cada test se repite 3 veces.

De forma gráfica se observa un resultado más claro:

Hace unos días, en plena época de exámenes (el mejor momento para hacer este tipo de cosas), me dí una vuelta por la carpeta en la que se apilan los proyectos que hice hace algún tiempo, y me encontré con un gracioso juego de coches. En realidad, hay que llegar a un nivel de abstracción muy alto para poder llamar ‘coche’ a un cuadrado de color negro con una línea verde.

La versión que encontré está escrita en Visual Basic 6. Aunque sin utilizar funciones de la API de Windows la potencia gráfica es muy limitada, la principal ventaja de vb6 es que permite desarrollar aplicaciones de forma rápida.

A lo largo del artículo voy a modificar el juego (de hecho ya he retocado parte del código varias veces) para mejorarlo, pero antes de empezar explicaré el funcionamiento. El recuadro negro que se observa es nuestro ‘coche’. Este vehículo en forma de píxel gigante tiene una tecla de aceleración (flecha arriba), una de frenado (flecha abajo) y dos teclas (flecha izquierda y derecha) para modificar la dirección de avance. Si todavía no lo has conducido probablemente te preguntarás para qué es la línea verde que parte del centro. Sirve para indicar la dirección de avance. Además tiene una tecla de hiperaceleración (espacio) que pone el coche de forma instantánea a una velocidad de 200 píxeles por segundo.

La primera versión relumbra en la captura de pantalla siguiente:

Primera versión del juego. El enlace para descargar los fuentes
y el ejecutable es éste: http://www.sinos.es/others/wp-res/2/juego-v1.zip

En esta versión hay multitud de detalles que voy a listar a continuación para tenerlos en cuenta y compararlos con las versiones sucesivas:

1. La apariencia gráfica está, en general, muy poco cuidada.
2. La combinación de colores no es muy agradable.
3. Al redimensionar la ventana, no se ajusta el tamaño del cuadro en el que se juega.
4. Las dimensiones de las cajas verdes no tienen restricciones prácticamente.
5. Las cajas verdes no tienen bordes y al solaparse no se distinguen unas de otras.
6. No hay icono de la aplicación.

Vistas las deficiencias de esta versión, que data del sábado 22 de mayo de 2004, voy a intentar aplicarle unas sencillas mejoras en la siguente versión.

Antes de empezar voy a describir a grandes rasgos las partes del código de la aplicación:

• El evento Load() del formulario, que carga los valores por defecto en las variables globales.
• Los eventos KeyUp() y KeyDown() del formulario que detectan las pulsaciones de tecla y las almacena en variables globales.
• El evento Resize() del formulario, que redimensiona el ancho del control picture en el que se mueven los cuadrados.
• Un timer para crear muchos controles picture (las cajas verdes).
• Otro timer para calcular las colisiones del coche con los bordes y con las cajas y para mover todas las cajas según las variables cinemáticas.
• Una función para aplicar los cambios en las variables cinemáticas de las cajas al producirse un choque.

La forma de capturar las pulsaciones del teclado es muy sencilla. Una variable almacena la dirección, (es decir, si se ha pulsado izquierda o derecha) y otra variable almacena la aceleración (si se está acelerando o se está frenando). El timer se encarga de mover el coche y controlar la velocidad y el ángulo en función de los valores que haya almacenados en las variables de dirección y aceleración.

La captura de pantalla de la siguiente versión:

Segunda versión del juego. El enlace para descargar los fuentes
y el ejecutable es éste: http://www.sinos.es/others/wp-res/2/juego-v2.zip

A continuación listo los cambios de esta nueva versión:

1. La apariencia gráfica está más cuidada que la versión anterior. La zona de juego utiliza dos tonos de azul y la zona de datos utiliza tonos rojos.
2. La combinación de colores es más agradable que en la versión anterior.
3. Al redimensionar la ventana el cuadro de juego (azul) se ajusta tanto al ancho como al alto de la ventana, y el cuadro de datos (rojo) se ajusta al ancho.
4. Las dimensiones de las cajas son múltiplos de 50 píxeles.
5. Las cajas ya no tienen un número impreso y se les ha añadido un borde. Éste se pinta con código en el instante en el que se crean las cajas.
6. Se ha añadido un icono de aplicación.
7. Además se ha modificado el comportamiento para que cuando choque contra una caja a menos de 20 píxeles por segundo, no rebote y parezca que empuja a la caja.

La siguiente versión se va a centrar en dos puntos:

• Diseñar un algoritmo de choque sin errores (hay ocasiones en las que el coche se superpone con las cajas sin producirse ninguna colisión).
• Programar colisiones entre las cajas.

- CONTINUARÁ -

He estado investigando cómo implementan los colores de CSS los navegadores web más utilizados por la mayoría de usuarios. A la hora de asignar un color podemos hacerlo en formato hexadecimal (#FFFFFF, #0000FF, #FF0000…), indicando los niveles de luminosidad de los colores primarios (rgb(255,255,255), rgb(255,0,0), rgb(0,0,255)…) o mediante palabras clave que identifican distintos colores (white, blue, red…). Además, podemos utilizar otro conjunto de palabras clave que identifican colores de la interfaz gráfica del sistema operativo.

Utilizar colores del sistema puede ser interesante a nivel estético, pero es a la hora de ofrecer accesibilidad donde resultan realmente útiles. Por ejemplo, si preparo mi blog tomando como colores principales los del sistema, un usuario sensorialmente capacitado podría leer el texto normalmente, con texto oscuro sobre fondo blanco. Sin cambiar de estilo CSS, un usuario con problemas de visión vería mi blog en alto contraste de forma automática si la configuración visual de su equipo fuese alto contraste.

Para comprobar la configuración de colores en los distintos navegadores, he escrito el siguiente documento html http://www.sinos.es/others/wp-res/1/css_system_colors.html y lo he probado en Firefox 3.0, Opera 9.51, Internet Explorer 6.0 y Safari 3.2.1, todos sobre Windows XP. A continuación la imagen comparativa:

Todos los navegadores devuelven correctamente los colores del sistema excepto Safari, que en lugar de utilizar los colores de Windows XP utiliza los colores de su propia apariencia.

Los colores más importantes en el ámbito de la accesibilidad son:

• Window y WindowText, para el texto simple
• ButtonFace y ButtonText, para los botones
• InfoBackground y InfoText, para las etiquetas de información

Buscando las n diferencias

Como ejercicio, he montado una estructura con divs (http://www.sinos.es/others/wp-res/1/css_ventana.html), y le he dado formato con CSS para que se pareciera a las típicas ventanas de windows. Además he utilizado los colores del sistema para observar la visualización en distintos navegadores. Veamos si hay diferencias…

Éste documento html tiene incluida una línea al principio llamada DTD (Definición del Tipo de Documento). Ésta línea es interpretada por el navegador y ajusta determinados comportamientos a la especificación que indica la DTD. La definición que he utilizado es la siguiente:

<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Strict //ES”>

Firefox es de los navegadores que mejor se comporta, funciona generalmente bien con cualquier DTD y utiliza los colores de sistema correctamente. Aunque siempre se ha comportado de forma aceptable, sólo la versión 3.0 ha sido capaz de superar el test Acid 2.

Ópera también destaca por ser estricto a la hora de mostrar contenido web y al igual que Firefox 3, pasa el Acid 2 correctamente. Como se observa en la imagen, utiliza los colores del sistema correctamente. No lo he comprobado pero sería muy probable que ambas imágenes fuesen idénticas píxel a píxel.

A Internet Explorer le precede casi una leyenda épica que habla sobre lo mal que se adapta al estándar y a la especificación html, css, javascript… y un largo larguísimo etcétera. Sin embargo, con la DTD anterior me ha sido posible encontrar soluciones para Internet Explorer 6 con un aspecto idéntico muy parecido al resultado de los demás navegadores.

He de confesar que en ocasiones, cuando algo funcionaba bien en Firefox, Ópera y Safari, funcionaba mal en Internet Explorer y tenía que añadir un div adicional o especificar más propiedades de las necesarias.

Las cualidades de Internet Explorer 6 son… ehhh, uf!! ¡si no lo sabe ni google! Simplemente es diferente. En general se puede decir que tiene bastantes propiedades predefinidas, interpreta el código sintácticamente mal escrito y lo corrige de la forma que cree conveniente. Es mucho más flexible con el código que el resto de navegadores y tiene la mala costumbre de darle un comportamiento muy suyo a los elementos de la página.

Por ejemplo, aplica el modelo de caja de bloque en línea (que en otros navegadores se consigue con display:block-inline) a todos los elementos que dispongan de un tag html. Ésto es muy útil, por ejemplo, a la hora de establecer anchos de un párrafo pero el resto de navegadores no lo interpreta.

Además, Internet Explorer 6.0 no pasa correctamente el test Acid 2 y las versiones 7.0 y 8.0 beta 1 tampoco pasan el test.

Por último, prestemos atención al navegador de la compañía fundada por Steve Jobs. Safari también es otro de los grandes que se adapta al stándar. El comportamiento es sospechosamente similar al de  Firefox; me gusta.

No tengo mucha experiencia con Safari, pero saber que procede de Apple es casi una garantía de que está pensado para el usuario hasta el más mínimo detalle. La apariencia del navegador está pixemétricamente estudiada, parece simple y muy limpia. Aunque es el interior de este navegador lo que más nos interesa en este artículo.

Como se aprecia en la imagen, los colores del sistema de Safari no son en realidad los colores del sistema de Windows. Probablemente, a excepción de los colores, sea la que más se adapta a la especificación de la w3c y cuentan que, en lo más profundo del lejano imperio de Apple, existe una versión en desarrollo que es la única de entre todos los navegadores que es capaz de superar con éxito el gran test de los tests web de nuestros días, el aterrador Acid 3.

El motivo de instalar primero Windows no es trivial. Windows XP, además de sus archivos, instalará un gestor de arranque propio capaz de iniciar todas las versiones Windows anteriores. Este gestor de arranque no está preparado expresamente para iniciar sistemas Linux así que la solución por la que optamos para que Windows y Linux convivan es instalar primero Windows XP (dejando que instale también su gestor de arranque) y después instalaremos Ubuntu que sobreescribirá el sector de arranque de Windows XP por uno llamado GRUB capaz de arrancar Windows y Linux.

En las pruebas utilizadas para conseguir las imágenes de este artículo he utilizado una copia de Windows XP con el Service Pack 2 integrado. que incluye, entre otras cosas, controladores para dispositivos Serial ATA.

Para instalar Windows XP lo primero que debemos hacer es darle al botón de ‘encender’ con el disco de Windows en la unidad de CD (de la misma forma que hicimos con Ubuntu). Hay que prestar atención ya que saldrá por pantalla el siguiente mensaje:

Entonces pulsamos una tecla cualquiera y empezará a funcionar el programa de instalación. Lo que veremos a continuación es la pantalla de instalación en modo DOS con un bonito fondo azul. Ésta en concreto estará vacía e irá mostrando en la parte inferior lo que va cargando en cada momento:

Aquí deberemos esperar unos tres minutos hasta que haya cargado todo esto: Depurador de núcleo DLL, Controlador de bus PCI, Controlador de controladora integrada ACPI, Controlador de puerto  compatible con la OHCI de bus de IEEE, Compatibilidad de PCMCIA, Controlador de bus IDE Intel, Controlador de bus IDE VIA, Controlador de bus IDE CMD, Controlador de bus IDE Toshiba, Controlador de bus ALI IDE, Administrador Mount Point, Administrador de volúmenes, Administrador de partición, Compatibilidad con unidad de disquete, Compatibilidad con volúmenes dinámicos (dmload), Compatibilidad con volúmenes dinámicos (dmio), Controlador de puerto de almacenamiento SBP2 de IEEE 1394, Controlador de disquete TOSHIBA (Libretto Tipo A), Controladora de host abierto, Controlador de concentrador USB genérico, Controlador primario USB genérico, Analizador de interfaz humana, Controlador puerto serie, Enumerador puertos serie, Controlador de clase de almacenamiento USB, Controlador de video, XT AT o teclado expandido (83-104 teclas),  Teclado USB, Controlador de puerto SCSI, Conjunto de unidades Compaq, Controladora para CD-ROM IDE (ATAPI 1.2)/PCI, Adaptador de host SCSI Adaptec AHA-154x/164X, Adaptador SCSI Adaptec AHA-151X/AHA-152X/AIC-6X60, Adaptador de host LSI Logic C8100 PCI SCSI, Controladora SCSI Adaptec AHA-294X/AHA-394X/AIC-78XX, Controladorea E/S Intelligent, Controladora Raid Mylex DAC960/Digital SWXCR-Ex, Adaptador de host SCSI QLogic PCI, Adaptador Ethernet/Controladora AMD PCI SCSI, Adaptador de host SCSI Advansys, Adaptador Ultra Wide SCSI de host Advansys 3550, Controladora RAID AMI MegaRaiD, Adaptador Ultra SCSI de host Initio, Adaptador de host SCSI QLogic ISP 1240, Controladora SCSI Adaptec AHA-194XU2/AIC-7890, Adaptador de host LSI Logic C8xx PCI SCSI, Adaptador de host LSI Logic C896 PCI SCSI, Adaptador de host LSI Logic C1010 PCI SCSI,Adaptador de host SCSI Advansys ABP480, Unidad de CD-ROM PCMCIA portátil IBM Portable PCMCIA CD-ROM, Controladora IDE Ultra de Promise Technology Inc., Tarjeta SCSI PCI Adaptec AIC-789X/AHA-3960 Ultra160/m, Controladora SCSI RAID Adaptec 2000S/3000S, QLogic QLA1080 64 bit PCI LVD SCSI HBA, QLogic QLA1280 64 bit PCI LVD SCSI HBA, QLogic QLA12160 64 bit PCI DUAL 160M SCSI HBA, Controladora Dell PERC 2/3 RAID, Controladora Hewlett Packard NetRAID-4M RAID, Controlador de minipuerto IDE CardBus/PCMIA, Controladoras Raid Mylex EXR2000 3000/AR160 170 352, Controlador de disquetes, CD-ROM SCSI, Disco SCSI, Controlador de disco RAM, Proveedor de seguridad Kernel, Sistema de archivos FAT. Con lo rápido que va parece que sean unos pocos menos…

Después de haber cargado toda esa cantidad de cosas, que casi nadie sabe para qué valen, aparece la primera pantalla de instalación con algo para leer:

Así que lo único que tenemos que hacer es pulsar ENTRAR para pasar a la siguiente pantalla de instalación:

Esta pantalla nos muestra el contrato de licencia de Windows XP, para aceptar el contrato y pasar a la siguiente pantalla debemos pulsar F8:

Esta pantalla muestra las particiones que tenemos en el disco duro. En la lista aparecen tres particiones pero Windows sólo reconoce la segunda, en la que entre corchetes pone [NTFS]. Debemos seleccionarla pulsando una vez la tecla flecha abajo. La siguiente imagen muestra cómo queda la selección:

Ahora pulsamos ENTRAR para pasar a la siguiente pantalla en la que nos dan la opción a formatear la partición que le hemos indicado.

Como la partición ya está formateada y no tiene ningún archivo nos marca la opción de dejarla sin cambios, que es la que vamos a seleccionar. Para pasar a la siguiente pantalla pulsamos ENTRAR:

Ahora copiará todos los archivos él solito (suele tardar unos diez minutos) y pasará a la siguiente pantalla:

Ahora se reiniciará el sistema. Como el disco de instalación todavía estará dentro de la unidad de CD, nos volverá a decir “Presione cualquier tecla para iniciar desde el CD…” pero esta vez NO tocaremos nada.

Al reiniciar observaremos la pantalla normal de arranque:

Cuando termine de cargar comenzará la segunda parte de la instalación en modo gráfico. La primera pantalla que veremos será ésta:

Después de unos minutos de instalación nos aparecerán una serie de ventanas preguntándonos diversas cuestiones a las que contestaremos mayoritariamente con un ‘Siguiente’, la primera de ellas es ésta:

Pulsamos ‘Siguiente’ para continuar:

En esta pantalla debemos escribir nuestro nombre o cualquier otra cosa que queramos y eso sí, pulsaremos otra vez sobre el mágico botón ‘Siguiente’:

Ahora nos pide la clave del producto, un número de 25 cifras agrupadas de cinco en cinco que debería venir escrito en la caja del Windows XP que todos hemos adquirido en la tienda más cercana. Pulsamos ‘Siguiente’:

En esta ventana es muy importante introducir una contraseña de administrador que aunque posteriormente no vayamos a utilizar es útil para evitar que algún curioso entre en nuestro ordenador con la cuenta de Administrador. Así que escribimos una contraseña dos veces y pulsamos ‘Siguiente’:

Esta ventana sólo está esperando que pulsemos ‘Siguiente’:

Volvemos a la pantalla de instalación y esperamos que termine. Durante el proceso de espera nos aparecerán dos ventanas preguntando por la red. Nosotros las contestaremos amablemente pulsando ‘Siguiente’.

Después Windows XP volverá a reiniciar por segunda vez y nos sorprenderá con un pequeño asistente muy fácil de seguir para añadir varias cuentas con varios usuarios al inicio. Cuando veamos el título ‘Ayude a proteger su equipo’ contestaremos con la segunda opción ‘No en este momento’ y pulsaremos siguiente. Cuando veamos un título que dice ‘Comprobación de su conexión a Internet’ pulsaremos Omitir (no queremos que se conecte a internet todavía, antes haremos una copia de seguridad de la partición). Cuando aparezca el título ‘¿Está listo para registrarse con Microsoft?’ contestaremos con la segunda opción ‘No, quizá en otro momento’.

Una vez terminada la instalación e iniciada una sesión, si observamos con detenimiento el explorador de archivos observaremos que sólo aparecerá un disco duro, aunque tengamos en realidad tres particiones.

Ahora estamos listos para instalar Ubuntu.

Particionar el disco duro significa cambiar su estructura lógica de tal forma que el sistema operativo los vea como varios discos. Ésto va a ser necesario a la hora de instalar varios sistemas operativos. Antes de realizar este paso debes copiar en dispositivos de almacenamiento externos (CDs, DVDs, Memorias…) la información importante que desees conservar, ya que el particionado eliminará todos los archivos de tu disco duro.

Existen programas que nos facilitan enormemente la tarea del particionado como son el Partition Magic y el fdisk. Nosotros vamos a utilizar el editor de particiones de Ubuntu, GParted que es muy sencillo de utilizar y mucho más versátil que los editores para windows.

Para utilizar el editor de particiones de Ubuntu nos bastará con arrancar desde el cd de Ubuntu y elegir la opción ‘Iniciar o instalar Ubuntu’. Por pasos:

1. Para arrancar desde el CD de Ubuntu reiniciamos con el disco de Ubuntu en la unidad de CD. En la mayoría de los casos arrancará el sistema operativo desde el CD y nos presentará un menú de opciones. En otros casos no funcionará directamente y será necesario configurar la BIOS para decirle a nuestra máquina que también busque en la unidad de CD. Esta guía (http://www.formacion.cnice.mec.es/materiales/43/cd/cap1/maqueta1_frame.htm) lo explica bastante bien.
2. Si todo ha ido bien, se nos presentará un menú de opciones. La primera de ellas es la nuestra: ‘Iniciar o instalar Ubuntu’ pulsamos intro para seguir adelante. Esta opción carga Ubuntu completo sin instalar ni grabar nada en el disco duro y además nos da la opción de instalar Ubuntu. Esta vez sólo nos interesa que cargue para poder utilizar el editor de particiones.
3. Ahora aparecerá el escritorio de Ubuntu en el que se distinguen tres menús en la barra superior, iconos en el escritorio y una barra inferior:

(Clic para ampliar)

Una vez que tenemos esto podemos trastear por los menús, abrir aplicaciones y juguetear un poco con Ubuntu pero hemos de saber que al estar ejecutándose desde el CD funcionará con mucha lentitud, así que lo más precabido es ir directamente a ejecutar el editor de particiones en el menú de la barra superior:

Sistema -> Administración -> Editor de particiones

Una vez abierto el editor de particiones obtendremos una ventana como ésta:

(Clic para ampliar)

Es muy intuitivo, a primera vista podemos observar un gráfico que muestra cómo está particionado el disco y una lista de particiones.

• Paso 1: El primer paso es eliminar la partición, así que seleccionamos la partición haciendo clic sobre el cuadrado verde (o abajo en la lista de particiones en la partición correspondiente) y después pulsamos la tecla ‘Supr’ en el teclado. (También podemos utilizar el menú Partición -> Borrar o el botón derecho del ratón -> Borrar). Una vez hecho esto, obtenemos la siguiente ventana:

(Clic para ampliar)

• Paso 2: Ahora empezaremos a crear las particiones. Necesitamos crear tres particiones:
  - Una partición primaria del 49% del disco con sistema de archivos ext3 (para Ubuntu).
  - Una partición primaria del 49% del disco con sistema de archivos ntfs (para windows xp).
  - Una partición primaria del resto (necesitamos 2Gb) con sistema de archivos linux-swap para almacenar el archivo de intercambio de Ubuntu.Para cada uno de las particiones hacemos lo siguiente: Seleccionamos el espacio gris, pulsamos el botón derecho del ratón y seleccionamos ‘Nuevo’. Entonces aparecerá una ventana donde tendremos que elegir (1)tamaño (2)ámbito (3)sistema de ficheros.

(Clic para ampliar)

Una vez creadas las tres particiones, la ventana del editor mostrará un aspecto muy similar al siguiente:

(Clic para ampliar)

• Paso 3: Por último, nos queda aplicar los cambios en el menú GParted -> Aplicar cambios y pulsar ‘Aplicar’ a la pregunta que nos hace acontinuación.

No más de tres minutos después, tendremos el disco duro particionado de la forma que le hemos indicado y listo para el siguiente paso: instalar Windows XP.

Éste es el primero de una serie de pasos para conseguir instalar Windows y Linux en la misma máquina y así abrir la puerta a un gran público que está dispuesto a utilizar linux pero todavía no tiene los conocimientos necesarios para su instalación.

El paso inicial es conseguir tener Ubuntu en un CD. Desde la web oficial en castellano nos explican las formas de conseguirlo. En la sección de descargas de la web oficial (en inglés) nos proponen tres formas de adquirirlo:

• Descargándolo. Para esto es necesario tener una conexión no muy lenta y un grabador de cds.
• Comprarlo. Hay distribuidores que se dedican a repartir copias de Ubuntu a cambio de unos cuantos dólares.
• Pedir que te lo envíen. Esta opción es totalmente gratuita (creo que ni siquiera hay que pagar gastos de envío) pero tarda de 6 a 10 semanas, así que si queremos tener el pingüino en nuestro disco duro antes de el verano no es la opción que nos interesa.

La opción por la que voy a optar es la de descargarlo desde el sitio oficial y grabarlo en un CD. No te alarmes, voy a explicar todo paso a paso para intentar eliminar cualquier duda o problema que te encuentres en el camino.

Antes de empezar me gustaría aclarar que descargar Ubuntu no es un delito ni un acto de piratería y no te debe dar ningún tipo de vergüenza ni miedo descargarlo. De hecho, hay servidores dedicados especialmente para que todo el que quiera descargue Ubuntu cuantas veces desee.

Lo que necesitamos descargar es lo que se llama una imagen de un CD, es decir, un archivo que es una copia idéntica del contenido de un CD, y con el que podemos obtener duplicados exactamente iguales del CD original. La imagen que vamos a descargar tiene unos 700 Mb, es decir, cabe en un CD y sobra un poco de espacio.

Para descargarlo, podemos utilizar internet explorer, firefox o cualquier otro navegador pero si no tenemos una conexión rápida y estable es posible que se corte la descarga. Para descargar un archivo grande, con la opción de reanudar la descarga en casos de que se corte, se puede utilizar un gestor de descarga. Prueba primero a descargarlo directamente desde el navegador y si no lo consigues descárgalo con un gestor de descarga; utiliza éste manual para guiarte utilizando un gestor de descargas.

Vamos directos a la página de descargas (http://www.ubuntu.com/getubuntu/download) y vemos lo siguiente:

• Paso 1: Seleccionamos (si no está ya seleccionado) Desktop Edition. Esta edición es de escritorio (Desktop en inglés) y es la que va dirigida al usuario doméstico.
• Paso 2: En función del procesador que tengamos seleccionamos si es un ordenador de 32 bits, o la segunda opción, uno de 64. Si no sabes qué procesador tienes pregunta a alguien, mira la factura, la caja o pulsa las teclas Win+Pausa (mira aquí si tienes dudas) para ver las propiedades del sistema.
• Paso 3: Elegir uno de los sitios para descargar. Puedes elegir cualquiera, si por casualidad uno no funciona elige otro.
• Paso 4: Pincha en ‘Start Download’ y espera unos segundos, a continuación saldrá un cuadro de diálogo para preguntarte si quieres guardar el archivo y dónde.

Para hacerte una idea, la descarga tarda aproximadamente dos horas con una conexión de 1Mb o unos veinte minutos con una conexión de 6 Mb.

Una vez descargado el archivo necesitamos grabarlo en un cd de 700 Mb. Esta operación se puede hacer con varios programas, yo la voy a explicar con CloneCD y posiblemente más tarde amplíe el artículo explicando el mismo procedimiento con Nero.

Ambos programas se pueden descargar como versión de prueba de 30 días de los siguientes hipervínculos:

• Nero, versión 8.3.2.1: http://ftp6.usw.nero.com/PUB/21944ead49627702a3d297c1de54c005/Nero-8.3.2.1b_esp_trial.exe
• CloneCD, versión : http://static.slysoft.com/SetupCloneDVD.exe

Yo, personalmente, descargaría el CloneCD que es muy fácil de usar y sólo ocupa 5 Mb en lugar de los 188 Mb que ocupa el Nero.

GRABANDO LA IMAGEN CON CLONE CD

Una vez descargado deberemos pulsar sobre el segundo botón de la ventana principal:

• Paso 1: Click en el segundo botón para grabar la imagen en un cd.

• Paso 2: Click en buscar para seleccionar el archivo que nos hemos descargado. Ten cuidado y selecciona la opción ‘All files’ en el cuadro combinado ‘Tipo’ (al lado del botón cancelar).
• Paso 3: Click en siguiente.

• Paso 4: Seleccionamos el dispositivo con el que vamos a grabar.
• Paso 5: Pulsamos siguiente. A continuación saldrá una ventana en la que nos pide que le pongamos el CD en la unidad, lo hacemos. En la siguiente ventana no tocamos nada, le damos a ‘OK’ y empezará a grabar. Si todo ha ido bien, a los pocos minutos nos dirá que ya está todo listo y nos escupirá el CD.

¿Por qué siempre llego tarde?