Microformatos - pequenas peças do puzzle

Slide 1: microformatos pequenas peças do puzzle SAPO / 2 Julho 2008 creative commons André Luís attribution http://andr3.net non-commercial me@andr3.net share-alike 2.5

Slide 2: microformatos pequenas peças do puzzle Acto 1 Introdução

Slide 3: microformatos pequenas peças do puzzle Introdução 1999 2004 RDF css zen garden 2008 Tabelas Webstandards microformatos 1998 2003 2005 html html semântico html/xhtml + css

Slide 4: microformatos pequenas peças do puzzle Introdução “ Estão a ver todas aquelas coisas que vocês já têm nos vossos sites? Os microformatos apenas dizem aos computadores o que essas coisas na realidade são. ” por Toby Inkster http://microformats.org/wiki/what-are-microformats

Slide 5: microformatos pequenas peças do puzzle Introdução Valor semântico - Eu gosto de bolos. - eu <3 bolos. - bolos FTW!!!

Slide 6: microformatos pequenas peças do puzzle Introdução Web Semântica vs. web semântica RDF, OWL, microformatos FOAF, etc. GR DDL 2005 RDF: circa 1999 2007

Slide 7: microformatos pequenas peças do puzzle Introdução utilidade µf rdf html xml complexidade

Slide 8: microformatos pequenas peças do puzzle Introdução Princípios Mandamentos 1. Resolver um problema 2. Partir do mais simples possível 3. Pensados primeiro para humanos e só depois para as máquinas 4. Reutilizar formatos amplamente adoptados 5. Modulares e para serem embebidos 6. Permitir e encorajar desenvolvimento, conteúdo e serviços descentralizados

Slide 9: microformatos pequenas peças do puzzle Introdução Coisas µFormatos Pessoa hCard Relações XFN Evento hCalendar Bookmark xFolk Tags / Categorias rel-tag Opinião hReview

Slide 10: microformatos pequenas peças do puzzle Introdução Coisas µFormatos Licença rel-license Coord. geo. geo Morada adr Currículo hResume

Slide 11: microformatos pequenas peças do puzzle Introdução Antes <p> <a href=”http://andr3.net”>André Luís</a> </p>

Slide 12: microformatos pequenas peças do puzzle Introdução Depois <p class=”vcard”> <a class=”fn url” href=”http://andr3.net”>André Luís</a> </p> Já temos um hCard!

Slide 13: microformatos pequenas peças do puzzle Introdução Imaginemos... Outlook + 2 cliques http://shift.pt/2008/ iCal

Slide 14: microformatos pequenas peças do puzzle Introdução Imaginemos... Windows Contacts + 2 cliques Address Book http://www.blueflavor.com/people/keith-robinson/

Slide 15: microformatos pequenas peças do puzzle Introdução Imaginemos... “ Empowering the lazy web.” + 2 cliques Address Book http://www.blueflavor.com/people/keith-robinson/ mas não só...

Slide 16: microformatos pequenas peças do puzzle Introdução Mais vantagens... Uniformização do HTML produzido Uniformização visual (via folhas de estilo) Portabilidade de conteúdos (dados) Baixo esforço de implementação Aumento da utilidade dos serviços!

Slide 17: microformatos pequenas peças do puzzle Introdução Beneficiários? Páginas Públicas Páginas Privadas c/ login Utilizadores ou Visitantes Serviços Externos

Slide 18: microformatos pequenas peças do puzzle Introdução Quem Publica? SAPO - last.fm - twitter - Yahoo! Local ma.gnolia - Blogger - Technorati eventful - LinkedIn - hi5 - Pownce del.icio.us - Upcoming - Dopplr Google Maps - BBC - Mahalo - etc.

Slide 19: microformatos pequenas peças do puzzle Introdução Números (10 de Junho de 2008) 1. hCard — 1,150,000,000 páginas (!!!!!) 2. hAtom — 304,000,000 páginas 3. XFN — 261,000,000 páginas 4. hCalendar — 84,700,000 páginas 5. hReview — 43,300,000 páginas searchmonkeyid:com.yahoo.uf.<format>

