Embed Size (px)
Citation preview
UNIVERSITE KASDI MERBAH OUARGLA Faculté des Nouvelles Technologies de l’Information et de la
Communication Département d’Informatique et des Technologies de l’Information
Mémoire Licence ACADEMIQUE
Domaine : Mathématiques et Informatique Filière : Informatique
Spécialité : Systèmes Informatiques
Présenté par : Acila Roumaissa Touhami Samia
Thème
Encadré par : Mahdjoub Mohammed Bachir
Année universitaire 2016/2017
Gestion de la maison de vente de véhicules
étude de cas Renault
1
Résumé
Ce mémoire se concentre sur La gestion de la maison de vente des véhicules. Notre travail
vise La conception et la réalisation d’un site de vente en ligne pour le compte de Renault
Ouargla, qui permet à notre société d’enrichir de plus en plus sa base de données clientèle,
ayant pour cible dans notre cas, ce qu’on appelle le cyberconsommateur, c’est à dire le client
distant sur le net.
L’objectif majeur de ce site est : la possibilité de présenter nos produits dans une boutique
virtuelle mise à la disposition de tout le monde.
Pour réaliser notre Project, nous avons utilisé le langage UML(Unified Modeling Language)
comme langage de modélisation et pour l'implémentation le choix s'est porté sur les langages
de programmation et les outils suivants : PHP(HyperTextPreprocessor) ,HTML(Hypertext
Markup Language) ,CSS(Cascading Style Sheets), JAVASCRIPT, MYSQL( My Sequel ),
PDO(PHP Data Objects ), Relationnel Rose, WAMP-serveur .
Mots clé: Vente des véhicules, Renault, UML, MYSQL, PHP, HTML, JavaScript, WAMP-
serveur.
الملخص
يارات عبر حيث قمنا في ذلك بتصميم و إنشاء موقع لبيع الس ،تتمحور هذه المذكرة حول إدارة وكالة بيع السيارات
.زايد للزبائنمت شبكة االنترنت وقد خصص ذلك لشركة " رونو ورقلة" و الذي يسمح لهذه الشركة بتوسيع عملها و بشكل
. متاح للجميع افتراضيتمثل الهدف الرئيسي لهذا الموقع في التمكن من تقديم منتجات الشركة في متجر و
، كما وقع اختيارنا على لغات البرمجة وهي: كلغة للبرمجة و للتنفيذ UML لتحقيق مشروعنا استخدمنا
.Rose Relationnel, WAMPserveur, PHP, HTML, CSS, JAVASCRIPT, MYSQL , PDO
. WAMP-serveur, JavaScript, HTML, PHP, MYSQL, UML, ، رونو: بيع السيارات الكلمات المفتاحية
2
Abstract
This memory is about the management of car dealership agency .
Our work is based on creating and designing an online car selling site for "Renault Ouargla",
which allowed us to expand the customer base increasingly.
The aims behind this site are showing the ability to present our products in a virtual shop for
everyone.
For that we used "UML" as a way of programming, and we chose the following programming
languages: PHP, HTML, CSS, JAVASCRIPT, MYSQL, PDO, Relational Rose, and WAMP-
server.
Key words: car selling, Renault, UML, MYSQL, PHP, HTML, JavaScript, WAMP-serveur.
3
Sommaire
Résumé…………................................................................................................................. 1
Table des figures .................................................................................................................. 4
Introduction générale............................................................................................................ 5
1. Problématique objectifs.................................................................................................... 5
2. Présentation du langage UML ………............................................................................. 5
2.1. Modélisation avec UML ............................................................................................... 6
3. Etude de besoins .............................................................................................................. 6
3.1. Spécification des besoins ...............................................................................................6
a. Les besoins fonctionnels (exigences fonctionnelles) .................................................. 7
b. Les besoins non fonctionnels ...................................................................................... 7
Diagramme de cas d’utilisation ...................................................................................8
3.2. Conception………......................................................................................................... 9
Diagramme de classe ................................................................................................... 9
3.3. Implémentation ............................................................................................................ 10
Présentation des outils utilisés........................................................................................10
4. Quelques interfaces de notre travaille ..............................................................................12
Conclusion .......................................................................................................................... 14
Bibliographie ........................................................................................................................15
4
Table des figures
Figure 1: Diagramme de cas d'utilisation ...........................................................................8
Figure 2: Diagramme de classe .......................................................................................... 9
Figure 3: Page d'accueil de notre site ............................................................................... 12
Figure 4: L'inscription d'un client ..................................................................................... 12
Figure 5: La demande d'un client ………………………………………………………..12
Figure 6: Page la mise à jour de l'administrateur.............................................................. 13
Figure7: la demande présence par l'administrateur........................................................... 13
5
Introduction générale
La maison de vente des véhicules est une société qui offre à ses clients le service de vente
des véhicules tout dépend de leurs exigences et bien d’autres prestations telle que la fourniture
des pièces de rechange, le service après vente qui permet au client l’assurance de son véhicule
(Les garanties expresses, les garanties légales, les garanties prolongées).
1. Problématique et objectifs
Malgré que la technologie a dominé de nombreux domaines, elle n’a pas encore englobé
le celui de vente des véhicules. Ainsi, une question se pose : comment on peut exploiter cette
technologie dans la gestion de vente des véhicules ?
L’objectif de ce travail est d’introduire la technologie à ce domaine et cela par
l’informatique de l’administration et la conception d’un site web permettant la vente des
véhicules, et faire un marketing pour la maison, en effet s’accroitre le nombre de client et
augmenter le bénéfice.
Notre site englobe les différents caractères requis pour une meilleure gestion.
Ainsi, nous avons abordé :
- La mise à jour de site (l'ajout, la modification et la suppression d'un véhicule)
- La manipulation des ventes : ajout, annulation, modification et la validation des demandes.
2. Présentation du langage UML :
« UML (en anglais Unified Modeling Language ou « langage de modélisation unifié ») est
un langage de modélisation graphique à base de pictogrammes. Il est apparu dans le monde du
génie logiciel, dans le cadre de la « conception orientée objet ». Couramment utilisé dans les
projets logiciels, il peut être appliqué à toutes sortes de systèmes ne se limitant pas au
domaine informatique.
6
2.1. Modélisation avec UML:
UML fournit un moyen astucieux permettant de représenter diverses projections d'une
même représentation grâce aux vues.
Une vue est constituée d'un ou plusieurs diagrammes.
On distingue deux types de vues :
Les vues statiques : Phase d'étude physique :
Il s'agit de prendre en compte les contraintes techniques. On utilise alors les diagrammes de
composants permet de montrer les composants du système de déploiement pour exprimer les
contraintes matérielles.
Et utiliser le Diagrammes d'objets pour représenter les instances de classes (objets) utilisées
dans le système, Diagrammes de classes il représente les classes intervenant dans le système.
Les vues dynamique : Phase d'étude fonctionnelle :
Identifier les cas d'utilisation (en anglais use cases) qui représentent les services rendus à
"l'utilisateur" du système et qui permettent de représenter le fonctionnement du système
vis-à-vis de l'utilisateur, c'est donc une vue du système dans son environnement extérieur.
D'autres utilisent les diagrammes d'états est la représentation simplifiée d'un diagramme de
séquence se concentrant sur les échanges de messages entre les objets.
Diagrammes d'activités: permet de décrire sous forme de flux ou d'enchaînement d'activités
le comportement du système ou de ses composants
Diagrammes de communication : crée depuis UML 2.x, représentation simplifiée d'un
diagramme de séquence se concentrant sur les échanges de messages entre les objets.
L'étape suivant concerne la description de la dynamique et des scenarii au moyen
des diagrammes de séquence : ici, ce sont des diagrammes de haut niveau qui ne font
intervenir que le système et les acteurs. [1]
3. Etude des besoins :
3.1Spécification des besoins :
Dans cette section du chapitre, nous nous intéressons aux besoins des utilisateurs traités
dans notre projet c’est à dire l’inscription du client, le choix des produits, le lancement des
7
commandes enfin la confirmation et donc le payement en ligne à travers les spécifications
fonctionnelles et non fonctionnelles pour aboutir à un site de qualité qui répond aux besoins
des clients.
a. Besoins fonctionnels :
Les besoins fonctionnels se présentent en huit grandes parties
Administrateur:
- Exposition des véhicules ainsi que leurs prix et caractéristiques.
- Ajout et modifie et supprimé des véhicules.
Client:
- L’Inscription
- Confirmation de la commande.
- Le payement en ligne.
- Confirmation d’achat et la réception de la facture dans son email.
b. Besoins non fonctionnels :
Les besoins non fonctionnels sont importants car ils agissent de façon indirecte sur le
résultat et sur le rendement de l’utilisateur, ce qui fait qu’ils ne doivent pas être négligés,
pour cela il faut répondre aux exigences suivantes :
1. Fiabilité:
L’application doit fonctionner de façon cohérente sans erreurs et doit être satisfaisante.
2. Les erreurs :
Les ambigüités doivent être signalées par des messages d’erreurs bien organisés pour bien
guider l’utilisateur.
3. Sécurité :
Notre solution doit respecter surtout la confidentialité des données personnelles des clients
qui reste l’une des contraintes les plus importantes dans les sites web.
8
Les diagrammes des cas d’utilisation
Définition:
Un diagramme de cas d’utilisation capture le comportement d’un système, d’un sous-
système, d’une classe ou d’un composant tel qu’un utilisateur extérieur le voit. Il scinde la
fonctionnalité du système en unités cohérentes, les cas d’utilisation, ayant un sens pour les
acteurs. Ainsi ces cas d’utilisation permettent d’exprimer le besoin des utilisateurs d’un
système, ils sont donc une vision orientée utilisateur de ce besoin au contraire d’une vision
informatique.
Figure 1: Diagramme de cas d'utilisation
9
3.2-Conception
Diagramme de classes
Définition :
Un Diagramme de classes UML décrit les structures d'objets et d'informations utilisées sur
notre site web, à la fois en interne et en communication avec ses utilisateurs. Il décrit les
informations sans faire référence à une implémentation particulière.
Figure 2: Diagramme de classe
10
3.3-L'implémentation
Présentation des outils utilisés:
Nous avons utilisé WampServer comme un serveur local pour notre site et le langage
PHP pour le développement des pages web dynamiques; concernant les pages statiques, nous
avons utilisé HTML et CSS.
HTML (Hypertext Markup Language) :
L'HTML est un langage informatique utilisé sur l'internet. Ce langage est utilisé pour créer
des pages web. L'acronyme signifie HyperText Markup Language, ce qui signifie en français
"langage de balisage d'hypertexte". Cette signification porte bien son nom , permet de réaliser
de l'hypertexte à base d'une structure de balisage.
Css (Cascading Style Sheets):
Le CSS est un langage informatique utilisé sur l'internet pour mettre en forme les
fichiers HTML ou XML. Ainsi, les feuilles de style, aussi appelé les fichiers CSS,
comprennent du code qui permet de gérer le design d'une page en HTML.
JavaScript :
Le JavaScript est un langage informatique utilisé sur les pages web. Ce langage à la
particularité de s'activer sur le poste client, en d'autres mots c'est votre ordinateur qui va
recevoir le code et qui devra l'exécuter.
PHP (HyperText Preprocessor) :
Est un langage informatique utilisé sur l'internet. Le terme PHP est un acronyme récursif
de "PHP: HyperText Preprocessor".
Ce langage est principalement utilisé pour produire un site web dynamique. Il est courant que
ce langage soit associé à une base de données, tel que MySQL.
Exécuté du côté serveur (l'endroit où est hébergé le site) il n'y a pas besoin aux visiteurs
d'avoir des logiciels ou plugins particulier. [2]
11
PDO (PHP Data Objects ):
Le PDO Est une interface légère et cohérente pour accéder aux bases de données en PHP.
Chaque pilote de base de données qui implémente l'interface PDO peut exposer des
fonctionnalités spécifiques à la base de données en tant que fonctions d'extension
régulières.[3]
Mysqli ("My S-Q-L", "My Sequel" ):
MySQL, prononcé soit "Mon S-Q-L" ou "Mon Sequel" est un système de gestion de base
de données relationnelle open source. Il est basé sur le langage de requête de structure (SQL),
qui est utilisé pour ajouter, supprimer et modifier des informations dans la base de données.
Rational Rose :
Est un outil de conception de logiciels Unified Modeling Language orienté objet (UML)
destiné à la modélisation visuelle et la construction composante des applications logicielles au
niveau de l'entreprise. un concepteur de logiciel utilise il pour créer visuellement le cadre d'une
application en bloquant les classes avec les acteurs des éléments de cas d’utilisation, les objets et
des messages / des relations .
Wampserver (Windows, Apache, MySQL, PHP) :
WampServer est une plate-forme de développement Web sous Windows pour des
applications Web dynamiques à l’aide du serveur Apache2, du langage de scripts PHP et
d’une base de données MySQL. Il possède également PHPMyAdmin pour gérer plus
facilement vos bases de données.
12
4- Quelques interfaces:
Notre site:
Figure 3: Page d'accueil de notre site
Figure 4: L'inscription d'un client Figure 5: La demande d'un client
13
Quelque pages de l'administrateur:
Concernant les tâches d'administrateur, ce dernier doit s'authentifier pour les
effectuer.
Figure 6: Page de la mise à jour de l'administrateur
Figure 7: la demande présence par l'administrateur
14
Conclusion
Dans ce travail, nous avons élaboré un site web dynamique pour la maison
"Renault Ouargla".
La gestion de la maison souffrait des problème d'organisation, chose qui a perdu la
confiance des clients .
Noter travail se situ un intermédiaire entre le client et la maison pour qu’il connaisse
les services offerts et les automobiles disponibles et de faire des transactions commerciales, il
permet au client de faciliter la tâche du payement en ligne et de suivre la livraison des
produits et pour et la communication avec l’administration.
La réalisation de ce projet, nous a appris comment faire une conception pour gérer une
fonctionnalité au sein d’une entreprise, gérer une base de données ainsi que l’utilisation des
langages HTML et PHP ….etc.
Comme perspectives, nous espérons améliorer notre site par ajoutant une fonctionnalité
qui sera la garanti, celle-ci permettre eu employée de l'agence de suivi son client toute au
long de la période de la garantie .En plus, nous voulons augmenter le niveau de sécurité de
notre site.
15
Bibliographie:
[1] « Modélisation avec uml », URL https://uml.developpez.com/faq/?page=Etapes-d-une-
modelisation-UML , consulté avril 2017.
[2] « Présentation de WAMPSERVER et CHAMILO », URL : glossaire.infowebmaster.fr,
Consulté le 29 avril 2017.
[3] « Documentation, Définition PDO», URL http://php.net/manual/en/intro.pdo.php,
Consulté le 04 mai 2017.
