Tablas movibles y ordenables

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

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:

1. Elemento 1
2. Elemento 2
   1. Elemento 2.1
3. 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.

Firefox 3. Novedades (1)

He esperado bastante tiempo antes de aburriros con las novedades que nos esperan con la siguiente versión de Firefox. Ahora que está tan cerca su lanzamiento os contaré, poco a poco, intentando aburriros poco algunos de los detalles del navegador que promete revolucionar la forma en que vemos páginas webs.

Por supuesto que la última versión, aún de desarrollo pero muy cercana a la versión que saldrá la próxima semana, la podéis descargar directamente desde mi página de programas. Pero la autopromoción la dejo para otro momento. Ahora empezaré a contaros algunas cosas.


Administrador de extensiones
En esta versión podemos encontrar una única ventana en la que gestionar todos los elementos que nos permiten alterar el funcionamiento o la interfaz del programa.

Así tenemos una pestaña para las extensiones, otra para los temas y otra para los plugins (externos). Además la gran novedad es la primera pestaña. Desde ella podemos buscar nuevas extensiones muy fácilmente. Al poner una palabra en el cuadro de búsqueda nos mostrará las posibles extensiones cuyo nombre se parezca al que hemos indicado así como otras con un funcionamiento relacionado para que sepamos que tenemos más opciones.

Lo mejor de todo es que después de instalar una nueva extensión no tendremos que guardar las pestañas que estemos usando para poder reiniciar y volver a cargarlas luego. Si reiniciamos desde allí el navegador este guardará una lista con las páginas que estamos visitando para abrirlas una vez reiniciemos el navegador.

Y hablando de esto, cuando se cuelga (nada es perfecto) también guarda esta lista y nos permite recuperarla al iniciar otra vez. De la misma forma si cerramos y tenemos pestañas abiertas nos da la posibilidad de guardar una lista con dichas pestañas para poder verlas la próxima vez que abramos. Para gente como yo que siempre tiene abiertas un montón de pestañas es de agradecer que esto se haya incluído de serie.

Nuevo aspecto
Esta versión incluye un aspecto un poco más en consonancia con el sistema operativo en que se ejecuta. Como sabréis Firefox está disponible tanto para Windows como para Mac OS X como para Linux. En esta versión han sido especialmente cuidadosos de desentonar lo menos posible en cada uno de ellos con el resto de programas.

Además han añadido alguna que otra característica que después de probarla te extraña que nadie lo hubiese pensado antes. Los botones de atrás y adelante han sufrido una pequeña transformación. Han pensado que si el botón para ir hacia atrás se usa mucho más que el otro, ¿ por qué no darle más importancia ? Así que lo han hecho más grande. Además, han creado una única lista de historial. La página actual estará en negrita y con un punto a la izquierda. Las páginas anteriores estarán por encima de ella y las posteriores estarán por debajo.

Hay muchas más novedades que os iré desgranando poco a poco de aquí al martes. Espero que os resulte tan útil como me está siendo a mi.

P.D.: Muchas de las novedades están en el forma en que se manejan las páginas internamente. A como se ejecutan. No voy a entrar en esos detalles en esta serie porque son bastante más técnicos del tono general de esta serie. Solo deciros que se notan bastante a la hora de editar páginas, por ejemplo, en Blogger.

Qué hacer con los pantallazos azules

El único pantallazo bonito

Si alguna vez habéis visto como os desaparece todo lo que teníais en la pantalla y habéis recibido a cambio una pantalla azul con un montón de texto casi indescifrable seguramente os habréis sentido frustrados (sobretodo si teníais cosas por guardar) y posiblemente os habréis acordado de la familia (natural y política) de Bill Gates.

Pues aunque no lo parezca esa pantalla os puede ayudar mucho a resolver el problema. Coged papel y lápiz (sí todavía existen), fijaros en la pantalla. Apuntad lo que os aparece justo entre "Se ha detectado un problema" y "Si es la primera vez ...". Cuando reiniciéis el equipo abre San Google. Y buscad cualquier combinación de las palabras que te han aparecido en el error y BSOD (palabra muy técnica que viene del inglés The Blue Screen Of Death). Si no encontráis nada que pueda ayudaros allí podéis comprobar varias cosas.

1. ¿ Se ha instalado algún nuevo driver ?

