El Blog de Martín

Clipmarks: Copia lo que quieres que otros lean

martincx — Tue, 15 Jun 2010 21:53:17 +0000

Clipmarks es un servicio para tomar notas (literalmente copiar fragmentos) de páginas.

Ya instalado, creamos un clipmark pulsando un botón, y pasamos a modo clip. Ahora los párrafos sobre los que pasemos con el ratón se resaltarán con un borde naranja. Para añadir al clipmark nos ponemos sobre el párrafo y hacemos click. Quedará marcado de color verde para diferenciarlo. También podemos añadir al clipmark texto seleccionado.

Una vez creado, podemos asignarle etiquetas. También podemos enviarlo por mail, o directamente a nuestro blog para que se publique. Por último tenemos la opción de hacerlo público o privado. La ventaja de hacerlo público es que pasamos a un sistema de comentarios, votos, etc. propio de las modernas aplicaciones web.

Para firefox instala este add-on.

Su web oficial nos muestra este corto video.

Rendera: Editor HTML5 Online

martincx — Thu, 10 Jun 2010 16:20:49 +0000

Rendera es un sencillo editor web de HTML5 y CSS3 que nos permite ver el resultado de todo el código que incluyamos, permitiendo exportar y ver ejemplos de aplicaciones.

Su manejo es bastante sencillo simplemente escribir el código HTML para verlo renderizado en tiempo real (presionando Enter o la barra superior), posteriormente darle estilo con CSS.

Rendera permite utilizar cualquiera de las etiquetas de HTML 5 o CSS3 que soporte nuestro navegador.

Interesante es que no requiere registro.

StYLiD: A publicar Linked Data

martincx — Thu, 10 Jun 2010 16:14:02 +0000

Buscando por allí, alternativas para la publicación de Linked Data he encontrado a StYLiD, que me pareció muy interesante. Se basa en RDFa para generar conceptos, que son visualizables en su nube de conceptos (quizá su característica más remarcable).

Bueno aquí hay un video:

Necesaria la creación de una cuenta, y bueno a escribir conceptos…

Yahoo! Seachmonkey

martincx — Mon, 07 Jun 2010 14:07:01 +0000

Yahoo! desde el primer trimestre del 2008 cuenta con SearchMonkey, un framework para la creación de pequeñas aplicaciones que mejoren los resultados de búsqueda con datos y estructura adicional, como imágenes, pares clave/valor y enlaces adicionales. Estos resultados serán mostrados basados en dos templates:

Infobar. Resultado “sencillo”, difiere de la manera tradicional de mostrar los resultados con la presencia de un panel expandible con información adicional.
Enhanced Result. Un resultado más elaborado, que esta limitado a un conjunto de elementos específicos: título Title, resumen Summary, imagen Image, enlace Link que debe pertenecer al sitio para mayor información o para alguna acción posterior que el usuario desee hacer. El componente final es Dict, que es un par clave/valor que provee información concisa y estructurada tal como revisiones, especificaciones técnicas u horas de operación. Puede contener 4 dicts como máximo.

Los beneficios de SearchMonkey para los usuarios del buscador:

Mejora de los resultados de búsqueda de sitios y marcas establecidas.
Personalización de la experiencia de búsqueda, permitiéndoles añadir aplicaciones opcionales.
Proveer enlaces relevantes y datos estructurados, para agilizar las tareas efectuadas.

Para el propietario del site, los beneficios incluyen:

La explotación de las anotaciones semánticas incluidas en sus páginas, exponiendo esa información a una audiencia masiva.
Incrementar la cantidad y calidad del tráfico, suministrando mejor información y ayudando a los usuarios a determinar la relevancia de las páginas.

Una aplicación SearchMonkey consta de dos partes:

Data Services uno o más servicios de datos, que le provee información estructurada para mostrar como resultado en las búsquedas.
presentation application, que define como deben ser mostrada. Esto es definido mediante funciones PHP que serán almacenadas en el servidor de Yahoo.

Más a fondo en la Guía:

http://developer.yahoo.com/searchmonkey/smguide/index.html

RDFa Bookmarklets

martincx — Mon, 07 Jun 2010 13:49:41 +0000

Un bookmarklet es un marcador que, en lugar de apuntar a una dirección URL, hace referencia a una pequeña porción de código JavaScript para ejecutar ciertas tareas automáticamente.

Este apartado ha sido considerado pues existen algunos bookmarklets desarrollados para trabajar con RDFa. Los principales han sido detallados en la tabla 1.

Tabla 1. Bookmarklets para RDFa y su utilidad.

