RAPPORT DE STAGE

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

Matre de stage : M. Jean-Michel Gely

BTS SIO 2
Anne 2015/2016

Olivier Abran

Page 1

BTS SIO 2nde Anne option SLAM

Sommaire
I/Prsentation de lentreprise ....................................................... 3
A) Quest-ce que la Diagonale du Fou ? ...................................... 3
B) Plan daccs et contacts ......................................................... 3
C) Activits de lentreprise .......................................................... 4
D) Les partenaires de lentreprise ............................................... 4
II/Linformatique dans lentreprise ................................................ 5
A) Le matriel .............................................................................. 5
B) Les logiciels ............................................................................. 5
C) Internet dans lentreprise ....................................................... 5
D) Les bases de donnes de lentreprise ..................................... 5
III/Le projet .................................................................................... 6
A) Cahier des charges et existant ................................................ 6
B) PrestaShop .............................................................................. 6
C) Difficults rencontres et solutions apportes........................ 7
IV/Conclusion ................................................................................ 8
V/Remerciements.......................................................................... 9

Olivier Abran

Page 2

BTS SIO 2nde Anne option SLAM

I/Prsentation de lentreprise
A) Quest-ce que la Diagonale du Fou ?
La SARL lAntre du jeu est un magasin de jeux et jouets spcialis dans les jeux de cartes
jouer et les jeux de socit. Cette entreprise est franchise sous le nom de La Diagonale du
Fou et a t fonde le 5 Dcembre 2006, Avignon(84) par M. Jean-Michel Gely, actuel
grant de laffaire et mon tuteur durant ce stage.

En dehors du grant, le personnel du magasin est constitu dun vendeur, salari plein
temps et accueille souvent des stagiaires.

B) Plan daccs et contacts

La Diagonale du Fou est situe dans le Vaucluse, lintrieur des remparts dAvignon, 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 :
10:00-13h00 14h00-19:00
Vendredi : 10:00-13h00 14h00-19:00
Samedi : 10:00-13h00 14h00-19:00
Dimanche :
Ferm
Elle est joignable par tlphone au :
04.90.82.15.66,
et par mail ladresse :
avignon@la-diag.com .

Olivier Abran

Page 3

BTS SIO 2nde Anne option SLAM

C) Activits de lentreprise
La Diagonale du Fou, en plus de son activit principale, organise des soires jeux tous les
vendredi soirs, des initiations certains jeux, ainsi que des tournois de cartes jouer en fin
de semaine. Ces vnements se font souvent en collaboration avec les diffrents partenaires
de lentreprise.

D) Les partenaires de lentreprise

En ce qui concerne les vnements autour du jeu de socit, la Diagonale du Fou est
accompagne par des associations de jeux dAvignon, telles que lA2JE et JeuxJubil Avignon,
ainsi que de certains diteurs du milieu comme Asmode ou encore Blackrock Games. Ces
derniers participent ces vnements en envoyant des animateurs, en prtant 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 rcompenses spciales pour les comptiteurs, en retour la Diagonale doit en
organiser rgulirement et leur faire remonter les rsultats.

Olivier Abran

Page 4

BTS SIO 2nde Anne option SLAM

II/Linformatique dans lentreprise

A) Le matriel
La Diagonale du Fou est en possession de trois ordinateurs fixes tournant respectivement
sous Windows XP, Windows 7 et Windows 10. Le premier (XP) nest plus utilis et a t
remplac par le troisime (10) en Fvrier 2016. La Diagonale loue un serveur Linux chez OVH.

B) Les logiciels
Cette entreprise dispose dun logiciel de gestion des stocks sous Microsoft Access, dAdobe
Photoshop CS6 pour la ralisation daffiches promotionnelles, du client ftp Filezilla pour
accder au serveur et du pack office pro. La base de donnes du site web fonctionne avec le
couple MySQL-Apache.

C) Internet dans lentreprise

Depuis Mars 2016, la Diagonale est bnficiaire de la fibre optique avec un dbit denviron
100 Mo par seconde. Internet est le principal outil publicitaire de cette entreprise, de ce fait
elle est prsente sur Facebook et Twitter et depuis le 18 Mars 2016 elle a ouvert son site
internet www.diag-avignon.fr .