Puede que ese driver sea el culpable. Id al Administrador de dispositivos, buscad el dispositivo para el que habéis instalado el driver, en las propiedades id a la pestaña Controlador y usad la opción Volver al controlador anterior.
2. ¿ Se ha instalado algún dispositivo nuevo ?
   Id a la página web del fabricante del dispositivo y bajaros un nuevo driver.
3. Comprobad la memoria RAM
   Algún pequeño defecto en un módulo de la memoria RAM puede hacer que todo el ordenador falle. Por eso es recomendable que comprobéis exahustivamente la memoria RAM con algún programa destinado a tal propósito. Podéis usar la herramienta Memtest86. Tan solo debéis grabar la imagen, reiniciar el equipo y seguir las instrucciones.
4. Comprobar el registro
   La culpa puede ser, por supuesto, del mal diseño del registro de Windows. Así que recuerda que de vez en cuando deberíais hacerle una pequeña limpieza (precedida de una copia de seguridad del mismo por si acaso). Podéis usar la excelente herramienta EasyCleaner para ello.
   
5. Si llegados a este punto aún no habéis solucionado nada solo os queda un paso: llevadlo a un profesional (o formatear/recuperad la instalación de Windows). Porque lo queráis o no, hay cosas que escapan a la comprensión de los simples mortales.
   

Apache, Windows Server y Firefox

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.

Teclas rápidas para Firefox

Esta entrada está dedicada a todos aquellos asiduos al navegador Firefox que aún no conozcan las estupendas características que se esconden detrás de su simple apariencia. Y es que no hace falta recurrir a ninguna rara extensión para aprovecharlo mucho más. Conociendo tan solo algunas de las teclas más fáciles de recordar podremos lograr una navegación mucho más ágil. Te sorprendería cuanto.

Así que, sin más preámbulos me pongo manos a la obra.

Barra de direcciones

Si quieres ir directamente a la barra de direcciones tan solo debes pulsar Alt+D. Seleccionará la dirección actual para que te sea más fácil escribir una nueva.

Hablando de escribir direcciones, si se pone directamente un nombre de dominio (mozilla) y le damos a la tecla Enter, Firefox interpretará que debe incluir el .com en el dominio y lo incluirá directamente. Sin embargo, si lo que queremos es que busque un .net o un .org deberemos pulsar Shift+Enter y Ctrl+Shift+Enter respectivamente.

Si ya tenemos la dirección escrita (o bien nos la ha puesto el autocompletado) y pulsamos Alt+Enter abrirá la página en una nueva pestaña.

Siguiendo con la barra de direcciones si tenemos resaltada una página en la lista de páginas visitadas y le damos a Supr la eliminará del historial.

Pestañas

Supongo que sabréis que para abrir una nueva pestaña tan solo hay que utilizar la combinación Ctrl+T. Sin embargo hay algunas otras combinaciones útiles.

Si a la anterior le añadimos la tecla Shift (la que está encima del control) reabriremos la última pestaña cerrada.

Para movernos por las pestañas tenemos varias opciones. Si usas Ctrl+Tab se moverá a la siguiente pestaña. Y con Ctrl+Shift+Tab a la pestaña anterior. Estas combinaciones se pueden substituir por Ctrl+Av. Pág. y Ctrl+Re. Pág. respectivamente. Es cuestión de gustos.

Y aunque técnicamente no es una tecla rápida si le dais a un enlace con el botón central del ratón (o el botón de la rueda) se abrirá en una pestaña nueva. Y si con el mismo botón pinchas una pestaña la cierra.

Por último y relacionado con el cierre de pestañas, para cerrar la pestaña o ventana activa puedes utilizar la combinación Ctrl+W.

Texto
Solo dos combinaciones más. Si el texto de la página web te parece muy pequeño o muy grande o, simplemente, te quieres sentar en el sofá para leer una página web puedes cambiar rápidamente el tamaño con Ctrl++ (pulsando Ctrl y la tecla + por si no se ve claro) y Ctrl+- para hacerlos respectivamente más grande y más pequeño.

Espero que te sean útiles y fáciles de recordar.

Embellecer un formulario con CSS

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í:

Nombre

Apellidos

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.

Nombre
Apellido

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:

Nombre
Apellido

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 veréis como es mucho más fácil de entender que el anterior.
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.

