Vous êtes sur la page 1sur 74

MINISTERE DE L'ENSEIGNEMENT SUPERIEUR

DE LA RECHERCHE SCIENTIFIQUE
UNIVERSITE MONASTIR
---***--INSTITUT SUPERIEUR D'INFORMATIQUE ET DE MATHEMATIQUES
MONASTIR

Rapport de projet de Fin dtudes


En vue d'obtention du
Diplme de Licence Fondamentale en Sciences de l'Informatique

Ralisation d'une application Web Agrgateur Des


Promotions
Ralis par

ROMDHANE Amira
BEN ABDELWAHED Slim

Sous la direction de

Mme BOUAZIZI Emna

Mme ZARGA Amira

Anne universitaire : 2012/2013

Chapitre 4 : Ralisation

APPRECIATION ET SIGNATURE DES


SUPERVISEURS
INSTITUT SUPERIEUR DINFORMATIQUE ET DE MATHEMATIQUES
MONASTIR

Mme Bouazizi Emna

APPRECIATION ET SIGNATURE DES


SUPERVISEURS

Chapitre 4 : Ralisation

Socit PROXYM-IT
SOUSSE

Mme Zarga Amira

Chapitre 4 : Ralisation

Rsum
Le prsent projet, Ralisation dune application web Agrgation Des
Promotions, est ralis dans le cadre de la prparation du projet de
fin dtude prsent en vue de lobtention du diplme de licence
fondamentale en sciences de l'informatique linstitut suprieur
dinformatique et de mathmatiques Monastir pour lanne
universitaire 2012/2013.
Il sagit dune application web appel "Agrgateur Des Promotions"
qui est dveloppe en PHP5 sous la plateforme Symfony 2. Cette
application consiste associer en ligne des offres promotionnelles
internationales de tout type de commerants.

Mots cls
PHP5, JavaScript, Metro UI, Symfony 2, MySql, orient objet, produit,
promotion

Chapitre 4 : Ralisation

Ddicaces
A mon cher pre qui a toujours su me soutenir, me
conseiller, massister, et mindiquer le bon chemin
Lamour quil me voue est irremplaable ses sacrifices
pour mon ducation et mes tudes sont normes. Je lui
dois beaucoup, et je lui suis plus que reconnaissante.
A ma chre mre, toujours serviable et dvoue, tout
mon amour sans limites, pour sa douceur, sa tendresse et
toute laffection quelle ma donn tout au long de ma vie
Je lui dois beaucoup, et je lui suis plus que
reconnaissante, elle demeurera pour moi, la source
damour infini Cest mes parents qui nont cess de
me soutenir et de mencourager que je ddie ce travail
en leur exprimant ma gratitude, leur promettant de
demeurer toujours la hauteur des espoirs quils placent
en moi et de toujours honorer la famille
A mes chers frres et ma chre sur.
Puisse Dieu, le Tout Puissant, les garder en bonne
sant.
A tous mes amis pour les bons souvenirs et le beau
temps que nous avons pass ensemble, en leur souhaitant
le succs et le bonheur dans leurs vie.
Toutes les personnes que jaime et qui maiment.
Je vous remercie tous et je vous ddie ce travail, rsultat
de plusieurs annes dtude et de stage.
Je remercie Dieu tout Puissant de m'avoir permis de mener
terme ce projet de fin dtude.
Amira

Chapitre 4 : Ralisation

Ddicaces
A mon cher pre qui a toujours su me soutenir, me
conseiller, massister, et mindiquer le bon chemin
Lamour quil me voue est irremplaable ses sacrifices
pour mon ducation et mes tudes sont normes Je lui
dois beaucoup et je lui suis plus que reconnaissante
A ma chre mre, toujours serviable et dvoue, tout
mon amour sans limites pour sa douceur, sa tendresse
et toute laffection quelle ma donn tout au long de ma
vie Je lui dois beaucoup et je lui suis plus que
reconnaissante elle demeurera, pour moi, la source
damour infini
Cest mes parents qui nont cess de me soutenir et
de mencourager que je ddie ce travail en leur
exprimant ma gratitude, leur promettant de demeurer
toujours la hauteur des espoirs quils placent en moi et
de toujours honorer la famille
A mes chers frres et ma chre sur.
Puisse Dieu, le Tout Puissant, les garder en bonne
sant .....
A tous mes amis pour les bons souvenirs et le beau
temps que nous avons pass ensemble, en leur souhaitant
le succs et le bonheur dans leurs vie...
Toutes les personnes que jaime et qui maiment.
Je vous remercie tous et je vous ddie ce travail, rsultat
de plusieurs annes dtude et de stage.
Je remercie Dieu tout Puissant de m'avoir permis de mener
terme ce projet de fin dtude.
Slim

Chapitre 4 : Ralisation

Remerciements
En prambule ce rapport, nous souhaitons adresser ici tous
nos remerciements aux personnes qui nous ont apport leur aide et
qui ont ainsi contribu l'laboration de ce rapport.
Nous tenons remercier dans un premier temps, toute l'quipe
pdagogique de l'ISIMM et les intervenants professionnels
responsables de la formation sciences de l'informatique, pour avoir
assur la partie thorique de celle-ci.
Nous tenons exprimer galement notre profonde
reconnaissance Mme Bouazizi Emna qui nous a encadr durant ce
projet de fin d'tude, pour l'aide et les conseils concernant les
missions voques dans ce projet, qu'elle nous a apport lors des
diffrents suivis.
Nous tenons remercier tout particulirement et tmoigner
toute notre reconnaissance Mme Zarga Amira, pour son aide et la
confiance qu'elle nous a accord durant la priode du stage.
Nous exprimons notre sincre gratitude aux membres du jury,
qui ont accept d'valuer ce projet de fin d'tude.
Enfin, nous adressons nos plus sincres remerciements tous
nos proches et amis qui nous ont toujours soutenu et encourag au
cours de la ralisation de ce projet de fin d'tude.
Romdhane Amira et Ben Abdelwahed Slim

Sommaire
CHAPITRE 1 : PROBLEMATIQUE ET POSITIONNEMENT.........................................................1
1.

Introduction gnrale.................................................................................................................2

2.

Travail demand........................................................................................................................3

3.

Cadre de stage...........................................................................................................................3

Chapitre 4 : Ralisation
3.1 Le stage...................................................................................................................................3
3.2 L'entreprise..............................................................................................................................3
4.

Plan du rapport..........................................................................................................................4

CHAPITRE 2 : ETUDE DE L'EXISTANT ET SPECIFICATION DES BESOINS...........................5


1.

Introduction...............................................................................................................................6

2.

tude de l'existant......................................................................................................................6
2.1. Vente-privee...........................................................................................................................7
2.2. Tunisiadeal.............................................................................................................................8
2.3. lapromotion............................................................................................................................9
2.4. Promoalert............................................................................................................................10
2.5. Tunispromo..........................................................................................................................11
2.6. Conclusion...........................................................................................................................12

3.

Spcification des besoins.........................................................................................................13


3.1. Spcification des besoins fonctionnels................................................................................13
3.1.1. Gestion des promotion...................................................................................................13
3.1.2. Gestion des utilisateurs..................................................................................................14
3.1.3. Evaluation des promotions............................................................................................14
3.1.4. Abonnement aux commerants.....................................................................................14
3.1.5. Statistiques.....................................................................................................................14
3.1.6. Accs des utilisateurs.....................................................................................................15
3.2. Spcification des besoins non fonctionnels.........................................................................16

4.

Conclusion...............................................................................................................................17

CHAPITRE 3 : CONCEPTION.........................................................................................................18
1.

Introduction.............................................................................................................................19

2.

Vue fonctionnel du systme....................................................................................................19


2.1. Identification des acteurs.....................................................................................................19
2.2. Diagramme des cas d'utilisation...........................................................................................19
2.3. Cas d'utilisation Grer les promotions.............................................................................21

