<?xml version="1.0" encoding="utf-8"?>
<rss version="2.0">
<channel>
<title>Tema: Microformatos | Sentido Web</title>
<link>http://sentidoweb.com/</link>
<description>Actualidad y maneras de hacer en Internet (programación, diseño, tendencias, negocios...)</description>
<language>es</language>
<copyright>Copyright 2007</copyright>
<lastBuildDate>Tue, 16 Jan 2007 18:07:11 +0000</lastBuildDate>
<generator>http://www.movabletype.org/?v=3.2</generator>
<docs>http://blogs.law.harvard.edu/tech/rss</docs> 

<item>
<title>Contactos: de la web a la agenda con microformatos y xslt</title>
<description><![CDATA[<p><img alt="microformats_logo.png" src="http://sentidoweb.com/img/2007/01/microformats_logo.png" width="53" height="44" class="right"/>Los <a href="http://www.microformats.org">microformatos</a> est&aacute;n de moda. Cada vez se habla m&aacute;s sobre ellos y muchos los recomendamos, intentamos difundirlos y apostamos por su uso. Pero suele haber una pregunta recurrente cuando hablamos del tema &iquest;Qu&eacute; utilidades tienen?.</p>
<p>Podemos contestar que constituyen una buena pr&aacute;ctica, que aportan sem&aacute;ntica a nuestra web, que facilitan el procesamiento de nuestro c&oacute;digo por terceras partes... pero a veces es complejo poner ejemplos concretos.</p>
<p>Hace poco tiempo explicaba en <a href="http://www.tripix.net/2006/12/25/operator-extension-para-detectar-microformatos-en-firefox-2/">tripix.net</a>  c&oacute;mo la extensi&oacute;n de <a href="http://www.getfirefox.com">Firefox</a>, <a href="http://labs.mozilla.com/2006/12/introducing-operator">Operator</a>, trabaja con los microformatos, hoy vamos a ver otra interesante aplicaci&oacute;n: c&oacute;mo hacer que cuando la informaci&oacute;n de contacto en una web, microformateada con <a href="http://microformats.org/wiki/hcard">hcard</a>, se exporte directamente a <a href="http://en.wikipedia.org/wiki/VCard">vCard</a>, un formato de archivo estandarizado que para el intercambio de datos de contacto que entienden la pr&aacute;ctica totalidad de las aplicaciones de agenda (Thunderbird, iCal, Outlook, etc.) </p>
<h3>El microformato en nuestra p&aacute;gina</h3>
<p>Vamos a utilizar un ejemplo muy sencillo en el que mostramos mis datos de contacto. El c&oacute;digo que utilizar&iacute;amos para poner esta informaci&oacute;n en nuestro c&oacute;digo xHtml ser&iacute;a el siguiente.</p>
<pre><code>&lt;div class="vcard"&gt;
 &lt;a class="url fn" href="http://sentidoweb.com/"&gt;Xose Pita&lt;/a&gt;
&lt;br /&gt;
 &lt;div class="adr"&gt;
 	&lt;span class="locality"&gt;Granada&lt;/span&gt;, &lt;span class="country-name"&gt;Espa&ntilde;a&lt;/span&gt;
  &lt;/div&gt;
 &lt;div class="org"&gt;Sentido Web&lt;/div&gt;
&lt;/div&gt;</code></pre>
<h3>Pasando de hCard a Vcard </h3>
<p>Para esto utilizaremos una <a href="http://suda.co.uk/projects/X2V/">peque&ntilde;a utilidad</a> que ha desarrollado <a href="http://suda.co.uk">Brian Suda</a>, uno de los grandes evangelistas de los microformatos, y que mediante <abbr title="PHP Hypertext Pre-processor">PHP</abbr> y <abbr title="Extensible Stylesheet Language Transformations">XSLT</abbr> (lenguaje que permite transformar cualquier documento XML a otra sintaxis) convierte la informaci&oacute;n de contacto microformateada que encuentre en una url a formato vCard. </p>
<p>Solamente es necesario enlazar con la direcci&oacute;n <a href="http://suda.co.uk/projects/X2V/get-vcard.php">http://suda.co.uk/projects/X2V/get-vcard.php</a> y pasarle por GET el par&aacute;metro &quot;uri&quot; con la url donde est&aacute; la informaci&oacute;n de contacto. Por ejemplo: </p>
<pre><code>
&lt;a href="http://suda.co.uk/projects/X2V/get-vcard.php?uri=http://sentidoweb.com/about/"&gt;Guardar tarjeta de contacto&lt;/a&gt;
</code></pre>

<p>Útil y fácil, así que <strong><a href="http://suda.co.uk/projects/X2V/get-vcard.php?uri=http://sentidoweb.com/about/">Descargar mi tarjeta de contacto</a></strong>.</p>

<p>Podéis ver un ejemplo práctico ya con CSS en <a href="http://sentidoweb.com/about#xose">mi perfil de Sentido Web</a>.</p>

<p>Vía / <a href="http://www.shapeshed.com/journal/contact_details_in_one_click/">Shape Shed</a></p>]]></description>
<link>http://sentidoweb.com/2007/01/16/contactos-de-la-web-a-la-agenda-con-microformatos-y-xslt.php</link>
<guid>http://sentidoweb.com/2007/01/16/contactos-de-la-web-a-la-agenda-con-microformatos-y-xslt.php</guid>
<category>Microformatos</category>
<pubDate>Tue, 16 Jan 2007 18:07:11 +0000</pubDate>
</item>
<item>
<title>¿Qué son los Microformatos?</title>
<description><![CDATA[<p><img alt="microformats.png" src="http://sentidoweb.com/img/2006/07/microformats.png" width="163" height="59" class="right"/>Últimamente se habla bastante de <a href="http://microformats.org">microformatos</a>, pero la verdad es que está un poco confuso, por ello vamos a intentar explicar qué son, para qué lo podemos usar y ejemplos de algunos de ellos, aunque ya <a href="http://sentidoweb.com/2006/06/02/technorati-lanza-basqueda-de-microformats.php">explicamos</a> anteriormente un poco sobre ello.</p>
<h3>¿Qué son?</h3>
<p>La verdad es que la definición oficial nos puede dejar tal cual, sin entender palabra, por eso creo que son mejores las explicaciones que nos ofrecen <a href="http://microformats.org/wiki/what-are-microformats#Chris_Messina">otras</a> <a href="http://microformats.org/wiki/what-are-microformats#Tantek_.C3.87elik">personas</a>. Traducimos:</p>
<blockquote>Microformatos son códigos simples que tu puedes usar para identificar  tipos de datos específicos, como personas o eventos, en tus páginas web.</blockquote><blockquote>
Microformatos son un modo de publicar y compartir información en tu web de un modo bastante fiel.
Por ejemplo, si quieres que la información de contacto de tu empresa sea fácilmente identificable, puedes publicarlo mediante <a href="http://microformats.org/wiki/hcard">hCard</a>. [...]
La clave de los microformatos es que son suficientemente simples para que los diseñadores/desarrolladores web lo incluyan en sus páginas ellos mismos. Los microformatos son más sencillos que publicar feeds. No necesitas ser programador para poder usarlos. Alguien que sepa un mínimo de XHTML/CSS puede usarlos.</blockquote>
<p>Pero lo más importante es que primero debe ser entendible para el ser humano y luego por las máquinas.</p>
<h3>¿Para qué sirven? ¿Qué se puede hacer con los microformatos?</h3>
<p>Con los microformatos puedes publicar información sobre eventos, tarjetas de visita de empresas, libretas de direcciones, ... de forma que sea fácil de leer por una persona en una página web y que a la vez sea entendible para un ordenador, que luego la almacenará, indexará o tratará. Se trata de mostrar información y que queramos que ésta sea facilmente compartida (mediante la localización e indexación, por ejemplo). Tenemos una información y queremos que otros (hombres o máquinas) no se vuelvan locos intentando localizarla. En definitiva, <strong>ordenar información para que sea fáci y rápidamente catalogada y accesible</strong>.</p>
<h3>Ejemplos</h3>
<ul><li> <a href="http://microformats.org/wiki/hcalendar" title="hcalendar">hCalendar</a>: para mostrar calendarios y eventos
</li><li> <a href="http://microformats.org/wiki/hcard" title="hcard">hCard</a>: información sobre personas, compañías y organizaciones
</li><li> <a href="http://microformats.org/wiki/rel-license" title="rel-license">rel-license</a>: para indicar la licencia de uso
</li><li> <a href="http://microformats.org/wiki/rel-nofollow" title="rel-nofollow">rel-nofollow</a>: el enlace no debe ser analizado por motores de búsqueda
</li><li> <a href="http://microformats.org/wiki/rel-tag" title="rel-tag">rel-tag</a>: para indicar que el enlace es un tag
</li><li> <a href="http://microformats.org/wiki/vote-links" title="vote-links">VoteLinks</a>: para indicar el tipo de voto que se hace sobre una pregunta
</li></ul>
<h3>Más información</h3>
<ul><li><a href="http://microformats.org/">Microformats</a></li>
<li><a href="http://microformats.org/wiki/Main_Page">Microformats Wiki</a></li>
<li><a href="http://www.brajeshwar.com/archives/2006/06/what-are-microformats/">What are Microformats?</a></li></ul>]]></description>
<link>http://sentidoweb.com/2006/07/05/que-son-los-microformatos.php</link>
<guid>http://sentidoweb.com/2006/07/05/que-son-los-microformatos.php</guid>
<category>Estándares</category>
<pubDate>Wed, 05 Jul 2006 10:42:57 +0000</pubDate>
</item>
<item>
<title>Technorati lanza búsqueda de Microformats</title>
<description><![CDATA[<p><img alt="technorati.png" src="http://sentidoweb.com/img/2006/06/technorati.png" width="220" height="50" class="right"/>Technorati ha lanzado una nueva búsqueda por <a href="http://microformats.org/about/">microformats</a>, la cual está en fase beta (o como lo hayan llamado). Para quien no sepa lo que son los microformatos, son pequeños XML que se usan para describir productos, eventos, contactos, ... que son fáciles de entender para personas y máquinas. A parte, han sacado <a href="http://pingerati.net/">Pingerati</a>, que es un sitio desde el cual poder enviar tus propios microformatos. Bueno, esperemos que vaya mejor que Technorati, que suele dar problemillas de saturación y de que vuelva usted más tarde.</p>

<p><a href="http://kitchen.technorati.com/search">Technorati microformats search</a></p>

<p>Vía / <a href="http://www.downloadsquad.com/2006/06/01/technorati-testing-microformats-search-and-pingerati/">Download Squad</a></p>]]></description>
<link>http://sentidoweb.com/2006/06/02/technorati-lanza-busqueda-de-microformats.php</link>
<guid>http://sentidoweb.com/2006/06/02/technorati-lanza-busqueda-de-microformats.php</guid>
<category>Accesibilidad</category>
<pubDate>Fri, 02 Jun 2006 16:30:00 +0000</pubDate>
</item>


</channel>
</rss>