SlideShare una empresa de Scribd logo
1 de 30
Microformatos y La Web Semantica
Ing A. Daniella Garcia Moreno
Que es la Web semantica?
La web es como una gran biblioteca
Que hacemos para leer un libro?
1. Se lo pedimos a la
encargada (nombre/
autor)
2. La encargada busca
en el catalogo de
libros
3. Encuentra el libro
4. Nos lo entrega
La web funciona de forma similar
1. Solicitamos ver
una pagina web
(palabras clave)
3. Encuentra
la(s) pagina(s)
q cumplen el
criterio
2. Google busca en
la web
4. Retorna los resultados de
la busqueda
Usuario
Server
Que pasaria si no hubiera un catalogo
de libros??
 Seria imposible encontrar un libro rapido
 Tardaria hrs o talvez dias
 Asi era Internet antes de que lleguen los buscadores
Los resultados de una busqueda son siempre
efectivos?
 NO….
 Porque? Los robots de
busqueda no entienden
lo que estan buscando
 Son maquinas q leen
letras
 Solo estan
programados para
buscar informacion que
coincidan con el criterio
de busqueda.
Como solucionar esto??
Dandole significado a la
informacion para que sea
entendible para las maquinas
Como?... Con la Web Semantica
 Sintaxis = como se dice algo
 Semantica = significado detras de lo que se ha dicho
Ej: Una cabecera h1
La sintaxis es <h1>FLISOL 2009</h1>
El significado es: FLISOL 2009 es el titulo principal
de esta pagina.
¿Qué es la web semántica?
 Se basa en la idea de añadir metadatos semánticos
y ontológicos a la World Wide Web. Esas
informaciones adicionales —que describen el
contenido, el significado y la relación de los datos—
se deben proporcionar de manera formal, para que
así sea posible evaluarlas automáticamente por
máquinas de procesamiento. El objetivo es mejorar
Internet ampliando la interoperabilidad entre los
sistemas informáticos y reducir la necesaria
mediación de operadores humanos.
¿Pero de que trata la web semántica?
 Utilizar de tecnologías de descripción de los
contenidos, como RDF y OWL, además de XML, el
lenguaje de marcas diseñado para describir los
datos.
 Estas tecnologías se combinan para aportar
descripciones explícitas de los recursos de la Web
(ya sean estos catálogos, formularios, mapas u otro
tipo de objeto documental).
 Utilizar Microformatos
Los Microformatos
La web semantica en minusculas
Los Microformatos
 Es una forma simple de agregar significado
semántico a un contenido legible por el humano y
que para la máquina es sólo texto plano.
 Están ideados para ser usadas en páginas web que
usen HTML o XHTML, de manera tal de que la
información pueda ser indexada, guardada,
referenciada, reusada o combinada
 Dan solucion a problemas especificos
Todos los websites tienen Paginas de
Contacto
Todos los websites tienen Paginas de
Contacto
Cual es el problema?
Los agentes de usuario no saben que se trata de una
pagina de contacto con infomacion de contacto
Hcard
 Es un microformato destinado a marcar los datos de
cualquier persona o entidad añadiendo un contenido
semántico a los mismos
 Está basado en el estándar vCard y mantiene las
mismas propiedades utilizando código XHTML.
Un ejemplo
Esto es lo que tendríamos en código XHTML
sin marcado semántico con Hcard
Un ejemplo
Este sería el resultado aplicando el microformato hcard,
para el humano el resultado es idéntico pero una maquina
ahora si podría comprender la información que está
procesando
HCard Generator
HCalendar
 Es un Microformato standard para mostrar una
representación semántica (X)HTML de información de
calendario en formato iCalendar acerca de un evento, en
páginas web.
 Fecha
 Hora
 Lugar
 Direccion
 Geo coordenadas del lugar
Un Ejemplo
Un Ejemplo
Este sería el resultado aplicando el microformato
hcalendar
Como saber si una pagina tiene
microformatos?
 Firefox add-ons
 Operator
https://addons.mozilla.org/en-US/firefox/addon/4106
 Tails Export
https://addons.mozilla.org/en-US/firefox/addon/2240
 IE add-ons
 Oomph
http://www.codeplex.com/Oomph
 Safari
 Safari Microformats plugin
http://zappatic.net/safarimicroformats/download.html
Hcard en Tails Export
Hcalendar en Tails
Ventajas
 Ver todos los microformatos de una pagina
 Exportarlos de forma facil a Outlook, Evolution,
