web semantica en minuscula microformatos y otras tecnologias

2007 (cc) Elurnet Informatika Zerbitzuak S.L <[email protected]>

web

sem

án

tica

1

Web semántica en minúsculasWeb semántica en minúsculasmicroformatosmicroformatos

yyotras tecnologíasotras tecnologías

Gorka Julio [email protected]


web

sem

án

tica

2

Dar vida a la informaciónDar vida a la informaciónGolem

Gracias a la información semántica: http://www.youtube.com/watch?v=mHl6QkC9__8

http://www.youtube.com/watch?v=mHl6QkC9__8


web

sem

án

tica

3

Web SemánticaWeb SemánticaLa Web semántica consiste en añadir metadatos a la WWW. El creador de la

idea fue Tim Berners-Lee. Esta información añadida (contenido,

significado y relación) deben ser dada de manera formal, de forma que sea posible

evaluarlas automáticamente por máquinas

Tim Berners-Lee

licencia

http://flickr.com/photos/hyoga/881424158/


web

sem

án

tica

4

IntroducciónIntroducción

Podemos decir que la Web Semántica es un medio de comunicación universal que trata de intercambiando y relacionando conceptos inferir nuevas informaciones.


web

sem

án

tica

5

Situación actualSituación actualLas búsquedas realizadas mediante los buscadores convencionales no toman en cuenta los fragmentos con información

semántica (porque no tienen o porque los motores no los recogen).

Esa información con valor semántico no puede ser reutilizada.

EjemploLa información de un evento, horarios, tipo

de evento, lugar etc.


web

sem

án

tica

6

TecnologíasTecnologías


web

sem

án

tica

7


XMLMetalenguaje basado en etiquetas para

estructurar documentos.

XML schemaEsquema que define la estructura y las

restricciones.


web

sem

án

tica

8


Ejemplo XML

<?xml version="1.0" encoding="UTF-8"?><nota>

<receptor>Ane</receptor><emisor>Beñat</emisor><encabezado>Recordatorio</encabezado><cuerpo>Recuerda que mañana nos reunimos</cuerpo>

</nota>


web

sem

án

tica

9


RDFEs un modelo para descripción de recursos. Los recursos se describen

mediante un sujeto (el recurso), predicado (característica ó relación) y

objeto (valor) .

RDF SchemaEsquema para definir recursos y clases en

los recursos RDF.


web

sem

án

tica

10

TecnologíasTecnologíasEjemplo RDF

<?xml version="1.0"?><!DOCTYPE rdf:RDF PUBLIC "-//DUBLIN CORE//DCMES DTD

2002/07/31//EN" "http://dublincore.org/documents/2002/07/31/dcmes-xml/dcmes-

xml-dtd.dtd"><rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:dc="http://purl.org/dc/elements/1.1/"> <rdf:Description

rdf:about="http://www.ilrt.bristol.ac.uk/people/cmdjb/"> <dc:title>Dave Beckett's Home Page</dc:title> <dc:creator>Dave Beckett</dc:creator> <dc:publisher>ILRT, University of Bristol</dc:publisher> <dc:date>2002-07-31</dc:date> </rdf:Description></rdf:RDF>

sujeto objetopredicado


web

sem

án

tica

11


OWLLenguaje de etiquetas para definir ontologías que amplía el lenguaje a utilizar (cardinalidad, relación entre

clases etc.)

Ejemplos OWLhttp://www.w3schools.com/rdf/rdf_owl.asp

http://www.w3schools.com/rdf/rdf_owl.asp


web

sem

án

tica

12

TecnologíasTecnologíasSPARQL

RDF query languageLenguaje de consulta que posibilita la extracción de información en tripletas

RDF Ejemplo SPARQL

datos@prefix dc: <http://purl.org/dc/elements/1.1/> .@prefix : <http://example.org/book/> .@prefix ns: <http://example.org/ns#> .:book1 dc:title "SPARQL Tutorial" .:book1 ns:price 42 .:book2 dc:title "The Semantic Web" .:book2 ns:price 23 .


web

sem

án

tica

13


consultaPREFIX dc: <http://purl.org/dc/elements/1.1/>PREFIX ns: <http://example.org/ns#>SELECT ?title ?priceWHERE { ?x ns:price ?price . FILTER (?price < 30.5) ?x dc:title ?title . }

resultadotitle

The semantic web


web

sem

án

tica

14

Ejemplo biblioteca digitalEjemplo biblioteca digitalConsiste en colgar el catálogo en la web,

crear el catálogo que ya se sabe mediante el trabajo de siglos.

El objetivo es colgar estos catálogos en internet junto con elementos multimedia.

Pero es más: los agentes inteligentes deberían de ser capaces de ser

bibliotecarios.Ayudándote a encontrar publicaciones ó

recomendando alguna otra.


web

sem

án

tica

15

Ejemplo biblioteca digitalEjemplo biblioteca digital

La tecnología de los servicios web es muy interesante.

Pero si los servicios son ubicuos pueden surgir problemas de búsqueda.

Es necesario caracterizar los servicios, no sólo definiendo los parámetros de entrada

y salida, sino añadiendo también información semántica.


web

sem

án

tica

16


Lo que necesitamos

Necesitamos datos procesables por las máquinas.

Posibilidad de mezclar y unir datos a nivel de la web.

Las máquinas deberían de poder hacer razonamientos sobre esos datos.


web

sem

án

tica

17

Ejemplo biblioteca digitalEjemplo biblioteca digitalLo que vamos a hacer

Codificar los datos en una descripción abstracta. Hacer los datos

independientes de las descripciones internas.

Comenzar a unir diferentes descripciones.

