Web Semantica En Minuscula Microformatos Y Otras Tecnologias

Web semántica en minúsculas
microformatos
y
otras tecnologías
Gorka Julio Hurtado
web semántica

gorka@elurnet.net

1
2007 (cc) Elurnet Informatika Zerbitzuak S.L <kontsultak@elurnet.net>

Dar vida a la información
Golem
web semántica

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

2

Web Semántica
La 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
web semántica

evaluarlas automáticamente por
máquinas

Tim Berners-Lee
licencia

3

Introducción

Podemos decir que la Web Semántica es
un medio de comunicación universal que
web semántica

trata de intercambiando y relacionando
conceptos inferir nuevas informaciones.

4

Situación actual
Las 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).
web semántica

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

Ejemplo
La información de un evento, horarios, tipo
de evento, lugar etc.
5

Tecnologías
web semántica

6

Tecnologías

XML
Metalenguaje basado en etiquetas para
estructurar documentos.
web semántica

XML schema
Esquema que define la estructura y las
restricciones.

7

Tecnologías

Ejemplo XML
<?xml version=quot;1.0quot; encoding=quot;UTF-8quot;?>
<nota>
web semántica

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

8

Tecnologías
RDF
Es un modelo para descripción de
recursos. Los recursos se describen
mediante un sujeto (el recurso),
predicado (característica ó relación) y
web semántica

objeto (valor) .

RDF Schema
Esquema para definir recursos y clases en
los recursos RDF.

9

Tecnologías
Ejemplo RDF
<?xml version=quot;1.0quot;?>
<!DOCTYPE rdf:RDF PUBLIC quot;-//DUBLIN CORE//DCMES DTD
2002/07/31//ENquot;
quot;http://dublincore.org/documents/2002/07/31/dcmes-xml/dcmes-
xml-dtd.dtdquot;>
<rdf:RDF xmlns:rdf=quot;http://www.w3.org/1999/02/22-rdf-syntax-ns#quot;
xmlns:dc=quot;http://purl.org/dc/elements/1.1/quot;>
web semántica

<rdf:Description
rdf:about=quot;http://www.ilrt.bristol.ac.uk/people/cmdjb/quot;>
<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>
predicado
sujeto objeto

10

Tecnologías

OWL
Lenguaje de etiquetas para definir
ontologías que amplía el lenguaje a
web semántica

utilizar (cardinalidad, relación entre
clases etc.)

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

11

Tecnologías
SPARQL
RDF query language
Lenguaje de consulta que posibilita la
extracción de información en tripletas
RDF
web semántica

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 quot;SPARQL Tutorialquot; .
:book1 ns:price 42 .
:book2 dc:title quot;The Semantic Webquot; .
:book2 ns:price 23 .
12

Tecnologías

consulta
PREFIX dc: <http://purl.org/dc/elements/1.1/>
PREFIX ns: <http://example.org/ns#>
SELECT ?title ?price
WHERE { ?x ns:price ?price .
web semántica

FILTER (?price < 30.5)
?x dc:title ?title . }

resultado
title
The semantic web

13

Ejemplo biblioteca digital
Consiste 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.
web semántica

Pero es más: los agentes inteligentes
deberían de ser capaces de ser
bibliotecarios.
Ayudándote a encontrar publicaciones ó
recomendando alguna otra.

14

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

Pero si los servicios son ubicuos pueden
surgir problemas de búsqueda.
web semántica

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.

15

Lo que necesitamos

Necesitamos datos procesables por las
máquinas.
web semántica

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

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

16

Lo que vamos a hacer
Codificar los datos en una descripción
abstracta. Hacer los datos
independientes de las descripciones
internas.
web semántica

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.
17

Grupo de datos A que vamos a utilizar
(simplificación)
ID Author Title Publisher Year
ISBN 0-00-651409-
X id_xyz The Glass Palace id_qpr 2000
web semántica

ID Name Home page
id_xyz Ghosh, Amitav http://www.amitavghosh.com/

ID Publ. Name City
id_qpr Harper Collins London

18

Definición de relaciones datos A
web semántica

19

Grupo de datos F que vamos a utilizar
(simplificación)