D) Les bases de donnes de lentreprise

Le logiciel de gestion des stocks utilise une base de donnes Microsoft Access et le site web
est li une base de donnes MySQL 5.5.46, hberge sur le serveur OVH et comptant 250
tables.

Olivier Abran

Page 5

BTS SIO 2nde Anne option SLAM

III/Le projet
A) Cahier des charges et existant
Lobjectif principal de ce stage tait damliorer et de terminer le site marchand, que le
grant du magasin avait commenc, en intgrant des solutions de paiement en ligne, en
amliorant lergonomie du site et en rparant les bugs. Nayant aucune exprience en
dveloppement informatique, le grant a utilis la solution open source PrestaShop et a
achet un thme tout fait. Par manque de temps, il a seulement pu crer les catgories de
produits, crer une page dinformations sur le magasin et modifier le menu du site.
De ce fait, javais pour base de dpart un squelette de site pr-fait et une base de donnes
dj cre par PrestaShop.
A quelques semaines de la fin du stage, le cahier des charges sest enrichi avec lajout dune
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 dutilisation et facile
daccs. Cette solution permet la cration dun site de-commerce avec une architecture
Modle-Vue-Contrleur dans un environnement php-jQuery et utilise un moteur de template
php : Smarty.

Afin dtre simple daccs, PrestaShop spare la partie visible du site (front-office) et la partie
administrative (back-office) o lon retrouve des fonctionnalits pour crer des produits, ou
encore grer des modules.
Parmi ces fonctionnalits, PrestaShop dispose dune interface what you see is what you get
(WYSIWYG), qui propose une interface de mise en forme similaire celle dun traitement de
texte. Le but de cette interface est de crer des pages et avoir un aperu du rsultat sans
avoir taper une seule ligne de code.
Pour ce qui est des fonctionnalits plus complexes, on trouve des modules tlcharger
(gratuitement ou non) depuis le back-office ou le site de PrestaShop. Ces modules ne
ncessitent souvent quune installation pour fonctionner et mettent disposition de
lutilisateur un espace de configuration intuitif pour procder des modifications.

Olivier Abran

Page 6

BTS SIO 2nde Anne option SLAM

C) Difficults rencontres et solutions apportes

Les modules PrestaShop sont relativement bien cods pour ce qui est du php et du jQuery,
les principaux problmes que jai rencontrs sont des problmes lis 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 gnraient
des lments.
Pour rgler la plupart de ces problmes jai d ajouter des fonctions jQuery dans le fichier
header.tpl qui sexcute chaque dbut de page. Par exemple des liens ouvrant des iframes
ntaient plus complets et jai 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 rparation des bugs je me suis servi du jQuery pour dplacer certains
lments difficiles retrouver parmi les centaines de fichiers de PrestaShop et rendre
certains lments 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;
});

Ct php, la seule modification que jai eu apporter est laffichage des nouveaux produits
dans la page daccueil 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('blocknewproductshome')))
{
$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 Anne 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 oprationnel, responsive et conforme aux
lois en vigueurs concernant le e-commerce. Il reste encore quelques images, qui noffrent pas
un rendu de bonne qualit, changer, mais nayant pas la fibre artistique, cest lemploy qui
sen chargera sur Photoshop.

Ce stage ma donn loccasion dapprendre 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 Anne option SLAM

V/Remerciements
Je tiens remercier toutes les personnes ayant permis le succs de ce stage et tout
particulirement :
- mon matre de stage, M. Gely pour mavoir accueilli dans son entreprise et mavoir apport
un point de vue commercial sur mon travail,
-M. Clunet, lemploy de la Diagonale du Fou, pour sa bonne humeur du matin et pour avoir
rpondu mes questions du mieux quil pouvait,
-les habitus du magasin, pour mavoir permis damliorer ma concentration au milieu des
cris, des fous rires et autres situations bruyantes.

Olivier Abran

Page 9

BTS SIO 2nde Anne option SLAM