Bookmarklet	Descripción.
CC license	Detecta y presenta la Licencia Creative Commons presente en dicha Web.
RDFa Highlight	Quizás el más atractivo, resalta el texto con RDFa y permite visualizar las tripletas contenidas al apuntar el contenido.
GetCal	Resalta y permite exportar un evento a Google Calendar.
GetN3	Obtiene las tripletas en notación N3.
License Checker	Evalúa la presencia de una licencia.
RDFa Clipboard	Permite copiar texto con RDFa incluido.

Texto resaltado en una página con RDFa

Mayor información:

[1] RDFa Clipboard: http://www.w3.org/2006/07/SWD/RDFa/impl/js/rdfa-clipboard/

[2] A RDFa Calendar: http://www.w3.org/2006/07/SWD/RDFa/impl/js/rdfa-calendar.html

[3] RDFa and JavaScript Bookmarklets. How to: http://www.w3.org/2001/sw/BestPractices/HTML/rdfa-bookmarklet/howto

[4] RDFa Bookmarklets: http://www.w3.org/2006/07/SWD/RDFa/impl/js/

Plugins Microformatos.

martincx — Mon, 07 Jun 2010 13:26:58 +0000

Debido al aumento en la presencia de microformatos en la Web, las últimas versiones de algunos navegadores ya poseen extensiones para el descubrimiento de microformatos en la páginas, en el caso de Mozilla Firefox tenemos Operator[1], Tails[2], Giftag[3] y BlueOrganizer[4] como los más significativos. De estos Operator es el más popular entre los usuarios, desarrolladores y publicadores de contenidos con microformatos; incluso Operator provee una arquitectura para el análisis de Microformatos (microformat parsing), el cual probablemente será integrado en futuras versiones del navegador. [3]

Como alternativa para Microsoft® Internet Explorer se presenta Oomph[5], cuyas principales características son: encontrar – consumir, crear, y dar estilo a Microformatos, para lo cual cuenta con un set de estilos CSS y un plug-in para Windows Live Writer para insertar hCards.

SafariMicroformats[6] detecta Microformatos indicando su presencia mediante un ícono en la barra de direcciones, soporta hCard y hCalendar y facilitando su extracción o exportarlos a su agenda o Calendario.

[1] http://microformats.org/wiki/Operator

[2] http://blog.codeeg.com/tails-firefox-extension-03/

[3] http://www.giftag.com/

[4] http://www.adaptiveblue.com/

[5] http://oomph.codeplex.com/

[6] http://www.zappatic.net/safarimicroformats/index.html

Microbloggin Semántico

martincx — Mon, 31 May 2010 20:43:29 +0000

Esa es la propuesta de SMOB

SMOB desarrollado por DERI, NUI Galway de Unit Social Software.

Mas información en:

Microblogging: A Semantic Web and Distributed Approach (Paper at SFSW2008)
A Distributed Semantic Microblogging Platform (Challenge submission SFSW2008)

http://smob.me/

Bueno a descargar y probarlo…

Publicar RDFa usando Dreamweaver

martincx — Thu, 27 May 2010 16:45:41 +0000

Buscando opciones para publicar HTML+RDFa encontré esta extensión para Dreamweaver 8 y +.

Aunque sólo es un beta ya facilita un poco la creación, edición y conversión de documentos con RDFa.

Documento HTML+RDFa

Más información y descarga:

RDFa extension for Dreamweaver. KNOL [Consultado a 5 de Mayo de 2010] [En línea] http://knol.google.com/k/richard-kemp/rdfa-extension-for-dreamweaver-seo/wv5mzhzcowiw/9#

Google y el Marcado semántico. Una actualización.

martincx — Thu, 27 May 2010 16:29:18 +0000

En en el post anterior se ha hecho referencia al soporte de anotaciones semánticas por parte de Google y proveer una mejora en la experiencia de búsquedas con los Rich Snippets.

En la primera etapa de este trabajo, se analizó las diferentes opciones para incluir metadatos semánticos en documentos web, partiendo desde la visión práctica de los Microformatos[1], para analizar más detalladamente a las dos opciones para utilizar el Marco de descripción de recursos (RDF) en páginas web: eRDF y RDFa. Con la aparición de HTML5 y conforme se ha ido refinando su propuesta de Microdata[2], ha sido considerada también como alternativa válida y el hecho que ha partir de Marzo de este año Google anuncia el soporte de Microdata[29] en sus Rich Snippets.

Para esta característica se impone el uso de las propiedades definidas para describir estos recursos utilizando las convenciones de nombres para atributos de RDFa.

Hasta la anterior versión de este trabajo Google Rich Snippets permitía la descripción de: Productos y Revisiones (simples y agregadas), adicionando Personas, Negocios y Organizaciones y video, este particularmente usando Facebook Share[3] y RDFa Video[4] de Yahoo! SearchMonkey. Pero en los últimos meses progresivamente se ha ido incorporando Recipes (Recetas) y Eventos.