ID Titre Auteur TraducteurOriginal
ISBN 2020386682 Palais des miroirs i_abc i_qrs
Le ISBN 0-00-651409-X
web semántica

ID Nom
i_abc Ghosh, Amitav
i_grs Besse, Christiane

20

Definición de relaciones datos F
web semántica

21

Unir los diferentes grupos de datos
web semántica

22

web semántica

23

web semántica

24

Podemos empezar a hacer consultas
El usuario de grupo de datos F ahora
puede hacer estas consultas:
web semántica

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.

25

Podemos 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:
web semántica

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.
26

web semántica

27

Un usuario del grupo de datos F ahora
puede realizar estas consultas:

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

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.
28

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.
web semántica

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.

29

Uniéndolo con los datos de Wikipedia
web semántica

30

web semántica

31

web semántica

32

Puede parecer increíble pero...

Esto que ocurre automáticamente los
usuarios lo hacen constantemente en
internet.
web semántica

La diferencia: un poco más de exactitud (al
nombrar las relaciones por ejemplo) para
que las máquinas puedan realizar su
labor.

33

Hemos unido diferentes grupos de datos, estos
pueden tener diferentes procedencia, formato y
relaciones (lenguas).

Hemos podido unir diferentes datos gracias a las
web semántica

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.
34

Podemos añadir información extra con una
clasificación completa tipos de datos para
bibliotecas o con la información
geográfica
web semántica

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

De esta manera podremos realizar
preguntas más complejas

35

La abstracción que hemos realizado
web semántica

36

Las 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
web semántica

● 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)

37

Tecnologías de la WEB SEMANTICA
web semántica

38

Web Semántica ahora
GoPubMed.org
Buscador que permite realizar busquedas
semánticas utilizando ontologías
especializadas.
web semántica

39

DBpedia.org (Leipzig Query Builder)
Proyecto para extraer información
estructurada de Wikipedia poniéndola al
alcance de todos y poder consultarla.
web semántica

40

Geonames.org
La ontología GeoNames nos da la
oportunidad de añadir información
geoespacial a la WWW
web semántica

41

simile.mit.edu
El proyecto SIMILE tiene como objetivo
utilizar las tecnologías de la Web
Semántica para crear herramientas de
software libre.
web semántica

42

web semántica

La componen los microformatos y otras
tecnologías que intentan conseguir
web semántica

algunos de los objetivos de la Web
Semántica pero ahora.

43

¿Qué son los microformatos?

Intentan solucionar un
web semántica

problema concreto

44


Comenzar de la manera
web semántica

más sencilla

45


Diseñados con la idea de
las Personas primero las
web semántica

máquinas después

46


Modulares y reutilizables
web semántica

uno dentro de otro

47


Posibilitan y potencian el
web semántica

desarrollo, servicios y
contenidos
descentralizados

48

Se codifican directamente
en las página web en
XHTML
web semántica

Siendo datos estructurados
las máquinas los
interpretan fácilmente

49

Inicio
web semántica

microformats.org
50

Estado de la WWW
web semántica

visualcomplexity.com

51

Estado de la WWW
web semántica

¿Cómo se codifica la información?

52

La codificación actual
<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ántica

Las máquinas no entienden esto!

53

Utilizando microformatos
<div id=quot;hcard-Gorka-Julioquot; class=quot;vcardquot;>
vcard
<img style=quot;float: left; margin-right: 4px;quot;
src=quot;http://site.gravatar.com/images/files/thumbs/124267.jpgquot;
alt=quot;photoquot; class=quot;photoquot;>
photo
<a class=quot;url fn nquot; href=quot;http://www.teketen.comquot;>
n
<span class=quot;given-namequot;>Gorka</span>
given-name
<span class=quot;family-namequot;>Julio</span></a>
family-name
<div class=quot;orgquot;>Elurnet Informatika
org
web semántica

Zerbitzuak</div>
<a class=quot;emailquot;
email
href=quot;mailto:gorka@elurnet.netquot;>gorka@elurnet.net</a>

<div class=quot;adrquot;>
adr
<span class=quot;localityquot;>Andoain</span>, <span
locality
class=quot;regionquot;>Gipuzkoa</span>, <span class=quot;postal-
region
codequot;>20140</span>
code
</div>
</div>