Chapitre 4 : Ralisation
2.3.1. Cas d'utilisation Ajouter promotion .........................................................................21
2.4.Cas d'utilisation Evaluer les promotions...........................................................................23
2.5. Cas d'utilisation Grer les utilisateurs..............................................................................24
2.6. Cas d'utilisation S'authentifier..........................................................................................26
2.7. Cas d'utilisation S'inscrire................................................................................................28
2.8. Cas d'utilisation Consulter les promotions.......................................................................29
2.9. Cas d'utilisation Rechercher des promotions...................................................................30
3.

Vue statique du systme..........................................................................................................31

4.

Vue dynamique du systme.....................................................................................................32


4.1. Diagrammes de squence : acteur/systme (Scnarios d'utilisation)...................................32
4.2. Diagrammes de squence dtaills......................................................................................35

5.

Conception dtaille de la base de donnes............................................................................39


5.1. Modle conceptuel de donnes............................................................................................39
5.2. Modle logique de donnes..................................................................................................39
5.2. Dictionnaire de donnes.......................................................................................................40

6.

Conclusion...............................................................................................................................43

Chapitre 4 : Ralisation......................................................................................................................44
1.

Introduction.............................................................................................................................45

2.

Environnement technique........................................................................................................45
2.1. Environnement matriel.......................................................................................................45
2.2. Environnement logiciel........................................................................................................46

3.

Rgles mises en place..............................................................................................................46

4.

Dfinition : Style Mtro..........................................................................................................47

5.

Implmentation........................................................................................................................47
5.1. Cration de la base des donnes...........................................................................................48
5.2. Ralisation de la page d'accueil...........................................................................................48
5.3. Authentification....................................................................................................................50
5.4. Inscription............................................................................................................................52

Chapitre 4 : Ralisation
5.5. Traitement des promotions...................................................................................................53
5.5.1. Gestion des promotions.................................................................................................53
5.5.2. Recherche des promotions.............................................................................................53
6.

Conclusion...............................................................................................................................55

Conclusion et perspectives.................................................................................................................56
Rfrences..........................................................................................................................................57
Annexe 1..............................................................................................................................................B
Annexe 2..............................................................................................................................................C
Annexe 3..............................................................................................................................................E
Annexe 4..............................................................................................................................................H

Chapitre 4 : Ralisation

Liste des figures


Figure 1: Etude de l'existant www.vente-privee.tn...............................................................................7
Figure 2: Etude de l'existant www.tunisadeal.com...............................................................................8
Figure 3: Etude de l'existant www.lapromotion.tn...............................................................................9
Figure 4: Etude de l'existant www.promoalert.com...........................................................................10
Figure 5: Etude de l'existant www.tunispromo.com...........................................................................11
Figure 6: Diagramme des cas d'utilisation gnral.............................................................................20
Figure 7: Diagramme de cas d'utilisation Grer les promotions....................................................21
Figure 8: Diagramme de cas d'utilisation Evaluer les promotions.................................................23
Figure 9: Diagramme de cas d'utilisation Grer les utilisateurs.....................................................24
Figure 10 : Diagramme des classes....................................................................................................31
Figure 11: Diagramme de squence d'authentification......................................................................32
Figure 12: Diagramme de squence d'inscription..............................................................................33
Figure 13: Diagramme de squence d'ajout d'une promotion............................................................34
Figure 14 : Diagramme de squence de recherche d'une promotion..................................................35
Figure 15 : Diagramme de squence dtaill d'authentification.........................................................36
Figure 16 : Diagramme de squence dtaill de l'inscription.............................................................37
Figure 17 : Diagramme de squence dtaill d'ajout d'une promotion..............................................38
Figure 18 : Diagramme de squence dtaill de la recherche des promotions..................................39
Figure 19 : Interface Accueil..............................................................................................................48
Figure 22 : Tuile des promotions........................................................................................................49
Figure 20 : Tuile de connexion...........................................................................................................49
Figure 21 : Tuile d'inscription............................................................................................................49
Figure 24 : Interface Client................................................................................................................50
Figure 23 : Barre de connexion..........................................................................................................50
Figure 25 : Interface commerant......................................................................................................51
Figure 26 : Interface Administrateur..................................................................................................51
Figure 27 : Pop-up de choix d'inscription..........................................................................................52
Figure 28 :Contraintes du formulaire d'inscription............................................................................52
Figure 29 : Formulaire d'ajout d'une promotion.................................................................................53

Chapitre 4 : Ralisation
Figure 30 : Tuiles de recherche..........................................................................................................53
Figure 31 : Les catgories des promotions.........................................................................................54
Figure 32 : Interface de recherche avance........................................................................................54

CHAPITRE 1 : PROBLEMATIQUE
ET POSITIONNEMENT

Chapitre 4 : Ralisation

1. Introduction gnrale
La promotion des ventes a longtemps t une parente pauvre du marketing, en particulier
face la publicit. La promotion semblait limite des actions tactiques, portant sur des budgets
limits, ayant quelques effets court terme, mais sans impact rel moyen terme. Cette vision s'est
trouve totalement renverse par l'volution des dernires annes. Le budget total consacr la
promotion aux Etats-Unis est aujourd'hui bien suprieur celui de la publicit. Mais surtout, on s'est
rendu compte de la diversit des impacts de la promotion, et de ses enjeux stratgiques.
Le facteur qui aide cette volution est l'Internet. L'usage d'Internet se rpand de plus en
plus vite dans un contexte de mondialisation des changes de produits et de services, de
concurrence de plus en plus exacerbe et de rapides mutations technologiques.
De nos jours, une entreprise qui ne se trouve pas sur le Web est considre comme
inexistante. Cependant il ne faut pas ngliger la puissance de la promotion en ligne.
De plus, Le rseau permet d'offrir aux clients une information instantane et surtout
interactive; c'est la grande diffrence.
Au total, la promotion des ventes est devenu un domaine cl du marketing, une composante
essentielle de l'attractivit des points de vente, un lment central des ngociations stratgiques
entre fabricants et distributeurs. Les autres promotions offrent une riche gamme d'actions
quantitatives et qualitatives. Et la promotion peut encore jouer d'autres rles que le manque de place
nous empche de dvelopper, comme dans la communication ou dans le marketing direct.
Notamment, lapplication Agrgateur Des Promotions facilite aux consommateurs

la

consultation des promotions rcentes et les offres qui surfent sur les tendances actuelles. Elle permet
galement les commerants (htels, grandes surfaces, restaurants...) de promouvoir leurs produits
ou services.

2. Travail demand
La mission qui nous a t confie au sein de Proxym-IT est la ralisation dune application
Web avec le Framework Symfony 2. Ce pendant nous avons t confront des problmes de
dveloppement, ce qui a engendr un effort supplmentaire pour la comprhension et la maitrise du
langage PHP et le travail avec le Framework Symfony.

Chapitre 4 : Ralisation

3. Cadre de stage

3.1 Le stage
Notre stage sest droul Sousse, au sein de la socit Proxym-IT du 01 Mars au 20 Mai 2013.
Mme ZARGA Amira nous a encadr pendant cette priode de stage, sous la tutelle de M. Wassel
Berrayana, le crateur et grant de la socit. Nous avons choisi cette entreprise car elle prsente un
fort engagement envers les nouvelles technologies dans sa culture.
Ce stage tait la hauteur de nos attentes. En effet il nous a offert loccasion de nous intgrer dans
un environnement professionnel afin de nous initier aux exigences et aux attentes de cet
environnement. Il nous a permis galement de mettre en application les diffrentes comptences
acquises au cours de notre formation en tant que technicien suprieur en informatique ISIM
Monastir, et pendant les diffrent stages que nous avons effectu.

3.2 L'entreprise

Cre en Janvier 2006, Proxym-IT est une socit NearShore leader


dans les prestations de services d'ingnierie informatique.
Fonde par un ancien collaborateur de Sun Microsystems et elle a su dvelopper unerlle
diversification technologique autour de ses 5 ples de comptences.
Proxym-IT travaille pour le compte des SSII, agences (web et mobile) et des
diteurs
Proxym-IT pousse

europens.
pour un modle de vente indirecte en privilgiant

une relation de confiance, de complmentarit et durable avec ses clients.

Proxym-IT dispose d'une quipe de haut niveau, compose de plusieurs


dizaines d'ingnieurs ayant une solide exprience, issus de diffrentes
formations labores aux seins des coles d'ingnieurs Tunisiennes et
Franaises.

Chapitre 4 : Ralisation

4. Plan du rapport
Ce rapport sera devis en quatre chapitres. Le premier chapitre sera consacr ltude de
primtre du projet. Dans cette partie, ltude de lexistant ainsi que la prsentation du projet
raliser seront traits. Une description de la conception ralise fera lobjectif du second chapitre.
Cette conception est effectue laide dUML. La description du travail ralis, limplmentation,
ainsi que les diffrentes technologies utilises feront lobjet du troisime chapitre. Enfin, nous
clturons par une conclusion et une srie de perspectives.

Chapitre 4 : Ralisation

CHAPITRE 2 : ETUDE DE
L'EXISTANT ET SPECIFICATION
DES BESOINS

Chapitre 4 : Ralisation

1. Introduction
Le travail qui nous a t confi pendant notre stage consiste dvelopper une application
Web qui a pour objectif l'agrgation des promotions. Pour ce faire, il est indispensable de raliser
une tude de ce qui existe dj dans le march pour comprendre, en premier, comment fonctionnent
les applications existantes et, en second, sur quels points on va travailler . Dans cette optique, la
premire section de ce chapitre sera pour analyser et critiquer les sites de promotions existants, pour
ensuite donner un aperu de ce qui est demand : spcification des besoins fonctionnels et non
fonctionnels de l'application.

2. tude de l'existant
D'aprs une tude du march, on a trouv une diversit des sites web et des applications
ddis la consultation des promotions en ligne.
On a pris titre d'exemple les sites web suivants:

Chapitre 4 : Ralisation

2.1. Vente-privee

Figure 1: Etude de l'existant www.vente-privee.tn


URL : www.vente-privee.tn
Description:
C'est un site de ventes prives tunisien qui organise, pour ses membres
exclusivement, des ventes vnementielles on-line, limites dans le temps, de
produits des plus grandes marques tunisiennes et internationales.
Les points forts:
Linscription la newsletter assure la rception des e-mails pour sinformer des

nouveauts.
On peut trouver les promotions de vente venir prochainement
Les promotions sont bien prsentes et dcrites

Les points faibles:


Le contenu est exclusivement pour les membres
Le site ne contient que des promotions sur les vtements et les accessoires
Il n'existe pas un moyen de recherche dans le site
Les fournisseurs ne peuvent pas s'inscrire ou ajouter leurs promotions

Chapitre 4 : Ralisation

2.2. Tunisiadeal

Figure 2: Etude de l'existant www.tunisadeal.com


URL : www.tunisiadeal.com
Description:
C'est un site priv qui permet ses membres de profiter d'offres exceptionnelles
des tarifs privilgis, limites dans le temps et exclusivement rserves aux membres du
site.
Les points forts:
Les promotions sont bien prsentes et dcrites
Les promotions sont classes par rgion (facilit de trouver les offres les plus

proches)
Les promotions sont classes galement par thme
Possibilit de publier les promotions sur Facebook et Twitter

Les points faibles:


Le site ne contient que des promotions des htels, des centres d'esthtique et des

salons de coiffure
Les fournisseurs ne peuvent pas s'inscrire ou ajouter leurs promotions

Chapitre 4 : Ralisation

2.3. lapromotion

Figure 3: Etude de l'existant www.lapromotion.tn


URL : www.lapromotion.tn
Description:
C'est un site de vente en ligne tunisien qui offre ses membres la possibilit de
profiter des promotions sur des produits de certains commerants.
Les points forts:
Linscription la newsletter assure la rception des e-mails pour sinformer des

nouveauts.
Les promotions sont bien prsentes et dcrites

Les points faibles:


Les catgories des promotions sont limites
Les fournisseurs ne peuvent pas s'inscrire ou ajouter leurs promotions
Les promotions sont uniquement sur des produits tunisiens

Chapitre 4 : Ralisation

2.4. Promoalert

Figure 4: Etude de l'existant www.promoalert.com


URL : www.promoalert.com
Description:
PromoAlert est un site franais qui permet de guider les internautes des
promotions du commerce traditionnel, il prsente les promotions des boutiques et
magasins
Les points forts:
Les promotions sont classs par des catgories et des sous-catgories ce qui facilite

la recherche
Les promotions sont bien prsentes et dcrites
Les promotions peuvent tre prsentes sous forme de catalogue

Les points faibles:


Le site ne contient pas des promotions internationales (les promotions dans la France

uniquement)
Il n'existe pas un moyen de recherche par mots-cls dans le site
Les fournisseurs ne peuvent pas s'inscrire ou ajouter leurs promotions
Les fournisseurs sont uniquement des boutiques, des magasins et des grandes
surfaces

Chapitre 4 : Ralisation

2.5. Tunispromo

Figure 5: Etude de l'existant www.tunispromo.com


URL : www.tunispromo.com
Description:
Tunispromos s'impose comme la rfrence de la commercialisation promotionnelle.
Une plateforme sur laquelle il est propos des offres promotionnelles exceptionnelles de
plusieurs catgories : divertissements, mode et accessoires, meuble et dcoration, High Tech,
lectromnager...
Les points forts:
Possibilit de partager les promotions sur plusieurs sites tels que Facebook, Twitter,

Google+, Blogger et l'envoyer galement par email


Les promotions sont classs selon des catgories

Les points faibles:


Les fournisseurs ne peuvent pas s'inscrire ou ajouter leurs promotions
Les promotions ne sont ni bien prsentes, ni bien dcrites

2.6. Conclusion
Vu que les applications disponibles sur le march ne sont pas suffisantes, nous avons pens

Chapitre 4 : Ralisation
dvelopper une application en mettant l'accent sur la partie des fournisseurs, en incluant tous les
types des promotions: de toutes les catgories et toutes les rgions.
Nous avons pens aussi d'adapter le style Mtro qui facilite la consultation des pages du site sur les
appareils mobiles et les tablettes.

Chapitre 4 : Ralisation

3. Spcification des besoins


Dans cette partie, on explique en dtail ce que l'application est cense faire et ceci travers
la spcification des besoins fonctionnels et non fonctionnels.

3.1. Spcification des besoins fonctionnels


La cration dun site web passe par l'laboration de deux parties, la premire partie concerne
la cration et la mise en place des pages accessibles par tous les internautes (Front Office), la
seconde partie c'est la configuration et la mise en place de l'espace dadministration (Back Office).
Les pages accessibles par linternaute peuvent tre :

Pages des promotions


Page de recherche
Page contact pour lenvoie de message.

A traves lespace dadministration, ladministrateur du site web peut :

Mettre jour la liste des promotions


Gestion des utilisateurs (clients et commerants)
Modifier ladresse e-mail pour lenvoie de message travers la page contact.
Modifier le mot de passe daccs lespace dadministration.
Consulter les statistiques du site

Les fonctionnalits du systme se compose donc de plusieurs parties:

3.1.1. Gestion des promotion


Le commerant peut grer ses promotions sur ses produits : les ajouter, les modifier et les
supprimer.
Ladministrateur est tenu de surveiller les publications et les commentaires des utilisateurs et
vrifier leurs contenus. Si une publication viole les lois applicatives (favorise le piratage, de contenu
violant, incitant la haine raciale, la vente ou change de drogues, les pages de phishing ou
malware), ladministrateur peut la supprimer.

Chapitre 4 : Ralisation
3.1.2. Gestion des utilisateurs
L'administrateur est capable de modifier les informations personnelles d'un utilisateur (client
ou commerant) et de le dsactiver.

3.1.3. Evaluation des promotions


Un client inscrit et authentifi est capable de:

Commenter les promotions pour donner des avis sur les produits ou les promotions
Les options jaime et je naime pas
Noter une promotion par toiles

3.1.4. Abonnement aux commerants


Un client inscrit est capable de s'abonner un commerant pour recevoir des alertes lorsque
ce commerant partage une nouvelle promotion. Ces alertes peuvent tre sous forme d'un email ou
galement un message sur son mobile.

3.1.5. Statistiques
Les statistiques de visite donnent ladministrateur les informations du trafic sur
lapplication avec des indicateurs graphiques pour une priode donne :

Lvolution du nombre de visites


Lvolution du nombre de cliques pour chaque promotion et chaque commerant
La provenance gographique des visiteurs
Les pages les plus visites
La dure des visites
Les mots cls utiliss pour arriver lapplication

Le commerant peut consulter les statistiques qui concernent ses promotions :

Le nombre quotidien de visites


Le nombre quotidien de cliques sur chaque promotion
Qualification des visiteurs par rgion, ge
Les promotions les plus abonnes

Chapitre 4 : Ralisation
3.1.6. Accs des utilisateurs
L'accs aux donnes et aux diffrentes pages se diffre selon les droits
d'accs de chaque utilisateur et les tches qui est capable de faire afin de
garantir la scurit des donnes. Ainsi, l'application doit rpondre aux
exigences suivantes:

Attribuer les droits d'accs par utilisateur


Demande d'authentification chaque accs systme
Adaptation de l'interface de travail selon les fonctionnalits ddies chaque utilisateur
Expiration d'une session aprs 15 minutes d'inactivit

Chapitre 4 : Ralisation

3.2. Spcification des besoins non fonctionnels


Ce sont des exigences qui ne concernent pas spcifiquement le comportement du systme
mais plutt ils identifient des contraintes internes et externes du systme.
Les principaux besoins non fonctionnels de notre application se rsument dans les points
suivants:

Performance
o Lapplication rpond toutes les exigences des internautes dune manire optimale

Fiabilit
o Bon fonctionnement de lapplication sans dtection de dfaillance

Rapidit
o Le dplacement entre les pages doit tre facile et rapide

Scurit
o Les comptes des utilisateurs sont scuriss par mot de passe (longueur, caractres
spciaux, expiration, politique de rutilisation)
o Dconnexion aprs un tel temps dinactivit

Convivialit
o Un design clair
o Une bonne interface qui donne aux internautes lenvie dy utiliser
o Des notions faciles comprendre
o Respect de lergonomie
o Positionnement du contenu sur les pages de la manire la plus accessible

Portabilit
o Lapplication est multiplateforme : Elle fonctionne sur tout systme dexploitation
o Elle fonctionne sur tout type de terminal

4. Conclusion
Cette premire partie de ce chapitre a t ddie une tude dtaille de l'application: son
objectif, son fonctionnement et son environnement logiciel.
On a consacr le premier mois de notre stage cette tude, ce qui nous a permis de bien comprendre
l'environnement de l'application, son objectif ainsi que ses besoins fonctionnels et non fonctionnels
Cette tude nous a permis de distinguer les diffrents points sur lesquels on va travailler et les

Chapitre 4 : Ralisation
technologies qu'on va utiliser pour raliser notre application.

Chapitre 4 : Ralisation

CHAPITRE 3 : CONCEPTION

Chapitre 4 : Ralisation

1. Introduction
Dans cette section, nous allons reproduire les diffrents besoins cits prcdemment mais
sous la forme des diagrammes UML.

2. Vue fonctionnel du systme

2.1. Identification des acteurs


Les acteurs qui interagissent avec le systme sont:
L'administrateur : cest le responsable du bon fonctionnement du site
Linternaute : cest la personne qui visite le site pour rechercher des promotions sans
inscription
Le client : cest lutilisateur inscrit qui consulte les promotions disponibles, il peut effectuer
des

recherches

et

des

abonnements

sur

les

promotions

et

les

commerants

Le commerant : cest lutilisateur inscrit qui utilise lapplication pour promouvoir ses
produits et informe les internautes de ses promotions

2.2. Diagramme des cas d'utilisation


Ce diagramme permet d'identifier les possibilits d'interaction entre le systme et les acteurs
(intervenants extrieurs au systme). Il reprsente toutes les fonctionnalits que le systme doit
fournir [Figure 6].

Chapitre 4 : Ralisation

Figure 6: Diagramme des cas d'utilisation gnral

Sans authentification, l'internaute peut consulter les promotions disponibles et rechercher des
promotions.
Le client doit s'authentifier pour avoir accs aux fonctionnalits suivantes: le partage des
promotions et l'valuation des promotions.
Le commerant doit s'authentifier pour avoir accs aux fonctionnalits suivantes: la gestion de ses

Chapitre 4 : Ralisation
promotions et la consultation de ses statistiques.
L'administrateur a le droit de grer les utilisateurs, supprimer les promotions, consulter les
statistiques et traiter les factures des commerants.

2.3. Cas d'utilisation Grer les promotions


La figure ci-dessous [Figure 7] prsente le diagramme de cas d'utilisation Grer les promotions.

Figure 7: Diagramme de cas d'utilisation Grer les promotions

2.3.1. Cas d'utilisation Ajouter promotion


Acteur principal : Commerant
Objectif : Ce cas dutilisation vise dcrire toutes les tapes relatives lajout d'une
promotion afin de la soumettre la validation de l'administrateur du site.
Pr-conditions : Le commerant doit tre authentifi.
Post-conditions : Une nouvelle promotion est ajoute la liste des promotions du
commerant
Scnario nominal:

Chapitre 4 : Ralisation
1. Le commerant demande au systme la page de mise jour de ses promotions
2. Le systme affiche la page ainsi que la liste des promotions et les diffrentes
oprations possibles
3. Le commerant choisit lopration dajout
4. Le systme affiche le formulaire d'ajout
5. Le commerant remplit le formulaire et valide
6. Le systme met jour la liste des promotions et par dfaut la liste des promotions les plus
rcentes
Scnario Alternatif:
A1 : Dsactivation d'une promotion
Aller a lopration qui suit 2
3- ladministrateur slectionne une news et valide la dsactivation
4- le systme dsactive laffichage de news dans la page de news et met
la base de donnes
A2 : Modification d'une promotion
Aller a lopration qui suit 2
3- Ladministrateur slectionne une news et choisit lopration de modification
4- Aller lopration qui suit 4
A3 : Suppression d'une promotion
Aller a lopration qui suit 2
3- Ladministrateur slectionne une NEWS et choisit lopration de
suppression.
6- le systme met jour la base de donnes
Scnario d'exception:
E1 : Fermeture de session.
Aller a lopration qui suit 2 et 4
Le systme ferme la session aprs une priode dinactivit et invite le
commerant sauthentifier nouveau

2.4.Cas d'utilisation Evaluer les promotions


La figure ci-dessous [Figure 8] prsente le diagramme de cas d'utilisation Evaluer les
promotions.

jour

Chapitre 4 : Ralisation

Figure 8: Diagramme de cas d'utilisation Evaluer les promotions

Chapitre 4 : Ralisation

2.5. Cas d'utilisation Grer les utilisateurs


La figure ci-dessous [Figure 9] prsente le diagramme de cas d'utilisation Grer les
utilisateurs.

Figure 9: Diagramme de cas d'utilisation Grer les utilisateurs

Le cas dutilisation Grer les utilisateurs englobe les oprations classiques qui peuvent tre
excutes sur un utilisateur selon le type de ce dernier :
Pour un client :
Ajouter client
Modifier client
Dsactiver client
Pour un commerant :
Ajouter commerant
Modifier commerant
Dsactiver commerant
Un client, ou galement un commerant, est capable de s'inscrire et modifier son compte.
L'administrateur est capable d'ajouter, modifier et dsactiver un compte d'un client ou d'un

Chapitre 4 : Ralisation
commerant.

Chapitre 4 : Ralisation

2.6. Cas d'utilisation S'authentifier


Acteur principal: Internaute
Objectif: Ce cas dutilisation vise dcrire toutes les tapes relatives lauthentification
d'un utilisateur au niveau du serveur afin deffectue les diffrentes oprations
correspondantes chaque utilisateur.
Pr-conditions:
Disponibilit daccs au rseau Internet
Serveur accessible 24 h/24h et 7j/7j
Navigateur en bon tat de fonctionnement
Post-conditions:
Accs ladministration du site ou du compte
Ouverture dune session
Scnario nominal:
1. L'internaute lance le navigateur
2. Linternaute tape ladresse URL du site
3. Le systme affiche la page d'accueil
4. L'internaute demande du systme la formulaire d'authentification
5. Le systme affiche le formulaire dauthentification
6. Linternaute saisit son adresse lectronique et le mot de passe et valide
7. Le systme vrifie l'adresse lectronique et le mot de passe.
8. Le systme ouvre une session lutilisateur et affiche linterface daccueil
Scnario Alternatif:
A2 : vrification du mot de passe au niveau du serveur
Aller lopration qui suit 5
6-Le systme affiche un message derreur.
Aller lopration 3
Scnario dexception :
E1 : Erreur dans dadresse URL de ladministration
Aller lopration qui suit 2
3- le navigateur affiche un message derreur
E2 : Priode d'inactivit
Le systme ferme automatiquement la session et invite lutilisateur sauthentifier
nouveau.

Chapitre 4 : Ralisation

2.7. Cas d'utilisation S'inscrire


Acteur principal: Internaute
Objectif: Ce cas dutilisation vise dcrire toutes les tapes relatives linscription d'un
internaute afin deffectue les diffrentes oprations correspondantes chaque utilisateur soit
client ou commerant.
Pr-conditions:
Disponibilit daccs au rseau Internet
Serveur accessible 24 h/24h et 7j/7j
Navigateur en bon tat de fonctionnement
Post-conditions: Utilisateur inscrit et authentifi par une adresse lectronique et un mot de
passe
Scnario nominal:
1. L'internaute demande de sinscrire
2. Le systme demande l'internaute de choisir le type du compte crer (compte client ou
compte commerant)
3. L'internaute choisit le type du compte
4. Le systme affiche le formulaire dinscription
5. L'internaute remplit les champs du formulaire puis il valide
6. Le systme vrifie si lutilisateur nest pas dj inscrit avec ladresse email donne puis
enregistre le nouveau compte et envoie un email de confirmation linternaute
Scnario d'exception:
Lors de la vrification, le systme trouve que l'internaute est dj inscrit.

