Vous êtes sur la page 1sur 9

RAPPORT DE STAGE

Du 25/01/2016 au 18/03/2016

RAPPORT DE STAGE Du 25/01/2016 au 18/03/2016 Maître de stage : M. Jean-Michel Gely BTS SIO

Maître de stage : M. Jean-Michel Gely

au 18/03/2016 Maître de stage : M. Jean-Michel Gely BTS SIO 2 Année 2015/2016 Olivier Abran

BTS SIO 2 Année 2015/2016

Olivier Abran

Page 1

BTS SIO 2nde Année option SLAM

Sommaire I/Présentation de l’entreprise

3

A)

Qu’est-ce que la Diagonale du Fou ?

3

B)

Plan daccès et contacts

3

C)

Activités de l’entreprise

4

D)

Les partenaires de l’entreprise

4

II/L’informatique dans l’entreprise

5

A)

Le matériel

5

B)

Les logiciels

5

C)

Internet dans l’entreprise

5

D)

Les bases de données de l’entreprise

5

III/Le projet

6

A) Cahier des charges et existant

6

B) PrestaShop

6

C) Difficultés rencontrées et solutions apportées

7

IV/Conclusion

8

V/Remerciements

9

Olivier Abran

Page 2

BTS SIO 2nde Année option SLAM

I/Présentation de l’entreprise

A) Qu’est-ce que la Diagonale du Fou ?

La SARL l’Antre du jeu est un magasin de jeux et jouets spécialisé dans les jeux de cartes à jouer et les jeux de société. Cette entreprise est franchisée sous le nom de La Diagonale du Fou et a été fondée le 5 Décembre 2006, à Avignon(84) par M. Jean-Michel Gely, actuel gérant de l’affaire et mon tuteur durant ce stage.

gérant de l’affaire et mon tuteur durant ce stage. En dehors du gérant, le personnel du

En dehors du gérant, le personnel du magasin est constitué d’un vendeur, salarié à plein temps et accueille souvent des stagiaires.

B) Plan daccès et contacts

La Diagonale du Fou est située dans le Vaucluse, à l’intérieur des remparts d’Avignon, au 34 Rue Thiers.

La boutique est ouverte six jours sur sept selon les horaires suivants :

Lundi :

13:00 - 19:00

Mardi :

10:00-13h00 14h00-19:00

Mercredi : 10:00-13h00 14h00-19:00

Jeudi :

Vendredi : 10:00-13h00 14h00-19:00

10:00-13h00 14h00-19:00

Samedi :

10:00-13h00 14h00-19:00

Dimanche :

Fermé

Elle est joignable par téléphone au :

04.90.82.15.66,

et par mail à l’adresse :

, et par mail à l’adresse : avignon@la-diag.com . Olivier Abran Page 3 BTS SIO 2nde

Olivier Abran

Page 3

BTS SIO 2nde Année option SLAM

C) Activités de l’entreprise

La Diagonale du Fou, en plus de son activité principale, organise des soirées jeux tous les vendredi soirs, des initiations à certains jeux, ainsi que des tournois de cartes à jouer en fin de semaine. Ces événements se font souvent en collaboration avec les différents partenaires de l’entreprise.

D) Les partenaires de l’entreprise

En ce qui concerne les événements autour du jeu de société, la Diagonale du Fou est accompagnée par des associations de jeux d’Avignon, telles que l’A2JE et JeuxJubil Avignon, ainsi que de certains éditeurs du milieu comme Asmodée ou encore Blackrock Games. Ces derniers participent à ces événements en envoyant des animateurs, en prêtant des jeux ou en apportant nourriture et boissons. Pour ce qui est des tournois de cartes, le magasin est en relation avec les fabricants qui fournissent des récompenses spéciales pour les compétiteurs, en retour la Diagonale doit en organiser régulièrement et leur faire remonter les résultats.

Olivier Abran

Page 4

BTS SIO 2nde Année option SLAM

