Académique Documents
Professionnel Documents
Culture Documents
Stage
d’observation
Présenté par : Yassine Banouni
Encadré par :
Mme Nawal Chifa, Encadrante au BTS Ibn
Ghazala
M.Mohamed Abouabdellah, Encadrant à
l’Entreprise
Table de
Matières
Résumé......................................................................................4
Remerciements..........................................................................5
Introduction Générale............................................................6
1. L’organisme d’accueil.......................................................8
1.1Présentation..........................................................................8
1.2 Mission principale................................................................8
1.3 Activités...............................................................................9
1.4 Domaines d’expertise..........................................................9
1.5 Produits et services..............................................................9
1.6 Principales références........................................................10
2. Conduite de projet...............................................................11
2.1 Méthodes agiles.................................................................11
2.1.1 La méthode SCRUM.........................................................12
2.1.2 Présentation de la méthodologie SCRUM........................12
2.1.3 Les rôles dans SCRUM.....................................................13
2.1.4 Le sprint agile.................................................................13
2. Concepts généraux :........................................................14
1. E-Banking.............................................................................14
2. Trade Finance......................................................................15
3.Cash Management................................................................17
4.Stock Exchange....................................................................18
2
5.Signature Digitale.................................................................19
3. Étude technique...............................................................21
1. Architecture technique de la solution E-Banking Adria.........21
1.1 Schéma de l’architecture de déploiement..........................21
1.2 Schéma de l’architecture applicative.................................22
1.3 Schéma de l’architecture technique de la solution.............23
2. Outils Backend.....................................................................24
2.1 Le Framework Spring.........................................................24
2.2 Spring Batch......................................................................25
2.3 Maven................................................................................25
3. Outils Frontend....................................................................26
3.1 React JS.............................................................................26
4. Outils de gestion..................................................................28
5. Environnements logiciels.....................................................29
4. Architecture Fonctionnelle et Technique.....................31
1.Architecture fonctionnelle.....................................................31
2. Architecture technique.........................................................31
5. Aperçu Graphique............................................................33
CONCLUSION.........................................................................36
................................................................................................36
Bibliographie............................................................................37
3
Résumé
5
les compétences acquises au cours de ce stage dans ma
carrière future.
Cordialement,
[Votre nom]
Introduction Générale
Auꢀseinꢀd'unꢀmondeꢀenꢀconstanteꢀévolutionꢀtechnologique,ꢀlesꢀinstitutio
nsꢀfinancières
jouentꢀunꢀrôleꢀessentielꢀdansꢀlaꢀtransformationꢀnumériqueꢀdeꢀleursꢀac
tivités.ꢀDansꢀce
contexte,ꢀceꢀrapportꢀdeꢀstageꢀseꢀpencheꢀsurꢀlesꢀdéfisꢀetꢀlesꢀoppor
tunitésꢀinhérentsꢀà
l'intégration ꢀ des ꢀ méthodes ꢀ agiles ꢀ dans ꢀ le ꢀ domaine ꢀ du ꢀ secteur ꢀ
bancaire, ꢀ en ꢀ se
ꢀL'organismeꢀd'accueil,ꢀdontꢀuneꢀprésentationꢀdétailléeꢀseraꢀfaiteꢀdans
concentrant ꢀ spécifiquement ꢀ sur ꢀ la ꢀ mise ꢀ en ꢀ œuvre ꢀ d'une ꢀ solution
ꢀceꢀrapport,ꢀse
ꢀ novatrice ꢀdeꢀE-
positionneꢀenꢀtantꢀqueꢀchefꢀdeꢀfileꢀdansꢀceꢀsecteur,ꢀseꢀdistinguant
Banking.
ꢀparꢀsesꢀdomaines
d'expertiseꢀvariésꢀetꢀsesꢀproduitsꢀdeꢀqualité.
Leꢀprésentꢀrapportꢀviseꢀàꢀexplorerꢀlesꢀaspectsꢀclésꢀdeꢀlaꢀconduiteꢀde
ꢀprojetꢀdansꢀleꢀcadre
de ꢀ cette ꢀ transformation ꢀ numérique. ꢀ Plus ꢀ précisément, ꢀ il ꢀ examine ꢀ
en ꢀ détail ꢀ la
méthodologieꢀAgile,ꢀavecꢀuneꢀattentionꢀparticulièreꢀportéeꢀàꢀlaꢀméthod
eꢀSCRUM.ꢀLa
section ꢀ dédiée ꢀ à ꢀ la ꢀ conduite ꢀ de ꢀ projet ꢀ offre ꢀ un ꢀ aperçu ꢀ
approfondi ꢀ des ꢀ concepts
Dans ꢀ le ꢀ but ꢀ de ꢀ contextualiser ꢀ davantage ꢀ la ꢀ problématique, ꢀ les ꢀ
fondamentauxꢀliésꢀàꢀlaꢀgestionꢀdeꢀprojetꢀAgileꢀetꢀintroduitꢀlesꢀélém
chapitres ꢀ suivants ꢀ se
entsꢀcruciauxꢀqui
consacrent ꢀ à ꢀ une ꢀ exploration ꢀ détaillée ꢀ des ꢀ différents ꢀ concepts ꢀ
permettentꢀuneꢀplanification,ꢀuneꢀexécutionꢀetꢀunꢀsuiviꢀefficaces.
propre ꢀ au ꢀ secteur
bancaireꢀmoderne.ꢀLeꢀchapitreꢀ2ꢀdévoileꢀlesꢀaspectsꢀessentielsꢀduꢀE-
Banking,ꢀtoutꢀen
clarifiantꢀlaꢀnotionꢀduꢀTradeꢀFinance,ꢀCashꢀManagement,ꢀStockꢀExcha
ngeꢀainsiꢀque
toutesꢀlesꢀoptionsꢀqu’offreꢀAdriaꢀdansꢀsesꢀproduits.ꢀL'objectifꢀestꢀde
ꢀfournirꢀuneꢀbase
solide ꢀ pour ꢀ la ꢀ compréhension ꢀ des
6 ꢀ enjeux ꢀ qui ꢀ sous-tendent ꢀ la ꢀ
mise ꢀ en ꢀ place ꢀ d'une
solutionꢀE-Bankingꢀinnovante.
Ensuite, ꢀ le ꢀ chapitre ꢀ 3 ꢀ se ꢀ concentre ꢀ sur ꢀ l'étude ꢀ technique ꢀ de ꢀ
la ꢀ solution ꢀ E-Banking
Adria.ꢀUneꢀarchitectureꢀtechniqueꢀdétailléeꢀestꢀprésentée,ꢀavecꢀunꢀfocus
ꢀsurꢀlesꢀoutils
BackendꢀetꢀFrontendꢀainsiꢀqueꢀsurꢀlesꢀenvironnementsꢀlogiciels.ꢀCetteꢀs
ectionꢀoffreꢀun
aperçuꢀapprofondiꢀdesꢀélémentsꢀtechnologiquesꢀclésꢀnécessairesꢀàꢀlaꢀ
Le ꢀ chapitre ꢀ 4 ꢀ explore ꢀ en ꢀ profondeur ꢀ l'architecture ꢀ fonctionnelle ꢀ
miseꢀenꢀœuvre
et ꢀ technique ꢀ de ꢀ la
réussieꢀdeꢀlaꢀsolution.
solution, ꢀ offrant ꢀ ainsi ꢀ une ꢀ vision ꢀ globale ꢀdeꢀsonꢀ fonctionnement.
ꢀ Enfin, ꢀ l'aperçu
graphiqueꢀprésentéꢀdansꢀleꢀdernierꢀchapitreꢀillustreꢀvisuellementꢀlesꢀco
nceptsꢀabordés
toutꢀauꢀlongꢀduꢀrapport,ꢀapportantꢀuneꢀperspectiveꢀconcrèteꢀsurꢀlesꢀ
En ꢀ somme, ꢀ ce ꢀ rapport ꢀ de ꢀ stage ꢀ se ꢀ propose ꢀ d'analyser ꢀ la ꢀ
réalisationsꢀetꢀles
convergence ꢀ entre ꢀ les
attentes.
méthodesꢀagiles,ꢀlaꢀtransformationꢀnumériqueꢀdansꢀleꢀsecteurꢀbancaire
ꢀetꢀlaꢀmiseꢀen
œuvreꢀd'uneꢀsolutionꢀE-
Banking.ꢀIlꢀexposeꢀlesꢀdéfisꢀetꢀlesꢀopportunitésꢀetꢀoffreꢀuneꢀvue
d'ensembleꢀcomplèteꢀdesꢀélémentsꢀclésꢀimpliquésꢀdansꢀlaꢀréalisationꢀde
ꢀceꢀprojet.
7
1. L’organisme d’accueil
1.1Présentation
Lesꢀservicesꢀbancairesꢀélectroniquesꢀsontꢀunꢀtermeꢀgénérique
ꢀquiꢀdésigne
leꢀprocessusꢀparꢀlequelꢀunꢀclientꢀpeutꢀeffectuerꢀdesꢀtransaction
sꢀbancairesꢀpar
voie ꢀ électronique ꢀ sans ꢀ avoir ꢀ à ꢀ se ꢀ rendre ꢀ dans ꢀ une ꢀ
institution ꢀ physique. ꢀ Les
services ꢀ bancaires ꢀ PC ꢀ et ꢀ Internet ꢀ ou ꢀ les ꢀ services ꢀ bancaires
ꢀ en ꢀ ligne ꢀ sont ꢀ les
désignationsꢀlesꢀplusꢀfréquemmentꢀutilisées.
•ꢀDéveloppementꢀsurꢀmesureꢀdeꢀsolutionsꢀdeꢀDigitalꢀBanking.
ꢀ
•ꢀConseilꢀetꢀaccompagnementꢀdesꢀinstitutionsꢀfinancièresꢀdansꢀleur
sꢀprojetsꢀde
DigitalꢀBanking.ꢀ
1.4 Domaines d’expertise
•ꢀExpertiseꢀMétierꢀdansꢀleꢀdomaineꢀdeꢀl
aꢀbanque.ꢀ
• ꢀ Expertise ꢀ Méthodologique ꢀ dans ꢀ la ꢀ gestion ꢀ des ꢀ projets
ꢀ et ꢀ services
informatiques.ꢀ
•ꢀExpertiseꢀTechnologiqueꢀdansꢀlesꢀnouvellesꢀtechnologiesꢀWebꢀ&ꢀ
Mobileꢀ(JEE,
Spring,ꢀAndroid,ꢀiOS).ꢀ
1.5 Produits et services
Adria Business & Technology
aꢀpourꢀprincipalꢀobjectif,ꢀassurerꢀlaꢀqualitéꢀet
l’aptitudeꢀdesꢀproduitsꢀetꢀservicesꢀqu’elleꢀoffreꢀàꢀsesꢀclients,ꢀ
afinꢀdeꢀsatisfaire
amplementꢀlesꢀbesoinsꢀexprimésꢀouꢀpotentielsꢀdesꢀconsommateurs.
ꢀElleꢀexpose
une ꢀ variété ꢀ de ꢀ produits ꢀ et ꢀ services ꢀ couvrant ꢀ tous ꢀ types ꢀ
de ꢀ canaux ꢀ de
communication,ꢀàꢀsavoirꢀleꢀwebꢀetꢀleꢀmobileꢀ:ꢀ
9
-ꢀAdria banque directe cross
canal :ꢀIlꢀs’agitꢀd’unꢀproduitꢀmodulaireꢀquiꢀse
positionneꢀsurꢀl’ensembleꢀdeꢀlaꢀtrajectoireꢀcommercialeꢀetꢀprésente
ꢀunꢀespaceꢀen
ligneꢀintégréꢀdeꢀlaꢀrelationꢀavecꢀleꢀclientꢀdisposantꢀainsiꢀdeꢀ
fonctionnalitésꢀde
marketing, ꢀ de ꢀ
-ꢀAdria mobile vente ꢀ dématérialisée ꢀ et ꢀ complètement ꢀ en ꢀ ligne,
branch
ꢀ de ꢀ services
banking :ꢀElleꢀpermetꢀd’équiperꢀlesꢀagencesꢀmobilesꢀet
transactionnels,ꢀetꢀdeꢀcommunicationꢀavecꢀleꢀclient.ꢀ
lesꢀagentsꢀnomadesꢀd’uneꢀsolutionꢀquiꢀcouvreꢀtoutesꢀlesꢀfonctionn
alitésꢀd’entrée
enꢀrelation,ꢀdeꢀsouscriptionꢀdeꢀproduits,ꢀdeꢀgestionꢀdeꢀcomptes
ꢀetꢀdesꢀservices
-ꢀAdria
Analytics :ꢀIlꢀpermetꢀdeꢀcollecter,ꢀd’analyserꢀetꢀvisualiserꢀl’ense
transactionnels.ꢀ
mble
desꢀinteractionsꢀduꢀclientꢀavecꢀlaꢀbanqueꢀquelꢀqueꢀsoitꢀleꢀcanal
ꢀutilisé.
2. Conduite de projet
La ꢀ conduite ꢀ de ꢀ projet ꢀ est ꢀ une ꢀ démarche ꢀ qui ꢀ vise ꢀ à ꢀ
structurer ꢀ et ꢀ optimiser ꢀ le
déroulementꢀd’unꢀprojet.ꢀDansꢀceꢀsens,ꢀnousꢀavonsꢀchoisiꢀcomm
eꢀméthodesꢀde
développementꢀlesꢀ«ꢀMéthodesꢀAgilesꢀ».ꢀ
2.1 Méthodes agiles
Lesꢀméthodesꢀdeꢀdéveloppementꢀditesꢀ«ꢀméthodesꢀagilesꢀ»ꢀoffrent
ꢀuneꢀapproche
révolutive ꢀ à ꢀ la ꢀ façon ꢀ dont ꢀ le ꢀ client ꢀ et ꢀ l’équipe ꢀ de ꢀ
production ꢀ communiquent
entreꢀeux.ꢀEllesꢀvisentꢀprincipalementꢀàꢀimpliquerꢀleꢀclientꢀdansꢀ
laꢀproductionꢀdu
débutꢀàꢀlaꢀfinꢀduꢀprojet,ꢀetꢀcelaꢀenꢀadoptantꢀunꢀprocessusꢀit
ératifꢀetꢀincrémental
baséꢀsurꢀuneꢀécouteꢀduꢀclient,ꢀetꢀdeꢀl’implémentationꢀdeꢀtests
ꢀtoutꢀauꢀlongꢀdu 11
cycleꢀdeꢀdéveloppement.ꢀ
2.1.1 La méthode SCRUM
Scrum ꢀ est ꢀ une ꢀ « ꢀ méthode ꢀ agile ꢀ » ꢀ de ꢀ gestion ꢀ de ꢀ
projet, ꢀ généralement ꢀ pour ꢀ le
développementꢀdeꢀlogiciels.ꢀCetteꢀméthodeꢀdeꢀgestion,ꢀouꢀplutôtꢀ
Frameworkꢀde
managementꢀdeꢀprojet,ꢀaꢀpourꢀobjectifꢀd’améliorerꢀlaꢀproductivitéꢀ
deꢀsonꢀéquipe.
Cetteꢀméthodeꢀintroduitꢀdesꢀtempsꢀdeꢀtravailsꢀcommunsꢀquiꢀvisent
ꢀàꢀaméliorerꢀla
motivation ꢀ des ꢀ participants, ꢀ synchroniser ꢀ les ꢀ tâches ꢀ entre ꢀ les
ꢀ membres ꢀ de
l’équipes, ꢀ débloquer ꢀ les ꢀ situations ꢀ difficiles ꢀ et ꢀ d’accroitre ꢀ le
ꢀ partage ꢀ des
LeꢀchoixꢀdeꢀlaꢀméthodeꢀSCRUMꢀcommeꢀméthodeꢀdeꢀtravailꢀest
ꢀdesꢀplusꢀlogique
connaissances.ꢀ
vuꢀsonꢀimportanceꢀetꢀsaꢀpopularité.ꢀ
La ꢀ méthode ꢀ SCRUM ꢀ nous ꢀ permet ꢀ de ꢀ découper ꢀ le ꢀ projet
ꢀ en ꢀ Sprints ꢀ de ꢀ 2 ꢀ à ꢀ 4
semaines. ꢀ Chaque ꢀ sprint ꢀ commence ꢀ par ꢀ une ꢀ estimation ꢀ
suivie ꢀ d’une
planification ꢀ opérationnelle ꢀ et ꢀ se ꢀ termine ꢀ par ꢀ un ꢀ produit ꢀ
livrable ꢀ et ꢀ une
démonstrationꢀdeꢀceꢀquiꢀaꢀétéꢀachevé.ꢀAvantꢀdeꢀdémarrerꢀunꢀ
nouveauꢀsprint,ꢀon
12
réaliseꢀuneꢀrétrospectiveꢀdurantꢀuneꢀpetiteꢀréunionꢀdeꢀl’équipe.ꢀ
2.1.2 Présentation de la méthodologie SCRUM
Le ꢀ principe ꢀ de ꢀ la ꢀ méthodologie ꢀ SCRUM ꢀ est ꢀ de ꢀ
développer ꢀ un ꢀ logiciel ꢀ de
manière ꢀ incrémentale ꢀ en ꢀ maintenant ꢀ une ꢀ liste ꢀ totalement ꢀ
transparente ꢀ des
demandes ꢀ d’évolutions ꢀ ou ꢀ de ꢀ corrections ꢀ à ꢀ implémenter. ꢀ
Avec ꢀ des ꢀ livraisons
trèsꢀfréquentes,ꢀleꢀclientꢀreçoitꢀunꢀlogicielꢀfonctionnelꢀàꢀchaqueꢀi
tération.ꢀPlusꢀle
projetꢀavance,ꢀplusꢀleꢀlogicielꢀestꢀcompletꢀetꢀpossèdeꢀtoujoursꢀde
2.1.3 Les rôles dans SCRUM
ꢀplusꢀenꢀplusꢀde
LaꢀméthodologieꢀSCRUMꢀfaitꢀintervenirꢀtroisꢀrôlesꢀprincipau
fonctionnalités.ꢀ
xꢀquiꢀsontꢀ:ꢀ
a) Product Owner :
Dans ꢀ la ꢀ majorité ꢀ des ꢀ projets, ꢀ le ꢀ responsable ꢀ produit ꢀ
(Product ꢀ owner) ꢀ est ꢀ le
responsableꢀdeꢀl’équipeꢀprojetꢀclient.ꢀC’estꢀluiꢀquiꢀvaꢀdéfinirꢀet
ꢀprioriserꢀlaꢀliste
desꢀfonctionnalitésꢀduꢀproduitꢀetꢀchoisirꢀlaꢀdateꢀetꢀleꢀcontenuꢀd
eꢀchaqueꢀsprintꢀsur
b) Scrum master :
laꢀbaseꢀdesꢀvaleursꢀ(charges)ꢀquiꢀluiꢀsontꢀcommuniquéesꢀparꢀl’éq
Véritableꢀfacilitateurꢀsurꢀleꢀprojet,ꢀilꢀveilleꢀàꢀceꢀqueꢀchacunꢀp
uipe.ꢀ
uisseꢀtravaillerꢀau
maximumꢀdeꢀsesꢀcapacitésꢀenꢀéliminantꢀlesꢀobstaclesꢀetꢀenꢀpro
tégeantꢀl’équipe
c) Equipe :
desꢀperturbationsꢀextérieures.ꢀ
L’équipe ꢀ s’organise ꢀ elle-même ꢀ et ꢀ elle ꢀ reste ꢀ inchangée ꢀ
pendant ꢀ toute ꢀ la ꢀ durée
d’unꢀsprint.ꢀElleꢀdoitꢀtoutꢀfaireꢀpourꢀdélivrerꢀleꢀproduit.ꢀ
2.1.4 Le sprint agile
LeꢀsprintꢀagileꢀreprésenteꢀleꢀcœurꢀdeꢀlaꢀméthodeꢀScrum.ꢀCette
ꢀqualificationꢀlui
correspondꢀplutôtꢀbien,ꢀpuisqueꢀtousꢀlesꢀdéveloppementsꢀincrément
auxꢀmenant
petitꢀàꢀpetitꢀauꢀproduitꢀfinalꢀduꢀprojetꢀsontꢀréalisésꢀauꢀseinꢀde
sꢀsprints.ꢀ
13
Un ꢀ périmètre ꢀ de ꢀ développement ꢀ est ꢀ défini ꢀ au ꢀ début ꢀ d’un
ꢀ sprint ꢀ et ꢀ doit ꢀ être
entièrement ꢀ réalisé ꢀ lorsqu’il ꢀ se ꢀ termine. ꢀ Chaque ꢀ sprint ꢀ doit
ꢀ apporter ꢀ des
fonctionnalitésꢀsupplémentairesꢀàꢀl’applicationꢀenꢀcoursꢀdeꢀdévelop
pementꢀqui
doiventꢀêtreꢀlivréesꢀlorsqu’ilꢀseꢀtermine.ꢀLeꢀproductꢀownerꢀestꢀl
eꢀresponsableꢀde
définir ꢀ les ꢀ sprints ꢀ et ꢀ d’organiser ꢀ le ꢀ « ꢀbacklog product » ꢀ
afin ꢀ de ꢀ faciliter ꢀ la
constructionꢀduꢀproduit.
2. Concepts généraux :
1. E-Banking
Le ꢀ E-banking, ꢀ également ꢀ connu ꢀ sous ꢀ le ꢀ nom ꢀ de ꢀ banque
ꢀ en ꢀ ligne ꢀ ou ꢀ banque
électronique, ꢀ représente ꢀ une ꢀ révolution ꢀ majeure ꢀ dans ꢀ le ꢀ
secteur ꢀ financier. ꢀ Au
cours ꢀ de ꢀ mon ꢀ stage ꢀ au ꢀ sein ꢀ de ꢀ cette ꢀ institution ꢀ bancaire
ꢀ renommée, ꢀ j'ai ꢀ eu
l'opportunitéꢀdeꢀdécouvrirꢀdeꢀprèsꢀl'impactꢀsignificatifꢀqu'aꢀeuꢀle
Grâceꢀàꢀdesꢀplateformesꢀnumériquesꢀsophistiquées,ꢀlesꢀclientsꢀpeuv
ꢀE-bankingꢀsur
entꢀdésormais
lesꢀpratiquesꢀbancairesꢀtraditionnelles.ꢀ
accéder ꢀ à ꢀ leurs ꢀ comptes ꢀ en ꢀ temps ꢀ réel, ꢀ effectuer ꢀ des ꢀ
transactions, ꢀ payer ꢀ des
facturesꢀetꢀgérerꢀleursꢀfinancesꢀdeꢀmanièreꢀrapideꢀetꢀpratique.
ꢀ Cette ꢀ approche ꢀ novatrice ꢀ de ꢀ la ꢀ banque ꢀ offre ꢀ non ꢀ
seulement ꢀ une ꢀ expérience
utilisateur ꢀ améliorée, ꢀ mais ꢀ elle ꢀ contribue ꢀ également ꢀ à ꢀ réduire
ꢀ les ꢀ coûts
opérationnels ꢀ de ꢀ l'institution ꢀ et ꢀ à ꢀ renforcer ꢀ la ꢀ sécurité ꢀ des
ꢀ transactions.
Toutefois, ꢀ malgré ꢀ ses ꢀ nombreux ꢀ avantages, ꢀ le ꢀ E-banking ꢀ
pose ꢀ également ꢀ des
défisꢀtelsꢀqueꢀlaꢀcybersécuritéꢀetꢀlaꢀprotectionꢀdesꢀdonnéesꢀsens
iblesꢀdesꢀclients. 14
Au ꢀ cours ꢀ de ꢀ mon ꢀ stage, ꢀ j'ai ꢀ puꢀ contribuer ꢀ à ꢀ
l'amélioration ꢀ continue ꢀ deꢀ la
etꢀàꢀaméliorerꢀl'accessibilitéꢀpourꢀlesꢀclients.ꢀCetteꢀexpérienceꢀen
richissanteꢀm'a
permisꢀdeꢀmieuxꢀcomprendreꢀlesꢀenjeuxꢀduꢀsecteurꢀbancaireꢀàꢀl'è
reꢀnumériqueꢀet
deꢀdévelopperꢀdesꢀcompétencesꢀessentiellesꢀdansꢀleꢀdomaineꢀdeꢀ
laꢀtechnologie
financière.
2. Trade Finance
Le ꢀ Trade ꢀ finance ꢀ désigne ꢀ l’ensemble ꢀ de ꢀ techniques ꢀ et ꢀ de
ꢀ produits ꢀ financiers
destinésꢀàꢀfinancerꢀetꢀàꢀaccompagnerꢀlesꢀopérationsꢀdeꢀcommerce
ꢀinternationalꢀ:
créditꢀdocumentaire,ꢀgestionꢀdesꢀfluxꢀinternationaux,ꢀcouvertureꢀdeꢀ
change,ꢀetc.ꢀ
Le ꢀ champ ꢀ d'application ꢀ du ꢀ Trade ꢀ Finance ꢀ est ꢀ large ꢀ et ꢀ
diversifié. ꢀ Le ꢀ terme ꢀ «
Tradeꢀ»ꢀrenvoieꢀiciꢀàꢀlaꢀsécurisationꢀdesꢀtransactions,ꢀcôtésꢀexpo
LaꢀfonctionꢀduꢀTradeꢀfinanceꢀestꢀd'introduireꢀunꢀtiersꢀdansꢀles
rtateurs,ꢀcomme
ꢀtransactionsꢀpour
importateurs, ꢀ Trade ꢀ Finance ꢀ permet ꢀ et ꢀ facilite ꢀ aux ꢀ
enleverꢀleꢀrisqueꢀdeꢀpaiementꢀetꢀleꢀrisqueꢀd'approvisionnement.ꢀLe
importateurs ꢀ et ꢀ aux
ꢀTradeꢀfinance
exportateursꢀdeꢀtraiterꢀdesꢀaffairesꢀparꢀleꢀbiaisꢀduꢀcommerce.ꢀ
fournit ꢀ à ꢀ l'exportateur ꢀ des ꢀ créances ꢀ ou ꢀ un ꢀ paiement ꢀ
conformément ꢀ à ꢀ l'accord,
tandisꢀqueꢀl'importateurꢀpeutꢀbénéficierꢀd'unꢀcréditꢀpourꢀexécuter
Il ꢀ comprend, ꢀ en ꢀ effet ꢀ des ꢀ solutions ꢀ qui ꢀ permettent ꢀ de ꢀ
ꢀlaꢀcommande
minorer ꢀ les ꢀ risques
commerciale.ꢀ
encourusꢀaussiꢀbienꢀparꢀlesꢀexportateursꢀ(risqueꢀdeꢀcontrepartieꢀpa
rꢀexemple)ꢀque
Le ꢀ Trade ꢀ Finance ꢀ comprend ꢀ plusieurs ꢀ sous ꢀ modules ꢀ dont ꢀ
lesꢀimportateursꢀ(risqueꢀdeꢀlivraison).ꢀ
on ꢀ distingue ꢀ : ꢀ La
remiseꢀdocumentaire.
2.1 Définition de la remise documentaire
La ꢀ remise ꢀ documentaire ꢀ (ou ꢀ encaissement ꢀ documentaire) ꢀ
consiste ꢀ pour ꢀ le
vendeurꢀàꢀfaireꢀencaisserꢀparꢀuneꢀbanqueꢀleꢀmontantꢀdûꢀparꢀ
unꢀacheteurꢀcontre
paiementꢀouꢀacceptationꢀd'uneꢀlettreꢀde
remiseꢀdeꢀdocuments.ꢀLesꢀdocumentsꢀsontꢀremisꢀàꢀl'acheteurꢀuniq
ꢀchangeꢀ
uementꢀcontre 15
2.2 Intervenants de la Remise documentaire
•ꢀLe donneur d'ordre ou
remettant :ꢀC'estꢀleꢀvendeurꢀ(exportateur).ꢀ
•ꢀLe
tiré :ꢀC'estꢀl'acheteur.ꢀ
• ꢀLa banque remettante : ꢀ C'est ꢀ la ꢀ banque ꢀ du ꢀ vendeur ꢀ qui
ꢀ transmet ꢀ les
documents ꢀ à ꢀ la ꢀ banque ꢀ chargée ꢀ de ꢀ l'encaissement ꢀ dans ꢀ le
ꢀ pays ꢀ de ꢀ l'acheteur,
• ꢀLa banque présentatrice : ꢀ C'est ꢀ la ꢀ banque ꢀ correspondante ꢀ
conformémentꢀauxꢀinstructionsꢀdeꢀl'ordreꢀd'encaissement.ꢀ
de ꢀ la ꢀ banque
remettanteꢀdansꢀleꢀpaysꢀdeꢀl'acheteur.ꢀ
2.3 Fonctionnement de la Remise documentaire
20
3. Étude technique
21
Architecture de déploiement de la solution E-Banking Adria
22
Architecture applicative de la solution E-Banking Adria
ꢀLeꢀproduitꢀAdriaꢀestꢀdéveloppéꢀenꢀJ2EEꢀavecꢀuneꢀarchitectur
eꢀmicroServices
quiꢀseꢀbaseꢀprincipalementꢀsurꢀSpringꢀCloudꢀetꢀNetflixꢀOSS.ꢀ
•ꢀLaꢀpartieꢀWebꢀestꢀdéveloppéeꢀautourꢀdeꢀReactꢀJSꢀ(laꢀdernière
ꢀversion)ꢀavecꢀdes
testsꢀunitairesꢀenꢀJestꢀ&ꢀairbnb.ꢀ
• ꢀ La ꢀ communication ꢀ entre ꢀ le ꢀ Front ꢀ end ꢀ et ꢀ le ꢀ Back ꢀ
end ꢀ est ꢀ en ꢀ RestFull ꢀ via ꢀ la
Gatewayꢀ(SpringꢀGateway).ꢀEnꢀrevancheꢀlaꢀcommunicationꢀentreꢀ
lesꢀdifférents
microServicesꢀseꢀfaitꢀviaꢀFeignꢀetꢀRibbonꢀ
•ꢀLaꢀpersistanceꢀdesꢀdonnéesꢀseꢀfaitꢀviaꢀSpringꢀDataꢀ&
ꢀHibernateꢀJPA.ꢀ 23
•ꢀL’authentificationꢀestꢀassuréeꢀparꢀKey
cloakꢀ
•ꢀLesꢀbatchsꢀsontꢀdéveloppésꢀparꢀleꢀFrameworkꢀSp
ringꢀBatch.ꢀ
•ꢀLaꢀgénérationꢀdesꢀrapportsꢀseꢀfaitꢀviaꢀJasperRepo
rt.ꢀ
2. Outils Backend
Springꢀestꢀl’unꢀdesꢀFrameworkꢀJavaꢀlesꢀplusꢀrépandus,ꢀbaséꢀsur
ꢀlaꢀmanipulation
desꢀcomposantsꢀlogiciels,ꢀilꢀfournitꢀunꢀconteneurꢀcapableꢀdeꢀgérer
ꢀleꢀcycleꢀdeꢀvie
des ꢀ Beans. ꢀ La ꢀ configuration ꢀ de ꢀ l’application ꢀ peut ꢀ se ꢀ faire
ꢀ grâce ꢀ à ꢀ un ꢀ fichier
XMLꢀainsiꢀqueꢀjava.ꢀ
Pr
incipaux composants du Framework Spring
24
PourꢀmettreꢀenꢀœuvreꢀnotreꢀApplication,ꢀnousꢀavonsꢀutiliséꢀlaꢀpu
issanceꢀdesꢀtrois
conceptsꢀclésꢀdeꢀSpringꢀ:ꢀ
• ꢀInversion ꢀ of ꢀ control ꢀ: ꢀ (Ioc ꢀ – ꢀ inversion ꢀ de ꢀ contrôle ꢀ
ou ꢀ injection ꢀ de
dépendances).ꢀL’Iocꢀestꢀunꢀpatronꢀdeꢀconceptionꢀquiꢀpermet,ꢀen
ꢀprogrammation
Orientéeꢀobjetꢀdeꢀdécouplerꢀlesꢀdépendancesꢀentreꢀlesꢀobjets.ꢀO
nꢀsaitꢀjusteꢀque
l’objetꢀAꢀdépendꢀdeꢀl’objetꢀBꢀetꢀc’estꢀàꢀSpringꢀdeꢀgérerꢀlesꢀ
• ꢀLa ꢀ couche ꢀ d’abstraction ꢀ: ꢀ Elle ꢀ permet ꢀ d’intégrer ꢀ d’autres
dépendancesꢀentreꢀles
ꢀ Framework ꢀ et
instances.ꢀLeurꢀcréationꢀestꢀfaiteꢀauꢀdémarrageꢀdeꢀl’application.ꢀ
bibliothèquesꢀavecꢀfacilité.ꢀ
•ꢀAspect-OrientedꢀProgrammingꢀ:ꢀ
(ProgrammationꢀOrientéeꢀAspect).ꢀC’estꢀun
paradigmeꢀdeꢀprogrammationꢀquiꢀsépareꢀlesꢀpartiesꢀtechniquesꢀet
ꢀleꢀmétier.ꢀCe
paradigmeꢀapporteꢀdesꢀmécanismesꢀàꢀlaꢀfoisꢀsimplesꢀàꢀappréhen
derꢀetꢀpuissants
pourꢀlaꢀcaptureꢀdesꢀpréoccupationsꢀtransversales.ꢀ
2.2 Spring Batch
SpringꢀBatchꢀestꢀunꢀFrameworkꢀopenꢀsourceꢀpourꢀleꢀtraitementꢀ
parꢀlots.ꢀIlꢀs'agit
d'une ꢀ solution ꢀ légère ꢀet ꢀ complète ꢀ conçue ꢀ pour ꢀ permettre ꢀ le
ꢀ développement
d'applications ꢀ par ꢀ lots ꢀ robustes, ꢀque ꢀ l'on ꢀ trouve ꢀ souvent ꢀ
dans ꢀ les ꢀ systèmes
d'entrepriseꢀmodernes.ꢀSpringꢀBatchꢀs'appuieꢀsurꢀl'approcheꢀdeꢀdé
veloppement
baséeꢀsurꢀPOJOꢀ(PlainꢀOldꢀJavaꢀObject)ꢀduꢀSpringꢀFramework.
25
2.3 Maven
Logo de Maven
Maven
estꢀunꢀoutilꢀdeꢀconstructionꢀdeꢀprojetsꢀ(build)ꢀopenꢀsourceꢀdé
veloppée
parꢀlaꢀfondationꢀApache,ꢀinitialementꢀpourꢀlesꢀbesoinsꢀduꢀprojetꢀ
JakartaꢀTurbine.
Il ꢀ permet ꢀ de ꢀ faciliter ꢀ et ꢀ d'automatiser ꢀ certaines ꢀ tâches ꢀ de
•ꢀD’automatiserꢀcertainesꢀtâchesꢀ:ꢀcompilation,ꢀtestsꢀunitairesꢀetꢀdép
ꢀ gestion ꢀ d'un ꢀ projet
loiementꢀdes
Java.ꢀIlꢀpermetꢀnotammentꢀ:ꢀ
applicationsꢀquiꢀcomposentꢀleꢀprojet.ꢀ
•ꢀDeꢀgérerꢀdesꢀdépendancesꢀvis-à-
visꢀdesꢀbibliothèquesꢀnécessairesꢀauꢀprojet.ꢀ
•ꢀDeꢀgénérerꢀdesꢀdocumentationsꢀconcernantꢀleꢀprojet.ꢀ
3. Outils Frontend
3.1 React JS
Logo de ReactJs
26
Uneꢀbibliothèqueꢀd’interfaceꢀutilisateurꢀdéveloppéeꢀparꢀFacebookꢀp
ourꢀfaciliter
la ꢀ création ꢀ de ꢀ composants ꢀ interactifs, ꢀ Stateful ꢀ et ꢀ réutilisables
ꢀ de ꢀ l’interface
utilisateur. ꢀ Il ꢀ est ꢀ utilisé ꢀ sur ꢀ Facebook ꢀ dans ꢀ la ꢀ production,
ꢀ Instagram,
L’unꢀdeꢀsesꢀpointsꢀdeꢀventeꢀuniqueꢀestꢀqueꢀnonꢀseulementꢀil
ꢀfonctionneꢀsurꢀle
WhatsAppꢀ...ꢀ
côtéꢀclient,ꢀmaisꢀilꢀpeutꢀégalementꢀêtreꢀrenduꢀcôtéꢀserveur,ꢀet
ꢀlesꢀdeuxꢀpeuvent
ꢀIlꢀutiliseꢀégalementꢀunꢀconceptꢀappeléꢀleꢀDOMꢀvirtuelꢀquiꢀs
travaillerꢀensembleꢀdeꢀmanièreꢀinter-opérationnel.
électivement,ꢀrend
desꢀsous-
arbresꢀdeꢀnoeudsꢀbasésꢀsurꢀdesꢀchangementsꢀd’état.ꢀIlꢀeffectueꢀle
ꢀmoins
deꢀmanipulationꢀdeꢀDOMꢀpossibleꢀpourꢀmaintenirꢀlesꢀcomposantsꢀ
àꢀjour.
3.2 Redux
Logo de Redux
UneꢀimplémentationꢀdérivéeꢀdeꢀFlux.ꢀÇaꢀpermetꢀdeꢀcréerꢀunꢀS
toreꢀquiꢀcontient
unꢀétat,ꢀréagitꢀàꢀdesꢀactionsꢀdispatchées,ꢀetꢀauquelꢀonꢀpeutꢀs
ouscrireꢀpourꢀêtre
notifié ꢀ des ꢀ changements. ꢀ Il ꢀ permet ꢀ également ꢀ l’ajout ꢀ de ꢀ
middlewares, ꢀ qui
peuvent ꢀ en ꢀ quelque ꢀ sorte ꢀ pre-process ꢀ les ꢀ actions. ꢀ Redux ꢀ
•ꢀIlꢀoffreꢀunꢀseulꢀetꢀmêmeꢀcontainerꢀpourꢀtoutꢀleꢀstateꢀd’uneꢀ
part ꢀ de ꢀ plusieurs
application.ꢀC’estꢀ-à-
principesꢀfondamentauxꢀ:ꢀ
direꢀqueꢀcelui-ciꢀvaꢀêtreꢀgéréꢀauꢀmêmeꢀendroit.ꢀ
27
• ꢀ Le ꢀ state ꢀ ne ꢀ peut ꢀ être ꢀ modifié. ꢀ Chaque ꢀ changement ꢀ
que ꢀ nous ꢀ opérerons ꢀ se
concrétise ꢀ par ꢀ la ꢀ création ꢀ d’un ꢀ nouvel ꢀ objet ꢀ state ꢀ
reprenant ꢀ l’ancien ꢀ et ꢀ en ꢀ y
apportantꢀdesꢀmodifications.ꢀ
•ꢀChaqueꢀchangementꢀestꢀdécritꢀparꢀuneꢀaction.ꢀLesꢀcomponentsꢀ
neꢀconnaissent
pas ꢀ la ꢀ façon ꢀ dont ꢀ le ꢀ state ꢀ va ꢀ changer. ꢀ Ils ꢀ envoient ꢀ
seulement ꢀ une ꢀ action ꢀ qui
décritꢀleꢀchangementꢀàꢀeffectuer.ꢀ
4. Outils de gestion
4.1 Bitbucket
Logo de Bitbucket
Jiraꢀestꢀunꢀsystèmeꢀdeꢀsuiviꢀdeꢀbugs,ꢀdeꢀgestionꢀdesꢀincident
sꢀetꢀdeꢀgestionꢀde
projetsꢀdéveloppéꢀparꢀATLASSIANꢀetꢀpubliéꢀpourꢀlaꢀpremièreꢀf
oisꢀenꢀ2002.ꢀIl
proposeꢀdesꢀsolutionsꢀàꢀlaꢀfoisꢀàꢀdestinationꢀdesꢀdéveloppeursꢀet
ꢀdesꢀintervenants
nonꢀdéveloppeurs.
5. Environnements logiciels
IntelliJꢀIDEAꢀestꢀunꢀIDEꢀintégréꢀdeꢀtechnologieꢀJavaꢀdestinéꢀa
uꢀdéveloppement
de ꢀ logiciels ꢀ informatiques. ꢀ Une ꢀ étude ꢀ de ꢀ différents ꢀ IDE
ꢀ (Integrated
DevelopmentꢀEnvironment)ꢀaꢀétéꢀmenéeꢀpourꢀchoisirꢀleꢀbonꢀenvir
onnement.ꢀLes
deuxꢀprincipalesꢀalternativesꢀétaientꢀEclipseꢀIDEꢀetꢀIntelliJꢀIDE
A,ꢀmaisꢀaprès
avoirꢀévaluerꢀIntelliJꢀleꢀchoixꢀnousꢀaꢀsembléꢀévident.ꢀEnꢀconsid
érantꢀqu'onꢀpeut 29
apprécier ꢀ les ꢀ qualités ꢀ d'IntelliJ ꢀ IDEA ꢀ en ꢀ termes ꢀ de ꢀ
stabilité ꢀ et ꢀ de ꢀ périmètre
5.2 Visual Studio Code
VisualꢀStudioꢀCodeꢀestꢀunꢀéditeurꢀdeꢀcodeꢀextensibleꢀdéveloppé
ꢀparꢀMicrosoft.
Lesꢀfonctionnalitésꢀincluentꢀlaꢀpriseꢀenꢀchargeꢀduꢀdébogage,ꢀlaꢀ
miseꢀenꢀévidence
deꢀlaꢀsyntaxe,ꢀlaꢀcomplétionꢀintelligenteꢀduꢀcodeꢀ(IntelliSense4.),ꢀl
esꢀsnippets,ꢀla
refactorisationꢀduꢀcodeꢀetꢀGitꢀintégré.ꢀLesꢀutilisateursꢀpeuventꢀmo
difierꢀleꢀthème,
lesꢀraccourcisꢀclavier,ꢀlesꢀpréférencesꢀetꢀinstallerꢀdesꢀextensionsꢀq
uiꢀajoutentꢀdes
ꢀConclusion
fonctionnalitésꢀsupplémentaires.
ꢀꢀ
Nous ꢀ avons ꢀ vu ꢀ dans ꢀ ce ꢀ chapitre ꢀ les ꢀ outils ꢀ et ꢀ
technologies ꢀ qu’utilise ꢀ Adria
Businessꢀ&ꢀTechnology,ꢀetꢀnousꢀavonsꢀdétailléꢀchacunꢀd’eux.ꢀDa
nsꢀleꢀprochain
chapitreꢀnousꢀdétailleronsꢀl’architectureꢀFonctionnelleꢀetꢀTechnique.
30
4. Architecture Fonctionnelle et Technique
1.Architecture fonctionnelle
La ꢀ solution ꢀ ADRIA ꢀ définit ꢀ huit ꢀ blocs ꢀ fonctionnels ꢀ
représentant ꢀ des ꢀ fonctions
issuesꢀdeꢀl’analyseꢀdesꢀprocessusꢀmétiersꢀrelativesꢀàꢀlaꢀbanque.
Laꢀcréationꢀduꢀcontratꢀd’abonnementꢀcouvreꢀlaꢀcréationꢀdesꢀabonn
ésꢀ(particulier
ouꢀentreprise),ꢀlaꢀcréationꢀdeꢀleursꢀcomptes,ꢀlaꢀdéclarationꢀdeꢀleu
rsꢀbénéficiaires,
laꢀdéfinitionꢀdeꢀlaꢀmatriceꢀdeꢀsignatureꢀetꢀlaꢀdéfinitionꢀdesꢀpl
afondsꢀetꢀlesꢀseuils
desꢀtransactionsꢀbancaires.ꢀ
2. Architecture technique
La ꢀ configuration ꢀ mis ꢀ en ꢀ place ꢀ est ꢀ souvent ꢀ nommée ꢀ "3-
tiers" ꢀ car ꢀ on ꢀ peut
décomposerꢀfonctionnellementꢀl’applicationꢀenꢀ3ꢀcouchesꢀdistinctes.
31
Architecture 3tiers
32
5. Aperçu Graphique
33
Interface de saisie du code de la signature
34
Interface principale de l'espace Back-Office
35
CONCLUSION
ꢀꢀMonꢀstageꢀauꢀseinꢀdeꢀl'entrepriseꢀ[nomꢀdeꢀl'entreprise
]ꢀaꢀétéꢀuneꢀ
opportunitéꢀprécieuseꢀpourꢀacquérirꢀdesꢀcompétencesꢀtechni
ques,ꢀ
découvrirꢀleꢀfonctionnementꢀdeꢀl'informatiqueꢀenꢀentreprise
ꢀetꢀélargirꢀ
maꢀcompréhensionꢀduꢀdomaine.ꢀJ'aiꢀeuꢀl'occasionꢀdeꢀcoll
aborerꢀavecꢀ
ꢀꢀL'étudeꢀtechniqueꢀdeꢀl'architectureꢀdeꢀlaꢀsolutionꢀE-
uneꢀéquipeꢀcompétenteꢀetꢀd'appliquerꢀdesꢀméthodologiesꢀa
BankingꢀAdriaꢀetꢀ
giles,ꢀ
l'explorationꢀdesꢀoutilsꢀtelsꢀqueꢀSpringꢀetꢀReactꢀJSꢀont
notammentꢀSCRUM.
ꢀrenforcéꢀmesꢀ
ꢀꢀJeꢀtiensꢀàꢀremercierꢀchaleureusementꢀl'entrepriseꢀ[nomꢀd
compétencesꢀprofessionnelles.
eꢀ
l'entreprise],ꢀM.ꢀMohamedꢀAbouabdellah,ꢀetꢀtousꢀceuxꢀqui
ꢀm'ontꢀ
soutenuꢀpendantꢀceꢀstage.ꢀCetteꢀexpérienceꢀaꢀétéꢀdétermin
anteꢀpourꢀma
Jeꢀsuisꢀenthousiasteꢀàꢀl'idéeꢀd'appliquerꢀceꢀqueꢀj'aiꢀa
formationꢀetꢀmonꢀfuturꢀprofessionnel.
pprisꢀdansꢀmaꢀ
carrièreꢀfutureꢀdansꢀleꢀdomaineꢀdeꢀl'informatique.
Cordialement,
YassineꢀBanouni
36
Bibliographie
[1]ꢀLeꢀsiteꢀwebꢀd’Adria,ꢀDisponibleꢀsurꢀ:ꢀ
www.adria-bt.com/en/ꢀ,ꢀAout
2023
37