Mikroformáty

Obsah

Úvod
Obsah
Co to jsou mikroformáty?
Ukázka mikroformátu
Proč se mikroformáty používají?
Čím lze mikroformáty nahradit?
Příklady mikroformátů
hCalendar
Úvod
Ukázka události ve formátu iCalendar
Ukázka odpovídající události ve formátu hCalendar
Tvorba a publikování událostí a kalendářů ve formátu hCalendar
hCard
Úvod
Ukázka vCard
Odpovídající hCard
Nástroje pro tvorbu a manipulaci s hCard
XOXO
Úvod
Ukázkové XOXO značkování
Možný CSS pro vizualizaci ukázky
Tvorba XOXO dokumentů
Návrhové vzory používané s mikroformáty
Úvod
Abbr-design-pattern
Class-design-pattern
Datetime-design-pattern
Atomické mikroformáty
Složené mikroformáty
Další zdroje informací

Úvod

Obsah

  • Co to jsou mikroformáty?

  • Proč se používají?

  • Čím se dají nahradit?

  • Jejich výhody před vlastním značkováním.

  • Jejich nevýhody.

  • Nejběžnější používané mikroformáty

  • Návrhové vzory používané s mikroformáty

  • Další zdroje informací

Co to jsou mikroformáty?

  • Mikroformáty jsou způsob, jak přidat jednoduché značkování do lidsky čitelných údajů tak, aby je bylo možné programově zpracovávat.

    • získání ze dokumentů

    • indexace

    • prohledávání

    • ukládání

    • vzájemné odkazování

  • Mikroformáty jsou prvky sémantického značkování využívající staré dobré sémantické (X)HTML (Plain Old Semantic (X)HTML)

Ukázka mikroformátu

<ol class='xoxo'>
  <li>První bod
    <ol>
        <li>Podbod a</li>
        <li>Podbod b</li>
    </ol>
  </li>
  <li>Druhý bod
    <ol compact="compact">
        <li>Podbod c</li>
        <li>Podbod d</li>
    </ol>
  </li>
</ol>

Proč se mikroformáty používají?

Mikroformáty spojují řadu trendů:

  • logický další krok ve vývoji webového designu a informační architektury

  • způsob jak mohou lidé a organizace publikovat bohatší obsah bez závislosti na centralizovaných službách

  • "souhlas" s tím, že přínos "tradičních" metadat buď selhal a nebo jejich adopce trvala tak dlouho, že bylo zapotřebí nalézt jiné řešení (nevhodně používaná metadata)

    • mikroforáty opět využívají metadata. :-)

  • využití (X)HTML pro data.

Čím lze mikroformáty nahradit?

  • Vložením dat ve vlastním formátování v jiném jmenném prostoru

  • Výhody:

    • Snadná vizualizace (přímá podpora v prohlížečích, např. pomocí CSS);

    • nezávislé na centralizovaných službách.

  • Nevýhody:

    • Jsou závislé na hostitelském značkování.

    • Mohou být obtížněji strojově zpracovatelné.

Příklady mikroformátů

  • adr - značkování adres v dokumentech

  • geo - značkování geografických souřadnic v dokumentech

  • hAtom - značkování pro sdružování obsahu

  • hCalendar - značkování událostí a kalendářů

  • hCard - značkování určené pro vizitky

  • rel-license - značkování licenčních informací u cíle odkazu

  • rel-nofollow - cíl odkazu nemá být zpracováván při analýze odkazů

  • XOXO - k XHTML přátelské přehledy pro zpracování XML nástroji a interaktivní zobrazení prohlížeči.

  • ... (viz microformats.org Wiki)

hCalendar

Úvod

  • jednoduchý, otevřený, distribuovaný formát pro kalendáře a události

  • vychází ze standardu iCalendar (RFC2445)

    • využívá se např. pro synchronizaci kalendářů v organizérech, mobilních telefonech, PDA, ... s počítačem, výměnu informací časové povahy mezi uvedenými zařízeními, ...

  • hCalendar odpovídá 1:1 standardu iCalendar

Ukázka události ve formátu iCalendar

     BEGIN:VCALENDAR
     BEGIN:VEVENT
     UID:guid-1.host1.com
     DTSTAMP:19980309T231000Z
     DESCRIPTION:Project XYZ Review Meeting
     SUMMARY:XYZ Project Review
     DTSTART:19980312T133000Z
     DTEND:19980312T143000Z
     LOCATION:1CP Conference Room 4350
     END:VEVENT
     END:VCALENDAR

Ukázka odpovídající události ve formátu hCalendar

<div class="vevent">
<h3 class="summary">XYZ Project Review</h3>
<p class="description">Project XYZ Review Meeting</p>
<p>To be held on <abbr class="dtstart" title="1998-03-12T08:30:00-05:00">12 March 1998 from 8:30am EST</abbr> 
until <abbr class="dtend" title="1998-03-12T09:30:00-05:00">9:30am EST</abbr></p>
<p>Location: <span class="location">1CP Conference Room 4350</span></p>
<small>Booked by: <span class="uid">guid-1.host1.com</span> on 
<abbr class="dtstamp" title="19980309T231000Z">9 Mar 1998 6:00pm</abbr></small>
</div>

