![Page 1: Raúl Martín Rodríguez Carlos Tejo Alonso · Exporting microformats via bluetooth. HCI-RG Workshop It’s your turn! Questions? Questions. Title microformatos Author: Lg Created](https://reader034.vdocuments.site/reader034/viewer/2022050508/5f98fb30e64e6a12fe00f08b/html5/thumbnails/1.jpg)
Microformats
Raúl Martín RodríguezCarlos Tejo Alonso
![Page 2: Raúl Martín Rodríguez Carlos Tejo Alonso · Exporting microformats via bluetooth. HCI-RG Workshop It’s your turn! Questions? Questions. Title microformatos Author: Lg Created](https://reader034.vdocuments.site/reader034/viewer/2022050508/5f98fb30e64e6a12fe00f08b/html5/thumbnails/2.jpg)
HCI-RG Workshop
Problem
web 4 humansvs
web 4 computers
![Page 3: Raúl Martín Rodríguez Carlos Tejo Alonso · Exporting microformats via bluetooth. HCI-RG Workshop It’s your turn! Questions? Questions. Title microformatos Author: Lg Created](https://reader034.vdocuments.site/reader034/viewer/2022050508/5f98fb30e64e6a12fe00f08b/html5/thumbnails/3.jpg)
HCI-RG Workshop
What is a microformat?
It is an approach to annotate datasemantically in a
webpage
![Page 4: Raúl Martín Rodríguez Carlos Tejo Alonso · Exporting microformats via bluetooth. HCI-RG Workshop It’s your turn! Questions? Questions. Title microformatos Author: Lg Created](https://reader034.vdocuments.site/reader034/viewer/2022050508/5f98fb30e64e6a12fe00f08b/html5/thumbnails/4.jpg)
HCI-RG Workshop
Example xhtml
<div><a href=”http://www.dayures.net/”>Carlos Tejo</a> from<span>HCI-RG</span>
</div>
![Page 5: Raúl Martín Rodríguez Carlos Tejo Alonso · Exporting microformats via bluetooth. HCI-RG Workshop It’s your turn! Questions? Questions. Title microformatos Author: Lg Created](https://reader034.vdocuments.site/reader034/viewer/2022050508/5f98fb30e64e6a12fe00f08b/html5/thumbnails/5.jpg)
HCI-RG Workshop
Example hCard
<div class=”vcard” ><a href=”http://www.dayures.net/”>Carlos Tejo</a> from<span>HCI-RG</span>
</div>Microformats have a root element.
hCard root elements have theclass value=“vcard”.
Microformats have a root element.
hCard root elements have theclass value=“vcard”.
![Page 6: Raúl Martín Rodríguez Carlos Tejo Alonso · Exporting microformats via bluetooth. HCI-RG Workshop It’s your turn! Questions? Questions. Title microformatos Author: Lg Created](https://reader034.vdocuments.site/reader034/viewer/2022050508/5f98fb30e64e6a12fe00f08b/html5/thumbnails/6.jpg)
HCI-RG Workshop
Example hCard
<div class=“vcard” ><a class=“fn”href=”http://www.dayures.net/”>Carlos Tejo</a> from<span>HCI-RG</span>
</div>Formatted Names:
class=“fn” (root)class=“given-name”class=“family-name”
Formatted Names:
class=“fn” (root)class=“given-name”class=“family-name”
![Page 7: Raúl Martín Rodríguez Carlos Tejo Alonso · Exporting microformats via bluetooth. HCI-RG Workshop It’s your turn! Questions? Questions. Title microformatos Author: Lg Created](https://reader034.vdocuments.site/reader034/viewer/2022050508/5f98fb30e64e6a12fe00f08b/html5/thumbnails/7.jpg)
HCI-RG Workshop
Example hCard
<div class=“vcard” ><a class=“url fn”href=” http://www.dayures.net /”>Carlos Tejo</a> from<span>HCI-RG</span>
</div> URL:
class=“url”
URL:
class=“url”
![Page 8: Raúl Martín Rodríguez Carlos Tejo Alonso · Exporting microformats via bluetooth. HCI-RG Workshop It’s your turn! Questions? Questions. Title microformatos Author: Lg Created](https://reader034.vdocuments.site/reader034/viewer/2022050508/5f98fb30e64e6a12fe00f08b/html5/thumbnails/8.jpg)
HCI-RG Workshop
Example hCard
<div class=“vcard” ><a class=“url fn”href=”http://www.dayures.net/”>Carlos Tejo</a> from<span class=“org” >HCI-RG</span>
</div>Organization:
class=“org”
Organization:
class=“org”
![Page 9: Raúl Martín Rodríguez Carlos Tejo Alonso · Exporting microformats via bluetooth. HCI-RG Workshop It’s your turn! Questions? Questions. Title microformatos Author: Lg Created](https://reader034.vdocuments.site/reader034/viewer/2022050508/5f98fb30e64e6a12fe00f08b/html5/thumbnails/9.jpg)
HCI-RG Workshop
Example hCard
BEGIN:VCARDVERSION:3.0N:Carlos;TejoFN:Carlos TejoURL:http://www.dayures.netORG:HCI-RGEND:VCARD
![Page 10: Raúl Martín Rodríguez Carlos Tejo Alonso · Exporting microformats via bluetooth. HCI-RG Workshop It’s your turn! Questions? Questions. Title microformatos Author: Lg Created](https://reader034.vdocuments.site/reader034/viewer/2022050508/5f98fb30e64e6a12fe00f08b/html5/thumbnails/10.jpg)
HCI-RG Workshop
Semantic
is NOT the Semantic Web!!!
![Page 11: Raúl Martín Rodríguez Carlos Tejo Alonso · Exporting microformats via bluetooth. HCI-RG Workshop It’s your turn! Questions? Questions. Title microformatos Author: Lg Created](https://reader034.vdocuments.site/reader034/viewer/2022050508/5f98fb30e64e6a12fe00f08b/html5/thumbnails/11.jpg)
HCI-RG Workshop
Semantic
RDFa, W3C proposal in order to expresssemantic information in (X)HTML documents
![Page 12: Raúl Martín Rodríguez Carlos Tejo Alonso · Exporting microformats via bluetooth. HCI-RG Workshop It’s your turn! Questions? Questions. Title microformatos Author: Lg Created](https://reader034.vdocuments.site/reader034/viewer/2022050508/5f98fb30e64e6a12fe00f08b/html5/thumbnails/12.jpg)
HCI-RG Workshop
Theory
� People and Organizations (hCard )
� Calendars and Events (hCalendar )
� Locations (geo )
hCard geo hCalendar
![Page 13: Raúl Martín Rodríguez Carlos Tejo Alonso · Exporting microformats via bluetooth. HCI-RG Workshop It’s your turn! Questions? Questions. Title microformatos Author: Lg Created](https://reader034.vdocuments.site/reader034/viewer/2022050508/5f98fb30e64e6a12fe00f08b/html5/thumbnails/13.jpg)
HCI-RG Workshop
”Live” Examples
� http://www.flickr.com/photos/nextors/map/
![Page 14: Raúl Martín Rodríguez Carlos Tejo Alonso · Exporting microformats via bluetooth. HCI-RG Workshop It’s your turn! Questions? Questions. Title microformatos Author: Lg Created](https://reader034.vdocuments.site/reader034/viewer/2022050508/5f98fb30e64e6a12fe00f08b/html5/thumbnails/14.jpg)
HCI-RG Workshop
”Live” Examples
� Firefox Extension Tails Export
Exporting microformats via bluetooth
![Page 15: Raúl Martín Rodríguez Carlos Tejo Alonso · Exporting microformats via bluetooth. HCI-RG Workshop It’s your turn! Questions? Questions. Title microformatos Author: Lg Created](https://reader034.vdocuments.site/reader034/viewer/2022050508/5f98fb30e64e6a12fe00f08b/html5/thumbnails/15.jpg)
HCI-RG Workshop
It’s your turn!
Questions?
Questions