Address Book, etc.
 Si se trata de una direccion se podria ver la
ubicacion exacta en un mapa
 Y muchas otras cosas mas
Donde se estan usando?
 hCard - http://microformats.org/wiki/hcard
Ejemplos de hCard :
 YouTube - http://www.youtube.com/watch?v=gn6uZ-dkVnw
 Twitter - http://www.twitter.com/home/
 Avon - http://shop.avon.com/shop/find_a_rep.asp
 MapQuest Local -
http://blog.mapquest.com/2008/09/25/microformat-support-on-mapquest-local/
 hCalendar - http://microformats.org/wiki/hcalendar
 Ejemplos hCalendar :
 PHP.net - http://www.php.net/conferences/
 PHP.net - http://www.php.net/cal.php
 Last.fm - http://www.last.fm/event/75615
 Upcoming - http://upcoming.yahoo.com/event/1337777/
 Meetup.com -
http://www.meetup.com/cities/us/ga/augusta/events/?radius=50.0
Microformatos existentes
 hAtom - para marcar feeds Atom dentro del HTML.
 hCalendar - para eventos.
 hCard - para información de contacto,
 hReview - para críticas de artículos, servicios, etc.
 hResume - para curriculum.
 rel-directory - para apuntar enlaces a una página de un directorio.
 rel-nofollow - advierte a los buscadores web que no deben asignar
importancia a la página a la que apunta el enlace.
 rel-tag - indica que la página que contiene el enlace está relacionada
con la etiqueta especificada.
 xFolk - para especificar enlaces guardados en un Marcador social.
 XFN - para relaciones sociales mediante enlaces.
 XOXO - para hacer esquemas con listas.
Gracias

Más contenido relacionado

Similar a Microformatos y la Web Semántica

Nova Spivack Semantic Web Talk, Entendiendo la web semántica
Nova Spivack Semantic Web Talk, Entendiendo la web semánticaNova Spivack Semantic Web Talk, Entendiendo la web semántica
Nova Spivack Semantic Web Talk, Entendiendo la web semánticaDolors Reig (el caparazón)
 
La web semántica
La web semánticaLa web semántica
La web semánticaMARIACF92
 
Web semántica 2do comunicacion "A"
Web semántica 2do comunicacion "A"Web semántica 2do comunicacion "A"
Web semántica 2do comunicacion "A"Negra Morales
 
Presentación1 dhtic
Presentación1  dhticPresentación1  dhtic
Presentación1 dhticOoskar_92
 
PresentacióN De La Tesis
PresentacióN De La TesisPresentacióN De La Tesis
PresentacióN De La TesisGEOVAN21
 
Examenen del primer trimestre de computacion
Examenen del primer trimestre de computacionExamenen del primer trimestre de computacion
Examenen del primer trimestre de computacionveritomsd
 
La nuevas tendencias de comunicación con el ciudadano. Estrategia en Web: Por...
La nuevas tendencias de comunicación con el ciudadano. Estrategia en Web: Por...La nuevas tendencias de comunicación con el ciudadano. Estrategia en Web: Por...
La nuevas tendencias de comunicación con el ciudadano. Estrategia en Web: Por...Mundo Contact
 
Diapositivas de sistemas
Diapositivas de sistemasDiapositivas de sistemas
Diapositivas de sistemassorrowize
 
MOTORES DE BUSQUEDA Y PÁGINAS WEB
MOTORES DE BUSQUEDA Y PÁGINAS WEBMOTORES DE BUSQUEDA Y PÁGINAS WEB
MOTORES DE BUSQUEDA Y PÁGINAS WEBPedrozerpa23
 

Similar a Microformatos y la Web Semántica (20)

Web Semántica
Web SemánticaWeb Semántica
Web Semántica
 
Web semántica
Web semánticaWeb semántica
Web semántica
 
Introducción a la Web Semántica
Introducción a la Web SemánticaIntroducción a la Web Semántica
Introducción a la Web Semántica
 
Web semantica
Web semanticaWeb semantica
Web semantica
 
Nova Spivack Semantic Web Talk, Entendiendo la web semántica
Nova Spivack Semantic Web Talk, Entendiendo la web semánticaNova Spivack Semantic Web Talk, Entendiendo la web semántica
Nova Spivack Semantic Web Talk, Entendiendo la web semántica
 
