rel-payment-fr: Difference between revisions

From Microformats Wiki
Jump to navigation Jump to search
m ([fr:sync'd with original version])
Line 1: Line 1:
<entry-title>rel-payment<entry-title/>
{{DraftSpecification-fr}}
{{DraftSpecification-fr}}



Revision as of 20:16, 1 September 2009

<entry-title>rel-payment<entry-title/>

Ce document est une spécification microformat draft. Bien que les "drafts" soient en quelque sorte mâtures dans le processus de développement, la stabilité de ce document ne peut être garantie, et les implémenteurs doivent être prêts à rester informés des futurs développements et modifications. Suivez cette page wiki, ou suivez les discussions sur la liste de discussion microformats-new pour rester informé.

Auteurs

(traduction et localisation francophone Christophe Ducamp)

Abstract

RelPayment est un microformat pour faire que les échanges de soutien soient possibles (qu'ils soient financiers ou autre). En ajoutant rel="payment" à un hyperlien, une page indique que la destination de cet hyperlien fournit un moyen d'afficher ou de donner un soutien financier à la page en cours. Par exemple, pour offrir un soutien financier au propriétaire de la page en cours.

Un des objectifs de ce microformat est de donner aux agrégateurs de contenus tels que les lecteurs RSS un moyen d'extraire ces liens de soutien et de leur conférer une attention spéciale (comme afficher un bouton standard à côté du contenu).


RelPayment

RelPayment est pensé comme un moyen général de faciliter les dons, et de ce fait cette spécification ne fait aucune hypothèse sur le type de soutien.

Une page peut contenir n'importe quel nombre d'hyperliens marqués avec rel="payment". Ceci permet aux auteurs de donner aux lecteurs plus d'un moyen possible d'afficher le support pour la donation (un lien DropCash, un lien PayPal, un lien pour donner des Twollars, un lien vers une page avec une adresse postale pour envoyer un chèque et ainsi de suite.) Cela permet aussi aux auteurs d'ajouter des liens de paiement qui ne sont seulement en rapport qu'avec une certaine section de page. Par exemple un site web de critique de livre peut avoir plusieurs critiques de livres sur une page avec chaque critique ayant son propre lien Amazon Affilié balisé avec rel="payment". Les agrégateurs devraient implémenter le support pour plusieurs hyperliens de paiement.

Les auteurs devraient utiliser l'attribut "title" pour fournir une description lisible par un humain du type de support pointé par l'hyperlien. Les agrégateurs peuvent utiliser les contenus de l'attribut "title" pour fournir une information supplémentaire au lien de soutien vers leurs utilisateurs. Par exemple <a href="[url]" rel="payment" title="Remerciez moi en Twollars">.

Si l'hyperlien contient une image (par ex. <a href="[url] rel="payment"><img src="[url]" alt="Badge de Soutien" /></a>) les agrégateurs peuvent afficher cette image au lieu du lien standard de l'agrégateur.

Métadonnée Visible

Les liens balisés avec rel="payment" sont sensés être visibles sur la page, et ce parce que l'élément <a> est encouragé sur l'élément <link>. Ceci donne aux lecteurs l'accès le plus facile pour afficher le soutien et cela décourage la fraude de lien. Les auteurs ne devraient pas utiliser des hyperliens vides tels que <a href="[url]" rel="payment" /> et les parseurs peuvent ignorer les liens vides.

Profil XMDP

<dl class="profile">
 <dt id="rel">rel</dt>
 <dd><p>
   <a rel="help" href="http://www.w3.org/TR/html401/struct/links.html#adef-rel">
     HTML4 definition of the 'rel' attribute.</a>  
   Here is an additional value.</p>
  <dl>
   <dt id="payment">payment</dt>
   <dd>Indicates that the referred resource provides a way to show support for the referring page.</dd>
  </dl>
 </dd>
</dl>

Application pour ajout l'enregistrement Atom des relations de liens

Ce qui suit est une application pour une valeur de relation de lien, comme spécifiée dans le Format de Syndication Atom. [1]

merci -

Joshua Kinberg, jkinberg AT gmail DOT com

Robert Sayre, sayrer AT gmail DOT com

Enregistrement

http://www.iana.org/assignments/link-relations

Valeur d'Attribut

"payment"

Description

rel="payment" indique un URI où le paiement est accepté. Ceci est sensé vouloir dire un moyen général pour faciliter les actes de paiement et de ce fait, cette spécification ne fait aucune hypothèse sur le type de paiement ou protocole de transaction. Les exemples pevuent inclure une page WWW où les donations sont acceptées et les services disponibles pour l'achat. rel="payment" n'est pas conçu pour initier une transaction automatique.

Un élément lien avec un attribut rel="payment" peut exister au niveau fil/canal et/ou au niveau entrée/item. Par exemple un lien rel="payment" au niveau fil/canal peut pointer vers "un petit pot à pourboires", alors qu'une entrée/item contenant une critique de livre peut inclure un lien rel="payment" qui pointe vers l'endroit où le livre peut être acheté chez un détaillant en ligne.

Caractéristiques d'Affichage

Le logiciel utilisateur final pourrait supporter rel="payment" en affichant un "bouton-paiement" avec le contenu. Alternativement, les agrégateurs de contenus peuvent afficher un hyperlien de paiement contenant le texte spécifié dans un attribut title correspondant dans l'élément <link>, par exemple :

<link rel="payment"
    href="http://exemple.com/tontine"
    title="dites moi merci en twollars" />

Peut afficher soit un bouton paiement ou un hyperlien contenant le texte, "dites moi merci en twollars".

Considérations de Sécurité

L'élément lien est sujet au bricolage et à l'observation, comme l'est le lien ressource. Pour cette raison, les implémentations devraient clairement signaler le niveau de confiance et d'intimité qu'un lien ressource fournit. Si présentes, les signatures digitales fournissent de l'authentification, l'intégrité du message et la non-répudiations avec la preuve d'origine. Le cryptage fournit la confidentialité des données. Les implémentations devraient aussi considérer le niveau de confidentialité et l'intégrité du message fourni par le transport utilisé pour toucher la ressource de paiement.

Art Inital

Proposition d'Anil Dash, 2002

La proposition d'Anil Dash en 2002 est d'utiliser l'élément <link> XHTML pour définir les URLs de paiement :

LIEN tags de paiement
Il y a déjà beaucoup de valeurs possibles définies (si ce n'est pas tout à fait standardisées) pour l'élément LIEN dans le XHTML. Nous les utilisons pour l'Auto-Découverte RSS et bien sûr, déjà pour les feuilles de style. Mais que penser de quelque chose comme :
<link rel="appendix" type="text/html" title="payment" href="URL de liste de cadeaux ou la page Paypal" />
Un moyen standardisé de lier vers la page où vous payez pour votre soutien d'un site. En appelant la page paiment un "Apppendix" du site que vous visitez est un peu de la manipulation de choses. Peut-être existe-t'il un moyen plus élégant ?

Bien que cela soit similaire au rel="payment" comme nous le proposons, ce n'est pas aussi flexible parce que cela ne peut être utilisé que pour définir un lieu de paiement unique pour une page entière (probablement une assiette à pourboires ou une page wishlist). Peut-être que rel="payment" pourrait être utilisé dans l'élément link tout comme dans les tags standards d'ancres ?

Open Financial Exchange

exemples dans la jungle

Amazon Associates

Produit avec image

Voici le code généré par Amazon pour une citation d'un produit unique avec photo. Tout est généré automatiquement. La forme peut être remplacé par un autre lien régulier html.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <body>
  <table cellSpacing=0 cellPadding=1 width=120 height=240 bgColor=#000000 border=0>
   <tr>
     <td>
       <table cellSpacing=0 cellPadding=0 width=118 height=238 align=center bgColor=#ffffff border=0>
         <tr>
           <td>
             <table width=100%  height=238 border=0 cellSpacing=0 cellPadding=0>
               <tr align=center>
                 <td>
                   <a href=http://www.amazon.com/exec/obidos/ASIN/B00022AH6I/solitudedk-20?creative=327641&camp=14573&link_code=as1 target=_blank><img src=http://rcm-images.amazon.com/images/P/B00022AH6I.01._SCTZZZZZZZ_.jpg vspace=3 border=0></a>
                 </td>
               </tr>
               <tr>
                 <td vAlign=center height=15%><center>
                   <a href=http://www.amazon.com/exec/obidos/ASIN/B00022AH6I/solitudedk-20?creative=327641&camp=14573&link_code=as1 target=_blank><font face=Arial color=#0000ff size=1>Kodak EasyShare DX7440 4MP Digital C...</font></a>
                 </td>
               </tr>
               <tr height=15%>
                 <td>
                   <center>
                   <font face=Arial color=#000000 size=-2>Kodak Digital </font>
                   </center>
                 </td>
               </tr>
               <tr>
                <td height=15%>
                   <center><a href="http://www.amazon.com/exec/obidos/redirect?tag=solitudedk-20&camp=14573&creative=327641&link_code=am1&path=tg/stores/offering/list/-/B00022AH6I/all/ASIN/B00022AH6I&camp=14573&creative=327641" target=_blank><font face=Arial color=#0000ff size=1>Best Price <font face=Arial color=#990000 size=1>$157.70</font></font></a></center>
                 </td>
               </tr>
               <tr height=15%>
                 <td>
                   <center><font face=Arial color=#000000 size=1>or Buy New <font color=#990000></font></font></center>
                 </td>
               </tr>
               <tr>
                 <td height=15%><center>
                   <table>
                   <form method="GET" action="http://www.amazon.com/gp/aws/cart/add.html" target="_blank">
                   <tr>
                   <td>
                   <input type="hidden" name="SubscriptionId" value="D68HUNXKLHS4J" />
                   <input type="hidden" name="AssociateTag" value="solitudedk-20" />
                   <input type="hidden" name="ASIN.1" value="B00022AH6I" />
                   <input type="hidden" name="Quantity.1" value="1" />
                   <input type="hidden" name="linkCode" value="as1" />
                   <input type="image"  name="submit.add" value="Buy from Amazon.com" border="0" alt="Buy from Amazon.com" src="http://rcm-images.amazon.com/images/G/01/buttons/buy-from-tan.gif" />
                   </center>
                   </td>
                   </tr>
                   </form>
                   </table>
                 </center></td>
               </tr>
               <tr>
                 <td height=5% align=absbottom>
                   <center><a href=http://rcm.amazon.com/e/cm/privacy-policy.html?o=1 target=_blank>
               <font face=Arial color=#a1a1a1 size=1>Privacy Information</font></a></center>
                 </td>
               </tr>
             </table>
           </td>
         </tr>
       </table>
     </td>
   </tr>
 </table>
   </body>
  </html> 

Liens texte

Ceci est le code pour un lien texte vers une catégorie de produit. Le lien texte visible est choisi par l'utilisateur.

<a href="http://www.amazon.com/exec/obidos/redirect?link_code=ur2&camp=1789&
  tag=solitudedk-20&creative=9325&path=tg/browse/-/1">
  Get Photography Books at Amazon
</a>
<img src="http://www.assoc-amazon.com/e/ir?t=solitudedk-20&l=ur2&o=1" 
  width="1" height="1" border="0" alt="" style="border:none !important; 
  margin:0px !important;" />

Bannières

Ce qui suit est le code généré par Amzon pour les bannières génériques. Notez l'utilisation d'imagemap pour créer un "privacy policy link".

<html>
  <body topmargin=0 leftmargin=0 marginheight=0 marginwidth=0>
    <table width=468 height=60 border=0 cellspacing=0 cellpadding=0>
      <tr valign=middle align=center>
        <td>
          <MAP NAME='boxmap'><AREA SHAPE='RECT' COORDS='379, 50, 469, 61' 
            HREF=http://rcm.amazon.com/e/cm/privacy-policy.html?o=1 target=_top>
            <AREA COORDS='0,0,10000,10000' HREF=http://www.amazon.com/exec/obidos/redirect?
              tag=solitudedk-20&creative=333489&camp=15553&link_code=ez&path=
              /tg/browse/-/171280 target=_top>
          </MAP>
          <img src=http://rcm-images.amazon.com/images/G/01/
            associates/2005/served-banners/us_banner_imag_468x60.gif 
            width='468' height='60' border='0' usemap='#boxmap'>
        </td>
      </tr>
    </table>
  </body>
</html> 

Boîtes de Recherche

Amazon offre des boîtes de recherche :

<form action="http://www.amazon.com/exec/obidos/external-search">
<table class="normal" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td style="background-color:#fff;">
      <table border="0" cellpadding="0" cellspacing="0" align="top" 
        height="90" width="120" style="border: 1px solid #000000 !important;">
        <tr>
          <td style="background-color:#fff;" height="20" valign="bottom" align="center">
            <span style="font-family: verdana,arial,helvetica,sans-serif; 
            font-size:10px !important; font-weight:bold !important;">Search Now:</span>
          </td>
          <td style="background-color:#fff;"> </td>
        </tr>
        <tr>
          <td style="background-color:#fff;" align="center" height="30" valign="top">
            <input type="text" name="keyword" size="10" value="" />
          </td>
          <td style="background-color:#fff;" height="20" valign="top" align="left">

            <input type="hidden" name="mode" value="blended" /> 
            <input type="hidden" name="tag" value="solitudedk-20" /> 
            <input type="image" border="0" value="Go" name="Submit" 
              src="http://g-images.amazon.com/images/G/01/associates/build-links/
              ap-search-go-btn.gif" alt="[ Go ]" align="absmiddle" /> 
          </td>
        </tr>
        <tr>
          <td colspan="2" style="background-color:#000;" height="40">
           <a href="http://www.amazon.com/exec/obidos/redirect-home/solitudedk-20">
            <img src="http://g-images.amazon.com/images/G/01/associates/build-links/
            searchbox-logo-126x32.gif" height="36" border="0" width="126" 
            alt="Amazon Logo" /></a></td>
        </tr>
      </table>
    </td>
  </tr>
</table>
</form>
Commentaires pour l'auteur de l'article :
Ceci est un mauvais exemple pour la sémantique, les microformats, le w3c et rel="payment"
  • Cela utilise des table/td/tr pour le layout
  • des attributs sans marqueurs de citation (bgColor=120)
  • lettres capitales dans la syntaxe
  • des marqueurs dépréciés
  • l'exemple n'a pas d'attribut rel="payment"

Exemples Pratiques de rel="payment"

L'entrée de blog contenant l'interview vidéo avec les fondateurs d'un groupe de théâtre. Le lien rel="payment" pointe vers la page d'appel de fonds de la troupe de théâtre où le lecteur est encouragé à donner via Paypal.

L'entrée de blog contenant la vidéo personnelle qui utilise la musique d'un artiste enregistré populaire. Le lien rel="payment" encourage le lecteur à acheter le CD de l'artiste chez Amazon (pourrait avoir utilisé le lien affilié Amazon comme noté au-dessus).

L'entrée de blog contenant un segment audio provenant d'une interview sur NPR. Le lien rel="payment" encourage le lecteur à supporter NPR en achetant quelque chose sur la boutique en ligne NPR.

Tipit.to est un intermédiaire d'appréciation qui permet aux personnes de placer un petit pot à pourboires sur leurs sites web. Un petit pot à pourboire est une page sur Tipit.to où les visiteurs peuvent donner de l'argent. Le code liant vers le petit pot à pourboire contient rel="payment".


Outils qui supportent actuellement RelPayment

FireAnt est un agrégateur vidéo RSS et un lecteur de média. Abonnez-vous à n'importe quel canal RSS et téléchargez automatiquement du contenu média frais à regarder et écouter.

blip.tv vous laisse partager et regarder gratuitement la vidéo. Nous hébergerons votre vidéo, la rendrons disponible pour vos amis, votre famille et lecteurs de blogs et vous aiderons à trouver les vidéos que d'autres ont partagées.

Mefeedia est un agrégateur vidéo, comme Bloglines pour la vidéo. Vous pouvez vous abonner à des canaux et regarder des milliers de vidéos. Ce site ne contient pas ce qui est films, séries ou vidéos produits par des grosses société, mais bien par des milliers de personnes qui créent de la vidéo et la mettent en ligne. Les films produits par de vraies personnes.

Voir aussi