54

Las personas lo visualizan así
web semántica

puedes cambiar la visualización
mediante CSS

Las máquinas interpretan esta
codificación
55

Tipos de microformatos
web semántica

56

rel-tag
Para etiquetar los contenidos con mayor
información semántica
web semántica

<a href=quot;http://technorati.com/tag/tecnologiaquot;
rel=quot;tagquot;>tecnología</a>

espacio de etiquetado

57

rel-license

Para definir la licencia de un contenido

<a
href=quot;http://creativecommons.org/licenses/by/2.0/quot;
web semántica

rel=quot;licensequot;>cc by 2.0</a>

<a href=quot;http://www.apache.org/licenses/LICENSE-
2.0quot; rel=quot;licensequot;>Apache 2.0</a>

58

rel-nofollow
Microformato creado para que los robots de
los busacadores (Google) no le den
relevancia (Page Rank) a un enlace.
web semántica

<a href=quot;http://www.pharmaviagra.com/quot;
rel=quot;nofollowquot;>Get Viagra</a>

59

*Draft rel-home
Para definir la página de inicio de la misma
página

en el encabezado <head>
web semántica

<link href=quot;http://technorati.comquot; rel=quot;homequot; />

<a href=quot;http://technorati.comquot;
rel=quot;homequot;>Technorati</a>

en el cuerpo <body>

60

*Draft rel-directory
Para definir un directorio (lugar en donde se
enumeran elementos de la misma
categoría) en una página

<a rel=quot;directoryquot;
web semántica

href=quot;http://dmoz.org/Computers/Internet/quot;>Compute
rs/Internet</a>

<a rel=quot;tag directoryquot;
href=quot;http://odeo.com/tag/arts/quot;>arts</a>

si se combina con etiquetas

61

*Draft rel-enclosure
Para identificar que eso a lo que se
referencia puede ser descargado a local
web semántica

<a
href=quot;http://homepage.mac.com/kevinmarks/wwdc2005.
movquot; rel=quot;enclosurequot;>WWDC 2005 Keynote with
chapters</a>

62

*Draft rel-payment
Para identificar el sistema de pago de un
sitio.

burukoan <head>
<link rel=quot;paymentquot; href=quot;
web semántica

http://example.com/c.r.e.a.mquot; title=quot;give me the
lootquot; />

<a href=quot;http://channel102.net/donate.phpquot;
rel=quot;paymentquot;>Donate here</a>

gorputzean <body>

63

VoteLinks
Microformato para dar la posibilidad de
votar sobre una opción (a favor, en contra ó
abstención)
<a rev=quot;vote-forquot; href=quot;http://google.comquot;>Google
aingeru da</a>
web semántica

<a rev=quot;vote-againstquot;
href=quot;http://google.comquot;>Google deabrua da</a>

<a rev=quot;vote-abstainquot;
href=quot;http://google.comquot;>Googleri buruz ED-EE</a>

64

XFN
Para definir la relación que nos une a las
personas que enlazamos desde una web
web semántica

65

XFN
Amigo, colega y con el que se ha
encontrado físicamente

<a href=quot;http://www.zabaldu.comquot; rel=quot;friend met
colleaguequot;>Arkaitz Zubiaga</a>
web semántica

<a href=quot;http://www.teketen.comquot;
rel=quot;mequot;>Teketen</a>

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

rel VS rev
relation
link
rel=””

<a
href=quot;http://creativecommons.org/licenses/by/2.0/quot;
web semántica

rel=quot;licensequot;>cc by 2.0</a>

<a rev=quot;vote-forquot;
href=quot;http://google.comquot;>Google</a>

relation
link
rev=””

67

XOXO
Microformato para definir listas Blogroll ó
outline (debate)
<ol class=quot;xoxoquot;>
<li>
<p>My favorite Weblogs</p>
<ol>
<li>
web semántica

<a href=quot;http://example.com/bud/quot; type=quot;text/htmlquot;>Buddy
blog</a>
<a href=quot;http://example.com/bud/atomquot;
type=quot;application/atom+xmlquot;>Buddy feed</a>
<dl>
<dt>description</dt>
<dd>My buddy's Weblog</dd>
</dl>
</li>
</ol>
</li>
</ol>
68

