Le Forum de BiDiWeb

Un système de vente fondé sur osCommerce

Bertrand Degoy — 2010-03-06T09:23:00Z

Début 2010, cherbourg-maquettes.com, c'est :
7000 pages de catalogue,
100.000 pages servies par jour, 3 millions de pages par mois,
des temps d'affichage des pages généralement inférieurs à la seconde.

Le développement est parti de la version ms2.2-fr d'osCommerce, avec un double but :
maîtriser le code d'un système de vente éprouvé,
le faire évoluer vers un système propriétaire offrant des services nouveaux et des performances supérieures.

Le projet est passé par les étapes suivantes :

A partir de juin 2004, création d'une boutique opérationnelle fondée sur osCommerce : le site cherbourg-maquettes.com. La mise en oeuvre d'une boutique réelle permettait d'acquérir une expérience de terrain indispensable.

Même si osCommerce est une solution éprouvée, la confrontation avec un cas réel a mis en évidence des lacunes. Il a fallu corriger quelques erreurs de conception et mettre au point le logiciel, objectif atteint en juillet 2005 avec la version 1.3, après plus de 200 modifications apportées au logiciel. Parti de la version osCommerce ms2.2-fr, le logiciel BiDiShop version 1.3 intègre les principales évolutions suivantes :
nouveau système de cache à deux niveaux ;
utilisation systématique d'imagettes ;
page d'accueil du site présentant les nouveautés et les messages de news ;
introduction de la notion de catégorie de base (les catégories du premier niveau), et présentation des nouveautés ainsi que des promotions selon la catégorie de base courante ;
possibilité de commander sans s'inscrire sur le site ;
possibilité de commander par courrier ;

L'amélioration du cache a soulagé la base de données MySQL d'un facteur supérieur à 10 et considérablement accéléré la vitesse de consultation du catalogue ; l'utilisation des imagettes a réduit d'un facteur 5 à 10 la bande passante nécessaire. C'est ainsi que le site cherbourg-maquettes.com peut mettre en ligne un catalogue de plus de 5000 articles tout en conservant une très grande rapidité.

Parmi les nouveaux services offerts (nouveaux par rapport à osCommerce ms2.2fr), le développement présente à partir de la version 1.4 de juillet 2005 plusieurs possibilités de syndication de contenu. Par ce terme, on entend la possibilité d'afficher du contenu d'un site dans un autre, sans duplication des données. Pour diffuser ses données, BiDiShop utilise le standard RSS s'appuyant lui-même sur le format XML. Dans l'état actuel du développement, BiDishop offre deux sources de données RSS :
l'exposition d'un fil RSS pour chaque catégorie donnant les 50 derniers produits introduits dans le catalogue,
la publication d'un extrait du catalogue en réponse à une requête à l'aide du Web Service Shop Catalog développé dans le cadre du projet BiDiShops.

L'utilisation du format XML pour le codage des données permet égalemet d'inscrire automatiquement les produits sur des galeries commerciales. Voyez, par exemple, comment cherbourg-maquettes apparaît sur le site webmarchand.com.

Courant 2006 :
des résultats ont été obtenus sur la réduction de la bande passante ainsi que sur l'allègement des requêtes SQL (novembre 2005). C'est toute l'algorithmique qui doit être revue afin de saisir en une seule requête les données nécessaires avant de leur appliquer l'algorithme, plutôt que d'effectuer des requêtes répétitives au fil d'une boucle. Déjà, la nouvelle page sitemap.php ne demande qu'une seule requête pour être construite.
la terminaison automatique des paiements effectués par carte, lorsque le client a omis de revenir à la boutique, est maintenant parfaitement résolue (mars 2006).

Début 2007, les outils de syndication prennent la forme de Web Services. L'application de syndication devient donc totalement indépendante du code de la boutique. Pour illustrer cette indépendance, on peut constater que le Web Service de cherbourg-maquettes est écrit en Microsoft Asp .Net et se trouve sur une plateforme IIS indépendante de celle de la boutique dont il publie les données.

Toujours début 2007, l'application oscDataViewer voit le jour. Fonctionnant sur la machine locale du commerçant, cette application permet un gain de temps appréciable pour la tenue à jour du catalogue. Installée et maintenue automatiquement, cette application offre les techniques de pointe du "client lourd" sans souci pour l'utilisateur.

