Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Microformatos

650 views

Published on

Published in: Education
  • Be the first to comment

  • Be the first to like this

Microformatos

  1. 1. MICROFORMATOS Juan de Dios DeschampsFélix
  2. 2. Definición Manuel G. Noriega define microformatos:“son porciones de código XHTML ó HTML estándar cuyo objetivo es insertar contenido semántico aprovechando las características de los atributos "id" ó "class" usada por algunas etiquetas de HTML”.
  3. 3. Atributos "id" ó "class" usada por algunas etiquetas de HTML”. Otros son "rel" ó "rev", de los elementos de HTML "a" y "link".
  4. 4. Wikipedia“Es una forma simple de agregar significado semántico a un contenido legible por un humano mientras que para una máquina puede ser sólo texto”.
  5. 5. LENGUAJE DE MARCADO“Lenguaje de marcado” es otro término que Wikipedia usa para referirse a lo comprendido en el concepto “microformatos”.
  6. 6. World Wide Web Consortium (W3C)Es un consorciointernacional que produce recomendaciones para la World Wide Web) dice:“son conjuntos de formatos de datos abiertos y simples, desarrollados sobre estándares ya existentes, ampliamente adoptados, incluyendo XHTML (HTML y XML) y CSS”.
  7. 7. OBJETIVOS DE LOS MICROFORMATOSHacer que los metadatos sean útiles: A las personas A los agentes de usuarios (Ej. Buscadores)
  8. 8. ¿Qué son los metadatos?  Son "datos sobre datos", ó "información sobre la información".
  9. 9. Ejemplo de metadatos“Los metadatos de un recurso, como un artículo en internet, podrían ser "autor", "fecha de publicación", "fecha de modificación", "palabras clave", "título",...”
  10. 10. UTILIDADLos microformatos permiten la representación de eventos, información de contacto, relaciones, sociales, direcciones, ubicaciones (coordenadas), etc.
  11. 11. ¿Cuándo tenemos un microformatos? Cuando tenemos significados compartidos. Dicho significado lo abstraemos (Para abstraerlo contamos con el atributo “Class” que formaliza e identifica las soluciones comunes). La estructura de marcado es usada para determinadas necesidades. Necesidad de ese tipo son, por ejemplos, “listas ordenadas/desordenadas para construir menús o listas de definición para fichas de productos”. Cuando las estructuras son aceptadas como „buena práctica‟. Cuando las estructuras son recomendadas y adoptadas de forma general. Cuanto tenemos un fragmento de código XHTML Tenemos fragmento de código XHTML cuando ha sido aceptada la estructura de marcado.
  12. 12. Límites de los microformatosLos microformatos están limitados a adoptarconvenciones para ciertos tipos de enlace XHTML.El atributo rel expresa significados complejos enun enlace.
  13. 13. Ejemplos de microformatos populares  Rel=”nofollow” (propuesto por los motores de búsqueda)  Rel=”tag” (creado por Techonorati)
  14. 14. ¿Podríanlasnoticias ser estructurasmarcadas? “AdrianHolovatypropone ya las ventajas de microformatos para las noticias y ya ha nacido xFolk, un microformatos para la descripción de folksonomías”.
  15. 15. BuenasprácticasLos microformatos confirman las buenas prácticas.
  16. 16. MarcadosemánticoLos microformatos encajan con el paradigma de marcado semántico, por lo tanto, realizan las promesas de la Web Semántica.
  17. 17. Tipos de microformatos  "hCard", diseñado para registrar datos de personas.  "hReview" para revisiones y críticas que se escriben sobre artículos, lugares, servicios, etc.,  hCalendar para marcar eventos.  hResume para curriculums personales.  hRecipe para describir recetas de cocina.
  18. 18. Ejemplo de un microformatos¿Se acuerdan que dijimos “los microformatospermiten la representación de eventos,información de contacto, relaciones, sociales,direcciones, ubicaciones (coordenadas), etc.”
  19. 19. Ejemplo de microformatos Recordemos esto: un microformatos son datos sobre datos. Veamos una buena práctica de permitir la representación de “información de contacto”. Tenemos la información de contacto de Alejandro Gonzalo Bravo García, autor de una página Web que nos explica lo mismo que otros términos estamos explicando:
  20. 20. Datossobredatos, informaciónsobreinformación Sobre el dato de Alejandro Gonzalo Bravo García (tiene un vínculo) tenemosel microformatos:
  21. 21. EXPLICACIÓN O LECTURA DEL MICROFORMATOS Primera línea:  <dlclass="dublincore”>  Ahí tenemos un elemento HTML, una lista de definición dl.  El <dlclass="dublincore"> tiene una clase dublincore.  En este dato está todo lo que vemos en el segundo cuadro: la presentación de una hoja de estilo, incluye tipo de fuente, tamaño, bordes, etc.  Atención: ¡También podría ser un contenido semántico!
  22. 22. EXPLICACIÓN O LECTURA DEL MICROFORMATOS  Segunda línea  <dt>Autor</dt>  Ya tenemos una lista de definición, ahora vamos a definir el Autor.
  23. 23. ¿Qué significa definir el autor? Significa que con la segunda línea del código podemos ver escrita la palabra “Autor”, <dt>Autor</dt>es el dato que está sobre el dato “nombre del autor, dirección de correo electrónico, página web donde aparezca su información”.
  24. 24. Otro elemento: <dd> También necesario para una buena lista de definición. Dicho dato nos lleva a una página web, pero también podría ser un texto, o una dirección de correo electrónico.
  25. 25. Nos falta el elemento <a class="creator"  Dicha clase tiene un vínculo donde podemos ver el creador de la definición de DublinCore (Alejandro Gonzalo Bravo García).  Los buscadores pueden darse cuenta que “creador” es el autor.
  26. 26. Conclusión Los microformatos son:1. Datos sobre datos, información sobre información.2. Información sobre información.3. El resultado de las buenas prácticas consensuadas y abstraídas mediante códigos.4. Conocidas como estructuras marcadas, lenguajes marcados, estructuras semánticas.
  27. 27. Recomendación “AdrianHolovaty propuso estructuras marcadas para las noticias. De igual manera, propongo estructuras marcadas para actos legales. Los actos legales (una demanda, querella, una intimación de pago, contratos de venta, alquiler, etc., son “buenas prácticas” que tienen haciéndose más de un siglo. ¿Podrían los actos jurídicos ser estructuras marcadas?
  28. 28. Bibliografía Bravo, Gonzalo, “Web de Gonzalo Bravo, http://www.webposible.com/microformatos- dublincore/introduccion-microformatos.html, recuperado 18/08/2012. Víctor Pimentel, Microformatos: qué son, para qué sirven y dónde los vamos a encontrar, http://www.genbeta.com/web/microformatos-que-son-para- que-sirven-y-donde-los-vamos-a-encontrar, recuperado 18/08/2012. Noriega, Manuel G., Microformatos: la web semántica en minúsculashttp://www.alzado.org/articulo.php?id_art=416, recuperado 18/08/2012. Microformato, Wikipedia, http://es.wikipedia.org/wiki/Microformato, recuperado 18/08/2012.

×