République Islamique de Mauritanie

Université de Nouakchott Al-Aasriya

Faculté des sciences et techniques

Rapport de projet de fin d’études en vue l’obtention

licence en informatique spécialité(MIAGE)

Intitulé du Project:

Préparer sous l’encadrement :

 Prof El Veth Sidi
 Mr Tahar
Présenté et soutenue publiquement par :
 Ibrahima Abdellahi Diallo C16286
 Chouaid Mohamed Alada. C14646

Année Universitaire 2020 / 2021

 Dédicaces

Je dédie ce travail à tous que j’aime :

A Dieu le tout puissant :

A dieu qui nous a donne l’effort et le courage, pour la réalisation de ce

travail dans les meilleures conditions .

A nos parents :
Nos parents pour toutes l’affection, tous les sacrifices et

Les encouragements qu’ils n’ont pas cessés de nous

Prodiguer tout au long de nos études.

A nos cher(e) frères & sœurs :

Merci pour vos encouragements et vos conseils on vos souhaite une vie
pleine de succès, et de joie.

A nos chers collègues :

En souvenirs de ces années que nous avons passées ensemble. Vous
restez dans nos pensées et dans nos cœurs.

Rapport du projet de la fin d’études licence 1

 Remerciement

C’est un grand plaisir que nous réservons cette page en signe e notre
s’incère gratitude envers tous ceux qui nous ont aides de près et de loin
au déroulement de ce travail.

Nous tenons a remercie notre spécialement notre encadreur Mr El

Feth Sidi qui avec un grand dévoiement, a consacre beaucoup de
temps à suivre de près l’évolution de notre projet et nous a réservé les
conditions saines de travail, pour ses directives constructives et l’aide
précieuse qu’il nous a apportée.

Nous avons le plaisirs d’exprimer nos vifs remercîment aux

personnels de l’agence BPM pour leur accueil et a notre Co-
encadrant Mr Tahar pour ses judicieux conseils et son support
permanent, ainsi que tout le personne du GROUPEMENT.

Aux membres du jury

&

A tous nos enseignants :

Messieurs le jury, vous nous faites un grand honneur en acceptant de
juger ce travail Je dois un remerciement à tous les enseignants de
mon licence pour leurs qualités scientifiques et pédagogique .

Rapport du projet de la fin d’études licence 2

 Table des matières

Sommaire
I. Introduction Générale : ...............................................................................................................5
Chapitre 1 .......................................................................................................................................6
Présentation de l’entreprise ........................................................................................................6
Chapitre 2 .......................................................................................................................................8
Présentation de projet ................................................................................................................8
Chapitre 3 ..................................................................................................................................... 10
Conception et analyse ............................................................................................................... 10
Chapitre 4 ..................................................................................................................................... 15
Réalisation de l’application........................................................................................................ 15
II. Conclusion générale : ............................................................................................................... 22

Rapport du projet de la fin d’études licence 3

 Table des figures

FIGURE 1 DIAGRAMME DE CLASSE............................................................................................................................ 11

FIGURE 2 DIAGRAMME DE CAS D'UTILISATION ............................................................................................................. 12
FIGURE 3 DIAGRAMME DE SEQUENCE DU SCENARIO« CREATION D’UNE COMPTE» ............................................................... 12
FIGURE 4DIAGRAMME DE SEQUENCE DU SCENARIO« EFFECTUER UNE VIREMENT.................................................................. 13
FIGURE 5 DIAGRAMME DE SEQUENCE DU SCENARIO« EFFECTUER UNE VERSEMENT» ............................................................. 13
FIGURE 6 DIAGRAMME DE SEQUENCE DU SCENARIO« EFFECTUER UNE RETRAIT» .................................................................. 14

Table des images

IMAGE 1 PAGE DE LOGIN ....................................................................................................................................... 17