II/L’informatique dans l’entreprise

A)

Le matériel

La Diagonale du Fou est en possession de trois ordinateurs fixes tournant respectivement sous Windows XP, Windows 7 et Windows 10. Le premier (XP) n’est plus utilisé et a été remplacé par le troisième (10) en Février 2016. La Diagonale loue un serveur Linux chez OVH.

B)

Les logiciels

Cette entreprise dispose d’un logiciel de gestion des stocks sous Microsoft Access, d’Adobe Photoshop CS6 pour la réalisation d’affiches promotionnelles, du client ftp Filezilla pour accéder au serveur et du pack office pro. La base de données du site web fonctionne avec le couple MySQL-Apache.

C) Internet dans l’entreprise

Depuis Mars 2016, la Diagonale est bénéficiaire de la fibre optique avec un débit d’environ 100 Mo par seconde. Internet est le principal outil publicitaire de cette entreprise, de ce fait elle est présente sur Facebook et Twitter et depuis le 18 Mars 2016 elle a ouvert son site internet www.diag-avignon.fr .

D) Les bases de données de l’entreprise

Le logiciel de gestion des stocks utilise une base de données Microsoft Access et le site web est lié à une base de données MySQL 5.5.46, hébergée sur le serveur OVH et comptant 250 tables.

Olivier Abran

Page 5

BTS SIO 2nde Année option SLAM

III/Le projet

A)

Cahier des charges et existant

L’objectif principal de ce stage était d’améliorer et de terminer le site marchand, que le gérant du magasin avait commencé, en intégrant des solutions de paiement en ligne, en améliorant l’ergonomie du site et en réparant les bugs. N’ayant aucune expérience en développement informatique, le gérant a utilisé la solution open source PrestaShop et a acheté un thème tout fait. Par manque de temps, il a seulement pu créer les catégories de produits, créer une page d’informations sur le magasin et modifier le menu du site. De ce fait, j’avais pour base de départ un squelette de site pré-fait et une base de données déjà créée par PrestaShop. A quelques semaines de la fin du stage, le cahier des charges s’est enrichi avec l’ajout d’une importation de fiches de produits depuis un fichier Excel et une exportation des produits depuis le site web vers les boutiques en ligne EBay et Amazon de la Diagonale du Fou.

B)

PrestaShop

PrestaShop est une application web open source de gestion de contenu e-commerce ou SGC (CMS en anglais), sous licence Open Software 3.0, qui se veut simple d’utilisation et facile d’accès. Cette solution permet la création d’un site d’e-commerce avec une architecture Modèle-Vue-Contrôleur dans un environnement php-jQuery et utilise un moteur de template php : Smarty.

php-jQuery et utilise un moteur de template php : Smarty. Afin d’ être simple d’accès, PrestaShop

Afin d’être simple d’accès, PrestaShop sépare la partie visible du site (front-office) et la partie administrative (back-office) où l’on retrouve des fonctionnalités pour créer des produits, ou encore gérer des modules. Parmi ces fonctionnalités, PrestaShop dispose d’une interface “what you see is what you get(WYSIWYG), qui propose une interface de mise en forme similaire à celle d’un traitement de texte. Le but de cette interface est de créer des pages et avoir un aperçu du résultat sans avoir à taper une seule ligne de code. Pour ce qui est des fonctionnalités plus complexes, on trouve des modules à télécharger (gratuitement ou non) depuis le back-office ou le site de PrestaShop. Ces modules ne nécessitent souvent qu’une installation pour fonctionner et mettent à disposition de l’utilisateur un espace de configuration intuitif pour procéder à des modifications.

Olivier Abran

Page 6

BTS SIO 2nde Année option SLAM

C) Difficultés rencontrées et solutions apportées