Slide 20: microformatos pequenas peças do puzzle Introdução Exemplos

Slide 21: microformatos pequenas peças do puzzle Introdução Exemplo (hcard) powered by Operator http://tinyurl.com/2b8m54 suporte.sapo.pt

Slide 22: microformatos pequenas peças do puzzle Introdução Exemplo (hcard) suporte.sapo.pt

Slide 23: microformatos pequenas peças do puzzle Introdução Exemplo (hcard) suporte.sapo.pt

Slide 24: microformatos pequenas peças do puzzle Introdução Exemplo (hcard) dopplr.com

Slide 25: microformatos pequenas peças do puzzle Introdução Exemplo (hcard) getsatisfaction.com

Slide 26: microformatos pequenas peças do puzzle Introdução Exemplo (xfn) netvibes.com

Slide 27: microformatos pequenas peças do puzzle Introdução Exemplo (xfn) blog code.google.com/apis/socialgraph/

Slide 28: microformatos pequenas peças do puzzle Introdução Firefox 3 créditos: Alex Faaborg

Slide 29: microformatos pequenas peças do puzzle Introdução Internet Explorer 8 Webslices / hAtom

Slide 30: microformatos pequenas peças do puzzle Introdução ?

Slide 31: microformatos pequenas peças do puzzle Acto 11 Sujar as mãos

Slide 32: microformatos pequenas peças do puzzle POSH Plain Old Semantic HTML 1. Código Validado http://validator.w3.org 4. Remover links anorécticos <a name=”noticia”></a> 2. Deixar de usar tabelas por 5. Usar classes com valor motivos de apresentação, GIFs semântico transparentes e HTML de apresentação. 3. Corrigir <B>ed & <BR>eakfast

Slide 33: microformatos pequenas peças do puzzle Sujar as mãos Design Patterns rel abbr datetime class include

Slide 34: microformatos pequenas peças do puzzle Sujar as mãos Padrão class This attribute assigns a class name or set of class names to an element. Any number of elements may be assigned the same class name or names. Multiple class names must be separated by white space characters. (HTML 4)

Slide 35: microformatos pequenas peças do puzzle Sujar as mãos Padrão class <p class=”vcard”> <a class=”url fn” href=”http://andr3.net”>André Luís</a> </p>

Slide 36: microformatos pequenas peças do puzzle Sujar as mãos Padrão rel This attribute describes the relationship from the current document to the anchor specified by the href attribute. The value of this attribute is a space-separated list of link types. (HTML 4) <a> <link>

Slide 37: microformatos pequenas peças do puzzle Sujar as mãos Padrão rel <p class=”vcard”> <a class=”fn url” rel=”me” href=”http://andr3.net”>André Luís</a> </p>

Slide 38: microformatos pequenas peças do puzzle Sujar as mãos Padrão abbr <p class=”vcard”> <a class=”url” rel=”me” href=”http://andr3.net”> <abbr class=”fn” title=”André Luís”>André</abbr> </p>

Slide 39: microformatos pequenas peças do puzzle Sujar as mãos Padrão datetime Polémico! <p class=”vevent”><span class=”fn”>SHiFT</span> <abbr class=”dtstart” title=”2008-10-15”>15 de Outubro </abbr> </p> data em formato ISO 8601 exemplos 2008-10-15 20081015 2008-10-15T10:00 2008-10-15T10:00+05 2008-10-15T10:00Z

Slide 40: microformatos pequenas peças do puzzle Sujar as mãos Padrão datetime Polémico! <abbr class=”dtstart” title=”20070312T1700-06”>12 de Março de 2007, a partir das17h </abbr> 20 070 312 T 1700 - 06 “ Twenty million seventy-thousand three-hundred ” twelve tee seventeen-hundred dash zero six. Jaws 8 + IE 7 fonte: hAccessibility @ Webstandards.org http://www.webstandards.org/2007/04/27/haccessibility/