En août 2007, le site cherbourg-maquettes.com a passé les 10.000.000 de requêtes, aucun problème n'étant survenu en 3 ans de service continu. Le rythme de consultation a maintenant passé le million de requêtes/mois. Les sites syndiqués ( paris-maquettes.com, petitrain.com, 6juin44.com etc.) contribuent de façon remarquable à la consultation du site, comme le démontre l'article cherbourg-maquettes.com : bientôt 50 millions de pages vues !. Résultat : les ventes se développent (et pourtant le modélisme est devenu un secteur commercial difficile avec la concurrence des jeux video et du multimédia) et Cherbourg Maquettes a acquis un magasin plus grand !

5 ans après, où en est cherbourg-maquettes.com ?

Cherbourg Maquettes a passé la crise, avec des ventes maintenues et même en légère croissance.

Fin 2009, nous avons mené une campagne de référencement, notamment à l'aide de la plate forme de mini-sites. Cela s'est traduit par une forte croissance de la consultation, atteignant 100.000 pages par jour. Pour réduire la charge supportée par le serveur, il a fallu optimiser osCommerce.

Bien entendu, de nouvelles boutiques sont nées : maquette-bois.com et bijoux27.com.

En savoir plus :
Des Web Services pour osCommerce.
cherbourg-maquettes.com : bientôt 50 millions de pages vues !.
osCommerce : solutions pour tenir la charge.
page du site cherbourg-maquettes.com expliquant les fils RSS.
plan du site cherbourg-maquettes.com avec fils RSS.
Tenez-vous au courant des nouveautés avec Sage pour Mozilla Firefox.

Suite :
Le site cherbourg-maquettes.com

osCommerce est une marque déposée du osCommerce project.

osCommerce : solutions pour tenir la charge

Bertrand Degoy — 2010-02-28T11:42:05Z

Le site cherbourg-maquettes.com sert maintenant 3 millions de pages par mois, soit 100.000 par jour et des pics à 10 pages par secondes aux heures de pointe. Il est apparu rapidement que le code d'osCommerce n'était pas capable de suivre ! Il a fallu réagir...

La nécessaire amélioration du code d'osCommerce

Il a fallu regarder de très près le fonctionnement d'osCommerce et ré-écrire une part importante du code lié à index.php et à product_info.php. Le travail a consisté à :
écrire un nouveau système de cache,
optimiser certaines fonctions critiques,
optimiser l'écriture de requêtes SQL critiques et en réduire le nombre.

Paralèlement, le système a migré, en 5 ans, d'un serveur mutualisé à un serveur dédié puissant et bien connecté à Internet.

Avant ce travail, le calcul d'une page du catalogue (index.php product_info.php) prenait de 150 à 250 ms. Après notre réécriture du code critique, le temps de calcul a été réduit à 20-25ms.

Pour traquer les délais de calculs et qualifier le travail réalisé, l'outil déterminant a été NuSphere PhpED, et particulièrement la fonction Profiler, dont voici un exemple :

Le profilage des temps de calcul, fonction par fonction

25 ms, c'est encore beaucoup, d'autant que lorsque la page n'existe pas dans le cache, les temps de calculs n'ont pas encore suffisament bénéficié des améliorations décrites.

Pour aller plus loin, il faudra en premier lieu travailler sur application_init.php qui charge, par l'intermédiaire d'une vingtaine de require(), à peu près tout le code d'osCommerce.

Le résultat : des pages 3 fois plus rapides à charger !

Avec un serveur qui commençait à être trop chargé, le temps de chargement d'une page par l'internaute dérivait dangereusement au-dessus de la seconde.

Le graphique ci-dessous, qui trace le temps de chargement moyen vu par Google, et tiré de Google Sitemap, montre que les travaux décrits précédemment, alors même que l'optimisation n'est pas terminée (le sera-t-elle jamais ?) ont divisé par 3 le temps de chargement, passé de 1500 ms à 500 ms :

Un temps de chargement des pages divisé par 3 (ordonnées en ms)

D'où la necessité de faire développer votre boutique par un professionnel expérimenté

Cette incapacité à tenir la charge est un problème connu des open-source de vente en ligne. Si osCommerce a bonne réputation avec son système de cache natif, on a vu que ce n'était pas suffisant. D... est réputé surcharger les serveurs (même pour des boutiques qui démarrent !) et P..., indigent en matière de cache, ne fait pas mieux.

