TecnologíaPosted by admin 27 Mar, 2008 00:28:42La mejor forma de determinar si dos archivos son idénticos (uno es copia exacta del otro) sería obtener una tercera copia "humanamente legible" del contenido y depositarla ó publicarla.
Como alternativa viable se han creado los resúmenes binarios, o en lenguaje técnico "hashes".
Un "hash" es un resumen del contenido del archivo que se obtiene realizando operaciones con sus bits de manera que sea computacionalmente imposible generar dos archivos que tengan el mismo "hash".
Entre sus características se puede destacar el "efecto avalancha" que se denomina así porque un pequeño cambio en el archivo genera un cambio dramático y fácilmente detectable en el "hash".
Otra de las características es que es "no reversible", es decir, que a partir del "hash" no es posible reconstruir la información original. Esto es tanto más cierto cuanto mayor sea el archivo original y cuanto menos sepamos de él. Por el contrario, si el archivo es muy pequeño no hace falta la reversión, se pueden calcular directamente todas las posibilidades (ataques de fuerza bruta).
Cada "hash" tiene una "fuerza criptográfica" que se mide por el número de operaciones necesarias para "romperlo". A medida que evoluciona la velocidad de cálculo y se abaratan los equipos todos los "hashes" se debilitan, pierden fuerza, se hace más corto el tiempo necesario para "romperlos".
Además recientemente se han descubierto algoritmos que reducen en un par de órdenes de magnitud el esfuerzo necesario para romper algunos (en particular los conocidos como MD5 y SHA1).
Aunque parece que esto puede representar su fin, el caso es que es con la mejora de los procesadores es muy rápido calcular los dos (MD5 + SHA1) incluso para grandes cantidades de datos y la combinación de estos dos "hashes" mantiene una "fuerza criptográfica" muy alta. Como que MD5 se calcula con 128 bits y SHA con 160, aunque la fuerza caiga en cuatro órdenes de magnitud para cada uno (digamos a 32 y 40 bits respectivamente), la combinación de los dos aún queda en más de 1000 bits, es decir, fuera de los límites de lo computacionalmente posible de 'romper' en nuestros días.
En el caso de pequeñas cadenas como contraseñas, paquetes cifrados, certificados, etc. la técnica de combinar los datos con "semillas" refuerza la seguridad de los algoritmos exponencialmente.
Para la conservación de datos, estos resúmenes binarios ó "hashes" se deben considerar como una medida dirigida a verificar la integridad de la información. La conservación en sí misma es otro cantar.
TecnologíaPosted by admin 31 Jan, 2008 21:41:06Cuando se genera un archivo html de longitud variable, en concreto, cuando rellenamos una tabla con datos y no conocemos de antemano la longitud de la tabla es difícil que seamos capaces de ajustarla de manera que se imprima con elegancia.
Los 'estilos' permiten simplificar notablemente el comportamiento en papel de las tablas de datos.
La técnica para dividir correctamente en paginas una tabla de gran tamaño es muy elemental:
Preparamos la tabla de datos separando claramente los elementos <thead> <tboby> y <tfoot>. Es decir, la cabecera, el cuerpo y el pie de la tabla.
Cada uno de estos elementos (thead, tbody y tfoot) pueden tener tantas líneas como sean necesarias, de hecho es una tentación irresistible colocar en la cabecera de la tabla el encabezado del documento para que se repita en cada una de las páginas impresas.
Establecemos los estilos de cada una de las secciones para que los saltos de página ocurran sólo antes de la cabecera, sólo después del pie de la tabla y en cualquier lugar del cuerpo y forzamos a que cabecera y pie se muestren completos:
table{
page-break-before: avoid;
page-break-inside: allways;
page-break-after: avoid;
}
thead{
page-break-before: allways;
page-break-after: avoid;
display:table-header-group;
}
tfoot{ height:8em;
page-break-before: avoid;
page-break-after: allways;
display:table-footer-group;
}
Suficiente. Desde ahora esta tabla se imprime dejando al principio de cada página el encabezado, y terminando elegantemente la página con el pie de la tabla para repetir el esquema en cada una de las páginas siguientes hasta mostrar todos los datos.
Por supuesto que ocupará tantas páginas como sean necesarias.
Ahora sólo hace falta un navegador que soporte estas características de las hojas de estilo para medios paginados. Internet Explorer 7 no tiene dificultades y tanto Opera como Firefox deberían comportarse igual de bien puesto que tienen una buena implantación del soporte para hojas de estilo.
TecnologíaPosted by admin 31 Jan, 2008 01:12:18¿Qué sucede cuando un disco duro externo falla?
Está claro, si el fallo se produce dentro del periodo de garantía el fabricante lo repone sin protestar, pero los datos que pueda contener se pierden irremediablemente.
Los fabricantes suelen tener servicios de recuperación de datos pero los precios son realmente impresionantes.
En el blog de Scott Cramer podemos encontrar una historia sobre su WD MyBook que falló, al parecer por alguna incidencia de la alimentación, y cómo se las arregló para recuperar por sí mismo los datos.
Una de las ventajas de recuperar la información con este tipo de conexiones es que probablemente la velocidad de copia sea extraordinariamente más alta que por el cable USB.
El mismo procedimiento es aplicable a cualquier disco externo que no funcione siempre y cuando sepas como abrir la caja sin destrozarla y el fallo se deba a algún elemento del adaptador, no servirá si lo que está dañado es el propio disco duro, en este caso hace falta recurrir a medidas más contundentes.
El motivo de publicar esta entrada es agradecer a Scott Cramer sus fotos sobre el interior del MyBook y el procedimiento de conexión.
TecnologíaPosted by admin 28 Jan, 2008 19:53:45Hoy (28-01-2008) me pareció conveniente instalar un nuevo sistema para enviar a páginas externas a mi sitio web.
Habitualmente tengo la mala costumbre de colocar la etiqueta 'target="_blank"' para que los enlaces externos se abran en nuevas ventanas y el visitante pueda continuar navegando por mi web cuando termine de ver las que le propongo con el enlace.
Esto puede ser molesto para algunos y siempre es posible abrir una ventana o una pestaña nueva, si se desea, utilizando (diestramente) el botón derecho del ratón.
Creo que es necesario avisar de alguna manera al visitante de que está saliendo del sitio que visita y decirle claramente la dirección a la que se le manda así que en la mayor parte de los enlaces externos he colocado una ventana de despedida.
Tal vez no sea la decisión más acertada porque para ir a cualquier página fuera de mi web es necesario pulsar dos veces sobre el enlace, primero para ir a la 'página de despedida' y luego para ir realmente al enlace. Pero estoy dispuesto a hacer la prueba durante algún tiempo.
Además de la molestia para el visitante me pregunto ¿qué efectos puede tener esto sobre los cálculos del PageRank? porque 'en frio', a los ojos de un robot, el sitio se puede quedar de repente sin enlaces externos.
¿Como lo hice?
Pues añadiendo a cada enlace un prefijo que envía a la página de despedida y pasa un parámetro con la página deseada, es decir, en vex de poner:
<a href="http://www.paginaexterna.net">texto del enlace</a>
Pondría:
<a href="despedida.hrml?enlace=http://www.paginaexterna.net">texto del enlace</a>
Con esto se abre la página 'despedida.html' y con algunas líneas de Javascript se incluye la dirección solicitada por el visitante.
Algo así como adios que te vas.
TecnologíaPosted by admin 14 Jan, 2008 02:05:06Una versión alternativa de esta entrada se ha publicado como página web convencional aquí: http://www.arquer.net/publicaimagen.html
Una de las gracias que "quedan bien" en las páginas web son las imágenes.
Mucha gente coloca sus imágenes en la página y se conforma con verlas bien en su propio ordenador, pero los secretos para hacerlas aparecer correctamente en cualquier equipo son elementales y pocas veces se siguen.
Vamos a insertar una imagen en una página paso a paso:
0.- Primer paso y fundamental, abrimos la imagen con un editor cualquiera y le cambiamos el tamaño para que coincida con el espacio que le vamos a dar en la página; por ejemplo, una imagen de la cámara digital de 2560x1920 que ocupa unos 2,3 megas la podríamos dejar a 400 pixels por 300 para que sea más o menos ligera. A continuación la guardamos con un nombre cualquiera (a poder ser solo minúsculas) y con una calidad del 60 o el 70 por ciento.
Como ejemplo he tomado una imagen de la antena de mi nuevo (y cutre) router wi-fi que pesaba 2,3Mb y la he dejado en 14Kb para insertarla en esta entradilla:
(Nota del autor: Las imágenes de este blog están modificadas por el servidor y su peso corresponde a la imagen sin compresión, esto es imputable únicamante al proveedor de servicios que es inmensamente rico y poderoso y le gusta llenar su ancho de banda. Una próxima edición de esta entrada se hará como página web 'normal' con los tamaños de archivo que se anuncian.)
1.- Insertar la imagen: basta con poner la dirección de la imagen dentro de una etiqueta como esta:
<img src="ruta/imagen.jpg">
2.- Informar del significado de la imagen para que los navegadores de texto y las personas con dificultades de vision sepan de qué va, se añade una etiqueta 'alt' con una breve descripción; en el caso de que no sea más que un adorno se pone la misma etiqueta pero con las comillas nada más (vacía). Podría ser necesario un enlace LONGDESC si es que no basta con unas palabrillas.
<img src="ruta/imagen.jpg" alt="Esta es una imagen de ejemplo">
3.- Reservar sitio en la página para que se cargue todo más rápido (ponemos dos etiquetas especificando el ancho y el alto en pixeles y el navegador reserva el espacio todo solito):
<img src="ruta/imagen.jpg" alt="Esta es una imagen de ejemplo" width=400 height=300>
4.- Podemos también alinear la imagen a la izquierda para que se muestre a un lado del texto y las líneas fluyan a su alrededor:
Antes se hacía así:
<img src="ruta/imagen.jpg" alt="Esta es una imagen de ejemplo" width=400 height=300 align="left">
Pero ahora no se hace así, no señor, ahora somos modernos y separamos el contenido del estilo.
Para alinear una imagen tenemos que usar estilos, alinear es un elemento de la presentación, no del contenido asi que lo correcto es 'flotar' la imagen:
<img src="ruta/imagen.jpg" alt="Esta es una imagen de ejemplo" width=400 height=300 style="FLOAT:left">
Y para que 'flote' a la derecha ponemos FLOAT:right logicamente.
Lástima que en este blog de pacotilla no se pueda utilizar el 'float', cuando pueda lo incluiré en una pagina normal.
Podemos verla aquí reducida aún más (solo 7Kb), queda algo así:
La imágen pesa poco, se entiende de qué trata, se carga muy rápido en todos los navegadores y si no aparece por alguna razón o el visitante no puede ver imágenes, por lo menos puede leer una explicación simple.
La separamos del texto que la rodea con otro elemento de estilo, un margen y listo.
5. Para nota: se puede hacer una imagen con poco peso (LOWSRC) en blanco y negro y cargarla como imagen alternativa mientras se envía la imagen real:
Sería verdad que pesa poco si el maquinón del servicio no la modifcara (la imagen original pesa menos de 3Kb)
Por otra parte la etiqueta LOWSRC ha sido ya retirada de las nuevas versiones de HTML; supongo que esto del tamaño y las versiones alternativas va siendo de menor importancia.
Para ir terminando...
Para organizar de manera simple varias imágenes podemos utilizar los estilos en la cabecera de la página o incluso en un archivo externo para que se apliquen los mismos estilos a todo nuestro sitio; queda pendiente una entradilla sobre este tema de dónde escribir las hojas de estilo.
No parece un trabajo demasiado duro pero si nos fijamos en las páginas, incluso profesionales, que abundan por ahí debe ser casi imposible.
Para ser totalmente honestos puede que no resulte sencillo hacerlo si se utilizan editores más sofisticados que un simple editor de texto (los usuarios de Windows disponen del notepad y los de *nix de un montón de ellos).
¡Ah! se me olvidaba, no pasa nada por revisar las páginas que editamos con algún navegador distinto del habitual (por ejemplo si utilizas Opera o Firefox, prueba a ver el resultado también en Internet Explorer) para asegurarnos de que el resultado es correcto. De paso se puede verificar la ortografía, que no pasa nada.
TecnologíaPosted by admin 03 Jan, 2008 15:18:52Cuando queremos descargar archivos desde Internet nos podemos encontrar muchas veces limitados a únicamente dos archvos a la vez.
No es un error ni una avería, se trata de una convención (RFC 2068) que se puso en práctica en los inicios de la red (1997) y que con las velocidades que tenemos disponibles actualmente parece algo obsoleto.
Los usuarios de Internet Explorer (osea de Microsoft Windows) pueden cambiar este comportamiento de forma simple, en el artículo How to configure Internet Explorer to have more than two download sessions se explica cómo modificar el registro para que las claves 'MaxConnectionsPer1_0Server' y 'MaxConnectionsPerServer' nos permitan descargar algunos archivos más.
En esta misma página Microsoft advierte (y lo traduzco):
'Este procedimiento sólo tiene un propósito informativo. El cambio del número máximo de conexiones por encima de dos es una violación de los estándares de Internet; Microsoft no recomienda que este procedimiento se utilice fuera de redes cerradas'
Ea, si lo haces que sepas que puedes encontrarte con administradores puristas que bloqueen tu acceso a sus servidores, osea que nadie parece estar obligado a concederte más de dos conexiones en su servidor.
De todas formas, en una época en la que ya nadie parece preocuparse por limitar el peso de las imágenes, de los adornos tipo 'flash', y ni siquiera de utilizar correctamente el 'HTML', aumentar un poquito este número no creo que llegue a colapsar definitivamente nuestras redes.
Otros sitios que recomiendan este sucio truco:
PC Today
Búsqueda en Google
El RFC 2068 donde se establece la limitación
RFC 2068
TecnologíaPosted by admin 29 Dec, 2007 00:34:49Me preguntan de vez en cuando por mi antivirus.
¿Y tú qué antivirus utilizas?
La respuesta es desconcertante, no utilizo ninguno de forma permanente y de vez en cuando utilizo alguno gratuito. La razón no es sencilla de explicar.
Un antivirus consume recursos del sistema, necesita estar permanentemente actualizado, y jamás ofrece una protección absoluta contra todo tipo de programas maliciosos.
Una protección completa del ordenador requiere muchas más cosas que un antivirus. Un cortafuegos, un sistema operativo actualizado, filtros específicos para el correo y para la navegación por la red, una colección de programas más o menos estable, un usuario moderado en sus iniciativas, etc.
En definitiva, según el uso que se le de a un equipo puede ser indispensable usar un antivirus, puede ser inútil o puede ser secundario.
De vez en cuando es inevitable que un programa malicioso se cuele en el sistema, entonces se puede utilizar cualquier herramienta de limpieza, suele haber disponibles cientos en Internet. Lo importante no es quitar el programa, lo más importante es averiguar qué ha fallado y corregirlo (sea la configuración, las malas prácticas o simplemente que el antivirus no es adivino y no puede detectar cualquier nuevo virus).
Y para 'probar' nuevos programas de origen desconocido ¿no sería indispensable?
La respuesta de nuevo es compleja, puede ser que si o que no. En general si el programa es muy nuevo el antivirus puede darnos una falsa sensación de seguridad o hacernos la vida imposible (falsos positivos y falsos negativos son más probables con programas nuevos y con virus muy recientes).
Personalmente prefiero utilizar para estas actividades innovadoras alguna alternativa como por ejemplo una máquina virtual, o un equipo de pruebas de manera que los daños, por graves que sean, queden limitados a un equipo sin valor (le llamaremos 'mono de goma').
Algunas maquinas virtuales gratuitas:
http://www.virtualbox.org/
http://www.vmware.com/
http://www.microsoft.com/windows/products/winfamily/virtualpc/default.mspx
http://openvz.org/
http://bochs.sourceforge.net/
http://fabrice.bellard.free.fr/qemu/
Equipos virtuales para Microsoft Virtual PC ya instalados y listos para hacer todo tipo de pruebas:
http://www.ofgsoftware.com/web/virtualizacion/virtualpc2007/virtualpc2007_equiposvirtuales.html
http://www.microsoft.com/downloads/details.aspx?FamilyId=21EABB90-958F-4B64-B5F1-73D0A413C8EF&displaylang=en
http://technet.microsoft.com/en-us/bb738372.aspx
Bueno, ya vemos que para hacer pruebas tenemos algunos 'monos de goma' disponibles tanto en versiones Windows como Linux, así que al que le guste andar picoteando por ahí, ya tiene la respuesta: Instalar y aprender a utilizar una máquina virtual (o más de una).
TecnologíaPosted by admin 10 Dec, 2007 20:27:29Herencia y aplicación sucesiva (cascada) son dos características cómodas de las hojas de estilo.
En la composición visual de páginas güé con hojas de estilo resulta muy útil la característica de 'en cascada', es decir, la forma en que los estilos se aplican sucesivamente.
Vamos a verlo con un ejemplo:
Si en nuestra página enlazamos una o varias hojas externas (esos archivos .css...) las definiciones se aplican sucesivamente una sobre otra en el orden en que las hayamos citado en nuestra página.
Una vez aplicados estos estilos podemos añadir alguno más con una sección de estilo dentro de la cabecera de nuestra página. (segundo nivel de la cascada)
Este nivel permite 'ajustar' individualmente algunas páginas que se muestren poco dóciles. Pero si son más de una o dos vale más ceder, crear clases y llevar el estilo a la hoja externa. A fin de cuentas, si puede salir mal una vez va a repetirse hasta agotar nuestra paciencia. (véase la Ley de Murphy)
Por último, si en un determinado lugar del contenido nos resulta conveniente se pueden añadir definiciones de estilo 'en línea' que sólo se aplican a los elementos que las contienen y que no se 'propagan' más allá.
Nuestra hoja externa podría definir para toda la página el color negro:
body{color:#000;}
Después nuestra sección de estilo (o bien otra hoja de estilo cargada posteriormente) podría añadir una línea color:#009; sólo para los párrafos:
p{color:#009;}
Y por último, dentro de la página podríamos querer que un determinado párrafo apareciese con un nuevo color
<P style="color:#099;">Lorem ipsum...
En todo caso hay que tener cuidado, algunos atributos como el color del texto tienen que establecerse meticulosamente porque pueden hacer la página inaccesible; ¿qué pasaría si nuestro párrafo de color #099; hereda un color de fondo digamos #3AA;?
<P style="color:#009; background-color:#3AA;">¿Legible?</P>
Una herencia inadecuada puede estropear la mejor cascada... :-)
TecnologíaPosted by admin 09 Dec, 2007 22:08:21En Windows XP (y posteriores de microsoft) el reloj del sistema se ha configurado para que sincronice la hora desde un servidor de microsoft. Gracias Bill.
¿Hasta que punto es esto una invasión a la intimidad? Todos los equipos que llevan estos sistemas operativos se conectan de vez en cuando con los servidores de microsoft.
Al menos esto le dice a la conocida empresa de software varias cosas, que el sistema está encendido, que utiliza software de microsoft, que está conectado a Internet, quien es el proveedor de acceso a internet y la zona del mundo (incluso la ciudad) donde está el equipo.
Con esto no parece difícil intuir que microsoft puede conocer a diario cuantos equipos existen en el mundo con su sistema operativo y dónde están ¿o no?.
En España el servicio oficial de hora lo ofrece el Real Observatorio de la Armada y se puede consultar en:
http://www.armada.mde.es/ArmadaPortal/appmanager/ArmadaPortal/ArmadaPortal?_nfpb=true&_pageLabel=ap_page_observatorio_iframe&paginaiframe=http://150.214.94.3/cgi-bin/darhora&height=525px
Pero ¿qué es mejor?, ¿que microsoft controle nuestro horario? ¿o que lo haga el ejercito?
A lo mejor es buena idea buscar en http://www.ntp.org/ algún servidor de hora al que queramos asociar nuestro equipo.
El servidor ideal es alguno cercano a nuestro equipo para evitar el exceso de tráfico en Internet.
Para España podemos encontrar:
http://www.pool.ntp.org/zone/es
http://support.ntp.org/bin/view/Servers/HoraRoaEs
http://support.ntp.org/bin/view/Servers/SlugCtvEs
http://support.ntp.org/bin/view/Servers/HoraOxixaresCom
Supongo que a estas alturas a nadie se le ocurrirá instalar un spyware gratuito para simplificar la tarea, para eso (simplificar) ya está Windows y lo hace mucho mejor.
Para obtener información sobre la sincronización horaria de windows:
http://support.microsoft.com/kb/884776/es
Si utilizas Linux:
http://www.escomposlinux.org/lfs-es/recetas/time.html
http://www.benavent.org/recetas/howtos/ntp.php
tambien en man y en /etc/...
TecnologíaPosted by admin 09 Dec, 2007 20:27:01Internet explorer tiene la posibilidad de mostrar una barra de imagen (Herramientas/Opciones de internet/Opciones avanvadas/Multimedia/Habilitar la barra de herramientas de imagen).
Esta característica puede distraer o deslucir la imagen en algunas páginas así que el autor de la página puede pedirle al navegador que evite esta característica.
Para ello se añade una línea en la cabecera del archivo html (en la sección <head>) con la siguiente sintaxis:
<meta http-equiv="imagetoolbar" content="no">
Pero si sólo queremos evitar que aparezca en una imagen determinada podemos añadir a la etiqueta <img... el modificador:
galleryimg="no"
O alternativamente, podemos desactivar la barra para todas las imágenes de la página y activarlo para una en particular:
<img galleryimg="yes" src="... >
Estas y otras opciones para alterar el comportamiento del navegador podemos leerlas en:
http://www.web-wise-wizard.com/javascript-tutorials/disable-right-click.html
Quiero destacar que ninguna de las técnicas descritas en este enlace evitan que nuestras imágenes terminen en el editor de fotos favorito de nadie, cualquier imagen que se publique en internet es fácilmente capturable. Si se copian los DVD que vende el corte ingles en cajas de policarbonato y celofan...
Las cosas se le pueden poner fáciles ó difíciles al copión pero a mi juicio estas características hay utilizarlas para hacer la vida agradable al visitante.
Y si quiere aprender que empiece copiando, como todos...
TecnologíaPosted by admin 09 Dec, 2007 19:47:49Existe la posiilidad de crear un icono y asociarlo a un sitio web.
La imagen puede ser un icono de 16x16, de 32x32, de 64x64, de 128x128 o mixto (varias resoluciones) en un único archvo con todas las imágenes. Pero también se puede asociar a una imagen de cualquier otro tipo que sea comunmente aceptada por los navegadores (.ico, .gif, .png)
Es necesario informar al servidor del tipo de archivo que se entrega:
.ico: image/vnd.microsoft.icon
ó
.ico: image/x-icon
.gif: image/gif
.png: image/png
Es posible enlazarlo desde la cabecera de la página (sección ) aunque algunos navegadores lo encuentran sin necesidad del enlace.
Algunos enlaces:
http://myvogonpoetry.com/wp/2005/10/10/animated-favicons/
Búsqueda de favicon.ico+animated en Google
Mola la idea, dentro de poco el favicon de este sitio podía ser un vídeo musical.