*Draft xFolk
Para codificar enlaces folksonómicos
<li class=quot;xfolkentryquot;>
<div class=quot;linkquot;><a
href=quot;http://www.elcorreodigital.com/vizcaya/20070926/pvasco-
espana/lenguas-faciles-dificiles-todas-20070926.htmlquot;
rel=quot;nofollowquot; class=quot;taggedlinkquot;>No hay lenguas fáciles ni
difíciles, todas son absolutamente iguales</a></div>
<div class=quot;descriptionquot;>Juan Carlos Moreno Cabrerari elkarrizketa
web semántica

El Correon</div>
<div class=quot;metaquot;>2007-09-27 to <a
href=quot;http://www.bildu.net/tags/euskalgintzaquot;
rel=quot;tagquot;>euskalgintza</a>, <a
href=quot;http://www.bildu.net/tags/euskaraquot; rel=quot;tagquot;>euskara</a>
nork: <a
href=quot;http://www.bildu.net/bookmarks/topaguneaquot;>topagunea</a> eta
<a
href=quot;http://www.bildu.net/history/a1073deb760f39a6273b7ff72e6a3a3
3quot;>beste 1ek</a></div>
</li>

69

*Draft geo
Para definir lugares mediante latitud y
longitud
<div class=quot;geoquot;>GEO:
<span class=quot;latitudequot;>37.386013</span>,
web semántica

<span class=quot;longitudequot;>-122.082932</span>
</div>

<div class=quot;geoquot;>
<abbr class=quot;latitudequot; title=quot;37.408183quot;>N 37°
24.491</abbr>
<abbr class=quot;longitudequot; title=quot;-122.13855quot;>W 122°
08.313</abbr>
</div>
70

*Draft adr

Microformato para definir direcciones

web semántica

<div class=quot;street-addressquot;>665 3rd St.</div>
<div class=quot;extended-addressquot;>Suite 207</div>
<span class=quot;localityquot;>San Francisco</span>,
<span class=quot;regionquot;>CA</span>
<span class=quot;postal-codequot;>94107</span>
<div class=quot;country-namequot;>U.S.A.</div>
</div>

71

hCard
Para codificar información de contacto de
enpresas ó personas
web semántica

72

hCard
<div id=quot;hcard-Gorka-Julioquot; class=quot;vcardquot;>
<img style=quot;float: left; margin-right: 4px;quot;
src=quot;http://site.gravatar.com/images/files/thumbs/124267.j
pgquot; alt=quot;photoquot; class=quot;photoquot;>
<a class=quot;url fn nquot; href=quot;http://www.teketen.comquot;>
<span class=quot;given-namequot;>Gorka</span>
<span class=quot;family-namequot;>Julio</span></a>
web semántica

<div class=quot;orgquot;>Elurnet Informatika Zerb.</div>
<a class=quot;emailquot;
href=quot;gorka@elurnet.netquot;>gorka@elurnet.net</a>
<span class=quot;localityquot;>Andoain</span>, <span
class=quot;regionquot;>Gipuzkoa</span>, <span class=quot;postal-
codequot;>20140</span>
</div>
</div>

73

hCalendar
Microformato para definir eventos
<div id=quot;454quot; class=quot;vevent articlequot;>
<h2 class=quot;summaryquot;><a
href=quot;ekitaldiak.php?id=454quot;>Kontxako Estropadak
</a></h2>
web semántica

<abbr class=quot;dtstartquot; title=quot;20070902T12:00quot;>2007-
09-02 12:00 </abbr>
<div class=quot;locationquot;><div class=quot;geoquot;><span
class=quot;latitudequot;>43.318059</span>,<span
class=quot;longitudequot;>-1.990929</span></div>
</div>
<div class=quot;descriptionquot;>Kontxako Bandera
Lehenengo igandea </div>
</div>
74

*Draft hReview
Microformato para codificar críticas
<div class=quot;hreviewquot;>
<span><span class=quot;ratingquot;>5</span> out of 5 stars</span>
<h4 class=quot;summaryquot;>Crepes on Cole is awesome</h4>
<span class=quot;reviewer vcardquot;>Reviewer: <span
class=quot;fnquot;>Tantek</span> -
web semántica