Le commerçant qui pense pouvoir faire développer sa boutique à l'économie doit se préparer à de graves déconvenues : dès que le succès arrivera, le serveur plongera ! En fait le succès n'arrivera pas, parce que le temps de chargement des pages sera trop long pour les internautes pressés de feuilleter le catalogue. Développer une boutique à l'économie, c'est la certitude de l'échec et d'avoir à recommencer très vite.

Le succès passe par l'installation de la boutique par un professionnel, mais surtout son assistance tout au long de l'exploitation.

Si vous éprouvez des difficultés avec une boutique osCommerce, nous serons heureux de vous venir en aide.

En savoir plus :
Des Web Services pour osCommerce.
cherbourg-maquettes.com : bientôt 50 millions de pages vues !.
Les composantes de BiDiShop.

cherbourg-maquettes.com : bientôt 50 millions de pages vues !

Bertrand Degoy — 2010-02-28T07:42:00Z

Il y a bientôt deux ans et demi, nous annoncions : "le site cherbourg-maquettes.com a passé le cap symbolique des 10 millions de requêtes au mois d'août 2007". Nous servons maintenant (février 2010) près de 3 millions de pages chaque mois, soit près de 100.000 pages et plus de 2000 visites quotidiennes.

Comment ce résultat a-t-il été atteint ? Dans cet article, nous démontrons que notre méthode de syndication décuple l'efficacité du référencement !

Après 5 ans de service, le nombre des pages consultées quotidiennement augmente toujours régulièrement, tirant les ventes à un ryhtme toujours plus élevé.

Il est à noter que le nombre de visites ne croit pas aussi vite : c'est le nombre de pages vues par visite (près de 50) qui a le plus augmenté. Ce fait, qui a aussi son explication et son intérêt, est commenté dans un autre article.

La syndication avec un ensemble de sites "propriétaires"

La croissance de la fréquentation du site a été développée grâce à notre technique de syndication : les articles du catalogue du site cherbourg-maquettes.com apparaissent dans différents sites que nous avons spécialement construits pour répondre aux centres d'intérêt des amateurs : paris-maquettes.com, petitrain.com donnent un exemple d'introduction d'un sous-ensemble du catalogue dans un site distinct, la plate forme de blogs montre comment les articles du catalogue peuvent être rattachés à des articles de blogs construits très facilement, tandis que des sites tels que ho-modele.com ou ho-model.com servent surtout à faire monter les mots clés. Tout ceci contribue à faire apparaître le site en tête des moteurs de recherche.

Le succès tient donc à la combinaison de trois méthodes :

une méthode de marketing, qui consiste à appeler l'attention de l'internaute par du contenu informatif replaçant le produit dans son environnement technique et culturel ;

une technique de syndication des contenus qui permet de relier le site de vente aux sites "culturels" et de transformer l'intérêt pour le sujet en capture du prospect ;

un mode de référencement respectant la technique et la déontologie des moteurs de recherche, en fondant la promotion des mots clés sur un apport de contenu rédactionnel non factice et véritablement utile à l'internaute.

La syndication avec des sites externes

La syndication de contenu permet également l'inscription automatique des produits du site de vente sur un portail marchand. Malheureusement, on ne constate pas un nombre de visites significatif en provenance de tels sites, ce qui nous a déterminés à ne pas souscrire à leurs offres commerciales.

L'introduction de liens RSS dans les pages du site, permettant de suivre les nouveautés d'une rubrique donnée, ouvre la porte à des syndications externes spontannées : par exemple dans le blog d'un amateur des produits considérés.

Mais il y a mieux : les moteurs de recherche tels que G... indexent les pages rss. A condition qu'elles soient bien présentées (et non simplement en code XML), elles permettent aux internautes d'atteindre les nouveaux produits. Voici un exemple de page : http://cherbourg-maquettes.com/news....

Au résultat : sur G..., entrez "site:cherbourg-maquettes.com" : il y a 200.000 pages référencées !

La preuve par Webalizer

Les statistiques de consultation du site cherbourg-maquettes.com, relevées par Webalizer sur le mois de février 2010, permettent de chiffrer l'apport des sites syndiqués :

On constate que les sites syndiqués contribuent de la façon suivante :

site	clics
petitrain.com	439220
paris-maquettes.com	279210
plateforme blogs	32460
moteurs de recherche	25814
total	776684

La contribution des blogs est encore modeste, car la plateforme maquette-bois.net n'est opérationnelle que depuis quelques mois.

