• Like
  • Save
Microformats, a web semântica com letra minúscula
Upcoming SlideShare
Loading in...5
×
 

Microformats, a web semântica com letra minúscula

on

  • 15,383 views

Palestra apresentada por Elcio Ferreira no 9º ELPI. A palestra apresentou ao público os Microformats, uma maneira de incluir novas características e possibilidades no HTML atual, oferecendo ...

Palestra apresentada por Elcio Ferreira no 9º ELPI. A palestra apresentou ao público os Microformats, uma maneira de incluir novas características e possibilidades no HTML atual, oferecendo significado extra ao conteúdo e facilitando a criação de mash-ups. Comparou também a adoção inicial de Microformats com o padrão de adoção de novas tecnologias abertas, em especial o RSS. Por fim, demonstrou com exemplos práticos a simplicidade para se implementar Microformats e sua grande utilidade e flexibilidade. Vídeo aqui: http://www.andrey.com.br/?p=185

Statistics

Views

Total Views
15,383
Views on SlideShare
15,303
Embed Views
80

Actions

Likes
12
Downloads
413
Comments
1

8 Embeds 80

http://www.alexandreformagio.com.br 64
http://www.slideshare.net 7
http://alexandreformagio.com.br 3
http://127.0.0.1 2
http://feeds.feedburner.com 1
http://www.blogger.com 1
http://www.brassadesign.com.br 1
http://www.slideee.com 1
More...

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel

