Difference between revisions of "hcard-examples-in-wild-fr"

From Microformats Wiki
hcard-examples-in-wild-fr
Jump to navigation Jump to search
m (Updated a hiperlink)
m ([fr:sync'd with original])
Line 14: Line 14:
 
http://www.davidjanes.com/images/mf_hcard.png <!-- initialement http://www.crowley.nl/images/hcard.png --> <!-- http://rbach.priv.at/2006/buttons/hcard.png --> http://www.boogdesign.com/images/buttons/microformat_hcard.png
 
http://www.davidjanes.com/images/mf_hcard.png <!-- initialement http://www.crowley.nl/images/hcard.png --> <!-- http://rbach.priv.at/2006/buttons/hcard.png --> http://www.boogdesign.com/images/buttons/microformat_hcard.png
  
 +
<!--
 +
 +
SVP ajoutez les nouveaux exemples *en haut de cette section*
 +
 +
-->
 +
 +
* [http://www.norfolkblackhistorymonth.org.uk/contact.html Norfolk Black History Month] - utilise hCard sur la page de contact et sur le site, fournissant une information de contact pour les lieux des évènements, organisateurs et organisations partenaires.
 +
* [http://www.veganusofa.com/ VeganUSofA] - utilise hCard pour l'adresse organisation et entreprise. Exemple : [http://www.veganusofa.com/index.php?listing=4 The All Vegan Store].
 +
*[http://adrianindo.blogspot.com Blog d'ADRIAN] a placé une hCard pour se présenter plus précisément aux visiteurs. la hCard a été listée comme un nom, une url de blog et les organisations. Vous pouvez la voir en bas de la barre latérale droite du blog.
 +
* [http://www.canadianpokerexpo.com The Canadian Poker Expo (Toronto)], Une Expo de Poker se concentrant sur le marché à Toronto utilise hCard pour [http://www.canadianpokerexpo.com/Contact-Us/Contact-Form sa page de contact].
 +
* [http://www.semineeas.ro Seminee As], un producteur roumain d'extincteur utilise hCard pour [http://www.semineeas.ro/contact/ l'info de contact] avec téléchargement optionnel de la vCard
 +
*[http://www.gastrohep.com/aboutus.asp GastroHep.com] la page "About Us" utilise une hCard pour l'adresse de contact.
 +
*[http://leemannphotography.ca/?p=contact Lee Mann Photography] utilise une hCard pour l'adresse de contact tout comme sur le blog. Idéalement elle sera bientôt en pied de page de chacune des pages.
 +
*[http://www.kimburgess.info Kim Burgess] information minimaliste du site web avec marquage hCard.
 +
*[http://www.plumbset.co.uk/ContactUs.htm PlumbSet UK Ltd] utilise hCard pour l'information de contact, y compris plusieurs adresses.
 +
*[http://www.manuhealth.com/products/manuka-soap-75gm Manuhealth Natural Remedies] utilise hCard pour l'adresse de retour sur les pages produits.
 +
*[http://www.farmaciasarria.com/esp/mapa.php Farmàcia Sarrià - Farmàcia Finestres Capdevila] utilise une hCard pour son information de contact.
 +
*[http://www.naturesbestshot.com Nature's Best Shot Photography] - utilise une hCard sur la page contact
 +
*[http://www.noomii.com/life-coach Noomii.com Coach Directory] - chaque coach professionnel dans l'annuaire est une hCard.
 +
*[http://www.ethical-junction.org/member/org-2012.html Ethical Junction CIC - Profile page] Nous utilisons hCard pour chaque organisation sur sa page de profil.
 +
*[http://www.bowtietv.com Bow Tie Television] utilise hCard pour l'information de contact sur chaque page et dans la section contacts.
 +
*[http://www.tauruslogistics.co.nz/about/contact Taurus Logistics] utilise hCard pour l'information de contact.
 +
*[http://www.professdiamond.com/ professdiamond] encode Thai sous UTF8 dans une hCard dans la ligne au bas de chaque page.
 +
*[http://avonvalleylocalguide.iinet.net.au/ Avon Valley Local Guide] utilise hCard pour l'information de contact des annonceurs.
 +
*[http://www.arizonafirstresponse.com/ Arizona First Response] utilise une hCard sur chaque pied de page.
 +
*[http://dillingham.me.uk/ Iain Dillingham] utilise une hCard sur chaque pied de page, et a un exemple stylisé (avec le logo microformats) sur sa [http://dillingham.me.uk/contact.html page contact].
 +
*[http://www.pixeflips.com/ Pixelflips Web &amp; Interface Design] hCard est utilisé dans le pied de page de toutes les pages pour un accès facile à l'information.
 
*[http://www.herminesperr.at/ Hermine Sperr, Qualified Practitionier of the Grinberg Method&reg; à Vienne/Autriche] Une hcard est utilisée pour l'information de contact sur chaque page du site.
 
*[http://www.herminesperr.at/ Hermine Sperr, Qualified Practitionier of the Grinberg Method&reg; à Vienne/Autriche] Une hcard est utilisée pour l'information de contact sur chaque page du site.
 
* [http://www.barnard.edu/ Barnard College] - Les profils utilisent hCard pour l'information de contact. Exemple : [http://www.barnard.edu/faculty/profiles/mehrling_p.html Profil de P. Mehrling].
 
* [http://www.barnard.edu/ Barnard College] - Les profils utilisent hCard pour l'information de contact. Exemple : [http://www.barnard.edu/faculty/profiles/mehrling_p.html Profil de P. Mehrling].
Line 358: Line 385:
 
* [http://blog.roub.net/ Paul Roub]  a une hcard pour lui-même sur la page d'accueil de son blog.
 
* [http://blog.roub.net/ Paul Roub]  a une hcard pour lui-même sur la page d'accueil de son blog.
 
* [http://citizenspace.us/citizens Citizen Space Citizens] est une liste des locataires pour un espace de coworking à San Francisco. La problématique a été soulevée que les ''nicknames'' sont généralement situés au milieu du ''fn'', qui n'est pas valide comme selon la règle [[hcard-brainstorming-fr#FN_implicite_.C3.A0_partir_de_N|FN implicite à partir de N]. Il semble qu'il sevrait être possible néanmoins d'inclure un "nickname" au milieu d'un FN ou même entre un ''given-name'' et un ''family-name''.
 
* [http://citizenspace.us/citizens Citizen Space Citizens] est une liste des locataires pour un espace de coworking à San Francisco. La problématique a été soulevée que les ''nicknames'' sont généralement situés au milieu du ''fn'', qui n'est pas valide comme selon la règle [[hcard-brainstorming-fr#FN_implicite_.C3.A0_partir_de_N|FN implicite à partir de N]. Il semble qu'il sevrait être possible néanmoins d'inclure un "nickname" au milieu d'un FN ou même entre un ''given-name'' et un ''family-name''.
 +
* [http://www.fixya.com/repair/cars/us/ca/san_francisco FixYa] (the troubleshooting site) has an hCard (vCard) in the repair directory displaying information about all kinds service providers.
 +
* [http://www.alive77.cn/ z.Yleo77] it's my blog, from now on, supports hCard, eg: article pages..
 +
  
 
<!--  
 
<!--  
Line 388: Line 418:
 
Groupés alphabétiquement par "family-name".
 
Groupés alphabétiquement par "family-name".
  
Joliment stylisée :  
+
Joliment stylisées :  
 +
* la page d'accueil de [http://www.jaredhanson.net/ Jared Hanson] a une hCard magnifique avec de nombreux moyens de le contacter, et une mise à jour en temps réel de son statut en ligne sur différents réseaux de messagerie (utilise javascript).
 
* l'information de contact de [http://rogieking.com/#contact Rogie King] est marquée avec hCard et très joliment stylisée.
 
* l'information de contact de [http://rogieking.com/#contact Rogie King] est marquée avec hCard et très joliment stylisée.
 
+
* la page d'accueil de [http://timvandamme.com/ Tim Van Damme] est une très belle hCard.
Pages web simple :
+
** a besoin de quelques réparations mineures : http://tr.im/hctvd (lien vers les résultats du validateur de hCard)
 +
 +
 +
Pages web simples :
 +
* hCard UID d'[http://abernier.name Antoine Bernier] :
 +
** Lien de téléchargement Dynamique VCF (à travers le [http://suda.co.uk/projects/microformats/hcard/get-contact.php?uri= hcard parseur])
 +
** QRcode dynamique (à travers [http://microform.at/hcard2qrcode/ hcard2qrcode])
 +
** Avtar dynamique (à travers [http://www.gravatar.com/ Gravatar])
 +
** Prêt pour [http://wiki2008.openid.net/Delegation openID]
 +
** [http://hcard.geekhood.net/?url=http%3A%2F%2Fabernier.name valide]
 
* La page d'accueil de [http://dbaron.org/ David Baron] est marquée avec hCard.
 
* La page d'accueil de [http://dbaron.org/ David Baron] est marquée avec hCard.
 
* La page d'accueil de [http://tantek.com/ Tantek Çelik] inclut une hCard d'auteur dans la ligne en bas de la page.
 
* La page d'accueil de [http://tantek.com/ Tantek Çelik] inclut une hCard d'auteur dans la ligne en bas de la page.
 
* [http://christophertcressman.com/ Christopher T. Cressman] place ses détails de contact sur [http://christophertcressman.com/ Who is Chris Cressman?] et elle est marquée avec hCard.
 
* [http://christophertcressman.com/ Christopher T. Cressman] place ses détails de contact sur [http://christophertcressman.com/ Who is Chris Cressman?] et elle est marquée avec hCard.
 
 
* [http://factoryjoe.com/hcard.html Chris Messina] a une page dédiée avec ses détails de contact.
 
* [http://factoryjoe.com/hcard.html Chris Messina] a une page dédiée avec ses détails de contact.
 
* [http://blog.roub.net/ Paul Roub] a une hCard pour lui-même sur la page de son blog.
 
* [http://blog.roub.net/ Paul Roub] a une hCard pour lui-même sur la page de son blog.
Line 409: Line 448:
  
 
=== Organisations ===
 
=== Organisations ===
 +
* [http://www.michrome.com Michrome Marketing Lists (UK)] utilise hCard sur toutes ses données de résultats de recherche. Par exemple, [http://michrome.com/free-leads/162-Bradford-BD9 Startup Companies in Bradford].
 
* [http://technorati.com Technorati] (3)
 
* [http://technorati.com Technorati] (3)
 
** Les pages [http://technorati.com/about/ about], [http://technorati.com/press/ press] et  [http://technorati.com/about/contact.html contact] sont balisées avec hCard et ont des liens "Add to Address Book" qui utilisent le [http://feed.technorati.com/contacts/ Technorati service Fil de Contacts].
 
** Les pages [http://technorati.com/about/ about], [http://technorati.com/press/ press] et  [http://technorati.com/about/contact.html contact] sont balisées avec hCard et ont des liens "Add to Address Book" qui utilisent le [http://feed.technorati.com/contacts/ Technorati service Fil de Contacts].
Line 487: Line 527:
 
Ces exemples contiennent tous un ou plusieurs caractères en UTF8 qui sont en dehors de la gamme ASCII7 et font des cas excellents pour les tests afin de s'assurer que vous gérez bien proprement l'UTF8 à travers votre parseur hCard et la transformation. Et tout spécialement si vous générez des vCards, ces tests aideront à vous assurer que vous générez des vCards UTF8 de façon qu'elles puissent être reconnues par les applications UTF8 supportant les vCards. Trié à peu près par ordre alphabétique (selon l'Unicode).
 
Ces exemples contiennent tous un ou plusieurs caractères en UTF8 qui sont en dehors de la gamme ASCII7 et font des cas excellents pour les tests afin de s'assurer que vous gérez bien proprement l'UTF8 à travers votre parseur hCard et la transformation. Et tout spécialement si vous générez des vCards, ces tests aideront à vous assurer que vous générez des vCards UTF8 de façon qu'elles puissent être reconnues par les applications UTF8 supportant les vCards. Trié à peu près par ordre alphabétique (selon l'Unicode).
  
* [http://sphinx.net.ru/author/ Dmitry Dzhus] a embarqué sa hCard encodée UTF8 avec des caractères russes dans la page "Auteur" de sont site web.
+
* [http://sphinx.net.ru/author/ Dmitry Dzhus] a embarqué sa hCard encodée UTF8 avec des caractères russes dans la page "Auteur" de son site web.
 +
* [http://ecdlweb.com/ ECDLWeb.com] encode l'information hCard et Geo information des centres de test ECDL et ICDL en UTF-8. Le cas de test pour l'Europe Centrale (caractères [http://ecdlweb.com/en/czech-republic/sps-ceska-lipa tchèque], [http://ecdlweb.com/en/hungary/athene-idegenforgalmi-informatikai-es-uzletemberkepzo-szakkozepiskola hongrois] etc.) et [http://ecdlweb.com/en/belarus/belhard cyrillique].
 
* [http://tantek.com/ Tantek's Thoughts] encode Çelik comme de l'UTF8 dans la ligne.
 
* [http://tantek.com/ Tantek's Thoughts] encode Çelik comme de l'UTF8 dans la ligne.
 
* [http://technorati.jp/about/contact.html L'information de contact Technorati Japon] encode le japonais comme de l'UTF8 dans la ligne.
 
* [http://technorati.jp/about/contact.html L'information de contact Technorati Japon] encode le japonais comme de l'UTF8 dans la ligne.

Revision as of 16:42, 11 November 2009

<entry-title>Exemples de hCards dans la jungle</entry-title>

Vous voulez des hCardsVous avez des hCards

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

Les sites suivants ont publié des hCards et sont par conséquent un endroit merveilleux pour quiconque cherchant des exemples "dans la jungle" pour l'inspiration, ou essayer de parser et d'indexer.

exemples nouveaux et non catégorisés

Vous avec une hCard ? Si vous avez un site avec une ou plusieurs hCard, ajoutez-le 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 une URL vers une page avec un balisage hCard pourront être supprimés. Revenez après quelques jours, pour voir si quelqu'un aurait trouvé quelque problème avec les exemples fournis. Notez que les exemples peuvent être catégorisés et migrés sur la section groupée au-dessous.

Vous pouvez vouloir utiliser ces boutons sur vos pages avec des hCards. Voir buttons-fr#hCard pour les ajouts récents. mf_hcard.png microformat_hcard.png


GRAND GARAGE PELLEPORT.

à venir


exemples par catégories

Vous voulez une hCard ? Commencez par écrire une hCard en utilisant le hCard creator pour écrire quelque information de contact, validez et publiez-la, ou suivez les trucs de rédaction hCard pour ajouter un marquage hCard à votre site. Regardez cette section pour des exemples similaires de types de pages qui tirent profit du marquage hCard.

Cette section organise les exemples en plusieurs catégories comme suit. Si un exemple rentre dans plus d'une catégorie, utilisez la *dernière* catégorie dans cette liste qui correspond aux exemples spécifiques de hCard dans la jungle que vous essayez de catégoriser.

  1. Individuels - une carte par personne, peut-être trier alphabétiquement par "nom de famille". Les personnes avec leurs propres hCards (typiquement) sur leurs propres sites.
  2. Organisations - une carte par organisation, alphabétiquement par "fn". Les organisations avec leurs propres hCard(s) sur leur propre site.
  3. Institutions - qui listent plus d'une personne, avec un compteur estimant le # de hCards, par ex. plus de 40k pour Avon. Indiquez aussi la complexité de l'information fournie, par ex. juste le nom et le numéro de tél vs détails complets. Trié alphabétiquement par "org" avec peut-être quelques individus listés dans une sous-bulle unique, délimitée par une virgule, triée par "family-name".
  4. Profils en ligne triés alphabétiquement par société / nom de service.
  5. Lieux en ligne - listings pour entreprises ou organisations, avec un comptage estimant le nombre de lieux, par ex. ~10k pour Upcoming.org. Triés alphabétiquement par nom de service/site, avec peut-être quelques lieux spécifiques listés dans une sous-bulle unique, délimités par des virgules, triés par "fn".
  6. Listes de conférenciers - les pages des sites événements où les conférenciers sont marqués avec hCard. Triés par date, sous-groupés par années. Les plus récents en premier. Peut-être quelques individus listés dans une sous-bulle unique de chaque événement.. Triés par date, sous-groupés par année. Les plus récents en premier. Peut-être quelques individus listés dans une sous-bulle unique de chaque événement, délimités par des virgules, triés par "family-name".
  7. Blogs de groupe - blogs avec plusieurs auteurs marqués avec hCard
  8. Auteurs - les pages à propos d'autre chose, telles que des livres, des critiques, qui ont marqué leurs auteurs avec hCard
  9. Résultats de Recherche - les pages résultantes des moteurs de recherche (soit générique ou pour les personnes/organisations) qui renvoient des personnes marquées avec hCard.
  10. Listing Contact - information de contact pour un listing comme les annonces d'emploi, petites annonces, etc.

En outre, il existe une section séparée "Exemples UTF8" qui peut être utilisée pour déposer un autre lien vers tout exemple de hCard dans la jungle qui exerce différents caractères non-ASCII7 / non-anglais pour différentes valeurs de propriétés.

Au fur et à mesure que chaque section en elle-même deviendra trop grande (nous pourrions être encore là, une fois que nous aurons trié les "Exemples critiqués" ci-dessus), elle sera probablement migrée sur une page séparée, laissant son titre ici en place et remplaçant ses contenus ici avec un lien vers la page séparée et peut-être un résumé statistique.


Individus

Groupés alphabétiquement par "family-name".

Joliment stylisées :

  • la page d'accueil de Jared Hanson a une hCard magnifique avec de nombreux moyens de le contacter, et une mise à jour en temps réel de son statut en ligne sur différents réseaux de messagerie (utilise javascript).
  • l'information de contact de Rogie King est marquée avec hCard et très joliment stylisée.
  • la page d'accueil de Tim Van Damme est une très belle hCard.
    • a besoin de quelques réparations mineures : http://tr.im/hctvd (lien vers les résultats du validateur de hCard)


Pages web simples :

Cachée ! La donnée invisible est fortement découragée, ces exemples ont été groupés ici dans l'espoir que les auteurs rendront un nour leurs hCards visible :

  • La page d'accueil de A.J. Brown a une hCard cachée en bas de page.

Avant. Les URLs semblent brisées.

  • http://tomleo.com/about.html La page about de Tom Leo avait une hCard. (manquante en date du 2009-08-23)

Organisations

Institutions

avec quelques problèmes :

Profils En Ligne

Voir Profils-utilisateurs supportant la hCard.

Lieux en Ligne

  • Sydney Directory Wiki supporte hCard et les coordonnées géographiques pour les endroits, par ex. Sydney Opera House.
  • Airfix Stockists and Distributors, par ex. [7]
    • sous-optimal : street-address contient street address, locality et region (par ex. "99 Hobs Moat Rd, Solihull, W. Midlands")
    • sous-optimal : postal-code et country-name incluent des virgules
    • sous-optimal : fn est utilisé ; devrait être fn org


Listes de conférenciers

2007

To Do : jeter un oeil aux présentations 2007 car elles contiennent probablement des liens vers des conférences qui ont marqué leurs pages de conférenciers avec hCard.

2006

To Do: jeter un oeil aux présentations 2006 car elles contiennent probablement des liens vers des conférences qui ont marqué leurs pages de conférenciers avec hCard.

2005

To Do : jeter un oeil aux présentations 2005 car elles contiennent probablement des liens vers des conférences qui ont marqué leurs pages de conférenciers avec hCard.

Blogs de Groupe

avec quelques problèmes :

  • Le Podcast IBM Shortcuts a des auteurs marqués avec des hCards qui ont quelques problèmes :
    • cachée : L'élément racine hCard tout comme chaque propriété contenue à l'intérieur est rendu invisible par un attribut de style contenant "position:absolute; visibility:hidden".

Auteurs

  • LazyLibrary uses author hCard's on every book page. Example: [8]
    • suboptimal Example has an fn of "Dorling Kindersley, David West Reynolds" which should be split into two hCards! (site would also benefit from hReview).

Résultats de Recherche

  • University of Bath Person Finder results are encoded with hCards so you can easily create a vCard from any result.
    • invalid: attempt to use Implied-N optimization where that's not possible,
    • suboptimal: honorific-prefix could be explicitly marked up
      • Error appears for external users only. Won't be fixed any time soon. -- PhilWilson 00:03, 28 Jan 2006 (GMT)

Listes de contacts

L'information de contact sur les listings, par ex. les listes d'annonces de recrutement, les items à vendre, etc.

  • search marketing executive publiée par SEOgadget.
    • propriété url invalide - manque href sur l'élément propriété url http://, de ce fait il est invalide et lie vers une URL relative inexistante.
    • XHTML invalide - le validateur W3C rapporte que cette page est XHTML 1.0 Transitional (109 errors en date du 2009-08-20).

Exemples en UTF8

Ces exemples contiennent tous un ou plusieurs caractères en UTF8 qui sont en dehors de la gamme ASCII7 et font des cas excellents pour les tests afin de s'assurer que vous gérez bien proprement l'UTF8 à travers votre parseur hCard et la transformation. Et tout spécialement si vous générez des vCards, ces tests aideront à vous assurer que vous générez des vCards UTF8 de façon qu'elles puissent être reconnues par les applications UTF8 supportant les vCards. Trié à peu près par ordre alphabétique (selon l'Unicode).


seulement des nickname

Ces exemples UTF8 n'ont que l'UTF8 pour la propriété "nickname" et sont de ce fait un peu plus faciles pour tester que les exemples précédents.

Exemples Non-HTML

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.