Il faut observer que seulement 25814 recherches des moteurs aboutissent directement au site cherbourg-maquettes.com. Bien entendu, il ne s'agit pas de dénigrer G..., car les sites syndiqués sont également trouvés par les internautes grâce aux moteurs de recherche, G... ou autre. En revanche, il est certain que sans les sites syndiqués, on n'aurait obtenu que ces 25814 clics ; on peut donc affirmer que notre méthode décuple plusieurs fois l'efficacité du référencement sur les moteurs de recherche !

On en déduit les conclusions fondamentales suivantes :
l'internaute ne s'intéresse que très marginalement à un site de vente. Il sera beaucoup plus intéressé par du contenu, et ira ensuite sur le site de vente ;
notre technique de syndication est bien meilleure que tout autre moyen de publicité. Imaginez combien il en coûterait d'obtenir plus de 700.000 clics !

En savoir plus :
Des Web Services pour osCommerce
Description des opérations du Web Service ShopCatalog
Visualisation des fils RSS produits par les Web Services
La syndication dans le système BiDiShops
Le site cherbourg-maquettes.com ; accéder au site.

Lutter contre le spam dans les forums de SPIP

Bertrand Degoy — 2010-01-17T09:25:00Z

De très nombreux robots spammeurs tentent d'écrire des messages dans les forums attachés aux articles. Un site est d'autant plus exposé qu'il bénéficie d'un bon référencement sur les moteurs de recherche. Cet article explique comment se débarasser du spam.

Le problème

Il ne me semble pas que le spam dans les forums puisse faire courir un risque de sécurité. Je pense que le but des spammeurs est de se faire de la publicité, ou plus simplement de faire monter le référencement de leurs sites grâce à une pluie de liens.

Les messages de spam dans les forums sont gênants dans la mesure où :
ils envahissent l'espace de dialogue et submergent les vrais messages ;
ils provoquent l'envoi de messages indésirables à travers les flux RSS ; submergé de spam, l'abonné risque d'effacer le flux RSS de son lecteur de news ;
et puis : cela ne fait pas très pro !

Une première approche : le Captcha

Je ne vais pas décrire ici ce qu'est le Captcha. Le Web en est plein.

J'ai amélioré le plugin captcha2 de SPIP pour que le cryptogramme à recopier soit quelque peu brouillé.

Cela a bien réduit le spam. Mais je dois avouer qu'un robot spameur, après quelques jours, est passé à travers comme si de rien n'était. Voilà confirmé ce que tout un chacun peut lire sur les forums : le Captcha, ce n'est pas la panacée.

Une deuxième approche : Bad Behavior

J'avais déjà utilisé Bad Behavior sur mes plateformes de blogs fondées sur LifeType et j'en suis très satisfait : je n'ai jamais vu un spam sur les blogs qu'elles hébergent (septembre 2009 : je viens d'être attaqué en masse sur un de mes blogs ! il s'agit toujours du même spammeur que celui que je mentionne plus loin).

Bad Behavior comportait de nombreuses implémentations pour différents blogs ou CMS, mais pas pour SPIP. J'ai donc développé un plugin SPIP. Celui-ci est encore en version béta et en cours de test sur ce site. Déjà, j'ai pu constater qu'il bloquait des centaines de tentatives chaque jour. Voilà qui est prometteur.

Bad Behavior offre d'ailleurs des fonctionnalités dépassant l'anti-spam, en bloquant différents types de comportement douteux.

Premières observations :
en 48h, Bad Behavior a bloqué 3050 attaques sur bidiweb.com, dont 650 étaient des tentatives d'écriture dans les forums.
mais le 3° jour, le robot anonyme qui réussit à passer le Captcha réussit aussi à passer Bad Behavior !

Quelques tests supplémentaires pour Bad Behavior

Je pense que le problème avec Bad Behavior est que le code est publié. Les spammeurs peuvent donc facilement trouver le moyen de se conformer aux tests. Donc, j'ai rajouté des tests, compte tenu de ce que j'ai vu passer, mais je ne vais pas dire de quoi il s'agit pour des raisons évidente de sécurité !

Après 6 jours de fonctionnement, je constate que plus aucun spam ne passe. 2920 attaques sur les formulaires ont été bloquées.

Déception !

Après quelques mois, il s'avère qu'il y a encore un spammeur qui passe, dont les textes sont illisibles, sans doutes codés avec un jeu de caractère asiatiques ?

Il y a donc encore du travail à faire !

Conclusion (provisoire)

Si Bad Behaviour s'avère suffisamment efficace, pourquoi utiliser le Captcha ?