<abbr class=quot;dtreviewedquot; title=quot;20050418T2300-0700quot;>April
18, 2005</abbr></span>
<div class=quot;description item vcardquot;><p>
<span class=quot;fn orgquot;>Crepes on Cole</span> is one of the
best little
creperies in <span class=quot;adrquot;><span
class=quot;localityquot;>San Francisco</span></span>.
Excellent food and service. Plenty of tables in a
variety of sizes for parties large and small.
</p></div>
</div>
75

*preDraft hListing
Microformato para listar elementos de
compra venta
<div id=quot;789quot; class=quot;hlisting articlequot;>
<h2 class=quot;item fn sellquot;><a
href=quot;azoka.php?id=789quot;>acer n50</a></h2>
<abbr class=quot;dtlistedquot; title=quot;20070915T13:55quot;>2007-09-
web semántica

15</abbr>
<div class=quot;descriptionquot;>Acer bat salduko nuke </div>
<div id=quot;hcard-quot; class=quot;lister vcardquot;>
<a class=quot;url fn nquot;
href=quot;http://twitter.com/teketenquot;><span class=quot;given-
namequot;>Gorka Julio</span></a></div>
<div class=quot;adrquot;><span class=quot;street-addressquot;>Arteta
kalea</span><span class=quot;localityquot;>Andoain</span><span
class=quot;regionquot;>Gipuzkoa</span></div>
</div>
76

*Draft hResume
Microformato para definir curriculums
Integra diferentes microformatos
Los elementos que se pueden definir:
● hresume (class=”hresume” raíz)

● summary (class=”summary”)
web semántica

● contact (hCard)

● education (hCalendar)

● experience (hCalendar, trabajos etc.

hCard)
● skill (class=”skill” y datos rel=”tag”)

● affiliation (class=”affiliation” y hCard)

●publications (etiqueta <cite>)
77

*Draft hAtom
Para añadir sindicación dentro del xhtml
<div class=quot;hfeedquot;>
<div class=quot;hentryquot;>
<h3 class=quot;entry-titlequot;>UEU, ez udaran bakarrik</h3>
<p>Argitaratua: <abbr class=quot;updated publishedquot;
title=quot;20070918quot;>Irailaren 18an</abbr></p>
<div class=quot;contentquot;>
web semántica

<p><span class=quot;summaryquot;>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=quot;http://www.ueu.orgquot;>UEUren</a> web orrian.</p></div>
<p>Egilea: <span class=quot;vcard authorquot;><a
href=quot;http://www.teketen.comquot; class=quot;url fnquot;>Gorka
Julio</a></span></p>
</div> 
</div> <! -- hfeed amaiera -->
78

Los buscadores Google y Yahoo
http://search.yahoo.com/cc

http://www.google.com/advanced_search?
web semántica

Microformatos
● rel-license

79

Mikromundua
web semántica

Microformatos
● Vote Links

● hCard

● hCalendar
http://bildu.net/mikromundua
● rel-tag

● adr

80

Twitter
Microformatos
● XFN

● hAtom

● hCard http://www.twitter.com
web semántica

81

flickr
Microformatos
● geo

● adr

● XFN http://www.flickr.com
● hCard
web semántica

82

Technorati kitchen
Microformatos
● hCard

● hCalendar

● hReview

● xFolk

● rel-tag

● rel-license
web semántica

http://kitchen.technorati.com

83

Upcoming
Microformatos
● hCard

● hCalendar

● adr

● geo

● rel-tag
web semántica

http://www.upcoming.org
84

Cork'd
Microformatos
● hCard

● hReview

● rel-tag
web semántica

http://corkd.com

85

Linked in
Microformatos
● hResume

● hCard

● adr
web semántica

http://www.linkedin.com

86

dealtagger
Microformatos
● hListing

http://www.dealtagger.com
web semántica

87

Google Maps
Microformatos
● hCard

● adr
web semántica

http://maps.google.com

88

Txioka
Microformatos
● hCalendar

● hListing

● hCard http://www.txioka.net
● hAtom

● adr

● geo
web semántica

89

