1. Web Browsers y Metadatos Semánticos
Jorge A. Lopez1, Nelson O. Piedra2, Freddy M. Coronel3
12 de Abril 2010
Abstract
Los metadatos Semánticos son anotaciones que proveen un significado a los
contenidos de la Web. Su principal utilidad es ser utilizados por los agentes
Software y con esto darle una fortaleza semántica orientada a las máquinas,
relacionando conceptos con el fin de proveer mejores resultados de
búsqueda y con el tiempo avanzar hacia la ansiada Web Semántica. Los
plugins son agregados o add-ons que proveen funcional extra a los
exploradores. En los últimos años han aparecido algunos con el fin de
explotar la presencia de Microformatos principalmente, y con RDFa en otros;
aunque estos últimos han sido más desarrollados por medio de
bookmarklets para el usuario experimentado.
Index Terms. Microformatos, RDF –in– attributes (RDFa), Mozilla Firefox, MS
Internet Explorer, Maxthon, Safari, Plugins, Bookmarklets.
1. INTRODUCCIÓN.
Los Metadatos semánticos y su progresiva adición en los contenidos Web, ha
fomentado el desarrollo de diferentes plugins o add-ons para su empleo, con fin
de que estos, ya sean expresados mediante RDFa o Microformatos, estén al
alcance del Cibernauta, sea usuario Técnico o no.
La mayoría de los Plugins se orientan al reconocimiento y extracción de esta
información, aunque también, como en el caso de otros facilitar la visualización
de aspectos más avanzados como es el caso de tripletas, consultas SPARQL y
más en el mundo RDFa. Este artículo presenta a los Plugins más relevantes de
los navegadores populares, así como un análisis de bookmarklets para la
explotación de RDFa.
1
jalopez2@utpl.edu.ec Docente Investigador, UTPL Loja.
2
nopiedra@utpl.edu.ec Director Escuela Ciencias de la Computación, UTPL Loja.
3
fmcoronel@utpl.edu.ec Profesional en Formación, UTPL Loja.

2. 2. PLUGINS.
2.1. Mozilla Firefox.
Para los usuarios de este popular navegador se destaca Operator4. Este
plugin cuenta con varias características que lo hacen muy atractivo y fácil
de usar. Particularmente se destacan:
 Detección y exportación de: Contactos (hCard), eventos (hCalendar),
Ubicaciones (geo), Tagspaces (tag), Favoritos y Recursos (RDF).
 Resalta el texto que contiene los microformatos, además Cuatro
métodos de notificación. Ver figura 1.
 Además permite añadir a los favoritos, ver en Yahoo! 5 Maps, Map
Quest, añadir a contactos Yahoo!, etc.
 Con las tags puede realizar búsquedas en favoritos de del.icio.us6,
productos en Amazon7, fotos en flickr8, blogs en Technorati9, etc.
 Los eventos pueden ser añadidos a Google Calendar, Yahoo!
Calendar, etc.
Figura 1. Opciones de notificación de páginas con Microformatos.
4
https://addons.mozilla.org/es-ES/firefox/addon/4106
5
http://yahoo.com
6
http://del.icio.us
7
http://www.amazon.com
8
http://www.flickr.com/
9
http://www.technorati.com

4. Figura 2.Presencia de Microformatos y acciones que permite el Plugin.
Figura 3. Exportacion de Contacto.

5. 2.2. Safari.
El navegador de Apple10 cuenta con Safari Microformats11 un plugin que le
permite la detección de los Microformatos hCard y hCalendar, permitiendo
añadirlos a sus eventos en el calendario o a su libreta de contactos.
Ante la presencia de Microformatos este plugin añade un ícono que alerta
al usuario de esta particularidad en los contenidos mostrados por el
navegador. Al hacer clic en este ícono se muestra una ventana con las
opciones de guardar-añadir esta información. Ver figura 4.
Figura 4. Uso de Safari Microformats.
Aunque su instalación es sencilla, presenta la limitante de que sólo trabaja
sobre las versiones de Safari 3.2.1 y 4.0.3; aunque el mayor inconveniente
es que sólo es soportado en OSX 10.5 Leopard. Además requiere-ver figuras
10
http://www.apple.com
11
http://www.zappatic.net/safarimicroformats/download