Slide 41: microformatos pequenas peças do puzzle Sujar as mãos Padrão datetime Polémico! <abbr class=”dtstart” title=”20070312T1700-06”>12 de Março de 2007, a partir das17h </abbr> 20 070 312 T 1700 - 06 “ Twenty million seventy-thousand three-hundred ” twelve tee seventeen-hundred dash zero six. Jaws 8 + IE 7 fonte: hAccessibility @ Webstandards.org http://www.webstandards.org/2007/04/27/haccessibility/

Slide 42: microformatos pequenas peças do puzzle Sujar as mãos BBC http://www.bbc.co.uk/blogs/radiolabs/2008/06/removing_microformats_from_bbc.shtml

Slide 43: microformatos pequenas peças do puzzle Sujar as mãos hCard

Slide 44: microformatos pequenas peças do puzzle Sujar as mãos vCard + Hipertexto = hCard RFC 2426

Slide 45: microformatos pequenas peças do puzzle Sujar as mãos vCard hCard RFC 2426 BEGIN:VCARD <p class="vcard"> PRODID:-//kaply.com//Operator 0.8//EN <a class="url fn" VERSION:3.0 href="http://www.tantek.com/" lang="tr"> N;CHARSET=UTF-8:Çelik;Tantek;;; Tantek Çelik</a> FN;CHARSET=UTF-8:Tantek Çelik </p> UID: URL:http://www.tantek.com/ END:VCARD

Slide 46: microformatos pequenas peças do puzzle Sujar as mãos perfeito para descrever pessoas

Slide 47: microformatos pequenas peças do puzzle Sujar as mãos perfeito para descrever organizações

Slide 48: microformatos pequenas peças do puzzle Sujar as mãos perfeito para descrever locais

Slide 49: microformatos pequenas peças do puzzle Sujar as mãos perfeito para descrever qualquer coisa com nome?

Slide 50: microformatos pequenas peças do puzzle Sujar as mãos Candidatos ...qualquer serviço com “User-Generated-Content”.

Slide 51: microformatos pequenas peças do puzzle Sujar as mãos Propriedades raíz: obrigatórias facultativas vcard fn nickname title url role n* email org adr category geo note photo class logo key sound ... bday

Slide 52: microformatos pequenas peças do puzzle Sujar as mãos Exemplo <div class="outLine"> <div class="inBoxUtilizador"> <div class="topoUtilizador"><strong>andr3</strong></div> <div class="info"> <div id="infopics"><a href="perﬁlamigo.html?uid=75"> <img src="http://social.imgs.sapo.pt/8a/0b/df/75/ pro_n733982142_189405_9522.jpg" border="0" /> </a></div> ...

Slide 53: microformatos pequenas peças do puzzle Sujar as mãos Exemplo <div class="outLine vcard"> <div class="inBoxUtilizador"> <div class="topoUtilizador fn nickname"><strong>andr3</strong></div> <div class="info"> <div id="infopics"><a class= "url" href="perﬁlamigo.html?uid=75"> <img class="photo" src="http://social.imgs.sapo.pt/8a/0b/df/75/ pro_n733982142_189405_9522.jpg" border="0" /> </a></div> ...

Slide 54: microformatos pequenas peças do puzzle Sujar as mãos ?

Slide 55: microformatos pequenas peças do puzzle Sujar as mãos hCalendar

Slide 56: microformatos pequenas peças do puzzle Sujar as mãos iCalendar + Hipertexto = hCalendar RFC 2445

Slide 57: microformatos pequenas peças do puzzle Sujar as mãos iCalendar RFC 2445 BEGIN:VCALENDAR PRODID: X-WR-CALNAME: VERSION:2.0 METHOD:PUBLISH BEGIN:VEVENT DESCRIPTION;CHARSET=UTF-8:Nesta formação vamos introduzir o conceito(...) SUMMARY;CHARSET=UTF-8:Formação Microformatos UID: DTSTART;VALUE=DATE-TIME:20080702T080000Z DTEND;VALUE=DATE-TIME:20080702T120000Z END:VEVENT END:VCALENDAR

