Blogue de Geek

Actualité, bancs d'essai et tutoriels sur les plus récents lecteurs Mp3, caméras et autres gadgets pour vous les geeks!
  •  
  •  
  •  
  • Accueil
  • Actualités
  • Bancs d'essai
  • Réflexions
  • Tutoriels
  • Archive
  • Coupons!
  • À propos
  • Contact

[eBay] Conception et design de votre AboutMe

Alexandre Vallières-Lagacé | 29 mars 2007

Comment commencez ce post ? Bon, je ne passerai pas par quatre chemins. Votre AboutMe est une caractéristique très utile que vous pouvez utiliser pour maximiser la confiance de vos (futurs) acheteurs.

Comment ça marche ?
L’AboutMe est une page qui vous appartient, vos acheteurs vont voir un petit logo à côté de votre usager eBay. Quand il clique dessus, il est amené à la page suivante : http://members.ebay.ca/ws/eBayISAPI.dll?ViewUserPage&userid=0xcafe et c’est cette page précisément que nous voulons modifier.

0xCAFE Me

Contenu
Commençons par le contenu de votre AboutMe. Par défaut, vous pouvez remplir un formulaire qui placera l’information de façon prédéfinie. Cette information est vos dernier feedbacks, vos items présentement en vente et une petite description de votre part. Rien de bien bien méchant. Mais nous, ce que nous voulons c’est nous démarquer! Nous allons choisir l’option HTML et remplir le tout de HTML+CSS !

Par contre, il y a certaines règles à suivre : About Me Guidelines Je vous conseille fortement de les lire, car les conséquences peuvent être très importante (lire annulation de votre compte).

Modification du code
Tout d’abord, il vous faut comprendre comment le code de cette page est défini. Regardez cette image pour en comprendre la définition.

AboutMe- Tableaux délimités

Comme vous pouvez voir, nous avons un tableau rouge qui encadre le eBay.ca, Home et About Me: Ensuite, nous avons un autre tableau où dans une rangé d’une cellule, nous mettons notre code.

Une des règles d’eBay est que nous ne devons en aucun cas modifier ce qui ne tombe pas dans cette cellule. Pour être sûr que notre CSS n’affecte pas l’extérieur, je vous suggère d’utiliser un <div> pour bien encadrer vos modifications.

<div id="MyAboutMe">  Votre code vient ici!</div>

Maintenant, vous devez faire une belle page en HTML et la “styler” en CSS.

Pour faire du HTML pas de problèmes, juste à prendre une copie (File | Save As) d’un AboutMe existant et de trouver la cellule où votre code doit aller. Si vous prenez mon AboutMe par exemple (0xCAFE) cet endroit se trouve à la ligne 115. Tout juste après :

Donc, votre code aura l’air de quelque chose comme ça.

[...]
ebay.oDocument.oPage.createConfig();
//–>

<script src=”http://include.ebaystatic.com/js/e503/ca/features/my_ebay/members_e5032ca.js”> </script>
<div id=”MyAboutMe”>
/* Votre code ici! */
</div>
<br><table border=”0″ cellpadding=”0″ cellspacing=”0″ width=”100%”>
<tr>
<td colspan=”2″></td>
[...]

Où mettre quoi ?
Pour avoir du CSS, vous devriez utiliser un fichier .css externe et l’héberger sur un serveur fiable (lire votre serveur ou un serveur sans problème de bandwidth). Ma suggestion ? Google Page Creator vous permet d’uploader des fichiers .css et de les accéder directement du web. Idéal et gratuit!

Pour le HTML, on l’écrit directement dans la section AboutMe. Pas de droit d’avoir des <iframe>. Et un très bon conseil, ne vous fier pas au preview car il peut vous montrer des choses qui seront différente une fois la page enregistré; ou pire encore, vous montrer des choses qui seront jugé illégale lors de la sauvegarde!

Pour accéder à votre CSS, je vous conseille le code suivant :

<div id="MyAboutMe">  <link rel="stylesheet" type="text/css"href="http://xxxx.googlepages.com/votre_css.css">

<!-- Add HTML here! -->

</div>

Ou si vous préférer le mettre directement dans la page AboutMe :

