RAPPORT DE STAGE Terrasse Hugo 1/12
Sommaire Introduction Les CMS Présentation CMSMS CMS Made Simple Prestashop Les Travaux VAMO Moulin du Calanquet Le Responsive Design La Refonte graphique Le Reférencement Une problématique actuelle Son fonctionnement imprimerie plv.fr Conclusion 2/12
Introduction Lors du mois de Février et de Mars, moi et mon camarade Patrick Sabaté avons effectuer ensemble un stage en entreprise, le nom de celle ci est Easy. Easy, est un atelier de communication, une entreprise fondée en 2006 et basée à Saint Rémy de Provence. Très petite entreprise elle est composée de 2 salarié, Messieurs Erwan Le Seac h, directeur de l entreprise, et Jocelyn Goujon. La spécificité d'easy est de détenir en interne la compétence et la production des 6 métiers qui composent leurs offres : Sites Internet Son graphique Imprimerie Objets cadeaux Photos. La création des sites se font par le biais d'un CMS. Le CMS utilisé essentielement par l'entreprise est : CMS Made Simple. Made Simple est utilisé pour les sites vitrines, alors que Prestashop sera utilisé pour la création de site marchands A. Les CMS a. Présentation Un CMS (Content Management System ) est une famille de logiciels destinés à la conception et à la mise à jour dynamique de sites Web ou d'applications multimédia. Parmi les principales fonctionnalités qui leur sont communes, il faut en retenir une : ils permettent de séparer les opérations de gestion de la forme, de celles du contenu. Parmi les CMS les plus connus nous pouvons citer : Wordpress, Drupal, Jumla Les CMS sont des logiciels Open Source et modulable. Par modulable on entend que une grande partie des fonctionnalités d un CMS est liée au modules liée à celui ci. Un module est une extension non installé d origine et correspondant à une fonction unique que l utilisateur souhaite insérer dans son site. Les modules sont aussi une 3/12
source de revenue pour les développeurs du CMS, en effet certaines fonctions particulières ou bien spécifiques sont monnayés tels que certaines fonctions de payement en ligne ou des fonctionnalités liées à la gestion de factures dans le cas de site de e commerce. Pour installer un module il suffit soit de le télécharger sur le catalogue proposé par le logiciel, un fois télécharger l installation est automatique. Ou bien les développeurs peuvent installés leurs propres travail par l interface de gestion des modules. interface de gestion des modules. Pour notre part, nous allons nous intéresser à CMS Made Simple utilisé principalement pour les sites vitrines, ainsi que Prestashop utilisé lui pour les sites marchands, par la société Easy. b. CMSMS CMS Made Simple Développé depuis 2004 par une équipe basée un peu partout dans le monde, Cms Made Simple a toujours eu pour objectif de proposer un gestionnaire de 4/12
contenu sur une base légère, modulable et intuitive pour permettre à tous les utilisateurs de gérer seuls leur site. Principalement orienter pour la création de site catalogue c. Prestashop PrestaShop est le logiciel e commerce créer en 2007. PrestaShop a failiter la création de site d e commerce en fournissant des fonctionnalités qui plaisent aux internautes et augmentent les ventes en ligne des marchands. Au niveau du front office, les visiteurs d'une boutique peuvent avoir accès à différentes fonctionnalités comme les produits phares sur la page d'accueil, la possibilité d'offrir les frais de port, des méthodes de paiement multiples, le taggage des produits et les nuages de tag, etc. Au niveau du back office, le marchand peut avoir accès à différentes fonctionnalités qui lui permet de paramétrer au mieux sa boutique telles que l'ajout illimité de devises, des thèmes graphiques 100 % personnalisables, les prix dégressifs, etc. Il peut également suivre son activité avec des statistiques, le détail des commandes, la gestion de son catalogue, etc. Pendant notre stage, nous avons que très peu vue Prestashop, nous l avons principalement utilisé sur le site imprimerie plv.fr. 5/12
B. Les Travaux a. VAMO Notre premier travail c est effectuer sur le site de machines outils vamo.com. Celui ci devait migrer du serveur mutualisé au serveur dédié. De plus il était nécessaire de mettre a jour CMS Made Simple sur ce site datant de 2007. C est ce site qui nous a permis d apprendre le fonctionnement du CMS utilisé par l entreprise, CMS Made Simple. Ce site nous a principalement appris à utiliser ce CMS : la création de gabarits, mise en forme en HTML La géstion des feuilles de style pour le CSS Le menuing et la création de page Le smarty, surcouche de PHP Création et géstion d un catalogue Smarty est moteur de template pour le langage PHP. Conçut en 2001 c est un langage pensé pour les intégrateurs (éditeurs de texte) ne pouvant manier le PHP, celui ci agit en tant que sur couche du PHP. Bien que gardant de nombreux points de ce dernier, tel que la définition de variable par l usage du $, cependant il utilise les {} comme balise. Exemple : dans le cas ici présent le code smarty 6/12
b. Moulin du Calanquet Nous avons aussi travaillés sur moulinducalanquet.fr, un site vitrine présentant des produits provençaux et principalement à base d olive. Sur ce dernier nous avions plusieurs tâches à accomplir : Nous devions migrer le site d un serveur mutualisé au serveur dédié de l entreprise. mettre à jour CMS Made Simple. refonte graphique et modifications des feuilles de styles afin d adapter le site a un format responsive design. Nous allons commencer notre développement sur la problématique engendrer par le responsive design et par la suite nous mettrons en avant la refonte graphique faite au site internet. i. Le Responsive Design Le Responsive Design est un format qui s'adapte automatiquement à la taille de l écran du support utilisé (iphone, ordinateur, tablette). Cela est rendu possible par l utilisation de classe et l usage de fonctions spécifique en CSS3. Exemple : site web de la WWF http://3200tigres.wwf.fr/ (comme le site n étant pas encore en ligne nous nous excusons de ne pouvoir montrer celui ci) site web sur ordinateur sur smartphone avec un exemple du code CSS 7/12
ii. La Refonte graphique Ils nous été demandés de travailler sur une refonte graphique de ce site datant de 2008. La nouvelle charte graphique nous a été fournis par notre tuteur de stage. Afin de l adapter aux nouvelles technologies nous avons fait une architecture en HTML5 ainsi qu un ensemble de feuilles de style (CSS3). Ancien site avant la refonte graphique 8/12
Site après la refonte graphique 9/12
C. Le Reférencement a. Une problématique actuelle Le référencement est une problématique qui est apparu lors des années 2000. Les moteurs de recherche ont toujours exister. Mais lors de d'expansion du web, dès 1998, les premiers moteurs de recherche se révèlent être trop approximatif et incapable de remplir leurs fonctions. A ce moment Yahoo arrive et propose un système d indexation des sites, les annuaires. Ce système était non sans défaut. Yahoo étant le principal annuaire faisait payer le site afin que ceux ci puissent être indexé, de plus de forte connaissance était nécessaire afin d être le mieux référencer. Au final le meilleur moyen d être bien référencer sur les annuaires était de payer suffisamment Yahoo. 2001, est l année de l éclosion de Google. Cette compagnie crée en 1998 par Larry Page et Sergueï Brin propose un nouveaux moteur de recherche, Google. Celui ci propose de meilleurs garantis en terme de référencement, gratuit ( sauf pour les tags qui eux sont payant), ainsi que l usage d un algorithme qui fourni aux utilisateurs des résultats pertinents. Ces aspects permettrons à Google de détenir 98% des parts de marchés en 2003. Pour de nombreux sites, être bien placés dans les recherches des internautes, est crucial, puisque c est la présence dans les 30 premières réponses qui vont augmenter le nombres de click nécessaires au fonctionnement des sites. b. Son fonctionnement Le but de n importes quels marketeur du web est de posséder un page rank suffisant pour être dans la partie haute des résultats rendu par Google. le page rank correspond a une valeur sur dix, base logarithmique, de la pertinence d une page et de son référencement. Mais comment peux t on optimiser son référencement afin d être visible dans cet océan qu est internet? Celui ci s oriente autour de deux axes principaux l architecture interne du site et la sémantique de celui ci. Ce sont ces points que je vais détailler. Optimisations Internes (propre a l'architecture du site en html) Utilisation des balises <meta> description. Le format de l url joue aussi, les moteurs on tendance a préférer une url sans caractère spéciaux sauf pour le tiret ( ) et le slash (/). 10/12
Usage des balise <b> et <strong> pour indiquer les mots clés important dans votre texte. Le titre de la page dans les balise <titre>. Optimisations sémantiques ( relatif au texte de vos pages) La qualité du contenue, est l un des points important du référencement. Plus votre contenue est pertinent plus il sera facilement référencer. De plus sa popularité permettra d augmenter le référencement global de votre site. Afin d améliorer la pertinence de vos pages, Google recommande de spécialiser celles ci à une par thématique Et pour finir la mise en forme de votre texte et sa position, car il est préférable de mettre les informations les plus important dans le première parti du texte Autres Optimisations Ces points n ont qu un incident mineur sur votre rank mais ils sont néanmoins à prendre en compte l ancienneté du nom de domaine le type du nom de domaine (.gov,.org,.edu) principalement ceux pour les site institutionnel sont privilégié par Google. c. imprimerie plv.fr Pour notre travail sur imprimerie plv.fr nous avons écrit la description de chaque catégorie de produit avec les mots clés souhaiter par notre tuteur de stage. Ce travail était orienter autour d une optimisation interne. 11/12
Conclusion En définitive ce stage a été une bonne expérience. Il m a permis de découvrir de nouveaux outils dans la conception de site internet ainsi que les problématiques liées au référencement. De plus il m a permis d observer une petite entreprise et ses difficultés au quotidien. J aurai cependant un défaut a remarqué c est celui du manque d organisation de l entreprise. en effet lors de nos travaux nous nous sommes rendus compte que les demandes ne faisait que augmenter sans que celle ci ne soit réellement défini. Cela est due à l absence de cahiers des charges et d un rigueur au sein de l entreprise. Néanmoins je remercie M. LeSeac h et M.Goujon pour leurs compagnies et leurs expériences qui nous ont aidés durant ce stage. 12/12