hcard-examples-in-wild-fr: Difference between revisions

From Microformats Wiki
Jump to navigation Jump to search
(New examples synchronized - to be cont'd with examples)
Line 169: Line 169:


=== Exemples ===
=== Exemples ===
* [http://www.nfwebsolutions.com/ New Frontier Web Solutions] utilise hCard sur sa page d'accueil avec un lien pointant vers le [http://suda.co.uk/projects/X2V/get-vcard?uri=http://www.nfwebsolutions.com/ X2V] de Brian Suda.
* [http://shiftingpixel.com/about/the-artist shifting pixel photoblog] a publié une hCard.
* [http://shiftingpixel.com/about/the-artist shifting pixel photoblog] a publié une hCard.
* [http://thoughtport.blogspot.com/ Aiden Kenny] n'a pas encore publié sa hcard, mais il a [http://thoughtport.blogspot.com/2005/07/elemental-particles-of-web.html publié son icône hCard] : http://photos1.blogger.com/blogger/4224/444/320/AK-Hcard-icon.gif
* [http://thoughtport.blogspot.com/ Aiden Kenny] n'a pas encore publié sa hcard, mais il a [http://thoughtport.blogspot.com/2005/07/elemental-particles-of-web.html publié son icône hCard] : http://photos1.blogger.com/blogger/4224/444/320/AK-Hcard-icon.gif
* [http://thedredge.org Andy Hume] utilise les hcards pour baliser les noms et URLs des commentateurs sur son blog, par ex son [http://thedredge.org/2005/06/using-hcards-in-your-blog/ billet de blog sur "Using hCards in your blog"].  
* [http://thedredge.org Andy Hume] utilise les hcards pour baliser les noms et URLs des commentateurs sur son blog, par ex son [http://thedredge.org/2005/06/using-hcards-in-your-blog/ billet de blog sur "Using hCards in your blog"].  
* La page [http://www.bidclix.com/AboutContact.html Contact BidClix] de [http://www.bidclix.com/ BidClix] a son ''contact info'' balisé avec hCard.
* La page [http://www.bidclix.com/AboutContact.html Contact BidClix] de [http://www.bidclix.com/ BidClix] a son ''contact info'' balisé avec hCard.
* [http://suda.co.uk/ Brian Suda] a géré pour embarquer une photo dans [http://suda.co.uk/contact/ sa hCard] à travers le [http://www.ietf.org/rfc/rfc2397.txt schéma de data uri] en convertissant l'image en code BASE64. Regardez le Source pour voir comment cela est réalisé. [http://suda.co.uk/projects/X2V/get-vcard.php?uri=http%3A//suda.co.uk/contact/ Le lien X2V] extraira l'image et l'encodera pour une vCard qui sera affichée dans quelques applications de carnets d'adresses.
* [http://suda.co.uk/ Brian Suda] a embarqué une photo dans [http://suda.co.uk/contact/ sa hCard] à travers le [http://www.ietf.org/rfc/rfc2397.txt schéma de data uri] en convertissant l'image en code BASE64. Regardez le Source pour voir comment cela est réalisé. [http://suda.co.uk/projects/X2V/get-vcard.php?uri=http%3A//suda.co.uk/contact/ Le lien X2V] extraira l'image et l'encodera pour une vCard qui sera affichée dans quelques applications de carnets d'adresses.
 
** Inspiré par ça, j'ai pensé essayer la même chose pour SVG sur [http://barefoot-ceramics.com/find Barefoot] ...
** Inspiré par ça, j'ai pensé essayé la même chose pour SVG sur [http://barefoot-ceramics.com/find Barefoot] ...
** <img class="photo" style="display:none;" src="data:image/svg+xml;text,<?xml version='1.0' encoding='UTF-8' standalone='no'?><svg xmlns:svg='http://www.w3.org/2000/svg' xmlns='http://www.w3.org/2000/svg' version='1.0' width='50' height='80' id='svg3957'><defs id='defs3959' /><path d='M 28.91433,...32.192802 z' style='fill:#cc4d00;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.625;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1' id='path9551' /></svg>" alt="Barefoot">
** <img class="photo" style="display:none;" src="data:image/svg+xml;text,<?xml version='1.0' encoding='UTF-8' standalone='no'?><svg xmlns:svg='http://www.w3.org/2000/svg' xmlns='http://www.w3.org/2000/svg' version='1.0' width='50' height='80' id='svg3957'><defs id='defs3959' /><path d='M 28.91433,...32.192802 z' style='fill:#cc4d00;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.625;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1' id='path9551' /></svg>" alt="Barefoot">
** Est-ce que cela fonctionne ?? Oui cela parse bien. Quelques outils automatiques remplacent le < avec %3C (etc., par ex. la forme vcard de Brian Suda). Malheureusement Kontact (KDE contacts tool) ne gère pas le SVG sous une photo vCard ou un format logo - je ne sais pas si c'est un standard. Il semble que cela pourrait fontionner et même fonctionne quelque part. Peut-être que le champ texte a besoin d'être encodé en Base64 ? ... voir [http://slashdot.org/~pbhj/journal/142382 le journal slashdot de pbhj] pour en savoir un peu plus à ce propos.
** Est-ce que cela fonctionne ?? Oui cela parse bien. Quelques outils automatiques remplacent le < avec %3C (etc., par ex. la forme vcard de Brian Suda). Malheureusement Kontact (KDE contacts tool) ne gère pas le SVG sous une photo vCard ou un format logo - je ne sais pas si c'est un standard. Il semble que cela pourrait fontionner et même fonctionne quelque part. Peut-être que le champ texte a besoin d'être encodé en Base64 ? ... voir [http://slashdot.org/~pbhj/journal/142382 le journal slashdot de pbhj] pour en savoir un peu plus à ce propos.
Line 182: Line 182:
* [http://doncrowley.blogspot.com/ Don Crowley] a publié [http://www.crowley.nl/hcard.html son hCard] tout comme un joli bouton hCard : http://www.crowley.nl/images/hcard.png
* [http://doncrowley.blogspot.com/ Don Crowley] a publié [http://www.crowley.nl/hcard.html son hCard] tout comme un joli bouton hCard : http://www.crowley.nl/images/hcard.png
* [http://loadaveragezero.com/hnav/contact.php Douglas W. Clifton] a ajouté tous les types d'information de contact.
* [http://loadaveragezero.com/hnav/contact.php Douglas W. Clifton] a ajouté tous les types d'information de contact.
* [http://eventful.com Eventful] publie toutes les pages d'informations des participants avec des hCards embarquées.
* [http://eventful.com Eventful] publie toutes les pages d'informations des lieux avec des hCards embarquées.
* [http://www.iowamilitaryveteransband.com/members/ Iowa Military Veterans Band Contacts] - 95 hCards [http://weblog.randomchaos.com/archive/2005/10/24/Microformats/ balisées par Scott Reynen]
* [http://www.iowamilitaryveteransband.com/members/ Iowa Military Veterans Band Contacts] - 95 hCards [http://weblog.randomchaos.com/archive/2005/10/24/Microformats/ balisées par Scott Reynen]
* [http://JackWolfgang.blogspot.com Jack L. Wolfgang II] a [http://jack.randomata.com/resume/ converti les adresses dans son CV en hCards].
* [http://JackWolfgang.blogspot.com Jack L. Wolfgang II] a [http://jack.randomata.com/resume/ converti les adresses dans son CV en hCards].
Line 191: Line 191:
* [http://www.splintered.co.uk/ Patrick H. Lauke] a balisé [http://www.splintered.co.uk/about/ son information de contact avec hCard].
* [http://www.splintered.co.uk/ Patrick H. Lauke] a balisé [http://www.splintered.co.uk/about/ son information de contact avec hCard].
* [http://blah Paul Schreiber a publié sa hCard sur [http://paulschreiber.com/about/?contact sa page "about"].
* [http://blah Paul Schreiber a publié sa hCard sur [http://paulschreiber.com/about/?contact sa page "about"].
* Le site [http://concerts.shrub.ca/ Sunnyvale House Concerts] de [http://paulschreiber.com/blog/ Paul Schreiber] publie des hcards pour les artistes à venir, tout comme une hCard pour la page elle-même. En outre, la page [http://concerts.shrub.ca/shows Past Shows] contient la page [http://concerts.shrub.ca/shows Past Shows] contient des hCards pour tous les artistes étant passés.
* Le site [http://concerts.shrub.ca/ Sunnyvale House Concerts] de [http://paulschreiber.com/blog/ Paul Schreiber] publie des hcards pour les artistes à venir, tout comme une hCard pour la page elle-même. En outre, la page [http://concerts.shrub.ca/shows Past Shows] contient la page [http://concerts.shrub.ca/shows Past Shows] contient des hCards pour tous les artistes étant passés.
* [http://www.paulmichaelsmith.com/blog/hcard.htm Paul Smith] a créé une page hCard qui est Lisible par un Humain, et un lien vers X2V passant la même page hCard pour générer une vCard.
* [http://www.paulmichaelsmith.com/blog/hcard.htm Paul Smith] a créé une page hCard qui est Lisible par un Humain, et un lien vers X2V passant la même page hCard pour générer une vCard.
* [http://www.windley.com/archives/2005/07/hcards_trying_o.shtml Phil Windley a publié] [http://phil.windley.org/hcard.html sa hCard].
* [http://www.windley.com/archives/2005/07/hcards_trying_o.shtml Phil Windley a publié] [http://phil.windley.org/hcard.html sa hCard].
* [http://www.go-curiosity.com/about.htm Piercarlo Slavazza] a publié une hCard.
* [http://www.go-curiosity.com/about.htm Piercarlo Slavazza] a publié une hCard.
* [http://zooibaai.nl/ Rob Mientjes] a publié une hCard sur [http://zooibaai.nl/about/ his about page].
* [http://zooibaai.nl/ Rob Mientjes] a publié une hCard sur [http://zooibaai.nl/about/ sa page about].
* [http://rbach.priv.at/Contact Robert Bachmann] a publié sa hCard et [http://rbach.priv.at/Images/hcard un bouton].
* [http://rbach.priv.at/Contact Robert Bachmann] a publié sa hCard et [http://rbach.priv.at/Images/hcard un bouton].
* [http://blah Scott Reynen a publié sa hCard sur [http://www.randomchaos.com/document.php?source=scott_reynen sa page profil].
* [http://blah Scott Reynen a publié sa hCard sur [http://www.randomchaos.com/document.php?source=scott_reynen sa page profil].
Line 203: Line 204:
* [http://tagcamp.org/index.cgi?ContactList liste des contacts TagCamp]
* [http://tagcamp.org/index.cgi?ContactList liste des contacts TagCamp]
* [http://tantek.com/Tantek's Thoughts] inclut une hCard de l'auteur dans la ligne en bas de la page.
* [http://tantek.com/Tantek's Thoughts] inclut une hCard de l'auteur dans la ligne en bas de la page.
* La [http://www.technorati.com/about/ page About] de [http://technorati.com/ Technorati] liste leurs '''Media Contact'''
* La [http://www.technorati.com/about/ page About] de [http://technorati.com/ Technorati] liste leurs '''Media Contact'''
* [http://www.deadringerart.com/ The Brothers McDowell] ont des hCards sur leur page Contact.
* [http://www.deadringerart.com/ The Brothers McDowell] ont des hCards sur leur page Contact.
Line 209: Line 211:
* [http://we05.com/ Web Essentials 05] a balisé tous ses [http://we05.com/presenters.cfm conférenciers avec hCard].
* [http://we05.com/ Web Essentials 05] a balisé tous ses [http://we05.com/presenters.cfm conférenciers avec hCard].
* [http://www.uoguelph.ca/directory/ L'Université de Guelph] inclut une info hCard dans son répertoire.
* [http://www.uoguelph.ca/directory/ L'Université de Guelph] inclut une info hCard dans son répertoire.
* [http://www.child-care-index.net.au/ The Australian Child Care Index] a plus de 3000 entrées dans son annuaire des services de protection des enfants en Australie - et chacune d'entre elle est marquée avec une hCard !
* [http://www.cadforless.com/partners/ CADforless, Inc.] nous avons listé nos partenaires en utilisant hCard
* [http://avon.com/ Avon] - publie tous les contacts des 40 000 représentants Avons avec hCard.
* La page [http://flock.com/about Flock About] supporte le microformat hCard.
** par [[implementations#Flock|Flock]]
* [http://www.iowamilitaryveteransband.com/members/ Iowa Military Veterans Band]
* La [http://www.nature.com/ Nature homepage], utilise [[XOXO-fr|XOXO]].
** par [[implementations#Nature Publishing Group|Nature Publishing Group]]
* [http://concerts.shrub.ca/shows Sunnyvale House Concerts] supporte hCard et [[hcalendar-fr|hCalendar]].
* La page [http://technorati.com/about/ About] de Technorati a une information de contact balisé avec hCard. Par  [[implementations-fr#Technorati|Technorati]]
* La page [http://technorati.com/press/ Presse Technorati] a aussi une hCard. Par [[implementations-fr#Technorati|Technorati]]
* La page [http://technorati.com/about/staff.html Staff Technorati] a beaucoup de hCards. Par [[implementations-fr#Technorati|Technorati]]
* Le moteur de recherche [http://www.bath.ac.uk/contact/ Person Finder] de l'[http://www.bath.ac.uk/ Université de Bath]  supporte hCard, voir par ex. la page de [http://www.bath.ac.uk/person/760874 Mrs A Smith].
* [http://www.monster-prague.cz/ Monster Prague Openings] supporte hCard, par ex. home page, une liste de contacts à venir.


=== Exemples avec quelques problèmes ===
=== Exemples avec quelques problèmes ===

Revision as of 20:05, 11 January 2007

Exemples de hCard dans la jungle

Cette page est une section informative de la spécification des hCards.

Les sites suivants ont publié des hCards, et de ce fait sont un endroit merveilleux pour quiconque cherchant des exemples "dans la jungle" pour essayer de parser, indexer, organiser, etc.

Si les personnes ou sociétés sur votre site sont balisées avec hCard (même simplement votre propre information de contact), sentez-vous à l'aise pour les ajouter en haut de cette liste. Assurez-vous svp d'inclure au moins une URL vers une page sur votre site qui comprenne un véritable balisage hCard. Les exemples ajoutés sans un URL vers une page avec un balisage hCard pourront être supprimés.

Vous voulez démarrer par écrire une hCard ? Utilisez l'application hCard creator pour écrire quelque information de contact et la publier, ou suivez les astuces de pubication hCard pour ajouter un balisage hCard à votre page contact actuelle.

Nouveaux exemples

SVP ajoutez de nouveaux exemples en haut de cette section :

à venir


Exemples

Exemples avec quelques problèmes

  • Gerard Braad a publié un exemple sur sa page profile qui est presque cohérent avec son fichier original vCard. Aussi un progrès est fait pour transformer son fichier FoaF vers une représentation encodée hCard. (produit aussi pour mon épouse  :Yong Yuan)
    • (2005-09-27) PASSED, PASSED
    • AVERTISSEMENTS
      • utilise 'n given-name' et 'n family-name' au lieu d'imbriquer les given- et family- names dans le 'n'
      • a une valeur 'tel' avec un paquet de valeurs dedans
      • probablement plus de problèmes --RyanKing 17:19, 5 Jan 2006 (PST)
  • Cori Schlegel discute comment il a mis à jour sa page contact avec hCard
    • INVALIDE - utilise 'prefix' au lieu de 'honorific-prefix' et les type's dans les noms de classes (à la fois dans adr et tel) et il a deux photo's (la seconde pourrait être 'logo') --RyanKing 15:15, 5 Jan 2006 (PST)
  • Le 'good ship' Leonid Miloslavskiy a pointé dans l'Atlantique Nord.
    • INVALIDE --RyanKing 00:50, 27 Oct 2005 (PDT)
      • class="family" devrait être probablement family-name
      • la propriété "n" manque et l'optimisation "n" ne peut pas être appliquée
      • la première propriété geo est vide, la seconde est invalide (c'est à dire qu'elle ne contient pas lat/long)
  • Landsbanki Føroya
    • INVALIDE - utilise de manière invalide du rdf/xml embarqué
  • la page contact de Chris Cherry avec sa hCard
    • AVERTISSEMENT - utilise class="cell" au lieu de <span class="type">cell</span> Réparé -- Chris Cherry 19:54, 15 Sep 2006 (PST)
  • Les résultats du "Person Finder" de l'Université de Bath sont encodés avec des hCards ainsi vous pouvez facilement créer une vCard à partir de n'importe quel résultat.
    • ERREUR - tente d'utiliser l'optimisation Implied-N là où ce n'est pas possible. --RyanKing 14:29, 5 Jan 2006 (PST)
    • L'erreur n'apparaît que pour les utilisateurs externes. Ne sera pas réparé sous peu. -- PhilWilson 00:03, 28 Jan 2006 (GMT)
  • Richi Jennings a placé son essai.
    • INVALIDE, FN manquant --RyanKing 12:47, 5 Jan 2006 (PST)
  • Yellow Pencil utilise les microformats pour présenter l'information de contact de la société
    • La première hcard a un "fn" vide et pas de "n". "fn" devrait être avec "org" -- ScottReynen 21:29, 19 Jun 2006 (CST)

Pages Apparentées

La spécification hCard est un chantier en cours. Au fur et à mesure que des aspects supplémentaires sont discutés, compris et écrits, ils seront rajoutés. Ces idées, problématiques et questions sont maintenues sur des pages distinctes.