{"id":3699,"date":"2026-04-27T13:58:52","date_gmt":"2026-04-27T05:58:52","guid":{"rendered":"https:\/\/www.go2posts.com\/fr\/c4-model-case-study-big-bank-plc-internet-banking-system\/"},"modified":"2026-04-27T13:58:52","modified_gmt":"2026-04-27T05:58:52","slug":"c4-model-case-study-big-bank-plc-internet-banking-system","status":"publish","type":"post","link":"https:\/\/www.go2posts.com\/fr\/c4-model-case-study-big-bank-plc-internet-banking-system\/","title":{"rendered":"\u00c9tude de cas du mod\u00e8le C4 : syst\u00e8me de banque en ligne de Big Bank plc"},"content":{"rendered":"<h2 data-nodeid=\"48904\">1. R\u00e9sum\u00e9 ex\u00e9cutif<\/h2>\n<p data-nodeid=\"48905\">Cette \u00e9tude de cas documente l&#8217;architecture du syst\u00e8me de<strong data-nodeid=\"49074\">syst\u00e8me de banque en ligne<\/strong>pour<strong data-nodeid=\"49075\">Big Bank plc<\/strong>. Le syst\u00e8me est con\u00e7u pour permettre aux clients particuliers de consulter leurs soldes de compte, d&#8217;acc\u00e9der \u00e0 leur historique des transactions et de r\u00e9aliser des paiements via des navigateurs web et des appareils mobiles.<\/p>\n<p data-nodeid=\"48906\">L&#8217;architecture suit le mod\u00e8le<strong data-nodeid=\"49081\">mod\u00e8le C4<\/strong> (Contexte, Conteneurs, Composants, Code), offrant une vue hi\u00e9rarchique du syst\u00e8me, des abstractions de haut niveau jusqu&#8217;\u00e0 l&#8217;infrastructure de d\u00e9ploiement.<\/p>\n<hr data-nodeid=\"48907\"\/>\n<h2 data-nodeid=\"48908\">2. Niveau 1 : Diagramme de contexte du syst\u00e8me<\/h2>\n<p data-nodeid=\"48909\"><strong data-nodeid=\"49087\">Objectif :<\/strong> Montrer le syst\u00e8me dans son contexte d&#8217;utilisation par les utilisateurs et ses d\u00e9pendances externes.<\/p>\n<p data-nodeid=\"48910\"><strong data-nodeid=\"49092\">Diagramme de r\u00e9f\u00e9rence :<\/strong> Image 4 (principale) et Image 1 (vue simplifi\u00e9e).<\/p>\n<h3 data-nodeid=\"48911\">Analyse<\/h3>\n<p data-nodeid=\"48912\">Le<strong data-nodeid=\"49107\">syst\u00e8me de banque en ligne<\/strong> se situe \u00e0 l&#8217;int\u00e9rieur de la fronti\u00e8re de l&#8217;<strong data-nodeid=\"49108\">Big Bank plc<\/strong> entreprise. Il agit comme un canal num\u00e9rique pour le<strong data-nodeid=\"49109\">client de banque personnelle<\/strong>.<\/p>\n<p><img alt=\"C4 Model System Context Diagram for Internet Banking System\" decoding=\"async\" src=\"https:\/\/online.visual-paradigm.com\/repository\/images\/c11adb2f-dc05-47e8-88cc-369892d99372\/c4-model-design\/c4-model-system-context-diagram-for-internet-banking-system.png\"\/><\/p>\n<ul data-nodeid=\"48913\">\n<li data-nodeid=\"48914\">\n<p data-nodeid=\"48915\"><strong data-nodeid=\"49113\">Utilisateurs (acteurs) :<\/strong><\/p>\n<ul data-nodeid=\"48916\">\n<li data-nodeid=\"48917\">\n<p data-nodeid=\"48918\"><strong data-nodeid=\"49118\">Client de banque personnelle :<\/strong> L&#8217;utilisateur principal qui interagit avec le syst\u00e8me pour consulter les soldes et effectuer des paiements.<\/p>\n<\/li>\n<li data-nodeid=\"48919\">\n<p data-nodeid=\"48920\"><strong data-nodeid=\"49123\">Personnel de service \u00e0 la client\u00e8le :<\/strong> Les employ\u00e9s de la banque qui aident les clients (repr\u00e9sent\u00e9s sur l&#8217;image 4).<\/p>\n<\/li>\n<li data-nodeid=\"48921\">\n<p data-nodeid=\"48922\"><strong data-nodeid=\"49128\">Personnel de back-office :<\/strong> Le personnel administratif et de support (repr\u00e9sent\u00e9 sur l&#8217;image 4).<\/p>\n<\/li>\n<\/ul>\n<\/li>\n<li data-nodeid=\"48923\">\n<p data-nodeid=\"48924\"><strong data-nodeid=\"49132\">Syst\u00e8mes externes :<\/strong><\/p>\n<ul data-nodeid=\"48925\">\n<li data-nodeid=\"48926\">\n<p data-nodeid=\"48927\"><strong data-nodeid=\"49137\">Syst\u00e8me bancaire principal (mainframe) :<\/strong>\u00a0Le syst\u00e8me de r\u00e9f\u00e9rence. Il stocke toutes les informations essentielles de la banque (clients, comptes, transactions). Le syst\u00e8me de banque en ligne s&#8217;appuie sur celui-ci pour obtenir des donn\u00e9es fiables.<\/p>\n<\/li>\n<li data-nodeid=\"48928\">\n<p data-nodeid=\"48929\"><strong data-nodeid=\"49142\">Syst\u00e8me de messagerie :<\/strong>\u00a0Le syst\u00e8me interne Microsoft Exchange utilis\u00e9 pour envoyer des notifications (par exemple, r\u00e9initialisations de mot de passe, confirmations) aux clients.<\/p>\n<\/li>\n<li data-nodeid=\"48930\">\n<p data-nodeid=\"48931\"><strong data-nodeid=\"49147\">Distributeur automatique de billets (ATM) :<\/strong>\u00a0Un syst\u00e8me logiciel distinct permettant les retraits en esp\u00e8ces (pr\u00e9sent\u00e9 dans l\u2019Image 4 pour illustrer l\u2019\u00e9cosyst\u00e8me plus large).<\/p>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p data-nodeid=\"48932\"><strong data-nodeid=\"49152\">Relation cl\u00e9 :<\/strong>\u00a0Le client interagit avec le syst\u00e8me de banque en ligne, qui agit \u00e0 son tour comme une fa\u00e7ade vers le syst\u00e8me principal h\u00e9rit\u00e9 pour r\u00e9cup\u00e9rer des donn\u00e9es et traiter les paiements.<\/p>\n<hr data-nodeid=\"48933\"\/>\n<h2 data-nodeid=\"48934\">3. Niveau 2 : Diagramme des conteneurs<\/h2>\n<p data-nodeid=\"48935\"><strong data-nodeid=\"49158\">Objectif :<\/strong>\u00a0Montrer les choix technologiques de haut niveau et la r\u00e9partition des responsabilit\u00e9s \u00e0 travers le syst\u00e8me.<\/p>\n<p data-nodeid=\"48936\"><strong data-nodeid=\"49163\">Diagramme de r\u00e9f\u00e9rence :<\/strong>\u00a0Image 2.<\/p>\n<h3 data-nodeid=\"48937\">Analyse<\/h3>\n<p data-nodeid=\"48938\">Le \u00ab syst\u00e8me de banque en ligne \u00bb du niveau 1 est d\u00e9compos\u00e9 en cinq conteneurs distincts (unit\u00e9s d\u00e9ployables).<\/p>\n<p><img alt=\"C4 Model Container Diagram for Internet Banking System\" decoding=\"async\" src=\"https:\/\/online.visual-paradigm.com\/repository\/images\/eb7352f8-0099-45f4-85a1-85c9cd3dfade\/c4-model-design\/c4-model-container-diagram-for-internet-banking-system.png\"\/><\/p>\n<ol data-nodeid=\"48939\">\n<li data-nodeid=\"48940\">\n<p data-nodeid=\"48941\"><strong data-nodeid=\"49173\">Application web (Java et Spring MVC) :<\/strong><\/p>\n<ul data-nodeid=\"48942\">\n<li data-nodeid=\"48943\">\n<p data-nodeid=\"48944\"><strong data-nodeid=\"49178\">R\u00f4le :<\/strong>\u00a0Fonctionne comme point d&#8217;entr\u00e9e pour les utilisateurs web.<\/p>\n<\/li>\n<li data-nodeid=\"48945\">\n<p data-nodeid=\"48946\"><strong data-nodeid=\"49185\">Fonction :<\/strong>\u00a0Fournit le contenu statique (HTML\/CSS\/JS) et l&#8217;application monopage (SPA) au navigateur du client via HTTPS.<\/p>\n<\/li>\n<\/ul>\n<\/li>\n<li data-nodeid=\"48947\">\n<p data-nodeid=\"48948\"><strong data-nodeid=\"49189\">Application monopage (JavaScript et Angular) :<\/strong><\/p>\n<ul data-nodeid=\"48949\">\n<li data-nodeid=\"48950\">\n<p data-nodeid=\"48951\"><strong data-nodeid=\"49194\">R\u00f4le :<\/strong>\u00a0La logique c\u00f4t\u00e9 client s&#8217;ex\u00e9cutant dans le navigateur.<\/p>\n<\/li>\n<li data-nodeid=\"48952\">\n<p data-nodeid=\"48953\"><strong data-nodeid=\"49199\">Fonction :<\/strong>\u00a0Fournit l&#8217;ensemble complet des fonctionnalit\u00e9s de la banque en ligne. Elle effectue des appels d&#8217;API vers le serveur backend.<\/p>\n<\/li>\n<\/ul>\n<\/li>\n<li data-nodeid=\"48954\">\n<p data-nodeid=\"48955\"><strong data-nodeid=\"49203\">Application mobile (Xamarin) :<\/strong><\/p>\n<ul data-nodeid=\"48956\">\n<li data-nodeid=\"48957\">\n<p data-nodeid=\"48958\"><strong data-nodeid=\"49208\">R\u00f4le :<\/strong>\u00a0L&#8217;application c\u00f4t\u00e9 client pour les appareils mobiles.<\/p>\n<\/li>\n<li data-nodeid=\"48959\">\n<p data-nodeid=\"48960\"><strong data-nodeid=\"49213\">Fonction :<\/strong>Fournit un sous-ensemble limit\u00e9 de fonctionnalit\u00e9s par rapport \u00e0 l&#8217;application web. Elle effectue \u00e9galement des appels d&#8217;API vers le backend.<\/p>\n<\/li>\n<\/ul>\n<\/li>\n<li data-nodeid=\"48961\">\n<p data-nodeid=\"48962\"><strong data-nodeid=\"49217\">Application API (Java et Spring MVC) :<\/strong><\/p>\n<ul data-nodeid=\"48963\">\n<li data-nodeid=\"48964\">\n<p data-nodeid=\"48965\"><strong data-nodeid=\"49222\">R\u00f4le :<\/strong>La logique centrale du backend.<\/p>\n<\/li>\n<li data-nodeid=\"48966\">\n<p data-nodeid=\"48967\"><strong data-nodeid=\"49227\">Fonction :<\/strong>Expose une API JSON\/HTTPS. Elle g\u00e8re l&#8217;authentification, la logique m\u00e9tier et la communication avec les syst\u00e8mes externes (Base de donn\u00e9es, Mainframe, Email).<\/p>\n<\/li>\n<\/ul>\n<\/li>\n<li data-nodeid=\"48968\">\n<p data-nodeid=\"48969\"><strong data-nodeid=\"49231\">Base de donn\u00e9es (sch\u00e9ma Oracle) :<\/strong><\/p>\n<ul data-nodeid=\"48970\">\n<li data-nodeid=\"48971\">\n<p data-nodeid=\"48972\"><strong data-nodeid=\"49236\">R\u00f4le :<\/strong>Persistence des donn\u00e9es.<\/p>\n<\/li>\n<li data-nodeid=\"48973\">\n<p data-nodeid=\"48974\"><strong data-nodeid=\"49244\">Fonction :<\/strong>Stocke les informations d&#8217;inscription utilisateur, les identifiants hach\u00e9s et les journaux d&#8217;acc\u00e8s.<em data-nodeid=\"49245\">Remarque : les donn\u00e9es principales de banque restent sur le Mainframe.<\/em><\/p>\n<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n<p data-nodeid=\"48975\"><strong data-nodeid=\"49262\">Relation cl\u00e9 :<\/strong>\u00c0 la fois l&#8217;application web (via le SPA) et l&#8217;application mobile communiquent avec le<strong data-nodeid=\"49263\">Application API<\/strong>. L&#8217;application API communique ensuite avec le<strong data-nodeid=\"49264\">Base de donn\u00e9es<\/strong> pour les donn\u00e9es locales et le<strong data-nodeid=\"49265\">Mainframe<\/strong> pour les donn\u00e9es principales de banque.<\/p>\n<hr data-nodeid=\"48976\"\/>\n<h2 data-nodeid=\"48977\">4. Niveau 3 : Diagramme de composants<\/h2>\n<p data-nodeid=\"48978\"><strong data-nodeid=\"49271\">Objectif :<\/strong>Zoomer sur un conteneur sp\u00e9cifique (l&#8217;application API) pour montrer ses blocs de construction internes.<\/p>\n<p data-nodeid=\"48979\"><strong data-nodeid=\"49276\">Diagramme de r\u00e9f\u00e9rence :<\/strong>Image 3.<\/p>\n<h3 data-nodeid=\"48980\">Analyse<\/h3>\n<p data-nodeid=\"48981\">Ce diagramme d\u00e9compose le<strong data-nodeid=\"49283\">Application API<\/strong> pour le diviser en composants logiques.<\/p>\n<p><img alt=\"C4 Model Component Diagram for Internet Banking System\" decoding=\"async\" src=\"https:\/\/online.visual-paradigm.com\/repository\/images\/f8ca52e5-8e0f-45ec-a8fe-d2e2933518e4\/c4-model-design\/c4-model-component-diagram-for-internet-banking-system.png\"\/><\/p>\n<ul data-nodeid=\"48982\">\n<li data-nodeid=\"48983\">\n<p data-nodeid=\"48984\"><strong data-nodeid=\"49288\">Contr\u00f4leurs (contr\u00f4leurs REST Spring MVC) :<\/strong>\u00a0Ils g\u00e8rent les requ\u00eates HTTP entrantes.<\/p>\n<ul data-nodeid=\"48985\">\n<li data-nodeid=\"48986\">\n<p data-nodeid=\"48987\"><strong data-nodeid=\"49293\">Contr\u00f4leur de connexion\u00a0:<\/strong>\u00a0G\u00e8re l&#8217;authentification des utilisateurs.<\/p>\n<\/li>\n<li data-nodeid=\"48988\">\n<p data-nodeid=\"48989\"><strong data-nodeid=\"49298\">Contr\u00f4leur de r\u00e9initialisation du mot de passe\u00a0:<\/strong>\u00a0G\u00e8re les flux de r\u00e9cup\u00e9ration du mot de passe.<\/p>\n<\/li>\n<li data-nodeid=\"48990\">\n<p data-nodeid=\"48991\"><strong data-nodeid=\"49303\">Contr\u00f4leur de synth\u00e8se des comptes\u00a0:<\/strong>\u00a0R\u00e9cup\u00e8re les donn\u00e9es du compte de l&#8217;utilisateur.<\/p>\n<\/li>\n<\/ul>\n<\/li>\n<li data-nodeid=\"48992\">\n<p data-nodeid=\"48993\"><strong data-nodeid=\"49308\">Composants (Spring Beans)\u00a0:<\/strong>\u00a0Ils contiennent la logique m\u00e9tier.<\/p>\n<ul data-nodeid=\"48994\">\n<li data-nodeid=\"48995\">\n<p data-nodeid=\"48996\"><strong data-nodeid=\"49313\">Composant de s\u00e9curit\u00e9\u00a0:<\/strong>\u00a0G\u00e8re la connexion et le changement de mot de passe. Utilis\u00e9 par les contr\u00f4leurs de connexion et de r\u00e9initialisation du mot de passe.<\/p>\n<\/li>\n<li data-nodeid=\"48997\">\n<p data-nodeid=\"48998\"><strong data-nodeid=\"49318\">Composant e-mail\u00a0:<\/strong>\u00a0G\u00e8re l&#8217;envoi des e-mails. Utilis\u00e9 par le contr\u00f4leur de r\u00e9initialisation du mot de passe.<\/p>\n<\/li>\n<li data-nodeid=\"48999\">\n<p data-nodeid=\"49000\"><strong data-nodeid=\"49323\">Facade du syst\u00e8me bancaire Mainframe\u00a0:<\/strong>\u00a0Un wrapper autour du syst\u00e8me Mainframe externe. Il traduit les appels d&#8217;API internes au format XML\/HTTPS requis par le Mainframe h\u00e9rit\u00e9. Utilis\u00e9 par le contr\u00f4leur de synth\u00e8se des comptes.<\/p>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p data-nodeid=\"49001\"><strong data-nodeid=\"49336\">Relation cl\u00e9\u00a0:<\/strong>\u00a0Le\u00a0<strong data-nodeid=\"49337\">Contr\u00f4leur de synth\u00e8se des comptes<\/strong>\u00a0utilise le\u00a0<strong data-nodeid=\"49338\">Facade du syst\u00e8me bancaire Mainframe<\/strong>\u00a0pour obtenir des donn\u00e9es du Mainframe externe, d\u00e9montrant la s\u00e9paration des pr\u00e9occupations entre la couche API et la couche d&#8217;int\u00e9gration.<\/p>\n<hr data-nodeid=\"49002\"\/>\n<h2 data-nodeid=\"49003\">5. Niveau 4 : Diagramme de d\u00e9ploiement<\/h2>\n<p data-nodeid=\"49004\"><strong data-nodeid=\"49344\">Objectif\u00a0:<\/strong>\u00a0Montrer comment les conteneurs logiciels sont mapp\u00e9s sur l&#8217;infrastructure physique.<\/p>\n<p data-nodeid=\"49005\"><strong data-nodeid=\"49349\">Diagramme de r\u00e9f\u00e9rence\u00a0:<\/strong>\u00a0Image 5.<\/p>\n<h3 data-nodeid=\"49006\">Analyse<\/h3>\n<p data-nodeid=\"49007\">Ce diagramme illustre l&#8217;environnement d&#8217;ex\u00e9cution.<\/p>\n<p><img alt=\"C4 Model Deployment Diagram for Internet Banking System\" decoding=\"async\" src=\"https:\/\/online.visual-paradigm.com\/repository\/images\/d05814ec-ea32-4f01-a160-b07805252807\/c4-model-design\/c4-model-deployment-diagram-for-internet-banking-system.png\"\/><\/p>\n<ul data-nodeid=\"49008\">\n<li data-nodeid=\"49009\">\n<p data-nodeid=\"49010\"><strong data-nodeid=\"49355\">C\u00f4t\u00e9 client\u00a0:<\/strong><\/p>\n<ul data-nodeid=\"49011\">\n<li data-nodeid=\"49012\">\n<p data-nodeid=\"49013\"><strong data-nodeid=\"49360\">Appareil mobile\u00a0:<\/strong>\u00a0Ex\u00e9cute l&#8217;application mobile (iOS\/Android).<\/p>\n<\/li>\n<li data-nodeid=\"49014\">\n<p data-nodeid=\"49015\"><strong data-nodeid=\"49365\">Ordinateur\u00a0:<\/strong>\u00a0Ex\u00e9cute le navigateur web (Chrome\/Firefox\/Safari\/Edge) qui h\u00e9berge l&#8217;application monopage.<\/p>\n<\/li>\n<\/ul>\n<\/li>\n<li data-nodeid=\"49016\">\n<p data-nodeid=\"49017\"><strong data-nodeid=\"49369\">Centre de donn\u00e9es de Big Bank plc\u00a0:<\/strong><\/p>\n<ul data-nodeid=\"49018\">\n<li data-nodeid=\"49019\">\n<p data-nodeid=\"49020\"><strong data-nodeid=\"49380\">Serveurs web (bigbank-web<\/strong>*):** N\u0153uds Ubuntu 16.04 LTS en cours d&#8217;ex\u00e9cution\u00a0<strong data-nodeid=\"49381\">Apache Tomcat 8.x<\/strong>.<\/p>\n<ul data-nodeid=\"49021\">\n<li data-nodeid=\"49022\">\n<p data-nodeid=\"49023\">H\u00e9berge le\u00a0<strong data-nodeid=\"49391\">Application web<\/strong>\u00a0et\u00a0<strong data-nodeid=\"49392\">Application API<\/strong>.<\/p>\n<\/li>\n<\/ul>\n<\/li>\n<li data-nodeid=\"49024\">\n<p data-nodeid=\"49025\"><strong data-nodeid=\"49401\">Serveurs de base de donn\u00e9es (bigbank-db01\/02)\u00a0:<\/strong>\u00a0N\u0153uds Ubuntu 16.04 LTS en cours d&#8217;ex\u00e9cution\u00a0<strong data-nodeid=\"49402\">Oracle 12c<\/strong>.<\/p>\n<ul data-nodeid=\"49026\">\n<li data-nodeid=\"49027\">\n<p data-nodeid=\"49028\"><strong data-nodeid=\"49407\">Oracle \u2013 Primaire\u00a0:<\/strong>\u00a0La base de donn\u00e9es principale.<\/p>\n<\/li>\n<li data-nodeid=\"49029\">\n<p data-nodeid=\"49030\"><strong data-nodeid=\"49412\">Oracle \u2013 Secondaire\u00a0:<\/strong>\u00a0Une r\u00e9plique pour la redondance ou la haute disponibilit\u00e9.<\/p>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p data-nodeid=\"49031\"><strong data-nodeid=\"49421\">Relation cl\u00e9\u00a0:<\/strong>\u00a0L&#8217;application mobile et le navigateur web se connectent via internet \u00e0 la\u00a0<strong data-nodeid=\"49422\">Application API<\/strong>\u00a0h\u00e9berg\u00e9e sur Tomcat. L&#8217;application API se connecte via JDBC au cluster de base de donn\u00e9es Oracle.<\/p>\n<hr data-nodeid=\"49032\"\/>\n<h2 data-nodeid=\"49033\">6. Concepts cl\u00e9s et lignes directrices appliqu\u00e9es<\/h2>\n<p data-nodeid=\"49034\">Sur la base de cette \u00e9tude de cas, les principes suivants de mod\u00e9lisation C4 ont \u00e9t\u00e9 appliqu\u00e9s\u00a0:<\/p>\n<ol data-nodeid=\"49035\">\n<li data-nodeid=\"49036\">\n<p data-nodeid=\"49037\"><strong data-nodeid=\"49445\">Niveaux d&#8217;abstraction\u00a0:<\/strong>\u00a0Le mod\u00e8le passe avec succ\u00e8s de \u00ab\u00a0Qui l&#8217;utilise\u00a0?\u00a0\u00bb (Contexte) \u00e0 \u00ab\u00a0De quoi est-il compos\u00e9\u00a0?\u00a0\u00bb (Conteneurs) \u00e0 \u00ab\u00a0Comment est-il organis\u00e9\u00a0?\u00a0\u00bb (Composants) \u00e0 \u00ab\u00a0O\u00f9 s&#8217;ex\u00e9cute-t-il\u00a0?\u00a0\u00bb (D\u00e9ploiement).<\/p>\n<\/li>\n<li data-nodeid=\"49038\">\n<p data-nodeid=\"49039\"><strong data-nodeid=\"49449\">Limites du p\u00e9rim\u00e8tre\u00a0:<\/strong><\/p>\n<ul data-nodeid=\"49040\">\n<li data-nodeid=\"49041\">\n<p data-nodeid=\"49042\">Au niveau 1, la fronti\u00e8re \u00ab Big Bank plc \u00bb distingue clairement les syst\u00e8mes internes des acteurs externes.<\/p>\n<\/li>\n<li data-nodeid=\"49043\">\n<p data-nodeid=\"49044\">Au niveau 2, la fronti\u00e8re \u00ab Syst\u00e8me de banque en ligne \u00bb encapsule le logiciel sp\u00e9cifique en cours de d\u00e9veloppement, en le s\u00e9parant du syst\u00e8me h\u00e9rit\u00e9 Mainframe.<\/p>\n<\/li>\n<\/ul>\n<\/li>\n<li data-nodeid=\"49045\">\n<p data-nodeid=\"49046\"><strong data-nodeid=\"49463\">S\u00e9paration des pr\u00e9occupations :<\/strong><\/p>\n<ul data-nodeid=\"49047\">\n<li data-nodeid=\"49048\">\n<p data-nodeid=\"49049\"><strong data-nodeid=\"49468\">Frontend vs. Backend :<\/strong>\u00a0La s\u00e9paration de l&#8217;application monopage (frontend) de l&#8217;application API (backend) permet un d\u00e9veloppement et une mise \u00e0 l&#8217;\u00e9chelle ind\u00e9pendants.<\/p>\n<\/li>\n<li data-nodeid=\"49050\">\n<p data-nodeid=\"49051\"><strong data-nodeid=\"49473\">S\u00e9paration des donn\u00e9es :<\/strong>\u00a0Les donn\u00e9es sensibles de la banque centrale sont conserv\u00e9es sur le Mainframe, tandis que le syst\u00e8me de banque en ligne ne met en cache que les donn\u00e9es d&#8217;acc\u00e8s utilisateur n\u00e9cessaires dans sa propre base de donn\u00e9es Oracle.<\/p>\n<\/li>\n<\/ul>\n<\/li>\n<li data-nodeid=\"49052\">\n<p data-nodeid=\"49053\"><strong data-nodeid=\"49486\">Ind\u00e9pendance technologique (lorsque cela est pertinent) :<\/strong>\u00a0Les diagrammes pr\u00e9cisent les technologies (Java, Angular, Oracle) l\u00e0 o\u00f9 elles sont pertinentes pour la d\u00e9cision architecturale, mais se concentrent principalement sur les\u00a0<em data-nodeid=\"49487\">relations<\/em>\u00a0et\u00a0<em data-nodeid=\"49488\">responsabilit\u00e9s<\/em>\u00a0des blocs.<\/p>\n<\/li>\n<li data-nodeid=\"49054\">\n<p data-nodeid=\"49055\"><strong data-nodeid=\"49493\">Notation :<\/strong>\u00a0La notation C4 standard est utilis\u00e9e :<\/p>\n<ul data-nodeid=\"49056\">\n<li data-nodeid=\"49057\">\n<p data-nodeid=\"49058\"><strong data-nodeid=\"49498\">Personne :<\/strong>\u00a0Figures en bois (ou cercles dans ce style de rendu sp\u00e9cifique).<\/p>\n<\/li>\n<li data-nodeid=\"49059\">\n<p data-nodeid=\"49060\"><strong data-nodeid=\"49503\">Syst\u00e8me logiciel\/Conteneur\/Composant :<\/strong>\u00a0Rectangles arrondis aux couleurs distinctes (Bleu pour interne\/primaire, Gris pour externe\/secondaire).<\/p>\n<\/li>\n<li data-nodeid=\"49061\">\n<p class=\"\" data-nodeid=\"49062\"><strong data-nodeid=\"49520\">Relations :<\/strong>\u00a0Fl\u00e8ches pointill\u00e9es avec des \u00e9tiquettes d\u00e9crivant le protocole (par exemple, [HTTPS], [JSON], [JDBC]).<\/p>\n<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"<p>1. R\u00e9sum\u00e9 ex\u00e9cutif Cette \u00e9tude de cas documente l&#8217;architecture du syst\u00e8me desyst\u00e8me de banque en lignepourBig Bank plc. Le syst\u00e8me est con\u00e7u pour permettre aux clients particuliers de consulter leurs&hellip;<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_yoast_wpseo_title":"","_yoast_wpseo_metadesc":"","fifu_image_url":"","fifu_image_alt":"","footnotes":""},"categories":[83,84,87],"tags":[],"class_list":["post-3699","post","type-post","status-publish","format-standard","hentry","category-ai","category-ai-chatbot","category-c4-model"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.1.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>\u00c9tude de cas du mod\u00e8le C4 : syst\u00e8me de banque en ligne de Big Bank plc - Go 2 Posts French | Breaking Digital News &amp; Software Trends<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.go2posts.com\/fr\/c4-model-case-study-big-bank-plc-internet-banking-system\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u00c9tude de cas du mod\u00e8le C4 : syst\u00e8me de banque en ligne de Big Bank plc - Go 2 Posts French | Breaking Digital News &amp; Software Trends\" \/>\n<meta property=\"og:description\" content=\"1. R\u00e9sum\u00e9 ex\u00e9cutif Cette \u00e9tude de cas documente l&#8217;architecture du syst\u00e8me desyst\u00e8me de banque en lignepourBig Bank plc. Le syst\u00e8me est con\u00e7u pour permettre aux clients particuliers de consulter leurs&hellip;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.go2posts.com\/fr\/c4-model-case-study-big-bank-plc-internet-banking-system\/\" \/>\n<meta property=\"og:site_name\" content=\"Go 2 Posts French | Breaking Digital News &amp; Software Trends\" \/>\n<meta property=\"article:published_time\" content=\"2026-04-27T05:58:52+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/online.visual-paradigm.com\/repository\/images\/c11adb2f-dc05-47e8-88cc-369892d99372\/c4-model-design\/c4-model-system-context-diagram-for-internet-banking-system.png\" \/>\n<meta name=\"author\" content=\"curtis\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"curtis\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.go2posts.com\/fr\/c4-model-case-study-big-bank-plc-internet-banking-system\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.go2posts.com\/fr\/c4-model-case-study-big-bank-plc-internet-banking-system\/\"},\"author\":{\"name\":\"curtis\",\"@id\":\"https:\/\/www.go2posts.com\/fr\/#\/schema\/person\/7d2ba976d99a3712085fad7b38500b83\"},\"headline\":\"\u00c9tude de cas du mod\u00e8le C4 : syst\u00e8me de banque en ligne de Big Bank plc\",\"datePublished\":\"2026-04-27T05:58:52+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.go2posts.com\/fr\/c4-model-case-study-big-bank-plc-internet-banking-system\/\"},\"wordCount\":1365,\"publisher\":{\"@id\":\"https:\/\/www.go2posts.com\/fr\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.go2posts.com\/fr\/c4-model-case-study-big-bank-plc-internet-banking-system\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/online.visual-paradigm.com\/repository\/images\/c11adb2f-dc05-47e8-88cc-369892d99372\/c4-model-design\/c4-model-system-context-diagram-for-internet-banking-system.png\",\"articleSection\":[\"AI\",\"AI Chatbot\",\"C4 Model\"],\"inLanguage\":\"fr-FR\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.go2posts.com\/fr\/c4-model-case-study-big-bank-plc-internet-banking-system\/\",\"url\":\"https:\/\/www.go2posts.com\/fr\/c4-model-case-study-big-bank-plc-internet-banking-system\/\",\"name\":\"\u00c9tude de cas du mod\u00e8le C4 : syst\u00e8me de banque en ligne de Big Bank plc - Go 2 Posts French | Breaking Digital News &amp; Software Trends\",\"isPartOf\":{\"@id\":\"https:\/\/www.go2posts.com\/fr\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.go2posts.com\/fr\/c4-model-case-study-big-bank-plc-internet-banking-system\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.go2posts.com\/fr\/c4-model-case-study-big-bank-plc-internet-banking-system\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/online.visual-paradigm.com\/repository\/images\/c11adb2f-dc05-47e8-88cc-369892d99372\/c4-model-design\/c4-model-system-context-diagram-for-internet-banking-system.png\",\"datePublished\":\"2026-04-27T05:58:52+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.go2posts.com\/fr\/c4-model-case-study-big-bank-plc-internet-banking-system\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.go2posts.com\/fr\/c4-model-case-study-big-bank-plc-internet-banking-system\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/www.go2posts.com\/fr\/c4-model-case-study-big-bank-plc-internet-banking-system\/#primaryimage\",\"url\":\"https:\/\/online.visual-paradigm.com\/repository\/images\/c11adb2f-dc05-47e8-88cc-369892d99372\/c4-model-design\/c4-model-system-context-diagram-for-internet-banking-system.png\",\"contentUrl\":\"https:\/\/online.visual-paradigm.com\/repository\/images\/c11adb2f-dc05-47e8-88cc-369892d99372\/c4-model-design\/c4-model-system-context-diagram-for-internet-banking-system.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.go2posts.com\/fr\/c4-model-case-study-big-bank-plc-internet-banking-system\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.go2posts.com\/fr\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\u00c9tude de cas du mod\u00e8le C4 : syst\u00e8me de banque en ligne de Big Bank plc\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.go2posts.com\/fr\/#website\",\"url\":\"https:\/\/www.go2posts.com\/fr\/\",\"name\":\"Go 2 Posts French | Breaking Digital News &amp; Software Trends\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/www.go2posts.com\/fr\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.go2posts.com\/fr\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.go2posts.com\/fr\/#organization\",\"name\":\"Go 2 Posts French | Breaking Digital News &amp; Software Trends\",\"url\":\"https:\/\/www.go2posts.com\/fr\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/www.go2posts.com\/fr\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.go2posts.com\/fr\/wp-content\/uploads\/sites\/18\/2025\/01\/logo.png\",\"contentUrl\":\"https:\/\/www.go2posts.com\/fr\/wp-content\/uploads\/sites\/18\/2025\/01\/logo.png\",\"width\":341,\"height\":46,\"caption\":\"Go 2 Posts French | Breaking Digital News &amp; Software Trends\"},\"image\":{\"@id\":\"https:\/\/www.go2posts.com\/fr\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.go2posts.com\/fr\/#\/schema\/person\/7d2ba976d99a3712085fad7b38500b83\",\"name\":\"curtis\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/www.go2posts.com\/fr\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/6910084565fcc601ec03c6693bb8ea480c1e52ccaa0efb299eb038bb6a1edc87?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/6910084565fcc601ec03c6693bb8ea480c1e52ccaa0efb299eb038bb6a1edc87?s=96&d=mm&r=g\",\"caption\":\"curtis\"},\"url\":\"https:\/\/www.go2posts.com\/fr\/author\/curtis\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"\u00c9tude de cas du mod\u00e8le C4 : syst\u00e8me de banque en ligne de Big Bank plc - Go 2 Posts French | Breaking Digital News &amp; Software Trends","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.go2posts.com\/fr\/c4-model-case-study-big-bank-plc-internet-banking-system\/","og_locale":"fr_FR","og_type":"article","og_title":"\u00c9tude de cas du mod\u00e8le C4 : syst\u00e8me de banque en ligne de Big Bank plc - Go 2 Posts French | Breaking Digital News &amp; Software Trends","og_description":"1. R\u00e9sum\u00e9 ex\u00e9cutif Cette \u00e9tude de cas documente l&#8217;architecture du syst\u00e8me desyst\u00e8me de banque en lignepourBig Bank plc. Le syst\u00e8me est con\u00e7u pour permettre aux clients particuliers de consulter leurs&hellip;","og_url":"https:\/\/www.go2posts.com\/fr\/c4-model-case-study-big-bank-plc-internet-banking-system\/","og_site_name":"Go 2 Posts French | Breaking Digital News &amp; Software Trends","article_published_time":"2026-04-27T05:58:52+00:00","og_image":[{"url":"https:\/\/online.visual-paradigm.com\/repository\/images\/c11adb2f-dc05-47e8-88cc-369892d99372\/c4-model-design\/c4-model-system-context-diagram-for-internet-banking-system.png","type":"","width":"","height":""}],"author":"curtis","twitter_card":"summary_large_image","twitter_misc":{"\u00c9crit par":"curtis","Dur\u00e9e de lecture estim\u00e9e":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.go2posts.com\/fr\/c4-model-case-study-big-bank-plc-internet-banking-system\/#article","isPartOf":{"@id":"https:\/\/www.go2posts.com\/fr\/c4-model-case-study-big-bank-plc-internet-banking-system\/"},"author":{"name":"curtis","@id":"https:\/\/www.go2posts.com\/fr\/#\/schema\/person\/7d2ba976d99a3712085fad7b38500b83"},"headline":"\u00c9tude de cas du mod\u00e8le C4 : syst\u00e8me de banque en ligne de Big Bank plc","datePublished":"2026-04-27T05:58:52+00:00","mainEntityOfPage":{"@id":"https:\/\/www.go2posts.com\/fr\/c4-model-case-study-big-bank-plc-internet-banking-system\/"},"wordCount":1365,"publisher":{"@id":"https:\/\/www.go2posts.com\/fr\/#organization"},"image":{"@id":"https:\/\/www.go2posts.com\/fr\/c4-model-case-study-big-bank-plc-internet-banking-system\/#primaryimage"},"thumbnailUrl":"https:\/\/online.visual-paradigm.com\/repository\/images\/c11adb2f-dc05-47e8-88cc-369892d99372\/c4-model-design\/c4-model-system-context-diagram-for-internet-banking-system.png","articleSection":["AI","AI Chatbot","C4 Model"],"inLanguage":"fr-FR"},{"@type":"WebPage","@id":"https:\/\/www.go2posts.com\/fr\/c4-model-case-study-big-bank-plc-internet-banking-system\/","url":"https:\/\/www.go2posts.com\/fr\/c4-model-case-study-big-bank-plc-internet-banking-system\/","name":"\u00c9tude de cas du mod\u00e8le C4 : syst\u00e8me de banque en ligne de Big Bank plc - Go 2 Posts French | Breaking Digital News &amp; Software Trends","isPartOf":{"@id":"https:\/\/www.go2posts.com\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.go2posts.com\/fr\/c4-model-case-study-big-bank-plc-internet-banking-system\/#primaryimage"},"image":{"@id":"https:\/\/www.go2posts.com\/fr\/c4-model-case-study-big-bank-plc-internet-banking-system\/#primaryimage"},"thumbnailUrl":"https:\/\/online.visual-paradigm.com\/repository\/images\/c11adb2f-dc05-47e8-88cc-369892d99372\/c4-model-design\/c4-model-system-context-diagram-for-internet-banking-system.png","datePublished":"2026-04-27T05:58:52+00:00","breadcrumb":{"@id":"https:\/\/www.go2posts.com\/fr\/c4-model-case-study-big-bank-plc-internet-banking-system\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.go2posts.com\/fr\/c4-model-case-study-big-bank-plc-internet-banking-system\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/www.go2posts.com\/fr\/c4-model-case-study-big-bank-plc-internet-banking-system\/#primaryimage","url":"https:\/\/online.visual-paradigm.com\/repository\/images\/c11adb2f-dc05-47e8-88cc-369892d99372\/c4-model-design\/c4-model-system-context-diagram-for-internet-banking-system.png","contentUrl":"https:\/\/online.visual-paradigm.com\/repository\/images\/c11adb2f-dc05-47e8-88cc-369892d99372\/c4-model-design\/c4-model-system-context-diagram-for-internet-banking-system.png"},{"@type":"BreadcrumbList","@id":"https:\/\/www.go2posts.com\/fr\/c4-model-case-study-big-bank-plc-internet-banking-system\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.go2posts.com\/fr\/"},{"@type":"ListItem","position":2,"name":"\u00c9tude de cas du mod\u00e8le C4 : syst\u00e8me de banque en ligne de Big Bank plc"}]},{"@type":"WebSite","@id":"https:\/\/www.go2posts.com\/fr\/#website","url":"https:\/\/www.go2posts.com\/fr\/","name":"Go 2 Posts French | Breaking Digital News &amp; Software Trends","description":"","publisher":{"@id":"https:\/\/www.go2posts.com\/fr\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.go2posts.com\/fr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/www.go2posts.com\/fr\/#organization","name":"Go 2 Posts French | Breaking Digital News &amp; Software Trends","url":"https:\/\/www.go2posts.com\/fr\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/www.go2posts.com\/fr\/#\/schema\/logo\/image\/","url":"https:\/\/www.go2posts.com\/fr\/wp-content\/uploads\/sites\/18\/2025\/01\/logo.png","contentUrl":"https:\/\/www.go2posts.com\/fr\/wp-content\/uploads\/sites\/18\/2025\/01\/logo.png","width":341,"height":46,"caption":"Go 2 Posts French | Breaking Digital News &amp; Software Trends"},"image":{"@id":"https:\/\/www.go2posts.com\/fr\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/www.go2posts.com\/fr\/#\/schema\/person\/7d2ba976d99a3712085fad7b38500b83","name":"curtis","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/www.go2posts.com\/fr\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/6910084565fcc601ec03c6693bb8ea480c1e52ccaa0efb299eb038bb6a1edc87?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/6910084565fcc601ec03c6693bb8ea480c1e52ccaa0efb299eb038bb6a1edc87?s=96&d=mm&r=g","caption":"curtis"},"url":"https:\/\/www.go2posts.com\/fr\/author\/curtis\/"}]}},"_links":{"self":[{"href":"https:\/\/www.go2posts.com\/fr\/wp-json\/wp\/v2\/posts\/3699","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.go2posts.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.go2posts.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.go2posts.com\/fr\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.go2posts.com\/fr\/wp-json\/wp\/v2\/comments?post=3699"}],"version-history":[{"count":0,"href":"https:\/\/www.go2posts.com\/fr\/wp-json\/wp\/v2\/posts\/3699\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.go2posts.com\/fr\/wp-json\/wp\/v2\/media?parent=3699"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.go2posts.com\/fr\/wp-json\/wp\/v2\/categories?post=3699"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.go2posts.com\/fr\/wp-json\/wp\/v2\/tags?post=3699"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}