Podemos empezar a hacer consultas en el resultado. Ahora se podrán realizar

consultas que en los grupos de datos individuales no se podían hacer.


web

sem

án

tica

18

Ejemplo biblioteca digitalEjemplo biblioteca digitalGrupo de datos A que vamos a utilizar

(simplificación)ID Author Title Publisher Year

id_xyz The Glass Palace id_qpr 2000

ID Name Home pageid_xyz Ghosh, Amitav

ID Publ. Name Cityid_qpr Harper Collins London

ISBN 0-00-651409-X

http://www.amitavghosh.com/


web

sem

án

tica

19

Ejemplo biblioteca digitalEjemplo biblioteca digitalDefinición de relaciones datos A


web

sem

án

tica

20

Ejemplo biblioteca digitalEjemplo biblioteca digitalGrupo de datos F que vamos a utilizar

(simplificación)

ID Titre Auteur TraducteurOriginalISBN 2020386682 Le Palais des miroirs i_abc i_qrs ISBN 0-00-651409-X

ID Nomi_abc Ghosh, Amitavi_grs Besse, Christiane


web

sem

án

tica

21

Ejemplo biblioteca digitalEjemplo biblioteca digitalDefinición de relaciones datos F


web

sem

án

tica

22

Ejemplo biblioteca digitalEjemplo biblioteca digitalUnir los diferentes grupos de datos


web

sem

án

tica

23



web

sem

án

tica

24



web

sem

án

tica

25


Podemos empezar a hacer consultas El usuario de grupo de datos F ahora

puede hacer estas consultas:

Devuelveme el título del libro original

Esta información no estaba en el grupo de datos F pero al unirlo al grupo A se ha

podido inferir.


web

sem

án

tica

26

Ejemplo biblioteca digitalEjemplo biblioteca digitalPodemos pensar que a:author y f:auteur son lo mismo pero una unión automatica

no pude saber esto. Necesitamos información extra para que eso ocurra:

● a:author f:auteur son iguales y se definen como “Person”.

● “Person” es un término que seguramente la comunidad ya haya definido.

● La persona se define por su nombre y por su página web.


web

sem

án

tica

27



web

sem

án

tica

28

Ejemplo biblioteca digitalEjemplo biblioteca digitalUn usuario del grupo de datos F ahora

puede realizar estas consultas:

¿Cuál es la página web del creador original?

Estos datos no están ni en F ni en A, pero se han conseguido mediante:

● La unión de los grupos de datos A y F.● Añadiendo tres nuevas informaciones para poder establecer las relaciones.


web

sem

án

tica

29


Utilizando la definición de “Person” se puede unir un grupo de datos con otro.

Los datos de la Wikipedia se pueden extraer de diferentes maneras.

Hay un desarrollo muy activo para añadir etiquetas semánticas a la Wikipedia. El

proyecto dbpedia puede extraer la información de las infobox de Wikipedia.

http://dbpedia.org/


web

sem

án

tica

30

Ejemplo biblioteca digitalEjemplo biblioteca digitalUniéndolo con los datos de Wikipedia


web

sem

án

tica

31



web

sem

án

tica

32



web

sem

án

tica

33


Puede parecer increíble pero...

Esto que ocurre automáticamente los usuarios lo hacen constantemente en

internet.

La diferencia: un poco más de exactitud (al nombrar las relaciones por ejemplo) para

que las máquinas puedan realizar su labor.


web

sem

án

tica

34

Ejemplo biblioteca digitalEjemplo biblioteca digitalHemos unido diferentes grupos de datos, estos pueden tener diferentes procedencia, formato y

relaciones (lenguas).

Hemos podido unir diferentes datos gracias a las mismas URIs (caso del ISBN)

Hemos podido añadir información extra, gracias a las terminologías generadas por la comunidad

Como resultado podemos encontrar y generar nuevas relaciones.


web

sem

án

tica

35


Podemos añadir información extra con una clasificación completa tipos de datos para

bibliotecas o con la información geográfica

En este caso las ontologías y las normas añadidas tienen su incidencia

De esta manera podremos realizar preguntas más complejas


web

sem

án

tica

36

Ejemplo biblioteca digitalEjemplo biblioteca digitalLa abstracción que hemos realizado


web

sem

án

tica

37

Ejemplo biblioteca digitalEjemplo biblioteca digitalLas tecnologías de la Web Semántica que

posibilitan esto:● Un modelo relacional abstracto para definir los gráficos: RDF● El mecanismo para que la información en XML (ó XHTML) se

pueda convertir a RDF: GRDDL● Para añadir información estructurada en XHTML: RDFa

● Para realizar consultas en el gráfico relacional: SPARQL● Para definir relaciones y categorizar recursos: RDFS, OWL,

SKOS, Rules

Las aplicaciones pueden elegir entre diferentes tecnologías. Algunas de estas pueden ser fáciles (RDFS) y otras un poco

más sofisticadas (OWL, Rules).Reutiliza las ontologías creadas por otros (por ejemplo FOAF)


web

sem

án

tica

38

Ejemplo biblioteca digitalEjemplo biblioteca digitalTecnologías de la WEB SEMANTICA


web

sem

án

tica

39

Web Semántica ahoraWeb Semántica ahoraGoPubMed.org

Buscador que permite realizar busquedas semánticas utilizando ontologías

especializadas.

http://www.gopubmed.org/


web

sem

án

tica

40

Web Semántica ahoraWeb Semántica ahoraDBpedia.org (Leipzig Query Builder)

Proyecto para extraer información estructurada de Wikipedia poniéndola al

alcance de todos y poder consultarla.

http://dbpedia.org/