Bildu
Microformatos
●

● xFolk

● rel-nofollow

● rel-tag
web semántica

http://www.bildu.net
90

Reconociendo microformatos
No hay ningún estándar aunque sí varias
propuestas
web semántica

http://microformats.org/wiki/icons

http://microformats.org/wiki/buttons

91

Algunas herramientas están preparadas
para utilizar microformatos

Pronto Firefox 3 y Internet Explorer 8
soportarán microformatos
web semántica

92

vCard Explorer
Programa para Mac que da la posibilidad de
leer el microformato hCard y importarlo a
vCard
web semántica

http://vce.corefault.de

93

Tails Export
Extension para Firefox que detecta hCard,
hCalendar, hReview, rel-license y xFolk
web semántica

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

Operator
Extension 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ántica

95

Scripts para Operator

Se pueden crear scripts para esta extension
de Firefox

Manual simple
web semántica

Manual avanzado

Script especiales creados por la gente

96

Script especiales
XFN dumper -> muestra los enlaces XFN de
una página (lleva este enlace a tus enlaces
favoritos).

hAtom to atom -> convierte hAtom al
web semántica

formato de sindicación Atom.

Almost universal microformat parser ->
Herramienta que detecta y extrae hAtom,
hCalendar, hCard, hListing, hRecume,
hReview, xFolk etc.
97

Scripts especiales
Geo transformation tools -> convierte el
microformato geo a los formatos KML ó
GeoRSS.
web semántica

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.
98

Herramientas que crean microformatos
para utilizar en nuestras páginas
web semántica

99

Scripts de creación

rel-license Creative Commons creator
●

XFN creator
●

hCard creator
●
web semántica

hCalendar
●

hReview creator
●

hResume creator
●

hAtom creator
●

100

Extensión para Dreamweaver
Con esta extensión de Dreamweaver, sus
usuarios podrán crear microformatos para
sus páginas web
web semántica

Dreamweaver extension
101

Algunos CMS

Algunos CMS utilizan microformatos ó
tienen extensiones que posibilitan su
utilización.
web semántica

Wordpress (info +)
Drupal
Movable type

102

Desarrollando con
microformatos
Herramientas de desarrollo para la
creación, utilización y gestión de
microformatos
web semántica

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

103

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

Mofo (Ruby on Rails)
uformats ( Ruby on Rails)
web semántica

Scrapi (Ruby on Rails)
Sumo (Javascript)
hKit (PHP)
Microformat parser (PHP)
Microformat parser (Python)
Microformat .net (.net)
104

Clases o herramientas de creación

Clases ó herramientas de programación de
ayuda para poder crear Microformatos
web semántica

microformats helper (PHP)
phpMicroformat (PHP)
Microformats helper (Ruby on Rails)

105

Crear nuevos microformatos
*por consenso
1. Detectar un problema
2. 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.
web semántica

● 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á.

106

e
eRDF
*no mantenido w3c la
Enbeddable RDF, intenta mediante
utilización de herramientas disponibles
actualmente codificar dentro del html y
xhtml información en formato RDF
web semántica

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.
107

Sintaxis eRDF
Declarar el perfil eRDF. Se puede declarar
más de un perfil dejando un espacio entre
las URLs.
<html>
<head
web semántica

profile=quot;http://purl.org/NET/erdf/profilequot;>
...
</head>
<body>
...
</body>

</html>

108

Sintaxis eRDF
Despué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
web semántica

cuenta la primera aparición.
adibide generikoa
<link rel=quot;schema.prefixquot; href=quot;uriquot; />

<link rel=quot;schema.foafquot;
href=quot;http://xmlns.com/foaf/0.1/quot; />
adibide konkretua foaf
109

Ejemplo eRDF (head)
<html>
<head
profile=quot;http://purl.org/NET/erdf/profilequot;>
<title>Anna's Homepage</title>
<base href=quot;http://example.org/aboutquot; />
<meta name=quot;dc.creatorquot; content=quot;Anna Wilderquot; />
<meta name=quot;dc.titlequot; content=quot;Anna's Homepagequot;
web semántica