Actualización: Si quieres resaltar el cuadro que está actualmente seleccionado puedes hacerlo cambiando un poco el CSS anterior. Si añades esto:

.edicion:focus {background:white;}

Al entrar en el cuadro de edición este se volverá blanco.

3 trucos para personalizar Windows

Para utilizar estos dos trucos que os voy a mostrar a continuación debéis toquetear el registro. Aunque no es algo complicado hay que tener en cuenta que antes de tocar nada, y por si acaso, es mejor hacer una copia de seguridad del mismo.

Para poder editar el registro tenéis que ejecutar el comando regedit, bien desde el comando Ejecutar desde el botón de inicio o desde una línea de comandos.

Esta herramienta nos muestra una vista en forma de árbol a la izquierda y los valores de la selección en la derecha. Comprobando que está seleccionado la primera rama llamada "Mi PC" se procede a guardar la copia. Para ello debemos utilizar la opción Exportar en el menú Archivo. Guardamos la copia donde creamos oportuno y ya podemos pasar a los trucos.

Con el primero podremos hacer que cuando pulsemos con el botón derecho en cualquier archivo o carpeta nos aparezca una nueva entrada en el menú. La entrada, como se puede ver en la imagen, nos permitirá copiar fácilmente lo seleccionado a cualquier otra carpeta accesible desde el equipo.

Para hacerlo posible buscaremos la siguiente rama en el registro:

HKEY_CLASSES_ROOT\AllFileSystemObjects\Shellex\ContextMenuHandlers

Una vez allí debemos crear un nuevo valor. Eso se hace pinchando con el botón derecho en el panel de la derecha. Seleccionamos Nuevo y Clave. Nos aparecerá una nueva rama en el árbol a la que tendremos que llamar Copy To. Al hacerlo nos aparecerá en la derecha un valor llamado Por defecto y vacío. Lo seleccionamos y con el botón derecho seleccionamos la opción Modificar. En el valor solicitado debemos poner lo siguiente:

{C2FBB630-2971-11D1-A18C-00C04FD75D13}

El segundo truco muy parecido al anterior consiste en hacer lo mismo pero en vez de copiar haremos que mueva el archivo o carpeta. Para hacerlo seguimos los mismos pasos que antes pero en vez de poner la etiqueta Copy To ponemos la etiqueta Move To. Y como valor de la clave debemos insertar este.

{C2FBB631-2971-11D1-A18C-00C04FD75D13}

Con el tercer y último truco podremos deshabilitar el botón derecho en el explorer. Así no tendremos que preocuparnos tanto porque toquen lo que no tienen que tocar. Para llevarlo a cabo tendremos que hacer igual que en los dos anteriores pero la rama a localizar será esta:

HKEY_CURRENT_USER\Software\Microsoft\Windows\CurrentVersion\Policies\Explorer

Y el valor que debemos crear esta vez no es una clave. Debemos seleccionar Valor DWORD y como nombre indicaremos NoViewContextMenu. Le cambiamos el valor y le ponemos 1. Tras este cambio veréis como el botón derecho no hace absolutamente nada.

Espero que os sean útiles y la explicación haya sido clara.
Página original

Consejos para usuarios de UNIX

Esta entrada es para todos aquellos usuarios que tienen que sentarse alguna vez delante de la consola de algún sistema operativo de la familia UNIX. Y para todos aquellos que no lo han hecho nunca para que se den cuenta porque encontramos tantas diferencias y preferimos un UNIX a otros sistemas operativos.

Truco 1: Creación de árboles de directorio
En vez de ir directorio a directorio e ir creando cada uno de los que necesitamos, el comando mkdir (encargado de crear directorios) tiene varias posibilidades para acelerar este trabajo.
Con la primera diremos que nos cree todo el árbol de una vez:
~ $ mkdir -p tmp/a/b/c
La segunda nos sirve para cuando el árbol tiene varias ramas y la forma anterior se nos queda un poco corta. Lo podremos solucionar de esta forma:
~ $ mkdir -p project/{lib/ext,bin,src,doc/{html,info,pdf},demo/stat/a}
De esta forma indicaremos de una sola vez toda la estructura ahorrándonos unos cuantos minutos cambiando de directorios.