http://wikipedia.3ba.se/


web

sem

án

tica

41

Web Semántica ahoraWeb Semántica ahoraGeonames.org

La ontología GeoNames nos da la oportunidad de añadir información

geoespacial a la WWW

http://www.geonames.org/


web

sem

án

tica

42

Web Semántica ahoraWeb Semántica ahorasimile.mit.edu

El proyecto SIMILE tiene como objetivo utilizar las tecnologías de la Web

Semántica para crear herramientas de software libre.

http://simile.mit.edu/


web

sem

án

tica

43

web semánticaweb semántica

La componen los microformatos y otras tecnologías que intentan conseguir algunos de los objetivos de la Web

Semántica pero ahora.


web

sem

án

tica

44

¿Qué son los microformatos?¿Qué son los microformatos?

Intentan solucionar un problema concreto


web

sem

án

tica

45


Comenzar de la manera más sencilla


web

sem

án

tica

46


Diseñados con la idea de las Personas primero las

máquinas después


web

sem

án

tica

47


Modulares y reutilizables uno dentro de otro


web

sem

án

tica

48


Posibilitan y potencian el desarrollo, servicios y

contenidos descentralizados


web

sem

án

tica

49

¿Qué son los microformatos?¿Qué son los microformatos?Se codifican directamente

en las página web en XHTML

Siendo datos estructurados las máquinas los

interpretan fácilmente


web

sem

án

tica

50

InicioInicio

microformats.org

http://microformats.org/


web

sem

án

tica

51

Estado de la WWWEstado de la WWW

visualcomplexity.com

http://www.visualcomplexity.com/


web

sem

án

tica

52

Estado de la WWWEstado de la WWW

¿Cómo se codifica la información?¿Cómo se codifica la información?


web

sem

án

tica

53

La codificación actualLa codificación actual

Las máquinas no entienden esto!

<p>Ajuria Enea Jauregia Vitoria-Gasteizko Frai Francisco ibilbidean dago kokatuta, eta, 1920. urtean, Alfredo Baeschlin arkitekto suitzarrak eta Hilarión San Vicente kontratistak eraiki zuten hiriko egoitza-eremu nabarmenetako batean, Vitoria-Gasteizko Serafín Ajuria

industrialariak eskatuta.</p>


web

sem

án

tica

54

Utilizando microformatosUtilizando microformatos<div id="hcard-Gorka-Julio" class="vcardvcard"> <img style="float: left; margin-right: 4px;" src="http://site.gravatar.com/images/files/thumbs/124267.jpg" alt="photo" class="photophoto">

<a class="url fn nurl fn n" href="http://www.teketen.com"> <span class="given-namegiven-name">Gorka</span>

<span class="family-namefamily-name">Julio</span></a> <div class="orgorg">Elurnet Informatika Zerbitzuak</div> <a class="emailemail" href="mailto:[email protected]">[email protected]</a>

<div class="adradr"> <span class="localitylocality">Andoain</span>, <span class="regionregion">Gipuzkoa</span>, <span class="postal-postal-codecode">20140</span> </div></div>


web

sem

án

tica

55

Utilizando microformatosUtilizando microformatosLas personas lo visualizan así

puedes cambiar la visualización mediante CSSCSS

Las máquinas interpretan esta codificación


web

sem

án

tica

56

Tipos de microformatosTipos de microformatos


web

sem

án

tica

57

rel-tagrel-tag

Para etiquetar los contenidos con mayor información semántica

<a href="http://technorati.com/tag/tecnologia" rel="tag">tecnología</a>

espacio de etiquetado

http://microformats.org/wiki/rel-tag


web

sem

án

tica

58

rel-licenserel-license

Para definir la licencia de un contenido

<a href="http://creativecommons.org/licenses/by/2.0/" rel="license">cc by 2.0</a>

<a href="http://www.apache.org/licenses/LICENSE-2.0" rel="license">Apache 2.0</a>

http://microformats.org/wiki/rel-license


web

sem

án

tica

59

rel-nofollowrel-nofollow

Microformato creado para que los robots de los busacadores (Google) no le den relevancia (Page Rank) a un enlace.

<a href="http://www.pharmaviagra.com/" rel="nofollow">Get Viagra</a>


web

sem

án

tica

60

rel-homerel-homePara definir la página de inicio de la misma

página

en el encabezado <head>

<link href="http://technorati.com" rel="home" />

<a href="http://technorati.com" rel="home">Technorati</a>

en el cuerpo <body>

*Draft

http://microformats.org/wiki/rel-home


web

sem

án

tica

61

rel-directoryrel-directoryPara definir un directorio (lugar en donde se

enumeran elementos de la misma categoría) en una página

<a rel="directory" href="http://dmoz.org/Computers/Internet/">Computers/Internet</a>

<a rel="tag directory" href="http://odeo.com/tag/arts/">arts</a>

si se combina con etiquetas

*Draft

http://microformats.org/wiki/rel-directory


web

sem

án

tica

62

rel-enclosurerel-enclosurePara identificar que eso a lo que se

referencia puede ser descargado a local

<a href="http://homepage.mac.com/kevinmarks/wwdc2005.mov" rel="enclosure">WWDC 2005 Keynote with chapters</a>

*Draft

http://microformats.org/wiki/rel-enclosure


web

sem

án

tica

63

rel-paymentrel-paymentPara identificar el sistema de pago de un

sitio.

burukoan <head>

<link rel="payment" href="http://example.com/c.r.e.a.m" title="give me the loot" />

<a href="http://channel102.net/donate.php" rel="payment">Donate here</a>

gorputzean <body>

*Draft

http://example.com/c.r.e.a.m