/>
<link rel=quot;schema.dcquot;
href=quot;http://purl.org/dc/elements/1.1/quot; />
<link rel=quot;schema.foafquot;
href=quot;http://xmlns.com/foaf/0.1/quot; />
<link href=quot;#annaquot; rev=quot;foaf-homepage foaf-madequot;
rel=quot;foaf-makerquot; />
</head>

110

Ejemplo eRDF (body)
<body>
<h2>About me...</h2>
<p id=quot;annaquot;>
Hi, I'm <span class=quot;foaf-namequot;><span class=quot;foaf-
firstNamequot;>Anna</span> <span class=quot;foaf-
surnamequot;>Wilder</span></span>.
<img style=quot;float: rightquot; src=quot;pic.jpgquot; class=quot;foaf-
depictionquot; alt=quot;A picture of mequot;/>
web semántica

You might know me from IRC as <span class=quot;foaf-
nickquot;>wildling</span> or sometimes <span class=quot;foaf-
nickquot;>wilda</span>.
You can email me at <span class=quot;foaf-mbox_sha1sumquot;
title=quot;69e31bbcf58d432950127593e292a55975bc66fdquot;>anna {at}
example.org</span>.
</p>
</body>
</html>

111

Ejemplo eRDF tripletas RDF
<http://example.org/about> dc:creator quot;Anna Wilderquot; .
<http://example.org/about> dc:title quot;Anna's Homepagequot; .
<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> .
web semántica

<http://example.org/about#anna> foaf:name quot;Anna Wilderquot; .
<http://example.org/about#anna> foaf:firstName quot;Annaquot; .
<http://example.org/about#anna> foaf:surname quot;Wilderquot; .
<http://example.org/about#anna> foaf:depiction
<http://example.org/pic.jpg> .
<http://example.org/about#anna> foaf:nick quot;wildlingquot; .
<http://example.org/about#anna> foaf:nick quot;wildaquot; .
<http://example.org/about#anna> foaf:mbox_sha1sum
quot;69e31bbcf58d432950127593e292a55975bc66fdquot; .

112

Herramientas eRDF

En este wiki encontrarás información sobre
la sintaxis, ejemplos y herramientas
Wiki ofiziala
web semántica

Puedes encontrar más herramientas dentro
del proyecto getsemantic.
Getsemantic eRDF

113

a
RDFa
*mantenido w3c
por
Da la posibilidad de insertar en documentos
XML (por ejemplo XHTML) información
codificada en RDF.

No intenta incrustar sintaxis RDF en los
web semántica

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.
114

Sintaxis RDFa
Definir 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
web semántica

xmlns:cal=quot;http://www.w3.org/2002/12/cal/ical#quot;>
...
</head>
<body>
...
</body>

</html>

115

Ejemplo RDFa (evento y
contacto)
Definiendo los namespaces en el
encabezado
<html
xmlns:cal=quot;http://www.w3.org/2002/12/cal/ical#quot;
web semántica

xmlns:contact=quot;http://www.w3.org/2001/vcard-
rdf/3.0#quot;>
...

116

Ejemplo RDFa (parte evento)
...
<p class=quot;cal:Veventquot;
about=quot;#xtech_conference_talkquot;>
I'm giving
<span property=quot;cal:summaryquot;>a talk at the
web semántica

XTech Conference about web widgets</span>,
on
<span property=quot;cal:dtstartquot;
content=quot;20070508T1000+0200quot;>May 8th at 10am
</span>.
</p>
...

117

Ejemplo RDFa(parte contacto)
...
<p class=quot;contactinfoquot;
about=quot;http://example.org/staff/joquot;>
My name is <span property=quot;contact:fnquot;>Jo
Smith</span>.
I'm a <span property=quot;contact:titlequot;>
web semántica

distinguished web engineer</span>
at <a rel=quot;contact:orgquot; href=quot;http://example.org
quot;>Example.org</a>.
You can contact me<a rel=quot;contact:emailquot;
href=quot;mailto:jo@example.orgquot;>via email
</a>.
</p>
...

118

Ejemplo RDFa tripletas RDF
<http://joblog.example.org/blog/?p=123#xtech_confe
rence_talk>
rdf:type cal:Vevent;
cal:summary quot;a talk at the XTech Conference
about web widgetsquot;^^XMLLiteral;
cal:dtstart quot;20070508T1000+0200quot; .
web semántica