IMAGE 2 PAGE D'ACCUEIL ...................................................................................................................................... 18
IMAGE 3 GESTION DES CLIENTS ............................................................................................................................... 18
IMAGE 4 PAGE DE VIREMENT .................................................................................................................................. 19
IMAGE 5 PAGE DE VERSEMENT ................................................................................................................................ 19
IMAGE 6 PAGE DE RETRAIT ..................................................................................................................................... 20
IMAGE 7 ADMINISTRATEUR DE DJANGO .................................................................................................................... 21

Rapport du projet de la fin d’étude licence 4

 I. Introduction Générale :

Notre stage s’est déroulé au sein de l’agence de banque populaire à DAR NAIM durant la
période allant du 26 /05 /21 au 07 /07/21, ce stage aura le lieu des envies de leur proposer une
solution pour pouvoir effectuer les transactions financières (transfert, versement, virement
…etc.),

Le domaine utilisé est le web (World Wide Web) qui consiste à la conception et la
réalisation des logiciels applicatifs manipulable grâce à un navigateur web. Notre mission
consiste à la création d’un site web pour un système de gestion bancaire.

Il s’agit d’un système de gestion de banque simple qui permet a l’utilisateur de crée un
nouveau compte et d’obtenir un numéro de compte unique lors de son inscription, stoker et
modifier ses coordonnes, vérifier l’état de son compte et pouvoir d’effectuer certain type
d’opérations comme transférer de l’argent d’un compte bancaire a une autre, faire une
virement ,versement et demander de prêt

Ce projet de système de gestion bancaire dans Django crée sur la base de Django, Html, CSS,
Python et Bootstrap. Système de gestion bancaire est crée a l’aide de python Django
Framework sur le backend et de Html, CSS et JavaScript sur le frontend.

Rapport du projet de la fin d’étude licence 5

Chapitre 1

Présentation de l’entreprise

I. Introduction général

La Banque Populaire de Mauritanie (BPM) est une banque créée par extension de Permission
de la Mauritanie Leasing (location avec promesse de vente ou crédit), un simple exercice des
activités de leasing, à celui d’une banque universelle en 2012.

Elle développe ainsi une activité qui a débuté en 1998 et qui a été pendant plus de vingt ans
la seule activité de location dans le pays, avec une part de marché de plus de 23% de
l’ensemble des concours financiers à moyen et long terme.

La BPM ambitionne de répondre aux besoins et attentes de sa clientèle en offrant des services
de qualité irréprochable et une large gamme de produits innovants d’une part elle assure un
travail bancaire et d’autre part elle joue un rôle social.

En huit ans la banque a su bâtir un réseau dense d’agences couvrant la plupart des grandes
villes du pays et comptant près d’une vingtaine dans la seule ville de Nouakchott.

II. Mission

 Positionner la BPM comme acteur de référence et se hisser dans le top 3 du secteur

bancaire national.

 Moderniser le secteur bancaire en Mauritanie.

Rapport du projet de la fin d’étude licence 6

  Développer et proposer une large gamme de services et produits bancaires flexibles et
variés, visant à garantir l’accès aux produits financiers du plus grand nombre des
permanente et continue nos collaborateurs concitoyens.

 Optimiser les processus et maîtrise des risques, construits sur une base de précieuses
compétences acquises par nos collaborateurs pour garantir la viabilité des processus de
prise de risque sur les divers segments de la clientèle.

 Former et monter en compétences, de façon et le plein engagement de ces derniers

dans la conception et la mise en œuvre des politiques.

 Financer des projets d’investissements pour contribuer au développement de

l’Economie Nationale et des besoins liés au bien être de notre clientèle .

III. Valeurs

La BPM, qui est la Banque Populaire de Mauritanie, ambitionne de rester une banque de
référence, et d’être au service de sa clientèle et de ses partenaires.

La culture de la banque est fondée sur cinq valeurs d’entreprise : ENGAGEMENT, ECOUTE,
INNOVATION, RESPONSABILITE, PROXIMITE.

Rapport du projet de la fin d’étude licence 7