Web semantica
Web semantica Web semantica
Web semantica
 
Web semantica
Web semanticaWeb semantica
Web semantica
 
La web semántica
La web semánticaLa web semántica
La web semántica
 
Web semántica 2do comunicacion "A"
Web semántica 2do comunicacion "A"Web semántica 2do comunicacion "A"
Web semántica 2do comunicacion "A"
 
Presentación1 dhtic
Presentación1  dhticPresentación1  dhtic
Presentación1 dhtic
 
La web semántica
La web semánticaLa web semántica
La web semántica
 
Estado del arte v3.0
Estado del arte v3.0Estado del arte v3.0
Estado del arte v3.0
 
Bitacora william
Bitacora williamBitacora william
Bitacora william
 
PresentacióN De La Tesis
PresentacióN De La TesisPresentacióN De La Tesis
PresentacióN De La Tesis
 
Seo
SeoSeo
Seo
 
La Web 3.0
La Web 3.0La Web 3.0
La Web 3.0
 
Examenen del primer trimestre de computacion
Examenen del primer trimestre de computacionExamenen del primer trimestre de computacion
Examenen del primer trimestre de computacion
 
La nuevas tendencias de comunicación con el ciudadano. Estrategia en Web: Por...
La nuevas tendencias de comunicación con el ciudadano. Estrategia en Web: Por...La nuevas tendencias de comunicación con el ciudadano. Estrategia en Web: Por...
La nuevas tendencias de comunicación con el ciudadano. Estrategia en Web: Por...
 
Diapositivas de sistemas
Diapositivas de sistemasDiapositivas de sistemas
Diapositivas de sistemas
 
MOTORES DE BUSQUEDA Y PÁGINAS WEB
MOTORES DE BUSQUEDA Y PÁGINAS WEBMOTORES DE BUSQUEDA Y PÁGINAS WEB
MOTORES DE BUSQUEDA Y PÁGINAS WEB
 

Último

International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)GDGSucre
 
SalmorejoTech 2024 - Spring Boot <3 Testcontainers
SalmorejoTech 2024 - Spring Boot <3 TestcontainersSalmorejoTech 2024 - Spring Boot <3 Testcontainers
SalmorejoTech 2024 - Spring Boot <3 TestcontainersIván López Martín
 
Hernandez_Hernandez_Practica web de la sesion 12.pptx
Hernandez_Hernandez_Practica web de la sesion 12.pptxHernandez_Hernandez_Practica web de la sesion 12.pptx
Hernandez_Hernandez_Practica web de la sesion 12.pptxJOSEMANUELHERNANDEZH11
 
ejercicios pseint para aprogramacion sof
ejercicios pseint para aprogramacion sofejercicios pseint para aprogramacion sof
ejercicios pseint para aprogramacion sofJuancarlosHuertasNio1
 
KELA Presentacion Costa Rica 2024 - evento Protégeles
KELA Presentacion Costa Rica 2024 - evento ProtégelesKELA Presentacion Costa Rica 2024 - evento Protégeles
KELA Presentacion Costa Rica 2024 - evento ProtégelesFundación YOD YOD
 
Presentación inteligencia artificial en la actualidad
Presentación inteligencia artificial en la actualidadPresentación inteligencia artificial en la actualidad
Presentación inteligencia artificial en la actualidadMiguelAngelVillanuev48
 
Proyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptxProyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptx241521559
 
La era de la educación digital y sus desafios
La era de la educación digital y sus desafiosLa era de la educación digital y sus desafios
La era de la educación digital y sus desafiosFundación YOD YOD
 
Redes direccionamiento y subredes ipv4 2024 .pdf
Redes direccionamiento y subredes ipv4 2024 .pdfRedes direccionamiento y subredes ipv4 2024 .pdf
Redes direccionamiento y subredes ipv4 2024 .pdfsoporteupcology
 
Cortes-24-de-abril-Tungurahua-3 año 2024
Cortes-24-de-abril-Tungurahua-3 año 2024Cortes-24-de-abril-Tungurahua-3 año 2024
Cortes-24-de-abril-Tungurahua-3 año 2024GiovanniJavierHidalg
 
Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft FabricGlobal Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft FabricKeyla Dolores Méndez
 