Tvorba a publikování událostí a kalendářů ve formátu hCalendar

hCard

Úvod

  • jednoduchý, otevřený, distribuovaný formát pro reprezentaci lidí, společnosti a míst.

  • obsahově odpovídá standardu vCard (RFC2426)

Ukázka vCard

BEGIN:VCARD
VERSION:3.0
N:Bártek;Luděk
FN:Luděk Bártek
URL:http://www.fi.muni.cz/~bar
END:VCARD

Odpovídající hCard

<div class="vcard">
 <a class="url" href="http://www.fi.muni.cz/~bar/">
  <span class="fn n">
   <span class="given-name">Luděk</span> 
   <span class="family-name">Bártek</span>
  </span>
 </a>
</div>

Nástroje pro tvorbu a manipulaci s hCard

XOXO

Úvod

  • Slouží k zapisování bodových scénářů a tvorbě online prezentací

  • Sestává se z následujících XHTML modulů:

    • Strukturní modul (elementy body, head, html, title)

    • hypertextový modul (a)

    • modul seznamů (dl, dt, dd, ol, ul, li)

    • modul metainformací (meta)

    • modul stylu (element style)

    • modul atributu styl (atribut style)

    • modul linku (link)

    • modul zastaralých uzlů (atribut compact u ol a ul)

Ukázkové XOXO značkování

<ol class='xoxo'>
  <li>Subject 1
    <ol>
        <li>subpoint a</li>
        <li>subpoint b</li>
    </ol>
  </li>
  <li>Subject 2
    <ol compact="compact">
        <li>subpoint c</li>
        <li>subpoint d</li>
    </ol>
  </li>
  <li>Subject 3
    <ol>
        <li>subpoint e</li>
    </ol>
  </li>
</ol>

Možný CSS pro vizualizaci ukázky

ol.xoxo { list-style:decimal; }
ol.xoxo ol { list-style:lower-latin; }
ol[compact="compact"] { display:none; }

Tvorba XOXO dokumentů

Návrhové vzory používané s mikroformáty

Úvod

  • Dávají autorovi slovník pro vyjádření myšlenek v souladu s tím, co již bylo vytvořeno.

  • Základní návrhové vzory:

    • abbr-design-pattern

    • class-design-pattern

    • datetime-design-pattern, date-design-pattern

    • jména tříd definovaných ve všech návrhových vzorech

    • include-pattern, include-pattern-feedback

    • rel-design-pattern

    • atomické mikroformáty

    • složené mikroformáty

Abbr-design-pattern

  • Používá se k tomu, aby lidsky čitelný text byl také strojově čitelný

  • Obaluje lidsky čitelný text pomocí elementu abbr, který obsahuje strojově čitelný ekvivalent příslušné hodnoty.

  • <abbr class="author" title="Danny Ayers">Danny</abbr> 
  • Nemusí být vhodný, pokud má být dokument přístupný pro screenreadery

  • we have a party in 
    <abbr class="dtstart" title="20070312T1700-06">
     March 12, 2007 at 5 PM
    </abbr>

Class-design-pattern

  • Vždy by se měl používat nejvhodnější sémantický (X)HTML element.

  • Sémantika se elementům přidává pomocí názvů sémantických tříd.

  • <div class="vcard">
     <a class="url fn" href="http://www.fi.muni.cz/~bar">Luděk Bártek</a>,
     <span class="org">FI MU Brno</span>
    </div>
    

Datetime-design-pattern

  • Slouží k tomu, aby lidsky čitelný časový údaj byl i strojově čitelný.

  • Lidsky čitelný čas je uzavřen do elementu abbr

  • Strojový ekvivalent je zadán pomocí atributu title ve formátu odpovídajícím standardu ISO8601

  • <abbr class="dtstart" title="20051010T10:10:10-0100">
       10 o'clock on the 10th
    </abbr>

Atomické mikroformáty

  • Jedná se o nejmenší řešení konkrétního problému.

  • Skládají se ze standardních (X)HTML elementů.

  • Slouží jako základ pro složené mikroformáty.

  • Obvykle používají jeden atribut class resp. rel.

  • Atomické mikroformáty jsou např.:

    • rel-license

    • XOXO

    • ...

Složené mikroformáty

  • Složené mikroformáty se skládají z atomických mikroformátů a/nebo standardních (X)HTML elementů.

  • Jsou navrženy tak, aby mohly být přímo začleněny do webových stránek.

  • Obvykle používají kombinaci několika class resp. rel atributů.

  • Patří sem např.:

    • hCalendar

    • hCard

    • ...

Další zdroje informací