Le Captcha, c'est beau, çà fait pro, çà apporte une illusion de protection (pour cette raison un client pourrait l'exiger pour le site qu'on lui développe), mais cela réduit l'accesibilité par les personnes ayant des problème de vue.

Sur ce sujet, voir : Inaccessibility of CAPTCHA

En somme : le Captcha peut encore faire illusion quelques temps, mais il va falloir très vite faire preuve d'une maîtrise supérieure de la question du spam.

A suivre ...

Septembre 2009 : je ne peux toujours pas affirmer que j'ai réussi à bloquer le spam. Le Captcha fonctionne, Bad Behavior aussi (mais c'est surtout efficace pour empêcher les intrusions), mais j'ai complété les défenses avec le plugin No-Spam de Cédric Morin, que j'ai complété avec d'autres tests, et notamment une liste d'insanités interdites.

Je sais que le Captcha, c'est pas bien. Mais ni Bad behavior ni No-Spam ne suffisent à eux seuls. Les trois techniques sont complémentaires, et maintenant ... plus rien ne passe (au moins jusqu'au prochain bide !)

En résumé :
Utilisez le Captcha si vous n'avez pas de remords envers les mal-voyants ;
Bad Behavior, c'est plutôt contre les intrusions ; cela peut bloquer certains robots, mais ce n'est pas totalement efficace contre le spam ;
No-Spam c'est très bien fait mais il y a un seuil de tolérance, donc des trous dans la raquette.