Slide 58: microformatos pequenas peças do puzzle Sujar as mãos hCalendar <ul class="vcalendar"> <li class="vevent"> <h2 class="summary">Formação Microformatos</h2> <dl> <dt>Quando</dt> <dd>Desde as <abbr class="dtstart" title="2008-07-02T09:00+01:00">9h da manhã</abbr> até à <abbr class="dtend" title="2008-07-02T13:00+01:00">uma da tarde</abbr> do dia 2 de Julho</dd> <dt>Resumo</dt> <dd class="description"> Nesta formação vamos introduzir o conceito (...) </dd> </dl> </ul>

Slide 59: microformatos pequenas peças do puzzle Sujar as mãos perfeito para descrever um evento

Slide 60: microformatos pequenas peças do puzzle Sujar as mãos perfeito para descrever vários eventos

Slide 61: microformatos pequenas peças do puzzle Sujar as mãos Candidatos ...qualquer serviço com dados relevantes de serem adicionados a um calendário pessoal. concertos exposições conferências reuniões

Slide 62: microformatos pequenas peças do puzzle Sujar as mãos Propriedades raíz: obrigatórias facultativas vcalendar* summary dtend duration vevent dtstart description category url location rrule rdate uid geo (latitude, longitude) ...

Slide 63: microformatos pequenas peças do puzzle Sujar as mãos Exemplo <div> <h3>Brasileira</h3> <h1> <a href="/detalhe_evento.aspx?id=48568"> Adriana Calcanhotto - «Maré» </a></h1> <h2><a href="detalhe_local.aspx?id=146"> Coliseu do Porto</a></h2> <h3>29-05-2008 a 30-05-2008</h3> </div>

Slide 64: microformatos pequenas peças do puzzle Sujar as mãos Exemplo <div class=”vevent”> <h3 class=”category”>Brasileira</h3> <h1> <a class=”summary” href="/detalhe_evento.aspx?id=48568"> Adriana Calcanhotto - «Maré» </a></h1> <h2><a class=”location” href="detalhe_local.aspx?id=146"> Coliseu do Porto</a></h2> <h3><abbr class=”dtstart” title=”2008-05-29”>29-05-2008</abbr> a <abbr class=”dtend” title=”2008-05-31”>30-05-2008</abbr></h3> </div> !

Slide 65: microformatos pequenas peças do puzzle Sujar as mãos Exemplo <div class=”vevent”> <h3 class=”category”>Brasileira</h3> <h1> <a class=”summary” href="/detalhe_evento.aspx?id=48568"> Adriana Calcanhotto - «Maré» </a></h1> <h2><a class=”location” href="detalhe_local.aspx?id=146"> Coliseu do Porto</a></h2> <h3><abbr class=”dtstart” title=”2008-05-29T21:00+01”>29-05-2008</abbr> a <abbr class=”dtend” title=”2008-05-30T21:00:+01”>30-05-2008</abbr></h3> </div> 

Slide 66: microformatos pequenas peças do puzzle Sujar as mãos hCalendar em tabelas... http://adactio.com/extras/schedules/web2expo-berlin/

Slide 67: microformatos pequenas peças do puzzle Sujar as mãos hCalendar em tabelas... <th id=”time1” scope=”row” axis=”time”> headers=”time1” http://adactio.com/extras/schedules/web2expo-berlin/

Slide 68: microformatos pequenas peças do puzzle Sujar as mãos hCalendar em tabelas... <th id=”location1” scope=”column” axis=”location”> headers=”location1 time1” headers=”location1 time3” http://adactio.com/extras/schedules/web2expo-berlin/

Slide 69: microformatos pequenas peças do puzzle Sujar as mãos Ajuda! http://dmitry.baranovskiy.com/work/csc/

Slide 71: microformatos pequenas peças do puzzle Sujar as mãos XFN - XHTML Friends Network