Chapitre 2

Présentation de projet

I. Vision du Projet

Notre projet consiste à réaliser une application web de gestion des comptes bancaire qui
permet aux clients de crée des comptes, et qui leurs permet d’effectuer certain opérations
comme virement, versement et retrait.

II. Objectif du projet

 Le but de ce projet consiste a réalisé une application web pour la gestion des comptes
bancaire d’une banque populaire de la Mauritanie (BPM).
 L’administrateur qui gère les comptes crée par les clients aura comme permission de
d’ajouter et supprimer un client.
 Les clients peuvent effectuer des différentes opérations telles que les virements,
versements et les retraits après avoir un compte.
 L’administrateur peut de voir tout les transactions qui ont été faites ainsi que leurs
dates.
 Le but principal de ce projet est de réaliser l’ensemble de cette application web avec
le Framework Django.

III. Problématique :
L'ouverture d'un nouveau compte dans une banque nécessite généralement qu'une personne se
rende à la banque, remplisse un formulaire et soumette les documents nécessaires.
Toutes ces tâches prennent beaucoup de temps et nuisent à l'expérience client globale.
De plus, de nombreuses personnes doivent prendre du temps dans leur emploi du temps pour
se rendre dans une banque.

Rapport du projet de la fin d’étude licence 8

 IV. Solution proposée :

Nous proposons comme une solution la création d’une application web où les gens peuvent
s'inscrire et ouvrir des nouveaux comptes dans une banque car de cette façon la personne
n'aurait pas à se rendre physiquement à la banque et il économiserait ainsi beaucoup de temps
et d'efforts.

Le système de gestion de comptes bancaire peut également permettre à l'utilisateur

d'effectuer des transactions, retrait, virement, versement et de vérifier le solde de son compte.

Notre solution nécessite d'une section d'administration qui s'occuperait des comptes des
utilisateurs (crée, ajouter, supprimer et voir les détails) du bien-être général de la base de
données.

Rapport du projet de la fin d’étude licence 9

Chapitre 3

Conception et analyse

Définition
Conception et analyse est un procédé qui a pour objectif de permettre de formaliser
les étapes préliminaires de développement d’un système afin de rendre le
développement plus fiable aux besoins du client.

I. Analyse :
Dans cette phase on va pouvoir d’identifier les acteurs et leurs rôles.

Identification des acteurs :

Un acteur est un utilisateur qui interagit avec un système. Un acteur peut être une
personne, une organisation ou un système externe qui interagit avec l’application ou le
système lui même. Dans notre cas on distingue deux types d’acteurs :
 Administrateur : qui détient tous les droits et peut accéder à toutes les
fonctionnalités de l’application.
 Client : celui qui effectue tout les transactions possible après avoir obtenu son
propre compte.

II. Conception
Dans cette phase on va pouvoir utiliser un langage de modélisation de UML a fin de
facilite la réalisation :

Définition UML :

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 le génie 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.

Rapport du projet de la fin d’étude licence 10

Les différents diagrammes utilisés sont : les diagrammes de classes, les diagrammes de cas
d’utilisation, et les diagrammes de séquence.

1. Diagramme de classe :
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 ci-dessous représente le diagramme classe
de notre système. Il est réalisé avec l’outil StarUML :

Figure 1 Diagramme de classe

2. Diagramme de cas d’utilisation :

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

Rapport du projet de la fin d’étude licence 11

fera. Le diagramme ci-dessous représente les différents cas d’utilisation de notre système. Il a
été réalisé avec l’outil StarUML.

Figure 2 Diagramme de cas d'utilisation

3. Les diagrammes de séquence :

Un diagramme de séquence indique l’interaction entre plusieurs acteurs. Dans notre cas on
distingue trois types de diagrammes :

Figure 3 Diagramme de séquence du scénario« Création d’une compte»

Rapport du projet de la fin d’étude licence 12

Figure 4 Diagramme de séquence du scénario« effectuer une virement