Il faudrait compléter No-Spam avec :
une condition sur le délai de rédaction : on n'écrit pas un message en moins de 30 secondes, ce sont les robots qui font cela ;
une détection des insanités (j'ai fait un prototype) ;
une configuration des paramètres (facile avec CFG) ;
une détection de la cohérence des langues et des polices de caractères en fonction des langues du site (pour ne pas afficher des messages incompréhensibles, qui contiennent peut-être des insanités).

A suivre donc ...

Une plateforme de blogs liée à un site SPIP

Bertrand Degoy — 2007-12-18T17:08:49Z

La plateforme de blogs LifeType permet de construire une ferme de blogs aux caractéristiques professionnelles.

Usuellement, chaque visiteur a la possibilité de s'inscrire et de démarrer un nouveau blog.

Dans le développement que nous avons réalisé pour l'Institut pour l'Emploi, nous avons lié la plateforme à un site SPIP, de telle sorte que seuls les visiteurs ayant un statut leur ouvrant l'accès à l'interface privé du site SPIP (comme membre, rédacteur ou administrateur) sont propriétaires d'un blog à leur nom, créé automatiquement, et qu'ils administrent avec les même logins et mots de passe.

Voyez expert-consultant.com.

L'application osCDataViewer pour osCommerce

Bertrand Degoy — 2007-12-17T10:37:00Z

Destinée à être utilisée par un commerçant gérant une boutique Internet fondée sur le modèle de données d'osCommerce, osCDataViewer est une application Windows Forms que nous avons développée pour visualiser et mettre à jour rapidement les données du catalogue. Lorsque nous aurons terminé son développement, elle remplacera intégralement l'interface d'administration.

Objectif

L'objectif d'osCDataViewer est d'offrir un interface d'administration d'une base de données compatible osCommerce, avec pour ambition d'être ergonomique, rapide et de présenter des possibilités étendues de création et d'édition du catalogue.

osCDataViewer offre ou offrira les services suivants :
recherche multicritères et visualisation rapide des articles du catalogue ;
modification rapide des prix de vente et des quantités en stock ;
création rapide de nouvelle page à partir de modèles pré-établis ;
gestion facilité des options des produits.

Politique de distribution

Dans la phase de développement, l'utilisation d'osCDataViewer est gratuite. Il est simplement demandé aux utilisateurs d'utiliser le forum (lien "Répondre à cet article") pour faire part de leur expérience, de leurs suggestions et pour signaler les erreurs.

Par la suite :
il existera toujours une version gratuite ;
l'utilisation d'osCDataViewer (version complète) sera gratuite pour les détenteurs d'une boutique BiDiShops et payante sur abonnement pour les autres utilisateurs.

Pré-requis

Accès à une base de données MySQL compatible osCommerce (a priori MS2.2, je n'ai pas essayé avec d'autres versions) ;
Connexion Internet (500 Kb/s au minimum) ;
Système d'exploitation Windows récent (2000 Pro SP4, XP Sp2, Vista etc.) ; la version du composant MDAC doit être supérieure à 2.6.
Microsoft Internet explorer, Microsoft Outlook etc. (L'utilisation d'un explorateur tiers ne permet pas de lancer l'application convenablement) ;
Microsoft .Net Framework 2.0 (sera installé automatiquement par ClickOnce si nécessaire).
Windows Installer 3.1 (sera installé automatiquement par ClickOnce si nécessaire).

Installation

osCDataViewer ne s'installe pas. Utilisant la technologie Microsoft ClickOnce, oscDataViewer se télécharge sur la machine de l'utilisateur et se tient à jour automatiquemment. Il suffit pour cela de cliquer sur ce lien à partir d'un navigateur Internet explorer pour procéder au premier téléchargement de l'application. Dans la page qui s'ouvrira, cliquer sur le bouton Exécuter.

Attention : il est nécessaire d'utiliser Internet Explorer pour lancer l'installation. De plus, Internet Explorer doit être le navigateur par défaut. Nota : Les habitués auront remarqué qu'il n'est plus nécessaire d'installer indépendamment Le data provider de MySQL. Il est maintenant installé par ClickOnce.

Notes sur l'installation :
Des fenêtres peuvent apparaître après l'appui de Exécuter. Si une fenêtre "Téléchargement de fichier" apparait, cliquez sur "Ouvrir", pas sur "Enregistrer".
Après l'appui du bouton Exécuter, ClickOnce a beaucoup de travail à faire. Notamment, il se peut que le .Net Framework doive être installé si votre machine n'est pas équipée de la version voulue.
ClickOnce marque parfois des poses sans faire apparaître le sablier : ne vous impatientez pas, c'est parfois long. Je préfère ne pas vous donner mon avis sur ClickOnce, ce pourrait être très impoli. Il aurait été plus exact d'appeler cela ClickManyTimes.

Utilisation

Connexion à la base de données. Lors de la première installation, une fenêtre de dialogue apparaît permettant d'entrer les paramètres nécessaires à la connexion à la base de données osCommerce. Ces paramètres sont enregistrés sur la machine locale dans l'espace de l'utilisateur. Les lancements ultérieurs se feront directement avec ces paramètres. Ils peuvent être modifiés à partir de l'entrée de menu Connexion.

Lors du premier lancement, les zones Catégories, Marque et Description sont vierges. L'appui du bouton Recherche provoque l'affichage de tous les articles du catalogue (ou de 1000 articles au maximum). Par la suite, remplissez ces zones pour effectuer une recherche. Les boutons < x > servent respectivement à aligner les catégories sur la marque sélectionnée, à réinitialiser les listes et à aligner les marques sur la catégorie sélectionnée.

La sélection d'une ligne provoque l'affichage de la page de détail de l'article.

Dans l'état actuel du développement, il n'est possible de modifier que les prix et les quantités. Mais c'est déjà une énorme économie de temps, quand il faut remettre à jour tous les prix du catalogue ou faire un inventaire. Pour cela :
cliquer (une fois pour sélectionner la case, une deuxième fois pour passer en mode édition) sur les valeurs à modifier pour les sélectionner en mode édition ;
éditer le champ ; pour un prix, bien utiliser une virgule et non un point comme délimiteur décimal ;
Terminer l'édition en cliquant en dehors de la ligne.

Notez que les prix sont affichés (et doivent être introduits) avec une TVA de 19,6%. Dans une version ultérieure, il sera possible de travailler avec des prix HT ou une TVA différente.

Avertissement : Ce logiciel est en cours de développement. Il est mis à disposition en l'état, sans aucune garantie quant à son fonctionnement. L'auteur décline donc toute responsabilité en cas d'emploi sur une boutique réelle. L'utilisateur déclare n'exercer aucun recours à l'encontre de l'auteur ou de ses ayants-droits, en aucune circonstance découlant directement ou indirectement de l'utilisation de ce logiciel.

osCDataViewer reste en toutes circonstances la propriété de l'auteur. Il est autorisé de télécharger et d'installer une copie unque du logiciel en suivant la procédure décrite précédemment. Tout autre mode de distribution ou d'utilisation constituerait une atteinte aux droits de l'auteur. L'utilisation de logiciel n'est constitutive d'aucun droit.

Au sujet d'osDataViewer :
Télécharger et installer osCDataViewer. Avez-vous lu le paragraphe Installation ?
Introduction aux fonctions d'osCDataViewer (en cours de développement).

Merci d'utiliser osCDataViewer et de faire part de vos avis en cliquant sur le lien "Répondre à cet article".

osCommerce est une marque déposée du osCommerce project.

Un modèle pour incorporer Microsoft Media Player dans SPIP

Bertrand Degoy — 2007-11-05T21:10:48Z


Much News: Cliquez sur cette icône pour voir la vidéo dans votre player favori.

Pour présenter une vidéo dans une page SPIP, c'est très facile, grâce au plugin Multimedia développé par DnC et fondé sur Microsoft Media Player.

Bien entendu, il faut commencer par ajouter le document vidéo à la page en le téléchargeant selon le processus habituel. Puis il suffit d'écrire :

Les fichiers acceptés sont des types suivants :
Windows Media (.asf, .asx, .wax, .wma, .wmv, .wvx, .wmp, .wmx)
Audio Visual Interleave (.avi)
Moving Pictures Experts Group (.mpg, .mpeg, .m1v, .mp2, .mp3, .mpa, .mpe, .mpv2, .m3u)
Musical Instrument Digital Interface (.mid, .midi, .rmi)
Ressource Macintosh AIFF (.aif, .aifc, .aiff)
Sun Microsystems et NeXT (.au, .snd)
Audio pour Windows (.wav)
Piste de CD audio (.cda)
Technologie Intel Video (.ivf)
Apparences du Lecteur Windows Media (.wmz, .wms)
ACELP (Algebraic-Code-Excited Linear Prediction)
Contenu QuickTime (.mov, .qt)

Voici des exemples de différents formats :

Audio Visual Interleave (.avi)

Fichier Windows Media avec audio et/ou vidéo (.wmv)

Contenu QuickTime (.mov, .qt)

Mise en oeuvre du plugin Multimedia WMP

Le plugin active le modèle doc|wmp. Ce modèle insère un ActiveX Microsoft Media Player.

On peut passer les paramètres de configuration suivants :

width= pixels height= pixels autostart= 0 ou 1 showcontrols= 0 ou 1

Exemple sans les boutons du player :

Avec les boutons et lancement manuel :

Du point de vue des styles de présentation (CSS), l'objet fait partie d'un bloc appartenant aux classes document_#ID_DOCUMENT et spip_document (les paramètres |left, |center et |right sont gérés par cette dernière). De plus, un span de classe multimedia_wmp est appliqué au contenu du bloc.

Des graphiques pour SPIP

Bertrand Degoy — 2007-10-27T06:28:34Z

SPIP est le fameux système français de gestion de contenu pour Internet (CMS). SPIP offre la possibilité d'étendre ses fonctionnalités au moyen de "plugins" et de "modèles". Pour nos clients, nous avons créé le plugin "graphiques" et un jeu de modèles permettant de construire des graphiques Phplot de façon très immédiate. Les données sont fournies dans un document ajouté à l'article dans lequel doit apparaître le graphique.

Voici un exemple de graphique de valeurs hebdomadaires sur trois ans :

Les données sont fournies par un document qui est formé de la façon suivante :
la première ligne est le titre,
les lignes suivantes sont formées d'un label (facultatif), d'une tabulation et de la valeur.

Le contenu du fichier peut être visualisé en cliquant sur l'icône en bas de la page.

Le document est ajouté à l'article (dans cet exemple il a pour nom doc15).

Le graphique est appellé à l'aide du modèle doc|lines. Dans cet exemple, cela donne :

 |DataType=text-data
 |ymin=100|ymax=150
 |xmin=0|xmax=156>

Les paramètres |left, |center et |right s'appliquent de la façon usuelle pour positionner le graphique dans la page.

Voici maintenant un exemple de double histogramme :

Le contenu du fichier peut être visualisé en cliquant sur l'icône.

Le document est ajouté à l'article (dans cet exemple il a pour nom doc14).

Le graphique est appellé à l'aide du modèle doc|graphe. Dans cet exemple, cela donne :

 |xmin=0|xmax=8
 |ymin=0|ymax=50>

Développements ultérieurs : Nous prévoyons de développer, au fur et à mesure des besoins :
des modèles pour différents types de graphiques (aujourd'hui nous avons développé les modèles doc|lines et doc|bars).
la liaison automatique du graphe à une base de données, à travers un webservice et une requête SQL, afin d'afficher des données à jour en permanence.

922. Utiliser tel quel le fil RSS produit par ShopCatalog

Bertrand Degoy — 2007-03-24T17:58:40Z

Pour afficher directement le fil RSS produit par ShopCatalog, il faut savoir que ce fil comporte en tête les deux liens suivants :

La feuille de style news.css et le fichier de transformation XSLT news.xsl doivent se trouver dans le même répertoire que la page appelant le Web Service.

Un seul style est mentionné dans le fil RSS produit par le Web Service ShopCatalog. Il s'agit de rss_item_img affecté au tag de l'image éventuellement insérée dans la description du produit. Les autres styles seront définis par le client dans le fichier news.xsl.

(à développer)

Ensuite :

Ecrire un script PHP pour présenter un flux RSS dans SPIP

En savoir plus :
Afficher un flux RSS dans une page aspx avec Visual Basic .Net
Visualisation des fils RSS produits par les Web Services
Description des opérations du Web Service ShopCatalog
La syndication dans le système BiDiShops
Le site cherbourg-maquettes.com
Un système de vente fondé sur osCommerce
osCommerce

928. Afficher un flux RSS dans une page aspx avec Visual Basic .Net

Bertrand Degoy — 2007-03-24T17:01:15Z

L'appel d'un Web Service dans du code Asp .Net est un processus d'une certaine complexité, mais qui permet des applications d'une grande richesse. Le travail nécessaire à une première implémentation trouve sa justification dans des projets ambitieux. Quitter le monde LAMP pour celui de Microsoft est également une option qui doit être mûrement réfléchie, notamment parce qu'il faut une plateforme de développement et d'hébergement particulière. Notons toutefois que le processus décrit peut aisément être transposé dans le monde LAMP ou JAVA par un développeur averti. En effet, le Web Service, par principe, ne fait aucune hypothèse sur la nature du client.

Notons que dans cet exemple, c'est la version étendue du Web Service ExShopCatalog qui est mise en oeuvre, dont la plus grande richesse justifie (ou nécesssite ?) l'effort de programmation proposé ici.

La création de la classe proxy de ExShopCatalog

Heureusement, la classe proxy peut être générée automatiquement avec Wsdl.exe à partir de la description WSDL du Web Service. Pour ma part, je ne procède jamais autrement et je ne vois pas ce qui pourrait nécessiter de se lancer dans le fastidieux travail d'une écriture manuelle de cette classe. L'utilitaire wsdl.exe se trouve dans le SDK de Visual Studio. Il est installé par défaut dans le répertoire suivant :

C :\Program Files\Microsoft Visual Studio 8\SDK\v2.0\Bin\

Pour créer la classe proxy, il faut lancer la commande :

Wsdl.exe /language:VB

http://rss.bidiweb.com/proto/ExShop...

Le résultat sera inscrit dans le même répertoire. Il est possible d'en télécharger une version attachée à cet article, pas forçément parfaitement à jour des dernières évolution du WebService (vous êtes ici sur les exemples du mode d'emploi du Web Service ShopCatalog, pas sur la distribution).

La consommation du Web Service ExShopCatalog à l'aide de sa classe proxy

Un bon exemple valant mieux qu'un long discours, tout le code de l'application de test technique du Web Service ExShopCatalog est joint à cet article et peut être téléchargé. Voici cependant l'essentiel du code servant à appeler le Web Service pour tester l'accès à la base de données :

Protected Sub Submit1_Click(ByVal sender As Object, ByVal e As System.EventArgs)
 ' Tester la connexion à la base de données.
 Dim ConnectionString As String
 ConnectionString = "DRIVER=MySQL ODBC 3.51 Driver;SERVER=" & TextBox1.Text & ";UID=" & TextBox3.Text & ";DATABASE=" & TextBox2.Text & ";PASSWORD=" & TextBox4.Text & ";"
 ' Créer une classe proxy. Voir /App_Code/proxy.txt
 Dim proxy As New pExShopCatalog
 Dim result As String = "No answer or error"
 Try
 result = proxy.TestDataBaseAccess(ConnectionString)
 Catch ex As Exception
 result = "Error at proxy level: " & ex.Message
 Finally
 If result = "" Then
 Answer.Text = "No answer or unknown error"
 Else
 Answer.Text = result
 End If
 
 End Try
 End Sub

Ensuite :

Intégration d'une boutique dans un site : différentes approches

En savoir plus :
Ecrire un script PHP pour présenter un flux RSS dans SPIP
Visualisation des fils RSS produits par les Web Services
Description des opérations du Web Service ShopCatalog
La syndication dans le système BiDiShops
Le site cherbourg-maquettes.com
Un système de vente fondé sur osCommerce
osCommerce