11 of 1

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
  • Great display. I've taken a few of the structure graphics as well as adapted to my startup
    Teisha
    http://dashinghealth.com http://healthimplants.com
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Microformats, a web semântica com letra minúscula Microformats, a web semântica com letra minúscula Presentation Transcript

    • Microformats a web semântica com letra minúscula Elcio Ferreira elcio@visie.com.br visie.com.br
    • tableless.com.br elcio.com.br visie.com.br
    • Padrões são legais
    • São libertadores
    • São acopláveis
    • Adoção exponencial
    • usuários tempo
    • usuários tempo
    • usuários Barulhentos tempo
    • As Webs Semânticas
    • A Web Semântica (com letra maiúscula)
    • interessante
    • complexa
    • possível?
    • A web semântica (com letra minúscula)
    • interessante
    • simples
    • possível hoje
    • O plano
    • Iniciando
    • Use o seu XHTML atual
    • <h2>Sobre mim</h2> <ul> <li><img style=quot;float:left; margin-right:4pxquot; src=quot;http://elcio.com.br/imagens/elcio.jpgquot; alt=quot;photoquot;/> <a href=quot;http://elcio.com.brquot;>Elcio Luiz Ferreira</a></li> <li>Visie Padrões Web (<a href=quot;http://visie.com.brquot;>visie.com.br</a>)</li> <li><a href=quot;mailto:elcio arroba visie.com.brquot;> elcio arroba visie.com.br</a></li> <li> <div>Rua Onofre da Silveira, 574</div> São Paulo, SP, 04304-010 Brasil <span>lat: -23.626550, long: -46.639785</span> </li> <li>11-3477-3347</li> </ul>
    • Acrescente significado
    • <h2>Sobre mim</h2> <ul> <li><img style=quot;float:left; margin-right:4pxquot; src=quot;http://elcio.com.br/imagens/elcio.jpgquot; alt=quot;photoquot;/> <a href=quot;http://elcio.com.brquot;>Elcio Luiz Ferreira</a></li> <li>Visie Padrões Web (<a href=quot;http://visie.com.brquot;>visie.com.br</a>)</li> <li><a href=quot;mailto:elcio arroba visie.com.brquot;> elcio arroba visie.com.br</a></li> <li> <div>Rua Onofre da Silveira, 574</div> São Paulo, SP, 04304-010 Brasil <span>lat: -23.626550, long: -46.639785</span> </li> <li>11-3477-3347</li> </ul>
    • <ul> <li><img style=quot;float:left; margin-right:4pxquot; src=quot;http://elcio.com.br/imagens/elcio.jpgquot; alt=quot;photoquot;/> <a href=quot;http://elcio.com.brquot;> <span>Elcio</span> <span>Luiz </span> <span>Ferreira</span> </a></li> <li>Visie Padrões Web (<a href=quot;http://visie.com.brquot;>visie.com.br</a>)</li> <li><a href=quot;mailto:elcio arroba visie.com.brquot;> elcio arroba visie.com.br</a></li> <li> <div>Rua Onofre da Silveira, 574</div> <span>São Paulo</span>, <span>SP</span>, <span>04304-010</span> <span>Brasil</span> <span> lat: <span>-23.626550,</span> long: <span>-46.639785</span> </span> </li> <li>11-3477-3347</li> </ul>
    • <ul> <li><img style=quot;float:left; margin-right:4pxquot; src=quot;http://elcio.com.br/imagens/elcio.jpgquot; alt=quot;photoquot;/> <a href=quot;http://elcio.com.brquot;> <span>Elcio</span> <span>Luiz </span> <span>Ferreira</span> </a></li> <li>Visie Padrões Web (<a href=quot;http://visie.com.brquot;>visie.com.br</a>)</li> <li><a href=quot;mailto:elcio arroba visie.com.brquot;> elcio arroba visie.com.br</a></li> <li> <div>Rua Onofre da Silveira, 574</div> <span>São Paulo</span>, <span>SP</span>, <span>04304-010</span> <span>Brasil</span> <span> lat: <span>-23.626550,</span> long: <span>-46.639785</span> </span> </li> <li>11-3477-3347</li> </ul>
    • <ul class=”vcard”> <li><img style=quot;float:left; margin-right:4pxquot; src=quot;http://elcio.com.br/imagens/elcio.jpgquot; alt=quot;photoquot;/> <a href=quot;http://elcio.com.brquot;> <span>Elcio</span> <span>Luiz </span> <span>Ferreira</span> </a></li> <li>Visie Padrões Web (<a href=quot;http://visie.com.brquot;>visie.com.br</a>)</li> <li><a href=quot;mailto:elcio arroba visie.com.brquot;> elcio arroba visie.com.br</a></li> <li> <div>Rua Onofre da Silveira, 574</div> <span>São Paulo</span>, <span>SP</span>, <span>04304-010</span> <span>Brasil</span> <span> lat: <span>-23.626550,</span> long: <span>-46.639785</span> </span> </li> <li>11-3477-3347</li> </ul>
    • <ul class=”vcard”> <li><img style=quot;float:left; margin-right:4pxquot; src=quot;http://elcio.com.br/imagens/elcio.jpgquot; alt=quot;photoquot; class=”photo”/> <a href=quot;http://elcio.com.brquot; class=”url fn n”> <span class=”given-name”>Elcio</span> <span class=”additional-name”>Luiz </span> <span class=”family-name”>Ferreira</span> </a></li> <li>Visie Padrões Web (<a href=quot;http://visie.com.brquot;>visie.com.br</a>)</li> <li><a href=quot;mailto:elcio arroba visie.com.brquot;> elcio arroba visie.com.br</a></li> <li> <div>Rua Onofre da Silveira, 574</div> <span>São Paulo</span>, <span>SP</span>, <span>04304-010</span> <span>Brasil</span> <span> lat: <span>-23.626550,</span> long: <span>-46.639785</span> </span> </li> <li>11-3477-3347</li> </ul>
    • <ul class=”vcard”> <li><img style=quot;float:left; margin-right:4pxquot; src=quot;http://elcio.com.br/imagens/elcio.jpgquot; alt=quot;photoquot; class=”photo”/> <a href=quot;http://elcio.com.brquot; class=”url fn n”> <span class=”given-name”>Elcio</span> <span class=”additional-name”>Luiz </span> <span class=”family-name”>Ferreira</span> </a></li> <li class=”org”>Visie Padrões Web (<a href=quot;http://visie.com.brquot;>visie.com.br</a>)</li> <li><a class=”email” href=quot;mailto:elcio arroba visie.com.brquot;> elcio arroba visie.com.br</a></li> <li class=”adr”> <div>Rua Onofre da Silveira, 574</div> <span>São Paulo</span>, <span>SP</span>, <span>04304-010</span> <span>Brasil</span> <span> lat: <span>-23.626550,</span> long: <span>-46.639785</span> </span> </li> <li>11-3477-3347</li> </ul>
    • <ul class=”vcard”> <li><img style=quot;float:left; margin-right:4pxquot; src=quot;http://elcio.com.br/imagens/elcio.jpgquot; alt=quot;photoquot; class=”photo”/> <a href=quot;http://elcio.com.brquot; class=”url fn n”> <span class=”given-name”>Elcio</span> <span class=”additional-name”>Luiz </span> <span class=”family-name”>Ferreira</span> </a></li> <li class=”org”>Visie Padrões Web (<a href=quot;http://visie.com.brquot;>visie.com.br</a>)</li> <li><a class=”email” href=quot;mailto:elcio arroba visie.com.brquot;> elcio arroba visie.com.br</a></li> <li class=”adr”> <div class=”street-address”>Rua Onofre da Silveira, 574</div> <span class=”locality”>São Paulo</span>, <span class=”region”>SP</span>, <span class=”postal-code”>04304-010</span> <span class=”country-name”>Brasil</span> <span> lat: <span>-23.626550,</span> long: <span>-46.639785</span> </span> </li> <li>11-3477-3347</li> </ul>
    • <ul class=”vcard”> <li><img style=quot;float:left; margin-right:4pxquot; src=quot;http://elcio.com.br/imagens/elcio.jpgquot; alt=quot;photoquot; class=”photo”/> <a href=quot;http://elcio.com.brquot; class=”url fn n”> <span class=”given-name”>Elcio</span> <span class=”additional-name”>Luiz </span> <span class=”family-name”>Ferreira</span> </a></li> <li class=”org”>Visie Padrões Web (<a href=quot;http://visie.com.brquot;>visie.com.br</a>)</li> <li><a class=”email” href=quot;mailto:elcio arroba visie.com.brquot;> elcio arroba visie.com.br</a></li> <li class=”adr”> <div class=”street-address”>Rua Onofre da Silveira, 574</div> <span class=”locality”>São Paulo</span>, <span class=”region”>SP</span>, <span class=”postal-code”>04304-010</span> <span class=”country-name”>Brasil</span> <span> lat: <span>-23.626550,</span> long: <span>-46.639785</span> </span> </li> <li class=”tel”>11-3477-3347</li> </ul>
    • <ul class=”vcard”> <li><img style=quot;float:left; margin-right:4pxquot; src=quot;http://elcio.com.br/imagens/elcio.jpgquot; alt=quot;photoquot; class=”photo”/> <a href=quot;http://elcio.com.brquot; class=”url fn n”> <span class=”given-name”>Elcio</span> <span class=”additional-name”>Luiz </span> <span class=”family-name”>Ferreira</span> </a></li> <li class=”org”>Visie Padrões Web (<a href=quot;http://visie.com.brquot;>visie.com.br</a>)</li> <li><a class=”email” href=quot;mailto:elcio arroba visie.com.brquot;> Ahá! Temos hCard! elcio arroba visie.com.br</a></li> <li class=”adr”> <div class=”street-address”>Rua Onofre da Silveira, 574</div> <span class=”locality”>São Paulo</span>, <span class=”region”>SP</span>, <span class=”postal-code”>04304-010</span> <span class=”country-name”>Brasil</span> <span> lat: <span>-23.626550,</span> long: <span>-46.639785</span> </span> </li> <li class=”tel”>11-3477-3347</li> </ul>
    • <ul class=”vcard”> <li><img style=quot;float:left; margin-right:4pxquot; src=quot;http://elcio.com.br/imagens/elcio.jpgquot; alt=quot;photoquot; class=”photo”/> <a href=quot;http://elcio.com.brquot; class=”url fn n”> <span class=”given-name”>Elcio</span> <span class=”additional-name”>Luiz </span> <span class=”family-name”>Ferreira</span> </a></li> <li class=”org”>Visie Padrões Web (<a href=quot;http://visie.com.brquot;>visie.com.br</a>)</li> <li><a class=”email” href=quot;mailto:elcio arroba visie.com.brquot;> elcio arroba visie.com.br</a></li> <li class=”adr”> <div class=”street-address”>Rua Onofre da Silveira, 574</div> <span class=”locality”>São Paulo</span>, <span class=”region”>SP</span>, <span class=”postal-code”>04304-010</span> <span class=”country-name”>Brasil</span> <span class=”geo”> lat: <span class=”latitude”>-23.626550,</span> long: <span class=”longitude”>-46.639785</span> </span> </li> <li class=”tel”>11-3477-3347</li> </ul>
    • <ul class=”vcard”> <li><img style=quot;float:left; margin-right:4pxquot; src=quot;http://elcio.com.br/imagens/elcio.jpgquot; alt=quot;photoquot; class=”photo”/> <a href=quot;http://elcio.com.brquot; class=”url fn n”> <span class=”given-name”>Elcio</span> <span class=”additional-name”>Luiz </span> <span class=”family-name”>Ferreira</span> </a></li> <li class=”org”>Visie Padrões Web (<a href=quot;http://visie.com.brquot;>visie.com.br</a>)</li> <li><a class=”email” href=quot;mailto:elcio arroba visie.com.brquot;> E agora Geo! elcio arroba visie.com.br</a></li> <li class=”adr”> <div class=”street-address”>Rua Onofre da Silveira, 574</div> <span class=”locality”>São Paulo</span>, <span class=”region”>SP</span>, <span class=”postal-code”>04304-010</span> <span class=”country-name”>Brasil</span> <span class=”geo”> lat: <span class=”latitude”>-23.626550,</span> long: <span class=”longitude”>-46.639785</span> </span> </li> <li class=”tel”>11-3477-3347</li> </ul>
    • <ul class=”vcard”> <li><img style=quot;float:left; margin-right:4pxquot; src=quot;http://elcio.com.br/imagens/elcio.jpgquot; alt=quot;photoquot; class=”photo”/> <a href=quot;http://elcio.com.brquot; class=”url fn n”> <span class=”given-name”>Elcio</span> <span class=”additional-name”>Luiz </span> <span class=”family-name”>Ferreira</span> </a></li> <li class=”org”>Visie Padrões Web (<a href=quot;http://visie.com.brquot;>visie.com.br</a>)</li> <li><a class=”email” href=quot;mailto:elcio arroba visie.com.brquot;> elcio arroba visie.com.br</a></li> <li class=”adr”> <div class=”street-address”>Rua Onofre da Silveira, 574</div> <span class=”locality”>São Paulo</span>, <span class=”region”>SP</span>, <span class=”postal-code”>04304-010</span> <span class=”country-name”>Brasil</span> <span class=”geo”> lat: <span class=”latitude”>-23.626550,</span> long: <span class=”longitude”>-46.639785</span> </span> </li> <li class=”tel”>11-3477-3347</li> </ul>
    • Pronto, você está dentro!
    • Pra que serve?
    • Lembra do RSS?
    • Exponencial
    • “Pra que serve RSS?”
    • “Pra que serve RSS?”
    • “Pra que serve RSS?”
    • “Pra que serve RSS?”
    • “Pra que serve RSS?”
    • “Pra que serve RSS?”
    • “Pra que serve RSS?”
    • “Pra que serve RSS?”
    • Formatos Interessantes: hCard XFN ● ● ● hCalendar ● rel:no-follow ● Geo ● XOXO
    • Exemplos com a Operator
    • Tall eye
    • Desenvolva sua aplicação
    • “We need microformats and to get people to agree on them. It is going to bootstrap exchanging data on the Web…” Bill Gates
    • Mash it up!
    • RSS
    • Firefox
    • Firefox
    • Bloglines
    • Google Reader
    • iPodder
    • Amarok
    • Netvibes
    • Page Flakes
    • Odeo
    • Yahoo! Pipes
    • Democracy
    • Aaah, sim, claro, Firefox 3
    • Escreva
    • Leia
    • Crie
    • ? ? dúvidas ? ?
    • Obrigado! Elcio Ferreira elcio@visie.com.br visie.com.br