http://channel102.net/donate.php

http://microformats.org/wiki/rel-payment


web

sem

án

tica

64

VoteLinksVoteLinksMicroformato para dar la posibilidad de

votar sobre una opción (a favor, en contra ó abstención)

<a rev="vote-for" href="http://google.com">Google aingeru da</a>

<a rev="vote-against" href="http://google.com">Google deabrua da</a>

<a rev="vote-abstain" href="http://google.com">Googleri buruz ED-EE</a>

http://microformats.org/wiki/votelinks


web

sem

án

tica

65

XFNXFNPara definir la relación que nos une a las personas que enlazamos desde una web

http://microformats.org/wiki/xfn


web

sem

án

tica

66

XFNXFNAmigo, colega y con el que se ha

encontrado físicamente

<a href="http://www.zabaldu.com" rel="friend met colleague">Arkaitz Zubiaga</a>

<a href="http://www.teketen.com" rel="me">Teketen</a>

Hacer referencia a otra página web que me pertenezca (tiene que ser distinta de la que

se referencia)

http://microformats.org/wiki/xfn


web

sem

án

tica

67

rel VS revrel VS rev

<a href="http://creativecommons.org/licenses/by/2.0/" rel="license">cc by 2.0</a>

<a rev="vote-for" href="http://google.com">Google</a>

rel=”” link

relation

rel=””

relation

linkrev=””

relation


web

sem

án

tica

68

XOXOXOXOMicroformato para definir listas Blogroll ó

outline (debate)<ol class="xoxo"> <li> <p>My favorite Weblogs</p> <ol> <li> <a href="http://example.com/bud/" type="text/html">Buddy blog</a> <a href="http://example.com/bud/atom" type="application/atom+xml">Buddy feed</a> <dl> <dt>description</dt> <dd>My buddy's Weblog</dd> </dl> </li> </ol> </li></ol>

http://www.ibm.com/developerworks/xml/library/x-think39.html

http://microformats.org/wiki/xoxo


web

sem

án

tica

69

xFolkxFolkPara codificar enlaces folksonómicos

<li class="xfolkentry"><div class="link"><a href="http://www.elcorreodigital.com/vizcaya/20070926/pvasco-espana/lenguas-faciles-dificiles-todas-20070926.html" rel="nofollow" class="taggedlink">No hay lenguas fáciles ni difíciles, todas son absolutamente iguales</a></div><div class="description">Juan Carlos Moreno Cabrerari elkarrizketa El Correon</div><div class="meta">2007-09-27 to <a href="http://www.bildu.net/tags/euskalgintza" rel="tag">euskalgintza</a>, <a href="http://www.bildu.net/tags/euskara" rel="tag">euskara</a> nork: <a href="http://www.bildu.net/bookmarks/topagunea">topagunea</a> eta <a href="http://www.bildu.net/history/a1073deb760f39a6273b7ff72e6a3a33">beste 1ek</a></div></li>

*Draft

http://microformats.org/wiki/xfolk


web

sem

án

tica

70

geogeoPara definir lugares mediante latitud y

longitud

<div class="geo">GEO: <span class="latitude">37.386013</span>, <span class="longitude">-122.082932</span></div>

<div class="geo"> <abbr class="latitude" title="37.408183">N 37° 24.491</abbr> <abbr class="longitude" title="-122.13855">W 122° 08.313</abbr></div>

*Draft

http://microformats.org/wiki/geo


web

sem

án

tica

71

adradr

Microformato para definir direcciones

<div class="adr"> <div class="street-address">665 3rd St.</div> <div class="extended-address">Suite 207</div> <span class="locality">San Francisco</span>, <span class="region">CA</span> <span class="postal-code">94107</span> <div class="country-name">U.S.A.</div></div>

*Draft

http://microformats.org/wiki/adr


web

sem

án

tica

72

hCardhCardPara codificar información de contacto de

enpresas ó personas

http://microformats.org/wiki/hcard


web

sem

án

tica

73

hCardhCard<div id="hcard-Gorka-Julio" class="vcard"><img style="float: left; margin-right: 4px;" src="http://site.gravatar.com/images/files/thumbs/124267.jpg" alt="photo" class="photo"><a class="url fn n" href="http://www.teketen.com"><span class="given-name">Gorka</span><span class="family-name">Julio</span></a><div class="org">Elurnet Informatika Zerb.</div><a class="email" href="[email protected]">[email protected]</a><div class="adr"><span class="locality">Andoain</span>, <span class="region">Gipuzkoa</span>, <span class="postal-code">20140</span></div></div>

http://microformats.org/wiki/hcard


web

sem

án

tica

74

hCalendarhCalendarMicroformato para definir eventos

<div id="454" class="vevent article"><h2 class="summary"><a href="ekitaldiak.php?id=454">Kontxako Estropadak </a></h2><abbr class="dtstart" title="20070902T12:00">2007-09-02 12:00 </abbr><div class="location"><div class="geo"><span class="latitude">43.318059</span>,<span class="longitude">-1.990929</span></div></div><div class="description">Kontxako Bandera Lehenengo igandea </div></div>

http://microformats.org/wiki/hcalendar


web

sem

án

tica

75

hReviewhReviewMicroformato para codificar críticas

<div class="hreview"> <span><span class="rating">5</span> out of 5 stars</span> <h4 class="summary">Crepes on Cole is awesome</h4> <span class="reviewer vcard">Reviewer: <span class="fn">Tantek</span> - <abbr class="dtreviewed" title="20050418T2300-0700">April 18, 2005</abbr></span> <div class="description item vcard"><p> <span class="fn org">Crepes on Cole</span> is one of the best little creperies in <span class="adr"><span class="locality">San Francisco</span></span>. Excellent food and service. Plenty of tables in a variety of sizes for parties large and small. </p></div></div>

