No necesitas ser flickr para usar microformatos

La web de mi empresa no necesita microformatos, eso es para sitios grandes. ¿Has escuchado o dicho esto alguna vez? La gran ventaja de los microformatos es que cuesta poco usarlos y no molestan.

Hoy he implementado algunos microformatos en la web de Warp. No es una web que interaccione mucho con el usuario, ni tenemos perfiles de usuarios, pero ya veréis como se pueden usar.

En concreto he usado hCard, para la dirección de la empresa en el pie de página, y hCalendar, para el listado de Cursos MySQL.

Para probar el funcionamiento de estos microformatos podéis instalar la extensión Operator para Firefox

hCard

Warp footer

En el pie de la página tenemos la dirección de la oficina. Vista en HTML era un párrafo normal.

<p>&copy; 2005-2007 Warp Networks S.L - C. Don Jaime I 33, 3º Dcha, 50003 Zaragoza, España</p>

Ahí tenemos información interesante para poner en la agenda o para ver en un mapa:

<p>&copy; 2005-2007 
  <span id="" class="vcard">
    <span class="org">Warp Networks S.L.</span>
    <span class="adr">
    <span class="street-address">Don Jaime I 33, 3º Dcha</span>
    <span class="locality">Zaragoza</span>
    , 
    <span class="postal-code">50003</span>
    <span class="country-name">España</span>
  </span>
</p>

Operator showing hCard

hCard in Google Maps

hCalendar

Buscando un poco más, uno se da cuenta de que el listado de cursos MySQL no deja de ser un “calendario” en forma de lista. Seguro que a quién se apunte a un curso le interesa añadirlo a su calendario. ¿Por qué no facilitar las cosas?

hCalendar in MySQL courses

Al igual que antes, la estructura anterior de cada curso era bastante sencilla:

<tr class="course_instance">
  <td>
    Del 03 de Diciembre al 05 de Diciembre en Zaragoza
  </td>
  <td class="price">900 €</td>
</tr>

Y tras un poco de magia hCalendar:

<tr class="course_instance">
  <td>
    <div class="vevent">
     <a class="url" href="/cursos/show/4">
       <span class="summary">MySQL 5.0 High Availability (Diciembre)</span>
      </a>
      Del 
      <abbr class="dtstart" title="2007-12-03">03 de Diciembre</abbr>
      al 
      <abbr class="dtend" title="2007-12-05">05 de Diciembre</abbr>,
      en <span class="location">Zaragoza</span>
     </div>
  </td>
  <td class="price">900 €</td>
</tr>

En este caso, el contenido hay cambiado ligeramente: he añadido de nuevo el nombre del curso junto con el mes a modo de resumen. Esto será útil a la hora de importarlo a un calendario. Como no queremos que se vuelva a mostrar en la web lo ocultamos con CSS

.course_instance .url {
  display: none;
}

Después de esto es bastante sencillo añadir el curso a un calendario.

Operator showing hCalendar

Import event

MySQL course in Google Calendar

Como se puede comprobar, no cuesta tanto implementar los microformatos y las ventajas son interesantes. Además, no necesitamos la extensión Operator (u otra tecnología nueva) para poder usar el sitio, simplemente nos ofrece una funcionalidad extra.

Así que ya sabéis, no tenéis excusa para no usar microformatos.

Amedias en Silicon Valley

Aprovecho que he conseguido recuperar mis datos y tener un portátil usable (la historia completa para otro rato) para contar brevemente mis últimas semanas.

El pasado 14 de Abril comencé mi viaje hacía la bahía de San Francisco. 4 horas de bus hasta Madrid, 1 de metro, 6 horas en Barajas, 2 de vuelo hasta Amsterdam, … hasta que tras unas 36 horas de viaje llegué a mi hotel en Cupertino. La primera semana estuve en un bootcamp, que viene a ser dos cursos comprimidos en una semana, lo que nos permitirá ofrecer los cursos de Alta Disponibilidad y Performance Tuning. En nuestra sección de cursos salen directamente, pero lo que me sorprende es la cantidad de veces que salimos en la portada de MySQL.

MySQL instructors
Instructores de MySQL en el Bootcamp

La siguiente semana estuve con Nacho en la conferencia de MySQL. De esto ya comente algo en Koke´s (Live from the MySQL Users Conference) de lo que se hizo eco isabl (al próximo cóctel me apunto y os cuento). También tenéis el resúmen de nacho con fotos y videos en MySQL Quiz Show.

Mickos and Kawasaki
Mårten Mickos (CEO de MySQL) y Guy Kawasaki (VC y blogger) en el escenario, en la conferencia de apertura

Como conclusión de la conferencia, creo que lo más interesante no fueron las charlas en sí (de gran nivel técnico algunas), sino el conocer en persona a la gente con la que trabajamos a diario para impartir los cursos, así como los que están detrás de MySQL. Volví realmente orgulloso, ya que me crucé con gente que conocía mi nombre, a Warp o a Zaragoza por la buena impresión que habíamos causado. Así da gusto trabajar.

La tercera semana fue de vacaciones, pero esa la cuento más adelante cuando suba las fotos.