<http://example.org/staff/jo>
contact:fn quot;Jo Smithquot;^^XMLLiteral;
contact:title quot;distinguished web
engineerquot;^^XMLLiteral;
contact:org <http://example.org>;
contact:email <mailto:jo@example.org>.

119

Herramientas RDFa
En los documentos que gestiona W3C se
documentan la sintaxis, ejemplos,
herramientas etc.
RDFa primer
RDFa Use Cases
web semántica

Wiki de los que trabajan en torno RDFa
W3C Semantic Web Deployment Wiki

Puedes encontrar más herramientas dentro
del proyecto getsemantic.
Getsemantic RDFa
120

RDFa vs eRDF vs Microformats
Algunos piensan que al hacer un
comparativa entre los mismo supone que
son contrarios, pero esto no es así.
web semántica

Con algunos de ellos se pueden hacer
cosas parecidas y por eso son comparables
pero no contrapuestos.

Una comparativa interesante

121

GRDDL
Gleaning Resource Descriptions form
Dialects of Languages

Es el mecanismo que define como los
diferentes tipos de codificaciones XML que
web semántica

algoritmo deben utilizar para transformarse
en información compatible con RDF.

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

122

Ejemplo de sintaxis GRDDL
En 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=quot;http://www.w3.org/1999/xhtmlquot;
xmlns:grddl='http://www.w3.org/2003/g/data-
web semántica

view#'
grddl:transformation=quot;glean_title.xsl
http://www.w3.org/2001/sw/grddl-
wg/td/getAuthor.xslquot;
>
<head>
<title>Are You Experienced?</title>
[...]
</html>
123

Ejemplo de sintaxis GRDDL
El ejemplo anterior mediante un gráfico
web semántica

124

Un ejemplo de uso de GRDDL
Jane está intentando organizar una reunión,
integra diferentes fuentes de información y
pude hacer así consultas complejas sobre
esos datos
web semántica

David (eRDF)

Robin (hCalendar)

Kate (RDFa)

125

El ejemplo de la guitarra
GRDDL
Sthepan quiere comprarse
una guitarra y para eso
busca fuentes de
información especializada
sobre guitarras,
web semántica

información generada por
personas individuales etc.
Estas fuentes utilizan los
microformatos hReview,
XFN y hCard. Ahora podra
hacer mejores consultas.
126

Herramientas GRDDL
En los documentos que gestiona W3C se
documentan la sintaxis, ejemplos,
herramientas etc.
GRDDL recommendation
GRDDL primer
GRDDL scenarios
web semántica

GRDDL tests

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

127

WS vs ws
Semantic Web semantic web
Build common data format for
expressing the meaning of data. Humans first, machines second.
Use ontologies to help Encode existing Web content
Philosophy
machines to understand web with special tags.
content.

Based on XHTML tags: micro-
Language RDF, RDFS, OWL
web semántica

formats

Must be well-formed RDF Anything goes, as long as its
Format
documents XHTML

Defined by the underlying Loosely defined. No formal
Semantic
ontology model (e.g., OWL) semantic model.

XFN (social network), hCard
(contact), hReview (opinions),
Examples FOAF, OWL-S, OWL-Time
rel-tag (taggging)

128

Final
¿Puedes pensar en una WWW que permita
mezclar, unir, analizar, convertir y aportar
nueva información?

¿Qué puede traer esto consigo?
web semántica

¿Qué problemas podemos encontrarnos?

129

Bibliografía e información
extra
Las fuentes de información utilizadas y
información extra puedes encontrarla en
bildu.net. Con información añadida.
web semántica

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

130

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
●
web semántica

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.

131

Web Semantica En Minuscula Microformatos Y Otras Tecnologias

Recommandé

Recommandé

Contenu connexe

Similaire à Web Semantica En Minuscula Microformatos Y Otras Tecnologias

Similaire à Web Semantica En Minuscula Microformatos Y Otras Tecnologias (20)

Plus de teketen

Plus de teketen (6)

Dernier

Dernier (12)

Web Semantica En Minuscula Microformatos Y Otras Tecnologias