*Draft

http://microformats.org/wiki/hreview


web

sem

án

tica

76

hListinghListingMicroformato para listar elementos de

compra venta<div id="789" class="hlisting article"><h2 class="item fn sell"><a href="azoka.php?id=789">acer n50</a></h2><abbr class="dtlisted" title="20070915T13:55">2007-09-15</abbr><div class="description">Acer bat salduko nuke </div><div id="hcard-" class="lister vcard"><a class="url fn n" href="http://twitter.com/teketen"><span class="given-name">Gorka Julio</span></a></div><div class="adr"><span class="street-address">Arteta kalea</span><span class="locality">Andoain</span><span class="region">Gipuzkoa</span></div></div>

*preDraft

http://microformats.org/wiki/hlisting


web

sem

án

tica

77

hResumehResumeMicroformato para definir curriculums

Integra diferentes microformatos Los elementos que se pueden definir:

● hresume (class=”hresume” raíz)● summary (class=”summary”)● contact (hCard)● education (hCalendar)● experience (hCalendar, trabajos etc. hCard)● skill (class=”skill” y datos rel=”tag”)● affiliation (class=”affiliation” y hCard)●publications (etiqueta <cite>)

*Draft

http://microformats.org/wiki/hresume

web

sem

án

tica

78

hAtomhAtomPara añadir sindicación dentro del xhtml

<div class="hfeed"><div class="hentry"><h3 class="entry-title">UEU, ez udaran bakarrik</h3><p>Argitaratua: <abbr class="updated published" title="20070918">Irailaren 18an</abbr></p><div class="content"><p><span class="summary">Udaraz gain UEUk ikastaroen eskaintza handia du udazkenean ere</span>. Bere web gunean udazkeneko ikastaroen berri ematen zaigu. Gai ezberdinak jorratzen dituzte antzerkigintza, psikologia, informatika, literatura etab. Informazio gehiago eskuratzeko <a href="http://www.ueu.org">UEUren</a> web orrian.</p></div><p>Egilea: <span class="vcard author"><a href="http://www.teketen.com" class="url fn">Gorka Julio</a></span></p></div> </div> <! -- hfeed amaiera -->

*Draft

http://microformats.org/wiki/hatom


web

sem

án

tica

79

Los buscadores Google y YahooLos buscadores Google y Yahoohttp://search.yahoo.com/cc

http://www.google.com/advanced_search?

Microformatos● rel-license

http://search.yahoo.com/cc

http://www.google.com/advanced_search

http://search.yahoo.com/cc/

http://www.google.com/


web

sem

án

tica

80

MikromunduaMikromundua

http://bildu.net/mikromundua

Microformatos● Vote Links● hCard● hCalendar● rel-tag● adr




web

sem

án

tica

81

TwitterTwitter

http://www.twitter.com

Microformatos● XFN● hAtom● hCard

http://www.twitter.com/


web

sem

án

tica

82

flickrflickrMicroformatos● geo● adr● XFN● hCard

http://www.flickr.com

http://www.flickr.com/


web

sem

án

tica

83

Technorati kitchenTechnorati kitchenMicroformatos● hCard● hCalendar● hReview● xFolk● rel-tag● rel-license

http://kitchen.technorati.com

http://kitchen.technorati.com/


web

sem

án

tica

84

UpcomingUpcoming

http://www.upcoming.org

Microformatos● hCard● hCalendar● adr● geo● rel-tag

http://www.upcoming.org/


web

sem

án

tica

85

Cork'dCork'dMicroformatos● hCard● hReview● rel-tag

http://corkd.com

http://corkd.com/


web

sem

án

tica

86

Linked inLinked in

http://www.linkedin.com

Microformatos● hResume● hCard● adr

http://www.linkedin.com/


web

sem

án

tica

87

dealtaggerdealtaggerMicroformatos● hListing

http://www.dealtagger.com

http://www.dealtagger.com/


web

sem

án

tica

88

Google MapsGoogle MapsMicroformatos● hCard● adr

http://maps.google.com

http://maps.google.com/


web

sem

án

tica

89

TxiokaTxiokaMicroformatos● hCalendar● hListing● hCard● hAtom● adr● geo

http://www.txioka.net

http://www.txioka.net/


web

sem

án

tica

90

BilduBildu

http://www.bildu.net

●Microformatos● xFolk● rel-nofollow● rel-tag

http://www.bildu.net/


web

sem

án

tica

91

Reconociendo microformatosReconociendo microformatosNo hay ningún estándar aunque sí varias

propuestas

http://microformats.org/wiki/icons

http://microformats.org/wiki/buttons

http://microformats.org/wiki/icons

http://microformats.org/wiki/buttons


web

sem

án

tica

92

Utilizando microformatosUtilizando microformatosAlgunas herramientas están preparadas

para utilizar microformatos

Pronto Firefox 3 y Internet Explorer 8 soportarán microformatos


web

sem

án

tica

93

vCard ExplorervCard ExplorerPrograma para Mac que da la posibilidad de leer el microformato hCard y importarlo a

vCard

http://vce.corefault.de

http://vce.corefault.de/


web

sem

án

tica

94

Tails ExportTails ExportExtension para Firefox que detecta hCard,

hCalendar, hReview, rel-license y xFolk

https://addons.mozilla.org/firefox/addon/2240

https://addons.mozilla.org/firefox/addon/2240


web

sem

án

tica

95

OperatorOperatorExtension de Firefox que detecta y nos da la