<div id="MyAboutMe">  <style type="text/css">div#MyAboutMe {

font: 12pt "Trebuchet MS", sans-serif; padding: 0px 0px 3px 0px

}

#MyAboutMe p {

font: 12pt "Trebuchet MS", sans-serif; margin:0;

padding: 5px 10px; line-height: 1.3; text-align: justify;

}

#MyAboutMe .smallText {font-size: 8pt}

[...]

</style>

<!-- Add HTML here! -->

</div>

L’important c’est d’utiliser le #MyAboutMe qui restreint vos modification CSS à votre <DIV id=”MyAboutMe”> sans affecter les sections appartenant à eBay. Donc, vous suivez les règles et tout le monde est content! :-P

Testing!
Comme je l’ai dit plus haut, la meilleure façon de tester votre AboutMe n’est pas d’utiliser le Preview d’eBay, mais bien de sauvegarder un AboutMe existant et d’en modifier le contenu localement sans toucher aux sections réservés à eBay. De cette façon, vous jouer le rôle du serveur web qui place votre code à l’intérieur de la page d’eBay.

Feedback & Items to sale
En plus de votre propre code, vous pouvez ajouter deux items générés automatiquement par eBay. Les tableaux de feedback et des items à vendre. Tout ce que vous avez à faire c’est d’ajouter deux lignes dans votre HTML et eBay s’occupera d’en générer le contenu.

My Feedback

Pour plus d’information regarder la page suivante : Special HTML Tags; vous y trouverai toute l’information pour bien générer vos tableaux dynamique.

Où je viens vous aider c’est de faire aligner ces tableaux. Comme nous n’avons pas le code généré, nous ne pouvais lui donné un ID et l’utiliser pour positionner le tableau à notre façon. Nous devons donc utilisé le code suivant.

<div style="padding-left: 10px; font: 12pt "Trebuchet MS", sans-serif;">  <!-- Feedback Comments --><ebayfeedback tablewidth="75" border="0" cellpadding="-1"

cellspacing="-1" SIZE="5" COLOR="white" displaymode="0" pagesize="0">

<!-- End Feedback Comments -->

</div>

En mettant le tableau dans un autre <div> nous pouvons lui assigner un style CSS et le faire aligné comme le reste du texte. Je dois avouer que ce code est un peu particulier à mon propre AboutMe, mais ça peut être un exemple intéressant pour vous éviter de perdre du temps à tourner en ronds comme moi :P

Même principe pour votre lise d’items à vendre.

<div style="padding-left: 10px; font: 12pt "Trebuchet MS", sans-serif;">  <!-- Item Listings Table --><ebayitemlist SORT="3" caption="" SIZE="15" SINCE="-1" displaymode="0"

pagesize="0" tablewidth="75" border="0">

<!-- End Item Listings Table -->

</div>

PayPal Verified
Un attribut important pour l’acheteur, savoir et surtout voir que vous avez un compte PayPal vérifié. Une fois vérifié, vous pouvez assurer vos ventes pour quelques centaines de dollars et une fois que vous avez un score de 50 de feedback c’est 2000$ d’assurance pour vos acheteurs. Vous avez simplement à ajouter le code suivant.

<a href="https://www.paypal.com/us/verified/pal=<VOTRE ADRESSE DE COURRIEL>"   target="_blank"><img style="border: 0px solid ; width: 88px; height: 33px;"

src="http://www.paypal.com/en_US/i/logo/logo3v.gif"

alt="I am PayPal Verified" title="I am PayPal Verifed">

</a>

N’oubliez pas de changé le pal=<VOTRE ADRESSE DE COURRIEL> dans le code précédent!

Conclusion
Bon, avec tout ces trucs, je crois que vous êtes fin prêt à créer un beau AboutMe et attirer beaucoup d’acheteurs potentiels!

Commentaires
View Comments
Catégories
Tutoriels
Tags
About Me, design, ebay
Flux rss des commentaires Flux rss des commentaires
Trackback Trackback

LE meilleur prix possible!

Alexandre Vallières-Lagacé | 27 mars 2007