ATAJOS DE WINDOWS. Los diferentes atajos para utilizar en windows y ser más e...
ATAJOS DE WINDOWS. Los diferentes atajos para utilizar en windows y ser más e...ATAJOS DE WINDOWS. Los diferentes atajos para utilizar en windows y ser más e...
ATAJOS DE WINDOWS. Los diferentes atajos para utilizar en windows y ser más e...FacuMeza2
 
CLASE DE TECNOLOGIA E INFORMATICA PRIMARIA
CLASE  DE TECNOLOGIA E INFORMATICA PRIMARIACLASE  DE TECNOLOGIA E INFORMATICA PRIMARIA
CLASE DE TECNOLOGIA E INFORMATICA PRIMARIAWilbisVega
 
Medidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptx
Medidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptxMedidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptx
Medidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptxaylincamaho
 
Plan de aula informatica segundo periodo.docx
Plan de aula informatica segundo periodo.docxPlan de aula informatica segundo periodo.docx
Plan de aula informatica segundo periodo.docxpabonheidy28
 
trabajotecologiaisabella-240424003133-8f126965.pdf
trabajotecologiaisabella-240424003133-8f126965.pdftrabajotecologiaisabella-240424003133-8f126965.pdf
trabajotecologiaisabella-240424003133-8f126965.pdfIsabellaMontaomurill
 
PARTES DE UN OSCILOSCOPIO ANALOGICO .pdf
PARTES DE UN OSCILOSCOPIO ANALOGICO .pdfPARTES DE UN OSCILOSCOPIO ANALOGICO .pdf
PARTES DE UN OSCILOSCOPIO ANALOGICO .pdfSergioMendoza354770
 
guía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan Josephguía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan JosephBRAYANJOSEPHPEREZGOM
 