Les modules PrestaShop sont relativement bien codés pour ce qui est du php et du jQuery, les principaux problèmes que j’ai rencontrés sont des problèmes liés au moteur de template qui utilise des accolades {} dans le html pour appeler ses variables et faire ses traitements. Les accolades {} entrent en conflit avec le php et quelques fonctions jQuery qui généraient des éléments. Pour régler la plupart de ces problèmes j’ai dû ajouter des fonctions jQuery dans le fichier header.tpl qui s’exécute à chaque début de page. Par exemple des liens ouvrant des iframes n’étaient plus complets et j’ai dû les rajouter avec le code suivant :

$(window).load(function(){

if(window.location.href != "http://www.diag-avignon.fr/index.php")

{

$('a.quick-view').each(function(){

$(this).attr("href",$(this).attr("href")+"&content_only=0");

}

});

En dehors de la réparation des bugs je me suis servi du jQuery pour déplacer certains éléments difficiles à retrouver parmi les centaines de fichiers de PrestaShop et rendre certains éléments dynamiques (responsive), comme par exemple le logo :

//Resize logo responsive $(document).ready(function(){ $(window).resize(function(){

$('.logo').css({"width":0.5*$('#header>div').width(),

"height":$('#nopad').height(), "max-height":100, "max-width":680});

$('.leo_logo').css({"width":0.5*$('#header>div').width(),

"height":$('#nopad').height(),"max-height":100, "max-width":680});

$('.leo_logo').parent().css({"width":0.5*$('#header>div').width(),

"height":$('#nopad').height(),"max-height":100, "max-width":680});

$('.logo').parent().css({"width":0.5*$('#header>div').width(),

"height":$('#nopad').height(), "max-height":100, "max-width":680});

if($(document).width()<768)

{

$('#header_right').css({"margin-top":"15"});

})

}

return false;

});

Côté php, la seule modification que j’ai eu à apporter est l’affichage des nouveaux produits dans la page d’accueil comme le montre le code suivant :

public function hookdisplayHome($params)

{

if (!isset(BlockNewProducts::$cache_new_products)) BlockNewProducts::$cache_new_products = $this->getNewProducts(); if (!$this->isCached('blocknewproducts_home.tpl', $this->getCacheId('blocknewproducts-

home')))

{

$this->smarty->assign(array( 'new_products' => BlockNewProducts::$cache_new_products, 'mediumSize' => Image::getSize(ImageType::getFormatedName('medium')), 'homeSize' => Image::getSize(ImageType::getFormatedName('home'))

}

));

Olivier Abran

Page 7

BTS SIO 2nde Année option SLAM

IV/Conclusion

Le site web est ligne depuis le Vendredi 18 Mars 2016. Mis à part quelques lenteurs, dues aux fonctions jQuery au chargement des pages, il est opérationnel, responsive et conforme aux lois en vigueurs concernant le e-commerce. Il reste encore quelques images, qui n’offrent pas un rendu de bonne qualité, à changer, mais n’ayant pas la fibre artistique, c’est l’employé qui s’en chargera sur Photoshop.

c’est l’employé qui s’en chargera sur Photoshop. Ce stage m’a donné l’occasion d’ apprendre le jQuery

Ce stage m’a donné l’occasion d’apprendre le jQuery et de me familiariser avec PrestaShop, qui est un outil important dans le domaine du e-commerce.

Olivier Abran

Page 8

BTS SIO 2nde Année option SLAM

V/Remerciements

Je tiens à remercier toutes les personnes ayant permis le succès de ce stage et tout particulièrement :

- mon maître de stage, M. Gely pour m’avoir accueilli dans son entreprise et m’avoir apporté un point de vue « commercial » sur mon travail,

-M. Clunet, l’employé de la Diagonale du Fou, pour sa bonne humeur du matin et pour avoir répondu à mes questions du mieux qu’il pouvait,

-les habitués du magasin, pour m’avoir permis d’améliorer ma concentration au milieu des cris, des fous rires et autres situations bruyantes.

Olivier Abran

Page 9

BTS SIO 2nde Année option SLAM