product-examples-fr

Exemples de Produits

Ceci est une page exploratoire pour documenter les exemples de produits actuellement publiés sur le web. Généralement les métadonnées associées à ce contenu sont stockées dans un balisage no-sémantique et avec de formats propriétaires. L'objectif de l'étude de cette page est de servir d'historique pour le design d'un microformat simple et distribué pour les produits.

Auteurs

• Aaron Gustafson
• Adam Craven
• Craig Cook
• Ronnos
• (traduction [Christophe Ducamp]

Exemples

Amazon

CD

• achat - contient des données non structurées
  • album (nom du produit)
  • artiste
• prodImage
• listedeprix
• prix (prix véritable et "vous économisez")
• détailsproduit - contient des données non structurées
  • format
  • date de sortie
  • # de disques
  • label
  • ASIN

Livre

• buying - contains unstructured data
  • title (product name)
  • format
  • author
• prodImage
• listprice
• price (actual price and "you save")
• productDetails - contains unstructured data
  • format
  • page count
  • publisher
  • publication date
  • language
  • ISBN
  • dimensions
  • weight

Jeu Vidéo

• buying - contains unstructured data
  • title (product name)
  • publisher
  • platform
• prodImage
• listprice
• price (actual price and "you save")
• bucket (game info)
  • ESRB Rating
  • genre
• productDetails - contains unstructured data
  • ASIN
  • SKN
  • release date

Produit de Loisirs

• buying - contains unstructured data
  • product name
  • brand
• prodImage
• listprice
• price (actual price and "you save")
• bucket (product features)
• productDetails - contains unstructured data
  • dimensions
  • weight
  • ASIN
  • model number

Buy.com

CD

• productTitle
• artist (unstructured)
• image (unstructured)
• mainPricSection - contains unstructured data
  • actual price
  • shipping
  • total (augmented by quantity)
• prodPriceSec_2 - actually product details
  • format
  • release date
  • label
  • SKU
  • item #
• prodInfoSec_1 - additional details
  • description

Livres

• productTitle
• author (unstructured)
• image (unstructured)
• mainPricSection - contains unstructured data
  • actual price
  • shipping
  • total (augmented by quantity)
• prodPriceSec_2 - actually product details
  • format
  • ISBN
  • publication date
  • publisher
  • dimensions
  • SKU
  • item #
• prodInfoSec_1 - additional details
  • description

Jeu Vidéo

• productTitle
• image (unstructured)
• mainPricSection - contains unstructured data
  • actual price
  • shipping
  • total (augmented by quantity)
• prodPriceSec_2 - actually product details
  • format
  • release date
  • publisher
  • sku
• prodInfoSec_1 - additional details
  • description

TV

• productTitle
• image (unstructured)
• mainPricSection - contains unstructured data
  • list price (msrp)
  • you save
  • price
  • shipping
  • actual price
• prodPriceSec_2 - actually product details
  • manufacturer (brand)
  • part #
  • SKU
  • item #
• prodInfoSec_1 - additional details
  • description
• prodInfoSec_2 - tech specs (unstructured)
  • type (product description summary)
  • display area
  • native resolution
  • contrast ratio
  • viewing angles
  • power
  • weight
  • warranty
  • etc.

Ben Sherman

Habillement

Liez vers des produits plutôt que le produit véritable disponible à la vente. Utilisez les idées de rel-product pour lier vers le magasin.

• Image
  • Thumbnail
• Product
  • Type
  • Title
• Properties
  • Colour
• Link
  • Buy this Online (rel=product)

Balisage :

<div class="hproduct">
	<img src="#" alt="polo shirt" class="product-thumb" />
	<h3 class="product-type">Polo Shirt</h3>
	<h4 class="product-title">Coxmoor</h4>
	<p class="p-v"><span class="property">Colour:</span> <span class="value">289 Rush</span></p>
	<p><a href="poloshirt/coxmoor/" title="Buy This Online" rel="product">Buy This Online</a></p>
</div>

CDs

En outre le site a des liens vers les produits sur Amazon.

• Image
  • Thumbnail
• Product
  • Title
• Properties
  • Artist
• Link
  • Buy this Online (rel=product)
• Currency implementation

Balisage :

<div class="hproduct">
	<a href="#" rel="product">
	   <img src="assets/images/timeline/amazon/small-faces.gif" alt="Small Faces Album" class="product-thumb" />
	</a>
	<h3 class="product-title"><a href="#" rel="product">Ogdens' Nut Gone Flakes</a></h3>
	<h4 class="p-v"><span class="property artist">Small Faces</span></h4>
	<p class="product-buy"><a href="#" title="Buy this online" rel="product">Buy from Amazon</a></p>
	<p class="money"><abbr class="currency" title="GBP">£</abbr><span class="amount">6.99</span></p>
</div>

L'utilisation de noms de propriétés non visibles a rendu possible le fait d'avoir une propriété invisible dartist'. Avoir 'Artist: Small Faces' n'était pas dans la spécification visuelle du site de Ben Sherman.

Atomic Books

Books

• Image
  • Thumbnail
• Product
  • Title (productname)
  • Author
  • Publisher
• Properties
  • Page Count
  • Size
• Notes
• Date Published (can be in future to indicate "not yet released")

Cell phone

• Productname
• Photo's (Photo)
  • Productimage (Pdi)
  • Thumbnails (PdiThumbs)
• Price (PriceInfo)
  • Productprice (ProdPrice)
  • Shipping options (Ship)
  • Availability (Avail)
  • Pricing options (PriceOptions)
• Description (Description)
• Features
• Included Accessories

Voir aussi

• currency
• hProduct Brainstorming
• hProduct Discussion
• hProduct Formats
• hProduct Challenge Examples