posibilidad de utilizar hCard, hCalendar, xFolk, adr, geo, rel-tag y RDFa con varios

servicios


web

sem

án

tica

96

Scripts para OperatorScripts para Operator

Se pueden crear scripts para esta extension de Firefox

Manual simple

Manual avanzado

Script especiales creados por la gente

http://www.kaply.com/weblog/operator-user-scripts/creating-a-microformat-action-user-script-basic/

http://www.kaply.com/weblog/operator-user-scripts/creating-a-microformat-action-user-script-advanced/

http://www.kaply.com/weblog/operator-user-scripts/


web

sem

án

tica

97

Script especialesScript especialesXFN dumper -> muestra los enlaces XFN de una página (lleva este enlace a tus enlaces

favoritos).

hAtom to atom -> convierte hAtom al formato de sindicación Atom.

Almost universal microformat parser -> Herramienta que detecta y extrae hAtom,

hCalendar, hCard, hListing, hRecume, hReview, xFolk etc.

http://lukearno.com/projects/hatom2atom/

http://tools.blogmatrix.com/extract/


web

sem

án

tica

98

Scripts especialesScripts especiales

Geo transformation tools -> convierte el microformato geo a los formatos KML ó

GeoRSS.

X2V -> Herramienta que convierte hCalendar al formato iCalendar y hCard al

formato vCard.

tools.microformatic.com -> Validador de rel-lint, XFN, rel-tag y varias herramientas más.

http://suda.co.uk/projects/microformats/geo/

http://suda.co.uk/projects/X2V/

http://tools.microformatic.com/


web

sem

án

tica

99

Utilizando microformatosUtilizando microformatos

Herramientas que crean microformatos para utilizar en nuestras páginas


web

sem

án

tica

100

Scripts de creaciónScripts de creación

● rel-license Creative Commons creator● XFN creator● hCard creator● hCalendar● hReview creator● hResume creator● hAtom creator

http://creativecommons.org/license/

http://gmpg.org/xfn/creator

http://microformats.org/code/hcard/creator

http://microformats.org/code/hcalendar/creator

http://microformats.org/code/hreview/creator

http://hresume.weblogswork.com/hresumecreator/

http://66.102.9.104/search?q=cache:CBssUpo6W_cJ:dichotomize.com/uf/hatom/creator.html+hAtom+creator&hl=es&ct=clnk&cd=1&client=firefox-a


web

sem

án

tica

101

Extensión para DreamweaverExtensión para DreamweaverCon esta extensión de Dreamweaver, sus usuarios podrán crear microformatos para

sus páginas web

Dreamweaver extension

http://webstandards.org/action/dwtf/microformats


web

sem

án

tica

102

Algunos CMSAlgunos CMS

Algunos CMS utilizan microformatos ó tienen extensiones que posibilitan su

utilización.

Wordpress (info +)Drupal

Movable type

http://wordpress.org/

http://bloghelper.is-there.net/using-microformats-in-wordpress/

http://drupal.org/

http://www.movabletype.org/


web

sem

án

tica

103

Desarrollando con Desarrollando con microformatosmicroformatos

Herramientas de desarrollo para la creación, utilización y gestión de

microformatos

http://suda.co.uk/projects/microformats/cheatsheet/microformats.cheatsheet.pdf

http://suda.co.uk/projects/microformats/cheatsheet/microformats.cheatsheet.pdf


web

sem

án

tica

104

Analizadores sintácticos (parser)Analizadores sintácticos (parser)Herramientas para la leer, detectar sintácticamente y mostrar algunos

microformatos

Mofo (Ruby on Rails)uformats ( Ruby on Rails)

Scrapi (Ruby on Rails)Sumo (Javascript)

hKit (PHP)Microformat parser (PHP)

Microformat parser (Python)Microformat .net (.net)

http://mofo.rubyforge.org/

http://rubyforge.org/projects/uformats

http://rubyforge.org/projects/scrapi

http://www.danwebb.net/2007/2/9/sumo-a-generic-microformats-parser-for-javascript

http://allinthehead.com/hkit

http://malatestapunk-stuff.blogspot.com/2007/01/php-microformats-parser.html

http://phildawes.net/microformats/

http://www.codeplex.com/microformat


web

sem

án

tica

105

Clases o herramientas de creaciónClases o herramientas de creación

Clases ó herramientas de programación de ayuda para poder crear Microformatos

microformats helper (PHP)phpMicroformat (PHP)

Microformats helper (Ruby on Rails)

http://codeigniter.com/wiki/microformats/

http://enarion.net/phpmicroformats/

http://blog.labnotes.org/2006/08/25/microformats-helper-for-ruby-on-rails/


web

sem

án

tica

106

1. Detectar un problema2. Investigar

● Reutiliza el trabajo que otros ya han hecho● Aún así seguro que no empezamos de cero

3. Documenta el proceso● Recoge ejemplos de lo que queremos codificar.● Crea una página de notas● Si los hay, recoge esquemas o fomatos parecidos.● Crea una página para recoger ideas.

4. Proponer un esquema para el microformato● Analizar con que otros microformatos puede tener

relación.● Analizar que características tendrá.● Definir el nombre que tendrá.

*por consensoCrear nuevos microformatosCrear nuevos microformatos

http://microformats.org/wiki/


web

sem

án

tica

107

eRDFeRDF

Enbeddable RDF, intenta mediante la utilización de herramientas disponibles actualmente codificar dentro del html y

xhtml información en formato RDF

eRDF es RDF válido, pero todo lo que se puede codificar mediante RDF no se puede

definir mediante eRDF.

El documento que se crea es válido.

ee*no mantenido w3c


web

sem

án

tica

108

