idevelop.ro: intelligent web solutions

Introducere in Microformats

Cum maine seara voi avea o prezentare despre acest subiect la intalnirea Wurbe #7, am zis ca n-ar strica sa-mi sintetizez ideile printr-un post pe blog :).

Microformatele sunt un set de standarde deschise (oricine poate propune un draft nou) prin care se defineste un sistem de marcare a informatiilor relevante despre un anumit lucru: persoana, eveniment, CV, etc. Ce inseamna asta mai pe romaneste? Inseamna ca daca eu imi fac pe site o pagina separata in care imi pun in format HTML CV-ul, el va putea fi citit in primul rand de catre oameni, pe cand un program nu va sti sa faca ordine si sa dea un sens acelor propozitii scrise de mine in CV, fara sa mai punem la socoteala faptul ca un CV poate fi scris in romana si altul in engleza.

Microformatele vin si propun un set de nume de clase prin care se marcheaza si clasifica o bucata de text ca fiind ceva relevant, indexabil, semantic: numele unei persoane, numarul de telefon, data si locul unei intalniri, un item din experienta mea profesionala.

Exemplu concret de text formatat conform standardelor hCalendar si hCard, care descrie intalnirea Wurbe de luni:

<div class="vevent">
	<h3 class="summary">Intalnirea wurbe #7</h3>
	<p class="description">Veniti cu totii luni la intalnirea dezvoltatorilor web din Bucuresti!</p>
	<p>Intalnirea incepe la <abbr class="dtstart" title="2008-03-17T18:00:00+02:00">6 seara</abbr> si tine pana <abbr class="dtend" title="2008-03-17T23:00:00+02:00">tarziu in noapte</abbr>.</p>
	<p class="vcard">Va avea loc la
	<span class="location">
		<span class="fn org">sediul Adobe din cladirea Anchor Plaza</span>,
		<span class="street-address">B-dul Timisoara nr. 26</span>,
		<span class="locality">Bucuresti</span>,
		cod postal <span class="postal-code">061331</span>,
		<span class="country-name">Romania</span>.
		Ne gasiti la emailul <a href="..." class="email">contact@domain.com</a>
	</span>
	</p>
</div>

Acest cod HTML pus in pagina va arata asa:

Intalnirea wurbe #7

Veniti cu totii luni la intalnirea dezvoltatorilor web din Bucuresti!

Intalnirea incepe la 6 seara si tine pana tarziu in noapte.

Va avea loc la sediul Adobe din cladirea Anchor Plaza, B-dul Timisoara nr. 26, Bucuresti, cod postal 061331, Romania. Ne gasiti la emailul contact@domain.com

Desi textul are o exprimare dubioasa chiar si pentru limba romana, el contine totusi toate informatiile necesare la localizarea sa absoluta in timp si spatiu.

Acele clase speciale, asociate fiecarei bucati de text, sunt definite in wiki-ul microformats.org. “fn” inseamna “formatted name”, iar “vevent” si “vcard” definesc tipul de continut din interior. Structurand aceasta bucata de text folosind sistemul de clase microformats, i-am dat un sens. Nu mai este doar o insiruire de cuvinte, ci este un eveniment, ale carui detalii pot fi citite si indexate fara probleme de alte site-uri si ii asigura o portabilitate care trece peste limitarile de limba, exprimare, etc.

Exista mai multe standarde in acest moment, printre care: hCard (definirea de persoane, locuri si organizatii), hResume (CV-uri), hCalendar (evenimente), hReview (recenzii la produse, servicii, evenimente), XFN (reteaua de prieteni si relatia cu fiecare).

Dupa cum se observa, microformatele sunt gandite pe sistemul de clase HTML deja existent, ceea ce asigura o portabilitate foarte mare. Daca eu si alti 10 oameni ne-am scrie cate un CV pe site-urile personale, fiecare folosind alta ordine, alta formulare, limba si structura HTML, dar toate compatibile cu standardul hResume, ar putea aparea apoi un site care sa indexeze toate aceste CV-uri intr-o baza de date.

Microformatele sunt deja folosite pe multe site-uri sociale (facebook, twitter, flickr, wordpress, yahoo, linkedin, google maps, digg, you name it…) si exista implementari de clase pentru parsarea / generarea formatelor uzuale. Un exemplu de aplicatie directa este transferarea fara efort a datelor personale de contact si listei de prieteni de pe o retea sociala pe alta.

Further reading:

• Microformats home
• Vitamin: Add microformats magic to your site

Pune un comentariu Programare web