6. 5, 6- de la instalación previa de SIMBL12 (un manejador de plugins-
¡necesario!-) y para mejorar la experiencia de usuario se puede instalar
GROWL13 (un sistema de notificaciones-opcional-), el cual se lanzará al
importar datos y así iniciar iCal o la Agenda.
Figura 5. SIMBL Software necesario para ejecutar SafariMicroformats.
Figura 6. Instalación de GROWL para complementar SafariMicroformats.
12
http://culater.net/software/SIMBL/
13
http://growl.info/

8. 2.3. Microsoft® Internet Explorer: Oomph.
Oomph14 es un Toolkit compuesto de tres partes:
 Un plugin para IExplorer15 que con características similares a Operator.
Figura 7.
 Una librería de CSS para microformatos. Ver figura 8
 Y finalmente un Plugin de Windows Live Writer, para añadir fácilmente
un microformato ver figura 9.
Figura 7. Oomph detecta un Evento en hEvent.
Figura 8. Librería de css para microformatos
14
http://oomph.codeplex.com/
15
http://microsoft.com/ie/

9. .
Figura 9. Plugin para creación edición de Microformatos en WLWriter.
2.4. Maxthon.

10. Maxthon 16 es un navegador freeware para Windows, que aunque no muy
conocido en nuestro medio, al momento cuenta con más de 300000000 de
descargas y más de 1400 plugins. Para la versión 2.0.0 de este Browser es
destacable el Microformats Button 1.0.0 que permite exportar vCard, vCalendar,
Google Maps, Yahoo! Maps, etc.
Microformatos Soportados:
- geo
- hCard
- hCalendar
- adr
- tag
En la figura 10 se muestra el funcionamiento de Maxthon 2.0.0 con el plugin en
mención.
16
http://www.maxthon.com

11. Figura 10. Maxthon Microformats Button.
2.5. O3 Browser.
Una mención especial merece Sparks y la implementación O3. Sparks17 es un
framework JavaScript diseñado para el manejo de capas y datos semánticos.
Entre sus funcionalidades tenemos [7]:
 Sincronización y manipulación de Tripletas Cliente/Servidor.
 Analizador RDFa/ Procesador SPARQL y Almacen de tripletas “Client-
Side”
 Soporte para JSON/JSONP SPARQL.
O3 (Ozone Browser) es una herramienta JavaScript que usa la semántica
embebida en documentos Web para mejorar el entendimiento de un
documento por parte del usuario. Aunque actualmente no se encuentra
17
http://www.dcs.shef.ac.uk/~gregoire/sparks/

12. disponible, este bookmarklet estaba orientado al uso pro parte de usuarios con
cnocimientos de SPARQL y RDFa.
Características:
 Bookmarklet +Semantic Overlay.
 Plugins de Visualización dinámica (Twitter, GeoEvents, etc.)
 Visualización de conceptos relacionados.
 Vista Desarrollador –Developer view- que muestra las tripletas y las
consultas SPARQL. Ver figura 11.
Figura 11. Ozone Browser en acción: Parte izquierda resumen de un evento
contenido en una página Web y derecha la vista Desarrollador respectiva. [7]
3. BOOKMARKLETS.
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.

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

14. 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. Ver figuras 13 antes y 14
después.
GetCal Resalta y permite exportar un evento a
Google Calendar. Ver figura 15.
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. Ver figuras 16 y 17.
Figura 13. RDFa resaltado en una página Web con RDFa Highlight, previo solo
resaltado.