Étant un gros magasineur je vais vous faire part d’une très bonne tactique que j’ai récemment utilisé pour obtenir un rabais substantiel. Il faut bien évidemment que le magasin choisi ai une politique des prix clair et que le vendeur soit franc et veulent vendre. Lorsque je l’ai utilisé, j’ai sauvé un gros montant sur ma Canon XTi.

Recherche de magasin
La première étape, c’est bien évidemment la recherche d’un magasin qui offre une bonne politique de prix. Il faut qu’il puissent égaliser le prix compétitif (ou mieux, offrir un rabais de plus sur la différence) et ce sur un bon étendu de magasin, c-à-d, pas juste au Québec.

Pour trouver un bon magasin, je vous conseille notre amis de toujours Google. J’utilise Google.ca et je coche Pages au Canada seulement. L’important c’est de faire une recherche sur des mots comme “buy” et des mots clés de votre produits, dans mon cas, j’ai utilisé “canon 400D OR XTi”.

Il faut ensuite éplucher beaucoup de pages pour trouver des magasins. Si le prix n’est pas compétitif, ce n’est pas grave, garder le pareille au cas où il y ai un rabais bientôt. Je vous conseille un dossier de marques-pages dans Firefox, comme ça lorsque vous voudriez vérifier le prix, simplement en cliquant avec la roulette sur votre souris, un onglet part site apparaitra.

Surveillance
Vous avez maintenant un choix à faire. Est-ce que vous vous basez sur les prix trouvés pour faire votre achat ou bien vous attendez que les prix baisent. Dans mon cas, j’ai attendu et deux semaines plus tard, un des site les moins cher (999$) annonçait une baisse de 20$ à 979$. Alors, j’en ai profité.

On peut toujours attendre et ça va toujours baissé; c’est un règle avec les trucs techno. Mais ce qu’il faut savoir c’est quand devons-nous acheter pour maximiser le temps de jouissance d’un produit et en minimiser le prix d’achat. C’est ça la vrai question!

L’Achat!
Maintenant que vous êtes prèt, il faut acheter ! Et de la bonne façon surtout!

Étape 1: Imprimer la page du produit où s’affiche le meilleur prix (exemple: Rebel XTi sur Canada Computer ici) car certains se sont fait avoir avec une version spécial d’intranet contenant des prix gonflés (source). L’idéal c’est que cette page montre les stock actuels car certains demande à ce que le produit soit disponible pour l’achat immédiat (lire Future Shop).

Étape 2: Se rendre en magasin. D’oh!

Étape 3: Faire l’innocent et demandé les détails de la politique de prix sans jamais vouloir trop en dire. Renseignez-vous sur la politique de rabais si le prix baisse chez le commerçant ou chez un autre commerçant, ça peut valoir plusieurs $$$. Si le commerçant semble prèt à égaliser le prix de façon juste, il faut essayer la technique suivante :

Si votre page imprimé vient d’un site canadiens hors de votre province et que vous achèteriez l’objet en question, vous ne payerai que la TPS. Donc, essayé de faire baissez le prix du commerçant pour égalisé une seule des deux taxes. Dans mon cas, le prix sur Canada Computers était de 979.99$ (+TPS) et j’ai réussi à l’avoir pour 915.92$ (+TPS+TVQ); ce qui dans les deux cas donne 1043.68$. Autrement dit, j’ai sauvé 74$ de plus en demandant de ne payer que l’équivalant d’une taxe!!!

Étape 4: Achetez! Pas compliquer, maintenant il faut payer! (Malheureusement…)

Mon achat
Dans mon cas, la Rebel se vend 1099$ chez Future Shop, donc, 1252.31$ avec les taxes. J’ai réussi à égaliser le prix de Canada Computers à 979.99$ + une seule taxes (TPS), j’ai payé 915.92$, donc, 1043.68$ avec les taxes. Économie de 208.63$ !

Croyez-moi, ça vaut la peine ! Bon magasinage! ^_^

Commentaires
View Comments
Catégories
Réflexions
Tags
comment faire, magasinage, meilleur prix
Flux rss des commentaires Flux rss des commentaires
Trackback Trackback

Ha! J’ai enfin ma Rebel!

Alexandre Vallières-Lagacé | 23 mars 2007

