events/2007-09-05-dconstruct-microformats-workshop-fr: Difference between revisions

From Microformats Wiki
Jump to navigation Jump to search
m (sync'd)
 
(13 intermediate revisions by one other user not shown)
Line 1: Line 1:
<h1>dConstruct Atelier Microformats</h1>
<h1>dConstruct Atelier Microformats</h1>
 
{{TOC-right}}
L'un des nombreux [[events-fr|évenements]] microformats.
L'un des nombreux [[events-fr|évenements]] microformats.
__TOC__


== Résumé ==
== Résumé ==
 
Cet atelier a simplement couvert tout ce qu'il y a à faire avec les microformats. C'est la beauté d'une technologie aussi simple : cela ne prend seulement qu'une seule journée pour devenir un expert. Ce n'était pas une présentation passive mais bien l'occasion d'apprendre non seulement la théorie des microformats mais aussi de mettre les mains dans le cambouis du marquage.
Cet atelier couvrira simplement tout ce qu'il y a à faire avec les microformats. C'est la beauté d'une technologie aussi simple : cela ne prend seulement qu'une seule journée pour devenir un expert. Ceci ne sera pas une présentation passive : vous apprendrez non seulement la théorie des microformats ; vous mettrez aussi les mains dans le cambouis du marquage.


== Détails ==
== Détails ==
<div class="vevent">
<div class="vevent">
* Titre : <span class="summary">dConstruct Microformats Workshop</span>
* Titre : <span class="summary">dConstruct Atelier Microformats</span>
* Où : <span class="location vcard"><span class="fn org">Clearleft</span>, <span class="adr"><span class="locality">28 Kensington Street,</span> <span class="locality">Brighton</span>, <span class="country-name">England</span> <span class="postal-code">BN1 4AJ</span></span> (Coordinates: <span class="geo">50.8258;-0.1385</span>)</span>
* Où : <span class="location vcard"><span class="fn org">Clearleft</span>, <span class="adr"><span class="locality">28 Kensington Street,</span> <span class="locality">Brighton</span>, <span class="country-name">England</span> <span class="postal-code">BN1 4AJ</span></span> (Coordonnées : <span class="geo">50.8258;-0.1385</span>)</span>
* Quand : <span class="dtstart">2007-09-05</span>
* Quand : <span class="dtstart">2007-09-05</span>
* Web : <span class="url">http://2007.dconstruct.org/workshops/#jeremytantek</span>
* Web :
** <span class="url">http://2007.dconstruct.org/workshops/#jeremytantek</span>
** <span class="url">http://upcoming.yahoo.com/event/211922/</span>
</div>
</div>


== Plan ==
'''[http://technorati.com/events/http://microformats.org/wiki/events/2007-09-05-dconstruct-microformats-workshop-fr Ajoutez cet événement à votre agenda ou programme de calendrier]''' http://www.boogdesign.com/images/buttons/microformat_hcalendar.png
 
Si vous venez à cet atelier et qu'il y ait des problématiques dont vous voulez vous assurer qu'elles soient traitées, listez-le svp ici :
 
* ...
 
Voici un plan brut de la structure de l'atelier :
 
<ol class="xoxo">
<li>Background
<ol>
<li>Semantic Web (Tantek)
<ol>
<li>Goals: outline people/events scenario by [http://www.technologyreview.com/Infotech/12640/ TBL in MIT Technology Review magazine in 2001] (and later demonstrate how much of that scenario is solved today with microformats)</li>
<li>Formats
<ol>
<li>RDF, XML</li>
</ol>
</li>
</ol>
</li>
<li>Web Standards (Jeremy)
<ol>
<li>From tables to the CSS Zen Garden</li>
<li>Semantics in HTML</li>
</ol>
</li>
<li>Questions?</li>
</ol>
</li>
<li>POSH
<ol>
<li>Markup patterns (Tantek)
<ol>
<li>Examples
<ol>
<li>blog quotes</li>
<li>conversations?</li>
</ol>
</li>
</ol>
</li>
<li>Lesser known markup (Jeremy)
<ol>
<li>Examples
<ol>
<li>cite attribute?</li>
<li>thead, tbody, summary?</li>
<li>rel attribute</li>
</ol>
</li>
</ol>
</li>
<li>Questions?</li>
</ol>
</li>
<li>Elemental microformats
<ol>
<li>rel-license (Tantek)</li>
<li>XFN (Jeremy)</li>
<li>rel-tag (Tantek)</li>
<li>Questions?</li>
</ol>
</li>
<li>Philosophy
<ol>
<li>Scientific method: gather data before forming hypotheses (Tantek)
<ol>
<li>what information are humans already publishing?</li>
<li>the specific reasons are irrelevant, the 'existence' of the behavior matters</li>
<li>use only information published visibly, it tends to be more accurate than that published invisibly</li>
</ol>
</li>
<li>Progressive problem solving (Jeremy)
<ol>
<li>solve simple problems before complex problems - simple solutions will often act as building blocks for complex problems, and illuminate how to more easily solve them</li>
<li>solve the most common problems first. by developing ways of sharing the most commonly published/used information types first, more use cases, applications, scenarios will be enabled faster</li>
<li>if only one person seems interested in a problem, it's probably not yet worth the attention of the community</li>
</ol>
<li>Reusing vocabularies helps communication (Tantek)
<ol>
<li>reuse rather than reinvent (vocabulary reinvention is a common (e.g. XML) standards mistake = babel)</li>
<li>reuse from existing well implemented interoperable standards</li>
<li>vcard to hcard</li>
<li>icalendar to hcalendar</li>
</ol>
</li>
<li>The Pareto principle (Jeremy)
<ol>
<li>80/20</li>
<li>Humans first, machines second</li>
</ol>
</li>
<li>Questions?</li>
</ol>
</li>
<li>Building blocks
<ol>
<li>The class design pattern (Tantek)
<ol>
<li>not just for CSS</li>
</ol>
</li>
<li>The abbr design pattern (Jeremy)
<ol>
<li>datetime</li>
<li>geo</li>
</ol>
</li>
<li>Questions?</li>
</ol>
</li>
<li>hCard
<ol>
<li>background (Tantek)
<ol>
<li>spot the contact info exercise</li>
<li>example sites</li>
</ol>
</li>
<li>implementation (Jeremy)
<ol>
<li>embedding in copy text</li>
<li>fill in the blanks exercise</li>
</ol>
</li>
<li>Questions?</li>
</ol>
</li>
<li>hCalendar
<ol>
<li>background (Tantek)
<ol>
<li>spot the event info exercise</li>
<li>example sites</li>
</ol>
</li>
<li>implementation (Jeremy)
<ol>
<li>fill in the blanks exercise</li>
</ol>
</li>
<li>Questions?</li>
</ol>
</li>
<li>Compound microformats
<ol>
<li>hResume (Tantek)</li>
<li>hReview (Jeremy)</li>
<li>hAtom (Tantek)</li>
<li>Questions?</li>
</ol>
</li>
        <li>Social Network Portability
<ol>
<li>problem statement: having to re-enter profile info, re-add friends</li>
<li>hCard for sharing profile info</li>
<li>XFN rel="me" for identity consolidation / URL claiming</li>
<li>hCard+XFN for sharing friends lists</li>
<li>supported by sites today (show names/logos)</li>
<li>how to support open user profiles with hCard</li>
<li>how to support open friends lists with hCard+XFN</li>
<li>how to import/subscribe to an open user profile (e.g. Satisfaction, hKit)</li>
<li>how to import/subscribe to an open friends list (e.g. Dopplr)</li>
<li>Backnetwork example (Glenn?)</li>
</ol>
</li>
<li>Extracting microformats
<ol>
<li>Operator (Tantek)</li>
<li>Bluetooth Tails (Jeremy)</li>
<li>Parsing (Brian)</li>
<li>Questions?</li>
</ol>
</li>
<li>Case study
<ol>
<li>Yahoo! Europe (Norm!)</li>
<li>Questions?</li>
</ol>
</li>
<li>Creating microformats
<ol>
<li>The process (Tantek)
<ol>
<li>first make sure your site is POSH</li>
<li>second make sure your site uses existing microformats in known ways</li> <li>solve a specific problem</li>
<li>try using existing microformats for your new problem</li>
<li>document existing publishing behaviors of your type of information</li>
</ol>
</li>
<li>Proposals (Jeremy)</li>
<li>Community (Tantek)
<ol>
<li>wiki</li>
<li>IRC</li>
<li>mailing list</li>
</ol>
</li>
<li>Questions?</li>
</ol>
</li>
<li>The future
<ol>
<li>More microformats?</li>
<li>More parsers
<ol>
<li>Firefox 3</li>
</ol>
</li>
<li>More implementations
<ol>
<li>Google maps</li>
</ol>
</li>
<li>Questions?</li>
</ol>
</li>
</ol>


== Présentations ==
Présentations S5 :
* [http://adactio.com/extras/microformatsworkshop/ dConstruct Microformats Workshop] ([http://www.elanceur.org/microformats/slides/ateliermicroformatsdconstruct.html traduction (fr)])- liens utiles pour l'atelier. L'[[events/2007-09-05-dconstruct-microformats-workshop-outline-fr|outline en ligne]] est aussi disponible.
* [http://tantek.com/presentations/2007/09/microformats/background/ dConstruct Microformats Workshop background] ([http://www.elanceur.org/microformats/slides/dconstructateliermicroformatshistorique.html traduction (fr)]
* [http://tantek.com/presentations/2007/09/microformats/data-portability/ dConstruct Microformats Workshop data portability] ([http://www.elanceur.org/microformats/slides/portabilite-des-donnees.html traduction (fr)])


== Tags ==
== Tags ==
 
tags : '''microformats dconstruct07 dconstruct2007 microformats-dconstruct2007 workshop microformatsworkshop upcoming:event=211922 socialnetworkportability dataportability openstandards'''
tags : '''microformats dconstruct07 workshop'''


== Présentateurs ==
== Présentateurs ==
Line 247: Line 31:
*[http://tantek.com/ Tantek Çelik]
*[http://tantek.com/ Tantek Çelik]
*[http://adactio.com/ Jeremy Keith]
*[http://adactio.com/ Jeremy Keith]


== Participants ==
== Participants ==
Line 256: Line 39:
* [[User:Adactio|Adactio]]
* [[User:Adactio|Adactio]]
-->
-->
* [[User:DuncanCragg|Duncan Cragg]]/[http://duncan-cragg.org/ Duncan Cragg]/[http://www.linkedin.com/in/duncancragg Duncan Cragg]
* [[User:ChristopheDucamp|Christophe Ducamp]]
* [[User:ChristopheDucamp|Christophe Ducamp]]
* ...
* [http://www.kenneth.himschoot.com/vcard Kenneth Himschoot]
* [[User:AnnaKoutli|Anna Koutli]]
* [http://www.linkedin.com/pub/0/2a4/b47 Pierre Marissal]
* [http://www.middlege.com Paul Middlege]
* [http://adhocproductions.co.uk Kieron Norfield]
* [[User:EmilOvemar|Emil Ovemar]]
* [[User:JohanSahlen|Johan Sahlén]] (blog coming in the future)
* ....
 
== URLs discutées ==
* [http://www.gmpg.org/xfn/creator XFN creator]
* [http://services.alphaworks.ibm.com/manyeyes/view/S7ipIHsOtha6i3-ZJvKJH2- Many Eyes XFN visualization], [http://xfngraph.sourceforge.net/index.en.utf8.html Another XFN visualization]
* [http://code.google.com/webstats/ Google Study of HTML attributes and uses]
* [http://microformats.org/code/hcard/creator hCard Creator]
* [http://leftlogic.com/lounge/articles/microformats_bookmarklet/ LeftLogic Bookmarklet]
* [http://kitchen.technorati.com Technorati microformats search]
* [http://www.w3.org/TR/NOTE-datetime W3C Date Time]
* [http://www.revish.com/ Book Reviews]


== Commentaires sur la Session et Q&R ==
== Commentaires sur la Session et Q&R ==
* ...
* Q. Quand utilisez véritablement REV et REL ?
 
* Q. Est-ce que les Vote-links ne sont que des URLs externes ou peuvent-ils être aussi internes ?
** R. ils sont fondés sur des URLs, ainsi avous pouvez lier en interne tout comme à l'extérieur
 
* Q. Pourriez-vous utiliser l'attribut title au lieu du lien pour rel-tag
** R. l'attribut REL est sémantiquement connecté au href


== Photos ==
== Photos ==
Utilisez svp ''tous'' les tags suivants au moment de taguer les photos publies en rapport avec l'Atelier Microformat dConstruct:
Utilisez svp ''tous'' les tags suivants au moment de taguer les photos publies en rapport avec l'Atelier Microformat dConstruct:


tags: '''microformats dconstruct07 workshop'''
tags: '''microformats dconstruct07 dconstruct2007 microformats-dconstruct2007 workshop microformatsworkshop upcoming:event=211922 socialnetworkportability dataportability openstandards'''
 
 
[http://www.flickr.com/photos/khimscho/1328581455/ http://farm2.static.flickr.com/1425/1328581455_8ab93f4a54_m_d.jpg]
[http://www.flickr.com/photos/adactio/1332086561/ http://farm2.static.flickr.com/1091/1332086561_ead1c90b16_m.jpg]
[http://www.flickr.com/photos/adactio/1332094573/ http://farm2.static.flickr.com/1288/1332094573_379c236a5e_m.jpg]
[http://www.flickr.com/photos/adactio/1332979504/ http://farm2.static.flickr.com/1134/1332979504_4e50535847_m.jpg]
[http://www.flickr.com/photos/andybudd/1331957374/ http://farm2.static.flickr.com/1154/1331957374_775866b2ab_m_d.jpg]
[http://www.flickr.com/photos/andybudd/1331574418/ http://farm2.static.flickr.com/1060/1331574418_e1270393b4_m_d.jpg]
[http://www.flickr.com/photos/andybudd/1330657215/ http://farm2.static.flickr.com/1152/1330657215_653be4c314_m_d.jpg]


<!--
*[xxxUrlxxx]
-->
* ...


== Billets de Blogs et Articles en Rapport ==
== Billets de Blogs et Articles en Rapport ==
Utilisez svp ''tous'' les tags suivants au moment de taguer les billets publiés en rapport avec l'Atelier Microformats dconstruct :
Utilisez svp ''tous'' les tags suivants au moment de taguer les billets publiés en rapport avec l'Atelier Microformats dconstruct :


tags: '''microformats dconstruct07 workshop'''
tags: '''microformats dconstruct07 dconstruct2007 microformats-dconstruct2007 workshop microformatsworkshop upcoming:event=211922 socialnetworkportability dataportability openstandards'''


* [http://microformateurs.org/evenements/ événements microformats] sur le blog des microformateurs
* [http://microformateurs.org/evenements/ événements microformats] sur le blog des microformateurs
* ...
* ...


== Voir aussi ==
<!--  
<!--  
== Voir aussi ==
* [[xxxWikilienxxx]]  
* [[xxxWikilienxxx]]  
-->
-->
==Pages en rapport==
* [[data-portability-fr|portabilité-des-données]]
* [[social-network-portability-fr|portabilité-du-réseau-social]]
{{events-related-pages-fr}}

Latest revision as of 12:00, 11 September 2007

dConstruct Atelier Microformats

L'un des nombreux évenements microformats.

Résumé

Cet atelier a simplement couvert tout ce qu'il y a à faire avec les microformats. C'est la beauté d'une technologie aussi simple : cela ne prend seulement qu'une seule journée pour devenir un expert. Ce n'était pas une présentation passive mais bien l'occasion d'apprendre non seulement la théorie des microformats mais aussi de mettre les mains dans le cambouis du marquage.

Détails

Ajoutez cet événement à votre agenda ou programme de calendrier microformat_hcalendar.png

Présentations

Présentations S5 :

Tags

tags : microformats dconstruct07 dconstruct2007 microformats-dconstruct2007 workshop microformatsworkshop upcoming:event=211922 socialnetworkportability dataportability openstandards

Présentateurs

Participants

Triés alphabétiquement par nom de famille.

URLs discutées

Commentaires sur la Session et Q&R

  • Q. Quand utilisez véritablement REV et REL ?
  • Q. Est-ce que les Vote-links ne sont que des URLs externes ou peuvent-ils être aussi internes ?
    • R. ils sont fondés sur des URLs, ainsi avous pouvez lier en interne tout comme à l'extérieur
  • Q. Pourriez-vous utiliser l'attribut title au lieu du lien pour rel-tag
    • R. l'attribut REL est sémantiquement connecté au href

Photos

Utilisez svp tous les tags suivants au moment de taguer les photos publies en rapport avec l'Atelier Microformat dConstruct:

tags: microformats dconstruct07 dconstruct2007 microformats-dconstruct2007 workshop microformatsworkshop upcoming:event=211922 socialnetworkportability dataportability openstandards


1328581455_8ab93f4a54_m_d.jpg 1332086561_ead1c90b16_m.jpg 1332094573_379c236a5e_m.jpg 1332979504_4e50535847_m.jpg 1331957374_775866b2ab_m_d.jpg 1331574418_e1270393b4_m_d.jpg 1330657215_653be4c314_m_d.jpg


Billets de Blogs et Articles en Rapport

Utilisez svp tous les tags suivants au moment de taguer les billets publiés en rapport avec l'Atelier Microformats dconstruct :

tags: microformats dconstruct07 dconstruct2007 microformats-dconstruct2007 workshop microformatsworkshop upcoming:event=211922 socialnetworkportability dataportability openstandards

Voir aussi

Pages en rapport

Retrieved from "http://microformats.org/wiki/index.php?title=events/2007-09-05-dconstruct-microformats-workshop-fr&oldid=33414"