Truco 2: No muevas más archivos de los necesarios
Si para descomprimir un archivo tar o tgz primero lo mueves al directorio donde quieras que se extraiga este truco te vendrá genial. Porque en realidad no hace falta hacerlo. Puedes indicarle dónde quieres que se extraiga de esta sencilla forma:
~ $ tar xvf -C tmp/a/b/c nuevoarc.tar.gz

Truco 3: Ejecutar un comando solo si otro se ha ejecutado correctamente
En UNIX por norma cuando los comandos o programas finalizan correctamente devuelven 0. Teniendo esto en cuenta se creó el operador &&. Este ejecuta el comando que le sigue solo si el anterior a devuelvo 0. Como en este ejemplo:
~ $ cd tmp/a/b/c && tar xvf ~/archivo.tar
Esta instrucción extraerá el archivo solo si el directorio indicado existe.

Truco 4: Ejecutar un comando solo si otro comando no se ha ejecutado correctamente
El operador || hace justamente lo contrario al anterior:
~ $ cd tmp/a/b/c || mkdir -p tmp/a/b/c
En este ejemplo se crearía el directorio si no existiese previamente.

Uniendo los dos trucos anteriores podría hacerse un comando como este:
~ $ cd tmp/a/b/c || mkdir -p tmp/a/b/c && tar xvf -C tmp/a/b/c ~/archivo.tar
Si el directorio no existe lo crearía. Y si la creación no ha dado ningún error o si el directorio ya existía descomprimiría el archivo.