Sintaxis eRDFSintaxis eRDFDeclarar el perfil eRDF. Se puede declarar más de un perfil dejando un espacio entre

las URLs.<html> <head profile="http://purl.org/NET/erdf/profile"> ... </head> <body> ... </body>

</html>


web

sem

án

tica

109

Sintaxis eRDFSintaxis eRDFDespués de declarar el perfil, se debe

declarar el esquema RDF que se utilizará

Puedes declarar tantos esquemas como quieras, si son repetidos se tomará en

cuenta la primera aparición.adibide generikoa

adibide konkretua foaf

<link rel="schema.prefix" href="uri" />

<link rel="schema.foaf" href="http://xmlns.com/foaf/0.1/" />


web

sem

án

tica

110

Ejemplo eRDF (head)Ejemplo eRDF (head)<html> <head profile="http://purl.org/NET/erdf/profile"> <title>Anna's Homepage</title> <base href="http://example.org/about" /> <meta name="dc.creator" content="Anna Wilder" /> <meta name="dc.title" content="Anna's Homepage" /> <link rel="schema.dc" href="http://purl.org/dc/elements/1.1/" /> <link rel="schema.foaf" href="http://xmlns.com/foaf/0.1/" /> <link href="#anna" rev="foaf-homepage foaf-made" rel="foaf-maker" /> </head>


web

sem

án

tica

111

Ejemplo eRDF (body)Ejemplo eRDF (body) <body> <h2>About me...</h2> <p id="anna"> Hi, I'm <span class="foaf-name"><span class="foaf-firstName">Anna</span> <span class="foaf-surname">Wilder</span></span>. <img style="float: right" src="pic.jpg" class="foaf-depiction" alt="A picture of me"/> You might know me from IRC as <span class="foaf-nick">wildling</span> or sometimes <span class="foaf-nick">wilda</span>. You can email me at <span class="foaf-mbox_sha1sum" title="69e31bbcf58d432950127593e292a55975bc66fd">anna {at} example.org</span>. </p> </body></html>


web

sem

án

tica

112

Ejemplo eRDF tripletas RDFEjemplo eRDF tripletas RDF<http://example.org/about> dc:creator "Anna Wilder" .<http://example.org/about> dc:title "Anna's Homepage" .<http://example.org/about> foaf:maker <http://example.org/about#anna> .<http://example.org/about#anna> foaf:homepage <http://example.org/about> .<http://example.org/about#anna> foaf:made <http://example.org/about> .<http://example.org/about#anna> foaf:name "Anna Wilder" .<http://example.org/about#anna> foaf:firstName "Anna" .<http://example.org/about#anna> foaf:surname "Wilder" .<http://example.org/about#anna> foaf:depiction <http://example.org/pic.jpg> .<http://example.org/about#anna> foaf:nick "wildling" .<http://example.org/about#anna> foaf:nick "wilda" .<http://example.org/about#anna> foaf:mbox_sha1sum "69e31bbcf58d432950127593e292a55975bc66fd" .


web

sem

án

tica

113

Herramientas eRDFHerramientas eRDF

En este wiki encontrarás información sobre la sintaxis, ejemplos y herramientas

Wiki ofiziala

Puedes encontrar más herramientas dentro del proyecto getsemantic.

Getsemantic eRDF

http://research.talis.com/2005/erdf/wiki/Main/RdfInHtml

http://www.getsemantic.com/wiki/ERDF


web

sem

án

tica

114

RDFaRDFa

Da la posibilidad de insertar en documentos XML (por ejemplo XHTML) información

codificada en RDF.

No intenta incrustar sintaxis RDF en los documentos, en lugar de repetir

información intenta utilizar elementos ya existentes.

En un documento XHTML RDFa es válido. En un documento HTML es compatible.

aa*mantenido por w3c


web

sem

án

tica

115

Sintaxis RDFaSintaxis RDFaDefinir los namespaces que se utilizarán en

el documento. Si no hay la posibilidad de editar el elemento html se pueden definir

desde cualquier elemento de manera local. <html xmlns:cal="http://www.w3.org/2002/12/cal/ical#"> ... </head> <body> ... </body>

</html>


web

sem

án

tica

116

Ejemplo RDFa (evento y Ejemplo RDFa (evento y contacto)contacto)

Definiendo los namespaces en el encabezado

<html xmlns:cal="http://www.w3.org/2002/12/cal/ical#"xmlns:contact="http://www.w3.org/2001/vcard-rdf/3.0#">...


web

sem

án

tica

117

Ejemplo RDFa (parte evento)Ejemplo RDFa (parte evento)

... <p class="cal:Vevent" about="#xtech_conference_talk"> I'm giving <span property="cal:summary">a talk at the XTech Conference about web widgets</span>, on <span property="cal:dtstart" content="20070508T1000+0200">May 8th at 10am </span>. </p>...


web

sem

án

tica

118

Ejemplo RDFa(parte contacto)Ejemplo RDFa(parte contacto)...<p class="contactinfo" about="http://example.org/staff/jo">My name is <span property="contact:fn">Jo Smith</span>. I'm a <span property="contact:title"> distinguished web engineer</span>at <a rel="contact:org" href="http://example.org">Example.org</a>. You can contact me<a rel="contact:email" href="mailto:[email protected]">via email </a>. </p>...

http://example.org/


web

sem

án

tica

119

Ejemplo RDFa tripletas RDF Ejemplo RDFa tripletas RDF <http://joblog.example.org/blog/?p=123#xtech_conference_talk>rdf:type cal:Vevent;

cal:summary "a talk at the XTech Conference about web widgets"^^XMLLiteral; cal:dtstart "20070508T1000+0200" .