Slide 72: microformatos pequenas peças do puzzle Sujar as mãos descreve relações entre pessoas usando links

Slide 73: microformatos pequenas peças do puzzle Sujar as mãos XFN <a href=”http://andr3.net/”>Meu Blog<a> <a href=”http://blog.centopeia.com”>Pedro Custódio</a> <a href=”http://brunoluis.com”>Meu Irmão</a> ...

Slide 74: microformatos pequenas peças do puzzle Sujar as mãos XFN <a rel=”me” href=”http://andr3.net/”>Meu Blog<a> <a rel=”friendcolleague met” href=”http://blog.centopeia.com”>Pedro Custódio</a> <a rel=”friend sibling met” href=”http://brunoluis.com”>Meu Irmão</a> ...

Slide 75: microformatos pequenas peças do puzzle Sujar as mãos XFN <a rel=”me friend met” href=”http://andr3.net/”>Esquizofrénico<a> <a rel=”me crush” href=”http://andr3.net/”>Narcisista<a> ...

Slide 76: microformatos pequenas peças do puzzle Sujar as mãos XFN - Valores possíveis Amizade: (mutuamente exclusivo) contact alguém com quem pode entrar em contacto. (normalmente simétrico) acquaintance alguém que se conhece, cumprimenta-se mas pouco mais. (normalmente simétrico) friend um amigo. (normalmente simétrico) Físico: met alguém que já se conheceu em pessoa. (normalmente simétrico)

Slide 77: microformatos pequenas peças do puzzle Sujar as mãos XFN - Valores possíveis (cont.) Proﬁssional: co-worker alguém com quem se trabalha ou trabalha na mesma organização. (simétrico, normalmente transitivo) colleague alguém que trabalha na mesma área. (simétrico, normalmente transitivo) Geográﬁca: (mutuamente exclusivo) co-resident alguém com quem se partilha a morada. (simétrico e transitivo) neighbor um vizinho (simétrico, normalmente transitivo)

Slide 78: microformatos pequenas peças do puzzle Sujar as mãos XFN - Valores possíveis (cont.) Família: (mutuamente exclusivo) child spouse um filho. (inverso de parent) cônjuge. (simétrico, não transitivo) parent kin pai/mãe. (inverso de child) familiar. (simétrico, normalmente sibling transitivo) irmão/irmã. (simétrico, normalmente transitivo) Romântica: muse date alguém que serve de inspiração Namorado/namorada. (não tem inverso) (simétrico, não transitivo) crush sweetheart alguém por quem se tem uma paixão. alguém com quem se tem uma (não tem inverso) relação íntima, tipicamente exclusiva. (simétrico, não transitivo)

Slide 79: microformatos pequenas peças do puzzle Sujar as mãos XFN - Valores possíveis (cont.) Identidade: me um link para si mesmo, num URL diferente. Exclusivo com todos os outros valores. (obrigatoriamente simétrico) http://www.gmpg.org/xfn/and/#mememe

Slide 80: microformatos pequenas peças do puzzle Sujar as mãos XFN - Data Portability me + contact com links para outros perfis do utilizador marcados com rel=”me” e links para outros contactos com rel=”contact” é o suficiente para permitir a portabilidade [1] do Grafo Social [2] dos utilizadores. 1 http://www.dataportability.org 2 http://bradfitz.com/social-graph-problem/

Slide 81: microformatos pequenas peças do puzzle Sujar as mãos Candidatos

Slide 83: microformatos pequenas peças do puzzle Sujar as mãos hAtom (draft)

Slide 84: microformatos pequenas peças do puzzle Sujar as mãos descreve conteúdo em série

Slide 85: microformatos pequenas peças do puzzle Sujar as mãos hmmmmmm.....

Slide 86: microformatos pequenas peças do puzzle Sujar as mãos descreve conteúdo que possa ter vários “episódios”

Slide 87: microformatos pequenas peças do puzzle Sujar as mãos conteúdo que evolua no tempo!

