{"id":3701,"date":"2026-04-27T13:58:52","date_gmt":"2026-04-27T05:58:52","guid":{"rendered":"https:\/\/www.go2posts.com\/es\/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\/es\/c4-model-case-study-big-bank-plc-internet-banking-system\/","title":{"rendered":"Estudio de caso del modelo C4: Sistema de banca por internet de Big Bank plc"},"content":{"rendered":"<h2 data-nodeid=\"48904\">1. Resumen ejecutivo<\/h2>\n<p data-nodeid=\"48905\">Este estudio de caso documenta la arquitectura del\u00a0<strong data-nodeid=\"49074\">Sistema de banca por internet<\/strong>\u00a0para\u00a0<strong data-nodeid=\"49075\">Big Bank plc<\/strong>. El sistema est\u00e1 dise\u00f1ado para permitir a los clientes de banca personal ver sus saldos de cuenta, consultar el historial de transacciones y realizar pagos a trav\u00e9s de navegadores web y dispositivos m\u00f3viles.<\/p>\n<p data-nodeid=\"48906\">La arquitectura sigue el\u00a0<strong data-nodeid=\"49081\">modelo C4<\/strong>\u00a0(Contexto, Contenedores, Componentes, C\u00f3digo), proporcionando una vista jer\u00e1rquica del sistema desde abstracciones de alto nivel hasta la infraestructura de despliegue.<\/p>\n<hr data-nodeid=\"48907\"\/>\n<h2 data-nodeid=\"48908\">2. Nivel 1: Diagrama de contexto del sistema<\/h2>\n<p data-nodeid=\"48909\"><strong data-nodeid=\"49087\">Objetivo:<\/strong>\u00a0Mostrar el sistema en el contexto de sus usuarios y dependencias externas.<\/p>\n<p data-nodeid=\"48910\"><strong data-nodeid=\"49092\">Diagrama de referencia:<\/strong>\u00a0Imagen 4 (principal) e Imagen 1 (vista simplificada).<\/p>\n<h3 data-nodeid=\"48911\">An\u00e1lisis<\/h3>\n<p data-nodeid=\"48912\">El\u00a0<strong data-nodeid=\"49107\">Sistema de banca por internet<\/strong>\u00a0se encuentra dentro del l\u00edmite de la\u00a0<strong data-nodeid=\"49108\">Big Bank plc<\/strong>\u00a0empresa. Act\u00faa como un canal digital para el\u00a0<strong data-nodeid=\"49109\">cliente de banca personal<\/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\">Usuarios (actores):<\/strong><\/p>\n<ul data-nodeid=\"48916\">\n<li data-nodeid=\"48917\">\n<p data-nodeid=\"48918\"><strong data-nodeid=\"49118\">Cliente de banca personal:<\/strong>\u00a0El usuario principal que interact\u00faa con el sistema para ver saldos y realizar pagos.<\/p>\n<\/li>\n<li data-nodeid=\"48919\">\n<p data-nodeid=\"48920\"><strong data-nodeid=\"49123\">Personal de servicio al cliente:<\/strong>\u00a0Empleados del banco que ayudan a los clientes (mostrados en la imagen 4).<\/p>\n<\/li>\n<li data-nodeid=\"48921\">\n<p data-nodeid=\"48922\"><strong data-nodeid=\"49128\">Personal de oficina trasera:<\/strong>\u00a0Personal de administraci\u00f3n y soporte (mostrado en la imagen 4).<\/p>\n<\/li>\n<\/ul>\n<\/li>\n<li data-nodeid=\"48923\">\n<p data-nodeid=\"48924\"><strong data-nodeid=\"49132\">Sistemas externos:<\/strong><\/p>\n<ul data-nodeid=\"48925\">\n<li data-nodeid=\"48926\">\n<p data-nodeid=\"48927\"><strong data-nodeid=\"49137\">Sistema de banca en mainframe:<\/strong>\u00a0El sistema de registro. Almacena toda la informaci\u00f3n b\u00e1sica de banca (clientes, cuentas, transacciones). El sistema de banca en l\u00ednea depende de este para obtener datos autoritativos.<\/p>\n<\/li>\n<li data-nodeid=\"48928\">\n<p data-nodeid=\"48929\"><strong data-nodeid=\"49142\">Sistema de correo electr\u00f3nico:<\/strong>\u00a0El sistema interno de Microsoft Exchange utilizado para enviar notificaciones (por ejemplo, restablecimiento de contrase\u00f1as, confirmaciones) a los clientes.<\/p>\n<\/li>\n<li data-nodeid=\"48930\">\n<p data-nodeid=\"48931\"><strong data-nodeid=\"49147\">ATM:<\/strong>\u00a0Un sistema de software independiente que permite retiros en efectivo (mostrado en la Imagen 4 para demostrar el ecosistema m\u00e1s amplio).<\/p>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p data-nodeid=\"48932\"><strong data-nodeid=\"49152\">Relaci\u00f3n clave:<\/strong>\u00a0El cliente interact\u00faa con el sistema de banca en l\u00ednea, que a su vez act\u00faa como una fachada del sistema heredado de mainframe para recuperar datos y procesar pagos.<\/p>\n<hr data-nodeid=\"48933\"\/>\n<h2 data-nodeid=\"48934\">3. Nivel 2: Diagrama de contenedores<\/h2>\n<p data-nodeid=\"48935\"><strong data-nodeid=\"49158\">Objetivo:<\/strong>\u00a0Mostrar las elecciones tecnol\u00f3gicas de alto nivel y c\u00f3mo se distribuyen las responsabilidades a trav\u00e9s del sistema.<\/p>\n<p data-nodeid=\"48936\"><strong data-nodeid=\"49163\">Diagrama de referencia:<\/strong>\u00a0Imagen 2.<\/p>\n<h3 data-nodeid=\"48937\">An\u00e1lisis<\/h3>\n<p data-nodeid=\"48938\">El \u00absistema de banca en l\u00ednea\u00bb del Nivel 1 se descompone en cinco contenedores distintos (unidades desplegables).<\/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\">Aplicaci\u00f3n web (Java y Spring MVC):<\/strong><\/p>\n<ul data-nodeid=\"48942\">\n<li data-nodeid=\"48943\">\n<p data-nodeid=\"48944\"><strong data-nodeid=\"49178\">Rol:<\/strong>\u00a0Sirve como punto de entrada para los usuarios web.<\/p>\n<\/li>\n<li data-nodeid=\"48945\">\n<p data-nodeid=\"48946\"><strong data-nodeid=\"49185\">Funci\u00f3n:<\/strong>\u00a0Entrega contenido est\u00e1tico (HTML\/CSS\/JS) y la aplicaci\u00f3n de p\u00e1gina \u00fanica (SPA) al navegador del cliente a trav\u00e9s de HTTPS.<\/p>\n<\/li>\n<\/ul>\n<\/li>\n<li data-nodeid=\"48947\">\n<p data-nodeid=\"48948\"><strong data-nodeid=\"49189\">Aplicaci\u00f3n de p\u00e1gina \u00fanica (JavaScript y Angular):<\/strong><\/p>\n<ul data-nodeid=\"48949\">\n<li data-nodeid=\"48950\">\n<p data-nodeid=\"48951\"><strong data-nodeid=\"49194\">Rol:<\/strong>\u00a0La l\u00f3gica del lado del cliente que se ejecuta en el navegador.<\/p>\n<\/li>\n<li data-nodeid=\"48952\">\n<p data-nodeid=\"48953\"><strong data-nodeid=\"49199\">Funci\u00f3n:<\/strong>\u00a0Proporciona todo el conjunto de funcionalidades de banca en l\u00ednea. Realiza llamadas a la API al backend.<\/p>\n<\/li>\n<\/ul>\n<\/li>\n<li data-nodeid=\"48954\">\n<p data-nodeid=\"48955\"><strong data-nodeid=\"49203\">Aplicaci\u00f3n m\u00f3vil (Xamarin):<\/strong><\/p>\n<ul data-nodeid=\"48956\">\n<li data-nodeid=\"48957\">\n<p data-nodeid=\"48958\"><strong data-nodeid=\"49208\">Rol:<\/strong>\u00a0La aplicaci\u00f3n del lado del cliente para dispositivos m\u00f3viles.<\/p>\n<\/li>\n<li data-nodeid=\"48959\">\n<p data-nodeid=\"48960\"><strong data-nodeid=\"49213\">Funci\u00f3n:<\/strong>Proporciona un subconjunto limitado de funcionalidades en comparaci\u00f3n con la aplicaci\u00f3n web. Tambi\u00e9n realiza llamadas a la API al backend.<\/p>\n<\/li>\n<\/ul>\n<\/li>\n<li data-nodeid=\"48961\">\n<p data-nodeid=\"48962\"><strong data-nodeid=\"49217\">Aplicaci\u00f3n de la API (Java y Spring MVC):<\/strong><\/p>\n<ul data-nodeid=\"48963\">\n<li data-nodeid=\"48964\">\n<p data-nodeid=\"48965\"><strong data-nodeid=\"49222\">Rol:<\/strong>La l\u00f3gica central del backend.<\/p>\n<\/li>\n<li data-nodeid=\"48966\">\n<p data-nodeid=\"48967\"><strong data-nodeid=\"49227\">Funci\u00f3n:<\/strong>Exponer una API de JSON\/HTTPS. Maneja la autenticaci\u00f3n, la l\u00f3gica de negocio y la comunicaci\u00f3n con sistemas externos (Base de datos, Mainframe, Correo electr\u00f3nico).<\/p>\n<\/li>\n<\/ul>\n<\/li>\n<li data-nodeid=\"48968\">\n<p data-nodeid=\"48969\"><strong data-nodeid=\"49231\">Base de datos (Esquema de Oracle Database):<\/strong><\/p>\n<ul data-nodeid=\"48970\">\n<li data-nodeid=\"48971\">\n<p data-nodeid=\"48972\"><strong data-nodeid=\"49236\">Rol:<\/strong>Persistencia de datos.<\/p>\n<\/li>\n<li data-nodeid=\"48973\">\n<p data-nodeid=\"48974\"><strong data-nodeid=\"49244\">Funci\u00f3n:<\/strong>Almacena la informaci\u00f3n de registro de usuarios, credenciales encriptadas y registros de acceso.<em data-nodeid=\"49245\">Nota: Los datos centrales de banca permanecen en el Mainframe.<\/em><\/p>\n<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n<p data-nodeid=\"48975\"><strong data-nodeid=\"49262\">Relaci\u00f3n clave:<\/strong>Tanto la aplicaci\u00f3n web (a trav\u00e9s de la SPA) como la aplicaci\u00f3n m\u00f3vil se comunican con la<strong data-nodeid=\"49263\">Aplicaci\u00f3n de la API<\/strong>. La aplicaci\u00f3n de la API luego se comunica con la<strong data-nodeid=\"49264\">Base de datos<\/strong>para datos locales y con el<strong data-nodeid=\"49265\">Mainframe<\/strong>para los datos centrales de banca.<\/p>\n<hr data-nodeid=\"48976\"\/>\n<h2 data-nodeid=\"48977\">4. Nivel 3: Diagrama de componentes<\/h2>\n<p data-nodeid=\"48978\"><strong data-nodeid=\"49271\">Objetivo:<\/strong>Aumentar el zoom en un contenedor espec\u00edfico (la Aplicaci\u00f3n de la API) para mostrar sus bloques de construcci\u00f3n internos.<\/p>\n<p data-nodeid=\"48979\"><strong data-nodeid=\"49276\">Diagrama de referencia:<\/strong>Imagen 3.<\/p>\n<h3 data-nodeid=\"48980\">An\u00e1lisis<\/h3>\n<p data-nodeid=\"48981\">Este diagrama descompone el<strong data-nodeid=\"49283\">Aplicaci\u00f3n de la API<\/strong>contenedor en componentes l\u00f3gicos.<\/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\">Controladores (Controladores Rest de Spring MVC):<\/strong>\u00a0Estos manejan las solicitudes HTTP entrantes.<\/p>\n<ul data-nodeid=\"48985\">\n<li data-nodeid=\"48986\">\n<p data-nodeid=\"48987\"><strong data-nodeid=\"49293\">Controlador de Inicio de Sesi\u00f3n:<\/strong>\u00a0Maneja la autenticaci\u00f3n de usuarios.<\/p>\n<\/li>\n<li data-nodeid=\"48988\">\n<p data-nodeid=\"48989\"><strong data-nodeid=\"49298\">Controlador de Restablecimiento de Contrase\u00f1a:<\/strong>\u00a0Maneja los flujos de recuperaci\u00f3n de contrase\u00f1as.<\/p>\n<\/li>\n<li data-nodeid=\"48990\">\n<p data-nodeid=\"48991\"><strong data-nodeid=\"49303\">Controlador de Resumen de Cuentas:<\/strong>\u00a0Recupera los datos de la cuenta para el usuario.<\/p>\n<\/li>\n<\/ul>\n<\/li>\n<li data-nodeid=\"48992\">\n<p data-nodeid=\"48993\"><strong data-nodeid=\"49308\">Componentes (Spring Beans):<\/strong>\u00a0Estos contienen la l\u00f3gica de negocio.<\/p>\n<ul data-nodeid=\"48994\">\n<li data-nodeid=\"48995\">\n<p data-nodeid=\"48996\"><strong data-nodeid=\"49313\">Componente de Seguridad:<\/strong>\u00a0Maneja el inicio de sesi\u00f3n y el cambio de contrase\u00f1as. Utilizado por los controladores de Inicio de Sesi\u00f3n y Restablecimiento de Contrase\u00f1a.<\/p>\n<\/li>\n<li data-nodeid=\"48997\">\n<p data-nodeid=\"48998\"><strong data-nodeid=\"49318\">Componente de Correo Electr\u00f3nico:<\/strong>\u00a0Maneja el env\u00edo de correos electr\u00f3nicos. Utilizado por el controlador de Restablecimiento de Contrase\u00f1a.<\/p>\n<\/li>\n<li data-nodeid=\"48999\">\n<p data-nodeid=\"49000\"><strong data-nodeid=\"49323\">Fachada del Sistema Bancario Mainframe:<\/strong>\u00a0Un envoltorio alrededor del sistema externo Mainframe. Traduce las llamadas de API internas al formato XML\/HTTPS requerido por el Mainframe heredado. Utilizado por el Controlador de Resumen de Cuentas.<\/p>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p data-nodeid=\"49001\"><strong data-nodeid=\"49336\">Relaci\u00f3n Clave:<\/strong>\u00a0El\u00a0<strong data-nodeid=\"49337\">Controlador de Resumen de Cuentas<\/strong>\u00a0utiliza el\u00a0<strong data-nodeid=\"49338\">Fachada del Sistema Bancario Mainframe<\/strong>\u00a0para obtener datos del Mainframe externo, demostrando la separaci\u00f3n de responsabilidades entre la capa de API y la capa de integraci\u00f3n.<\/p>\n<hr data-nodeid=\"49002\"\/>\n<h2 data-nodeid=\"49003\">5. Nivel 4: Diagrama de Despliegue<\/h2>\n<p data-nodeid=\"49004\"><strong data-nodeid=\"49344\">Objetivo:<\/strong>\u00a0Mostrar c\u00f3mo los contenedores de software se asignan a la infraestructura f\u00edsica.<\/p>\n<p data-nodeid=\"49005\"><strong data-nodeid=\"49349\">Diagrama de Referencia:<\/strong>\u00a0Imagen 5.<\/p>\n<h3 data-nodeid=\"49006\">An\u00e1lisis<\/h3>\n<p data-nodeid=\"49007\">Este diagrama ilustra el entorno de tiempo de ejecuci\u00f3n.<\/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\">Lado del Cliente:<\/strong><\/p>\n<ul data-nodeid=\"49011\">\n<li data-nodeid=\"49012\">\n<p data-nodeid=\"49013\"><strong data-nodeid=\"49360\">Dispositivo M\u00f3vil:<\/strong>Ejecuta la aplicaci\u00f3n m\u00f3vil (iOS\/Android).<\/p>\n<\/li>\n<li data-nodeid=\"49014\">\n<p data-nodeid=\"49015\"><strong data-nodeid=\"49365\">Computadora:<\/strong>Ejecuta el navegador web (Chrome\/Firefox\/Safari\/Edge) que aloja la aplicaci\u00f3n de p\u00e1gina \u00fanica.<\/p>\n<\/li>\n<\/ul>\n<\/li>\n<li data-nodeid=\"49016\">\n<p data-nodeid=\"49017\"><strong data-nodeid=\"49369\">Centro de datos de Big Bank plc:<\/strong><\/p>\n<ul data-nodeid=\"49018\">\n<li data-nodeid=\"49019\">\n<p data-nodeid=\"49020\"><strong data-nodeid=\"49380\">Servidores web (bigbank-web<\/strong>*):** Nodos Ubuntu 16.04 LTS en ejecuci\u00f3n<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\">Aloja el<strong data-nodeid=\"49391\">Aplicaci\u00f3n web<\/strong>y<strong data-nodeid=\"49392\">Aplicaci\u00f3n de API<\/strong>.<\/p>\n<\/li>\n<\/ul>\n<\/li>\n<li data-nodeid=\"49024\">\n<p data-nodeid=\"49025\"><strong data-nodeid=\"49401\">Servidores de base de datos (bigbank-db01\/02):<\/strong>Nodos Ubuntu 16.04 LTS en ejecuci\u00f3n<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 Primario:<\/strong>La base de datos principal.<\/p>\n<\/li>\n<li data-nodeid=\"49029\">\n<p data-nodeid=\"49030\"><strong data-nodeid=\"49412\">Oracle \u2013 Secundario:<\/strong>Una r\u00e9plica para redundancia\/alta disponibilidad.<\/p>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p data-nodeid=\"49031\"><strong data-nodeid=\"49421\">Relaci\u00f3n clave:<\/strong>La aplicaci\u00f3n m\u00f3vil y el navegador web se conectan a trav\u00e9s de internet al<strong data-nodeid=\"49422\">Aplicaci\u00f3n de API<\/strong>alojada en Tomcat. La aplicaci\u00f3n de API se conecta mediante JDBC al cl\u00faster de base de datos Oracle.<\/p>\n<hr data-nodeid=\"49032\"\/>\n<h2 data-nodeid=\"49033\">6. Conceptos y directrices clave aplicadas<\/h2>\n<p data-nodeid=\"49034\">Basado en este estudio de caso, se aplicaron los siguientes principios de modelado C4:<\/p>\n<ol data-nodeid=\"49035\">\n<li data-nodeid=\"49036\">\n<p data-nodeid=\"49037\"><strong data-nodeid=\"49445\">Niveles de abstracci\u00f3n:<\/strong>El modelo pasa con \u00e9xito de &#8216;\u00bfQui\u00e9n lo utiliza?&#8217; (Contexto) a &#8216;\u00bfDe qu\u00e9 est\u00e1 hecho?&#8217; (Contenedores) a &#8216;\u00bfC\u00f3mo est\u00e1 organizado?&#8217; (Componentes) a &#8216;\u00bfD\u00f3nde se ejecuta?&#8217; (Despliegue).<\/p>\n<\/li>\n<li data-nodeid=\"49038\">\n<p data-nodeid=\"49039\"><strong data-nodeid=\"49449\">L\u00edmites de alcance:<\/strong><\/p>\n<ul data-nodeid=\"49040\">\n<li data-nodeid=\"49041\">\n<p data-nodeid=\"49042\">En el Nivel 1, el l\u00edmite de \u00abBig Bank plc\u00bb distingue claramente los sistemas internos de los actores externos.<\/p>\n<\/li>\n<li data-nodeid=\"49043\">\n<p data-nodeid=\"49044\">En el Nivel 2, el l\u00edmite del \u00abSistema de Banca en L\u00ednea\u00bb encapsula el software espec\u00edfico que se est\u00e1 construyendo, separ\u00e1ndolo del Mainframe heredado.<\/p>\n<\/li>\n<\/ul>\n<\/li>\n<li data-nodeid=\"49045\">\n<p data-nodeid=\"49046\"><strong data-nodeid=\"49463\">Separaci\u00f3n de preocupaciones:<\/strong><\/p>\n<ul data-nodeid=\"49047\">\n<li data-nodeid=\"49048\">\n<p data-nodeid=\"49049\"><strong data-nodeid=\"49468\">Frontend frente a Backend:<\/strong>La separaci\u00f3n de la Aplicaci\u00f3n de p\u00e1gina \u00fanica (frontend) de la Aplicaci\u00f3n de API (backend) permite el desarrollo y escalado independientes.<\/p>\n<\/li>\n<li data-nodeid=\"49050\">\n<p data-nodeid=\"49051\"><strong data-nodeid=\"49473\">Separaci\u00f3n de datos:<\/strong>Los datos sensibles de banca central se mantienen en el Mainframe, mientras que el Sistema de Banca en L\u00ednea solo almacena en cach\u00e9 los datos de acceso del usuario necesarios en su propia base de datos Oracle.<\/p>\n<\/li>\n<\/ul>\n<\/li>\n<li data-nodeid=\"49052\">\n<p data-nodeid=\"49053\"><strong data-nodeid=\"49486\">Neutralidad tecnol\u00f3gica (cuando sea apropiado):<\/strong>Los diagramas especifican tecnolog\u00edas (Java, Angular, Oracle) cuando son relevantes para la decisi\u00f3n arquitect\u00f3nica, pero se centran principalmente en las\u00a0<em data-nodeid=\"49487\">relaciones<\/em>y\u00a0<em data-nodeid=\"49488\">responsabilidades<\/em>de los bloques.<\/p>\n<\/li>\n<li data-nodeid=\"49054\">\n<p data-nodeid=\"49055\"><strong data-nodeid=\"49493\">Notaci\u00f3n:<\/strong>Se utiliza la notaci\u00f3n est\u00e1ndar C4:<\/p>\n<ul data-nodeid=\"49056\">\n<li data-nodeid=\"49057\">\n<p data-nodeid=\"49058\"><strong data-nodeid=\"49498\">Persona:<\/strong>Figuras de palo (o c\u00edrculos en este estilo espec\u00edfico de representaci\u00f3n).<\/p>\n<\/li>\n<li data-nodeid=\"49059\">\n<p data-nodeid=\"49060\"><strong data-nodeid=\"49503\">Sistema de software\/Contenedor\/Componente:<\/strong>Rect\u00e1ngulos redondeados con colores distintos (Azul para interno\/primario, Gris para externo\/secundario).<\/p>\n<\/li>\n<li data-nodeid=\"49061\">\n<p class=\"\" data-nodeid=\"49062\"><strong data-nodeid=\"49520\">Relaciones:<\/strong>Flechas punteadas con etiquetas que describen el protocolo (por ejemplo, [HTTPS], [JSON], [JDBC]).<\/p>\n<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"<p>1. Resumen ejecutivo Este estudio de caso documenta la arquitectura del\u00a0Sistema de banca por internet\u00a0para\u00a0Big Bank plc. El sistema est\u00e1 dise\u00f1ado para permitir a los clientes de banca personal ver&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-3701","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>Estudio de caso del modelo C4: Sistema de banca por internet de Big Bank plc - Go 2 Posts Spanish | 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\/es\/c4-model-case-study-big-bank-plc-internet-banking-system\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Estudio de caso del modelo C4: Sistema de banca por internet de Big Bank plc - Go 2 Posts Spanish | Breaking Digital News &amp; Software Trends\" \/>\n<meta property=\"og:description\" content=\"1. Resumen ejecutivo Este estudio de caso documenta la arquitectura del\u00a0Sistema de banca por internet\u00a0para\u00a0Big Bank plc. El sistema est\u00e1 dise\u00f1ado para permitir a los clientes de banca personal ver&hellip;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.go2posts.com\/es\/c4-model-case-study-big-bank-plc-internet-banking-system\/\" \/>\n<meta property=\"og:site_name\" content=\"Go 2 Posts Spanish | 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=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"curtis\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.go2posts.com\/es\/c4-model-case-study-big-bank-plc-internet-banking-system\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.go2posts.com\/es\/c4-model-case-study-big-bank-plc-internet-banking-system\/\"},\"author\":{\"name\":\"curtis\",\"@id\":\"https:\/\/www.go2posts.com\/es\/#\/schema\/person\/7d2ba976d99a3712085fad7b38500b83\"},\"headline\":\"Estudio de caso del modelo C4: Sistema de banca por internet de Big Bank plc\",\"datePublished\":\"2026-04-27T05:58:52+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.go2posts.com\/es\/c4-model-case-study-big-bank-plc-internet-banking-system\/\"},\"wordCount\":1305,\"publisher\":{\"@id\":\"https:\/\/www.go2posts.com\/es\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.go2posts.com\/es\/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\":\"es\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.go2posts.com\/es\/c4-model-case-study-big-bank-plc-internet-banking-system\/\",\"url\":\"https:\/\/www.go2posts.com\/es\/c4-model-case-study-big-bank-plc-internet-banking-system\/\",\"name\":\"Estudio de caso del modelo C4: Sistema de banca por internet de Big Bank plc - Go 2 Posts Spanish | Breaking Digital News &amp; Software Trends\",\"isPartOf\":{\"@id\":\"https:\/\/www.go2posts.com\/es\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.go2posts.com\/es\/c4-model-case-study-big-bank-plc-internet-banking-system\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.go2posts.com\/es\/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\/es\/c4-model-case-study-big-bank-plc-internet-banking-system\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.go2posts.com\/es\/c4-model-case-study-big-bank-plc-internet-banking-system\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.go2posts.com\/es\/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\/es\/c4-model-case-study-big-bank-plc-internet-banking-system\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.go2posts.com\/es\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Estudio de caso del modelo C4: Sistema de banca por internet de Big Bank plc\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.go2posts.com\/es\/#website\",\"url\":\"https:\/\/www.go2posts.com\/es\/\",\"name\":\"Go 2 Posts Spanish | Breaking Digital News &amp; Software Trends\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/www.go2posts.com\/es\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.go2posts.com\/es\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.go2posts.com\/es\/#organization\",\"name\":\"Go 2 Posts Spanish | Breaking Digital News &amp; Software Trends\",\"url\":\"https:\/\/www.go2posts.com\/es\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.go2posts.com\/es\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.go2posts.com\/es\/wp-content\/uploads\/sites\/17\/2025\/01\/logo.png\",\"contentUrl\":\"https:\/\/www.go2posts.com\/es\/wp-content\/uploads\/sites\/17\/2025\/01\/logo.png\",\"width\":341,\"height\":46,\"caption\":\"Go 2 Posts Spanish | Breaking Digital News &amp; Software Trends\"},\"image\":{\"@id\":\"https:\/\/www.go2posts.com\/es\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.go2posts.com\/es\/#\/schema\/person\/7d2ba976d99a3712085fad7b38500b83\",\"name\":\"curtis\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.go2posts.com\/es\/#\/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\/es\/author\/curtis\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Estudio de caso del modelo C4: Sistema de banca por internet de Big Bank plc - Go 2 Posts Spanish | 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\/es\/c4-model-case-study-big-bank-plc-internet-banking-system\/","og_locale":"es_ES","og_type":"article","og_title":"Estudio de caso del modelo C4: Sistema de banca por internet de Big Bank plc - Go 2 Posts Spanish | Breaking Digital News &amp; Software Trends","og_description":"1. Resumen ejecutivo Este estudio de caso documenta la arquitectura del\u00a0Sistema de banca por internet\u00a0para\u00a0Big Bank plc. El sistema est\u00e1 dise\u00f1ado para permitir a los clientes de banca personal ver&hellip;","og_url":"https:\/\/www.go2posts.com\/es\/c4-model-case-study-big-bank-plc-internet-banking-system\/","og_site_name":"Go 2 Posts Spanish | 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":{"Escrito por":"curtis","Tiempo de lectura":"6 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.go2posts.com\/es\/c4-model-case-study-big-bank-plc-internet-banking-system\/#article","isPartOf":{"@id":"https:\/\/www.go2posts.com\/es\/c4-model-case-study-big-bank-plc-internet-banking-system\/"},"author":{"name":"curtis","@id":"https:\/\/www.go2posts.com\/es\/#\/schema\/person\/7d2ba976d99a3712085fad7b38500b83"},"headline":"Estudio de caso del modelo C4: Sistema de banca por internet de Big Bank plc","datePublished":"2026-04-27T05:58:52+00:00","mainEntityOfPage":{"@id":"https:\/\/www.go2posts.com\/es\/c4-model-case-study-big-bank-plc-internet-banking-system\/"},"wordCount":1305,"publisher":{"@id":"https:\/\/www.go2posts.com\/es\/#organization"},"image":{"@id":"https:\/\/www.go2posts.com\/es\/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":"es"},{"@type":"WebPage","@id":"https:\/\/www.go2posts.com\/es\/c4-model-case-study-big-bank-plc-internet-banking-system\/","url":"https:\/\/www.go2posts.com\/es\/c4-model-case-study-big-bank-plc-internet-banking-system\/","name":"Estudio de caso del modelo C4: Sistema de banca por internet de Big Bank plc - Go 2 Posts Spanish | Breaking Digital News &amp; Software Trends","isPartOf":{"@id":"https:\/\/www.go2posts.com\/es\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.go2posts.com\/es\/c4-model-case-study-big-bank-plc-internet-banking-system\/#primaryimage"},"image":{"@id":"https:\/\/www.go2posts.com\/es\/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\/es\/c4-model-case-study-big-bank-plc-internet-banking-system\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.go2posts.com\/es\/c4-model-case-study-big-bank-plc-internet-banking-system\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.go2posts.com\/es\/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\/es\/c4-model-case-study-big-bank-plc-internet-banking-system\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.go2posts.com\/es\/"},{"@type":"ListItem","position":2,"name":"Estudio de caso del modelo C4: Sistema de banca por internet de Big Bank plc"}]},{"@type":"WebSite","@id":"https:\/\/www.go2posts.com\/es\/#website","url":"https:\/\/www.go2posts.com\/es\/","name":"Go 2 Posts Spanish | Breaking Digital News &amp; Software Trends","description":"","publisher":{"@id":"https:\/\/www.go2posts.com\/es\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.go2posts.com\/es\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/www.go2posts.com\/es\/#organization","name":"Go 2 Posts Spanish | Breaking Digital News &amp; Software Trends","url":"https:\/\/www.go2posts.com\/es\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.go2posts.com\/es\/#\/schema\/logo\/image\/","url":"https:\/\/www.go2posts.com\/es\/wp-content\/uploads\/sites\/17\/2025\/01\/logo.png","contentUrl":"https:\/\/www.go2posts.com\/es\/wp-content\/uploads\/sites\/17\/2025\/01\/logo.png","width":341,"height":46,"caption":"Go 2 Posts Spanish | Breaking Digital News &amp; Software Trends"},"image":{"@id":"https:\/\/www.go2posts.com\/es\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/www.go2posts.com\/es\/#\/schema\/person\/7d2ba976d99a3712085fad7b38500b83","name":"curtis","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.go2posts.com\/es\/#\/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\/es\/author\/curtis\/"}]}},"_links":{"self":[{"href":"https:\/\/www.go2posts.com\/es\/wp-json\/wp\/v2\/posts\/3701","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.go2posts.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.go2posts.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.go2posts.com\/es\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.go2posts.com\/es\/wp-json\/wp\/v2\/comments?post=3701"}],"version-history":[{"count":0,"href":"https:\/\/www.go2posts.com\/es\/wp-json\/wp\/v2\/posts\/3701\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.go2posts.com\/es\/wp-json\/wp\/v2\/media?parent=3701"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.go2posts.com\/es\/wp-json\/wp\/v2\/categories?post=3701"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.go2posts.com\/es\/wp-json\/wp\/v2\/tags?post=3701"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}