Pour cette partie nous utiliserons uniquement le CMS (Content Management System) Joomla avec son composant e-commerce VirtueMart. Sachez qu’il existe d’autres solutions comme Prestashop, OsCommerce , Magento ,…
Nous voici donc arriver à l’étape la plus importante ou du moins la plus concrète, la conception du site internet. Nous ne ferons pas de distinction entre une conception ou une refonte, dans le second cas cela nous a juste permis de nous préparer un peu mieux à cette partie.
Pour créer un site internet il existe plusieurs possibilités à commencer par faire appel à un prestataire externe. Il en existe un grand nombre que l’on appel « web agency » mais depuis le mois de janvier 2009 et la mise en place du statut d’auto-entrepreneur on voit apparaitre de nouveaux concurrents qui sont généralement des passionnés qui créent des sites en complément d’un travail ou d’une activité. Cette solution du prestataire externe est encore à l’heure actuelle majoritairement choisie notamment pour les entreprises qui n’ont pas une activité très développée sur Internet.
Il est cependant possible de tout faire en interne, mais cela demande du temps et des ressources humaines disponibles. La aussi plusieurs choix s’offrent à nous. Avec un développeur pour créer entièrement le site en ASP, PHP etc… ou bien avec un CMS comme Joomla qui demande un minimum de connaissance en développement web. Il faut savoir que ces deux solutions sont aussi proposées par les prestataires externes et que ce choix doit se faire en fonction de la stratégie web de l’entreprise.
L’avantage principal d’un CMS c’est que l’on peut arriver à des sites vraiment très complets et attractifs avec un minimum de connaissances, de temps et de budgets. Ces CMS sont gratuits et accompagné généralement d’une communauté d’entre-aide très efficace. Les principaux CMS sont Joomla , WordPress , SPIP et Drupal (il en existe beaucoup d’autres). WordPress est axé principalement sur les blogs et bien qu’il soit de plus en plus abouti et performant, un site de e-commerce sera plus simple à faire sous Joomla. Nous utiliserons donc Joomla pour cette partie conception.
Section 1 : Démarrer la conception
Avant de se lancer dans la réalisation du site il faut effectuer certaines démarches. Tout d’abord il faut un nom de domaine. Celui-ci correspond à l’adresse par laquelle on accède au site (finissant généralement par .fr .com ou encore .info). Ce nom de domaine est important pour le référencement mais aussi pour les clients. Ces noms de domaines gérés par une organisation internationale (ICANN : Internet Corporation for Assigned Names and Numbers) prennent la forme d’un abonnement annuel et varient selon l’extension et l’intermédiaire (OVH, domaine.fr, gandi.net…). Le choix du nom de domaine est donc important pour l’image de marque du site et peut même favoriser le référencement dans certains cas.
L’hébergement correspond au serveur sur lequel sera disponible le site internet. Il est possible d’avoir son propre serveur mais généralement il est plus rentable de passer par un prestataire externe comme OVH .
Le client FTP est le logiciel qui permet d’accéder au serveur d’un site. La mise en ligne ou les modifications du site passent par ce logiciel. Les plus connus sont FileZilla (Gratuit) et FTPexpert (Payant).
Le serveur local, avant de mettre un site en ligne (ou en production) mieux vaut commencer la conception en local (sur son ordinateur). Cela permet un gain de temps considérable pour effectuer la majorité des modifications. Pour cela il faut un petit logiciel qui s’appel WAMP SERVER et qui permet de simuler un serveur directement sur un ordinateur. Pour effectuer la mise en ligne il suffit ensuite de changer quelques informations et de transférer le site sur le serveur web. Ce travail en local ne doit pas prendre trop d’importance, sinon le transfert n’en sera que plus difficile et instable.
L’éditeur de code source permet de modifier facilement les différents fichiers de Joomla ou en générale tous les formats de langages (HTML, PHP, CSS…). Il existe un éditeur de code source très léger et pratique qui se nomme NOTEPADD++ .
Section 2 : Joomla
Pour commencer, qu’est ce que Joomla et quels sont les avantages de son utilisation ?
Joomla est un CMS (Content Management System) Open Source et gratuit. C’est un vrai logiciel professionnel récompensé à plusieurs reprises et très certainement le CMS le plus téléchargé sur le Web ce qui a permis par la même occasion de voir grandir une communauté très importante d’entres-aides. Chaque année une « JoomlaDay » est même organisée pour réunir tous les professionnels utilisant ce CMS et pour définir les prochaines orientations de celui-ci.
Pour faire au plus simple, c’est une structure de site qui permet de rajouter différents éléments et de les personnaliser facilement. Il n’est pas nécessaire d’avoir des connaissances en HTML, mais pour personnaliser correctement son site sous Joomla il faut tout de même quelques connaissances basiques. A ce sujet il existe un dossier complet sur le HTML sur siteduzero.com qui est vraiment très bien fait.
Il faut savoir aussi que Joomla gère les pages dynamiquement, c’est-à-dire que le texte est stocké dans une base de données et non pas en « dur » comme dans le cas du HTML. Ce point est primordial puisqu’il change totalement la logique de conception. En effet, on ne créée plus un document par page mais un document par type de page. Dans l’exemple d’une boutique en ligne il n’y aura qu’un seul document .PHP pour toutes les fiches articles qui se servira des variables pour afficher les renseignements dans la page.
Ces variables sont sous la forme : <?php echo $nom_article ?> Cela peut paraitre complexe mais c’est en fait assez simple, ici la variable affichera dans la page le nom de l’article en cours.
La partie la plus complexe reste la création de la structure du site sous Joomla. Pour cela il est recommandé de travailler à partir de templates qui peuvent être gratuits ou payants mais qui serviront de base pour définir la structure du site. Joomla fonctionne avec des positions de modules, c’est-à-dire qu’un site sous Joomla comporte plusieurs éléments pouvant être placés à différents endroits. Chaque élément affichera des informations différentes et permettra une modification aisée.
La Backoffice (espace administration du site) est surement l’avantage principal d’un CMS comme Joomla. En effet, une fois le site créé personnalisé et correctement paramétré, la gestion de celui-ci est aussi simple que pour un blog. La rédaction des pages se fait avec l’aide d’un éditeur de texte proche de Word et les différents menus peuvent être facilement modifiés.
Mais la force principale de Joomla reste ses extensions qui permettent en quelques clics d’installer des fonctionnalités avancées sur son site. VirtueMart fait parti des extensions phares de Joomla.
Section 3 : VirtueMart
VirtueMart est une des nombreuses extensions de Joomla (Plus de 3000 disponibles sur le site officiel ) et surement une des plus populaires et abouties. Elle permet de transformer un site sous Joomla en véritable boutique en ligne. L’avantage principal est donc d’intégrer parfaitement une boutique à son site, chose que ne peuvent pas faire certains concurrents comme OsCommerce ou Prestashop qui sont tournés principalement sur la boutique en ligne.
Créer une boutique en ligne standard avec Virtuemart ne demande pas de compétences techniques particulières. L’installation du composant s’effectue grâce à l’utilitaire d’installation situé dans l’interface d’administration de Joomla.
Fonctionnant sous le même principe que Joomla, avec des pages générées dynamiquement, il est possible de personnaliser entièrement les pages et le design (pour l’adapter à celui de son site). Un grand nombre d’extensions sont aussi disponibles pour VirtueMart, pour animer la boutique, gérer le paiement en ligne, les différentes monnaies ou encore les comptes clients.
L’ajout de produits et la définition de l’architecture de la boutique en ligne est simplifié au maximum avec une interface intuitive et permettant de donner différents renseignements (tailles, poids, prix des produits…).
En couplant Joomla et Virtuemart il est donc possible d’avoir un site internet rivalisant avec certaines solutions proposées par les professionnels du web.
Pour concevoir correctement de A à Z une boutique en ligne je conseille le livre « Joomla et VirtueMart – Réussir sa boutique en ligne » aux éditions EYROLLES. Et en cas de problèmes les forums de Joomla.
Pour moi, cette phase de conception de la maquette fonctionnelle est surement la plus enrichissante mais aussi la plus longue à mettre en place. Il est important de faire des sauvegardes régulières de son travail, que le site soit en local ou en production, une erreur est vite arrivée et peut mettre à mal de nombreux jours de travail.
Section 2 : Joomla
Pour commencer, qu’est ce que Joomla et quels sont les avantages de son utilisation ?
Joomla est un CMS (Content Management System) Open Source et gratuit. C’est un vrai logiciel professionnel récompensé à plusieurs reprises et très certainement le CMS le plus téléchargé sur le Web ce qui a permis par la même occasion de voir grandir une communauté très importante d’entres-aides. Chaque année une « JoomlaDay » est même organisée pour réunir tous les professionnels utilisant ce CMS et pour définir les prochaines orientations de celui-ci.
Pour faire au plus simple, c’est une structure de site qui permet de rajouter différents éléments et de les personnaliser facilement. Il n’est pas nécessaire d’avoir des connaissances en HTML, mais pour personnaliser correctement son site sous Joomla il faut tout de même quelques connaissances basiques. A ce sujet il existe un dossier complet sur le HTML sur siteduzero.com qui est vraiment très bien fait.
Il faut savoir aussi que Joomla gère les pages dynamiquement, c’est-à-dire que le texte est stocké dans une base de données et non pas en « dur » comme dans le cas du HTML. Ce point est primordial puisqu’il change totalement la logique de conception. En effet, on ne créée plus un document par page mais un document par type de page. Dans l’exemple d’une boutique en ligne il n’y aura qu’un seul document .PHP pour toutes les fiches articles qui se servira des variables pour afficher les renseignements dans la page.
Ces variables sont sous la forme : <?php echo $nom_article ?> Cela peut paraitre complexe mais c’est en fait assez simple, ici la variable affichera dans la page le nom de l’article en cours.
La partie la plus complexe reste la création de la structure du site sous Joomla. Pour cela il est recommandé de travailler à partir de templates qui peuvent être gratuits ou payants mais qui serviront de base pour définir la structure du site. Joomla fonctionne avec des positions de modules, c’est-à-dire qu’un site sous Joomla comporte plusieurs éléments pouvant être placés à différents endroits. Chaque élément affichera des informations différentes et permettra une modification aisée.
La Backoffice (espace administration du site) est surement l’avantage principal d’un CMS comme Joomla. En effet, une fois le site créé personnalisé et correctement paramétré, la gestion de celui-ci est aussi simple que pour un blog. La rédaction des pages se fait avec l’aide d’un éditeur de texte proche de Word et les différents menus peuvent être facilement modifiés.
Mais la force principale de Joomla reste ses extensions qui permettent en quelques clics d’installer des fonctionnalités avancées sur son site. VirtueMart fait parti des extensions phares de Joomla.