Chapitre 4 : Ralisation

2.8. Cas d'utilisation Consulter les promotions


Acteur principal: Internaute
Objectif: Ce cas dutilisation vise dcrire toutes les tapes relatives la
consultation des promotions par linternaute.
Pr-conditions:
Disponibilit daccs au rseau Internet
Serveur accessible 24 h/24h et 7j/7j
Navigateur en bon tat de fonctionnement
Le systme en tat de fonctionnement.
Post-conditions: Page consulte
Scnario nominal:
1. Linternaute lance le navigateur.
2. Linternaute tape ladresse URL du site Web (le nom du domaine).
3. Le systme affiche la page daccueil o se trouvent les promotions les plus rcentes
4. L'internaute clique sur une promotion pour consulter sa description dtaille
5. Le systme affiche la page en consult.
Scnario d'exception:
E1 : Erreur dans dadresse URL de ladministration
Aller lopration qui suit 2
3- le navigateur affiche un message derreur

Chapitre 4 : Ralisation

2.9. Cas d'utilisation Rechercher des promotions


Acteur principal: Internaute
Objectif: Ce cas dutilisation vise dcrire toutes les tapes relatives la recherche des
promotions par linternaute.
Pr-conditions:
Disponibilit daccs au rseau Internet
Serveur accessible 24 h/24h et 7j/7j
Navigateur en bon tat de fonctionnement
Le systme en tat de fonctionnement.
Post-conditions: Page de rsultats affiche
Scnario nominal:
1. L'internaute demande la page de recherche
2. Le systme affiche la page de la recherche
3. L'internaute choisit le mode de la recherche
4. L'internaute choisit les critres de la recherche
5. Le systme affiche la page des rsultats