El gusano informático Morris (1988) - Julio Ardita (1995) - Citizenfour (2014...
El gusano informático Morris (1988) - Julio Ardita (1995) - Citizenfour (2014...El gusano informático Morris (1988) - Julio Ardita (1995) - Citizenfour (2014...
El gusano informático Morris (1988) - Julio Ardita (1995) - Citizenfour (2014...JaquelineJuarez15
 
Instrumentación Hoy_ INTERPRETAR EL DIAGRAMA UNIFILAR GENERAL DE UNA PLANTA I...
Instrumentación Hoy_ INTERPRETAR EL DIAGRAMA UNIFILAR GENERAL DE UNA PLANTA I...Instrumentación Hoy_ INTERPRETAR EL DIAGRAMA UNIFILAR GENERAL DE UNA PLANTA I...
Instrumentación Hoy_ INTERPRETAR EL DIAGRAMA UNIFILAR GENERAL DE UNA PLANTA I...AlanCedillo9
 

Último (20)

International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)
 
SalmorejoTech 2024 - Spring Boot <3 Testcontainers
SalmorejoTech 2024 - Spring Boot <3 TestcontainersSalmorejoTech 2024 - Spring Boot <3 Testcontainers
SalmorejoTech 2024 - Spring Boot <3 Testcontainers
 
Hernandez_Hernandez_Practica web de la sesion 12.pptx
Hernandez_Hernandez_Practica web de la sesion 12.pptxHernandez_Hernandez_Practica web de la sesion 12.pptx
Hernandez_Hernandez_Practica web de la sesion 12.pptx
 
ejercicios pseint para aprogramacion sof
ejercicios pseint para aprogramacion sofejercicios pseint para aprogramacion sof
ejercicios pseint para aprogramacion sof
 
KELA Presentacion Costa Rica 2024 - evento Protégeles
KELA Presentacion Costa Rica 2024 - evento ProtégelesKELA Presentacion Costa Rica 2024 - evento Protégeles
KELA Presentacion Costa Rica 2024 - evento Protégeles
 
Presentación inteligencia artificial en la actualidad
Presentación inteligencia artificial en la actualidadPresentación inteligencia artificial en la actualidad
Presentación inteligencia artificial en la actualidad
 
Proyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptxProyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptx
 
La era de la educación digital y sus desafios
La era de la educación digital y sus desafiosLa era de la educación digital y sus desafios
La era de la educación digital y sus desafios
 
Redes direccionamiento y subredes ipv4 2024 .pdf
Redes direccionamiento y subredes ipv4 2024 .pdfRedes direccionamiento y subredes ipv4 2024 .pdf
Redes direccionamiento y subredes ipv4 2024 .pdf
 
Cortes-24-de-abril-Tungurahua-3 año 2024
Cortes-24-de-abril-Tungurahua-3 año 2024Cortes-24-de-abril-Tungurahua-3 año 2024
Cortes-24-de-abril-Tungurahua-3 año 2024
 
Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft FabricGlobal Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric
 
ATAJOS DE WINDOWS. Los diferentes atajos para utilizar en windows y ser más e...
ATAJOS DE WINDOWS. Los diferentes atajos para utilizar en windows y ser más e...ATAJOS DE WINDOWS. Los diferentes atajos para utilizar en windows y ser más e...
ATAJOS DE WINDOWS. Los diferentes atajos para utilizar en windows y ser más e...
 
CLASE DE TECNOLOGIA E INFORMATICA PRIMARIA
CLASE  DE TECNOLOGIA E INFORMATICA PRIMARIACLASE  DE TECNOLOGIA E INFORMATICA PRIMARIA
CLASE DE TECNOLOGIA E INFORMATICA PRIMARIA
 
Medidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptx
Medidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptxMedidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptx
Medidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptx
 
Plan de aula informatica segundo periodo.docx
Plan de aula informatica segundo periodo.docxPlan de aula informatica segundo periodo.docx
Plan de aula informatica segundo periodo.docx
 
trabajotecologiaisabella-240424003133-8f126965.pdf
trabajotecologiaisabella-240424003133-8f126965.pdftrabajotecologiaisabella-240424003133-8f126965.pdf
trabajotecologiaisabella-240424003133-8f126965.pdf
 
PARTES DE UN OSCILOSCOPIO ANALOGICO .pdf
PARTES DE UN OSCILOSCOPIO ANALOGICO .pdfPARTES DE UN OSCILOSCOPIO ANALOGICO .pdf
PARTES DE UN OSCILOSCOPIO ANALOGICO .pdf
 
guía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan Josephguía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan Joseph
 
El gusano informático Morris (1988) - Julio Ardita (1995) - Citizenfour (2014...
El gusano informático Morris (1988) - Julio Ardita (1995) - Citizenfour (2014...El gusano informático Morris (1988) - Julio Ardita (1995) - Citizenfour (2014...
El gusano informático Morris (1988) - Julio Ardita (1995) - Citizenfour (2014...
 
Instrumentación Hoy_ INTERPRETAR EL DIAGRAMA UNIFILAR GENERAL DE UNA PLANTA I...
Instrumentación Hoy_ INTERPRETAR EL DIAGRAMA UNIFILAR GENERAL DE UNA PLANTA I...Instrumentación Hoy_ INTERPRETAR EL DIAGRAMA UNIFILAR GENERAL DE UNA PLANTA I...
Instrumentación Hoy_ INTERPRETAR EL DIAGRAMA UNIFILAR GENERAL DE UNA PLANTA I...
 

Microformatos y la Web Semántica

  • 1. Microformatos y La Web Semantica Ing A. Daniella Garcia Moreno
  • 2. Que es la Web semantica?
  • 3. La web es como una gran biblioteca
  • 4. Que hacemos para leer un libro? 1. Se lo pedimos a la encargada (nombre/ autor) 2. La encargada busca en el catalogo de libros 3. Encuentra el libro 4. Nos lo entrega
  • 5. La web funciona de forma similar 1. Solicitamos ver una pagina web (palabras clave) 3. Encuentra la(s) pagina(s) q cumplen el criterio 2. Google busca en la web 4. Retorna los resultados de la busqueda Usuario Server
  • 6. Que pasaria si no hubiera un catalogo de libros??  Seria imposible encontrar un libro rapido  Tardaria hrs o talvez dias  Asi era Internet antes de que lleguen los buscadores
  • 7. Los resultados de una busqueda son siempre efectivos?  NO….  Porque? Los robots de busqueda no entienden lo que estan buscando  Son maquinas q leen letras  Solo estan programados para buscar informacion que coincidan con el criterio de busqueda.
  • 8. Como solucionar esto?? Dandole significado a la informacion para que sea entendible para las maquinas
  • 9. Como?... Con la Web Semantica  Sintaxis = como se dice algo  Semantica = significado detras de lo que se ha dicho Ej: Una cabecera h1 La sintaxis es <h1>FLISOL 2009</h1> El significado es: FLISOL 2009 es el titulo principal de esta pagina.
  • 10. ¿Qué es la web semántica?  Se basa en la idea de añadir metadatos semánticos y ontológicos a la World Wide Web. Esas informaciones adicionales —que describen el contenido, el significado y la relación de los datos— se deben proporcionar de manera formal, para que así sea posible evaluarlas automáticamente por máquinas de procesamiento. El objetivo es mejorar Internet ampliando la interoperabilidad entre los sistemas informáticos y reducir la necesaria mediación de operadores humanos.
  • 11. ¿Pero de que trata la web semántica?  Utilizar de tecnologías de descripción de los contenidos, como RDF y OWL, además de XML, el lenguaje de marcas diseñado para describir los datos.  Estas tecnologías se combinan para aportar descripciones explícitas de los recursos de la Web (ya sean estos catálogos, formularios, mapas u otro tipo de objeto documental).  Utilizar Microformatos
  • 12. Los Microformatos La web semantica en minusculas
  • 13. Los Microformatos  Es una forma simple de agregar significado semántico a un contenido legible por el humano y que para la máquina es sólo texto plano.  Están ideados para ser usadas en páginas web que usen HTML o XHTML, de manera tal de que la información pueda ser indexada, guardada, referenciada, reusada o combinada  Dan solucion a problemas especificos
  • 14. Todos los websites tienen Paginas de Contacto
  • 15. Todos los websites tienen Paginas de Contacto
  • 16. Cual es el problema? Los agentes de usuario no saben que se trata de una pagina de contacto con infomacion de contacto
  • 17. Hcard  Es un microformato destinado a marcar los datos de cualquier persona o entidad añadiendo un contenido semántico a los mismos  Está basado en el estándar vCard y mantiene las mismas propiedades utilizando código XHTML.
  • 18. Un ejemplo Esto es lo que tendríamos en código XHTML sin marcado semántico con Hcard
  • 19. Un ejemplo Este sería el resultado aplicando el microformato hcard, para el humano el resultado es idéntico pero una maquina ahora si podría comprender la información que está procesando
  • 21. HCalendar  Es un Microformato standard para mostrar una representación semántica (X)HTML de información de calendario en formato iCalendar acerca de un evento, en páginas web.  Fecha  Hora  Lugar  Direccion  Geo coordenadas del lugar
  • 23. Un Ejemplo Este sería el resultado aplicando el microformato hcalendar
  • 24. Como saber si una pagina tiene microformatos?  Firefox add-ons  Operator https://addons.mozilla.org/en-US/firefox/addon/4106  Tails Export https://addons.mozilla.org/en-US/firefox/addon/2240  IE add-ons  Oomph http://www.codeplex.com/Oomph  Safari  Safari Microformats plugin http://zappatic.net/safarimicroformats/download.html
  • 25. Hcard en Tails Export
  • 27. Ventajas  Ver todos los microformatos de una pagina  Exportarlos de forma facil a Outlook, Evolution, Address Book, etc.  Si se trata de una direccion se podria ver la ubicacion exacta en un mapa  Y muchas otras cosas mas
  • 28. Donde se estan usando?  hCard - http://microformats.org/wiki/hcard Ejemplos de hCard :  YouTube - http://www.youtube.com/watch?v=gn6uZ-dkVnw  Twitter - http://www.twitter.com/home/  Avon - http://shop.avon.com/shop/find_a_rep.asp  MapQuest Local - http://blog.mapquest.com/2008/09/25/microformat-support-on-mapquest-local/  hCalendar - http://microformats.org/wiki/hcalendar  Ejemplos hCalendar :  PHP.net - http://www.php.net/conferences/  PHP.net - http://www.php.net/cal.php  Last.fm - http://www.last.fm/event/75615  Upcoming - http://upcoming.yahoo.com/event/1337777/  Meetup.com - http://www.meetup.com/cities/us/ga/augusta/events/?radius=50.0
  • 29. Microformatos existentes  hAtom - para marcar feeds Atom dentro del HTML.  hCalendar - para eventos.  hCard - para información de contacto,  hReview - para críticas de artículos, servicios, etc.  hResume - para curriculum.  rel-directory - para apuntar enlaces a una página de un directorio.  rel-nofollow - advierte a los buscadores web que no deben asignar importancia a la página a la que apunta el enlace.  rel-tag - indica que la página que contiene el enlace está relacionada con la etiqueta especificada.  xFolk - para especificar enlaces guardados en un Marcador social.  XFN - para relaciones sociales mediante enlaces.  XOXO - para hacer esquemas con listas.