Figure 5 Diagramme de séquence du scénario« effectuer une versement»

Rapport du projet de la fin d’étude licence 13

Figure 6 Diagramme de séquence du scénario« effectuer une retrait»

Rapport du projet de la fin d’étude licence 14

Chapitre 4

Réalisation de l’application

1. Les outils et les langages utilisés :

StarUML est un logiciel de modélisation

UML, qui a été « cédé comme open source »
par son éditeur, à la fin de son exploitation
commerciale, sous une licence modifiée de
GNU GPL

PyCharme st un environnement de
développement intégré (IDE) utilisé dans la
programmation informatique, spécifiquement
pour le langage Python

Boostrap : est une libre et open-source

collection d’outils pour la création de sites web
et d’applications web.

Rapport du projet de la fin d’étude licence 15

 Le Framework Jquery est une bibliothèque
logicielle, rapide, concise et très riche conçue
pour les programmeurs JavaScript

Django est un Framework open-source de

développement web en Python. Il a pour but de
rendre le développement web 2.0 simple et
rapide.

CSS est permet un gain de temps lors d’une

modification à porter sur le style, le CSS défini
dans une feuille de style externe, évite une
redondance de classe identique, tout en
clarifiant code.

JavaScripts Permet de programmer des scripts,

il est à jour utilisé majoritairement sur Internet,
conjointement aux pages Web (HTML ou
XHTML).

Python est un langage de programmation

objet impérative structurée, fonctionnelle et
orientée objet. Il est doté d’un typage

Rapport du projet de la fin d’étude licence 16

 dynamique fort, d’une gestion automatique de
la mémoire par ramasse-miettes et d’un
système de gestion

HTML issu d’une des trois inventions à la

base du World Wide Web, le HTML a été créé
dans le but de pouvoir concevoir des pages
web.

2. Présentation de l’application :

Page de login
Pour les raisons de sécurité il est indispensable d’ajouter une couche de sécurité dans
l’application :

Image 1 Page de login

Rapport du projet de la fin d’étude licence 17

Page d’accueil : La page d’accueil ou page d’entrée elle représente l’image principale de
notre application :

Image 2 Page d'accueil

Page pour la gestion d’un client :

Dans cette page d’administrateur peut ajouter, supprimer, modifier et voir les détails d’un
compte pour un client :

Image 3 Gestion des clients

Rapport du projet de la fin d’étude licence 18

Page de virement :

Image 4 Page de virement

Page de versement :

Image 5 Page de versement

Rapport du projet de la fin d’étude licence 19

Page de retrait

Image 6 Page de retrait

Pages d’administrateur sur Django :

Rapport du projet de la fin d’étude licence 20

Image 7 Administrateur de Django

Rapport du projet de la fin d’étude licence 21

II. Conclusion générale :

Un grand merci pour l’ensemble de personnel de la banque populaire (BPM) qui nous a aidées
à fin d’acquérir une importante expérience professionnelle qui restera graver a jamais dans
nos mémoires.

L’élaboration de cette application «gestion des comptes bancaire» au niveau du

développement a été fait avec Html, CSS, JavaScripts et python comme langage, au niveau
des outils on ‘a utilisé StarUML pour la conception, Pycharm comme éditeur du texte,
Framework jquery comme une bibliothèque qui aide à développer en JavaScripts et le
Framework Django pour développer en python.

Il est avéré que l’élaboration d’une application nécessite un effort soutenu surtout quand le
langage utilisé est tout à fait nouveau pour l’étudiant et que la durée de stage n’est pas longue.

Cette réalisation n’est qu’une participation modeste de notre part dans le domaine «
développement web », on souhaite que application soit reprise pour être améliorée même par
d’autres étudiants, (ajouter même d’autre fonctionnalité par exemple ouverture de plusieurs
types des comptes (comptes courants et des comptes d'épargnes), vu que ce domaine est
toujours en évolution.

Rapport du projet de la fin d’étude licence 22