<http://example.org/staff/jo> contact:fn "Jo Smith"^^XMLLiteral; contact:title "distinguished web engineer"^^XMLLiteral; contact:org <http://example.org>; contact:email <mailto:[email protected]>.


web

sem

án

tica

120

Herramientas RDFaHerramientas RDFaEn los documentos que gestiona W3C se

documentan la sintaxis, ejemplos, herramientas etc.

RDFa primerRDFa Use Cases

Wiki de los que trabajan en torno RDFaW3C Semantic Web Deployment Wiki

Puedes encontrar más herramientas dentro del proyecto getsemantic.

Getsemantic RDFa

http://www.w3.org/TR/xhtml-rdfa-primer

http://www.w3.org/TR/xhtml-rdfa-scenarios/

http://esw.w3.org/topic/RDFa

http://www.getsemantic.com/wiki/RDFa


web

sem

án

tica

121

RDFa vs eRDF vs MicroformatsRDFa vs eRDF vs Microformats

Algunos piensan que al hacer un comparativa entre los mismo supone que

son contrarios, pero esto no es así.

Con algunos de ellos se pueden hacer cosas parecidas y por eso son comparables

pero no contrapuestos.

Una comparativa interesante

http://bnode.org/blog/2007/02/12/comparison-of-microformats-erdf-and-rdfa


web

sem

án

tica

122

GRDDLGRDDL

Gleaning Resource Descriptions form Dialects of Languages

Es el mecanismo que define como los diferentes tipos de codificaciones XML que algoritmo deben utilizar para transformarse

en información compatible con RDF.

Se puede decir que es el pegamento que necesitaba la web semántica.


web

sem

án

tica

123

Ejemplo de sintaxis GRDDLEjemplo de sintaxis GRDDLEn el encabezado se definen el perfil que

define el namespace de GRDDL y más abajo la transformación (XSLT) que se va a utilizar <html xmlns="http://www.w3.org/1999/xhtml" xmlns:grddl='http://www.w3.org/2003/g/data-view#' grddl:transformation="glean_title.xsl

http://www.w3.org/2001/sw/grddl-wg/td/getAuthor.xsl" ><head><title>Are You Experienced?</title>[...]</html>


web

sem

án

tica

124

Ejemplo de sintaxis GRDDLEjemplo de sintaxis GRDDLEl ejemplo anterior mediante un gráfico


web

sem

án

tica

125

Un ejemplo de uso de GRDDLUn ejemplo de uso de GRDDLJane está intentando organizar una reunión, integra diferentes fuentes de información y pude hacer así consultas complejas sobre

esos datos

David (eRDF)

Robin (hCalendar)

Kate (RDFa)


web

sem

án

tica

126

El ejemplo de la guitarra El ejemplo de la guitarra GRDDLGRDDLSthepan quiere comprarse

una guitarra y para eso busca fuentes de

información especializada sobre guitarras,

información generada por personas individuales etc. Estas fuentes utilizan los microformatos hReview,

XFN y hCard. Ahora podra hacer mejores consultas.


web

sem

án

tica

127

Herramientas GRDDLHerramientas GRDDLEn los documentos que gestiona W3C se

documentan la sintaxis, ejemplos, herramientas etc.

GRDDL recommendationGRDDL primer

GRDDL scenariosGRDDL tests

Herramientas de conversión generadas por la gente para utilizar en GRDDL

CustomRDFdialects

http://www.w3c.org/TR/grddl

http://www.w3c.org/TR/grddl-primer

http://www.w3c.org/TR/grddl-scenarios

http://www.w3c.org/TR/grddl-tests

http://esw.w3.org/topic/CustomRdfDialects


web

sem

án

tica

128

WS vs wsWS vs ws

Loosely defined. No formal semantic model.

Defined by the underlying ontology model (e.g., OWL)Semantic

Based on XHTML tags: micro-formatsRDF, RDFS, OWLLanguage

Anything goes, as long as its XHTML

Must be well-formed RDF documentsFormat

Humans first, machines second. Encode existing Web content with special tags.

Build common data format for expressing the meaning of data. Use ontologies to help machines to understand web content.

Philosophy

XFN (social network), hCard (contact), hReview (opinions), rel-tag (taggging)

FOAF, OWL-S, OWL-TimeExamples

semantic webSemantic Web


web

sem

án

tica

129

FinalFinal¿Puedes pensar en una WWW que permita mezclar, unir, analizar, convertir y aportar

nueva información?

¿Qué puede traer esto consigo?

¿Qué problemas podemos encontrarnos?


web

sem

án

tica

130

Bibliografía e información Bibliografía e información extraextra

Las fuentes de información utilizadas y información extra puedes encontrarla en

bildu.net. Con información añadida.

http://www.bildu.net/bookmarks/teketen/semanticweb

Para filtrar información de cada tema añade al final + <tema>. Ejemplo.

http://www.bildu.net/bookmarks/teketen/semanticweb+microformats

http://www.bildu.net/

http://www.bildu.net/bookmarks/teketen/semanticweb


web

sem

án

tica

131

Licencia

Usted es libre de:●copiar, distribuir y comunicar públicamente la obra●hacer obras derivadas

Bajo las condiciones siguientes:●Reconocimiento. Debe reconocer los créditos de la obra de la manera especificada por el autor o el licenciador.●Compartir bajo la misma licencia. Si altera o transforma esta obra, o genera una obra derivada, sólo puede distribuir la obra generada bajo una licencia idéntica a ésta.

http://creativecommons.org/licenses/by-sa/2.5/deed.es

web semantica en minuscula microformatos y otras tecnologias

Technology