Slide 88: microformatos pequenas peças do puzzle Sujar as mãos posts em blogs registos de actividade (spot) caixas de recados (shoutbox) ... qualquer_coisa que ocorra várias vezes mas não justifique RSS...

Slide 89: microformatos pequenas peças do puzzle Sujar as mãos Candidatos ...qualquer serviço com conteúdo em “série”.

Slide 90: microformatos pequenas peças do puzzle Sujar as mãos Propriedades raíz: obrigatórias facultativas hfeed* entry-title entry-content hentry updated entry-summary published author (com vcard) bookmark tags

Slide 91: microformatos pequenas peças do puzzle Sujar as mãos hAtom <div> <h2> <a href="/blog/post/1">Hello World!</a> </h2> <p>Hello! (...)</p> <p>por André Luís, às 20h de 16 de Junho </p>

Slide 92: microformatos pequenas peças do puzzle Sujar as mãos hAtom <div class=”hentry”> <h2 class=”entry-title”> <a class=”bookmark” href="/blog/post/1">Hello World!</a> </h2> <p class=”entry-content”>Hello! (...)</p> <p class=”author vcard”>por <span class=”fn”>André Luís</span>, às <abbr class=”published” title=”2008-06-16T20:00+00:00”> 20h de 16 de Junho </abbr> </p>

Slide 93: microformatos pequenas peças do puzzle Sujar as mãos hAtom <div class=”hentry”> <h2 class=”entry-title”> <a class=”bookmark” href="/blog/post/1">Hello World!</a> </h2> <p class=”entry-content”>Hello! (...)</p> <p class=”author vcard”>por <span class=”fn”>André Luís</span>, às <abbr class=”published” title=”2008-06-16T20:00+00:00”> 20h de 16 de Junho </abbr> </p>

Slide 94: microformatos pequenas peças do puzzle Sujar as mãos hAtom + Webslice <div class=”hentry hslice” id=”id_qualquer”> <h2 class=”entry-title”> <a class=”bookmark” href="/blog/post/1">Hello World!</a> </h2> <p class=”entry-content”>Hello! (...)</p> <p class=”author vcard”>por <span class=”fn”>André Luís</span>, às <abbr class=”published” title=”2008-06-16T20:00+00:00”> 20h de 16 de Junho </abbr> </p> http://msdn.microsoft.com/en-us/library/cc304073(VS.85).aspx

Slide 96: microformatos pequenas peças do puzzle Sujar as mãos rel-tag

Slide 97: microformatos pequenas peças do puzzle Sujar as mãos links para “tags”

Slide 98: microformatos pequenas peças do puzzle Sujar as mãos Candidatos ...qualquer serviço com conteúdo “categorizável”.

Slide 99: microformatos pequenas peças do puzzle Sujar as mãos Exemplo <a href=”/tag/microformatos”> microformatos </a>

Slide 100: microformatos pequenas peças do puzzle Sujar as mãos Exemplo <a rel=”tag” href=”/tag/microformatos”> microformatos </a>

Slide 101: microformatos pequenas peças do puzzle Sujar as mãos Exemplo <a rel=”tag” href=”/tag/microformatos”> microformatos </a> não esta esta é a tag

Slide 102: microformatos pequenas peças do puzzle Sujar as mãos Exemplo /tag/microformatos?tag=banana#split esta é a tag

Slide 103: microformatos pequenas peças do puzzle Sujar as mãos Aplicações? Pesquisa? User-Proﬁling? Procurar conteúdo relacionado?

Slide 105: microformatos pequenas peças do puzzle Sujar as mãos adr, geo, rel-license, rel-nofollow, vote-links

Slide 106: microformatos pequenas peças do puzzle Sujar as mãos adr permite marcar endereços postais

Slide 107: microformatos pequenas peças do puzzle Sujar as mãos Propriedades raíz: obrigatórias facultativas adr (uma das facultativas) post-ofﬁce-box extended-address locality region postal-code country-name