La siguiente tabla muestra las propiedades a ser usadas para describir un evento. Donde los nombres de RDFa difieren de sus correspondientes en microformatos, estos últimos son mostrados entre paréntesis.

1. Descripción de un evento usando las propiedades consideradas por Google.

Propiedad	Descripción
summary	Requerido. El nombre del evento.
url	Link a la página con los detalles del evento.
location	Ubicación o punto de reunión para el evento. Opcionalmente puede representar anotaciones de la organización o dirección.
description	Descripción del evento.
startDate (dtstart)	Requerida. Fecha y hora de inicio en formato ISO para fechas.
endDate (dtend)	Fecha y hora de finalización en formato ISO para fechas.
duration	La duración del evento en formato ISO. (8601)[6]
eventType (category)	Categoría del evento: ”Festival”, “Concert”, “Lecture”.
geo	Coordenadas geográficas de la ubicación del evento. Latitud y longitud
photo	Link de la foto o imagen relacionada al evento.

Para el caso de las organizaciones y negocios se toman en cuenta las propiedades mostradas en la tabla 2, para referencias de descripción de personas véase tabla 3.

Tabla 2. Descripción de una Organización con uso de RDFa, Microformatos o Microdata. Google. [31]

Propiedad	Descripción
namefn/org)	El nombre de la organization. Si se usa microformatos ambos atributos deben ser usados con el mismo valor.
url	Home page de la organización.
address (adr)	Dirección de la organización. Puede contener como subpropiedades: street-address, locality, region, postal-code, y country-name.
Tel	Número telefonico.
geo	Opcionales. Coordenadas geográficas de la ubicación del evento. Latitude y longitude

3. Descripción de una Persona con uso de RDFa, Microformatos o Microdata. Google.

Propiedad	Descripción
name (fn)	Nombre
nickname	Nickname
photo	Link a una imagen
title	Título (ejemplo, Financial Manager)
role	Ocupación (ejemplo, Accountant)
url	Link a una pagina de la persona.
affiliation (org)	El nombre de la organización con la que tenga una relación (su empleador, por ejemplo).
friend	Identifica una relación de amistad esta persona con otra. (XFN)
contact	Identifica una relación de esta persona con otra.
acquaintance	Identifica una relación de esta persona con otra.
address (adr)	Dirección de la persona. Puede contener como subpropiedades: street-address, locality, region, postal-code, y country-name.

Si desean conocen más a profundidad:

Events. Google Webmaster Central [Consultado a 12 de Mayo de 2010] [En línea] http://www.google.com/support/webmasters/bin/answer.py?hl=en&answer=164506

Businesses and organizations. Google Webmaster Central [Consultado a 5 de Mayo de 2010] [En línea] http://www.google.com/support/webmasters/bin/answer.py?hl=en&answer=146861

Supporting Facebook Share and RDFa for videos. Google Webmaster Central [Consultado a 12 de Diciembre de 2009] [En línea] http://googlewebmastercentral.blogspot.com/2009/09/supporting-facebook-share-and-rdfa-for.html

People. Google Webmaster Central [Consultado a 5 de Mayo de 2010] [En línea] http://www.google.com/support/webmasters/bin/answer.py?answer=146646

Recipes. Google Webmaster Central [Consultado a 5 de Mayo de 2010] [En línea] http://www.google.com/support/webmasters/bin/answer.py?&answer=173379

[1] http://www.microformats.org

[2] http://www.whatwg.org/specs/web-apps/current-work/multipage/microdata.html

[3] http://www.facebook.com/share_partners.php

[4] http://developer.search.yahoo.com/help/objects/video

[5] http://www.iso.org/iso/date_and_time_format

[6] http://en.wikipedia.org/wiki/ISO_8601#Durations

Rich Snippets para Productos

martincx — Thu, 27 May 2010 16:20:54 +0000

Propiedades de producto reconocidas, en paréntesis el nombre de la propiedad en el Microformato.

Propiedad	Descripción
brand	Marca del producto. Ej. ACME.
category	La categoría a la que el producto pertenece. Ej. “Books—Fiction”, “Heavy Objects”, o “Cars”.
description	Descripcion del product
name (fn)	Nombre del product
price	Precio. Número flotante, también acepta formato moneda.
photo	URL de la foto del producto
url	URL de la página del producto.

Propiedades de producto reconocidas, en paréntesis el nombre de la propiedad en el Microformato.

Propiedad	Descripción
brand	Marca del producto. Ej. ACME.
category	La categoría a la que el producto pertenece. Ej. “Books—Fiction”, “Heavy Objects”, o “Cars”.
description	Descripcion del product
name (fn)	Nombre del product
price	Precio. Número flotante, también acepta formato moneda.
photo	URL de la foto del producto
url	URL de la página del producto.