REPUBLIQUE DU NIGER
MINISTERE DE L'ENSEIGNEMENT SUPERIEUR, DE LA
RECHERCHE ET DE L'INNOVATION
UNIVERSITE DE TAHOUA
INSTITUT UNIVERSITAIRE DE TECHNOLOGIE
Encadreur professionnel :
M .Abdoulaye ARZIKA
Chef de centre de transmission de Niger Télécoms
Dosso
Encadreur pédagogique :
Ing. AMADOU OUABANAIZE Sidi Ali Enseignant permanent à
l'IUT de Tahoua
Licence Professionnelle en Informatique de
Gestion
Promotion n°4
Année universitaire 2018-2019
Mémoire professionnel
THEME
Conception et Réalisation d'une application de
vente des produits de Niger télécoms de Dosso
Présenté par :
M. HAMADOU MOUMOUNI Abdou
JUIN 2019
Décharge
« L'Institut Universitaire de Technologie (IUT) de Tahoua
n'entend donner aucune approbation ni improbation aux opinions qui sont
émises dans ce document. Elles doivent être
considérées comme propres à son auteur. »
|
|
III
|
|
Licence professionnelle en Informatique de Gestion (IG)
Année universitaire 2018-2019 « IUT de
Talloua »
|
|
|
|
|
|
|
Dédicace
Je dédie ce travail à notre famille.
|
|
IV
|
|
Licence professionnelle en Informatique de Gestion (IG)
Année universitaire 2018-2019 « IUT de Tahoua
»
|
|
|
|
|
|
|
Remerciements
Mes plus vifs remerciements vont à mon encadreur M.
AMADOU OUABANAIZE Sidi Ali pour sa compréhension, sa
disponibilité, son aide et ses précieux conseils qui m'ont
été très utiles pour l'élaboration de ce
mémoire.
Je remercie très sincèrement M. Abdoulaye ARZIKA
le Chef de centre de transmission de Niger Télécoms Dosso mon
tuteur professionnel, qui m'a formé et accompagné tout au long de
cette expérience professionnelle avec beaucoup de patience et de
pédagogie.
Je remercie également M. Hama MOUSSA le Technicien du
centre de transmission de Niger Télécoms Dosso pour sa
disponibilité et son soutien.
Un profond remerciement à toute personne qui a
contribué de près ou de loin à la réalisation de ce
mémoire.
|
|
V
|
|
Licence professionnelle en Informatique de Gestion (IG)
Année universitaire 2018-2019 « IUT de Tahoua
»
|
|
|
|
|
|
|
Sigles et Abréviations
ADSL : Asymetric Digital
Subscriber Line
BC : Business Center
CC : Centre Commercial
CDMA : Code Division
Multiple Access
CFA : Communauté
Financière Africaine
CSS: Cascading Style
Sheets
GSM: Global System for
Mobile
HTML: Hyper Text
Mark-up Language
IUT : Institut Universitaire
de Technologie
NT : Niger
Télécoms
OMT: Objet
Modeling Tehnic
OOSE: Objet
Oriented Software
Engineening
PHP : HyperText Preprocessor
PV : Point de
Vente
SAHELCOM : Sahélienne de
Communication
SGBD : Système de
Gestion de Base de Données
SONITEL :
Société Nigérienne des
Télécommunications
SQL : Structured
Query Langage
TIC : Technologies de
l'Information et de la Communication
UML: Unified Modeling
Language
USB: Universal Serial
Bus
|
|
VI
|
|
Licence professionnelle en Informatique de Gestion (IG)
Année universitaire 2018-2019 « IUT de Talloua
»
|
|
|
|
|
|
|
Liste des figures
Figure 1: architecture MVC 10
Figure 2 : structure du système
.11
Figure 3 : diagramme de cas d'utilisation
.13
Figure 4 : diagramme de classe 15
Figure 5 : diagramme de séquence du
cas d'authentification ..16
Figure 6 : diagramme de séquence du
cas de création de compte 17
Figure 7 : diagramme d'activité
inscription .18
Figure 8 : diagramme d'activité
authentification .19
Figure 9 : diagramme de déploiement
.21
Figure 10 : architecture du SGBD 25
Figure 11 : la structure d'une base de
données 26
Figure 12 : table I : vue de la table produit
27
Figure 13 : table II : vue de la table users
28
Figure 14 : table III : vue de la
catégorie .28
Figure 15 : page d'accueil .29
Figure 16 : catégorie des produits
30
Figure 17 : détail d'une SIM 31
Figure 18 : création d'un compte 32
Figure 19 : login 33
Figure 20 : page de contact 34
Figure 21 : le panier .35
Figure 22 : formulaire de paiement ....36
|
|
VII
|
|
Licence professionnelle en Informatique de Gestion (IG)
Année universitaire 2018-2019 « IUT de Tahoua
»
|
|
|
|
|
|
|
SOMMAIRE
Décharge II
Dédicace IV
Remerciements V
Sigles et Abréviations VI
Liste des figures VII
INTRODUCTION GENERALE 1
CHAPITRE I : CADRE GENERAL 3
CHAPITRE II : ANALYSE DE LA VENTE DES PRODUITS DE
NIGER
TELECOMS DOSSO 6
CHAPITRE III : LA MODELISATION DU SYSTEME 12
CHAPITRE IV : REALISATION ET MISE EN OEUVRE 22
CONCLUSION GENERALE 38
BIBLIOGRAPHIE ET WEBOGRAPHIE 39
ANNEXE 40
TABLE DES MATIERES 45
|
|
VIII
|
|
Licence professionnelle en Informatique de Gestion (IG)
Année universitaire 2018-2019 « IUT de
Tahoua »
|
|
|
|
|
|
|
INTRODUCTION GENERALE
Les Technologies de l'Information et de la Communication
(TIC), résultant de la convergence entre les
télécommunications, l'informatique et l'audiovisuel, constituent,
à n'en point douter, l'une des innovations majeures du 21ème
siècle. Grâce à leurs multiples applications, aucun domaine
d'activités humaines n'échappe à leur emprise. C'est
pourquoi, ces technologies sont intégrées dans les
paramètres de calcul de l'indice de développement humain.
En effet, cette dernière décennie a
été marquée par le développement des TIC, et
surtout de l'Internet. Ce développement technologique a provoqué
des mutations profondes dans l'environnement économique des entreprises
et la naissance d'une nouvelle économie ou d'un nouveau marché
dit «marché virtuel». Ce nouveau commerce à travers
Internet se caractérise par une croissance très rapide, touchant
des secteurs importants de l'économie : distribution, secteur bancaire,
secteur touristique et hôtelier. Désormais, les chances de
développement du commerce électronique dans un secteur
économique sont fortement influencées par son potentiel à
apporter des avantages concurrentiels aux divers acteurs économiques.
Certains auteurs considèrent les nouvelles technologies de l'information
et de la communication comme des progrès technologiques qui n'ont pas de
valeur propre mais qui tirent leur importance de leur potentiel à aider
les entreprises à atteindre certains objectifs opérationnels, et
qui pourraient offrir aux entreprises des perspectives intéressantes en
termes de rentabilité et d'avantages concurrentiels.
Au Niger le secteur de la télécommunication
comprend quatre principaux acteurs, parmi lesquels, Niger
Télécoms est doté de près de 400 000
abonnés en 2018. Le nouvel opérateur a pour principaux
concurrents Airtel Niger, Moov de Maroc Telecom et Orange Niger. Avec un
personnel dépassant de loin l'ensemble des personnels des trois autres
compagnies concurrentes, des infrastructures de qualité et un patrimoine
assez important, Niger Télécoms bénéficie de toutes
les ressources nécessaires pour repartir de plus bel à la
conquête du marché nigérien à armes égales
avec les autres opérateurs. Dans un contexte de forte concurrence les
deux principaux acteurs qui dominent le marché de la
téléphonie mobile au Niger, à savoir Airtel Niger et
Orange Niger disposent chacun d'un site web comme moyen de prospection
commerciale, d'optimisation de ventes voire de gestion de la relation client.
Nous proposons de créer un site de la vente en ligne des produits de
Niger Télécoms Dosso afin de lui permettre de se rapprocher de sa
clientèle la plus rentable et de susciter en elle le sentiment
d'acheter.
|
|
|
|
Licence professionnelle en Informatique de Gestion (IG)
Année universitaire 2018-2019 « IUT de Tahoua
»
|
|
|
|
|
|
|
En effet, notre vision, à travers ce projet de fin
d'études, est d'innover pour le secteur des
télécommunications en créant un site e-commerce pour Niger
Télécoms Dosso. Ce site pourra lui servir de prototype pour une
utilisation commerciale.
Ce présent mémoire a été
rédigé dans le cadre de notre spécialisation en «
Informatique de Gestion » à l'Institut Universitaire de Technologie
de Tahoua. Nous avons choisi comme thème pendant notre stage à
Niger Telecom de Dosso « La conception et la réalisation
d'une application de la vente en ligne des produits de Niger
Télécoms Dosso ». Ce stage s'est effectué du
10 avril au 10 juin 2019 au sein de Niger Telecom de Dosso. L'objectif de notre
travail est de créer un site e-commerce qui doit permettre l'inscription
des visiteurs pour devenir clients, le suivi des commandes effectuées et
la gestion des paiements en ligne.
Nous avons ainsi structuré notre travail de la
manière suivante : d'abord, dans le premier chapitre « Cadre
général », nous avons mis notre projet dans son cadre
général et décrit notre organisme d'accueil. Ensuite, dans
le deuxième chapitre intitulé « l'analyse de la vente des
produits de Niger télécoms Dosso ». Ensuite le
troisième chapitre sera consacré sur la modélisation de
l'application. Enfin le quatrième chapitre parlera sur la conception et
la réalisation de notre application.
|
|
|
|
Licence professionnelle en Informatique de Gestion (IG)
Année universitaire 2018-2019 « IUT de Tahoua
»
|
|
|
|
|
|
|
CHAPITRE I : CADRE GENERAL
Ce chapitre est consacré à la présentation
de Niger Télécoms qui est l'organisme au sein duquel
nous avons effectué notre stage de fin d'études
du cycle de la Licence Professionnelle option Informatique de Gestion à
l'institut Universitaire de Technologie de Tahoua. Dans ce chapitre nous allons
parler de l'historique de Niger Télécoms, du fonctionnement de
l'agence de Dosso, de ses missions et de ses objectifs. Nous terminons le
chapitre avec la présentation des produits et services
commercialisés par Niger Télécoms Dosso.
I.1. Historique de Niger Télécoms
Dotée d'un capital de départ de 23,5 milliards
de francs CFA, la société Niger Télécoms est
née de la fusion des deux compagnies nationales que sont la
Société Nigérienne des Télécommunications
(SONITEL) opérateur historique des télécommunications au
Niger, et sa filiale la Sahélienne de Communication (SAHELCOM). La
vision des autorités, est de disposer d'un seul opérateur public
des télécommunications à l'instar des autres pays de la
sous-région, de mutualiser les ressources techniques, financières
et sociales afin d'assurer une gestion optimale et rationnelle des ressources
des deux sociétés. La fusion assure aussi une offre globale des
services innovants par l'exploitation des réseaux et la fourniture des
services fixes et mobiles des télécommunications ouverts au
public, en facilitant le déploiement des technologies mobiles, et en
rendant plus attractif l'opérateur public national. La
société Niger Télécoms est placée sous la
direction d'un Directeur Général nommé par décret
pris en conseil de ministres. Il assure la direction des affaires commerciales,
techniques, administratives, et financières de l'entreprise qu'il
représente dans tous les actes de la vie civile. Niger
Télécoms est doté d'un Conseil d'Administration qui est
l'organe suprême de décision.
Pour fonctionner efficacement, Niger Télécoms a
mis en place une structure organisationnelle permettant d'améliorer,
simultanément, la division du travail et la coordination des
activités. Ainsi Niger Télécoms, a ouvert des agences dans
les sept (7) autres régions du pays (Agadez, Diffa, Dosso, Maradi,
Tahoua, Tillabéry et Zinder). Ces agences assurent la convergence des
actions pour l'accomplissement de la mission assignée à la
société. C'est au niveau de l'agence de Dosso que le
présent mémoire a été réalisé. Cette
agence de Niger Télécoms compte un effectif de 60 agents toutes
catégories confondues (Agence Niger Télécoms Dosso, 2018).
La structure organisationnelle de Niger Télécoms Dosso comprend
(voir annexe 8)
? Direction qui coordonne l'ensemble des activités
administratives et financières de l'agence Niger Télécoms
Dosso ;
|
|
|
|
Licence professionnelle en Informatique de Gestion (IG)
Année universitaire 2018-2019 « IUT de Tahoua »
|
|
|
|
|
|
|
+ Coordination commerciale qui harmonise l'ensemble des
activités commerciales au niveau du Centre Commercial (CC) et du
Business Center (BC) ;
+ Coordination technique qui assure le fonctionnement et la
maintenance des infrastructures des télécommunications de la
société ainsi que l'installation des lignes
téléphoniques et/ou internet chez les abonnés. Cette
coordination dispose de trois centres qui sont notamment : le centre de
production, le centre de commutation et le centre de transmission ;
+ Coordination logistique et finance : la coordination
logistique assure à la fois le ravitaillement, la manutention et le
transport des produits Niger Télécoms et le déplacement
des agents. Quant à la coordination financière, elle s'occupe de
la gestion des ressources financières de Niger Télécoms
Dosso.
Etant étudiant en Informatique de Gestion à
l'Institut Universitaire de Technologie de Tahoua, les activités de
notre stage se sont principalement déroulées au sein de la
coordination commerciale et Technique.
I.2. Missions et objectifs de Niger
Télécoms
La société Niger Télécoms a pour
missions principales d'assurer (Agence Niger Télécoms Dosso,
2018) :
> La fourniture des services et produits tels que : le GSM,
le filaire, la fibre optique, l'ADSL...etc. Sur toute l'étendue du
territoire nigérien ;
> Tous les services publics de
télécommunications ;
> Etablir, développer et exploiter les
réseaux publics nécessaires à la fourniture de ces
services et garantir leur connexion avec les réseaux étrangers
;
> Fournir dans le respect des règles de la
concurrence tout autre service d'installation de réseaux de
télécommunication. Les objectifs de la société
Niger Télécoms sont (Agence Niger Télécoms Dosso,
2018) :
> Favoriser l'accès d'un plus grand nombre des
Nigériens aux services des TIC, par l'édification
d'infrastructures de communication à large bande sur l'ensemble du
territoire national, vaste d'environ 1 267 000 km2 ;
> Augmenter la capacité de l'internet en
débit pour les utilisateurs mobiles sur l'ensemble du territoire ;
Réduire le coût de l'internet et élaborer des mesures
d'accompagnement.
I.3 Les produits et services de Niger
Télécoms Dosso
Les produits et services offerts par Niger Télécoms
Dosso sont (Agence Niger Télécoms Dosso,
2018) :
« Boukata » : recharge électronique de
crédits de communication GSM ;
|
|
4
|
|
Licence professionnelle en Informatique de Gestion (IG)
Année universitaire 2018-2019 « IUT de Tahoua
»
|
|
|
|
|
|
|
> Création Numéro ;
> Fibre Optique
> Flotte
> Greffage
> Pack SIM NT
> Les cartes de recharge fixe « DOGONAY » ;
> Les cartes de recharge GSM ;
> Modem USB CDMA ;
> Modem CDMA « DOGONAY » ;
> Pack phone NT : Smartphone marque « Huawei »
;
> Routeur wifi ADSL ;
> Téléphone portable CDMA « DOGONAY
»
Au terme de ce chapitre consacré à la
présentation de notre structure d'accueil, nous disons que
Niger Télécoms est une société
publique des télécommunications. C'est une société
qui
convient bien à un pays comme le Niger, car,
dotée d'une organisation bien structurée, elle
intervient à la fois dans le secteur de la
téléphonie fixe et mobile. Au vu des larges tâches
à
remplir, il reste à savoir si cette institution arrive
à concrétiser ses objectifs.
|
|
5
|
|
Licence professionnelle en Informatique de Gestion (IG)
Année universitaire 2018-2019 « IUT de Talloua
»
|
|
|
|
|
|
|
CHAPITRE II : ANALYSE DE LA VENTE DES PRODUITS DE NIGER
TELECOMS DOSSO
Dans ce chapitre consacré à l'analyse de la
vente des produits de la société Niger Télécoms
Dosso, nous avons décrit et critiqué la
méthode de vente existante de ladite société et
proposé une solution. Le chapitre s'achève avec la
présentation du langage de la modélisation du site
créé pour Niger Télécoms Dosso.
II.1. Description de l'existant
La vente des produits de Niger Télécoms se fait de
façon « traditionnelle ». Il n'y a pas
l'utilisation des services d'internet. La vente repose sur le
contact entre le vendeur et l'acheteur. En effet, pour mettre à la
disposition de ses clients ses produits et ses services, Niger
Télécoms leur offre plusieurs possibilités. Le client a la
possibilité de se rendre au niveau du Business Center (BC) ou du Centre
Commerciale (CC) de Niger Télécoms Dosso. Dans ces centres, il
est accueilli par des agents commerciaux qui assurent la prestation de services
télécoms. Niger Télécoms a également
implanté de nombreux points de vente (PV) un peu partout sur l'ensemble
du territoire national, que ce soit au niveau des marchés que dans les
gares et dans les stations-service. Enfin Niger Télécoms dispose
aussi des agents commerciaux ambulants communément appelés «
force de ventes » qui assurent la vente des produits dans les centres
urbains comme dans les centres ruraux.
II.2. Critique de l'existant
Dans un contexte de forte concurrence les deux principaux acteurs
de la téléphonie mobile au
Niger, à savoir Airtel Niger et Orange Niger ont mis
depuis 2010 à la disposition de leurs clients le porte-monnaie
électronique. Ainsi, les abonnés de ces sociétés
utilisent leurs téléphones mobiles pour des transactions
financières à travers des applications mobiles et/ou des sites
« vitrines ».Ces sites web présentent les différents
produits et/ou services sur le réseau internet à des fins
commerciales. Contrairement aux deux principaux acteurs de la
téléphonie mobile, Niger Télécoms ne dispose pas
encore d'une plateforme pouvant permettre d'effectuer des transactions
commerciales électroniques entre elle et ses clients.
Niger Télécoms n'a pas encore totalement
intégré les Nouvelles Technologie de l'information et de la
Communication dans ses méthodes de vente. Cela représente une
entrave pour la vente des produits Niger Télécoms.
II.3. Solution proposée
Afin d'améliorer la performance des ventes des produits
Niger Télécoms, nous proposons
d'informatiser la commercialisation de produits par la
création d'une boutique virtuelle sur Internet. Cette boutique virtuelle
assurera la vente en ligne des produits Niger Télécoms Dosso.
|
|
|
|
Licence professionnelle en Informatique de Gestion (IG)
Année universitaire 2018-2019 « IUT de Talloua
»
|
|
|
|
|
|
|
L'implémentation du site nécessite l'utilisation
des outils informatiques. Pour réaliser ce projet nous allons utiliser
un langage de modélisation.
II.3.1 Le Langage de modélisation
Pour conduire un projet d'analyse et de conception de
façon à le réussir, il faut choisir un langage de
modélisation approprié. A cet effet, UML (Unified Modeling
Language) a été choisi comme langage de
modélisation.
II.3.1.1. Présentation d'UML
UML (Unified Modeling Language, que l'on peut traduire par
« langage de modélisation Unifié ») est un langage
permettant de modéliser un problème de façon standard. Ce
langage est né de la fusion de plusieurs méthodes existantes
auparavant (OMT, BOOCH, OOSE), et est devenu désormais la
référence en terme de modélisation objet, à tel
point que sa connaissance est nécessaire pour conduire un grand
projet.
Il est fondé sur les concepts orientés objets et
a été conçu pour la modélisation de tous les
phénomènes de l'activité de l'entreprise
indépendamment des techniques d'implémentation mise en oeuvre par
la suite. Il n'est ni une méthode, ni un processus mais un langage de
modélisation. Dans le cadre de la modélisation d'une application
informatique UML n'impose pas une démarche particulière pour
l'analyse du système mais préconise d'adopter une démarche
ayant les caractéristiques suivantes :
y' Itérative et incrémentale
;
Pour modéliser c'est-à-dire comprendre et
représenter un système complexe, il est mieux d'affiner son
analyse en plusieurs étapes. Cette démarche s'applique aussi au
cycle de développement dans l'ensemble. Son but est de mieux
maîtriser la part d'inconnus et d'incertitudes qui caractérisent
le système.
y' Guidée par le besoin des
utilisateurs du système ;
Avec UML, ce sont les utilisateurs qui guident la
définition des modèles : Le périmètre du
système à modéliser est défini par les besoins des
utilisateurs. Le but du système à modéliser est de
répondre aux besoins de ses utilisateurs. Les besoins des utilisateurs
servent tout au long du cycle de développement qui est itératif
et incrémental.
A chaque itération de la phase d'analyse, on clarifie,
affine et valide les besoins des utilisateurs. A chaque itération de la
phase de conception et de réalisation, on veille à la prise en
compte des besoins des utilisateurs. A chaque itération de la phase de
test, on vérifie que les besoins des utilisateurs sont satisfaits.
|
|
7
|
|
Licence professionnelle en Informatique de Gestion (IG)
Année universitaire 2018-2019 « IUT de Tahoua
»
|
|
|
|
|
|
|
y' Centrée sur l'architecture
logicielle.
Une architecture adaptée est la clé du
succès d'un développement. Elle décrit
des choix stratégiques qui déterminent en grande partie les
qualités du logiciel : adaptabilité, performance,
fiabilité. Pour faciliter la vision du non-programmeur et le travail du
programmeur et afin d'obtenir une vue d'ensemble du système en un temps
beaucoup plus court, UML a initié le concept visuel fondé sur les
diagrammes. UML définit treize (13) diagrammes repartis selon les
modèles suivants :
> les modèles statiques
Ce sont des diagrammes qui permettent de visualiser,
spécifier, construire et documenter l'aspect statique ou structurel du
système d'information. Ce sont :
> le diagramme de classe : illustre les
classes avec les attributs, les méthodes et les relations entre les
classes ;
> le diagramme d'objets : permet de
vérifier la validité du diagramme de classe ;
> le diagramme de déploiement :
illustre la disposition physique du matériel et la répartition
des composants sur ce matériel ;
> le diagramme de structure composite :
décrit les relations entre les composants d'une classe ;
> le diagramme de composants : illustre
les éléments logiciels (exécutable, librairie,...) et
leurs dépendances ;
> le diagramme de paquetages :
schématise les dépendances entre les paquetages (ensemble
d'éléments de modélisation);
> les modèles fonctionnels ou
comportementaux
Ils modélisent les aspects dynamiques du
système, c'est-à-dire les différents
éléments qui sont susceptibles de subir des modifications. Parmi
eux, on distingue :
> le diagramme de cas d'utilisation :
montre comment chaque acteur exploite le système ;
> le diagramme d'états-transitions
: montre les différents états que peut prendre un objet
instance de la classe lors de son cycle de vie ;
> le diagramme d'activités :
décrit le comportement du système sous forme de flux ou
d'enchainement d'activités.
> les modèles d'interactions ou
dynamiques
|
|
8
|
|
Licence professionnelle en Informatique de Gestion (IG)
Année universitaire 2018-2019 « IUT de Tahoua
»
|
|
|
|
|
|
|
Ils représentent les interactions entre le
système lui-même et les différents acteurs du
système, mais aussi la façon dont les différents objets
contenus dans le système communiquent entre eux. Ce sont :
> le diagramme de séquence :
représente de façon séquentielle la manière dont se
font les traitements et indiquent les interactions entre les
éléments du système.
> le diagramme de communication (collaboration)
: représente à l'image du diagramme de séquence
les échanges de messages entre les différents objets ;
> le diagramme global d'interaction :
modélise la façon dont les groupes d'objets collaborent pour
réaliser un comportement donné ;
> le diagramme de temps : décrit
les interactions entre les comportements de différents objets en
indiquant la chronologie d'exécution des opérations sur ces
objets.
UML n'impose pas un ordre d'utilisation des diagrammes, ces
derniers sont utilisés en fonction de la méthode d'analyse.
II .3.1.2.Justification du choix d'UML
Les avantages présentés par UML, nous permettent
de faciliter la modélisation des différents aspects de notre
projet. En effet UML présente l'avantage d'être le standard de la
modélisation objet universellement reconnu. Il est un langage visuel. Sa
notation graphique permet d'exprimer visuellement des solutions objets
facilitant ainsi la comparaison et l'évaluation de celles-ci. C'est un
langage formel et normalisé doté d'un gain de précision et
d'un gage de stabilité. Il est aussi un support de communication
performant car il cadre l'analyse tout en facilitant la compréhension
des représentations abstraites complexes. En outre, UML sert à
formaliser tous les documents techniques d'un projet et permet d'affiner les
détails de l'analyse au fur et à mesure de l'avancée du
projet. Il est possible d'utiliser le même atelier de génie
logiciel depuis l'expression des besoins jusqu'à la
génération de tout ou d'une partie du code. Enfin, il est
indépendant des langages de programmation et des processus de
développement. Les diagrammes que nous avons utilisés dans notre
analyse sont :
> le diagramme de classes : qui
représente les classes intervenant dans le système ;
> le diagramme de cas d'utilisation : qui
identifie toutes les fonctionnalités que le système doit offrir
;
> le diagramme d'activités : qui
décrit sous forme de flux ou d'enchaînements d'activités le
comportement du système ;
> le diagramme de séquence : qui
représente de façon séquentielle la manière dont se
font les transitions et indique les interactions entre les
éléments du système ;
|
|
9
|
|
Licence professionnelle en Informatique de Gestion (IG)
Année universitaire 2018-2019 « IUT de Tahoua
»
|
|
|
|
|
|
|
? le diagramme de déploiement :
illustre la disposition physique du matériel et la répartition
des composants sur ce matériel.
? II.4 .Architecture du système
Pour développer l'application, l'architecture MVC
(Modèle-Vue-Contrôleur) a été adoptée comme
montré sur la figure 1. Puisqu'il s'agit d'une application Web, elle
doit disposer d'un serveur Web auquel se connecteront des
utilisateurs à travers des clients légers tels
les navigateurs Web qui sont disponibles quasiment sur tous les systèmes
d'exploitation modernes. Ainsi, un utilisateur peut accéder à
l'application indépendamment des contraintes environnementales. Les
différents composants de l'architecture sont présentés
dans la figure 1
Figure 1 : architecture MVC
L'architecture MVC est à 3-tiers ou à trois
couches. La Vue représente la couche avec laquelle
l'utilisateur interagit. Le Contrôleur peut communiquer
avec la Vue et le Modèle qui représente les
données que le système manipule et qui sont stockées dans
une Base de données. Chaque couche ne communique qu'avec les couches
adjacentes. Ceci présente l'avantage de préserver les
données des modifications des utilisateurs d'une part, mais aussi de
rendre modulaire le système en couches qui peuvent être
développées chacune indépendamment des autres.
II .4.1. Côté Serveur
Un serveur d'application est un conteneur Web permettant
d'exécuter des pages Web en
réponse à des requêtes des clients.
|
|
10
|
|
Licence professionnelle en Informatique de Gestion (IG)
Année universitaire 2018-2019 « IUT de Tahoua »
|
|
|
|
|
|
|
Le choix s'est porté sur la version 7.0 du serveur
Apache au cours de nos travaux. En effet, c'est un serveur stable, facilement
configurable grâce à des fichiers PHP, et son déploiement
est aisé et indépendant de la plateforme sous-jacente.
II.4.2 Côté Client
Des clients légers (navigateur web) ont été
utilisés à travers des pages HTML servies par Apache. Pour
améliorer l'interactivité de l'application avec l'utilisateur,
PHP a été utilisé. PHP est une solution informatique libre
pour le développement de pages dynamiques et d'applications Web. Cette
technologie est utilisée dans la partie recherche de l'application. Un
Template et une feuille de style CSS ont été utilisés pour
la mise en forme des pages.
II.4.3 Fonctionnement du système
La figure 2 présente le fonctionnement
général du système. En effet, lorsqu'un client demande
d'accéder au serveur http, le serveur récupère la demande
et transfère la demande d'exécution à
l'interpréteur d'index.php. L'interpréteur charge le script
index.php puis l'exécute. Le programme émet une requête
vers le SGBD. La réponse de SGBD est traitée par le script.
L'index.php transmet le flux HTML vers le serveur http. Enfin Le serveur renvoi
le flux HTML au client en guise de réponse.
p
Requête
Interpréteur PHP
Index. PHP
Serveur http
Exécution
Figure 2 : structure du système
Dans le chapitre suivant, la modélisation du
système est présentée dans le formalisme UML (Unified
Modeling Language).
|
|
11
|
|
Licence professionnelle en Informatique de Gestion (IG)
Année universitaire 2018-2019 « IUT de Tahoua
»
|
|
|
|
|
|
|
CHAPITRE III : LA MODELISATION DU SYSTEME
Ce chapitre présente les différents diagrammes
UML intervenus dans le développement de notre application. Le langage de
modélisation UML (Unified Modeling Language) est celui qui a
été choisi en raison de la place prépondérante
qu'elle occupe dans les projets de construction de système logiciel. En
effet, UML est le langage consensuel qui est adopté dans la plupart des
projets de construction de système logiciel. C'est une notation
graphique destinée à la création de modèles
orientés objet en vue de conception et de l'analyse des
systèmes.
Les différents diagrammes utilisés sont : les
diagrammes de cas d'utilisation, les diagrammes de classes, les diagrammes de
séquence, les diagrammes d'activités et les diagrammes de
déploiement.
III.1 Diagrammes de cas d'utilisation
Le développement d'un nouveau système ou
l'amélioration d'un système existant doit répondre
à un ou plusieurs besoins. Le maître d'ouvrage,
c'est-à-dire celui qui demande la création du logiciel, n'est
généralement pas un informaticien. Il lui faut donc un moyen
simple d'exprimer ses besoins. C'est le rôle des diagrammes de
cas d'utilisation que de permettre l'expression des besoins de
l'utilisateur de façon beaucoup plus simple. Ils permettent de recenser
les principales fonctionnalités du système.
Les diagrammes de cas d'utilisation sont composés
d'acteurs et de cas d'utilisation. Un
acteur est un utilisateur, humain ou non, du système
qui est doté d'un nom qui correspond à son rôle. Un
cas d'utilisation est une manière spécifique
d'utiliser le système. Il permet de décrire ce que le futur
système devra faire, sans spécifier comment il le fera.
Le diagramme 1 représente les différents cas
d'utilisation de notre système.
|
|
12
|
|
Licence professionnelle en Informatique de Gestion (IG)
Année universitaire 2018-2019 « IUT de Tahoua
»
|
|
|
|
|
|
|
Future 3 : Diagramme de cas d'utilisation
générale
Licence professionnelle en Informatique de Gestion (IG)
Année universitaire 2018-2019 « IUT de Tahoua »
III.1.1 Scénario de cas d'utilisation «
authentification »
1 .L'utilisateur renseigne le login et le mot de
|
2. Le système vérifie l'identité de
l'utilisateur
|
passe
|
3. Le système affiche la page d'accueil
|
4. L'administrateur renseigne le login et le mot de passe
|
5. Le système vérifie
l'identité L'administrateur
|
|
|
III.1.2 Scénario de cas d'utilisation
«Création de compte»
1 .Le client demande la page de création de compte
|
2. Le système affiche la page de création de
compte
|
3. Le client Renseigner les informations sur le nouveau compte
à créer
|
4. Le système vérification des données
saisies
|
|
|
III.2 Diagramme de classes
Il s'agit d'une vue statique du système, autrement dit,
les concepts du domaine qui seront manipulés à l'intérieur
du système et leur relations les uns aux autres. Le diagramme de classes
est le diagramme le plus important dans une conception orientée objet.
Alors que le diagramme de cas d'utilisation montre le système du point
de vue des acteurs, le diagramme de classes en montre la structure interne. La
figure du diagramme 2 représente le diagramme de classe de
l'application.
|
|
14
|
|
Licence professionnelle en Informatique de Gestion (IG)
Année universitaire 2018-2019 « IUT de Tahoua
»
|
|
|
|
|
|
|
Figure 4 : Diagramme de classe
Licence professionnelle en Informatique de Gestion (IG)
Année universitaire 2018-2019 « IUT de Tahoua
»
15
III.3 Le diagramme de séquence
L'objectif du diagramme de séquence est de
représenter les interactions entre objets en indiquant la chronologie
des échanges (5). Cette représentation peut se réaliser
par cas d'utilisation en considérant les différents scenarios
associés. Pour l'étude de ce projet nous vous montrerons les
diagrammes de séquence de quelques cas qui sont : authentifier et
création de compte.
La figure 4 présente le diagramme de séquence du
cas « authentifier ». Il décrit l'authentification de chaque
utilisateur à l'application
Figure 5 : Diagramme de séquence du cas «
authentifier »
La figure suivante décrit la création d'un compte
utilisateur. Elle représente le diagramme de séquence «
création de compte ».
|
|
|
|
Licence professionnelle en Informatique de Gestion (IG)
Année universitaire 2018-2019 « IUT de Talloua
»
|
|
|
|
|
|
|
Figure 6 : Diagramme de séquence du cas
création de compte III.4 Les diagrammes d'activité de notre
site web
Le diagramme d'activité concerne le comportement
interne des opérations ou des cas d'utilisation. Il permet de clarifier
en montrant les documents qui circulent lors de l'exécution d'un cas
d'utilisation. Dans ce mémoire, les diagrammes d'activités seront
présentés pour les cas d'utilisation utilisés lors de la
représentation du diagramme de séquence.
|
|
17
|
|
Licence professionnelle en Informatique de Gestion (IG)
Année universitaire 2018-2019 « IUT de Tahoua
»
|
|
|
|
|
|
|
III.4.1.Diagramme d'inscription
La phase d'inscription est indispensable pour passer d'un
simple visiteur du site qui n'a le droit que de consulter les produits et leurs
prix à un client qui peut acheter ses articles désirés et
payer sa facture en ligne et donc attendre la livraison de sa commande à
domicile
Sinon
Sinon
Figure 7: Diagramme d'activité
Inscription
|
|
|
|
|
|
|
18
|
|
|
Licence professionnelle en Informatique de Gestion (IG)
Année universitaire 2018-2019 « IUT de Tahoua
»
|
|
|
|
|
|
|
|
-Le visiteur demande l'inscription.
- Le formulaire d'inscription s'affiche sur l'écran.
- Le visiteur remplit les champs demandé dans le
formulaire.
- Le système vérifie les données
entrées.
- Si les données sont acceptées, le système
les envoie à la base si non, il revient à l'étape
précédente.
- Le serveur vérifie l'existence du client dans la
base.
Si le client existe déjà, un message d'erreur
s'affiche.
- Si le client n'existe pas, l'inscription se termine avec
succès.
III.4.2.Diagramme d'authentification
L'authentification est la procédure qui consiste, pour un
système informatique, à vérifier l'identité d'une
entité (personne, ordinateur...), afin d'autoriser son accès aux
systèmes, réseaux, applications... Elle permet donc de valider
l'authenticité de l'entité en question.
Sinon
Figure 8: Diagramme d'activité
Authentification
|
|
|
|
|
|
|
19
|
|
|
Licence professionnelle en Informatique de Gestion (IG)
Année universitaire 2018-2019 « IUT de Tahoua
»
|
|
|
|
|
|
|
|
-Le client demande l'authentification en cliquant sur le bouton
login.
- Le formulaire d'authentification s'affiche sur
l'écran.
- Le client entre son nom d'utilisateur et son mot de passe.
- Le système vérifie les coordonnés du
client sur la base.
- La conformation du succès ou échec est
envoyée au client.
III.5.Diagramme de déploiement
Le diagramme de déploiement est un diagramme UML qui
montre la configuration physique des différents éléments
qui participent à l'exécution du système, ainsi que les
instances de composants qu'ils supportent. Il est constitué de «
noeuds » connectés par des liens physiques. Les principaux noeuds
de notre diagramme de déploiement sont :
Le Client : c'est le navigateur, il permet
à un utilisateur d'accéder au serveur. En d'autres termes, il
sert d'interface à l'utilisateur.
Le serveur : C'est le serveur principal qui
abrite les différents composants logiciels de notre application. Ces
composants sont entre autres :
> L'Application Web: l'application
proprement dit qui est déployé sur le serveur web.
> Le Serveur Web : assure la gestion des
connexions et des requêtes du client. Il assure aussi la distribution des
pages et HTML.
>
Navigateur
Client
La Base de données : c'est le
composant qui s'occupe du stockage et de la gestion des données.
TCP/IP
HTTP
SERVEUR D'APPLICATION
ERVEUR WEB
SERVEUR WEB
OSI WINDOWS
Serveur principal
BDD
Figure 9 : diagramme de déploiement fait avec
l'outil Microsoft Office 2007
|
|
20
|
|
Licence professionnelle en Informatique de Gestion (IG)
Année universitaire 2018-2019 « IUT de Tahoua »
|
|
|
|
|
|
|
Au terme de ce chapitre est consacrée à la
modélisation de notre application avec les différents diagrammes
qui montrent comment l'utilisateur et l'administrateur exploitent l'application
ensuite comment l'information passe entre l'utilisateur et la base de
données.
Le chapitre suivant parlera sur les outils utilisés
pour le développement enfin le prototype de l'application.
|
|
21
|
|
Licence professionnelle en Informatique de Gestion (IG)
Année universitaire 2018-2019 « IUT de Tahoua
»
|
|
|
|
|
|
|
CHAPITRE IV : REALISATION ET MISE EN OEUVRE
Dans ce chapitre, nous allons décrire l'ensemble
d'outils et des langages de programmation que nous avons utilisés
ensuite de présenter les différentes étapes de
réalisation, la mise en oeuvre de notre application de la vente en ligne
des produits à Niger télécoms de Dosso.
IV.1 Les outils utilisés pour le
développement IV.1.1 Wamp
WAMP est un acronyme signifiant « Windows»,
«Apache», «MySQL » et «PHP». Afin de pouvoir
utiliser WAMP, nous avons un logiciel du nom de «WampServer». Quant
à WampServer son nom tient de trois logiciels : Apache le serveur http,
MySQL le gestionnaire de Base de Données et PHP le langage de
programmation. Cet article présente la façon dont on peut les
administrer et les utiliser avec WampServer.
IV.1.2 Apache
C'est ce qu'on appelle un serveur web. Il s'agit du plus
important de tous les programmes, car c'est lui qui est chargé de
délivrer les pages web aux visiteurs. Cependant, Apache ne gère
que les sites web statiques (il ne peut traiter que des pages HTML). Il faut
donc le compléter avec d'autres programmes.
IV.1.3 Le langage HTML
Depuis ses premiers développements, HTML inclut des
éléments qui permettent la communication entre un client Web et
un serveur capable de recevoir des informations de ce client, de les stocker
et/ou d'effectuer des traitements en dépendant. La réalisation de
sites Web interactifs et la création de pages Web dynamiques demandent
que cette communication soit possible. Dès lors, la connaissance de ces
éléments est déterminante car ils constituent, en quelque
sorte, l'interface de communication entre l'internaute et les applications qui
sont développées sur des serveurs.
Les applications côté serveur sont
développées dans un langage qualifié de langage de script.
PHP est le langage de script que nous avons choisi pour illustrer le
mécanisme de construction dynamique des pages Web. Le langage est
capable de communiquer et d'exploiter des données gérées
par de nombreux SGBD. Nous nous intéresserons à des applications
exploitant des bases de données gérées par le SGBD MySQL
parce que la combinaison de ces deux outils (langage de script et SGBD) semble
aujourd'hui la plus fréquente parmi les nombreuses combinaisons
possibles. C'est aussi celle qui apparaît comme la mieux adaptée
aux applications exploitant Internet et ses technologies.
Les bases de données gérées via des sites
Web sont généralement particulières et comprennent peu
d'enregistrements par rapports à certains autres types d'application.
MySQL est adapté à ce
|
|
|
|
Licence professionnelle en Informatique de Gestion (IG)
Année universitaire 2018-2019 « IUT de Talloua
»
|
|
|
|
|
|
|
type de bases de données en ce sens qu'il offre juste
les services qu'il faut, avec l'efficacité souhaitée. Une
observation importante : le fait de confier l'exécution de scripts
à des serveurs n'exclut pas la possibilité, pour le client,
d'exécuter des scripts localement. C'est le cas, par exemple, lorsqu'on
souhaite faire valider les données avant de les envoyer. Les traitements
seront donc parfois répartis entre le client et le serveur même si
l'objet de cet ouvrage est de s'intéresser aux scripts côté
serveur.
IV.1.4 Les styles CSS
Cette section, un peu hors contexte, trouve toutefois son
utilité dans la mesure où elle présente un langage (un de
plus) interprété par les navigateurs.
CSS signifie Cascading Style Sheets (feuilles de style en
cascade). C'est un langage dont l'objectif est de paramétrer finement la
mise en page et la mise en forme des éléments d'un document HTML.
Il convient d'en comprendre les principes, et notamment, le fonctionnement de
la cascade. Il est également utile de se familiariser avec la syntaxe du
langage.
L'utilisation de CSS permet de réfléchir
à des stratégies efficaces de conception en prenant en compte,
dès le départ, les possibles mises à jour.
IV.1.5 Le langage PHP
PHP est un langage de scripts open source. Comme beaucoup
d'autres langages, il a été spécialement conçu pour
le développement d'applications web. Il peut être
intégré au HTML. Pour ce faire, le code PHP est inclus entre une
balise de début (ensemble de symboles) et une balise de fin qui
permettent au serveur web de passer en mode PHP. La partie PHP correspond donc
à la partie créative et dynamique du document HTML finalement
envoyé par le serveur et que le navigateur transformera en page Web.
PHP est principalement conçu pour servir de
langage de script coté serveur. Il est capable de
réaliser tout ce qu'un script CGI peut faire. Il est principalement
utilisé pour écrire des scripts de collecte de données
issues de formulaires, de stockage éventuel de ces données dans
une base de données, de génération dynamique de contenu.
C'est l'utilisation la plus traditionnelle et le principal objet de PHP. Trois
composants sont nécessaires:
· un analyseur PHP,
· un serveur Web (Apache, par exemple),
· un navigateur web.
Le serveur Web doit s'exécuter en corrélation
avec PHP, ce qui nécessite une configuration particulière et pas
forcément évidente à réaliser. C'est pourquoi il
existe des environnements logiciels grâce auxquels ces problèmes
passent au second plan.
|
|
|
|
Licence professionnelle en Informatique de Gestion (IG)
Année universitaire 2018-2019 « IUT de Tahoua
»
|
|
|
|
|
|
|
PHP est utilisable sur la majorité des systèmes
d'exploitation et supporte la plupart des serveurs Web actuels et notamment
Apache et Microsoft Internet Information Server (IIS).
PHP possède de nombreuses fonctions permettant
d'exploiter les bases de données parmi lesquelles: InterBase,
PostgreSQL, dBase, MySQL, IBM DB2, ODBC, Informix,
Oracle et Ingres, pour ne citer que les plus connues.
IV.1.6.L'association entre MySQL et PHP
MySQL est un système de gestion de bases de
données relationnelles basé sur le langage d'interrogation SQL
(Structured Query Language). C'est un des derniers logiciels open source de
cette catégorie apparu sur le marché. Développé
à partir d'un autre SGBD portant le nom de mSQL, il possède de
nombreuses qualités et notamment celle d'être portable, en ce sens
qu'il s'exécute sur à peu près tous les systèmes
d'exploitation et tous les types de matériel.
Comme tous les SGBD, MySQL permet de créer et de
gérer des bases de données. Dans le contexte qui nous
intéresse, un langage comme PHP est capable de prendre en compte les
commandes de MySQL et donc d'interroger des bases de données
créées avec ce SGBD. La communication de l'un à l'autre se
fait de manière souple. Nous en donnons ci-dessous une illustration.
Voici une requête telle qu'on peut l'effectuer sous
MySQL:
SELECT (nom), prenom, FROM users WHERE pseudo='abdou'
ORDER BY nom; Cette requête sélectionne les valeurs des
colonnes nom et prénom dans une table s'appelant users, pour autant que
la colonne pseudo contienne la valeur abdou, et en ordonne les résultats
par ordre alphabétique des valeurs trouvées dans la colonne nom.
MySQL produira un résultat sous la forme d'un affichage en mettant la
valeur de la colonne nom en majuscules.
IV.1.7- Système de Gestion de Base de
Données
Un système de gestion de base de données (SGBD)
est un logiciel de haut niveau qui permet de manipuler ses informations, il
peut être perçu comme un ensemble de logiciels systèmes
permettant aux utilisateur d'insérer, de modifier et de rechercher
efficacement des données spécifiques dans une masse
d'informations partagées par de données désignées
par un nom dans un ensemble d'objet, mais aussi à partir de relations
entre classes . En résumé, un SGBD peut donc apparaitre comme un
outil informatique permettant la sauvegarde, l'interrogation, la recherche et
la mise à jour de données stockées en mémoire pour
:
y' Permettre l'accès aux
données de façon simple.
y' Autoriser un accès aux
informations à de multiples utilisateurs.
y' Manipuler les données
présentes dans la base de données (insertion, suppression,
modification).
|
|
|
|
Licence professionnelle en Informatique de Gestion (IG)
Année universitaire 2018-2019 « IUT de Tahoua
»
|
|
|
|
|
|
|
y' Le contrôle
d'intégrité des données accédées.
y' Le maintien de la
cohérence des données entre elles.
Le SGBD est architecturé sur trois niveaux
y' Le niveau physique :
C'est ce que fait le SGBD physiquement, la gestion des
données et des index, le partage de ces
données et de la concurrence des accès, la
distribution des données à travers le réseau.
y' Le niveau logique :
C'est ce que fait le SGBD logiquement, la définition de
la structure des données, la gestion de
la confidentialité (sécurité), le
maintien de l'intégrité entre les données et les index,
la
consultation et la mise à jour des données.
y' Le niveau externe :
C'est la mise en forme et la présentation des
données aux programmes d'applications et aux
utilisateurs interactifs. Ceux-ci expriment leurs
critères de recherche à l'aide des langages basés
sur des procédures de recherche progressives en
référençant des données dérivées de
la base.
Figure 10 : Architecture du SGBD
Le SGBD peut se décomposer en trois sous-systèmes
:
? le système de gestion de fichiers : il permet le
stockage des informations sur un support physique
? le SGBD interne : il gère l'ordonnancement des
informations ? le SGBD externe : il représente l'interface avec
l'utilisateur
IV.1.8 Une base de données
Une base de données (son abréviation est BD, en
anglais DB) est une entité dans laquelle il est possible de stocker des
données de façon structurée et avec le moins de redondance
possible. Ces données doivent pouvoir être utilisées par
des programmes, par des utilisateurs différents. Ainsi, la notion de
base de données est généralement couplée à
celle de réseau, afin de pouvoir mettre en commun ces informations,
d'où le nom de base. On parle
généralement de système
|
|
25
|
|
Licence professionnelle en Informatique de Gestion (IG)
Année universitaire 2018-2019 « IUT de Talloua »
|
|
|
|
|
|
|
d'information pour désigner toute la structure regroupant
les moyens mis en place pour pouvoir partager des données.
Figure 11 : la structure d'une base de IV.1.9.Gestion
d'une BD données avec PHPMyAdmin
PHPMyAdmin est une application web développée en
PHP qui permet d'administrer un
Serveur MySQL (sous réserve de disposer d'un compte
utilisateur MySQL ayant les droits
Suffisants).
PHPMyAdmin permet de :
+ Gérer les bases de données de serveur MySQL.
+ Gérer les utilisateurs et les droits d'accès
à la base de données.
+ Gérer les différents objets d'une base de
données (table, colonnes, index, etc.).
+ Editer et exécuter les requêtes SQL.
+ Charger des fichiers textes dans des tables.
+ Exporter ou importer des tables.
+ Exporter les données des tables dans différents
formats (CVS, XML, PDF...etc.).
Voici une illustration d'un des écrans de cette
interface:
|
|
|
|
Licence professionnelle en Informatique de Gestion (IG)
Année universitaire 2018-2019 « IUT de Tahoua
»
|
|
|
|
|
|
|
? LA table produit :
Figure 12 : Table I- Vue de la table
Produit
? l'onglet Structure permet, de modifier la structure des tables
d'une base données;
? l'onglet Afficher permet non seulement de visualiser les
lignes d'une table, mais aussi de les éditer facilement;
? l'onglet SQL permet de formuler une requête qu'il
n'est pas possible de formuler par l'intermédiaire de l'interface;
? l'onglet Insérer offre des facilités de
génération des instructions permettant d'insérer des
lignes dans les tables.
Comme dans toutes les interfaces de ce type, la connaissance de
la syntaxe est évidemment très éclairante quant à
la signification des options qu'elles proposent.
|
|
|
|
Licence professionnelle en Informatique de Gestion (IG)
Année universitaire 2018-2019 « IUT de Tahoua »
|
|
|
|
|
|
|
? La table users (utilisateurs)
Figure 13 : Table II- Vue de la table users
? La table catégorie
Figure 14 : Table III - Vue de la table
catégorie
IV.2. L'interface graphique de notre site
L'interface graphique présente les contenus du site
réalisé pour Niger Télécoms Dosso.
|
|
28
|
|
Licence professionnelle en Informatique de Gestion (IG)
Année universitaire 2018-2019 « IUT de Tahoua »
|
|
|
|
|
|
|
IV.2.1 Page d'accueil
Cette page nous montre la page d'accueil du site e-commerce
développé pour Niger Télécoms
Dosso.
Figure 15 : Page d'accueil
|
|
|
|
|
|
|
|
Licence professionnelle en Informatique de Gestion (IG)
Année universitaire 2018-2019 « IUT de Tahoua
»
|
|
|
|
|
|
|
IV.2.2.La page boutique
Cette page nous donne un aperçu sur les catégories
(produits) d'articles offerts par NT.
Figure 16 : Catégories des produits
|
|
|
|
Licence professionnelle en Informatique de Gestion (IG)
Année universitaire 2018-2019 « IUT de Talloua
»
|
|
|
|
|
|
|
IV.2.3 Détail d'un article
Cette page nous donne tous les détails sur un article
donné sélectionné.
Figure 17 : Détail d'une SIM
|
|
|
|
Licence professionnelle en Informatique de Gestion (IG)
Année universitaire 2018-2019 « IUT de Tahoua
»
|
|
|
|
|
|
|
IV.2.4 Page de création d'un compte
Cette page nous montre les informations requises sur le client
avant la confirmation d'une commande.
Figure 18: création d'un compte
|
|
|
|
|
|
|
|
Licence professionnelle en Informatique de Gestion (IG)
Année universitaire 2018-2019 « IUT de Tahoua
»
|
|
|
|
|
|
|
IV.2.5.Page de connexion
Le bouton « Login » permet à un client
d'accéder à son compte. Au cas où le visiteur est nouveau
sur le site il a la possibilité de créer un compte pour devenir
client.
Figure 19: login
|
|
|
|
|
|
|
|
|
|
Licence professionnelle en Informatique de Gestion (IG)
Année universitaire 2018-2019 « IUT de Tahoua
»
|
|
|
|
|
|
|
|
IV.2.6.Page de contact
Cette page permet d'écrire un message (réclamation,
suggestion, remarque).
Figure 20 : Page de contact
|
|
|
|
Licence professionnelle en Informatique de Gestion (IG)
Année universitaire 2018-2019 « IUT de Tahoua
»
|
|
|
|
|
|
|
IV.2.7.Ajout d'un article dans le panier
Cette page nous permet de faire une commande d'un produit
ajouté dans le panier du client.
Figure 21 : Le panier
|
|
|
|
|
|
|
|
Licence professionnelle en Informatique de Gestion (IG)
Année universitaire 2018-2019 « IUT de Tahoua
»
|
|
|
|
|
|
|
IV.2.8.Page du paiement de la commande
Cette page nous permet de payer nos commandes via une carte
bancaire.
Figure 22: Formulaire du Paiement
Lorsque l'on souhaite acheter un produit sur la boutique
NT Dosso, il suffit de se rendre sur la fiche du produit et de cliquer
sur «ajouter au panier».
|
|
|
|
Licence professionnelle en Informatique de Gestion (IG)
Année universitaire 2018-2019 « IUT de Tahoua
»
|
|
|
|
|
|
|
Si vous n'avez jamais rien acheté sur le site, vous devez
alors «créer un compte» personnel en rentrant votre
identité, votre mail et votre adresse de facturation et/ou de
livraison.
Dès lors que votre compte est actif, vous pouvez valider
votre panier et finaliser la commande. Pour payer votre commande en ligne, il
vous suffit de sélectionner le paiement par carte bancaire.
A cette étape
1. Sélectionnez le type de carte ;
2. Inscrivez le numéro de votre carte (numéro
à 16 chiffres présent sur la face avant de votre carte) ;
3. Précisez la date de validité de la carte ;
4. Notez le cryptogramme (série des trois derniers
chiffres notés au dos de la carte)
Lorsque la commande est validée, un message vous indique
que le paiement a bien été pris en compte. Vous recevez
également un mail de confirmation de la commande.
|
|
|
|
Licence professionnelle en Informatique de Gestion (IG)
Année universitaire 2018-2019 « IUT de Tahoua
»
|
|
|
|
|
|
|
CONCLUSION GENERALE
Au terme de ce mémoire de fin d'études du cycle
de la Licence Professionnelle option Informatique de Gestion consistant
à créer un site e-commerce qui gère la vente
électronique des produits de Niger Télécoms Dosso.
Par ailleurs ce travail nous a permis de nous familiariser
avec les concepts et les outils informatiques nécessaires pour la
création d'un site e-commerce. Cela nous a ainsi facilité la
réalisation de notre site que nous estimons simple avec une interface
graphique attrayante qui est de nos jours, un atout important pour les sites de
commerce électronique.
L'objectif visé dans ce projet de fin d'études
est la mise en place d'une application web pour la vente en ligne des produits
de Niger télécoms de Dosso. Pour atteindre cet objectif, on a
abordé notre problème en s'appuyant sur la démarche d'UML,
en ce qui concerne la réalisation, on a utilisé le langage PHP.
Cette application a permis de répondre aux besoins des clients par la
résolution des problèmes liés à la vente des
produits à Niger télécoms de Dosso. En ce qui nous
concerne, ce travail a été pour nous à la fois, un sujet
de recherche et d'application qui nous a permis d'améliorer nos
connaissances et nos compétences dans le domaine de la programmation, et
d'affirmation et préparation à une intégration dans le
monde professionnel. En effet, cette expérience nous a permis de joindre
l'utile à l'agréable en évaluant aussi bien les
profondeurs théoriques que pratiques de ce vaste et passionnant domaine
qu'est celui des bases de données dans un environnement de travail
réel avec des besoins réels.
|
|
|
|
Licence professionnelle en Informatique de Gestion (IG)
Année universitaire 2018-2019 « IUT de Tahoua
»
|
|
|
|
|
|
|
BIBLIOGRAPHIE ET WEBOGRAPHIE
https://fr.tuto.com/php/creer-un-site-e-commerce-avec-php-paypal-php,38350.html
consulté le 20/04/2019 à 12h.
https://www.youtube.com/watch?v=0ugJBY9JYzo
Consulté le 27/04/2019 à 22h.
Rapport de stage 2009 de Hebie Barro Drissa et Traoré
Ibrahim, thème : Gestion des inscriptions en ligne à
l'Université Polytechnique de Bobo-Dioulasso.
Rapport de stage 2014d'Aminata GUEYE, thème :
Développement d'une Application Web pour la Gestion Bancaire.
|
|
39
|
|
Licence professionnelle en Informatique de Gestion (IG)
Année universitaire 2018-2019 « IUT de Tahoua »
|
|
|
|
|
|
|
ANNEXE
Annexe1 : page d'authentification du
l'administrateur
Cette permet à l'administrateur d'accéder à
la page d'accueil de l'administrateur pour apporter des modifications dans
l'application
Annexe2 : page d'accueil de l'administrateur
La page d'accueil dépend des utilisateurs. Un
administrateur étant celui qui est chargé de gérer les
utilisateurs ainsi que le système, il doit accéder à
toutes les parties de l'application. De ce fait, sa page d'accueil après
authentification se présente comme suit :
|
|
|
|
|
|
|
40
|
|
|
Licence professionnelle en Informatique de Gestion (IG)
Année universitaire 2018-2019 « IUT de Tahoua
»
|
|
|
|
|
|
|
|
Annexe3 : page d'ajout d'un produit
Cette page permet d'ajouter des produits dans la base de
données
|
|
41
|
|
Licence professionnelle en Informatique de Gestion (IG)
Année universitaire 2018-2019 « IUT de Tahoua
»
|
|
|
|
|
|
|
Annexe4 : page d'affichage des produits
Cette page permet d'afficher tous les produits qui sont dans la
base de données
Annexe 5 : page de modification d'un produit
Cette page permet de modifier un produit ans la base de
données
|
|
|
|
|
|
|
|
Licence professionnelle en Informatique de Gestion (IG)
Année universitaire 2018-2019 « IUT de Tahoua
»
|
|
|
|
|
|
|
Annexe 6 : page d'ajout d'une catégorie
Cette page permet d'ajouter une nouvelle catégorie dans la
base de données
Annexe 7 : page d'affichage des catégories
Cette page permet d'afficher toutes les catégories.
|
|
|
|
|
|
|
|
|
|
Licence professionnelle en Informatique de Gestion (IG)
Année universitaire 2018-2019 « IUT de Tahoua
»
|
|
|
|
|
|
|
|
Annexe 8 : Organigramme de Niger Télécoms
Dosso
Source : Agence Niger Télécoms
Dosso, (2018)
|
|
44
|
|
Licence professionnelle en Informatique de Gestion (IG)
Année universitaire 2018-2019 « IUT de Tahoua
»
|
|
|
|
|
|
|
Table des matières
Décharge II
Dédicace IV
Remerciements V
Sigles et Abréviations VI
Liste des figures VII
INTRODUCTION GENERALE 1
CHAPITRE I : CADRE GENERAL 3
I.1. Historique de Niger Télécoms 3
I.2. Missions et objectifs de Niger Télécoms 4
I.3 Les produits et services de Niger Télécoms
Dosso 4
CHAPITRE II : ANALYSE DE LA VENTE DES PRODUITS DE
NIGER
TELECOMS DOSSO 6
II.1. Description de l'existant 6
II.2. Critique de l'existant 6
II.3. Solution proposée 6
II.3.1Le Langage de modélisation 7
II .4.1. Côté Serveur 10
II.4.2 Côté Client 11
II.4.3 Fonctionnement du système 11
CHAPITRE III : LA MODELISATION DU SYSTEME 12
III.1 Diagrammes de cas d'utilisation 12
III.1.1 Scénario de cas d'utilisation «
authentification » 14
III.1.2 Scénario de cas d'utilisation
«Création de compte» 14
III.2 Diagramme de classes 14
III.3 Le diagramme de séquence 16
III.4 Les diagrammes d'activité de notre site web 17
III.4.1.Diagramme d'inscription 18
III.4.2.Diagramme d'authentification 19
III.5.Diagramme de déploiement 20
CHAPITRE IV : REALISATION ET MISE EN OEUVRE 22
IV.1 Les outils utilisés pour le développement
22
IV.1.1 Wamp 22
IV.1.2 Apache 22
|
|
45
|
|
Licence professionnelle en Informatique de Gestion (IG)
Année universitaire 2018-2019 « IUT de Talloua
»
|
|
|
|
|
|
|
IV.1.3 Le langage HTML 22
IV.1.4 Les styles CSS 23
IV.1.5 Le langage PHP 23
IV.1.6.L'association entre MySQL et PHP 24
IV.1.7- Système de Gestion de Base de Données 24
IV.1.8 Une base de données 25
IV.1.9.Gestion d'une BD avec PHPMyAdmin 26
IV.2. L'interface graphique de notre site 28
IV.2.1 Page d'accueil 29
IV.2.2.La page boutique 30
IV.2.3 Détail d'un article 31
IV.2.4 Page de création d'un compte 32
IV.2.5.Page de connexion 33
IV.2.6.Page de contact 34
IV.2.7.Ajout d'un article dans le panier 35
IV.2.8.Page du paiement de la commande 36
CONCLUSION GENERALE 38
BIBLIOGRAPHIE ET WEBOGRAPHIE 39
ANNEXE 40
Annexe1 : page d'authentification du l'administrateur 40
Annexe2 : page d'accueil de l'administrateur 40
Annexe3 : page d'ajout d'un produit 41
Annexe4 : page d'affichage des produits 42
Annexe 5 : page de modification d'un produit 42
Annexe 6 : page d'ajout d'une catégorie 43
Annexe 7 : page d'affichage des catégories 43
Annexe 8 : Organigramme de Niger Télécoms Dosso
44
|
|
46
|
|
Licence professionnelle en Informatique de Gestion (IG)
Année universitaire 2018-2019 « IUT de Tahoua
»
|
|
|
|
|
|
|
|