Slide 108: microformatos pequenas peças do puzzle Sujar as mãos Exemplo <p class=”adr”> Eu vivo em <span class=”locality”>Lisboa</span>, <span class=”country-name”>Portugal</span> </p>

Slide 109: microformatos pequenas peças do puzzle Sujar as mãos geo marca coordenadas geográficas

Slide 110: microformatos pequenas peças do puzzle Sujar as mãos Propriedades raíz: obrigatórias facultativas geo latitude longitude

Slide 111: microformatos pequenas peças do puzzle Sujar as mãos Exemplo <div class="geo">GEO: <span class="latitude">37.386013</span>, <span class="longitude">-122.082932</span> </div>

Slide 112: microformatos pequenas peças do puzzle Sujar as mãos rel-license aponta para uma página que descreve a licença utilizada <a rel=”license” href=”http://creativecommons.org/ licenses/by/2.0/”>cc by 2.0</a>

Slide 113: microformatos pequenas peças do puzzle Sujar as mãos rel-nofollow avisa os crawlers de motores de pesquisa para não seguirem este link <a rel=”nofollow” href=”http://viagra.buy.com”> my page</a>

Slide 114: microformatos pequenas peças do puzzle Sujar as mãos vote-links porque nem todos os links são de concordância, marca links como “a favor” ou “contra” <a rev=”vote-for” href=”http://www.sapo.pt”> yay</a> <a rev=”vote-against” href=”http://www.riaa.com”> nay</a>

Slide 116: microformatos pequenas peças do puzzle Sujar as mãos ferramentas

Slide 117: microformatos pequenas peças do puzzle Sujar as mãos Para utilizadores comuns Firefox Operator https://addons.mozilla.org/en-US/ﬁrefox/addon/4106 Michael Kaply (IBM) Firefox Tails Export https://addons.mozilla.org/en-US/ﬁrefox/addon/2240 Robert de Bruin Safari Plugin http://zappatic.net/safarimicroformats/ ? * Bookmarklet http://leftlogic.com/lounge/articles/microformats_bookmarklet Remy Sharp

Slide 118: microformatos pequenas peças do puzzle Sujar as mãos Parsers PHP hKit http://code.google.com/p/hkit/ Drew McLellan Perl Cognition http://buzzword.org.uk/cognition/ Toby Inkster WS Optimus http://microformatique.com/optimus/ Dmitry Baranovskiy Javascript Sumo http://danwebb.net/ Dan Webb

Slide 119: microformatos pequenas peças do puzzle Sujar as mãos Transformadores hCard+hCal X2V http://suda.co.uk/projects/X2V/ Brian Suda (disponibiliza .xsl’s) hCal Technorati http://technorati.com/events/ Toby Inkster vários + RDF TransFormr http://transformr.co.uk/ Martin McEvoy (com download para PHP)

Slide 121: microformatos pequenas peças do puzzle Acto 111 Demos

Slide 122: microformatos pequenas peças do puzzle Demos 1. Last.fm + Google Maps 2. Adicionar contactos ao SAPO Mail 2. Adicionar ao calendário um programa de conf. 3. Blog + Flickr 4. Criar conta no GetSatisfaction

Slide 123: microformatos pequenas peças do puzzle That’s all, Folks! Obrigado. <p class=”vcard”> <a class=”fn url” href=”http://andr3.net”>André Luís</a> <a class=”email” href=”mailto:me@andr3.net”> me@andr3.net</a> </p> http://trac.intra.sapo.pt/quality/wiki/tecnica/microformatos http://talks.andr3.net/2008/ufs_at_sapo.pdf creative commons attribution non-commercial share-alike 2.5

Slide 124: microformatos pequenas peças do puzzle Créditos Lego - http://flickr.com/photos/grdloizaga/817443503/ Calendário - http://flickr.com/photos/pyrii/2400515074/ Etiqueta - http://flickr.com/photos/peskymac/1217139213/ Ferramentas - http://flickr.com/photos/tomtec/178177044/

Slideshare.net (beta)