relpayment-research-fr: Difference between revisions

From Microformats Wiki
Jump to navigation Jump to search
Line 87: Line 87:
* http://www.dashes.com/anil/2002/12/10/payment_link_ta
* http://www.dashes.com/anil/2002/12/10/payment_link_ta


Anil Dash's proposal in 2002 to use XHTML <link> element to define payment URLs:
La proposition d'Anil Dash en 2002 d'utiliser l'élément <link> XHTML pour définir les URLs de paiement :  


<blockquote>
<blockquote>
<b>payment LINK tags</b>
<b>payment LINK tags</b>
<br/>
<br/>
There are already a lot of defined (if not quite standardized) possible values for the LINK element in XHTML. We're using them for RSS Auto-Discovery and, of course, for stylesheets already. But what about something like:
Il y a déjà beaucoup de valeurs possibles définies (si ce n'est pas tout à fait standardisées) pour l'élément LINK 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 :  
<br/>
<br/>
<link rel="appendix" type="text/html" title="payment" href="URL of Wishlist or Paypal Page" />
<link rel="appendix" type="text/html" title="payment" href="URL of Wishlist or Paypal Page" />
<br/>
<br/>
A standardized way of linking to the page where you pay for your patronage of a site. Granted, calling the payment page an "Apppendix" of the site you're visiting is fudging things a bit. Maybe there's a more elegant way?
Un moyen standardisé de lier vers la page où vous payez pour votre patronnage 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 ?
</blockquote>
</blockquote>


Although this is similar to rel="payment" as we are proposing, it is not as flexible as it can only be used to define one payment location for an entire page (likely a tip jar or wishlist page). Perhaps rel="payment" could be used within the link element as well as within standard anchor tags?
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 ?


== Exemples dans la jungle ==
== Exemples dans la jungle ==

Revision as of 16:10, 12 July 2006

Auteurs

Andreas Haugstrup Pedersen

Joshua Kinberg

Jay Dedman

Peter Van Dijk

(traduction Christophe Ducamp)

Abstract

RelPayment est un microformat pour faire que les échanges de support soient possibles (que ce soit financier 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 support pour la page actuelle. Par exemple, pour donner un support financier au propriétaires de la page actuelle.

Un des buts de ce microformat est de donner aux agrégateurs de contenus tels que les lecteurs RSS un moyen d'extraire ces liens de support et de leur donner une attention spéciale (comme afficher un bouton standard attaché au contenu).

RelPayment

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

Une page peut contenir n'importe quel nombre d'hyperlines 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 vers une page avec une adresse 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 rappoert 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 additionnelle à propos deu lien support vers leurs utilisateurs. Par exemple <a href="[url]" rel="payment" title="Donnez de l'Argent Via PayPal">.

Si l'hyperlien contient une image (par ex. <a href="[url] rel="payment"><img src="[url]" alt="Badge de Support" /></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 montrer le support 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 addition vers 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é. Cela est sensé vouloir dire un moyen général de 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 "une assiette à 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 contenu peuvent afficher un hyperlien 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/c.r.e.a.m"
    title="donne-moi l'oseille" />

Peut afficher soit un bouton paiement ou un hyperlien contenant le texte, "donne-moi l'oseille".

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'intimitié 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émenations devraient aussi considérer le niveau de confidentialité et l'intégrité du message fournis par le transport utilisé pour toucher la ressource de paiment.

Art Inital

Proposition d'Anil Dash, 2002

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

payment LINK tags
Il y a déjà beaucoup de valeurs possibles définies (si ce n'est pas tout à fait standardisées) pour l'élément LINK 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 of Wishlist or Paypal Page" />
Un moyen standardisé de lier vers la page où vous payez pour votre patronnage 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 ?

Exemples dans la jungle

Amazon Associates

Product with image

This is the code generated by Amazon for a single product endorsement with photo. Everything is generated automatically. The form can be replaced with another regular HTML link.

<!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> 

Text links

This is the code for a text link to a product category. The visible link text is chosen by the user.

<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;" />

Banners

The following is the code generated by Amazon for generic Amazone banners. Note use of imagemap to create "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> 

Search Boxes

Amazon offers search boxes:

<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>

Exemples Pratiques de rel="payment"

Blog entry containing video interview with founders of a theater group. rel="payment" link points to the theater group's fundraising page where the reader is encourage to donate via PayPal.

Blog entry containing home video that uses music by a popular recording artist. rel="payment" link encourages reader to purchase the artist's CD at Amazon (could have used Amazon affilliate link as noted above).

Blog entry containing audio segment from an NPR interview. rel="payment" link encourages the reader to support NPR by purchasing something from the NPR Online Shop.

Outils qui supportent actuellement RelPayment

FireAnt is an RSS video aggregator and media player. Subscribe to any RSS 2.0 channel and automatically download fresh media content to watch and listen to.

blip.tv lets you share and watch video for free. We will host your video, make it available for your friends, family and blog readers and help you find video that others have shared.

Mefeedia is a video aggregator, like Bloglines for video. You can subscribe to channels and watch thousands of videos. This site is about not about movies, television shows or video made by big companies, it's about the thousands of people are creating video and putting it online. Movies made by real people.