Chapitre 4 : Ralisation

3. Vue statique du systme


Le diagramme de classes exprime la structure statique du systme en terme de classes et de relations
entre ces classes. L'intrt du diagramme de classes est de modliser les entits du systme
d'information.
Le diagramme de classes permet de reprsenter l'ensemble des informations finalises qui sont
gres par le domaine. Ces informations sont structures, c'est dire qu'elles sont regroupes dans
des classes.
Le diagramme met en vidence d'ventuelles relations entre ces classes.
Le diagramme de classes de notre application est le suivant [Figure 10] :

Figure 10 : Diagramme des classes

Chapitre 4 : Ralisation

4. Vue dynamique du systme

4.1. Diagrammes de squence : acteur/systme (Scnarios d'utilisation)


Un diagramme de squence reprsente les objets participants une interaction particulire et les
messages qu'ils changent, organis en squences horaires.

Authentification
La figure ci-dessous [Figure 11] prsente le diagramme de squence du systme du
cas d'utilisation Authentification

Chapitre 4 : Ralisation

Figure 11: Diagramme de squence d'authentification

Inscription
La figure ci-dessous [Figure 12] prsente le diagramme de squence du systme du
cas d'utilisation Inscription

Chapitre 4 : Ralisation

Figure 12: Diagramme de squence d'inscription

Chapitre 4 : Ralisation

Ajouter promotion
La figure ci-dessous [Figure 13] prsente le diagramme de squence du systme du
cas d'utilisation Ajouter promotion

Figure 13: Diagramme de squence d'ajout d'une promotion

Chapitre 4 : Ralisation

Recherche des promotions


La figure ci-dessous [Figure 14] prsente le diagramme de squence du systme du
cas d'utilisation Recherche des promotions

Figure 14 : Diagramme de squence de recherche d'une promotion

4.2. Diagrammes de squence dtaills


Un diagramme de squence est un diagramme d'interaction qui expose en dtail la faon dont les
oprations sont effectues.
Ci-dessous, nous prsentons les diffrents diagrammes de squence dtaills:

Authentification
La figure ci-dessous [Figure 15] prsente le diagramme de squence dtaill du cas

Chapitre 4 : Ralisation
d'utilisation Authentification

Figure 15 : Diagramme de squence dtaill d'authentification

Chapitre 4 : Ralisation

Inscription
La figure ci-dessous [Figure 16] prsente le diagramme de squence dtaill du cas
d'utilisation Inscription

Figure 16 : Diagramme de squence dtaill de l'inscription

Chapitre 4 : Ralisation

Ajouter promotion
La figure ci-dessous [Figure 17] prsente le diagramme de squence dtaill du cas
d'utilisation Ajouter promotion

Figure 17 : Diagramme de squence dtaill d'ajout d'une promotion

Recherche des promotions


La figure ci-dessous [Figure 18] prsente le diagramme de squence dtaill du cas
d'utilisation Recherche des promotions

Chapitre 4 : Ralisation

Figure 18 : Diagramme de squence dtaill de la recherche des promotions

5. Conception dtaille de la base de donnes


5.1. Modle conceptuel de donnes

5.2. Modle logique de donnes


Ce modle indique comment organiser les donnes. On reprsente le modle comme tant
un ensemble de relations. On a des tables qui contiennent des champs (attributs). Le plus
important

est

les

relations

entre

les

tables.

Ainsi, la traduction du modle conceptuel des donnes en modle logique se forme du


schma conceptuel suivant:
Utilisateur (IdUtilisateur, emailUtilisateur, motdepasseUtilisateur, AdresseUtilisateur,
CodePostalUtilisateur, VilleUtilisateur, PaysUtilisateur, datedenaissanceClient)
Promotion(IdPromotion,TitrePromotion, DescriptionPromotion, DateDebutPromotion,
DateFinPromotion, ReductionPromotion, AncienPrix, NouveauPrix,

#IdCommercant)

Chapitre 4 : Ralisation
Commentaire(IdCommentaire, ContenuCommentaire, #IdClient, #IdPromotion)
Aimer(IdAimer,IdClient, #IdPromotion)
Notation(IdNotation,IdClient,#IdPromotion)
Abonnement(IdAbonnement, #IdClient, #IdCommercant)

5.2. Dictionnaire de donnes


Le tableau suivant illustre la liste exhaustive des diffrents attributs:
Nom

Dsignation

Type

Longue

Identifia
nt
Oui

IdUtilisateur

Identifiant de l'utilisateur

Integer

ur
50

RoleUtilisateur

Role de chaque utilisateur

String

50

Non

String

50

Non

MotdepasseUtilisate Mot de passe de l'utilisateur

String

50

Non

ur
NomClient

Nom du client

String

50

Non

PrenomClient

Prnom du client

String

50

Non

DatedenaissanceCli

Date de naissance du client

Date

ent
TelClient

String

String

15

Non

SexeClient

Sexe du client(Homme ou

String

Non

AdresseClient

Femme)
Adresse du client

String

50

Non

CodepostalClient

Code postal du client

Integer

10

Non

VilleClient

Ville du client

String

50

Non

(Rle Client, Rle


Commerant ou Rle
EmailUtilisateur

Administrateur)
Email de l'utilisateur

Non

Chapitre 4 : Ralisation
PaysClient

Pays du client

String

64

Non

EtatcivilClient

Etat civil du client (clibataire

String

20

Non

Nombreenfants

ou mari(e))
Nombre d'enfants du client

Integer

Non

Enfant1

Intervalle de l'ge du 1er

String

50

Non

Enfant2

enfant
Intervalle de l'ge du 2me

String

50

Non

Enfant3

enfant
Intervalle de l'ge du 3me

String

50

Non

NomCommercant

enfant
Nom du commerant

String

50

Non

DescriptionCommer

Description de l'activit du

String

100

Non

cant
AdresseCommercan

commerant
Adresse du commerant

String

50

Non

t
CodePostalCommer

Code postal du commerant

Integer

10

Non

cant
VilleCommercant

Ville du commerant

String

50

Non

PaysCommercant

Pays du commercant

String

64

Non

TelCommercant1

Numro de tlphone du

String

15

Non

TelCommercant2

commerant
2me numro de tlphone du

String

15

Non

TelCommercant

commerant
3me numro de tlphone du

String

15

Non

FaxCommercant

commerant
Fax du commerant

String

15

Non

SitewebCommercan

Site web du commerant

String

50

Non

t
FacebookCommerca

Page Facebook du

String

50

Non

nt
TwitterCommercant

commerant
PageTwitter du commerant

String

50

Non

ImageCommercant

Image du commerant (du

Image

50

Non

local, de l'entreprise...)

Chapitre 4 : Ralisation
IdPromotion

Id de la promotion

Integer

50

Oui

TitrePromotion

Titre de la promotion

String

50

Non

DescriptionPromoti

Description de la promotion

String

100

Non

on
ConditionPromotion

Condition de la promotion

String

100

Non

CategoriePromotion

Catgorie de la promotion

String

50

Non

ReductionPromotion Le pourcentage de la rduction Integer

Non

AncienPrix

de la promotion
Ancien prix avant la rduction

Integer

Non

NouveauPrix

Nouveau prix aprs la

Integer

Non

DateDebut

rduction
Date du dbut de la promotion

Date

Non

DateFin

Date de la fin de la promotion

Date

Non

IdImage

Id de l'image de la promotion

Integer

Oui

SourceImage

Source de l'image

String

IdCommentaire

Id du commentaire

Integer

ContenuCommentai

Contenu du commentaire

String

re
DateCommentaire

Date du commentaire

Date

Non

IdAbonnement

Id de l'abonnement

Integer

Oui

IdAimer

Id de l'option aimer

Integer

Oui

IdNotation

Id de la notation

Integer

Oui

ValeurNotation

Valeur de la notation (nombre

Integer

Non

IdClic

des toiles)
Id du clic sur une promotion

Integer

Oui

100

Non
Oui

200

Non

Chapitre 4 : Ralisation
DateClic

Date du clic

Date

Non

6. Conclusion
Dans ce chapitre, nous avons prsent notre tude conceptuelle du systme. La vue
fonctionnelle a t illustre par les diagrammes de cas dutilisation. Ensuite, la vue statique, ralise
par le diagrammes des classes nous a permis de dfinir la structure du systme et de dgager les
diffrentes entits le composant. Enfin, la vue dynamique nous a permis davoir une vue gnrale
sur le droulement des cas dutilisation et leurs excutions, cette vue a t modlis par des
diagrammes de squence du systme puis des diagrammes de squence dtaills afin de modliser
linteraction des diffrents objets du systme et dcrivant ainsi son comportement.
Dans le chapitre suivant, nous dtaillons quelques aspects de la ralisation.

Chapitre 4 : Ralisation

Chapitre 4 : Ralisation

1. Introduction
La phase qui suit une conception bien dtaille est ventuellement limplmentation. Le
module additionnel sera implment en tant quune application web rpondant plusieurs
exigences. En effet, le projet devrait tre orient objet, dvelopper en PHP et JavaScript et utiliser la
base de donnes existante MySql.

2. Environnement technique
Il sagit dans cette partie didentifier les diffrentes caractristiques de
lenvironnement matriel et logiciel qui nous ont servi limplmentation de notre application.

2.1. Environnement matriel


Les machines utilises pour raliser ce projet :
Ordinateur portable HP qui dispose de la configuration suivante :
Systme dexploitation : Windows 8;
Processus Intel(R) Core(TM) i7 CPU;
8 Go de RAM;
1 To de disque dur
Ordinateur portable HP qui dispose de la configuration suivante :
Systme dexploitation : Windows 8;
Processus Intel(R) Core(TM) i5 CPU;
6 Go de RAM;
750 Go de disque dur

2.2. Environnement logiciel


Afin de raliser notre site, nous avons eu recours MySQL comme serveur de notre base de
donnes et NetBeans IDE 7.31 comme outil de dveloppement.
Le Framework Symfony 2 est l'environnement de travail qui sera utilis durant ce travail. Symfony
2 [Rf. 6] est un acronyme dsignant un ensemble de logiciels libres permettant de construire des
serveurs de sites Web. L'acronyme original se rfre aux logiciels suivants :
1 Voir Annexe 4

Chapitre 4 : Ralisation

Windows , le systme d'exploitation


Apache , le serveur Web
MySQL , le serveur de base de donnes
PHP , le langage de script
Pour la gestion des versions et le partage des fichiers entre les diffrents dveloppeurs dans

la socit, ce sont SVN et Tortoise qui ont t retenus pour faciliter le travail en groupe.2

3. Rgles mises en place


Afin de permettre au projet de se drouler convenablement et que tous puissent fonctionner de
faon homogne, un certain nombre de rgles ont t mises en place.
Dveloppement :
Nom des variables
Doit tre explicite quant lutilisation de celle-ci
Si compose de plusieurs mots : le premier en minuscule, les suivants

dbutent par une majuscule, pas de sparateur.


Nom des fonctions
Doit tre explicite quant lutilisation de celle-ci
Si compose de plusieurs mots: le premier en minuscule, les suivants

dbutent par une majuscule, pas de sparateurNom des classes


Doit tre explicite quant lutilisation de celle-ci
Si compose de plusieurs mots : En minuscule, chaque mot dbute par une

majuscule, pas de sparateur.


Systme :
IDE (Environnement de Dveloppement) : Netbeans
Systme dexploitation : Windows (install par dfaut sur les machines)

4. Dfinition : Style Mtro


Metro est une nouvelle vague visuelle qui dferle sur le web. Des combinaisons de
couleurs solides, des textes ancrs dans des formes gomtriques, un affichage clair, symtrique et
pur, toutes ces techniques font partie de ce langage de design. Inspire par les symboles clbres
des transports en commun (et en partie galement par le design classique suisse) cette forme
desthtisme minimaliste permet de guider aisment lutilisateur et de focaliser son attention sur le
2 Lenvironnement de dveloppement et partage de fichier seront dcrits dans lAnnexe 4

Chapitre 4 : Ralisation
contenu du site.[Rf.7]

5. Implmentation
La ralisation de ce projet sest tendu sur trois phases programmes ds le dbut afin de
pouvoir achever le projet dans le dlai prvu.

Cration de la base des donnes


Ralisation de la page d'accueil
Ralisation de l'authentification
Ralisation de l'inscription

5.1. Cration de la base des donnes


On a cre une base de donnes qui contient les tables suivantes:

Utilisateur : pour enregistrer les informations relatives aux utilisateurs (clients,

commerants et administrateur)
Promotion : pour enregistrer les informations relatives aux promotions
ImagePromotion : pour enregistrer les images des promotions
Abonnement : pour enregistrer les abonnements des clients
Commentaire : pour enregistrer les commentaires des clients
Notation : pour enregistrer les notations des clients sur les promotions
Aime : pour enregistrer les "aimes"/"likes" sur les promotions
Clic : pour enregistrer les clics sur chaque promotion (pour les statistiques)

5.2. Ralisation de la page d'accueil


La figure suivante [Figure 19] montre les diffrentes composantes visibles de la page
d'accueil de notre application ralise.
Cette interface reprsente la page principale de notre application, elle se distingue des autres
pages par le fait qu'elle est cense reprsenter, l'internaute visiteur, l'application sur lequel il se

Chapitre 4 : Ralisation
trouve de manire claire et forte [Rf. 8].

Figure 19 : Interface Accueil


L'interface de la page d'accueil est compose des tuiles3
Les tuiles peuvent adopter deux formes :
Les tuiles passives : elles ne font quafficher une icne fixe. Rien ne sert de les agrandir, elle
ne feront que prendre plus de place sans rien apporter de plus, par exemple, la tuile de
l'inscription [Figure 19] et la tuile de connexion [Figure 20]]

Figure 21 : Tuile d'inscription


Les

Figure 20 : Tuile de connexion

Les tuiles vivantes : Sur la figure 19, on en dcouvre quelques unes mais faute davoir
insrer une squence vido ou un gif anim il est difficile de voir lesquelles "bougent". Par
exemple celle affichant les promotions gauche est une tuile vivante, son contenu change
rgulirement, elle prsente en alternance les promotions les plus rcentes [Figure 22].

3 Une tuile est l'lment emblmatique du style Mtro

Chapitre 4 : Ralisation

Figure 22 : Tuile des promotions

Chapitre 4 : Ralisation

5.3. Authentification
Pour s'authentifier, l'internaute appuie sur le tuile "Connexion" et une barre de connexion
s'affiche droite [Figure 23] : elle permet d'accder la page
d'accueil en saisissant une adresse lectronique et un mot de
passe attribus l'utilisateur en question ds sa cration en
systme.

Figure 23 : Barre de connexion


Lorsque le client se connecte, il a l'accs une
interface diffrente qui est compose des tuiles prsentes
dans la figure ci-dessous [Figure 24].

Figure 24 : Interface Client

Chapitre 4 : Ralisation
Lorsque le client se connecte, il a l'accs une interface diffrente qui est compose des
tuiles prsentes dans la figure ci-dessous [Figure 25].

Figure 25 : Interface commerant

Lorsque l'administrateur se connecte, il a galement l'accs une interface diffrente qui est
compose des tuiles prsentes dans la figure ci-dessous [Figure 26].
Il peut consulter les promotions, les statistiques, la liste des clients et celle des commerants.

Figure 26 : Interface Administrateur

5.4. Inscription

Chapitre 4 : Ralisation
Pour s'inscrire, l'internaute appuie sur la tuile s'inscription4 qui lui offre le choix du compte
qu'il veut crer : compte client ou compte commerant [Figure 27].

Figure 27 : Pop-up de choix d'inscription

Client : affichage du formulaire d'inscription d'un client


Commerant : affichage du formulaire d'inscription d'un commerant

Des contraintes de validation sont appliques sur les champs des formulaires afin de vrifier les
valeurs entres. Un message d'erreur s'affiche au dessous du champ.
Ci-dessous, on illustre des exemples d' erreurs traits dans le formulaire d'inscription [Figure 28].

Figure 28 :Contraintes du formulaire d'inscription

5.5. Traitement des promotions

5.5.1. Gestion des promotions


Ds son authentification, le commerant peut ajouter des promotions.
Le formulaire d'ajout d'une promotion [Figure 29] permet au commerant d'ajouter des informations
4 Voir Figure 20

Chapitre 4 : Ralisation
sur la promotion qui sont accessibles par tous les internautes, alors, les informations doivent tre
claires et simples.

Figure 29 : Formulaire d'ajout d'une promotion

5.5.2. Recherche des promotions


On a adapter plusieurs moyens de recherche dans l'application pour rendre la consultation
des promotions plus facile et plus rapide pour les internautes: [Figure 30].

Figure 30 : Tuiles de recherche

Les promotions les plus populaires sont les promotions les plus visite par les internautes
Les promotions les plus rcentes sont les six promotions ajoutes rcemment par les

commerants
Les promotions les plus values sont les promotions qui possdent le plus grand nombre

Chapitre 4 : Ralisation

des commentaires, notations et aimes.


Les promotions les plus proches ne sont accessibles que par le client inscrit et authentifi car
on peut traiter l'affichage selon les informations de localisation qu'il possde.

Les promotions sont classes des catgories [Figure 31], ce qui facilite aux internautes de
trouver les promotions qu'ils cherchent facilement.

Figure 31 : Les catgories des promotions


La recherche avance consiste chercher des promotions selon des critres spcifiques : les
prix, les dates, les catgories, les fournisseurs... comme elle indique la figure suivant [Figure 32] :

Figure 32 : Interface de recherche avance

6. Conclusion
Dans ce chapitre, on a prsent brivement les diffrents aspects dvelopps au cours du
stage ; cration des tables ncessaires pour la base de donnes, ralisation des diffrentes interfaces
graphiques et enfin implmentation des contrleurs.

Chapitre 4 : Ralisation

Conclusion et perspectives
L'objectif vis travers ce rapport est de prsenter lapplication ralise au cours de notre
stage de projet de fin dtude au sein de la socit Proxym-IT. Dans un premier temps, on a
consacr nos rflexions ltude de lexistant, et on a critiqu les application existantes dans le
march pour amliorer notre application.
Cette tude nous a permis de passer une phase plus importante qui est : citer les besoins de
la socit et les rpartir en besoins fonctionnels et non fonctionnels. Une phase de conception
dtaille base sur UML et MVC, a prcd limplmentation de ce projet. En effet, on a pu, dans
ce qui a rest du temps, dvelopper une interface qui rpond ventuellement aux exigences
souligns pendant lanalyse et la conception. Certes, trois mois ne sont pas suffisants pour mener
toute lapplication terme, mais la partie la plus complexe a t ralise et approuve par mes
superviseurs.
Au terme de ce travail, au cours duquel nous avons beaucoup appris, nous pouvons affirmer
que ce stage a t enrichissant et plein dintrt. En effet lun des attraits du stage tait de pouvoir
travailler sur des logiciels libres la pointe de la technologie.
Durant ce stage, on a pu observer voir le droulement de la vie professionnelle et les
difficults que rencontre chaque membre de la socit au quotidien pour faire voluer les projets.
Chaque jour les membres de l'quipe alternent des tches d'organisation, de rflexion, de
dbuggage, d'amlioration ou mme de documentation. Cela nous a permis de nous rendre compte
des diffrentes tches auxquelles nous serons confront et que parfois la connaissance seule ne
suffit pas pour rsoudre les problmes. Cela nous fait dire que rien n'est acquis et que le travail
d'ingnieur est une formation et un apprentissage de tous les jours.

Chapitre 4 : Ralisation

Rfrences
[Rf. 1] : http://www.siteduzero.com
[Rf. 2] : http://www.developpez.com
[Rf. 3] : http://www.metrouicss.com
[Rf. 4] : http://www.webdesignertrends.com/2012/11/tendance-du-webdesignwindows-8metro-ui
[Rf. 5] :
[Rf. 6] : http://www.symfony.com
[Rf. 7] : http://fr.wix.com/blog/2013/01/01/5-tendances-de-web-design/
[Rf. 8] : http://fr.wikipedia.org/wiki/Page_d'accueil

Chapitre 4 : Ralisation

Annexe 1
Outils de dveloppement
Symfony 2
Symfony est un puissant framework. C'est un des frameworks les plus utiliss dans le
monde, notamment dans les entreprises. La premire version de Symfony est sortie en 2005 et est
aujourd'hui toujours trs utilise.
La deuxime version, Symfony 2 est sortie en aot
2011,elle est dit par la socit SensioLabs, dont le
crateur est Fabien Potencier.
Symfony 2 est utilis pour dvelopper des applications Web en PHP rapidement, mais de faon
structure et avec un code clair et maintenable en respectant l'architecture MVC (Modle - Vue Contrleur).
Les principales caractristiques de Symfony :
Compatible PHP 5 totalement orient objet.
Intgre larchitecture MVC et la mthode ORM.
Licence MIT (tout ce qui est ralis avec Symfony peut tre vendu).
Extensible et modulaire.
Supporte ajax.
Importante communaut trs active.
Trs grand nombre de traductions.
Conu pour une utilisation professionnelle.

[http://www.comparatif-framework.com/symfony]

Chapitre 4 : Ralisation

Annexe 2
Outils de conception
UML
UML ("Unified Modeling Language," ou "langage de
modlisation objet unifi") est n de la fusion des trois
mthodes qui ont le plus influenc la modlisation objet au
milieu des annes 90: OMT, Booch et OOSE. Issu "du
terrain" et fruit d'un travail d'experts reconnus, UML est le
rsultat d'un large consensus. De trs nombreux acteurs
industriels de renom ont adopt UML et participent son
dveloppement.
En l'espace d'une poigne d'annes seulement, UML est devenu un standard incontournable.
La presse spcialise foisonne d'articles exalts et en croire certains, utiliser les technologies objet
sans UML relve de l'hrsie. Lorsqu'on possde un esprit un tant soit peu critique, on est en droit
de s'interroger sur les raisons qui expliquent un engouement si soudain et massif ! UML est-il
rvolutionnaire ?
L'approche objet est pourtant loin d'tre une ide rcente. Simula, premier langage de
programmation implmenter le concept de type abstrait l'aide de classes, date de 1967 ! En 1976
dj, Smalltalk implmente les concepts fondateurs de l'approche objet : encapsulation, agrgation,
hritage. Les premiers compilateurs C++ datent du dbut des annes 80 et de nombreux langages
orients objets "acadmiques" ont tays les concepts objets (Eiffel, Objective C, Loops...).
Il y a donc dj longtemps que l'approche objet est devenue une ralit. Les concepts de base
de l'approche objet sont stables et largement prouvs. De nos jours, programmer "objet", c'est
bnficier d'une panoplie d'outils et de langages performants. L'approche objet est une solution
technologique incontournable. Ce n'est plus une mode, mais un rflexe quasi-automatique ds lors
qu'on cherche concevoir des logiciels complexes qui doivent "rsister" des volutions
incessantes.

Chapitre 4 : Ralisation

[http://laurent-piechocki.developpez.com/uml/tutoriel/lp/]

Chapitre 4 : Ralisation

Annexe 3
Outils du design
Style Mtro

Mtro, c'est un design cr par Microsoft pour ses nouvelles plates formes. On le retrouve
aussi bien pour linterface de Windows 8 que sur les tablettes Surface mais aussi sur les
Smartphones

bass

sur

la

technologie

Windows

Phone.

Les principes insuffls par cette interface moderne a donn des ides de nombreux designers. La
preuve, on trouve plus en plus de sites inspir par le nouveau design de Microsoft. De plus avec le
dploiement futur des nouvelles applications Metro, on peux rellement parler de tendance du
design

et

du

webdesign

venir.

Avantages du style Mtro


Lunivers Metro est reconnaissable par quatre caractristiques fondamentales: la

Chapitre 4 : Ralisation
typographie,

la

mouvement,

la

mise

en

page

de

type

grille

et

la

simplicit.

La typographie : Principe de base de linterface, la typographie est mise au cur de


lergonomique. Metro saffranchit ainsi des images et joue simplement avec diffrentes taille de
typographie, de graisses et de jeux de couleurs. Couple avec des pictogrammes si besoin, mais
toujours gre en tout simplicit. La police utilise par Metro est Sergoe UI, installe par dfaut sur
les ordinateurs Windows.
Le mouvement : Laspect lger et arien de linterface donne envie dy toucher ou dy cliquer pour
provoquer le mouvement et ainsi naviguer travers les crans de manire horizontale.
lutilisation, le mouvement offre une simplicit et une fluidit dutilisation facilement maitrisable.
Le rafraichissement des applications en direct et les animations amnent de la vie linterface.
Grille : Pour pouvoir tre adapt sur diffrentes rsolutions et plates-formes, le design a t pens
de manire fluide. Le responsive design est la solution idale pour avoir le mme rendu partout. La
grille est mise en place pour servir de base a ce systme de redimensionnement. Avec ce principe
clair bien tabli, il est facile de crer des mises en pages dapplications Metro.
Tout est prvu niveau design, la grille permet un zoning prcis selon les utilisations : par exemple
une page de dtail possde un gros titre en haut, avec un fil darianeUn listing est prsent avec
une suite de carr. De plus cest elle qui contribue donner cet effet ar et clair.
Simplicit : Sinscrivant totalement dans la modernit, linterface laisse de cot tout les principes
de design amen sur les OS prcdents (Windows 7 et bien avant). Ici pas de rfrences au physique
ou au rel. Les pavs de couleurs caractristiques et les icnes simples en aplats de couleur
replacent les icnes dtailles comme en peux en trouver dans les interfaces Apple par exemple.
Laccent

est

mis

avant

tout

sur

le

contenu.

Inconvnients du style Mtro

Le style plat du design ne permet pas lutilisateur didentifier facilement ce qui est

cliquable.
Le nouveau design sacrifie lergonomie sur lautel de la diffrenciation par rapport aux
interfaces graphiques traditionnelles

Facilement adaptable sur le web, les outils et ressources disponibles pour le webdesign Metro
fleurissent dailleurs de plus en plus.

[http://www.webdesignertrends.com]

Chapitre 4 : Ralisation

Chapitre 4 : Ralisation

Annexe 4
Environnement de dveloppement
1. Netbeans IDE 7.3
NetBeans est un projet open source ayant un succs et une base d'utilisateur trs
large, une communaut en croissance constante, et
prs 100 partenaires mondiaux et des centaines de
milliers d'utilisateur travers le monde. Sun
Microsystems a fond le projet open source NetBeans en Juin 2000 et continue d'tre le
sponsor principal du projet.
L'EDI Netbeans 7.3 est un environnement de dveloppement, c'est un outil pour les
programmeurs pour crire, compiler, dboguer et dployer des programmes. Il est crit en
Java, mais peut supporter n'importe quel langage de programmation. Il y a galement un
grand nombre de modules pour tendre l'EDI NetBeans.

[https://netbeans.org/index_fr.html]

2. TortoiseSVN
TortoiseSVN est un client open-source gratuit pour le systme de contrle de version
Subversion. C'est--dire TortoiseSVN gre des
fichiers et des rpertoires travers le temps. Les
fichiers sont stocks dans un rfrentiel central. Le
rfrentiel ressemble beaucoup un serveur de
fichiers ordinaire, sauf qu'il se rappelle chaque
changement jamais fait vos fichiers et rpertoires.
Cela vous permet de rcuprer les versions prcdentes de vos fichiers et examiner
l'historique de comment et quand vos donnes ont chang. C'est pourquoi beaucoup de
personnes pensent que Subversion et les systmes de contrle de version en gnral sont une

Chapitre 4 : Ralisation
sorte de machine remonter le temps . Quelques systmes de contrle de version sont
aussi des systmes de gestion de configuration logicielle (GCL). Ces systmes sont
spcifiquement conus pour grer des arborescences de code source et ont beaucoup de
fonctionnalits spcifiques au dveloppement de logiciel - comme la comprhension de
langages de programmation en natif, ou des outils d'approvisionnement pour construire le
logiciel. Subversion, cependant, n'est pas un de ces systmes ; c'est un systme gnral qui
peut tre utilis pour grer n'importe quelle collection de fichiers, y compris du code source.

[http://tortoisesvn.net/docs/nightly/TortoiseSVN_fr]