Truco 5: Hay que tener cuidado con las comillas
El hecho de la misma potencia de la consola de UNIX hace que haya que tener cuidado con lo que se pone. Como la consola expande automáticamente las variables es conveniente encerrarlas siempre dentro de comillas a menos que se sepa bien lo que se quiere hacer. Fijaros bien en este ejemplo:
~ $ ls
tmp/a b
~ $ VAR="tmp/*"
~ $ echo $VAR
tmp/a tmp/b
~ $ echo "$VAR"
tmp/*
~ $ echo $VARa

~ $ echo "$VARa"

~ $ echo "${VAR}a"
tmp/*a
~ $ echo ${VAR}a
tmp/a

Truco 6: Ejecutar una lista de comandos en una subconsola
Si necesitas ejecutar una serie de instrucciones que debe modificar una variable de entorno pero preferirías que no lo hiciese siempre puedes ejecutar esas instrucciones en una subconsola. La consola actual creará un nuevo proceso, ejecutará los comandos que le dices en ella y devolverá la salida para que la proceses:
~ $ ( cd tmp/a/b/c/ || mkdir -p tmp/a/b/c && \
> VAR=$PWD; cd ~; tar xvf -C $VAR archivo.tar ) \
> | mailx admin -S "Contenido del archivo"
En este ejemplo se extraerá el archivo a la carpeta indicada y la salida de los comandos (incluyendo los archivos extraídos) se mandará al administrador de la máquina.

Página original y algunos trucos más avanzados

Cómo usar Firefox para desarrollar páginas web

Si hay algo que me hace permanecer fiel a Firefox es su sistema de extensiones. Y, sobretodo, dos de ellas, la Web Developer y Firebug. Con esas dos herramientas se puede acelerar y simplificar en gran medida el trabajo en cualquier etapa del desarrollo de una web.

Hoy os voy a hablar especialmente de Web Developer (a partir de ahora WD). Una extensión que añade una barra de herramientas con una cantidad inmensa de posibilidades. En este minitutorial os voy a mostrar algunas de ellas para que veáis porque, cada vez más, las páginas se crean pensando en Firefox para luego exportarse a otros navegadores.

Para empezar, y como la mejor forma de aprender es fijarse en los demás, WD en el menú CSS tenéis varias interesantes entradas. Con View CSS os abrirá una pestaña con todas las hojas de estilo de la página que estés visitando. Lo que te ahorra tener que buscar el nombre de cada hoja en el código de la página. También en el mismo menú Edit CSS, como su nombre indica, te abrirá un marco con cada hoja de estilo en una pestaña. Podrás modificar lo que desees y ver el resultado al instante. Así te evitas cambiar al editor, modificar, guardar, probar ... Y por si fuese poco, también puedes modificar al vuelo el código de la página (Miscellaneous->Edit HTML). En la primera imagen se puede ver un pequeño cambio en la página inicial de Google utilizando estas dos herramientas. Y para complementar a ambas, desde CSS->View Style Information cuando pinchemos sobre cualquier parte de la página nos mostrará el estilo asociado a dicho elemento. Muy útil cuando queremos modificar algo que no hemos escrito nosotros o cuando la página tiene muchas hojas de estilo asociadas.

Si lo que necesitas es comprobar el tamaño de los objetos distribuidos por la página con las herramientas Miscellaneous->Display Ruler, con Information->Display Block Size y con Information->Display Div Order sabrás hasta el último detalle.

Una herramienta utilísima cuando haces páginas con formularios y tienes que hacer una y mil pruebas para saber si todo funciona correctamente la puedes encontrar en Forms->Populate Form Fields. Esta rellenará cada campo de los formularios de la página para evitarte ese tedioso procedimiento.

Por último algo que, si no lo hace ya, debería preocuparte mucho. ¿ Cómo se ve tu página en otras resoluciones o dispositivos ? Para el primer problema puedes utilizar Miscellaneous->Small Screen Rendering. Reducirá todos los objetos para que te hagas una idea de cómo se verá, por ejemplo, en un móvil. Y para el segundo problema, desde el menú Resize tienes varias posibilidades. Puedes decirle que te ponga el tamaño de la ventana en la barra de títulos (Display Window Size in Title) o indicarle el tamaño exacto que quieres que tenga la ventana (Resize Window ...).

Tiene otras muchas posibilidades, como permitir o denegar cierto tipo de elementos, limpiar la caché y muchas otras cosas. Pero creo que con este "breve" repaso podréis ver lo útil que es esta extensión. Espero que la probéis y os sea igual de útil que a mi.

Firefox 2

Firefox es un navegador web, como puede serlo, por ejemplo Internet Explorer. A algunos les puede parecer una tontería que diga esto. Pero mucha gente no sabe lo que es ni un navegador web ni Internet Explorer. Si eres uno de esos lo que estás usando para leer esto es un navegador web. Y si lo que usas es Internet Explorer (fíjate en la barra de la ventana arriba) deberías cambiarlo cuanto antes. Pero claro, para cambiar hace falta un motivo. Y eso es lo que intentaré mostraros hoy.

Existen varias versiones de Explorer. La más actual (la versión 7) soluciona muchos problemas de la versión anterior. Aunque aún le faltan muchos por solucionar. Si tienes la versión 6 verás que cada vez que quieres tener abierta otra página web sin cerrar la que tienes ahora tienes que abrir otra ventana. Tanto en Firefox como después Explorer (y otros navegadores) permiten tener varias páginas abiertas en la misma ventana. Te mostrará en la parte de arriba unas pestañitas y podrás cambiar de página tan solo pulsando en la pestaña correspondiente.

Sin embargo no es esa la mejor característica que trae Firefox. La instalación nada mas bajarte el programa es muy pequeña. Trae lo justo y suficiente para navegador cómodamente. Sin embargo tienes muchos otros programitas (extensiones) que puedes instalar para añadir nuevas posibilidades.

Por ejemplo, puedes encontrar algunos que te comprueban automáticamente el correo de GMail, que te descargan vídeos o que te permitan decidir qué quieres y qué no quieres ejecutar de la página actual.

Las mayores diferencias que podemos encontrar en el uso de ambos navegadores es en la forma de nombrar a los mismos elementos, por ejemplo las páginas más visitadas las guardas en los marcadores, y la ventana de configuración es bastante diferente.

Otra enorme diferencia está en el soporte a los estándares para diseñar páginas webs. Aunque a los que no se dedican a este mundo eso les puede dar un poco igual, para todos los demás el hacer una página para Explorer que funcione en el resto de navegadores es una odisea.

Sin embargo, como no todo pueden ser rosas, si hay algo en lo que falla Firefox es en el uso de memoria. Cuando abres muchas pestañas y dejas el navegador abierto mucho tiempo (varias horas) el consumo de memoria es demasiado alto. Aunque aún no he hecho la prueba de abrir más de 30 ventanas con Explorer y dejarlo así varias horas (más que nada porque antes se ha colgado Windows).

Esto es algo en lo que están trabajando mucho para la próxima versión de Firefox (la 3). Las primeras versiones de prueba parece que han ganado mucho y tanto el gasto de memoria como el consumo de CPU es mucho menor en esta versión.

Si tenéis alguna duda es que me explico muy mal :) Pero preguntad lo que queráis que os responderé con mucho gusto.

Crear una base de datos en OpenOffice (3)

Después de las dos entradas que hace bastante tiempo hice sobre como crear una base de datos usando OpenOffice (1 y 2) he querido hacer una nueva entrega en la que explicaré someramente las características del editor de informes que se incluye con la última versión de esta Suite.

Como ya expliqué anteriormente como crear una tabla y un formulario no creo que tenga que repetirme más. Partiendo del ejemplo de una tabla para clientes tal como la que está ligada al formulario anterior vamos a crear varios informes para ilustrar su uso.

Para el primero vamos a dejar que sea el asistente el que trabaje por nosotros. Igual que para crear un formulario nos presentará los datos de la tabla que queremos que muestre.


Después podremos especificar el nivel de anidamiento, por qué campo queremos que ordene el resultado y los propios para el formato. Si lo que estás buscando es la forma de sacar etiquetas no te preocupes. Eso será más tarde.

Una vez que sabemos que con OpenOffice somos muy capaces de imprimir un listado sencillo vamos a probar si podemos hacer uno más complicado. Para hacer los siguientes informes tienes que tener instalada la extensión Sun ReportBuilder (sino instalala desde aquí y se instalará automáticamente). Después de instalarla y volver a abrir la base de datos observarás que aparece otra opción en las tareas cuando seleccionas Informes: "Crear informe en la vista Diseño". Al abrirlo podremos ver una pantalla como la siguiente:

Desde aquí podremos diseñar informes donde incluir fácilmente encabezados de página e informes, sumas totales o impresión condicional, por ejemplo, mucho más fácilmente que con el editor de informes por defecto. Su uso es bastante intuitivo. Y como no quiero hacer esta entrada demasiado larga lo dejaremos aquí por hoy. En la próxima entrega, que será muy pronto, os explicaré cómo hacer esta misma base de datos utilizando MySQL. Lo que nos proporcionará más flexibilidad y seguridad.

Actualización: Se que aún tengo pendiente hacer un tutorial para crear una base de datos con OpenOffice y MySQL pero ahora mismo no tengo mucho tiempo y el poco que tengo lo estoy dedicando a hacer cosas como un tutorial (una especie de OpenOffice para tontos) .

He visto que algunos de los que entran aquí lo hacen buscando formas para crear bases de datos para atención a clientes, mantenimientos de inventarios o cosas así. Si alguien necesita algo así siempre estoy dispuesto a dar soluciones a nivel profesional usando OpenOffice. Si alguien quiere saber algo más puede ponerse en contacto conmigo en el enlace al principio de la página.

Alias en Bash

Un alias, para aquellos que no los conozcáis es el equivalente, más o menos, en una consola a un acceso directo. Y, para aquellos que conozcáis el DOS el equivalente a doskey, aunque los alias sea una invención muy anterior al doskey.

Para los que no os suene nada de esto, alias es una forma de llamar a un comando por otro nombre. Si utilizamos muchas veces el mismo comando, nos puede venir bien acortarlo. Ya se sabe, el tiempo es oro.

Por ejemplo, si editamos muchas veces el archivo /etc/networks (con el que también podemos especificar alias para equipos en la red o, incluso, para otras redes) con un comando como este:
sudo vi /etc/networks
podremos hacer esto:
alias vinet='sudo vi /etc/networks'
Así, cada vez que escribamos vinet nos editará el archivo en cuestión. Si cerramos la terminal perderemos el alias que hemos creado. Para que no se pierda tendremos que guardarlo en el archivo de configuración de Bash para que lo cargue cada vez que se inicia. Bash (como el resto de shells de Unix) dispone de varios archivos de configuración. Como mínimo uno para la configuración de todo el sistema y otro por cada usuario.

El que a nosotros nos importa para el caso es el que se encuentra en nuestro directorio HOME y cuyo nombre es .bashrc

Después de incluir la línea del alias tan solo tendremos que ejecutar:
source ~/.bashrc
Con esto se aplicarán los cambios realizados en la configuración.

También puede ayudarnos saber que alias nos devolverá el listado de alias ya definidos. Y que disponemos del comando unalias para dejar de utilizar un alias ya definido. Por último, podemos utilizar unalias -a para desasignarlos todos. Queda claro que si desasignamos un alias y permanece la línea en el archivo de configuración, la próxima vez que abramos un terminal volverá a estar definido.

Crear una base de datos con OpenOffice 2

Formularios

Esta es la primera ventana del asistente para la creación de formularios. Tan solo debes indicar los campos que quieres que aparezcan. Si no los pones en el orden correcto tan solo debes usar los botones de las flechas arriba/abajo para ponerlos en el orden que desees. El orden reflejado será el que utilizará el asistente para situar los controles y poner el orden de tabulación.

Para el primer ejemplo vamos a pasar por alto la siguiente ventana que es la encargada de obtener la información para diseñar subformularios.

En la siguiente ventana podremos elegir la disposición que tomarán los controles en el formulario y si hiciese falta, en el subformulario. Al llegar a este paso notaremos como el asistente ya ha creado un formulario tipo en el nuevo documento que nos ha abierto y que mientras cambiamos la disposición vemos como cambia automáticamente.

En el siguiente paso nos permitirá elegir el uso que tendrá el formulario. La mayor parte de las veces utilizaremos la selección por defecto permitiendo hacer todas las operaciones con el formulario que deseemos.

Una vez aplicado el estilo de colores que deseemos y pongamos el nombre que le vamos a dar al formulario nos preguntará si queremos utilizar el formulario o queremos hacerle algún cambio al diseño.

Así quedaría el formulario si queremos editar lo que el asistente ha generado.

A partir de aquí podremos realizar las modificaciones que creamos oportunas. Esto lo explicaremos en la entrada siguiente.

Siguiente >

Crear una base de datos con OpenOffice 2

Creando una base de datos

Para crear una nueva base de datos tan solo debemos ir al menú Archivo->Nuevo->Base de datos.

Nos aparecerá una ventana como esta. Selecciona crear una nueva base de datos y presiona Siguiente.

Aunque nos posibilita utilizar el botón 'Finalizar' no debes utilizarlo en este paso. Dale a 'Siguiente' y guarda la base de datos con un nombre como 'bd_clientes'.

Verás la ventana de configuración principal de la base de datos donde puedes crear tablas, consultas, formularios e informes.

Aún no dispones de ningún dato así que necesitas crear al menos una tabla.

Creando una tabla

Puedes crear muchas tablas para cada base de datos. Vamos a crear una para nuestra base de datos de clientes.

En el área ‘Base de datos’ de la ventana principal selecciona el icono ‘Tablas’. Puedes crear una tabla con un asistente o en el modo de diseño. Si sabes lo que haces suele ser mejor opción utilizar la vista de diseño.

De todas formas, vamos a ver cómo utilizar el asistente. Este asistente dispone de varios tipos de tablas de ejemplo, tanto para uso profesional como personal (clientes, empleados, gastos en el primer caso o cuentas, biblioteca o recetas en el segundo, por ejemplo). En cada caso podemos elegir los campos que queremos utilizar de cada tabla así como las propiedades de cada campo, los valores por defecto, etc.


Una vez definidos los campos puedes decidir si crear una clave principal para la tabla o utilizar alguno de los campos que has definido en el paso anterior o utilizar una combinación de dichos campos.

En el último paso puedes decidir el nombre de la tabla y si quieres insertar datos nada más terminar, si quieres modificar el diseño creado automáticamente o bien crear inmediatamente un formulario basado en esta tabla. Así quedaría una vez finalizado el asistente.

Ahora puedes meter a introducir datos. Una vez llegue al último campo insertará un nuevo registro automáticamente e irá de nuevo al primer campo. De esta forma no tienes que preocuparte de guardar ningún cambio pues una vez terminado de introducir un registro este se guarda automáticamente.

Después de insertar unas cuantas líneas si nos vamos a la ventana principal, seleccionamos la tabla y, tal como se muestra en la imagen seleccionamos la opción ‘Documento’ del desplegable de la parte derecha podemos ver los datos de la tabla en la parte derecha del área de trabajo.

Y aunque con las tabla se puede lograr hacer todo el trabajo que necesitemos suele ser mucho más útil y atractivo permitir a los usuarios ver los datos en una ventana aparte. Para ello crearemos un formulario de introducción de datos.

Siguiente >