15. Figura 14. RDFa Highlight muestra las tripletas RDFa correspondientes al posar
el cursor sobre el texto resaltado.
Figura 15. GetCal detecta un evento en una página Web.

16. Figura 16. RDFa Clipboard: texto listo a copiado desde una página Web.
Figura 17. RDFa Clipboard: La presencia de las pequeñas tijeras identifican
texto con RDFa.

17. 4. ANÁLISIS.
Al realizar este estudio comparativo se destaca que:
 Si bien existen otros plugins para Mozilla Firefox-Giftag, hoy Blue y Tails-, se
ha considerado sólo al Operator, pues es el más completo y directamente
relacionado con este proyecto.
 Entre los plugins encontrados para RDFa y Linked data, sobresalen el ODE y
el Fuzz con su Fuzz Example que permiten la visualización de tripletas RDF
 Todos estos plugins fueron probados casi simultáneamente y en un entorno
parecido. Lamentablemente, están en su mayoría orientados a su uso por
usuarios no técnicos, sólo para explotar la capacidad del browser como
bróker de información, es decir una ayuda en la gestión de información de
contactos y eventos.
 Debido al generalizado uso de Microformatos, ninguno se enfoca a RDFa, no
así los bookmarklets que a iniciativa de W3C, y haciendo uso de Jquery sí
explotan a RDFa como alternativa poderosa a los sencillos, pero limitados
por su vocabulario, Microformatos.
 Extendiendo este último punto se notó que al encontrar páginas anotadas
con RDFa, Operator los detectaba como recursos, pero sin opción a tratarlos
o utilizarlos, mientras que el resto los pasaba por alto.
 A excepción de RDFaClipboard todos los Bookmarklets probados trabajaron
satisfactoriamente, limitados sólo por la velocidad de la Red.
 W3C provee plantillas para desarrollar sus propios bookmarklets,
permitiendo probar y experimentar en este campo.
 O3 Browser posee características que lo hacen interesante para este trabajo,
por su interacción con RDFa, pero al estar en desarrollo, temporalmente no
está disponible. Se espera el release de una nueva versión que permita
hacer pruebas que serán necesarias al realizar nuestra página web con RDFa,
siendo siempre el uso de Microformatos una alternativa válida.
5. REFERENCIAS.
[1] Extensiones para Firefox [Consultado a 10 de Abril 2010] [En línea] Disponible en:
http://microformats.org/wiki/firefox-extensions
[2] A proposal for a Safari plugin. [Consultado 10 de Abril 2010] [En línea] Disponible en:
http://www.hicksdesign.co.uk/journal/a-proposal-for-a-safari-microformats-plugin

18. [3] RDFa Clipboard. [Consultado 10 de Abril 2010] [En línea] Disponible en:
http://www.w3.org/2006/07/SWD/RDFa/impl/js/rdfa-clipboard/
[4] A RDFa Calendar. [Consultado 10 de Abril 2010] [En línea] Disponible en:
http://www.w3.org/2006/07/SWD/RDFa/impl/js/rdfa-calendar.html
[5] RDFa and JavaScript Bookmarklets. How to. [Consultado 10 de Abril 2010] [En línea]
Disponible en: http://www.w3.org/2001/sw/BestPractices/HTML/rdfa-bookmarklet/howto
[6] Alex Faaborg: Microformats. The Fundamental Types. [Consultado 3 de Enero 2010] [En
línea] Disponible en: http://blog.mozilla.com/faaborg/2006/12/13/microformats-
part-2-the-fundamental-types/ http://www.w3.org/2006/07/SWD/RDFa/impl/js/
[7] Grégoire Burel, Amparo E. Cano, Vitaveska Lanfranchi: Ozone Browser: Augmenting the
Web with Semantic Overlays [Consultado a 16 de Enero 2010] [En línea] Disponible en:
http://www.semanticscripting.org/SFSW2009/challengesubmissions/submission1.pdf