ˇci
2 Martin Drl´ ı k 3 Pˇr´ıklad 2: Z´akladn´ı syntaxe hCard Vˇsimnˇeme si, ˇze vyuˇzit´ım atributu class a rel jsme vytvoˇrili dva plnohodnotn´e mikroform´aty. Do elementu jsme pˇridali tˇr´ıdu s hodnotou vcard, kter´a ˇr´ık´a, ˇze v odstavci je pr´avˇe kontaktn´ı informace tvoˇren´a m´ ym jm´enem v odkazu. Aplikovali jsme tak´e class="fn url" – fn urˇcuj´ıc´ı m´e jm´eno a url znaˇc´ıc´ı odkaz na m´e webov´e str´anky. Poznamenejme, ˇze fn je ´ celnˇe byl ponepovinn´a vlastnost a mus´ı b´ yt v tomto mikrofom´atu uˇzita. Uˇ ch´an mikroform´at rel-me, nebot’ odkazuji na sv´e str´anky. Na pˇr´ıkladu vid´ıme, ˇze mikroform´aty je moˇzn´e snadno kombinovat – t´ım nav´ yˇs´ıme s´emantickou hodnotu obsahu str´anky. Martin Drl´ ı k 3 4 < span class = " street - address " > Boreck´ e ho 1167/27 , 5 < span class = " postal - code " > 370 01 6 < span class = " locality " > ˇ C esk´ e Budˇ e jovice 7 8 Pˇr´ıklad 3: Vlastnosti a podvlastnosti hCard Z pˇr´ıkladu je znateln´e, ˇze jsme pro vlastnost adr aplikovali tˇri jej´ı podvlastnosti – ty jsou vˇsak zcela voliteln´e, respektive nepovinn´e. Z´aleˇz´ı pouze na n´as, kter´e vyuˇzijeme. Nezapomeˇ nme na to, ˇze vlastnosti a podvlastnosti nesm´ı b´ yt kombinov´any. V potaz tak´e berme fakt, ˇze jsou citliv´e na velikost p´ısmen. Ako uˇ c itelia vytv´ a raj´ u interakt´ ı vne v´ y uˇ c bov´ e materi´ a ly 27 Pˇr´ıklad 6: Kombinov´an´ı mikroform´at˚ u hCalendar a hCard Pˇr´ıklad popisuje pomoc´ı mikroform´atu hCalendar ud´alost obsahuj´ıc´ı datum a ˇcas jej´ıho zaˇca´tku. Nechyb´ı ani kr´atk´ y popis ud´alosti. Z´aroveˇ n je vyuˇzit mikroform´at hCard, kter´ y obsahuje n´azev organizace a informace o m´ıstˇe ud´aˇ a mˇesto. Pro vyznaˇcen´ı data startu byl vyuˇzit n´avrhov´ losti – adresu, PSC y vzor value class, kter´ ym se budeme zab´ yvat v kapitole 2.5.2 na n´asleduj´ıc´ı stranˇe. Zdrojov´ y k´od pˇr´ıkladu slouˇz´ı pouze pro uk´azku toho, jak lze mikroform´aty kombinovat. Jejich popis bude uveden pozdˇeji. 2 Martin Drl´ ı k 3 Pˇr´ıklad 8: Aplikace class-design-pattern Dle W3C m˚ uˇzeme opˇet vyuˇz´ıvat v´ıcen´asobn´e hodnoty atributu class, kter´e se oddˇeluj´ı mezerou[7]. 2.5.3 2 < span class = " type " > Work : < span class = " value " > 609 114 702 3 Pˇr´ıklad 12: Aplikace value-class-pattern, z´akladn´ı pouˇzit´ı V tomto pˇr´ıkladu hodnota vlastnosti tel bude 609 114 702, nikoliv Work: 609 114 702[9]. V z´apˇet´ı si m˚ uˇzete kl´ast ot´azku, proˇc je ps´ano work a nikoliv pr´ace – d˚ uvodem je, ˇze jednou z hodnot podvlastnosti type m˚ uˇze b´ yt syntakticky pr´avˇe work, nikoliv vˇsak pr´ace. To n´as pˇriv´ad´ı k dalˇs´ımu vyuˇzit´ı value class vzoru, respektive jeho podmnoˇzinˇe ˇci verzi, kterou je value-title. ˇ s´ı i n´aˇs probl´em s anglickou Value-title vyuˇzijeme v mnoha pˇr´ıpadech. Reˇ hodnotu podvlastnosti type – hod´ı se tedy tak´e pro lokalizaˇcn´ı u ´ˇcely. 1 2 < span class = " type " > 3 < span class = " value - title " title = " work " > Pr´ a ce : 4 5 < span class = " value " > 609 114 702 6 Pˇr´ıklad 13: Aplikace value-title ve spojen´ı s podvlastnost´ı type Vzpomeˇ nme vˇsak n´avrhov´ y vzor datetime, kter´ y vykazuje nedostatky v oblasti pˇr´ıstupnosti sv´ ym titulkem obsahuj´ıc´ım strojov´e informace. Odeˇc´ıtaˇc obrazovky, kter´ y vyuˇz´ıvaj´ı nevidom´ı uˇzivatel´e, pak ˇcte informaci o datu a ˇcase ve form´atu dle standardu ISO 8601, coˇz je pro nˇe znaˇcnˇe matouc´ı. Ukaˇzme si praktick´ y pˇr´ıklad, kter´ y nedostatky v oblasti pˇr´ıstupnosti ˇreˇs´ı. 26 2 < span class = " value - title " title = " 2011 -01 -26 T19 :30:00 " > 26. ledna 2011 , 19:30 3 Pˇr´ıklad 14: Aplikace value-title ve spojen´ı s informacemi o datu a ˇcase Ve v´ yˇse uveden´em pˇr´ıkladu nebude odeˇc´ıtaˇc obrazovky form´at data prezentovat, avˇsak webov´ y prohl´ıˇzeˇc n´am zobraz´ı jeho titulek. Nechceme-li zobrazovat tento titulek, vyuˇzijeme dalˇs´ı moˇznost, kterou vzor value-title nab´ız´ı. 1 2 < span class = " value - title " title = " 2011 -01 -26 T19 :30:00 " > 26. ledna 2011 , 19:30 3 Pˇr´ıklad 15: Aplikace value-title ve spojen´ı s informacemi o datu a ˇcase Pˇr´ıklad vyuˇz´ıv´a pr´azdn´eho elementu <span> – ten obsahuje pouze mezeru[3]. Samotn´ y datum n´asleduje pˇr´ımo za konstrukc´ı vzoru value-title, coˇz eliminuje zobrazen´ı titulku ve webov´em prohl´ıˇzeˇci. Podotknˇeme vˇsak, ˇze novost tohoto n´avrhov´eho vzoru s sebou nese nedostateˇcnou podporu v oblasti n´astroj˚ u pracuj´ıc´ıch s mikroform´aty. 2.5.6 2 < span class = " fn " > Martin Drl´ ı k 3 Pˇr´ıklad 31: Pouˇzit´ı mikroform´atu hCard – fn 50 2 < span class = " fn n " > 3 < span class = " given - name " > Martin 4 < span class = " family - name " > Drl´ ı k 5 6 Pˇr´ıklad 32: Pouˇzit´ı mikroform´atu hCard – fn, n M´ısto osobn´ıho jm´ena m˚ uˇzeme vyuˇz´ıt tak´e svoji pˇrezd´ıvku. Toho doc´ıl´ıme, pokud zkombinujeme vlastnost fn a nickname. Elementu pak pˇriˇrad´ıme class="fn nickname" – jeho obsahem bude pr´avˇe pˇrezd´ıvka[3]. nickname – jednoslovn´ a pˇrezd´ıvka. 2 < span class = " fn " > Martin Drl´ ı k 3 < img src = " drlikm . jpg " alt = " Martin Drl´ ı k " class = " photo " / > 4 Pˇr´ıklad 33: Pouˇzit´ı mikroform´atu hCard – photo Chceme-li uv´est datum sv´ ych narozenin, vyuˇzijeme vlastnosti bday. Datum mus´ı b´ yt uveden dle standardu ISO 8601, kter´ y jsme jiˇz zmiˇ novali v kapitole 2.5.3 na stranˇe 25[24]. bday – datum narozen´ı. 2 < span class = " organization - name " > MPSV 3 < span class = " organization - unit " > Oddˇ e len´ ı koncepce soci´ a ln´ ı ch sluˇ z eb 4 Pˇr´ıklad 34: Pouˇzit´ı mikroform´atu hCard – organization-name, unit 52 2 < span class = " type " > 3 < span class = " value - title " title = " home pref " > < / span > Preferovan´ a dom´ a c´ ı adresa : 4 5 ... 6 Pˇr´ıklad 35: Pouˇzit´ı mikroform´atu hCard – adr, type V pˇr´ıkladu jsme pro vyznaˇcen´ı hodnot podvlastnosti type vyuˇzili podmnoˇzinu vzoru value class, tedy value-title. T´ım jsme vyˇreˇsili lokalizaˇcn´ı probl´emy. Dalˇs´ı vlastnost, kterou m˚ uˇzeme pro adresn´ı informace vyuˇz´ıt, je label. Je urˇcena pro oznaˇcen´ı aktu´aln´ı doruˇcovac´ı adresy. Stejnˇe jako adr i label m´a volitelnou podvlastnost type – hodnoty jsou stejn´e. Vlastnosti adr a label m˚ uˇzeme pouˇz´ıt spoleˇcnˇe.[3]. label – aktu´aln´ı doruˇcovac´ı adresa. 2 < span class = " type " > 3 < span class = " value - title " title = " internet pref " > Email : 4 5 info@drlikm . cz 6 Pˇr´ıklad 38: Pouˇzit´ı mikroform´atu hCard – email, type Na pˇr´ıkladu vid´ıme aplikaci vlastnosti email vˇcetnˇe podvlastnosti type. Hodnota e-mailu je tvoˇrena ˇretˇezcem obsaˇzen´ ym v elementu . Kromˇe e-mailov´e adresy m˚ uˇzeme tak´e vyznaˇcit software, kter´ y pro elektronickou poˇstu vyuˇz´ıv´ame. Poslouˇz´ı n´am k tomu vlastnost mailer. Nejsou pro ni specifikov´any ˇz´adn´e hodnoty. Elementu, na kter´ y chceme vlastnost aplikovat, pˇriˇrad´ıme class="mailer" – jeho obsahem bude napˇr. hodnota Mozilla Thunderbird[3]. mailer – software, kter´ y vyuˇz´ıv´ame pro elektronickou poˇstu. 2 < span class = " type " > 3 < span class = " value - title " title = " cell " > Mobil : 17 2 < span class = " value - title " title = " +01:00 " > ˇ C asov´ e p´ a smo Praha . 3 Pˇr´ıklad 41: Pouˇzit´ı mikroform´atu hCard – tz V pˇr´ıkladu jsme vyznaˇcili ˇcasov´e p´asmo pro Prahu. Pokud bychom aplikovali vzor abbr, titulek by byl tvoˇren daty nesrozumiteln´ ymi pro ˇclovˇeka. Z d˚ uvodu pˇr´ıstupnosti jsme proto opˇet vyuˇzili value-title. Kromˇe ˇcasov´eho p´asma m˚ uˇzeme definovat tak´e geografickou pozici pomoc´ı zemˇepisn´e ˇs´ıˇrky a d´elky. Umoˇzn´ı n´am to vlastnost geo. geo – geografick´ a pozice19 . K dispozici jsou dvˇe podvlastnosti[3]: 2 < span class = " given - name " > Martin 3 < span class = " family - name sort - string " > Drl´ ı k 4 Pˇr´ıklad 44: Pouˇzit´ı mikroform´atu hCard – sort-string 3 < span class = " value - title " title = " P6DT7H " > Trv´ a n´ ı: s ˇ est dn´ ı a sedm hodin 4 5 ... Pˇr´ıklad 48: Pˇr´ıklad mikroform´atu hCalendar – duration Pˇr´ıkladem ˇr´ık´ame, ˇze ud´alost bude trvat po dobu ˇsesti dn´ı a sedmi hodin, pˇriˇcemˇz ˇcasov´e u ´daje jsme separovali pomoc´ı znaku T. Pod´ıvejme se vˇsak na dalˇs´ı vlastnosti popˇr. podvlastnosti, kter´ ymi mikroform´at hCalendar disponuje[3, 26]. url – odkaz smˇeˇruj´ıc´ı na ud´ alost, location – m´ısto kon´ an´ı ud´alosti, category – ud´ av´a kategorii ud´alosti. Hodnoty t´eto vlastnosti nejsou Jedn´ a n´ ı Akreditaˇ c n´ ı komise MPSV pro oblast vzdˇ e l´ a v´ a n´ ı soci´ a ln´ ı ch pracovn´ ı k˚ u a rekvalifikaˇ c n´ ı ho vzdˇ e l´ a v´ a n´ ı pracovn´ ı k˚ u v soci´ a ln´ ı ch sluˇ z b´ a ch Pˇr´ıklad 53: Pˇr´ıklad mikroform´atu hCalendar V pˇr´ıkladu jsme vyznaˇcili vzorovou ud´alost s jej´ımi povinn´ ymi vlastnostmi. D´ale jsme implementovali mikroform´at hCard, kter´ y obsahuje geografick´e informace. Elektronickou vizitku jsme mohli vyznaˇcit v´ıce s´emanticky – vyuˇzit´ım vlastnosti adr a jej´ıch podvlastnost´ı (viz kapitola 6.7 na stranˇe 50). Aplikovali jsme tak´e vlastnost pro nepravideln´e opakov´an´ı ud´alosti. Souˇcasn´e n´astroje pro pr´aci s mikroform´aty ji vˇsak nedok´aˇz´ı korektnˇe zpracovat. Standardnˇe jsme vyznaˇcili popis ud´alosti. N´ astroje N´ astroj pro tvorbu mikroform´atu hCalendar http://microformats. Sloˇ z en´ y mikrofotm´ at hAtom pˇ r eb´ ı r´ a vyuˇ z iteln´ e vlastnosti form´ a tu Atom , kter´ e jsou potˇ r ebn´ e pˇ r i s´ e mantick´ em znaˇ c en´ ı c ˇ l´ a nk˚ u. 20 21 85 N´ a stroj je podporov´ a n napˇ rı ´ˇ c prohl´ ız ˇ eˇ ci , nefunguje export kontakt˚ u do souboru . vcf ... < strong > Celkov´ e hodnocen´ ı : < span class = " rating " > < span class = " value " > 20 bod˚ u z < span class = " best " > 30 Pˇr´ıklad 66: Pouˇzit´ı mikroform´atu hReview Na pˇr´ıkladu vid´ıme vyuˇzit´ı povinn´ ych i voliteln´ ych vlastnost´ı a podvlastnost´ı. Autora recenze jsme nav´ıc vyznaˇcili pomoc´ı mikroform´atu hCard. Soustˇred’me se vˇsak pˇredevˇs´ım na zp˚ usob hodnocen´ı recenzovan´e poloˇzky. Nen´ı totiˇz nezbytnˇe nutn´e pohybovat se ve ˇsk´ale od jedn´e do pˇeti. V naˇsem pˇr´ıkladu aplikujeme bodov´e hodnocen´ı na stupnici jedna aˇz 30. Hodnocen´ı, kter´e recenzi pˇridˇelujeme – tedy 20, oznaˇc´ıme vlastnost´ı value. Nejvyˇsˇs´ı hodnocen´ı, v naˇsem pˇr´ıpadu 30, urˇc´ıme podvlastnost´ı best. Stroje, kter´e zpracov´avaj´ı takto vyznaˇcen´a data, provedou normalizaci hodnocen´ı na z´akladn´ı ˇsk´alu hodnot (od jedn´e do pˇeti). N´aˇs pˇr´ıklad vykazuje hodnocen´ı 20 bod˚ u z 30 – to je normalizov´ano na hodnotu 3.5. Tvorba www : validn´ ı v XHTML 1.0 Strict , PHP , MySQL , pˇ rı ´ stupnost , mikroform´ a ty , SEO optimalizace . < h2 > Vzdˇ e l´ a n´ ı < div class = " vcalendar " > < div class = " education vevent vcard " > < h3 class = " summary " > Informaˇ c n´ ı technologie ve vzdˇ e l´ a v´ a n´ ı < span class = " dtstart " > < span class = " value title " title = " 2008 -09 -01 " > z´ ar ˇ´ ı 2008 & ndash ; < span class = " dtend " > < span class = " value title " title = " 2011 -06 -30 " > c ˇ erven 2011 Jihoˇ c esk´ a univerzita v ˇ C B , Pedagogick´ a fakulta < h2 > Pracovn´ ı zkuˇ s enosti 93 Ministerstvo pr´ a ce a soci´ a ln´ ı ch vˇ e c´ ı ˇ C R < h2 > Dovednosti < ul > < li > PHP ... Pˇr´ıklad 68: Pˇr´ıklad mikroform´atu hResume
2.4
Terminologie
Terminologie v problematice mikroform´at˚ u nen´ı pˇr´ıliˇs sloˇzit´a, ale z´aroveˇ n je d˚ uleˇzit´e ji pochopit. To n´am n´aslednˇe ulehˇc´ı pr´aci s touto technologi´ı. 2.4.1
Element´ arn´ı a sloˇ zen´ e mikroform´ aty
Element´ arn´ı mikroform´ aty, mezi kter´e patˇr´ı i rel-me zm´ınˇen´ y v pˇr´ıkladu 1, obsahuj´ı pouze jeden atribut a jeho patˇriˇcnou hodnotu. Obvykle jsou souˇc´ast´ı mikroform´at˚ u sloˇzen´ ych. Sloˇ zen´ e mikroform´ aty se skl´adaj´ı z vlastnost´ı a jejich podvlastnost´ı. Typick´ ym z´astupcem sloˇzen´eho mikroform´atu je hCard z pˇr´ıkladu 2.
18
´ ´I POJMY 2 ZAKLADN
2.4.2
Vlastnosti a podvlastnosti
Sloˇzen´e mikroform´aty obsahuj´ı tzv. root vlastnost. Ta je urˇcena k vyznaˇcen´ı koˇrenov´eho elementu dan´eho mikroform´atu. S root vlastnost´ı jsme se jiˇz setkali v pˇr´ıkladu 2 – tvoˇr´ı ji class="vcard". Nesm´ı b´ yt kombinov´ana s ˇz´adn´ ymi jin´ ymi vlastnostmi. Pokud bychom pouˇzili konstrukci class="vcard fn", jedn´a se o nevalidn´ı mikroform´at! Vlastnosti, kter´e sloˇzen´e mikroform´aty obsahuj´ı, mohou b´ yt povinn´e ˇci voliteln´e. Odvolejme se opˇet na mikroform´at hCard a n´aˇs syntaktick´ y pˇr´ıklad 2, v nˇemˇz je jedinou povinnou vlastnost´ı class="fn". Dalˇs´ı vlastnosti, jako n´ami pouˇzit´a class="url", jsou voliteln´e. Ve sloˇzen´ ych mikroform´atech vyuˇz´ıv´ame vlastnosti – nˇekter´e z nich mohou obsahovat podvlastnosti. Jedn´ım z pˇr´ıklad˚ u je vlastnost adr slouˇz´ıc´ı k vyznaˇcen´ı adresn´ıch informac´ı – pr´avˇe tato vlastnost disponuje nˇekolika podvlastnostmi, kter´e dotv´aˇr´ı dalˇs´ı s´emantick´e detaily[3]. 1 < div class = " vcard " > 2
19
´ ´I POJMY 2 ZAKLADN
2.4.3
XMDP
XMDP7 jsou jednoduch´e form´aty zaloˇzen´e na XHTML, kter´e definuj´ı metadata specifikovan´a pro dan´ y mikroform´at[6]. Pro pˇr´ıklad si uved’me profil mikroform´atu hCard, jehoˇz adresa je http: //microformats.org/profile/hcard. Odkaz na profil jednoduˇse implementujeme do webov´e str´anky pˇrid´an´ım atributu profile do elementu
XHTML Metadata Profiles Uniform Resource Identifier
20
´ ´I POJMY 2 ZAKLADN
sledujte http://microformats.org/profile/ pro z´ısk´an´ı nejaktu´alnˇejˇs´ıch URI profil˚ u. 2.4.4
Form´ aln´ı specifikace
Mezi form´aln´ı specifikace patˇr´ı mikroform´aty, kter´e jsou jiˇz standardizovan´e. Nebudou se mˇenit a lze je tedy vyuˇz´ıvat bez jak´ ychkoliv obav z moˇzn´ ych zmˇen, kter´e by vedly k pˇreznaˇckov´an´ı webov´eho obsahu. To pˇrin´aˇs´ı v´ yhodu v podobˇe n´ar˚ ustu n´astroj˚ u pracuj´ıc´ıch s tˇemito mikroform´aty. 2.4.5
Koncepty
Konceptu´aln´ı mikroform´aty proch´az´ı st´adiem specifikace – jsou nestabiln´ı a mohou se mˇenit po dobu, neˇz budou standardizov´any. V souvislosti s t´ım m˚ uˇze doch´azet k nˇekter´ ym implementaˇcn´ım probl´em˚ um[3]: nedostatek informac´ı o vlastnostech a podvlastnostech, nevyˇreˇsen´e ot´ azky – vysok´a pravdˇepodobnost n´asledn´eho pˇrepisu zdro-
jov´eho k´odu, mal´e mnoˇzstv´ı uˇzivatelsk´ ych n´astroj˚ u, nebot’ nen´ı prioritou je progra-
movat z d˚ uvodu moˇzn´e zmˇeny, n´ astroje, kter´e jsou k dispozici nemus´ı b´ yt aktu´aln´ı, tud´ıˇz kompati-
biln´ı s danou specifikac´ı mikroform´at˚ u. To m˚ uˇze v´est k nevyuˇzitelnosti n´astroje. Zda-li budeme konceptu´aln´ı mikroform´aty implementovat, z´aleˇz´ı pouze na n´as. Osobnˇe se pˇrikl´an´ım k n´azoru vyuˇz´ıvat i nˇekter´e konceptu´aln´ı mikroform´aty (hAtom, rel-home), nebot’ zmˇeny webov´ ych technologi´ı prob´ıhaj´ı pomalu, ˇcehoˇz je moˇzn´e si povˇsimnout napˇr´ıklad u HTML5. 2.4.6
Kombinov´ an´ı mikroform´ at˚ u
Jednou z v´ yhod mikroform´at˚ u je jejich snadn´a kombinovatelnost. Kdekoliv d´av´a kombinov´an´ı mikroform´at˚ u ve spojen´ı s kontextem smysl, mˇeli bychom 21
´ ´I POJMY 2 ZAKLADN
jej aplikovat. Doc´ıl´ıme tak vyˇsˇs´ı s´emantick´e hodnoty naˇseho obsahu a z´aroveˇ n poskytneme dalˇs´ı data stroj˚ um, kter´e je extrahuj´ı a poskytuj´ı uˇzivatel˚ um[3]. Kombinov´an´ı mikroform´at˚ u jsme si jiˇz uk´azali v pˇr´ıkladu 2 na stranˇe 18, kde jsme kombinovali hCard a rel-me. Pod´ıvejme se na sofistikovanˇejˇs´ı pˇr´ıklad, v kter´em vyuˇzijeme mikroform´aty hCalendar a hCard. 1 < div class = " vevent " > 2 < h3 > 3 Pozv´ a nka na odborn´ y semin´ ar ˇ 4 5 < ul > 6 < li > 7 < strong > Zaˇ ca ´ tek : 8 < span class = " dtstart " > 9 < span class = " value - title " title = " 2011 -01 -04 T16 :00 " > 04. 01. 2011 10 , 16:00 11 12 < li > 13 < strong > M´ ı sto : 14 < span class = " vcard " > 15 < span class = " fn org " > Katedra informatiky , PF JU 16 < ul class = " adr " > 17 < li class = " street - address " > Jeron´ y mova 10 18 < li > 19 < span class = " postal - code " > 371 15 20 < span class = " locality " > ˇ C esk´ e 22
´ ´I POJMY 2 ZAKLADN
Budˇ e jovice 21 22 23 24 25 26
2.5
N´ avrhov´ e vzory
Mikroform´aty jsou implementov´any podle tzv. n´avrhov´ ych vzor˚ u pouˇz´ıvan´ ych napˇr´ıˇc specifikacemi. Pˇredt´ım, neˇz budeme jednotliv´e mikroform´aty detailnˇe prob´ırat, mˇeli bychom porozumˇet tˇemto vzor˚ um. Ulehˇc´ı n´am to ch´ap´an´ı k´odov´ ych konstrukc´ı v jednotliv´ ych pˇr´ıkladech. 2.5.1
Abbr-design-pattern
Abbr n´avrhov´ y vzor spoˇc´ıv´a ve vyuˇzit´ı elementu , kter´ y je aplikov´an na zkratky. Nezamˇen ˇujme jej s elementem – ten se vyuˇz´ıv´a ´ celem n´avrhov´eho vzoru abbr je poskytnout rozˇsiˇruj´ıc´ı pro zkratkov´a slova. Uˇ data nejen ˇclovˇeku, ale tak´e stroj˚ um – kombinace tˇechto faktor˚ u je velice neˇst’astn´a. 23
´ ´I POJMY 2 ZAKLADN
Pro pouˇzit´ı vzoru definujeme strojov´a data do atributu title elementu , jako je tomu v n´asleduj´ıc´ım pˇr´ıkladu. 1 < abbr title = " ˇ C esk´ a republika " > ˇ C R Pˇr´ıklad 7: Aplikace abbr-design-pattern Abbr n´avrhov´ y vzor bychom nemˇeli vyuˇz´ıvat, nebot’ zp˚ usobuje probl´emy v oblasti pˇr´ıstupnosti webov´ ych str´anek – do titulku mohou b´ yt umist’ov´ana data nesrozumiteln´a pro ˇclovˇeka. 2.5.2
Class-design-pattern
N´avrhov´ y vzor class je v technologii mikroform´at˚ u nejpouˇz´ıvanˇejˇs´ı. Je zaloˇzen na principu pˇriˇrazov´an´ı hodnot atributu class v dan´ ych elementech. Hodnotami atributu rozum´ıme vlastnosti a podvlastnosti mikroform´at˚ u. S t´ımto n´avrhov´ ym vzorem jsme se jiˇz v naˇsich dˇr´ıvˇejˇs´ıch pˇr´ıkladech setkali, pˇresto si pro n´azornost uk´aˇzeme jeho k´odovou konstrukci. 1
Datetime-design-pattern
N´avrhov´ y vzror datetime bychom nemˇeli aplikovat. Z hlediska v´ yvoje mikroform´at˚ u byl argumentem proti jejich vyuˇz´ıv´an´ı. Vych´az´ı z n´avrhov´eho vzoru abbr pro vkl´ad´an´ı informac´ı o datu a ˇcase, coˇz zp˚ usobuje probl´emy s pˇr´ıstupnost´ı. Je kritizov´an ve prospˇech vzoru vlaue class, kter´ y zm´ın´ıme pozdˇeji[3]. Uved’me si tento n´avrhov´ y vzor na pˇr´ıkladu. 24
´ ´I POJMY 2 ZAKLADN
1 < abbr class = " dtstart " title = " 2011 -01 -26 T19 :30:00 " > 26. ledna 2011 , 19:30 Pˇr´ıklad 9: Aplikace datetime-design-pattern Strojovˇe zpracovateln´e hodnoty pro datum a ˇcas jsou ve form´atu ISO9 8601, kter´ y specifikuje ˇc´ıselnou reprezentaci data a ˇcasu. Datum je specifikov´an form´atem YYYY-MM-DD, kde YYYY ud´av´a ˇ m´a form´at hh:mm:ss, kde hh ud´av´a hodiny, rok, MM mˇes´ıc a DD den. Cas mm minuty a ss sekundy. Chceme-li kombinovat datum s ˇcasem, provedeme jejich zˇretˇezen´ı pomoc´ı znaku T n´asledovnˇe: YYYY-MM-DDT hh:mm:ss[8]. 2.5.4
Include-pattern
Include vzor n´am umoˇzn ˇuje opˇetovn´e vyuˇzit´ı ˇca´sti obsahu. Vezmeme-li v u ´vahu webovou str´anku s mikroform´atem hCard obsahuj´ıc´ım naˇse kontaktn´ı informace, nemus´ıme jiˇz v dalˇs´ıch m´ıstech str´anky opˇetovnˇe vytv´aˇret tento mikroform´at – postaˇc´ı vyuˇz´ıt include vzor pro jeho vloˇzen´ı. Pro pouˇzit´ı include vzoru je nejprve nutn´e pˇriˇradit mikroform´atu hCard jednoznaˇcn´ y identifik´ator, tedy atribut id. 1 < div class = " vcard " id = " martin " > ... Pˇr´ıklad 10: Aplikace include-pattern, vytvoˇren´ı identifik´atoru Budeme-li cht´ıt d´ale v textu vyuˇz´ıt hCard dan´e osoby, pˇrid´ame do odkazu class="include". Atribut href bude obsahovat stejnou hodnotu, jako je id dˇr´ıve vytvoˇren´eho mikroform´atu[3]. 1 Martin Drl´ ı k Pˇr´ıklad 11: Aplikace include-pattern, odvol´an´ı na identifik´ator Jedinou nev´ yhodou include vzoru je zobrazen´ı odkazu ve webov´em prohl´ıˇzeˇci. Tento fakt lze eliminovat pomoc´ı CSS vlastnost´ı. 9
International Standards Organization
25
´ ´I POJMY 2 ZAKLADN
2.5.5
Value-class-pattern
Vzhledem k pˇr´ıstupnostn´ım barier´am, kter´e se objevovaly pˇri vyuˇz´ıv´an´ı elementu , vznikl nov´ y vzor value class. Chceme-li, aby hodnotu urˇcit´e vlastnosti mikroform´atu tvoˇrila pouze ˇc´ast textu, kterou mikroform´at obsahuje, vyuˇzijeme pr´avˇe tento vzor. Pro lepˇs´ı pochopen´ı si uved’me pˇr´ıklad. 1
´ ´I POJMY 2 ZAKLADN
1
Rel-design-pattern
N´avrhov´ y vzor rel aplikujeme na odkazy, ˇc´ımˇz jim dod´av´ame s´emantick´ y v´ yznam. Jedn´a se o jednoduˇse pouˇz´ıvan´ y atribut rel, kter´emu pˇriˇrazujeme patˇriˇcn´e hodnoty. Uved’me si praktick´e pouˇzit´ı tohoto n´avrhov´eho vzoru. 1 Martin Drl´ ı k Pˇr´ıklad 16: Aplikace rel-design-pattern Pouˇzit´ım mikroform´atu rel-home v odkazu znaˇc´ıme, ˇze c´ıl vede na domovskou str´anku webu. 27
´ 3 VYHODY
3
V´ yhody
Technologie mikroform´at˚ u disponuje ˇradou glob´aln´ıch v´ yhod, kter´e celkovˇe zvyˇsuj´ı kvalitu webov´ ych str´anek a jejich vyuˇzitelnost.
3.1
SEO
ˇ ım l´epe budeme m´ıt SEO10 slouˇz´ı k optimalizaci str´anek pro vyhled´avaˇce. C´ str´anky optimalizovan´e, t´ım v´ yˇse se budou zobrazovat ve v´ ysledc´ıch vyhled´av´an´ı. To z´avis´ı na mnoha faktorech, vˇcetnˇe kvality obsahu. Jeho hodnotu m˚ uˇzeme s´emanticky nav´ yˇsit – pouˇzit´ım mikroform´at˚ u. V souˇcasn´e dobˇe vˇetˇsina modern´ıch vyhled´avaˇc˚ u bere implementaci mikroform´at˚ u v potaz pˇri v´ ysledc´ıch vyhled´av´an´ı. Google podporuje pˇredevˇs´ım mikroform´aty hCard, hCalenar, hReview a hRecipe pro zobrazen´ı detailnˇejˇs´ıch informac´ı t´ ykaj´ıc´ıch se lid´ı, ud´alost´ı, recenz´ı a recept˚ u. Zda budou zobrazeny ve v´ ysledc´ıch vyhled´av´an´ı korektnˇe n´am umoˇzn´ı zjistit testovac´ı n´astroj Rich Snippets[10]. Svoji pozornost t´eˇz soustˇred’uje na soci´aln´ı vztahy, tedy mikroform´at XFN. Zmiˇ nme ovˇsem tak´e tuzemsk´ y vyhled´avaˇc Seznam, kter´ y prozat´ım implementoval pouze podporu mikroform´atu geo – u v´ ysledku vyhled´av´an´ı se zobraz´ı pˇr´ım´ y odkaz na mapu. V´ yhody mikroform´at˚ u v oblasti SEO jsou v souˇcasnosti znaˇcn´e a budou st´ale nar˚ ustat.
3.2
Rozˇ s´ıˇ ren´ e publikov´ an´ı dat
Dalˇs´ı z mnoha v´ yhod mikroform´at˚ u je rozˇs´ıˇren´e publikov´an´ı dat. T´ım, ˇze webov´e str´ance dod´ame s´emantickou strukturu, umoˇzn´ıme jej´ı snadn´e strojov´e zpracov´an´ı. Doc´ıl´ıme tak efektivn´ıho ˇs´ıˇren´ı obsahu a jeho publikov´an´ı. Na webu existuje nespoˇcet parser˚ u a extraktor˚ u, kter´e umoˇzn ˇuj´ı zpracov´an´ı obsahu vyznaˇcen´eho mikroform´aty a jeho n´aslednou konverzi do r˚ uzn´ ych 11 form´at˚ u, jak´ ymi jsou XML, JSON ˇci RSS[3]. Jmenujme na tomto m´ıstˇe alespoˇ n jeden z transformaˇcn´ıch n´astroj˚ u, kter´ ym je Optimus. Ten tak´e umoˇz10 11
Search Engine Optimization JavaScript Object Notation
28
´ 3 VYHODY
n ˇuje validaci mikroform´at˚ u ve str´ance obsaˇzen´ ych. Najdeme jej na webov´e adrese http://www.microformatique.com/optimus/. Transformaˇcn´ımi n´astroji se budeme podrobnˇeji zab´ yvat v kapitole 5.8 na stranˇe 41. Pˇr´ıkladem rozˇs´ıˇren´eho publikov´an´ı dat m˚ uˇze b´ yt mikroform´at hCalendar. Ud´alosti ve str´ance vyznaˇcen´e d´av´ame automaticky k dispozici mnoha uˇzivatel˚ um, nebot’ je lze konvertovat a n´aslednˇe exportovat jako standardn´ı soubor iCal. Ten mohou vyuˇz´ıvat r˚ uzn´e aplikace – organiz´ery ˇci webov´e sluˇzby.
3.3
Standardy
Mikroform´aty jsou jiˇz od poˇca´tku sv´eho v´ yvoje zaloˇzeny na existuj´ıc´ıch standardech. Pro jejich implementaci nen´ı nutn´e uˇcit se nov´ ym jazyk˚ um. M˚ uˇzeme je aplikovat v XHTML stejnˇe dobˇre, jako v HTML4 ˇci HTML5. Uvaˇzme vytvoˇren´ı rozs´ahl´eho firemn´ıho adres´aˇre zamˇestnanc˚ u – pokud vyuˇzijeme technologii mikroform´at˚ u, odpadaj´ı diskuse o implementaci ˇreˇsen´ı, nebot’ vych´az´ı z jiˇz existuj´ıc´ıch standard˚ u. To vede k efektivnˇejˇs´ımu vyuˇz´ıv´an´ı ˇcasu a zdroj˚ u[3]. Export vˇsech tˇechto dat, pro u ´ˇcely dalˇs´ıch aplikac´ı, je pot´e velice trivi´aln´ı z´aleˇzitost´ı – m˚ uˇzeme je uloˇzit pˇr´ımo z webov´e str´anky.
3.4
Jednoduchost
Jednoduchost mikroform´at˚ u jsme si jiˇz pˇredstavili v nˇekolika pˇredchoz´ıch pˇr´ıkladech. Podpoˇr´ıme ji i v n´asleduj´ıc´ıch kapitol´ach – pˇredevˇs´ım tˇech, kter´e se budou prakticky zab´ yvat jednotliv´ ymi mikroform´aty. Jejich implementace je pˇr´ıstupn´a kaˇzd´emu, kdo m´a alespoˇ n element´arn´ı znalosti XHTML ˇci HTML. Svoj´ı jednoduchost´ı jsou mikroform´aty nen´aroˇcn´e na osvojen´ı.
3.5
Souˇ c´ ast styl˚ u
Nespornou v´ yhodu je, ˇze mikroform´aty maj´ı svoji oporu ve vytv´aˇren´ı stylopis˚ u dokumentu. Jelikoˇz jejich vlastnosti a podvlastnosti tvoˇr´ı hodnoty atributu class, nepotˇrebujeme vytv´aˇret nov´e tˇr´ıdy pro stylov´an´ı – m˚ uˇzeme vyuˇz´ıt ty, kter´e jsou definov´any pomoc´ı mikroform´at˚ u, ale z´aroveˇ n vytv´aˇret dle potˇreby vlastn´ı. 29
´ 4 PROBLEMY
4
Probl´ emy
Mikroform´aty nedisponuj´ı pouze ˇradou v´ yhod – je nutn´e zm´ınit i probl´emy, kter´ ym tato technologie ˇcel´ı. Jejich z´avaˇznost nen´ı natolik markantn´ı, abychom kv˚ uli nim mikroform´aty pˇrestali vyuˇz´ıvat. V pr˚ ubˇehu ˇcasu se bude vliv tˇechto probl´em˚ u minimalizovat a m˚ uˇzou dokonce vymizet.
4.1
Nejednotn´ a podpora prohl´ıˇ zeˇ c˚ u
Jak jiˇz b´ yv´a zvykem, neexistuje ˇza´dn´a jednotn´a podpora napˇr´ıˇc r˚ uzn´ ymi prohl´ıˇzeˇci. V souˇcasn´e dobˇe se tento probl´em ˇreˇs´ı nˇekolika zp˚ usoby. Jedn´ım z nich je moˇznost rozˇs´ıˇrit dan´ y prohl´ıˇzeˇc o doplnˇek, kter´ y podporuje mikroform´aty a umoˇzn ˇuje s nimi d´ale pracovat. Ne vˇsechny prohl´ıˇzeˇce maj´ı takov´e doplˇ nky k dispozici. Dalˇs´ı moˇznost´ı je implementovat do str´anky javascriptov´e n´astroje, jejichˇz podpora je vysok´a. Jednou z posledn´ıch moˇznost´ı je export mikroform´at˚ u pomoc´ı webov´ ych konvertor˚ u. Problematikou n´astroj˚ u pro pr´aci s mikroform´aty se budeme podrobnˇeji zab´ yvat v kapitole 5 na stranˇe 32.
4.2
Pouˇ zitelnost
Pouˇzitelnost mikroform´at˚ u je sniˇzov´ana mnoha faktory. Vˇetˇsina z nich je postupnˇe eliminov´ana. Na jedn´e stranˇe existuje nejednotn´a podpora prohl´ıˇzeˇc˚ u ˇci nedostatek n´astroj˚ u, kter´e s mikroform´aty pracuj´ı, nicm´enˇe tento probl´em pouˇzitelnosti je na stranˇe druh´e vyv´aˇzen znaˇcnou podporou strojov´eho zpracov´an´ı. Nejvˇets´ı bari´eru v oblasti pouˇzitelnosti tvoˇrily lokalizaˇcn´ı prob´emy v hodnot´ach nˇekter´ ych vlastnost´ı ˇci podvlastnost´ı. Pˇripomeˇ nme si pˇr´ıklad 12 na stranˇe 26, kde v mikroform´atu hCard vyuˇz´ıv´ame vlastnost tel a jej´ı podvlastnost type. Ta nab´ yv´a hodnot home, work, cell apod. – tedy anglick´ ych. My ovˇsem poˇzadujeme hodnoty ˇcesk´eho znˇen´ı. D´ıky nov´emu vzrou value class je lokalizaˇcn´ı probl´em vyˇreˇsen, jak jsme jiˇz zn´azornili v pˇr´ıkladu 13 na stranˇe 26. Nicm´enˇe vyvst´av´a dalˇs´ı – t´ım, ˇze se jedn´a o nov´ y vzor, nemus´ı ho korektnˇe podporovat n´astroje pro pr´aci s mikroform´aty. 30
´ 4 PROBLEMY
4.3
Pˇ r´ıstupnost
Mikroform´aty se po dlouhou dobu sv´e existence pot´ ykaly s probl´emem pˇr´ıstupnosti, kter´ y se z´aroveˇ n stal argumentem proti jejich vyuˇz´ıv´an´ı. Problematick´ ym se stal n´avrhov´ y vzor datetime, kter´ y je aplikov´an na element . Odeˇc´ıtaˇce obrazovek, nebo-li screen readery, pak uˇzivatel˚ um pˇredˇc´ıtaly informace o datu a ˇcase v matouc´ım form´atu – dle normy ISO 8601, jak je prezentov´ano v pˇr´ıkladu 9 na stranˇe 25[11]. Stejnˇe jako tomu bylo v pˇr´ıpadu lokalizaˇcn´ıch probl´em˚ u i pˇr´ıstupnost informac´ı o datu a ˇcase ˇreˇs´ı value class vzor, respektive value-title, jehoˇz pouˇzit´ı bylo ˇreˇseno v pˇr´ıkladu 14 na stranˇe 27.
4.4
Zbyteˇ cn´ e znaˇ ckov´ an´ı
Objevuj´ı se n´azory, ˇze mikroform´aty jsou zaloˇzeny na nadmˇern´em znaˇckov´an´ı. K tomu mnohdy pˇrisp´ıvaj´ı i nevhodn´e pˇr´ıklady. Mˇeli bychom se proto vyh´ ybat ˇcast´emu a zbyteˇcn´emu vyuˇz´ıv´an´ı element˚ u ˇci <span> a kl´ast vˇetˇs´ı d˚ uraz na s´emantick´e elementy. V nˇekter´ ych pˇr´ıpadech je vˇsak pouˇzit´ı nes´emantick´ ych element˚ u nezbytn´e[12]. Kritizov´ano je i nadmˇern´e vyuˇz´ıv´an´ı atributu class. Z´aleˇz´ı sp´ıˇse na osobn´ım n´azoru zda tuto vlastnost mikroform´at˚ u vn´ımat jako probl´em ˇci nikoliv. Nesporn´e vˇsak je, ˇze jiˇz nepotˇrebujeme vytv´aˇret nov´e tˇr´ıdy pro stylov´an´ı dokumentu.
4.5
Osvojen´ı
Probl´emy s osvojen´ım mikroform´at˚ u vznikaj´ı pˇredevˇs´ım z d˚ uvodu nedostateˇcn´eho povˇedom´ı o t´eto technologii. N´ızk´a je t´eˇz podpora uˇzivatelsk´ ych n´astroj˚ u[3]. Vˇetˇsina prohl´ıˇzeˇc˚ u poˇzaduje instalaci rozˇsiˇruj´ıc´ıch doplˇ nk˚ u, kter´e dok´aˇz´ı s mikroform´aty efektivnˇe pracovat. O jejich existenci vˇsak nemus´ı bˇeˇzn´ y uˇzivatel vˇedˇet. ˇ sen´ım je zv´ Reˇ yˇsit povˇedom´ı o mikroform´atech, aktivnˇe je vyuˇz´ıvat a doporuˇcovat. To by mˇelo v´est k n´ar˚ ustu str´anek podporuj´ıc´ıch tuto technologii. V d˚ usledku je oˇcek´av´ana nativn´ı implementace n´astroj˚ u umoˇzn ˇuj´ıc´ıh pr´aci s mikroform´aty pˇr´ımo v prohl´ıˇzeˇc´ıch.
31
´ ´ S MIKROFORMATY ´ 5 NASTROJE PRO PRACI
5
N´ astroje pro pr´ aci s mikroform´ aty
Mikroform´aty jsou technologi´ı vytvoˇrenou pˇredevˇs´ım pro lidi – uˇzivatele webov´ ych str´anek. K tomu, abychom je mohli ve str´ance identifikovat a d´ale s nimi pracovat, potˇrebujeme uˇzivatelsk´e n´astroje. V souˇcasn´e dobˇe jich nen´ı mnoho. Jedn´a se pˇredevˇs´ım o doplˇ nky webov´ ych prohl´ıˇzeˇc˚ u. Moˇznost vyuˇzit´ı je diskutabiln´ı – bˇeˇzn´ y uˇzivatel nemus´ı o existenci tˇechto rozˇs´ıˇren´ı vˇedˇet. Probl´emem je i nutnost instalace. V z´avislosti na postupn´em v´ yvoji mikroform´at˚ u a jejich expanzi lze oˇcek´avat, ˇze dˇr´ıve ˇci pozdˇeji bude podpora implementov´ana pˇr´ımo v prohl´ıˇzeˇc´ıch. Pro pr´aci s mikroform´aty m˚ uˇzeme vyuˇz´ıt tak´e n´astroje, kter´e nevyˇzaduj´ı instalaci na stranˇe uˇzivatele. Lze tedy l´epe zajistit vyuˇzitelnost mikroform´at˚ u v ˇsirˇs´ım spektru webov´ ych prohl´ıˇzeˇc˚ u.
5.1
Operator
Operator je doplnˇek pro webov´ y prohl´ıˇzeˇc Mozilla Firefox. Poskytuje nov´e zp˚ usoby interakce mikroform´at˚ u a dostupn´ ych webov´ ych sluˇzeb[13]. O jejich pˇr´ıtomnosti ve str´ance je uˇzivatel informov´an prostˇrednictv´ım n´astrojov´e liˇsty, kterou vid´ıme n´ıˇze.
Obr´azek 1: N´astrojov´a liˇsta rozˇs´ıˇren´ı Operator Z´aleˇz´ı vˇsak na uˇzivatelsk´em nastaven´ı tohoto doplˇ nku – nechceme-li zobrazovat n´astrojovou liˇstu, pˇr´ıtomnost mikroform´at˚ u bude znaˇcena ikonou 32
´ ´ S MIKROFORMATY ´ 5 NASTROJE PRO PRACI
v adresn´ım popˇr. stavov´em ˇra´dku, kter´a po kliknut´ı vyvol´a kontextovou nab´ıdku s nalezen´ ymi mikroform´aty.
Obr´azek 2: Ikona rozˇs´ıˇren´ı Operator ve stavov´em ˇra´dku Doplnˇek Operator ve webov´ ych str´ank´ach rozezn´av´a n´asleduj´ıc´ı informace a mikroform´aty s kter´ ymi umoˇzn ˇuje pracovat: kontakty (hCard), ud´ alosti (hCalendar), um´ıstˇen´ı (geo), znaˇcky (rel-tag), z´ aloˇzky (xFolk).
Z´akladn´ı poskytovanou funkc´ı je export – lze exportovat kontakty, ud´alosti ˇci um´ıstˇen´ı. K dispozici je zobrazen´ı geografick´ ych informac´ı na mapov´ ych serverech. Nechyb´ı moˇznost pˇridat mikroform´aty do z´aloˇzek prohl´ıˇzeˇce. Export dat prob´ıh´a korektnˇe. Mimo mikroform´at˚ u rozezn´av´a Operator i technologii RDF. V nastaven´ı doplˇ nku zjist´ıme, ˇze z´aroveˇ n disponuje testovac´ımi a ladic´ımi funkcemi. Umoˇzn ˇuje zv´ yraznˇen´ı mikroform´at˚ u ve str´ance ˇci zobrazovat jejich strukturu apod. Rozˇs´ıˇren´ı je moˇzn´e z´ıskat na webov´e adrese https://addons.mozilla. org/cs/firefox/addon/operator/.
33
´ ´ S MIKROFORMATY ´ 5 NASTROJE PRO PRACI
5.2
Tails Export
Tails Export je dalˇs´ı z doplˇ nk˚ u – opˇet urˇcen pro webov´ y prohl´ıˇzeˇc Mozilla Firefox. Oproti rozˇs´ıˇren´ı Operator nab´ız´ı podstatnˇe m´enˇe akc´ı pro pr´aci s mikroform´aty. Omezuje se na z´akladn´ı funkci – tou je export kontakt˚ u a ud´alost´ı. Pomoc´ı ikony, um´ıstˇen´e ve stavov´em ˇra´dku prohl´ıˇzeˇce, upozorˇ nuje na pˇr´ıtomnost mikroform´at˚ u ve str´ance.
Obr´azek 3: Ikona doplˇ nku Tails Export ve stavov´em ˇra´dku Po kliknut´ı na ikonu tohoto rozˇs´ıˇren´ı se v lev´e ˇc´asti okna prohl´ıˇzeˇce objev´ı panel obsahuj´ıc´ı seznam vˇsech mikroform´at˚ u, kter´e byly ve str´ance rozpozn´any.
Obr´azek 4: Mikroform´aty nalezen´e doplˇ nkem Tails Export
34
´ ´ S MIKROFORMATY ´ 5 NASTROJE PRO PRACI
V souˇcasn´e verzi dok´aˇze identifikovat n´asleduj´ıc´ı mikroform´aty[14]: hCard, hCalendar, xFolk, hReview, rel-license.
Na obr´azku 4 je moˇzn´e si vˇsimnout, ˇze u ud´alosti nen´ı zobrazov´an datum jej´ıho zaˇc´atku – ten je pro ni vˇsak povinnou vlastnost´ı. D˚ uvodem je vyuˇzit´ı vzoru value class, respektive value-title, jehoˇz hodnotu doplnˇek nerozezn´a. Obdobn´a situace nast´av´a u akce pro zobrazen´ı geografick´e pozice na mapˇe – ta nen´ı v pˇr´ıpadˇe pouˇzit´ı vzoru value class nab´ızena. Doplnˇek vyuˇz´ıv´a pro informace o datu, ˇcase a geografick´e pozici element . Ten v obou pˇr´ıpadech do sv´eho titulku umist’uje data nesrozumiteln´a ˇclovˇeku – proto jej nevyuˇz´ıvejte. Export kontaktn´ıch informac´ı probˇehl korektnˇe. V´ ysledn´ y soubor vˇsak vykazuje nedostatky v oblasti k´odov´an´ı diakritiky. Ud´alost, vzhledem k vyuˇzit´ı value class vzoru pro informaci o jej´ım zaˇc´atku, nebyla exportov´ana korektnˇe – neprobˇehne tedy ani jej´ı import do organiz´eru. Rozˇs´ıˇren´ı je moˇzn´e z´ıskat na webov´e adrese https://addons.mozilla. org/cs/firefox/addon/tails-export/. V souˇcasn´e dobˇe je vˇsak nekompatibiln´ı s verz´ı Firefox 4.0.
5.3
Michromeformats
Michromeformats je rozˇs´ıˇren´ı pro webov´ y prohl´ıˇzeˇc Google Chrome. Pˇr´ıtomnost mikroform´at˚ u ve str´ance znaˇc´ı ikona um´ıstˇen´a v adresn´ım ˇr´adku prohl´ıˇzeˇce. Po kliknut´ı na tuto ikonu je vyvol´an pˇrehledn´ y v´ ypis mikroform´at˚ u dostupn´ ych v dan´e webov´e str´ance. Nab´ızeny jsou opˇet pouze z´akladn´ı funkce – export kontakt˚ u a ud´alost´ı.
35
´ ´ S MIKROFORMATY ´ 5 NASTROJE PRO PRACI
Obr´azek 5: Mikroform´aty nalezen´e doplˇ nkem Michromeformats Doplnˇek podporuje tˇechto pˇet mikroform´at˚ u[15]: hCard, hCalendar, hReview, hRecipe, geo.
36
´ ´ S MIKROFORMATY ´ 5 NASTROJE PRO PRACI
Dle obr´azku 5 je patrn´e, ˇze doplnˇek m´a probl´emy se zobrazov´an´ım informac´ı o datu a ˇcase. V pˇr´ıpadˇe ud´alosti jsou prezentov´any odliˇsn´e informace – ve skuteˇcnosti m´a ud´alost nastaven datum 4. ledna 2011, 16.00 hodin. U recenze pak nen´ı datum zobrazen v˚ ubec. V obou pˇr´ıpadech je pˇr´ıˇcinou probl´em˚ u vyuˇzit´ı nov´eho vzoru value class – ten nen´ı rozˇs´ıˇren´ım podporov´an. Export ud´alosti do souboru iCal (.ics) neprob´ıh´a korektnˇe – v datu byl prohozen den s mˇes´ıcem ud´alosti. Do sluˇzby Google kalend´aˇr se ud´alost nepodaˇrilo pˇren´est v˚ ubec. Z´ısk´an´ı kontaktu v podobˇe souboru vCard (.vcf) probˇehlo korektnˇe. Zdaˇrilo se t´eˇz pˇrenesen´ı do sluˇzby Google kontakty. Doplnˇek je moˇzn´e z´ıskat na webov´e adrese https://chrome.google. com/extensions/detail/oalbifknmclbnmjlljdemhjjlkmppjjl.
5.4
SafariMicroformats
SafariMicroformats je doplnˇek urˇcen´ y pro prohl´ıˇzeˇc Safari. V´aˇze se vˇsak na operaˇcn´ı syst´em OS X 10.5 a webov´ y prohl´ıˇzeˇc Safari verze 3.2.1 nebo 4.0.3[16]. Vzhledem k tˇemto n´arok˚ um se nepodaˇrilo doplnˇek otestovat pˇr´ımo. Podporovat by mˇel mikroform´aty: hCard, hCalendar.
Informace o doplˇ nku vˇcetnˇe odkazu na jeho staˇzen´ı naleznete na webov´e adrese http://zappatic.net/projects/safarimicroformats.
5.5
Microformats Button
Jedn´a se o rozˇs´ıˇren´ı pro webov´ y prohl´ıˇzeˇc Maxthon 2. Pˇr´ıtomnost mikroform´at˚ u ve str´ance je znaˇcena ikonou v panelu n´astroj˚ u.
Obr´azek 6: N´astrojov´a liˇsta doplˇ nku Microformats Button 37
´ ´ S MIKROFORMATY ´ 5 NASTROJE PRO PRACI
Doplnˇek rozezn´av´a mikroform´aty[17]: hCard, hCalendar, adr, geo, tag.
Jsou-li obsaˇzeny lokalizaˇcn´ı u ´daje, lze je zobrazit na mapov´ ych serverech. Export ud´alosti neprob´ıh´a korektnˇe, nebot’ rozˇs´ıˇren´ı nepodporuje nov´ y n´avrhov´ y vzor value class. Microformats Button je k dispozici ke staˇzen´ı na webov´e adrese http: //addonsmx.maxthon.cn/en_US/post/1253.
5.6
Oomph
Oomph je n´astroj zaloˇzen´ y na technologii JavaScriptu. Umoˇzn ˇuje pr´aci s mikroform´aty bez ohledu na pouˇzit´ y prohl´ıˇzeˇc. Implementace do webov´ ych str´anek je zcela jednoduch´a. Do hlaviˇcky je nutn´e vloˇzit dva skripty – jQuery a Oomph. 1 < head > 2 ... 3 < script type = " text / javascript " src = " jquery . js " > 4 < script type = " text / javascript " src = " oomph . js " > 5 Pˇr´ıklad 17: Implementace Oomph Skript jQuery je moˇzn´e z´ıskat na ofici´aln´ıch str´ank´ach http://jquery. com/. Oomph v aktu´aln´ı verzi 2 je k dispozici na adrese https://visitmix. com/labs/oomph/2.0/client/oomph.min.js. 38
´ ´ S MIKROFORMATY ´ 5 NASTROJE PRO PRACI
Pˇr´ıtomnost mikroform´at˚ u je, po implementaci n´astroje, znaˇcena ikonou, kter´a se objevuje v lev´em horn´ım rohu webov´e str´anky. Kliknut´ım na ni vyvol´ame pˇrekryv obsahuj´ıc´ı nalezen´e mikroform´aty.
Obr´azek 7: Oomph pˇrekryv str´anky N´astroj rozezn´av´a ve str´ank´ach mikroform´aty: hCard, hCalendar, hMedia.
Pˇrekryv disponuje implementovanou mapou, kter´a zobrazuje geografickou pozici urˇcenou adresn´ımi informacemi – nikoliv mikroform´atem geo. Ten nen´ı n´astrojem Oomph podporov´an. Export ud´alosti nevykazuje ˇz´adn´e probl´emy, je v poˇr´adku. Kontaktn´ı informace vˇsak nelze exportovat do souboru .vcf – doch´az´ı k chybˇe na stranˇe serveru obstar´avaj´ıc´ıho konverzi dat. Identifikace medi´aln´ıch dat prob´ıh´a korektnˇe. Je vˇsak deklarov´ana moˇznost pˇrehr´av´an´ı audio a video soubor˚ u, pˇr´ımo v pˇrekryvu str´anky, prostˇrednictv´ım pˇrehr´avaˇce zaloˇzen´eho na platformˇe Silverlight. Pˇrehr´avaˇc se ovˇsem nezobraz´ı. Oomph plnˇe podporuje specifikaci nov´eho vzoru value class – vyuˇzijeme-li jej v kontaktn´ıch informac´ıch ˇci ud´alosti, data jsou ˇra´dnˇe exportov´ana[18].
39
´ ´ S MIKROFORMATY ´ 5 NASTROJE PRO PRACI
5.7
Microformats Bookmarklet
Microformats Bookmarklet12 vych´az´ı z doplˇ nku SafariMicroformats. Abychom mohli tento n´astroj vyuˇz´ıvat, je nutn´e pˇridat odkaz Microformats z webov´e adresy http://leftlogic.com/projects/microformats_bookmarklet do z´aloˇzek prohl´ıˇzeˇce[19]. Z´aloˇzku, kter´a je tvoˇrena javascriptov´ ym k´odem, m˚ uˇzeme zabudovat pˇr´ımo do webov´ ych str´anek – jako odkaz ˇci grafick´e tlaˇc´ıtko. V takov´em pˇr´ıpadu nen´ı uˇzivatel v´az´an na prohl´ıˇzeˇc, v kter´em si z´aloˇzku pˇridal. Po kliknut´ı na vytvoˇrenou z´aloˇzku se n´am objev´ı pˇrekryv str´anky, obsahuj´ıc´ı seznam nalezen´ ych mikroform´at˚ u.
Obr´azek 8: Pˇrekryv vytvoˇren´ y n´astrojem Microformats Bookmarklet Podporov´any jsou mikroform´aty: hCard, hCalendar.
Export kontaktn´ıch informac´ı prob´ıh´a v poˇr´adku. Probl´em nast´av´a u ud´alost´ı – n´astroj nepodporuje nov´ y vzor value class. Nedok´aˇze zpracovat hodnotu 12
Bookmarklet je ˇc´ ast javascriptov´eho k´odu uloˇzen´eho jako URL prostˇrednictv´ım z´aloˇzky
40
´ ´ S MIKROFORMATY ´ 5 NASTROJE PRO PRACI
data startu ud´alosti, kter´a je pro korektn´ı export nezbytn´a. Pˇri ukl´ad´an´ı extrahovan´ ych dat je nutn´e doplnit pˇr´ıponu souboru – pro hCard je to .vcf a hCalendar .ics. Konverzi dat nelze prov´est v prohl´ıˇzeˇc´ıch Internet Explorer13 a Google Chrome.
5.8
Webov´ e konvertory
Pr´aci s mikroform´aty n´am umoˇzn ˇuj´ı i webov´e konvertory. D´ıky nim lze s´emanticky vyznaˇcen´a data transformovat do r˚ uzn´ ych form´at˚ u. Adresa str´anky, kterou chceme konvertovat, je obvykle pˇred´av´ana prostˇrednictv´ım parametru v URL, coˇz n´am umoˇzn ˇuje pˇr´ımou implementaci odkazu pro export dat do webov´e str´anky obsahuj´ıc´ı mikroform´aty. Optimus – jedn´ a se o transformer umoˇzn ˇuj´ıc´ı snadnou konverzi mik-
roform´at˚ u do form´atu XML, JSON ˇci RSS[20]. N´astroj disponuje filtrem, kter´ y poskytuje restrikci transformovan´ ych mikroform´at˚ u. K dispozici je tak´e valid´ator. Konvertor nalezneme na webov´e adrese http: //microformatique.com/optimus/. H2VX – n´ astroj poskytuj´ıc´ı konverzi kontakt˚ u (hCard) a ud´alost´ı (hCa-
lendar). Export tˇechto mikroform´at˚ u lze prov´est prostˇrednictv´ım webov´e adresy http://h2vx.com/. Zde zvol´ıme, zda chceme konvertovat kontakty ˇci ud´alosti. N´astroj umoˇzn ˇuje pˇr´ım´e staˇzen´ı dat. Vygenerov´an je z´aroveˇ n odkaz, kter´ y lze um´ıstit do webov´e str´anky obsahuj´ıc´ı mikroform´aty – po jeho aktivaci je vyvol´ana konverze prostˇrednictv´ım serveru H2VX. Dostupn´a je i bookmarkletov´a verze tohoto n´astroje. Projekt Microformats – v r´ amci serveru http://suda.co.uk/projects/
microformats/ jsou k dispozici transformery pro mikroform´aty hCard, hCalendar, geo a XOXO. Uˇziteˇcn´ ym n´astrojem je t´eˇz konvertor mikroform´atu hAtom do for-
m´atu RSS ˇci Atom. N´astroj s informacemi o jeho pouˇzit´ı nalezneme na webov´e adrese http://tools.microformatic.com/help/xhtml/hatom/. 13
testov´ ano v Internet Explorer 8
41
´ MIKROFORMATY ´ 6 STANDARDIZOVANE
6
Standardizovan´ e mikroform´ aty
V t´eto kapitole se podrobnˇe sezn´am´ıme s osmi mikroform´aty, kter´e jsou v souˇcasn´e dobˇe standardizov´any a jejich specifikace se tedy nebude mˇenit. Kaˇzd´ y z tˇechto mikroform´at˚ u bude pops´an – k ˇcemu slouˇz´ı, uveden XMDP profil (dbejte faktu, ˇze odkaz na profil se v pr˚ ubˇehu ˇcasu m˚ uˇze zmˇenit), jak´e jsou jeho povinn´e a voliteln´e vlastnosti, popˇr. podvlastnosti (pouze u sloˇzen´ ych mikroform´at˚ u). N´asledovat bude vzorov´ y pˇr´ıklad s vysvˇetluj´ıc´ım popisem jednotliv´ ych ˇca´st´ı. Princip ˇrazen´ı podkapitol je d´an sloˇzitost´ı mikroform´at˚ u. Nejdˇr´ıve budou probr´any jednoduˇsˇs´ı mikroform´aty, n´aslednˇe sloˇzitˇejˇs´ı – to je z logick´eho hlediska pˇr´ınosn´e, nebot’ jednoduch´e mikroform´aty jsou obvykle element´arn´ı a budou vyuˇzity v mikroform´atech sloˇzen´ ych.
6.1
rel-license
Atribut rel popisuje vztah c´ılov´e str´anky, specifikovan´e v atributu href, ke str´ance zdrojov´e[3]. V´ıcen´asobn´e hodnoty tohoto atributu oddˇelujeme mezerou[21]. Konkr´etnˇe se ale zab´ yvejme mikroform´atem rel-license. Jedn´a se o element´arn´ı mikroform´at – atribut rel nab´ yv´a hodnoty license. Ud´av´a n´am, pod jakou licenc´ı je distribuov´an obsah str´anky. Pokud ho vyuˇzijeme v kombinaci s odkazem, jeho c´ıl smˇeˇruje na patˇriˇcn´e licenˇcn´ı ujedn´an´ı[22]. Rel-license je mikroform´at podporovan´ y doplˇ nkem Tails Export, kter´ y jsme podrobnˇe pˇredstavili v kapitole 5.2 na stranˇe 34. Profil Jak jsme jiˇz zm´ınili v kapitole 2.4.3 – nen´ı povinn´e do atributu profil vkl´adat, ale vzhledem k tomu, ˇze dan´ y mikroform´at vyuˇz´ıv´ame, mˇeli bychom odkaz na jeho profil uv´est. 1 < head profile = " http :// microformats . org / profile / rel license " > Pˇr´ıklad 18: Profil mikroform´atu rel-license 42
´ MIKROFORMATY ´ 6 STANDARDIZOVANE
Pouˇ zit´ı Pod´ıvejme se nyn´ı na praktick´e uˇzit´ı tohoto mikroform´atu, v nˇemˇz budeme odkazovat na licenci Creative Commons. 1 Copyright Pˇr´ıklad 19: Pouˇzit´ı mikroform´atu rel-license Z pˇr´ıkladu je patrn´e, ˇze jsme v odkazu na patˇriˇcnou licenci vyuˇzili pr´avˇe mikroform´at rel-license. K tomu n´am postaˇcilo vyuˇz´ıt atribut rel. Nyn´ı m´ame u ´spˇeˇsnˇe vyznaˇceno licencov´an´ı obsahu str´anky pod Creative Commons.
6.2
rel-nofollow
Element´arn´ı mikroform´at rel-nofollow aplikujeme typicky na odkazy tˇret´ıch stran – tedy takov´e, kter´e nem´a br´at vyhled´avaˇc ˇci indexovac´ı robot v potaz – nepˇriˇrad´ı jim ˇz´adnou hodnotu. Vyhled´avaˇce d´avaj´ı vyˇsˇs´ı rank, nebo-li hodnotu, str´ank´am, kter´e jsou ˇcetnˇe odkazov´any. To vede k umˇel´emu navyˇsov´an´ı t´eto hodnoty – napˇr´ıklad zas´ıl´an´ım odkaz˚ u v pˇr´ıspˇevc´ıch blog˚ u ˇci diskuzn´ıch f´or. Nechceme-li takto u ´ˇcelovˇe zveˇrejˇ novan´e odkazy podporovat, ˇreˇsen´ım je pr´avˇe pˇrid´an´ı atributu rel s hodnotou nofollow. Problematika se vˇsak net´ yk´a pouze koment´aˇrov´ ych pˇr´ıspˇevk˚ u. Mikroform´at lze vyuˇz´ıt i v r´amci odkaz˚ u bˇeˇzn´e str´anky. Nemˇeli bychom jej vˇsak zneuˇz´ıvat. Profil Profil mikroform´atu rel-nofollow je n´asleduj´ıc´ı. 1 < head profile = " http :// microformats . org / profile / rel nofollow " > Pˇr´ıklad 20: Profil mikroform´atu rel-nofollow 43
´ MIKROFORMATY ´ 6 STANDARDIZOVANE
Pouˇ zit´ı Rel-nofollow je velice snadn´e aplikovat. Stejnˇe jako tomu bylo u mikroform´atu rel-license, pouze pˇriˇrad´ıme atributu rel patˇriˇcnou hodnotu – v naˇsem pˇr´ıpadu nofollow. 1 Badoo Pˇr´ıklad 21: Pouˇzit´ı mikroform´atu rel-nofollow Odkaz naˇseho vzorov´eho pˇr´ıkladu m˚ uˇze b´ yt souˇca´st´ı koment´aˇrov´eho spamu. Jeho hodnota je vˇsak pro indexovac´ı mechanismy nulov´a – d´ıky jednoduch´e implementaci mikroform´atu rel-nofollow.
6.3
rel-tag
Rel-tag je element´arn´ı mikroform´at, kter´ y opˇet aplikujeme na odkazy. Hodnota atributu rel n´am v tomto pˇr´ıpadu sdˇeluje o ˇcem je odkazovan´a str´anka. Profil Uved’me si profil mikroform´atu rel-tag. 1 < head profile = " http :// microformats . org / profile / rel tag " > Pˇr´ıklad 22: Profil mikroform´atu rel-tag
Pouˇ zit´ı Specifikace vyˇzaduje, aby adresa c´ılov´eho odkazu obsahovala vlastn´ı hodnotu tagu v koncov´e ˇc´asti URL – v tzv. tagovac´ım prostoru (tagspace)[22]. Mikroform´at se typicky aplikuje na ˇst´ıtky ˇcl´ank˚ u – tagy. 1 Mikroform´ a ty Pˇr´ıklad 23: Pouˇzit´ı mikroform´atu rel-tag 44
´ MIKROFORMATY ´ 6 STANDARDIZOVANE
Na pˇr´ıkladu vid´ıme vyuˇzit´ı mikroform´atu rel-tag. Jeho hodnotu tvoˇr´ı ˇretˇezec mikroformaty. Korektnost je zajiˇstˇena um´ıstˇen´ım hodnoty tagu v tagovac´ım prostoru odkazu – to je velmi d˚ uleˇzit´e. Pokud bychom odkaz zakonˇcili zp˚ usobem index.php?stranka=mikroformaty, hodnotu tagu bude tvoˇrit ˇretˇezec index.php. To je ovˇsem hodnota nevypov´ıdaj´ıc´ı – nesdˇel´ı n´am o ˇcem je c´ılov´a str´anka. T´eto chyby se vyvarujme.
6.4
VoteLinks
Mikroform´at VoteLinks aplikujeme ve spojen´ı s atributem rev. Popisuje reverzn´ı odkaz – vytv´aˇr´ı vztah zdrojov´e str´anky k c´ılov´e[21]. VoteLinks je element´arn´ı mikroform´at. Vyuˇz´ıv´ame ho pˇri vyj´adˇren´ı souhlasu, nesouhlasu ˇci neutrality s c´ılovou str´ankou. Atribut rev nab´ yv´a tˇr´ı hodnot[3]: vote-for – vyjadˇrujeme naˇsi podporu v˚ uˇci c´ılov´emu odkazu, vote-against – d´av´ame najevo, ˇze nepodporujeme c´ıl odkazu, vote-abstain – k c´ılov´emu odkazu nem´ame n´ azor.
Profil Profil mikroform´atu VoteLinks je n´asleduj´ıc´ı. 1 < head profile = " http :// microformats . org / profile / vote links " > Pˇr´ıklad 24: Profil mikroform´atu VoteLinks
Pouˇ zit´ı Ukaˇzme si na pˇr´ıkladu, jak vyuˇz´ıt mikroform´at VoteLinks. 1 Oomph Pˇr´ıklad 25: Pouˇzit´ı mikroform´atu VoteLinks 45
´ MIKROFORMATY ´ 6 STANDARDIZOVANE
V pˇr´ıkladu jsme aplikovali hodnotu vote-for atributu rev, nebot’ vyjadˇrujeme souhlas s odkazem smˇeˇruj´ıc´ım na str´anku o javascriptov´em n´astroji pro pr´aci s mikroform´aty. Povˇsimnˇeme si vˇsak tak´e atributu rel, kter´ y jsme z´amˇernˇe vyuˇzili pro vyznaˇcen´ı mikroform´atu rel-tag. Opˇet se setk´av´ame s t´ım, jak snadn´e a logick´e je kombinov´an´ı mikroform´at˚ u.
6.5
XOXO
XOXO je mikroform´at vyuˇz´ıvan´ y k nast´ınˇen´ı struktury obsahu, kterou lze zpracov´avat XML n´astroji. Aplikuje se na seznamy – neˇc´ıslovan´e i ˇc´ıslovan´e. Vyuˇz´ıt jej m˚ uˇzeme napˇr. pro mapu str´anek ˇci dokonce prezentace. Profil Sv˚ uj profil m´a i mikroform´at XOXO. 1 < head profile = " http :// microformats . org / profile / xoxo " > Pˇr´ıklad 26: Profil mikroform´atu XOXO
Pouˇ zit´ı Mikroform´at XOXO je jedn´ım z nejjednoduˇsˇs´ıch mikroform´at˚ u – ukaˇzme si jeho aplikaci na neˇc´ıslovan´ y seznam. Pro pˇr´ıklad vyuˇzijeme mapu str´anek. 1 < ul class = " xoxo " > 2 < li > ´ U vod 3 < li > Ud´ a losti 4 < li > Kontakty < / a > 5 ... 6 Pˇr´ıklad 27: Pouˇzit´ı mikroform´atu XOXO
46
´ MIKROFORMATY ´ 6 STANDARDIZOVANE
Je patrn´e, ˇze vytvoˇren´ı mikroform´atu XOXO je velice trivi´aln´ı. Do seznamu implementujeme root vlastnost xoxo – ta je pˇriˇrazena atributu class. Takto vyznaˇcen´ y obsah m˚ uˇze b´ yt d´ale zpracov´av´an – napˇr. konvertov´an do XML a poskytov´an indexovac´ım robot˚ um jako soubor sitemap.
6.6
XFN
XFN14 je element´arn´ı mikroform´at zaloˇzen´ y na atributu rel. Pomoc´ı odkaz˚ u definuje soci´aln´ı vztahy mezi lidmi – tedy n´ami a ˇclovˇekem, na kter´eho odkazujeme. Atribut rel nab´ yv´a r˚ uzn´ ych hodnot – z´aleˇz´ı jak´e vztahy chceme v˚ uˇci odkazovan´e osobˇe vyznaˇcit. Profil Stejnˇe jako pˇredchoz´ı mikroform´aty i XFN disponuje sv´ ym profilem. Jeho uveden´ı vˇsak nen´ı povinn´e. 1 < head profile = " http :// gmpg . org / xfn /11 " > Pˇr´ıklad 28: Profil mikroform´atu XFN
XFN hodnoty Moje identita
. me – uvedeme-li v atributu rel tuto hodnotu, d´av´ame najevo, ˇze odkaz smˇeˇruje na jinou str´anku o mnˇe. Toto je jedin´ y vztah, kter´ y existuje s´am o sobˇe. D˚ uvod je jednoduch´ y – nen´ı logick´e d´avat najevo, ˇze jsem s´am sobˇe kamar´adem ˇci dokonce, ˇze jsem se fyzicky setkal s´am se sebou[23]. Pˇr´atelstv´ı (k pouˇzit´ı pouze jedena z nab´ızen´ ych hodnot)
. contact – na danou osobu m´ate pouze z´akladn´ı kontaktn´ı informace. Touto hodnotou vyjadˇrujeme nejniˇzˇs´ı u ´roveˇ n pˇra´telstv´ı. 14
XHTML Friends Network
47
´ MIKROFORMATY ´ 6 STANDARDIZOVANE
. acquaintance – nˇekdo, s k´ ym se vz´ajemnˇe zn´ate. . friend – vyuˇzijete pro vyznaˇcen´ı kamar´adsk´eho vztahu. Hranice mezi zn´am´ ym a kamar´adem je tenk´a, proto z´aleˇz´ı na osobn´ı diferenciaci. Povol´ an´ı (k pouˇzit´ı jedena nebo obˇe nab´ızen´e hodnoty)
. colleague – osoba, s kterou sd´ıl´ıte profesn´ı schopnosti ˇci z´ajmy[3]. . co-worker – odkaz smˇeˇruje na Vaˇseho spolupracovn´ıka. Pracujete ve stejn´e organizaci. Rodina (k pouˇzit´ı pouze jedena z nab´ızen´ ych hodnot)[23]
. kin – V´aˇs pˇr´ıbuzn´ y. At’ uˇz pokrevn´ı, pˇriˇzenˇen´ y nebo adoptovan´ y. . spouse – nˇekdo s k´ ym jste v manˇzelsk´em vztahu. . child – Vaˇse d´ıtˇe (biologick´e ˇci adoptivn´ı). . parent – V´aˇs rodiˇc (biologick´ y ˇci adoptivn´ı) . sibling – V´aˇs sourozenec. Tedy nˇekdo, kdo m´a stejn´e rodiˇce, at’ uˇz biologick´e, adoptivn´ı ˇci nevlastn´ı. Romantika (k pouˇzit´ı jedena, v´ıce nebo vˇsechny nab´ızen´e hodnoty)[3]
. muse – nˇekdo, kdo n´as inspiruje. . crush – nˇekdo, kdo V´as pˇritahuje, ale nemus´ı opˇetovat vaˇse city. . date – nˇekdo, s k´ ym chod´ıte. Neexistuje z´avazek. . sweetheart – nˇekdo, komu jste odd´an/a. Jste si emocion´alnˇe ˇci fyzicky bl´ızc´ı. Fyzicky
. met – hodnota sdˇeluje, ˇze jste se s odkazovanou osobou setkali osobnˇe.
48
´ MIKROFORMATY ´ 6 STANDARDIZOVANE Geograficky (k pouˇzit´ı pouze jedena z nab´ızen´ ych hodnot)[23]
. neighbor – mnohem ˇsirˇs´ı zemˇepisn´ y odkaz. Obvykle nˇekdo, kdo ˇzije pobl´ıˇz, ale ne na stejn´e adrese. . co-resident – oznaˇcuje osobu, s kterou ˇzijete na stejn´e adrese, napˇr. spolubydl´ıc´ı. Pouˇ zit´ı Vztahy mezi lidmi jsou vyuˇz´ıv´any pˇredevˇs´ım na soci´aln´ıch s´ıt´ıch – mluv´ıme o tzv. soci´aln´ım webu. Na z´akladˇe n´ami definovan´ ych vztah˚ u dok´aˇz´ı stroje vytv´aˇret dalˇs´ı vazby mezi lidmi. Mikroform´at XFN se objevuje i v r´amci blog˚ u ˇci diskuzn´ıch f´or. Implementace je jednoduch´a. 1 Anna Vzorov´ a Pˇr´ıklad 29: Pouˇzit´ı mikroform´atu XFN Pˇr´ıklad, kter´ y jsme vyuˇzili, sdˇeluje informace o tom, ˇze Anna je m´a kamar´adka, ale tak´e kolegynˇe – m´ame spoleˇcn´e z´ajmy. Shodou okolnost´ı pracujeme ve stejn´e firmˇe – je tedy moj´ı spolupracovnic´ı. V pr´aci vytvoˇrila mnoho zaj´ımav´ ych projekt˚ u – t´ım mˇe inspiruje. Anna je ze stejn´eho mˇesta jako j´a. Smysluplnˇe jsme vyuˇzili ˇsest hodnot mikroform´atu XFN – n´astoj˚ um, respektive stroj˚ um, kter´e je zpracov´avaj´ı, jsme poskytli dostatek dat o m´em vztahu k Annˇe. Tyto vazby se mohou d´ale rozv´ıjet podle toho, jak´e m´a Anna soci´aln´ı vztahy s lidmi, na kter´e odkazuje. N´ astroje N´ astroj pro tvorbu XFN http://gmpg.org/xfn/creator-cs. Bookmarklet pro validaci XFN http://tools.microformatic.com/
help/xhtml/rel-lint.
49
´ MIKROFORMATY ´ 6 STANDARDIZOVANE
6.7
hCard
Prvn´ım ze sloˇzen´ ych mikroform´at˚ u, kter´ y si detailnˇe vysvˇetl´ıme a pop´ıˇseme, je hCard. Setkali jsme se s n´ım jiˇz v kapitole 2.4.2 na stranˇe 19, kde jsme na pˇr´ıkladu 3 ilustrovali, co jsou vlastnosti a podvlastnosti. Mikroform´at slouˇz´ı k vyznaˇcen´ı kontaktn´ıch informac´ı pro lidi, organizace ˇci m´ısta. Jeho vyuˇzitelnost je vysok´a, nebot’ kaˇzd´e webov´e str´anky obsahuj´ı alespoˇ n z´akladn´ı kontaktn´ı informace. Ty nav´ıc nemus´ıme ruˇcnˇe pˇrepisovat do sv´ ych adres´aˇr˚ u, ale pˇr´ımo je exportovat ze str´anky. Mikroform´at hCard je 1:1 reprezentac´ı standardu vCard – obsahuj´ı stejn´e vlastnosti. Vyznaˇc´ıme-li ve str´ank´ach kontaktn´ı informace pomoc´ı hCard, lze tato data konvertovat do elektronick´e vizitky – souboru vCard s pˇr´ıponou .vcf (vCard File). Ten je standardnˇe podporov´an mnoha aplikacemi[24]. Profil Mikroform´at hCard opˇet disponuje XMDP profilem, na kter´ y m˚ uˇzeme odkazovat v elementu . 1 < head profile = " http :// microformats . org / profile / hcard "> Pˇr´ıklad 30: Profil mikroform´atu hCard
Povinn´ e vlastnosti Root vlastnost´ı tohoto mikroform´atu je vcard. Do elementu s pˇriˇrazenou hodnotou class="vcard" jsou uzavˇreny dalˇs´ı vlastnosti a podvlastnosti[3]. Mimo root vlastnosti je povinnou vlastnost´ı fn. fn – urˇcuje jm´eno osoby, ke kter´e se vztahuje dan´ y kontakt.
1
´ MIKROFORMATY ´ 6 STANDARDIZOVANE
Voliteln´ e vlastnosti (podvlastnosti) t´ ykaj´ıc´ı si lid´ı Chceme-li v kontaktu vyznaˇcit jednotliv´e ˇc´asti jm´ena pomoc´ı podvlastnost´ı, tzn. jm´eno, druh´e jm´eno, pˇr´ıjmen´ı apod., mus´ıme vyuˇz´ıt vlastnost n, kter´a je pro tento pˇr´ıpad tak´e povinn´a. Jestliˇze jm´eno tvoˇr´ı dvˇe slova bez rozˇsiˇruj´ıc´ıch s´emantick´ ych detail˚ u, je nepovinn´a. n – jm´eno ve vizitce je detailnˇe strukturov´ ano pomoc´ı podvlastnost´ı[25]:
. given-name – kˇrestn´ı jm´eno, . additional-name – druh´e jm´eno, . familly-name – pˇr´ıjmen´ı, . honorific-prefix – titul pˇred jm´enem, . honorific-suffix – titul za jm´enem. Vˇsechny v´ yˇse uveden´e podvlastnosti, kromˇe given-name a familly-name, mohou b´ yt pouˇzity v´ıcekr´at. D˚ uvodem je, ˇze titul˚ u i ˇc´ast´ı jm´ena m˚ uˇze m´ıt dan´a osoba v´ıce[24]. 1
Bˇeˇznou souˇc´ast´ı elektronick´e vizitky se tak´e stala fotografie. V mikroform´atu hCard ji znaˇc´ıme pomoc´ı vlastnosti photo, kterou pˇriˇrad´ıme atributu class. V´aˇze se na element . 51
´ MIKROFORMATY ´ 6 STANDARDIZOVANE photo – fotografie pˇriˇrazen´ a ke kontaktu.
1
Do sv´e elektronick´e vizity vˇsak m˚ uˇzeme zakomponovat i informace o organizaci, v kter´e pracujeme. Vyuˇzijeme k tomu vlastnost org. org – ud´av´a jm´eno organizace. Vlastnost org obsahuje n´asleduj´ıc´ı pod-
vlastnosti[25]: . organization-name – jm´eno organizace (nemus´ıme vyuˇz´ıvat, je-li uvedeno pouze jm´eno organizace), . organization-unit – oddˇelen´ı, . title – pracovn´ı zaˇrazen´ı, . role – role ˇci u ´loha, . agent – typicky se aplikuje na odkaz smˇeˇruj´ıc´ı na hCard jednatele, . logo – logo organizace. 1
´ MIKROFORMATY ´ 6 STANDARDIZOVANE
Voliteln´ e vlastnosti (podvlastnosti) t´ ykaj´ıc´ı se organizac´ı (m´ıst) Pro znaˇcen´ı kontaktn´ıch informac´ı specifikuj´ıc´ıch organizace ˇci m´ısta vyuˇz´ıv´ame vlastnost org – stejnˇe jako jsme ji mohli vyuˇz´ıt pro vyznaˇcen´ı organizace, v kter´e pracujeme. Rozd´ıl je pouze v tom, ˇze jsou vynech´any podvlastnosti souvisej´ıc´ı s osobou – nelze vyznaˇcit napˇr. roli ˇci pracovn´ı zaˇrazen´ı[3]. org – jm´eno organizace. Vlastnost org obsahuje n´ asleduj´ıc´ı podvlast-
nosti: . organization-name – jm´eno organizace (nemus´ıme vyuˇz´ıvat, je-li uvedeno pouze jm´eno organizace), . organization-unit – oddˇelen´ı. Stejnˇe jako je u kontaktn´ıch informac´ı urˇcen´ ych pro lidi pouˇzita vlastnost photo, u organizac´ı vyuˇzijeme vlastnost logo – opˇet ji aplikujeme na element . logo – logo organizace.
Spoleˇ cn´ e voliteln´ e vlastnosti (podvlastnosti) Nˇekter´e vlastnosti ˇci podvlastnosti jsou spoleˇcn´e pro znaˇcen´ı kontaktn´ıch informac´ı t´ ykaj´ıc´ıch se lid´ı, ale i organizac´ı (m´ıst). Prvn´ı z nich je adr. Pouˇz´ıt ji lze v´ıcekr´at – napˇr. pro dom´ac´ı a pracovn´ı adresu. adr – znaˇc´ı adresn´ı informace15 . Vlastnosti adr jsou pomoc´ı atributu
class pˇriˇrazov´any r˚ uznorod´e podvlastnosti[25, 3]: . post-office-box – poˇstovn´ı pˇrihr´adka, . extended-address – ˇc´ıslo popisn´e, . street-address – ulice, . locality – mˇesto, 15
adr nen´ı pouze vlastnost´ı standardizovan´eho mikroform´atu hCard, jedn´a se tak´e o samostatn´ y mikroform´ at ve f´ azi n´ avrhu (konceptu´aln´ı)
53
´ MIKROFORMATY ´ 6 STANDARDIZOVANE
. region – kraj, . country-name – zemˇe, . postal-code – poˇstovn´ı smˇerovac´ı ˇc´ıslo, . type – prostˇrednictv´ım n´asleduj´ıc´ıch hodnot ud´av´a typ adresy: – home – dom˚ u, – work – do pr´ace, – postal – poˇstovn´ı adresa (pro dopisy), – parcel – z´asilkov´a adresa (pro bal´ıky), – intl – mezin´arodn´ı adresa, – dom – soukrom´a adresa, – pref – touto hodnotou oznaˇcujeme preferovanou adresu, je-li v hCard vyznaˇceno v´ıce adres. Pro n´azornost se pod´ıvejme na kr´atk´ y pˇr´ıklad. 1
54
´ MIKROFORMATY ´ 6 STANDARDIZOVANE
1 < ul class = " adr label " > 2 < li class = " street - address " > Jeron´ y mova 10 3 < li > 4 < span class = " postal - code " > 371 15 5 < span class = " locality " > ˇ C esk´ e Budˇ e jovice 6 7 Pˇr´ıklad 36: Pouˇzit´ı mikroform´atu hCard – label Pro vyznaˇcen´ı elektronick´e adresy v kontaktn´ıch informac´ıch vyuˇzijeme vlastnost email. Ta m˚ uˇze b´ yt vyuˇzita v´ıcekr´at, m´ame-li v´ıce e-mailov´ ych adres. email – e-mailov´ a adresa. Vlastnost aplikujeme na odkaz specifikuj´ıc´ı
e-mailovou adresu. Jej´ı typ lze vyznaˇcit pomoc´ı podvlastnosti type. . type – druh e-mailov´e adresy. Pro vlastnost m˚ uˇzeme vyuˇz´ıt n´asleduj´ıc´ı hodnoty[25]: – internet – internetov´a e-mailov´a adresa, – x400 – e-mailov´a adresa typu X.40016 , – pref – preferovan´a e-mailov´a adresa. . value – aplikujeme-li podvlastnost type, mus´ıme vyuˇz´ıt tak´e podvlastnost value – jej´ı hodnotou je e-mailov´a adresa. Pokud chceme aplikovat vlastnost email bez urˇcen´ı typu adresy, pˇriˇrad´ıme ji atributu class. 1 Martin Drl´ ı k Pˇr´ıklad 37: Pouˇzit´ı mikroform´atu hCard – email 16
norma pro syst´em elektronick´e komunikace
55
´ MIKROFORMATY ´ 6 STANDARDIZOVANE
Budeme-li cht´ıt z´aroveˇ n sdˇelit typ e-mailov´e adresy, nevystaˇc´ıme si s pouh´ ym odkazem na ni. Pro vyznaˇcen´ı jej´ıho typu mus´ıme opˇet vyuˇz´ıt podmnoˇzinu vzoru value class – tedy value-title. D˚ uvodem jsou lokalizaˇcn´ı probl´emy u hodnot podvlastnosti type. 1
Dalˇs´ı vlastnost´ı, kterou m˚ uˇzeme pˇri znaˇcen´ı kontaktn´ıch u ´daj˚ u vyuˇz´ıt, je webov´a adresa. Chceme-li tuto vlastnost aplikovat, pˇriˇrad´ıme elementu atribut class s hodnotou url. url – webov´ a adresa.
1 Martin Drl´ ı k Pˇr´ıklad 39: Pouˇzit´ı mikroform´atu hCard – url 56
´ MIKROFORMATY ´ 6 STANDARDIZOVANE
Pro vyznaˇcen´ı telefonn´ıch ˇc´ısel v mikroform´atu hCard slouˇz´ı vlastnost tel. Lze ji vyuˇz´ıt v´ıcekr´at. tel – telefonn´ı ˇc´ıslo. Lze jej aplikovat pˇr´ımo na element obsahuj´ıc´ı
telefonn´ı ˇc´ıslo, popˇr. implementovat podvlastnost type. . type – druh telefonn´ıho ˇc´ısla. Podvlastnost nab´ yv´a n´asleduj´ıc´ıch hodnot[3]: – home – dom˚ u, – work – do pr´ace, – voice – hlas, – fax – fax, – cell – mobil, – pager – pager, – modem – modem, – msg – ˇc´ıslo z´aznamn´ıku, – video – ˇc´ıslo pro videohovory, – bbs – ˇc´ıslo pro bulletin board syst´em, – isdn – ISDN ˇc´ıslo, – pcs – PCS ˇc´ıslo17 , – car – autotelefon (mobiln´ı telefon), – pref – preferovan´e tel. ˇc´ıslo. . value – aplikujeme-li podvlastnost type, mus´ıme vyuˇz´ıt tak´e podvlastnost value – jej´ı hodnotou je telefonn´ı ˇc´ıslo. Vyznaˇcen´ı telefonn´ıho ˇc´ısla, vˇcetnˇe jeho typu, m˚ uˇze vypadat n´asledovnˇe. 1
Personal Communications System
57
´ MIKROFORMATY ´ 6 STANDARDIZOVANE
4 5 < span class = " value " > 609 114 702 6 Pˇr´ıklad 40: Pouˇzit´ı mikroform´atu hCard – tel Kromˇe vlastnosti tel jsme v pˇr´ıkladu vyuˇzili i podvlastnost type. Aplikovali jsme vzor value class, abychom odstranili lokalizaˇcn´ı probl´emy a urˇcili, ˇze hodnotu m´a tvoˇrit pouze telefonn´ı ˇc´ıslo, nikoliv i text, jak jsme jiˇz zm´ınili v kapitole 2.5.5 na stranˇe 26. Souˇca´st´ı mikroform´atu hCard m˚ uˇzou b´ yt tak´e geografick´e informace. Jednou z nich je ˇcasov´a z´ona. Znaˇc´ıme ji pomoc´ı vlastnosti tz. Hodnota je specifikov´ana jako ˇcasov´ y posun v˚ uˇci UTC18 [25]. tz – ˇcasov´a z´ ona.
1
. latitude – zemˇepisn´a ˇs´ıˇrka, . longitude – zemˇepisn´a d´elka. 18 19
Coordinated Universal Time geo existuje tak´e jako samostatn´ y konceptu´aln´ı mikroform´at
58
´ MIKROFORMATY ´ 6 STANDARDIZOVANE
Zemˇepisn´a ˇs´ıˇrka i d´elka mus´ı b´ yt uvedeny v desetin´ach stupˇ n˚ u. Zaokrouhlen´ı prob´ıh´a na ˇsest m´ıst za desetinnou ˇc´arkou. Pro pˇrevod vyuˇzijeme vzorec desetiny = stupnˇ e + minuty/60 + vteˇ riny/3600. 1 ... 2 < span class = " geo " > 3 < span class = " latitude " > 48.973800 , 4 < span class = " longitude " > 14.482359 5 6 ... Pˇr´ıklad 42: Pouˇzit´ı mikroform´atu hCard – geo Vyuˇz´ıt m˚ uˇzeme i zkr´acen´ y z´apis, kdy hodnoty podvlastnost´ı latitude a longitude oddˇel´ıme stˇredn´ıkem v r´amci jednoho elementu. 1 ... 2 < span class = " geo " > 3 < span class = " value - title " title = " 48.973800;14.482359 " > 4 5 ... Pˇr´ıklad 43: Pouˇzit´ı mikroform´atu hCard – geo (zkr´acen´ y z´apis) Aplikovat lze tak´e vlastnost sort-string, kter´a stroj˚ um znaˇc´ı, podle kter´eho krit´eria maj´ı kontakty ˇradit. sort-string – ˇrazen´ı kontakt˚ u.
1
59
´ MIKROFORMATY ´ 6 STANDARDIZOVANE
Vlastnost sort-string jsme pˇridali k podvlastnosti family-name. T´ım doc´ıl´ıme ˇrazen´ı kontakt˚ u podle pˇr´ıjmen´ı. Zmiˇ nme si zb´ yvaj´ıc´ı vlastnosti, kter´e lze pro mikroform´at hCard pouˇz´ıt. Aplikujeme je na element prostˇrednictv´ım atributu class.[3]. category – vlastnost znaˇc´ı kl´ıˇcov´ a slova pro popis kontaktn´ıch infor-
mac´ı. Ty lze z´aroveˇ n povaˇzovat za tagy, kter´e lze vyznaˇcit pomoc´ı mikroform´atu rel-tag. Vlastnost lze vyuˇz´ıt v´ıcekr´at. class – urˇcuje opr´avnˇen´ı pˇr´ıstupu k vizitce (veˇrejn´ a, soukrom´a, d˚ u-
vˇern´a), key – veˇrejn´ y kl´ıˇc nebo certifik´at pro kontakt, note – doplˇ nuj´ıc´ı pozn´amka ke kontaktu, rev – jedn´a se o hodnotu atributu (nikoliv o atribut) class aplikovanou
na informace o datu posledn´ı zmˇeny kontaktu, sound – znaˇc´ı odkaz na zvuk pˇriˇrazen´ y ke kontaktu (vˇetˇsinou poskytuje
spr´avnou v´ yslovnost jm´ena), uid – jednoznaˇcn´ y identifik´ator kontaktu.
Pouˇ zit´ı – kontaktn´ı informace lid´ı Nejˇcastˇeji je mikroform´at hCard vyuˇz´ıv´an k s´emantick´emu vyznaˇcen´ı kontaktn´ıch informac´ı lid´ı. Nyn´ı se pod´ıv´ame na praktick´ y pˇr´ıklad, kter´ y bude komentov´an pˇr´ımo v k´odu. 1 2 < div class = " vcard " > 3 4 < h3 class = " fn n " > 5 6 < span class = " given - name " > Martin 60
´ MIKROFORMATY ´ 6 STANDARDIZOVANE
7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33
< span class = " family - name sort - string " > Drl´ ı k < img src = " drlikm . jpg " alt = " Martin Drl´ ık fotografie " class = " photo " / > < dl > < dt > Adresa : < dd class = " adr " > < div class = " street - address " > < span class = " geo " > < span class = " value - title " title = " 48.988047;14.457780 " > < span class = " value " > Boreck´ e ho 1167/27 < div > < span class = " postal - code " > 370 01 < span class = " locality " > ˇ C esk´ e Budˇ e jovice < / span > < div class = " country - name " > ˇ C esk´ a republika 61
´ MIKROFORMATY ´ 6 STANDARDIZOVANE
34 35 36 37
38 39 40 41
42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57
< dt > Email : < dd > info@drlikm . cz < dt > Www : < dd > www . drlikm . cz < dt > Mobil : < dd class = " tel " > < span class = " type " > < span class = " value - title " title = " cell " > < span class = " value " > +420 609 114 702 < dt > Pozn´ a mka : < dd class = " note " > Volejte pouze v odpoledn´ ı ch hodin´ a ch . Pˇr´ıklad 45: Pouˇzit´ı mikroform´atu hCard - lid´e
62
´ MIKROFORMATY ´ 6 STANDARDIZOVANE
V´ yˇse jsme si uvedli komplexn´ı pˇr´ıklad znaˇcen´ı kontaktn´ıch informac´ı lid´ı. Slouˇz´ı pro pochopen´ı, jak mikroform´at hCard implementovat. Elektronick´a vizitka vˇsak nemus´ı b´ yt bezpodm´ıneˇcnˇe takto rozs´ahl´a – zde jsme aplikovali vˇetˇs´ı mnoˇzstv´ı vlastnost´ı a podvlastnost´ı z d˚ uvodu n´azornosti jejich vyuˇzit´ı. Pouˇ zit´ı – kontaktn´ı informace organizac´ı a m´ıst Mikroform´at hCard lze vyuˇz´ıvat tak´e pro znaˇcen´ı organizac´ı ˇci m´ıst. D´ılˇc´ı vlastnosti i podvlastnosti jsme si jiˇz probrali, proto si uvedeme praktick´ y pˇr´ıklad. 1 2 < div class = " vcard " > 3 4 < h3 class = " fn org " > 5 6 < span class = " organization - name " > MPSV , 7 8 < span class = " organization - unit " > Oddˇ e len´ ı koncepce soci´ a ln´ ı ch sluˇ z eb 9 10 11 < img src = " mpsv - logo . jpg " alt = " MPSV logo " class = " logo " / > 12 < dl > 13 < dt > Adresa : 14 15 < dd class = " adr " > 16 17 < div class = " street - address " > 18 19 < span class = " geo " > 63
´ MIKROFORMATY ´ 6 STANDARDIZOVANE
20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37
38 39 40 41 42 43 44 45 46
< span class = " value - title " title = " 50.071446;14.415734 " > < span class = " value " > Na Poˇ rı ´c ˇ n´ ı m pr´ a vu 1/376 < div > < span class = " postal - code " > 128 01 < span class = " locality " > Praha 2 < div class = " country - name " > ˇ C esk´ a republika < dt > Email : < dd > posta@mpsv . cz < / a > < dt > Www : < dd > www . mpsv . cz < dt > Telefon : < dd class = " tel " > < span class = " type " > 64
´ MIKROFORMATY ´ 6 STANDARDIZOVANE
47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66
< span class = " value - title " title = " work " > Pr´ a ce : < span class = " value " > +420 221 921 111 < dd class = " tel " > < span class = " type " > < span class = " value - title " title = " fax " > < / span > Fax : < span class = " value " > +420 224 918 391 < dt > Posledn´ ı aktualizace kontaktu : < dd class = " rev " > 2011 -01 -14 Pˇr´ıklad 46: Pouˇzit´ı mikroform´atu hCard - organizace Na pˇr´ıkladu jsme si uvedli znaˇcen´ı kontaktn´ıch informac´ı organizac´ı (m´ıst). Pro n´azornost byly opˇet implementov´any r˚ uznorod´e vlastnosti a podvlastnosti. Ve skuteˇcnosti m˚ uˇze kontakt obsahovat pouze povinnou vlastnost fn – z´aleˇz´ı pouze na V´as, jak´e vlastnosti vyuˇzijete. N´ astroje N´ astroj pro tvorbu mikroform´atu hCard http://microformats.org/
code/hcard/creator. 65
´ MIKROFORMATY ´ 6 STANDARDIZOVANE
6.8
hCalendar
ˇ Casto se na webov´ ych str´ank´ach setk´av´ame s informacemi o ud´alostech. K jejich vyznaˇcen´ı m˚ uˇzeme vyuˇz´ıt dalˇs´ı sloˇzen´ y mikroform´at. T´ım je hCalendar. S jeho uk´azkou jsme se jiˇz setkali v kapitole 2.4.6 na stranˇe 21, kde jsme zn´azorˇ novali, jak snadn´e je kombinov´an´ı mikroform´at˚ u. Mikroform´at hCalendar je 1:1 reprezentac´ı standardu iCalendar 20 – vlastnosti i podvlastnosti jsou stejn´e. To umoˇzn ˇuje strojov´e zpracov´an´ı dat – konverzi do standardn´ıho souboru iCal s pˇr´ıponou .ics. Ten je podporov´an elektronick´ ymi kalend´aˇri. D´ıky snadn´emu exportu odpad´a ruˇcn´ı pˇrepisov´an´ı ud´alosti do organiz´eru[3]. Ud´alosti vyznaˇcen´e t´ımto mikroform´atem poskytuj´ı tak´e data pro strojov´e zpracov´an´ı – mimo jin´e pro indexovac´ı roboty. Vyhled´avaˇc Google nab´ız´ı u v´ ysledk˚ u vyhled´av´an´ı rozˇsiˇruj´ıc´ı informace o ud´alostech vyznaˇcen´ ych mikroform´atem hCalendar – jsou jimi datum a m´ısto kon´an´ı ud´alosti. Chcemeli zjistit, jak´ ym zp˚ usobem bude vyhled´avaˇc Google prezentovat data, kter´a jsme vyznaˇcili pomoc´ı mikroform´at˚ u, vyuˇzijeme n´astroj Rich Snippets Tes21 ting Tool . Root vlastnost´ı tohoto mikroform´atu je vcalendar. Je-li ve str´ance vyznaˇcena pouze jedna ud´alost, je tato root vlastnost nepovinn´a. Pokud vˇsak vyznaˇc´ıme v´ıce ud´alost´ı v r´amci jedn´e str´anky, mˇeli bychom tuto koˇrenovou vlastnost vyuˇz´ıt – je voliteln´a[26]. Profil Mikroform´at hCalendar tak´e disponuje sv´ ym profilem, na kter´ y m˚ uˇzeme z elementu odkazovat. 1 < head profile = " http :// microformats . org / profile / hcalendar " > Pˇr´ıklad 47: Profil mikroform´atu hCalendar 20 21
iCalendar je zaloˇzen na vCalendar (virtu´aln´ı kalend´aˇr) http://www.google.com/webmasters/tools/richsnippets
66
´ MIKROFORMATY ´ 6 STANDARDIZOVANE
Povinn´ e vlastnosti Povinn´e vlastnosti mikroform´atu hCalendar jsou tyto[3]: vevent – aplikujeme na element, kter´ y obsahuje jednotliv´e vlastnosti
a podvlastnosti ud´alosti. Pokud ve str´ance znaˇc´ıme v´ıce ud´alost´ı, kaˇzd´a z nich mus´ı b´ yt uzavˇrena v elementu s vlastnost´ı vevent. summary – kr´ atk´ y popis ud´alosti, kter´ y je obvykle tvoˇren n´azvem ˇci
titulkem ud´alosti. dtstart – informace o datu (popˇr. ˇcase) zaˇca´tku ud´alosti dle normy
ISO 8601, viz kapitola 2.5.3 na stranˇe 25. Voliteln´ e vlastnosti (podvlastnosti) Chceme-li v ud´alosti urˇcit kromˇe zaˇca´tku ud´alosti i jej´ı konec, vyuˇzijeme nepovinnou vlastnost dtend. dtend – informace o datu (popˇr. ˇcase) konce ud´alosti (opˇet dle normy
ISO 8601). Ud´alosti m˚ uˇzeme tak´e vyznaˇcit dobu, po jakou bude prob´ıhat. K tomu slouˇz´ı vlastnost duration. duration – ud´av´a dobu trv´ an´ı ud´alosti, kterou umist’ujeme do titulku
elementu za pouˇzit´ı vzoru value class. Zp˚ usob tvoˇren´ı hodnot, kde otazn´ık reprezentuje ˇcasovou informaci, je n´asleduj´ıc´ı[3]: . P?Y – d´elka ud´alosti v roc´ıch. Hodnota P1Y tedy znaˇc´ı, ˇze ud´alost bude prob´ıhat jeden rok. . P?M – d´elka ud´alosti v mˇes´ıc´ıch. Hodnota P6M znaˇc´ı, ˇze ud´alost bude prob´ıhat ˇsest mˇes´ıc˚ u. . P?W – d´elka ud´alosti v t´ ydnech. Hodnota P7W znaˇc´ı, ˇze ud´alost bude prob´ıhat sedm t´ ydn˚ u. . P?D – d´elka ud´alosti ve dnech. Hodnota P30D znaˇc´ı, ˇze ud´alost bude prob´ıhat 30 dn´ı. 67
´ MIKROFORMATY ´ 6 STANDARDIZOVANE
. PT?H – d´elka ud´alosti v hodin´ach. Hodnota PT11H znaˇc´ı, ˇze ud´alost bude prob´ıhat 11 hodin. . PT?M – d´elka ud´alosti v minut´ach. Hodnota PT23M znaˇc´ı, ˇze ud´alost bude prob´ıhat 23 minut. . PT?S – d´elka ud´alosti v sekund´ach. Hodnota PT40S znaˇc´ı, ˇze ud´alost bude prob´ıhat 40 sekund. Pˇri znaˇcen´ı hodin, minut ˇci sekund vyuˇzijeme oddˇelovaˇc T. Pouˇzit´ı m˚ uˇze vypadat n´asledovnˇe. 1 ... 2
specifikov´any, m˚ uˇzeme tedy vyuˇz´ıt vlastn´ı dle potˇreby, napˇr. koncert, sch˚ uzka, konference. Vlastnost lze aplikovat v´ıcekr´at. description – detailnˇejˇs´ı popis ud´ alosti, dtstamp – datum (popˇr. ˇcas) vytvoˇren´ı ud´ alosti, last-modified – datum (popˇr. ˇcas) posledn´ı aktualizace ud´ alosti,
68
´ MIKROFORMATY ´ 6 STANDARDIZOVANE status – znaˇc´ı status ud´ alosti. M˚ uˇze nab´ yvat hodnot:
. cancelled – zruˇsen´a, . confirmed – potvrzen´a, . tentative – pˇredbˇeˇzn´a. class – tˇr´ıda ud´ alosti. K dispozici jsou hodnoty:
. public – veˇrejn´a, . private – soukrom´a, . confidential – d˚ uvˇern´a ud´alost. uid – unik´ atn´ı identifik´ator pro ud´alost. Typicky se pro nˇej uˇz´ıv´a URL. geo – geografick´ a lokace ud´alosti pomoc´ı zemˇepisn´e ˇs´ıˇrky a d´elky (viz
dˇr´ıve probran´a vlastnost geo v kapitole 6.7 na stranˇe 58). K dispozici m´ame i vlastnosti slouˇz´ıc´ı pro vyznaˇcen´ı opakuj´ıc´ıch se ud´alost´ı. Umoˇzn ˇuje n´am to vlastnost rrule. rrule – znaˇc´ı pravideln´e opakov´an´ı ud´alosti. Aplikujeme-li tuto vlast-
nost, mus´ıme vyuˇz´ıt jej´ı podvlastnost freq: . freq – urˇcuje, jak ˇcasto se ud´alost bude opakovat. Tato vlastnost nab´ yv´a n´asleduj´ıc´ıch hodnot: – secondely – kaˇzdou sekundu, – minutely – kaˇzdou minutu, – hourly – kaˇzdou hodinu, – daily – dennˇe, – weekly – t´ ydnˇe, – monthly – mˇes´ıˇcnˇe, – yearly – roˇcnˇe.
69
´ MIKROFORMATY ´ 6 STANDARDIZOVANE
1 ... 2 < span class = " rrule " > 3 < span class = " value - title " title = " yearly " > Ud´ a lost bude prob´ ı hat kaˇ z d´ y rok . 4 5 ... Pˇr´ıklad 49: Pˇr´ıklad mikroform´atu hCalendar – freq Opakov´an´ı ud´alosti m˚ uˇzeme d´ale upˇresnit pomoc´ı kvalifik´ator˚ u, kter´ ymi jsou[3]: interval – ud´av´a interval opakov´an´ı (napˇr. kaˇzd´e ˇctyˇri roky), count – ˇc´ıslo znaˇc´ıc´ı poˇcet ud´ alost´ı, kter´e probˇehnou v r´amci opakov´an´ı, until – koneˇcn´ y datum opakov´an´ı (do kdy se m´a ud´alost opakovat).
Kvalifik´atory count a until se vz´ajemnˇe vyluˇcuj´ı – lze pouˇz´ıt bud’ jeden nebo druh´ y[27]! Aplikujeme je v r´amci vzoru value class. Pomoc´ı podmnoˇziny value-title um´ıst´ıme dan´ y kvalifik´ator do atributu title. Hodnotu mu pˇriˇrad´ıme pomoc´ı rovn´ıtka. Kvalifik´atory v r´amci titulku oddˇelujeme stˇredn´ıkem[3]. 1 ... 2 < span class = " rrule " > 3 < span class = " value - title " title = " freq = monthly ; interval =3; count =4 " > ˇ C tvrtletn´ ı konference . 4 5 ... Pˇr´ıklad 50: Pˇr´ıklad mikroform´atu hCalendar – interval, count V´ yn ˇatek ud´alosti znaˇc´ı pravideln´e opakov´an´ı konference – ta bude prob´ıhat kaˇzd´ y tˇret´ı mˇes´ıc, nebot’ jsme aplikovali interval s hodnotou tˇri v kombinaci s mˇes´ıˇcn´ı frekvenc´ı. Ud´alost se bude opakovat ˇctyˇrikr´at. Mikroform´at hCalendar n´am nab´ız´ı dalˇs´ı upˇresˇ nuj´ıc´ı kvalifik´atory, pomoc´ı kter´ ych lze opakov´an´ı ud´alosti detailnˇeji specifikovat. Jsou jimi[3, 27]: 70
´ MIKROFORMATY ´ 6 STANDARDIZOVANE bysecond – sekundy o hodnot´ ach 0 - 59, byminute – minuty o hodnot´ ach 0 - 59, byhour – hodiny o hodnot´ach 0 - 23, bymonthday – dny v mˇes´ıci o hodnot´ach 1 - 31, byyearday – dny v roce o hodnot´ach 1 - 366, byweekno – t´ ydny o hodnot´ach 1 - 53, bymonth – mˇes´ıce o hodnot´ ach 1 - 12, byday – dny o hodnot´ ach su, mo, tu, we, th, fr a sa.
1 ... 2 < span class = " rrule " > 3 < span class = " value - title " title = " freq = weekly ; byday = tu , we ; byhour =13 " > V´ y uka prob´ ı h´ a kaˇ z d´ e ´ u ter´ y a stˇ r edu ve 13 hodin . 4 5 ... Pˇr´ıklad 51: Pˇr´ıklad mikroform´atu hCalendar – kvalifik´atory Pˇr´ıklad znaˇc´ı, ˇze ud´alost bude prob´ıhat kaˇzd´ y t´ yden – v u ´ter´ y a stˇredu od 13 hodin. Povˇsimnˇeme si, ˇze jsme vyuˇzili v´ıce hodnot kvalifik´atoru byday, kter´e jsme oddˇelili ˇca´rkou. Ud´alosti se vˇsak mohou opakovat tak´e nepravidelnˇe. Slouˇz´ı k tomu vlastnost rdate. Pomoc´ı titulku specifikujeme seznam dat, kdy m´a doj´ıt k opakov´an´ı – oddˇelujeme je ˇca´rkou. rdate – data nepravideln´eho opakov´an´ı ud´alosti oddˇelen´a ˇca´rkou, uve-
den´a dle normy ISO 8601.
71
´ MIKROFORMATY ´ 6 STANDARDIZOVANE
1 ... 2 < span class = " rdate " > 3 < span class = " value - title " title = " 2011 -02 -22 ,2011 -03 -03 " > Pracovn´ ı pohovor . 4 5 ... Pˇr´ıklad 52: Pˇr´ıklad mikroform´atu hCalendar – rdate V pˇr´ıkladu jsme zn´azornili ud´alost s nepravideln´ ym opakov´an´ım. Pracovn´ı pohovor dle t´eto ud´alosti probˇehne 22. u ´nora a tˇret´ıho bˇrezna. Mikroform´at hCalendar disponuje dalˇs´ımi vlastnostmi. Zm´ınili jsme pouze ty, kter´e jsou pro znaˇcen´ı ud´alost´ı na webov´ ych str´ank´ach vyuˇziteln´e22 . Pouˇ zit´ı V´ yˇse jsme zm´ınili vˇsechny podstatn´e vlastnosti a podvlastnosti, kter´e vyuˇzijeme pˇri znaˇcen´ı ud´alost´ı na webov´ ych str´ank´ach. Uved’me si nyn´ı komplexn´ı pˇr´ıklad ud´alosti, vyznaˇcen´e pomoc´ı mikroform´atu hCalendar. 1 2 < div class = " vevent " > 3 4 < h3 > Jedn´ a n´ ı akreditaˇ c n´ ı komise 5 < ul > 22
viz vlastnosti v XMDP profilu http://microformats.org/profile/hcalendar
72
´ MIKROFORMATY ´ 6 STANDARDIZOVANE
6 7 8 9 10 11 12 13 14
15 16 17 18 19 20
21 22 23 24 25 26 27
< li > < strong > Zaˇ c´ a tek : < span class = " dtstart " > < span class = " value - title " title = " 2011 -02 -24 " > 24. 02. 2011 < li > < strong > M´ ı sto : < span class = " location vcard " > < span class = " geo " > < span class = " value - title " title = " 50.069947;14.415307 " > < span class = " fn org " > Podskalsk´ a 1290/19 , Praha 2 < li class = " rdate " > < strong > Term´ ı ny jedn´ a n´ ı AK : < / strong > 73
´ MIKROFORMATY ´ 6 STANDARDIZOVANE
28 29
30 31 32 33 34
35
< span class = " value - title " title = " 2011 -05 -26 ,2011 -08 -25 ,2011 -11 -24 " > 26. kvˇ e tna 2011 , 25. srpna 2011 a 24. listopadu 2011.
org/code/hcalendar/creator.
74
´ ´I MIKROFORMATY ´ 7 KONCEPTUALN
7
Konceptu´ aln´ı mikroform´ aty
V souˇcasn´e dobˇe je k dispozici 17 konceptu´aln´ıch mikroform´at˚ u – jsou ve f´azi n´avrhu a jejich specifikace se m˚ uˇze mˇenit. To pˇrin´aˇs´ı u ´skal´ı t´eto kapitoly. Jsou konceptu´aln´ı mikroform´aty, kter´ ych se zmˇeny t´ ykat nebudou, ale i takov´e, kter´e se zmˇen´am nevyhnou. Soustˇredit se budeme pˇredevˇs´ım na mikroform´aty ve vˇetˇs´ı m´ıˇre pouˇz´ıvan´e. Takov´e, kter´e jsou pˇr´ınosn´e i pˇres riziko jejich moˇzn´e zmˇeny a maj´ı oporu bud’ v n´astroj´ıch pro pr´aci s mikroform´aty nebo ve strojov´em zpracov´an´ı. Pouˇz´ıv´an´ı konceptu´aln´ıch mikroform´at˚ u z´avis´ı pouze na V´as – pokud se V´am nˇekter´ y jev´ı jako vyuˇziteln´ y, nen´ı d˚ uvod jej neimplementovat. Mezi hlavn´ı mikroform´aty, kter´e jsou vyuˇz´ıv´any a podporov´any, patˇr´ı relhome, xFolk, geo, adr, hAtom, hReview, hResume, hMedia a hRecipe. Uk´azky a znaˇcen´ı tˇechto ˇci dalˇs´ıch konceptu´aln´ıch mikroform´at˚ u je aktu´aln´ı vzhledem vzhledem k datu vzniku t´eto pr´ace. Podkapitoly jsou opˇet ˇrazeny dle sloˇzitosti mikroform´atu – zaˇc´ın´ame element´arn´ımi a pokraˇcujeme sloˇzen´ ymi. Mikroform´aty, kter´e nejsou pˇr´ıliˇs stabiln´ı a uˇz´ıvan´e, byly um´ıstˇeny jako z´avˇereˇcn´e podkapitoly.
7.1
rel-home
Element´arn´ı mikroform´at rel-home m˚ uˇzeme vyuˇz´ıt dvˇema z´akladn´ımi zp˚ usoby – bud’ jej implementovat jako souˇca´st elementu v p´arov´em tagu
75
´ ´I MIKROFORMATY ´ 7 KONCEPTUALN
1 < head > 2 ... 3 < link rel = " home " href = " http :// www . drlikm . cz " title = " Domovsk´ a str´ a nka " / > 4 Pˇr´ıklad 54: Pˇr´ıklad mikroform´atu rel-home – Na pˇr´ıkladu vid´ıme pˇriˇrazen´ı hodnoty home atributu rel. Tento zp˚ usob pouˇzit´ı mikroform´atu rel-home dok´aˇze uˇzivatelsky identifikovat prozat´ım pouze webov´ y prohl´ıˇzeˇc Opera, jak vid´ıme na obr´azku.
Obr´azek 9: Mikroform´at rel-home identifikovan´ y prohl´ıˇzeˇcem Opera Jak jsme jiˇz zm´ınili, druh´ ym zp˚ usobem vyuˇzit´ı je aplikov´an´ı mikroform´atu na odkaz smˇeˇruj´ıc´ı na domovskou str´anku. 1 = ´ U vod Pˇr´ıklad 55: Pˇr´ıklad mikroform´atu rel-home – Tento zp˚ usob z´apisu jiˇz webov´ y prohl´ıˇzeˇc Opera neidentifikuje. Vyuˇz´ıvat jej vˇsak lze pro vˇsechny odkazy smˇeˇruj´ıc´ı na domovskou str´anku webu.
7.2
rel-enclosure
Mikroform´at rel-enclosure aplikujeme na odkazy pomoc´ı atributu rel. Tento element´arn´ı mikroform´at znaˇc´ı, ˇze c´ıl odkazu smˇeˇruje na soubor, kter´ y lze uloˇzit – at’ uˇz jako soubor ˇci pouze do vyrovn´avac´ı pamˇeti. Vyuˇz´ıv´a se pˇredevˇs´ım v syndikaci obsahu – napˇr. pro RSS kan´aly. Mikroform´at nedisponuje 76
´ ´I MIKROFORMATY ´ 7 KONCEPTUALN
odkazem na XMDP profil – jeho znˇen´ı je vˇsak k dispozici na webov´e str´ance http://microformats.org/wiki/rel-enclosure[3]. Pouˇ zit´ı Uved’me si praktick´ y pˇr´ıklad pouˇzit´ı tohoto mikroform´atu. 1 V´ y sledky v´ y zkumu Pˇr´ıklad 56: Pˇr´ıklad mikroform´atu rel-enclosure Odkazem v´ yˇse indikujeme, ˇze pˇr´ılohou je dokument obsahuj´ıc´ı v´ ysledky v´ yzkumu. Pokud bychom jako pˇr´ılohu vyznaˇcili napˇr. video, syndikaˇcn´ı n´astroje mohou umoˇznit pˇr´ım´e pˇrehr´an´ı odkazovan´eho videa. Tohoto mikroform´atu vyuˇz´ıv´a n´astroj Oomph zm´ınˇen´ y v kapitole 5.6 na stranˇe 38. Kombinac´ı mikroform´atu hMedia a rel-enclosure by mˇel umoˇznit pˇrehr´av´an´ı c´ılov´eho vida ˇci audia prostˇrednictv´ım technologie Silverlight – pˇri testov´an´ı se vˇsak soubory pˇrehr´at nepodaˇrilo.
7.3
rel-directory
Dalˇs´ım z element´arn´ıch mikroform´at˚ u, kter´e si pˇredstav´ıme, je rel-directory. Pomoc´ı atributu rel jej aplikujeme na element . Vyuˇzijeme ho v pˇr´ıpadu, ˇze chceme vyznaˇcit odkaz, jehoˇz c´ılem je v´ ypis adres´aˇre. Pˇr´ıkladem m˚ uˇze b´ yt seznam registrovan´ ych uˇzivatel˚ u s odkazy na jejich profily ˇci v´ ypis produkt˚ u v urˇcit´e kategorii elektronick´eho obchodu. Pro tento mikroform´at opˇet neexistuje pˇr´ım´ y odkaz na XMDP profil – jeho znˇen´ı nalezneme na webov´e str´ance http://microformats.org/wiki/rel-directory[28, 3]. Pouˇ zit´ı Stejnˇe jako pˇredchoz´ı mikroform´aty zaloˇzen´e na atributu rel, ani tento nen´ı n´aroˇcn´ y na implementaci – pod´ıvejme se na pˇr´ıklad pouˇzit´ı.
77
´ ´I MIKROFORMATY ´ 7 KONCEPTUALN
1 Uˇ z ivatel´ e Pˇr´ıklad 57: Pˇr´ıklad mikroform´atu rel-directory C´ıl odkazu, kter´ y jsme v pˇr´ıkladu uvedli, smˇeˇruje na str´anku s v´ ypisem uˇzivatel˚ u, logicky jsme tedy aplikovali mikroform´at rel-directory.
7.4
rel-payment
Posledn´ım z element´arn´ıch mikroform´at˚ u zaloˇzen´ ych na atributu rel, kter´ y zm´ın´ıme, je rel-payment. Aplikujeme jej na odkazy znaˇc´ıc´ı, ˇze odkaz smˇeˇruje na str´anku platebn´ıho mechanismu. Mikroform´at by mˇel b´ yt vyuˇziteln´ y pˇredevˇs´ım pro RSS ˇcteˇcky – ty by mˇely extrahovat takto vyznaˇcen´e odkazy a vˇenovat jim vˇetˇs´ı pozornost. Znˇen´ı XMDP profilu je k dispozici na webov´e str´ance http://microformats.org/wiki/rel-payment – pˇr´ım´ y odkaz na profil neexistuje[29]. Pouˇ zit´ı Pod´ıvejme se nyn´ı na praktick´e aplikov´an´ı mikroform´atu rel-payment. 1 Podpoˇ r te tento web Pˇr´ıklad 58: Pˇr´ıklad mikroform´atu rel-payment Na odkaz jsme aplikovali atribut rel s hodnotou payment pro indikaci platebn´ıho mechanismu. V naˇsem pˇr´ıkladu je uveden pouze odkaz v obecn´em tvaru – v praxi bude obohacen o dalˇs´ı parametry s identifikac´ı pˇr´ıjemce platby.
7.5
xFolk
Mikroform´at xFolk se vyuˇz´ıv´a ke znaˇcen´ı souboru z´aloˇzek. Jedn´a se o sloˇzen´ y mikroform´at – obsahuje vlastnosti a podvlastnosti.
78
´ ´I MIKROFORMATY ´ 7 KONCEPTUALN
Z´aloˇzk´am lze pˇriˇrazovat tak´e tagy za vyuˇzit´ı mikroform´atu rel-tag zm´ınˇen´eho v kapitole 6.3 na stranˇe 44. Jejich kategorizace umoˇzn ˇuje snadn´e vyhled´av´an´ı, strojov´e zpracov´an´ı ˇci export do sluˇzeb zajiˇst’uj´ıc´ıch tzv. socia´ln´ı znaˇckov´an´ı, jak´ ymi jsou napˇr. Delicious23 a mnoh´e dalˇs´ı. Root vlastnost´ı tohoto mikroform´atu je xfolkentry[3]. Povinn´ e vlastnosti Jedinou povinnou vlastnost´ı, kromˇe root, je taggedlink[30, 3]. taggedlink – vlastnost aplikujeme na odkaz, kter´ y chceme vyznaˇcit
jako z´aloˇzku. Voliteln´ e vlastnosti Mikroform´at xFolk n´am nab´ız´ı n´asleduj´ıc´ı voliteln´e vlastnosti[30]. description – touto vlastnost´ı znaˇc´ıme popis z´aloˇzky. tag – vyznaˇcuje tagy vztahuj´ıc´ı se k dan´e z´ aloˇzce.
Profil Mikroform´at xFolk disponuje odkazem na XMDP profil – jeho implementace nen´ı povinn´a, ale doporuˇcovan´a – jak jsme jiˇz nˇekolikr´at zm´ınili. 1 < head profile = " http :// microformats . org / profile / xfolk "> Pˇr´ıklad 59: Profil mikroform´atu xFolk
Pouˇ zit´ı Pod´ıvejme se nyn´ı na praktick´e pouˇzit´ı mikroform´atu xFolk, kde vyuˇzijeme nab´ızen´e vlastnosti. Pro zpˇrehlednˇen´ı pˇr´ıkladu vyznaˇc´ıme pouze jeden odkaz – vyznaˇcit jich vˇsak m˚ uˇzeme libovoln´e mnoˇzstv´ı, dle vlastn´ıch potˇreb. 23
http://www.delicious.com/
79
´ ´I MIKROFORMATY ´ 7 KONCEPTUALN
1 < ul > 2 3 < li class = " xfolkentry " > 4 5 Operator 6 < ul > 7 8 < li class = " description " > Doplnˇ e k pro webov´ y prohl´ ıˇ z eˇ c Mozilla Firefox . 9 < li > Tagy : 10 11 Microformats , 12 Operator , 13 Firefox 14 15 16 17 ... 18 Pˇr´ıklad 60: Pouˇzit´ı mikroform´atu xFolk Ve v´ yˇse uveden´em pˇr´ıkladu jsme aplikovali vˇsechny dostupn´e vlastnosti, vˇcetnˇe voliteln´ ych. Popis z´aloˇzky a tagy jsme uv´adˇet nemuseli. N´astroj Operator (viz kapitola 5.1 na stranˇe 32), kter´ y z´aloˇzky ve str´ank´ach identifikuje 80
´ ´I MIKROFORMATY ´ 7 KONCEPTUALN
a nab´ız´ı jejich export vˇsak nedok´aˇze hodnoty popisu a tag˚ u rozeznat – pˇri exportu jsou zˇretˇezeny do n´azvu z´aloˇzky. Pro mechanismy strojov´eho zpracov´an´ı jsou vˇsak hodnoty rozeznateln´e.
7.6
geo
S vlastnost´ı geo jsme se jiˇz sezn´amili u mikroform´atu hCard – zde jsme z´aroveˇ n zm´ınili, ˇze existuje tak´e jako samostatn´ y konceptu´aln´ı mikroform´at. Vlastnosti i podvlastnosti jsou zcela shodn´e. Mikroform´at geo v souˇcasn´e dobˇe podporuje i firma Seznam.cz, kter´a jej bere v potaz pˇri zobrazov´an´ı v´ ysledk˚ u vyhled´av´an´ı a dod´av´a k takto indexovan´emu z´aznamu pˇr´ım´ y odkaz na mapov´e podklady, jak demonstrujeme n´asleduj´ıc´ım obr´azkem. Je-li ve str´ance vyznaˇcen mikroform´at geo v´ıcekr´at, bere se v potaz prvn´ı z nich[31].
Obr´azek 10: geo ve v´ ysledku vyhled´av´an´ı Seznam.cz Profil Chceme-li vyuˇz´ıt mikroform´at geo, m˚ uˇzeme dle vlastn´ıho uv´aˇzen´ı implementovat jeho XMDP profil. Ten je totoˇzn´ y s profilem mikroform´atu hCard, jehoˇz souˇc´ast´ı je vlastnost geo, jak jsme jiˇz zmiˇ novali. 1 < head profile = " http :// microformats . org / profile / hcard "> Pˇr´ıklad 61: Profil mikroform´atu geo
Pouˇ zit´ı Pouˇzit´ı je zn´azornˇeno v r´amci prob´ıran´e problematiky vlastnosti geo mikroform´atu hCard v kapitole 6.7 na stranˇe 58.
81
´ ´I MIKROFORMATY ´ 7 KONCEPTUALN
7.7
adr
Mikroform´at adr, kter´ y je z´aroveˇ n vlastnost´ı pro hCard, jsme probrali jiˇz v kapitole 36 na stranˇe 55. Vlastnosti jsou totoˇzn´e, avˇsak nepouˇz´ıv´a se type, nebot’ mikroform´at adr se nev´aˇze na konkr´etn´ı osobu – nelze proto urˇcovat typ adresy. Root vlastnost pro tento mikroform´at je adr. Podvlastnosti jsou n´asleduj´ıc´ı: post-office-box – poˇstovn´ı pˇrihr´ adka, extended-address – ˇc´ıslo popisn´e, street-address – ulice, locality – mˇesto, region – kraj, country-name – zemˇe, postal-code – poˇstovn´ı smˇerovac´ı ˇc´ıslo.
Profil Pokud se rozhodneme implementovat XMDP profil mikroform´atu adr, je opˇet totoˇzn´ y s hCard. 1 < head profile = " http :// microformats . org / profile / hcard "> Pˇr´ıklad 62: Profil mikroform´atu adr
Pouˇ zit´ı Standardn´ı pouˇzit´ı mikroform´atu adr je zˇrejm´e z pˇr´ıkladu 36 na stranˇe 55. Zde vˇsak mus´ıme vynechat, respektive nesm´ıme pouˇz´ıt vlastnost label, kter´a nen´ı souˇca´st´ı mikroform´atu adr !
82
´ ´I MIKROFORMATY ´ 7 KONCEPTUALN
7.8
hAtom
Sloˇzen´ y mikrofotm´at hAtom pˇreb´ır´a vyuˇziteln´e vlastnosti form´atu Atom, kter´e jsou potˇrebn´e pˇri s´emantick´em znaˇcen´ı ˇcl´ank˚ u. Tento mikroform´at nevznikl prim´arnˇe pro syndikaci obsahu, jeho transformaci do RSS24 ˇci Atom – u ´ˇcelem je strukturov´an´ı obsahu webov´ ych str´anek, kter´ y tvoˇr´ı napˇr. ˇcl´anky ˇci pˇr´ıspˇevky na blogu[3]. Konvertory podporuj´ıc´ı pr´aci s mikroform´aty umoˇzn ˇuj´ı extrahovat takto vyznaˇcen´a data a transformovat je bud’ do RSS ˇci Atom, jak jsme se jiˇz zm´ınili v kapitole 5.8 na stranˇe 41. Vyuˇz´ıvaj´ı principu jednoduch´e implementace, kdy je adresa zdrojov´e webov´e str´anky parametrem webov´e adresy konvertotu. Pˇri konverzi se vˇsak opˇet objevuj´ı probl´emy s nedostateˇcnou podporou hodnot value-title – u pˇr´ıspˇevku se nezobraz´ı datum publikov´an´ı. Root vlastnost´ı mikroform´atu hAtom je hfeed. Tato vlastnost je voliteln´a. Pokud ji nevyuˇzijeme, pˇredpokl´ad´a se, ˇze obaluje celou str´anku[32]. Profil Pro mikroform´at hAtom lze vyuˇz´ıt pˇr´ım´ y odkaz na jeho XMDP profil. Z´aroveˇ n jej m˚ uˇzeme kombinovat s profilem mikroform´atu hCard, kter´ y je v nˇem vyuˇz´ıv´an. Odkazov´an´ı obou profil˚ u je pouze doporuˇcen´e, nikoliv povinn´e. Pˇripomeˇ nme, ˇze v´ıcen´asobn´e profily oddˇelujeme mezerou. 1 < head profile = " http :// microformats . org / profile / hatom http :// microformats . org / profile / hcard " > Pˇr´ıklad 63: Profil mikroform´atu hAtom
Povinn´ e vlastnosti Pro mikroform´at mus´ıme vyuˇz´ıt n´asleduj´ıc´ı povinn´e vlastnosti[32, 3]. hentry – vlastnost obaluj´ıc´ı poloˇzku (pˇr´ıspˇevek ˇci ˇcl´ anek). Vyznaˇcit
ji m˚ uˇzeme v´ıcen´asobnˇe – dle potˇreby. Obsahuje n´asleduj´ıc´ı povinn´e podvlastnosti: 24
Really Simple Syndication
83
´ ´I MIKROFORMATY ´ 7 KONCEPTUALN
. entry-title – vyznaˇcuje titulek pˇr´ıspˇevku (poloˇzky), . updated – urˇcuje datum (popˇr. ˇcas) posledn´ı aktualizace pˇr´ıspˇevku (dle normy ISO 8601). M˚ uˇze pˇreb´ırat hodnotu voliteln´e podvlastnosti published, kterou zm´ın´ıme n´ıˇze. . author – indikuje autora pˇr´ıspˇevku. Voliteln´ e vlastnosti Kromˇe v´ yˇse uveden´ ych povinn´ ych podvlastnost´ı lze vyuˇz´ıt dalˇs´ı voliteln´e – ty jsou opˇet obaleny vlastnost´ı hentry, respektive jsou jej´ımi podvlastnostmi. K dispozici jsou tyto rozˇsiˇruj´ıc´ı podvlastnosti[32, 3]: voliteln´e podvlastnosti pro vlastnost hentry:
. entry-summary – vyznaˇcuje shrnut´ı poloˇzky, jej´ı u ´vodn´ık. Podvlastnost m˚ uˇze b´ yt pouˇzita v´ıcekr´at. . entry-content – oznaˇcuje detailn´ı znˇen´ı poloˇzky ˇci pˇr´ıspˇevku. I tato podvlastnost m˚ uˇze b´ yt pouˇzita v´ıcekr´at. . published – ud´av´a datum (popˇr. ˇcas) publikov´an´ı poloˇzky (dle normy ISO 8601). Tuto podvlastnost lze kombinovat s updated. D´ale m˚ uˇzeme specifikovat vlastnost bookmark pomoc´ı atributu rel. bookmark – urˇcuje trval´ y odkaz na danou poloˇzku (aplikujeme na ele-
ment ). Pro vyznaˇcen´ı tag˚ u, vtahuj´ıc´ıch se k pˇr´ıspˇevku, lze vyuˇz´ıt tak´e mikroform´at rel-tag zm´ınˇen´ y v kapitole 6.3 na stranˇe 44. Pouˇ zit´ı Uved’me si praktick´e pouˇzit´ı mikroform´atu hAtom formou v´ ypisu pˇr´ıspˇevk˚ u na blogu.
84
´ ´I MIKROFORMATY ´ 7 KONCEPTUALN
1 2 < ol class = " xoxo " > 3 4 < li class = " hentry " > 5 6 < h3 class = " entry - title " > 7 8 hAtom 9 10 11 < div class = " updated published " > < span class = " value - title " title = " 2011 -03 -11 " > 11. 3. 2011 12 < strong > Vloˇ z il : 13 14 < span class = " author vcard " > 15 16 < span class = " fn " > Martin Drl´ ı k 17 18 19
´ ´I MIKROFORMATY ´ 7 KONCEPTUALN
22 23 ... 24 Pˇr´ıklad 64: Pouˇzit´ı mikroform´atu hAtom V naˇsem pˇr´ıkladu, pomysln´em souhrnu blogov´ ych pˇr´ıspˇevk˚ u, jsme vyuˇzili ˇc´ıslovan´ y seznam – na ten jsme nav´ıc logicky a jednoduˇse aplikovali mikroform´at XOXO. D´ale implementujeme povinn´e vlastnosti a podvlastnosti mikroform´atu hAtom. V titulku pˇr´ıspˇevku z´aroveˇ n vyuˇz´ıv´ame mikroform´atu rel-tag. Podvlastnosti updated a published jsme zkombinovali – jejich hodnota je stejn´a. Pro vyznaˇcen´ı autora pˇr´ıspˇevku vyuˇz´ıv´ame povinnou vlastnost author v kombinaci s mikroform´atem hCard v nejz´akladnˇejˇs´ım tvaru. Opˇet zn´azorˇ nujeme snadnou a logickou kombinovatelnost dostupn´ ych mikroform´at˚ u. N´ astroje Optimus – n´ astroj pro transformaci hAtom do RSS
http://microformatique.com/optimus/. N´ astroj pro transformaci hAtom do RSS ˇci Atom
http://tools.microformatic.com/help/xhtml/hatom/.
7.9
hReview
Chceme-li ve webov´ ych str´ank´ach vyznaˇcit jakoukoliv recenzi, vyuˇzijeme mikroform´at hReview. Tento sloˇzen´ y mikroform´at se skl´ad´a z vlastnost´ı a podvlastnost´ı, kter´e byly stanoveny na z´akladˇe standardn´ı struktury recenz´ı objevuj´ıc´ıch se na webov´ ych str´ank´ach – nevych´az´ı tedy z existuj´ıc´ıch standard˚ u, jako tomu bylo u mikroform´at˚ u hCard, hCalendar ˇci hAtom. Mikroform´at hReview je ve str´ank´ach identifikov´an doplˇ nkem Tails Export, kter´ y jsme pˇredstavili v kapitole 5.2 na stranˇe 34. V potaz jej berou nejen n´astroje pro pr´aci s mikroform´aty, ale tak´e stroje. Pˇr´ıkladem mohou b´ yt v´ ysledky vyhled´av´an´ı spoleˇcnosti Google, kde jsou data vyznaˇcen´a t´ımto mikroform´atem detailnˇeji prezentov´ana – jak vid´ıme na n´asleduj´ıc´ım obr´azku. 86
´ ´I MIKROFORMATY ´ 7 KONCEPTUALN
Obr´azek 11: hReview ve v´ ysledc´ıch vyhled´avaˇce Google V´ ysledek Google vyhled´av´an´ı byl z´ısk´an pomoc´ı Rich Snippets Testing Tool. Profil Pro mikroform´at hReview lze opˇet nepovinnˇe implementovat XMDP profil. 1 < head profile = " http :// microformats . org / profile / hreview " > Pˇr´ıklad 65: Profil mikroform´atu hReview
Povinn´ e vlastnosti Pro u ´spˇeˇsn´e vyznaˇcen´ı recenze pomoc´ı mikroform´atu hReview mus´ıme vyuˇz´ıt n´asleduj´ıc´ı povinn´e vlastnosti a podvlastnosti[3, 33]. hreview – root vlastnost znaˇcen´e recenze, kterou aplikujeme na element
obaluj´ıc´ı dalˇs´ı vlastnosti a podvlastnosti, item – vlastnost obsahuj´ıc´ı z´akladn´ı informace o recenzovan´e poloˇzce.
K dispozici m´ame tˇri podvlastnosti – z nich je pouze jedna povinn´a (zbyl´e dvˇe zm´ın´ıme ve voliteln´ ych vlastnostech). . fn – jm´eno ˇci n´azev recenzovan´e poloˇzky. Voliteln´ e vlastnosti Pro vyznaˇcen´ı dalˇs´ıch s´emantick´ ych detail˚ u webov´e recenze m˚ uˇzeme vyuˇz´ıt rozˇsiˇruj´ıc´ı vlastnosti ˇci podvlastnosti, popˇr. mikroform´aty zaloˇzen´e na atributu rel[3, 33]. voliteln´e podvlastnosti pro vlastnost item:
87
´ ´I MIKROFORMATY ´ 7 KONCEPTUALN
. url – aplikujeme na odkaz smˇeˇruj´ıc´ı na recenzovanou poloˇzku, . photo – znaˇc´ı obr´azek recenzovan´e poloˇzky. Vyuˇz´ıv´a elementu . version – ud´av´a pouˇzitou verzi specifikace mikroform´ atu hReview, summary – vyznaˇcuje obvykle titulek recenze, popˇr. jej´ı zkr´acen´ y obsah, type – znaˇc´ı typ recenzovan´e poloˇzky. Nab´ yvat m˚ uˇze n´asleduj´ıc´ıch hod-
not: . product – v´ yrobek, . event – ud´alost, . business – obchod, . person – osoba, . place – m´ısto, . website – webov´a str´anka, . url – internetov´a adresa. reviewer – jm´eno autora recenze. Lze vyznaˇcit v kombinaci s mikro-
form´atem hCard. dtreviewed – datum (popˇr. ˇcas) recenze (dle normy ISO 8601 – viz
kapitola 2.5.3 na stranˇe 25) rating – urˇcuje hodnocen´ı recenzovan´e poloˇzky. Hodnotit lze na stup-
nici od 1.0 (nejniˇzˇs´ı hodnocen´ı) do 5.0 (nejvyˇsˇs´ı hodnocen´ı). Alternativnˇe lze vyznaˇcit hodnocen´ı pomoc´ı n´asleduj´ıc´ıch podvlastnost´ı: . worst (odpov´ıd´a hodnotˇe 1.0 na stupnici), . best (odpov´ıd´a hodnotˇe 5.0 na stupnici). description – reprezentuje pln´ y text recenze.
88
´ ´I MIKROFORMATY ´ 7 KONCEPTUALN
D´ale m˚ uˇzeme specifikovat vlastnost bookmark pomoc´ı atributu rel – stejnˇe jako tomu bylo u mikroform´atu hAtom. Chceme-li vˇsak vyznaˇcit trval´ y odkaz, mus´ıme atributu rel pˇriˇradit hodnoty bookmark a self[3]. bookmark self – urˇcuje trval´ y odkaz na recenzi (aplikujeme na element
). Pro vyznaˇcen´ı tag˚ u, souvisej´ıc´ıch s recenz´ı, lze opˇet vyuˇz´ıt mikroform´at reltag zm´ınˇen´ y v kapitole 6.3 na stranˇe 44. Vztahuje-li se k recenzi jak´akoliv licence, m˚ uˇzeme ji vyznaˇcit pomoc´ı mikroform´atu rel-license prob´ıran´eho v kapitole 6.1 na stranˇe 42. Pouˇ zit´ı Pro n´azornost si opˇet uvedeme pˇr´ıklad pouˇzit´ı mikroform´atu hReview. 1 2 < div class = " hreview " > 3 4 < h3 class = " item " > 5 6 Recenze prokuktu < span class = " fn " > Oomph 7 8 9 < div class = " dtreviewed " > 10 < span class = " value - title " title = " 2011 -02 -28 " > 28. 2. 2011 11 12 < strong > Vloˇ z il : 89
´ ´I MIKROFORMATY ´ 7 KONCEPTUALN
13 14 15 16 17 18 19 20
21
22
23 24
< span class = " reviewer vcard " > < span class = " fn " > Martin Drl´ ı k < div class = " description " >
90
´ ´I MIKROFORMATY ´ 7 KONCEPTUALN
N´ astroje N´ astroj pro tvorbu mikroform´atu hReview http://microformats.org/
code/hreview/creator.
7.10
hResume
Mikroform´at hResume slouˇz´ı pro s´emantick´e vyznaˇcen´ı ˇzivotopisu. Vyvinut byl na z´akladˇe v´ yzkumu existuj´ıc´ıch form´at˚ u ˇzivotopis˚ u. Jedn´a se o jednoduch´ y mikroform´at vyuˇz´ıvaj´ıc´ı kombinaci dalˇs´ıch tˇr´ı – hCard, hCalendar a rel-tag[34]. Profil Mikroform´at hResume opˇet disponuje XMDP profilem, kter´ y m˚ uˇzete odkazovat v elementu
j´ıc´ıho zbyl´e vlastnosti, contact – kontaktn´ı informace, kter´e mus´ı b´ yt vyznaˇceny pomoc´ı mi-
kroform´atu hCard. Vlastnost lze pouˇz´ıt pouze jedou.
91
´ ´I MIKROFORMATY ´ 7 KONCEPTUALN
Voliteln´ e vlastnosti ˇ Zivotopisn´ e informace lze d´ale rozˇs´ıˇrit a nav´ yˇsit jejich s´emantickou hodnotu pomoc´ı doplˇ nuj´ıc´ıch voliteln´ ych vlastnost´ı. Ty jsou n´asleduj´ıc´ı[3, 34, 35]. summary – shrnuje kvalifikaci a c´ıle. Vlastnost lze pouˇz´ıt pouze jedenou
v r´amci ˇzivotopisu. skill – vlastnost znaˇc´ıc´ı schopnosti ˇci dovednosti. V ˇzivotopisu ji m˚ u-
ˇzeme vyuˇz´ıt v´ıcekr´at. Vlastnost je aplikov´ana na odkaz v kombinaci s mikroform´atem rel-tag. experience – vlastnost urˇcuje pˇredchoz´ı pracovn´ı zkuˇsenosti. Lze ji vy-
uˇz´ıt v´ıcekr´at. Pracovn´ı zkuˇsenost mus´ı b´ yt vyznaˇcena pomoc´ı mikroform´atu hCalendar. Pracovn´ı pozici pak znaˇc´ıme za vyuˇzit´ı mikroform´atu hCard. education – aplikujeme na vzdˇel´an´ı ˇci kurzy. Vlastnost m˚ uˇzeme vyuˇz´ıt
v´ıcekr´at. Vyznaˇcujeme ji pomoc´ı mikroform´atu hCalendar. Vzdˇel´avac´ı instituci znaˇc´ıme mikroform´atem hCard. affiliation – oznaˇcuje organizace, s nimiˇz jsme nˇejak´ ym zp˚ usobem
propojeni. Vlastnost lze aplikovat v´ıcekr´at. Dan´e organizace mus´ıme vyznaˇcit pomoc´ı mikroform´atu hCard. – chceme-li v ˇzivotopisu vyznaˇcit publikace a jejich autory, vyu-
ˇzijeme element , nebot’ mikroform´at hResume nedisponuje specifickou vlastnost´ı pro tento u ´ˇcel. Pouˇ zit´ı Nyn´ı aplikujme v´ yˇse uveden´e vlastnosti na praktick´ y pˇr´ıklad. 1 2 < div class = " hresume " > 3 4 < div class = " contact vcard " > 5 < h1 class = " fn " > Martin Drl´ ı k 92
´ ´I MIKROFORMATY ´ 7 KONCEPTUALN
6 7 8 9 10 11
12 13 14 15 16 17 18
19
20 21
22 23 24 25 26
... < h2 > Shrnut´ ı
´ ´I MIKROFORMATY ´ 7 KONCEPTUALN
27 28 29 30 31
32
33 34
35 36 37 38 39 40 41
42 43 44
< div class = " vcalendar " > < div class = " experience vevent vcard " > < h3 class = " title summary " > Administrativn´ ı pracovn´ ı k < span class = " dtstart " > < span class = " value title " title = " 2008 -05 -01 " > kvˇ e ten 2008 & ndash ; < span class = " dtend " > < span class = " value title " title = " 2008 -08 -30 " > srpen 2008
94
´ ´I MIKROFORMATY ´ 7 KONCEPTUALN
N´ astroje N´ astroj pro tvorbu mikroform´atu hResume http://cv.antix.co.uk/
Build/.
7.11
hMedia
Pro vyznaˇcen´ı medi´aln´ıch soubor˚ u, jak´ ymi jsou obr´azky, audio ˇci video, lze vyuˇz´ıt mikroform´at hMedia. Znˇen´ı XMDP profilu je k dispozici na webov´e str´ance http://microformats.org/wiki/hmedia – pˇr´ım´ y odkaz na profil neexistuje[3, 36]. Povinn´ e vlastnosti Mikroform´at hMedia disponuje n´asleduj´ıc´ımi povinn´ ymi vlastnostmi[3, 36]. hmedia – root vlastnost obaluj´ıc´ı zbyl´e vlastnosti, fn – ud´av´a jm´eno medi´ aln´ıho souboru. Vlastnost lze pouˇz´ıt pouze jed-
nou. Voliteln´ e vlastnosti K dispozici m´ame dalˇs´ı voliteln´e vlastnosti, kter´e n´am umoˇzn´ı vyznaˇcit dalˇs´ı s´emantick´e detaily medi´aln´ıch soubor˚ u[3, 36]. contributor – urˇcuje osobu nebo organizaci, kter´ a se pod´ıl´ı na tvorbˇe
ˇci ˇs´ıˇren´ı medi´aln´ıho souboru. K vyznaˇcen´ı vyuˇz´ıv´ame mikroform´at hCard. photo – touto vlastnost´ı oznaˇcujeme obr´azek vztahuj´ıc´ı se k dan´emu
medi´aln´ımu souboru. Aplikujeme jej na element . player – vlastnost aplikujeme na vloˇzen´e audio nebo video soubory. ˇ V r´amci mikroform´atu hMedia ji lze vyuˇz´ıt pouze jednou. Casto se
v´aˇze na element