Académique Documents
Professionnel Documents
Culture Documents
Thme :
Ralis par :
Adel RAISSI
Encadr par :
UVT : LSAT_Nokia :
Anne Universitaire :
2012-2013
Ddicaces
Remerciement
Rsum
Dclaration de proprit
Avant propos
Introduction gnrale
Cadre gnral
Conception
Ralisation
Conclusion et perspectives
Recommandation
Glossaire
Webographie
Ddicaces
Rsum
Notre mmoire se concentre sur ltude, la conception et la
ralisation dun site de commerce lectronique pour le compte de LSAT
Nokia, qui permet notre socit denrichir de plus en plus sa base de
donnes clientle, ayant pour cible dans notre cas, ce quon appelle le
cyberconsommateur, cest dire le client distant sur le net.
Abstract
Our master thesis concentrates on the study, the design and the
implementation of an e-commerce website on the behalf of the LSAT
Nokia company, which will allow it to increasingly expand its customers
database and the target audience this time, is called the cyber-
consumers.
The main objectives of this web site are: the ability to present our
products in an online store available to everyone for checking or
commanding and commercial transactions, in order to facilitate the task of
online payment and follow the products delivery until receiving the
customers confirmation.
This report will summarize all the stages of our project.
Proprit intellectuelle
1. Description : ............................................................... 8
Conclusion ...................................................................... 11
Introduction ......................................................................... 13
1. Incontinents : ............................................................ 13
2. Avantage : ................................................................ 15
1. Incontinents : ............................................................ 16
2. Avantage : ................................................................ 17
Introduction : .................................................................... 20
1. Besoins fonctionnels..................................................... 21
Conclusion ........................................................................ 24
Introduction ...................................................................... 26
Conclusion ........................................................................ 50
Introduction gnrale :
Des ventes de mains en mains, vers des ventes virtuelles, passent
les priorits des oprations de ventes des biens et des services, ce qui
nous rend obligs de donner plus dimportance la vente lectronique.
I. Cadre du projet
Durant le quatrime semestre N2TR au sein de lUniversit Virtuelle
de Tunis UVT nous somme appels passer un stage de quatre mois
dont le fruit est ce mmoire.
1. Description :
LSAT-NOKIA comme lindique son nom cest une socit Sarl,
Tunisienne qui reprsente les produits Nokia en Tunisie, on peut aussi la
nommer le groupe LSAT parce quelle a un sige social Tunis et des
agences distribues sur le reste des gouvernorats du pays. Les principales
activits de LSAT_Nokia sont la vente et la rparation des tlphones
mobiles de la marque internationale NOKIA de la basse la haute gamme.
1. Organisation du rapport :
Pour un bon travail il nous faut un rapport bien structur qui peut
tre exploit aprs la mise en place de ce site, pour cela nous allons
organiser notre prsent rapport de la manire suivante :
2. Diagramme de Gantt :
Le diagramme de Gantt est un outil de planification des tches
ncessaires pour la ralisation d'un projet quelque soit le secteur
dactivit. Il permet de visualiser lavancement des tches dun projet de
manire simple et concise, de planifier et suivre les besoins en ressources
humaines et matrielles et donc de pouvoir suivre lavancement du projet.
Conclusion
Dans ce premier chapitre nous avons mis le sujet dans son cadre
gnral. Nous allons commencer un deuxime chapitre intitul Etudes
pralables dans le quel nous allons prciser nos besoins aprs une tude
analytique et comparative entre deux exemples de sites de ventes en
ligne en dduisant leurs avantages et leurs dfaillances que nous allons
dpasser dans notre projet.
Introduction
Il est indispensable avant de se lancer dans la ralisation de tout
projet, de bien tudier et analyser des projets similaires pour profiter des
avantages et viter les malveillances dans le prsent projet.
Pour cela jai choisis deux sites trs fameux dans la vente en ligne
en Tunisie le premier est www.Mytek.tn et le deuxime est
www.phonotunisie.com.
1. Inconvnients :
2. Avantage :
- Titres claires.
- Informations disponibles sur la mme page ce qui donne une
ide trs claire sur les produits ds la premire visite des pages.
- Les animations se diffrent par catgorie.
- Les liens des rseaux sociaux et des sites de mme intrt
sont disponible en permanence.
- Les contacts des boutiques de Mytek sont clairs et net.
1. Inconvnients :
2. Avantage :
Pour notre site web de phono nous trouvons plusieurs avantages
surtout en ce qui concerne laspect ergonomique des pages.
III. Synthse :
Conclusion
Beaucoup des leons tires de ce chapitre, il reste maintenant
dtudier les Mthodes de ventes utilises actuellement par la socit
daccueil et de bien spcifier les besoin pour la ralisation dune nouvelles
solution plus efficaces.
Introduction :
Dans ce troisime chapitre, nous allons mettre le sujet dans son
cadre gnral. Par la suite, nous aborderons ltude de la manire de
vente actuelle, suivie dune critique pour pouvoir concentrer sur les
problmes rsoudre pendant la ralisation de notre projet.
Ainsi, ce chapitre prsente un ensemble des besoins fonctionnels et
autres non fonctionnels.
I. Etude de lexistant
1. Description de lexistant
Comme toutes les socits commerciales, LSAT Nokia possde sa
manire de prsenter et de commercialiser ses produits.
Cette manire est divise en deux tapes principales, la premires
tape cest lexposition des produits par des affiches publicitaires, des
dpliants, les spots publicitaire dans les radios et les tlvision et aussi
par des vitrines qui se trouvent au sein de la socit, la deuxime tape
consiste vendre les produits guichet ou par lintermdiaire des agents
commerciaux.
2. Critique de lexistant
Depuis sa mise en place La procdure existante atteint ces objectifs
avec une frquence limit et non extensible voir quelle ne concerne quun
nombre limit des clients qui sont trs proches de la socit pour pouvoir
visiter les vitrines, voir les produits exposs et savoir la disponibilit de
ces derniers ainsi que leurs prix et leurs caractristiques techniques, tout
a reprsente une entrave devant la commercialisation des produits.
3. Solution propose
Afin de pallier aux dfaillances, nous proposons dinformatiser la
commercialisation de nos produits par la cration dune boutique virtuelle
sur Internet.
Il nous est indispensable de prciser cette tape que notre projet
de fin dtude prendra en considration toutes ces contraintes en essayant
1. Besoins fonctionnels
Les besoins fonctionnels se prsentent en huit grandes parties
- Exposition des produits ainsi que leurs prix et caractristiques.
- Inscription des clients.
- Ajout des produits choisis au panier.
- Choix du mode de livraison.
- Choix de la boutique de livraison.
- Confirmation de la commande.
- Le payement en ligne.
- Confirmation de lopration dachat et la rception de la facture.
b. Linscription du client :
Jusqu ce stade, le client est toujours anonyme mais pour pouvoir
passer un stade plus rigoureux, il faut quil sinscrive, ce la se fait
uniquement pour la premire commande mais aprs, notre client peut
sauthentifier avec son E-mail et son mot de passe pour passer dautres
commandes.
d. Mode de livraison :
Un client qui a dj confirm sa commande il est libre de choisir le
mode de livraison de sa marchandise soit domicile ou chez une boutique
selon une liste de chois mentionne sur notre site web.
e. Boutique de livraison:
Si le mode de livraison choisi est la boutique il faut que le client
indique cette boutique avec une prcision qui permet aux livreurs dtre
srs que la marchandise sera dans le bon lieu et dans les rendez-vous,
ayant une panoplie de boutiques relles, le client pourra choisir la plus
proche.
f. la livraison domicile :
En choisissant cette option comme mode de livraison, le client
devrait remplir soigneusement un formulaire contenant les informations
ncessaires telles que :
g. La confirmation de la commande :
Jusqu cette phase on a un client, une commande et une adresse
de livraison le chemin maintenant est plus clair, la commande ne passera
h. Le payement :
Cest une phase trs sensible, pour cela il faut quelle soit trs
scurise, pour terminer la procdure de payement avec succs le client
doit choisir un type de carte dans une liste de choix des cartes proposes
sur notre site web, indiquer le numro de sa carte et sa valeur de
vrification dite CVV.
d. Scurit :
Notre solution doit respecter surtout la confidentialit des donnes
personnelles des clients qui reste lune des contraintes les plus
importantes dans les sites web.
f. Compatibilit et portabilit :
Un site web quel que soit son domaine, son diteur et son langage
de programmation ne peut tre fiable quavec une compatibilit avec tout
les navigateurs web et tous les moyens que ce soit PC, IPAD ou Mobiles.
Conclusion
Dans ce chapitre on a prsent une tude du systme existant, les
lacunes quil comprend ainsi que les solutions que nous proposons pour
pallier ces problmes, nous avons aussi cit les besoins fonctionnels et
non fonctionnels qui sont indispensables pour mieux faciliter le travail
raliser.
Chapitre IV : Conception
Introduction
Dans le cycle de vie de notre projet, la conception reprsente une
phase primordiale et dterminante pour produire une application de haute
qualit. Cest dans ce stade que nous devons clarifier en premier lieu la
vue globale, en dcrivant larchitecture gnrale que nous allons suivre
dans la partie ralisation de notre projet. Puis, dans un deuxime lieu
nous allons dtailler notre choix conceptuel travers plusieurs types de
diagrammes.
I. Conception Gnrale
1. Cycle de vie :
1.1 Dfinition
Le cycle de vie d'une application comprend toutes les tapes depuis
sa conception et sa ralisation jusqu sa mise en uvre. L'objectif d'un
tel dcoupage est de permettre de dfinir des jalons intermdiaires
permettant la validation du dveloppement du logiciel et la vrification de
son processus de dveloppement.
Ses inconvnients
1 .4 Notre choix :
Afin de concevoir et dvelopper notre application, nous avons opt
pour le modle de cycle de vie en V. Ce choix reviens au fait que ce cycle
est le plus efficace avec son principe de travail qui ncessite la vrification
de chaque tape et la possibilit de corriger les fautes avant de se lancer
vers ltape suivante.
2. Mthodologie de conception
Pour faciliter notre tche nous avons recours langage de
modlisation unifi (UML : Unified Modelling Language) cest une notation
qui permet de modliser un problme de faon standard. Ce langage est
n de la fusion de plusieurs mthodes existantes auparavant, et il est
devenu une rfrence en terme de modlisation objet, un tel point que
sa connaissance devienne indispensable pour un dveloppeur.
3. Concept et architecture :
Notre mmoire consiste concevoir et raliser une boutique
virtuelle pour la vente en ligne des produits en se basant sur le modle
MVC constitu de trois parties. Bien videmment, les deux parties connues
qui sont les vues V (les interfaces IHM) et le modle M(le serveur de
donnes) et une troisime Partie reprsent comme contrleur de trafic C,
(le serveur dapplication).
Cette architecture a pas mal davantages pour quelle reste
toujours la plus utilise dans le monde de dveloppement Web tant
donne quelle se caractrise par :
- Lallgement du poste de travail.
- La prise en compte de l'htrognit des plates-formes
(serveurs, clients, langages, etc.).
- Lintroduction de clients dits " lgers " (plus lie aux
technologies Intranet/HTML qu'au 3-tiers proprement dit).
- Une meilleure rpartition de la charge entre les diffrents
entits clients et serveurs.
1.1 Dfinition
Les rles des diagrammes de cas dutilisation sont de recueillir,
danalyser et dorganiser les besoins, ainsi que de recenser les grandes
fonctionnalits dun systme. Il sagit donc de la premire tape UML pour
la conception dun systme.
Cas dutilisation
2.1 Dfinition
Cest un Diagramme associ un objet particulier ou un
ensemble d'objets, qui illustre les flux entre les activits et les actions. Il
permet de reprsenter graphiquement le droulement d'un cas
d'utilisation.
Activit
Activit 1 Activit 2
Transition automatique
Non
Oui
Activit 1 G Activit 2
Transition ar
conditionnelle
Condition de passage
Activit 1 Activit 2
Barre de Synchronisation
Activit 3
a. Diagramme dinscription
La phase dinscription est indispensable pour passer dun simple
visiteur du site qui na le droit que de consulter les produits et leurs prix
un client qui peut acheter ses articles dsirs et payer sa facture en ligne
et donc attendre la livraison de sa commande domicile.
b. Diagramme dauthentification
L'authentification est la procdure qui consiste, pour un systme
informatique, vrifier l'identit d'une entit (personne, ordinateur),
afin d'autoriser son accs aux systmes, rseaux, applications Elle
permet donc de valider l'authenticit de l'entit en question.
3.1 Dfinition
Un diagramme de squences est un diagramme d'interaction qui
expose en dtail la faon dont les oprations sont effectues : quels
messages sont envoys et quand ils le sont.
4 Diagramme de classes
4.1 Dfinition
Un diagramme de classes UML dcrit les structures d'objets et
d'informations utilises sur notre site web, la fois en interne et en
communication avec ses utilisateurs. Il dcrit les informations sans faire
rfrence une implmentation particulire. Ses classes et relations
peuvent tre implmentes de nombreuses manires, comme les tables
0..* 0..*
0..*
article propriete utilisateurs
- artid : int 0..* - propid : int - utilid : int
- artdesignation : String - proplib : String - utilmail : String
- prix : float 1..* - propvaleur : String - utillogin : String
- qtestock : int - utilpass : String
- tauttva : int - utilsexe : String
- tautremise : int - utilnom : String
- artimg : String - utilprenom : String
0..* - utiltel : String
- artdescription : String
fournisseaur - utilfax : String
1..1 - fourid : int - utiladresse : String
1..* - fourname : String - utilcodepostal : String
- fourmail : String - utilCIN : String
- fourtel : String - utilremarque : String
- fourfax : String
- fouradresse : String
- fourdescription : String 1..1 1..1
0..*
ville
- villeid : int
- villelib : String
1..*
commande etatcmd
0..*
- cmdid : int - etatcmdid : int
- cmddate : Date - etatcmdlib : int
- totalcmd : Float 1..1
0..* - cmddescription : String
1..1 1..1
5 Schmas Relationnelles :
article (artid, #marqid, #catid, #fourid, artdesignation, prix,
qtestock, tauttva, tautremise, artimg, artdescription)
1. Structure du site
Dans un site web commercial, la navigation et obligatoirement
volutive car le passage une phase dachat ncessite la confirmation de
la phase prcdente, de plus le faite maintenir une hirarchisation
quilibre qui permet l'accs rapide l'information et une comprhension
intuitive de la faon dont les pages sont organises tout en donnant la
possibilit dvoluer est un objectif pralable. Pour cela nous avons choisis
la structure en volution.
2. La charte graphique
Une charte graphique aboutit gnralement la cration de
modles de pages (en anglais Template) servant comme des gabarits pour
la cration du site web. Les Template sont des images cres sous forme
de calques ou bien des pages web reprsentant le squelette graphique des
pages types dans notre site web comme par exemple : la page daccueil,
la page client et la page administrateur dans notre projet .
Conclusion
Nous venons de terminer cette partie de conception, qui consiste
dterminer aussi bien les mthodes de travail que les chartes graphiques
de notre site web avec ses parties statiques et dynamiques.
Chapitre V : Ralisation
I. Environnement de travail :
Au niveau de cette dernire partie, nous allons numrer les outils
soft et hard que nous avons utiliss pour raliser notre site ainsi que ses
principales interfaces.
1. Environnement Hard :
- Hte : DELL INSPIRON N5010
- RAM : 4GO
a-Langage de programmation :
Nous avons eu recours, pour le dveloppement de notre application
au langage de programmation J2EE. Cest la garantie de portabilit qui fait
la russite de Java dans les architectures client-serveur en facilitant la
migration entre serveurs, trs difficile pour les gros systmes.
b-Environnement de dveloppement :
JDK : Java Dveloppent Kit Java est l'environnement dans lequel le
code Java est compil pour tre transform en byte-code afin que la
machine virtuelle JAVA (JVM) puisse l'interprter.
Jar : cest lui qui se charge de mettre l'ensemble des fichiers class
sous forme d'un paquetage unique dans un fichier JAR pour les archiver.
JPA : cest une API Java Persistance qui repose sur des entits
annots et sur un gestionnaire de ces entits (EntityManager) qui propose
des fonctionnalits pour les manipuler (ajout, modification suppression,
recherche). Ce gestionnaire est responsable de la gestion de l'tat des
entits et de leur persistance dans la base de donnes.
c- Outil de Conception :
Modelling Language) que nous avons adopt pour toute la suite de notre
travail.
d-Environnement de dveloppement:
e-Serveur dapplication :
g-Framework :
Cest la page daccueil qui saffiche ds laccs notre site web, elle
est constituer de trois parties principales :
Cette figure garde la mme structure que ses prcdentes sauf que
la partie centrale ne contient plus le catalogue des produit, elle reprsente
maintenant les dtails dun produit slectionn par le visiteur de notre site
web en cliquant sur le bouton voir qui se trouve sous chaque produit du
catalogue (voir figure 26)
Une autre fois nous nous trouvons devant une page qui ressemble
une autre dans une grande partie mme quelle est toute diffrente.
Dans cette page nous avons donn au client la main pour modifier
son profil tout moment.
Conclusion
Dans le chapitre ralisation nous avons appel prsenter les
interfaces ralis dans notre site web pour clarifier les tapes dutilisation
de notre site avec ses deux parties statique et dynamique.
C
D
E EDI, Easy php, E-Learning , EJB
G Glassfish
H
I
J JSF, JPA, JEE,
K
L
M MVC
N NetBeans
O
P
Q
R
T
U
V
W Web
X XHTML
Y
Z
Webographie
- http://web.univ-pau.fr/~lompre/conception/conception.htm
- http://www.memoireonline.com/02/09/2005/m_Conception-et-
Developpement-dun-logiciel--de-gestion-commerciale15.html
- http://fr.wikipedia.org/wiki/Cycle_de_d%C3%A9veloppement
- http://www.lafabrick.com/blog/2009/01/13/786-reflex-1-une-micro-
architecture-pour-flex-simple/
- http://laurent-audibert.developpez.com/Cours-UML/html/Cours-
UML010.html.
- http://fr.wikipedia.org/wiki/Webmaster
- http://docwiki.embarcadero.com/RADStudio/XE3/fr/Dfinition_des_
diagrammes_de_squence
- http://msdn.microsoft.com/fr-fr/library/vstudio/dd409437.aspx
- http://www.primefaces.org/showcase/ui/home.jsf
- http://www.jmdoudoux.fr/java/dej/chap-ejb.htm
- http://www.jmdoudoux.fr/java/dej/chap-jpa.htm