Rapportfinal

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
Socit PROXYM-IT
SOUSSE
Mme Zarga Amira
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
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
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
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
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
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
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
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
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
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.
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.
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 2 : ETUDE DE
L'EXISTANT ET SPECIFICATION
DES BESOINS
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:
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
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 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
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 points faibles:

Les catgories des promotions sont limites
Les promotions sont uniquement sur des produits tunisiens
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 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 sont uniquement des boutiques, des magasins et des grandes
surfaces
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 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
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.
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.
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
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
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
technologies qu'on va utiliser pour raliser notre application.
CHAPITRE 3 : CONCEPTION
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].
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
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:
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
3- Ladministrateur slectionne une news et choisit lopration de modification
4- Aller lopration qui suit 4
A3 : Suppression d'une promotion
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
Figure 8: Diagramme de cas d'utilisation Evaluer les promotions
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
commerant.
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
3- le navigateur affiche un message derreur
E2 : Priode d'inactivit
Le systme ferme automatiquement la session et invite lutilisateur sauthentifier
nouveau.
2.7. Cas d'utilisation S'inscrire

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:
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
Lors de la vrification, le systme trouve que l'internaute est dj inscrit.
2.8. Cas d'utilisation Consulter les promotions

Objectif: Ce cas dutilisation vise dcrire toutes les tapes relatives la
consultation des promotions par linternaute.
Pr-conditions:
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.
E1 : Erreur dans dadresse URL de ladministration
3- le navigateur affiche un message derreur
2.9. Cas d'utilisation Rechercher des promotions

Objectif: Ce cas dutilisation vise dcrire toutes les tapes relatives la recherche des
promotions par linternaute.
Pr-conditions:
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
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
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
Figure 11: Diagramme de squence d'authentification
Inscription
cas d'utilisation Inscription
Figure 12: Diagramme de squence d'inscription
Ajouter promotion
cas d'utilisation Ajouter promotion
Figure 13: Diagramme de squence d'ajout d'une promotion
Recherche des promotions

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
d'utilisation Authentification
Figure 15 : Diagramme de squence dtaill d'authentification
Inscription
d'utilisation Inscription
Figure 16 : Diagramme de squence dtaill de l'inscription
Ajouter promotion
d'utilisation Ajouter promotion
Figure 17 : Diagramme de squence dtaill d'ajout d'une promotion
Recherche des promotions

d'utilisation Recherche des promotions
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)
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
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...)
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
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.
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
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
Si compose de plusieurs mots: le premier en minuscule, les suivants
dbutent par une majuscule, pas de sparateurNom des classes

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
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
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
Figure 22 : Tuile des promotions
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
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
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
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
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.
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.
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
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]
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.
[http://laurent-piechocki.developpez.com/uml/tutoriel/lp/]
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
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]
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
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]

Rapportfinal

Uploaded by

Document Information

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Rapportfinal

Uploaded by

Copyright:

Available Formats

MINISTERE DE L'ENSEIGNEMENT SUPERIEUR

Rapport de projet de Fin dtudes

Ralisation d'une application Web Agrgateur Des

Mme BOUAZIZI Emna

Mme ZARGA Amira

Anne universitaire : 2012/2013

APPRECIATION ET SIGNATURE DES

Mme Bouazizi Emna

APPRECIATION ET SIGNATURE DES

Mme Zarga Amira

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

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

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

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

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

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

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

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

Liste des figures

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

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

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

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

Les points faibles:

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

Les points faibles:

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

Les points faibles:

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

Les points faibles:

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

Google+, Blogger et l'envoyer galement par email

Les points faibles:

3. Spcification des besoins

3.1. Spcification des besoins fonctionnels

Pages des promotions

A traves lespace dadministration, ladministrateur du site web peut :

Mettre jour la liste des promotions

Les fonctionnalits du systme se compose donc de plusieurs parties:

3.1.1. Gestion des promotion

3.1.3. Evaluation des promotions

3.1.4. Abonnement aux commerants

Lvolution du nombre de visites

Le commerant peut consulter les statistiques qui concernent ses promotions :

Le nombre quotidien de visites

Attribuer les droits d'accs par utilisateur

3.2. Spcification des besoins non fonctionnels

2. Vue fonctionnel du systme

2.1. Identification des acteurs

2.2. Diagramme des cas d'utilisation

Figure 6: Diagramme des cas d'utilisation gnral

2.3. Cas d'utilisation Grer les promotions

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

2.3.1. Cas d'utilisation Ajouter promotion

2.4.Cas d'utilisation Evaluer les promotions

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

2.5. Cas d'utilisation Grer les utilisateurs

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

2.6. Cas d'utilisation S'authentifier

2.7. Cas d'utilisation S'inscrire

2.8. Cas d'utilisation Consulter les promotions

2.9. Cas d'utilisation Rechercher des promotions

3. Vue statique du systme

Figure 10 : Diagramme des classes