Et oui, après près de 2 ans, j’ai enfin en ma possession une VRAIE caméra numérique ! Et en plus c’est presque du professionnel! \o/

Pour y arriver, j’ai du accumuler de l’argent de fête, Noël et vendre beaucoup sur eBay! J’y suis arrivé avec mes vielles cartes Overpower qui se sont vendu à près de 275$US et ma première NES :’| pour 104$US. Mais, bon, ça a finalement valu la peine car il me reste suffisamment d’argent pour un sac de transport et une partie de Sansa View (à discuter plus tard…).

Je vais bientôt commencer à apprendre la photographie professionnelle et je vais bien entendu les mettre sur mes multiples photoblogues.

Voici un aperçu des caractéristiques de ma caméra :

Major new features / changes

  • 10 megapixel CMOS sensor
  • Separate low pass filter with ultra-sonic vibration to remove dust (! Génial, on sauve sur les nettoyage !)
  • Anti-static coatings on sensor surface, software based dust mapping / removal
  • Nine area Auto Focus sensor (same as EOS 30D)
  • Picture Styles, larger range of image parameter adjustment (same as EOS 30D)
  • Faster image processing
  • Removal of control panel LCD display, now uses main LCD monitor
  • Proximity sensor below viewfinder eyepiece to disable main LCD during composition (bidulle très cool repris par le iPhone pour économiser de la battrie!)
  • Camera settings made on main LCD (such as metering, white balance, ISO, AF area etc.)
  • Setting adjustment saved with half-press of shutter release
  • Continuous shooting buffer up to 27 JPEG and 10 RAW images (Faut décidément que j’essaie ça!)
  • Large 2.5″ LCD monitor with 160° viewing angle (la différence avec mon Fuji poche est vraiment incroyable!)
  • Image magnification available in record review
  • Histogram available as brightness (Luminance) or RGB (Red, Green, Blue)
  • Traditional Chinese language (in addition to Simplified Chinese) (bon, inutile pour moi… ;) )
  • Up to 9999 images per folder on storage card

Aussi, j’ai acheté une CompactFlash RocketFish lors de la sortie de cette marque maison (Future Shop/Best Buy) et je l’ai eu pour 69$ au lieu de 169$!!! Une 133X qui me permet de sauvegarder +450 photos en 10.1 megapixels! WoW!

Bon, je vous quitte, je vais m’amuser avec en fin de semaine!

Commentaires
View Comments
Catégories
Réflexions
Tags
canon, digital rebel, eos, xti
Flux rss des commentaires Flux rss des commentaires
Trackback Trackback

Commes les moines copistes, mais en prog!

Alexandre Vallières-Lagacé | 10 mars 2007

Vous vous souvenez de tous ces moines copistes dont le dure labeur fut de recopier des volumes ? la main ? De plus ils était payé ? la ligne (ou la page), donc, plus il y avait de lettres dans les mots, plus ils étaient payés. Vous comprenez pourquoi le français est si compliqué ?

Appliqué ce concept ? la programmation. Pas possible ? Et bien trompez-vous. Certains consultants ne s’en prive pas. Un certain “Nicholas” ? utilisé la technique pour faire de l’argent facile. Et en voici un extrait. Imaginez l’ensemble de l’application. Très beau re-write en perspective…

private int GetMessage( int selected )
{
  int index = 0;

  switch( selected )
  {

    case 0:
      index = 0;
      break;

    case 1:
      index = 1;
      break;

    case 2:
      index = 2;
      break;

    case 3:
      index = 3;
      break;

  }

  return index;
}
Commentaires
View Comments
Catégories
Actualités
Tags
moines copistes, optimization, Programmation
Flux rss des commentaires Flux rss des commentaires
Trackback Trackback

Traductions

FrenchItalianChinese (Simplified)PortugueseEnglishGermanSpanishJapaneseRussianFinnishSwedish
Bens Translator

Facebook


Partenaires Geeks

Parallels
FatCow
Skype
Webfaction
valid xhtml 1.1 design by jide TV5 Blogosphèe Québec Ranking Classement Top Blogs Gadgets Blog Directory Technology Blogs Technology (Computers) - TOP.ORG All Gadgets Sites Zigonet Paperblog

Feedburner