A arquitetura segue o\u00a0Modelo C4<\/strong>\u00a0(Contexto, Cont\u00eaineres, Componentes, C\u00f3digo), fornecendo uma vis\u00e3o hier\u00e1rquica do sistema desde abstra\u00e7\u00f5es de alto n\u00edvel at\u00e9 a infraestrutura de implanta\u00e7\u00e3o.<\/p>\n Objetivo:<\/strong>\u00a0Mostrar o sistema no contexto de seus usu\u00e1rios e depend\u00eancias externas.<\/p>\n Diagrama de Refer\u00eancia:<\/strong>\u00a0Imagem 4 (Principal) e Imagem 1 (Visualiza\u00e7\u00e3o Simplificada).<\/p>\n O\u00a0Sistema de Banco na Internet<\/strong>\u00a0est\u00e1 dentro da fronteira da\u00a0Big Bank plc<\/strong>\u00a0empresa. Atua como um canal digital para o\u00a0Cliente de Banco Pessoal<\/strong>.<\/p>\n Usu\u00e1rios (Atores):<\/strong><\/p>\n Cliente de Banco Pessoal:<\/strong>\u00a0O usu\u00e1rio principal que interage com o sistema para visualizar saldos e efetuar pagamentos.<\/p>\n<\/li>\n Equipe de Atendimento ao Cliente:<\/strong>\u00a0Funcion\u00e1rios do banco que auxiliam os clientes (mostrados na Imagem 4).<\/p>\n<\/li>\n Equipe de Back Office:<\/strong>\u00a0Pessoal de administra\u00e7\u00e3o e suporte (mostrado na Imagem 4).<\/p>\n<\/li>\n<\/ul>\n<\/li>\n Sistemas Externos:<\/strong><\/p>\n Sistema de Banco Mainframe:<\/strong>\u00a0O sistema de registro. Armazena todas as informa\u00e7\u00f5es centrais de banco (clientes, contas, transa\u00e7\u00f5es). O Sistema de Banco na Internet depende deste para dados autoritativos.<\/p>\n<\/li>\n Sistema de E-mail:<\/strong>\u00a0O sistema interno do Microsoft Exchange usado para enviar notifica\u00e7\u00f5es (por exemplo, redefini\u00e7\u00f5es de senha, confirma\u00e7\u00f5es) aos clientes.<\/p>\n<\/li>\n Caixa Eletr\u00f4nico (ATM):<\/strong>\u00a0Um sistema de software separado que permite saques em dinheiro (mostrado na Imagem 4 para demonstrar o ecossistema mais amplo).<\/p>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n Rela\u00e7\u00e3o Principal:<\/strong>\u00a0O cliente interage com o Sistema de Banco na Internet, que por sua vez atua como uma fachada para o sistema legado Mainframe para recuperar dados e processar pagamentos.<\/p>\n Objetivo:<\/strong>\u00a0Mostrar as escolhas de tecnologia de alto n\u00edvel e como as responsabilidades s\u00e3o distribu\u00eddas ao longo do sistema.<\/p>\n Diagrama de Refer\u00eancia:<\/strong>\u00a0Imagem 2.<\/p>\n O ‘Sistema de Banco na Internet’ do N\u00edvel 1 \u00e9 decomposto em cinco cont\u00eaineres distintos (unidades implant\u00e1veis).<\/p>\n Aplicativo Web (Java e Spring MVC):<\/strong><\/p>\n Fun\u00e7\u00e3o:<\/strong>\u00a0Serve como ponto de entrada para usu\u00e1rios da web.<\/p>\n<\/li>\n Fun\u00e7\u00e3o:<\/strong>\u00a0Entrega conte\u00fado est\u00e1tico (HTML\/CSS\/JS) e o Aplicativo de P\u00e1gina \u00danica (SPA) ao navegador do cliente por meio de HTTPS.<\/p>\n<\/li>\n<\/ul>\n<\/li>\n Aplicativo de P\u00e1gina \u00danica (JavaScript e Angular):<\/strong><\/p>\n Fun\u00e7\u00e3o:<\/strong>\u00a0A l\u00f3gica do lado do cliente em execu\u00e7\u00e3o no navegador.<\/p>\n<\/li>\n Fun\u00e7\u00e3o:<\/strong>\u00a0Fornece todo o conjunto de funcionalidades de banco na internet. Faz chamadas de API para o backend.<\/p>\n<\/li>\n<\/ul>\n<\/li>\n Aplicativo M\u00f3vel (Xamarin):<\/strong><\/p>\n Fun\u00e7\u00e3o:<\/strong>\u00a0O aplicativo do lado do cliente para dispositivos m\u00f3veis.<\/p>\n<\/li>\n Fun\u00e7\u00e3o:<\/strong>Fornece um subconjunto limitado de funcionalidades em compara\u00e7\u00e3o com o aplicativo da web. Tamb\u00e9m realiza chamadas \u00e0 API para o backend.<\/p>\n<\/li>\n<\/ul>\n<\/li>\n Aplicativo da API (Java e Spring MVC):<\/strong><\/p>\n Fun\u00e7\u00e3o:<\/strong>A l\u00f3gica central do backend.<\/p>\n<\/li>\n Fun\u00e7\u00e3o:<\/strong>Exibe uma API JSON\/HTTPS. Ela gerencia autentica\u00e7\u00e3o, l\u00f3gica de neg\u00f3cios e comunica\u00e7\u00e3o com sistemas externos (Banco de Dados, Mainframe, E-mail).<\/p>\n<\/li>\n<\/ul>\n<\/li>\n Banco de Dados (Esquema do Oracle Database):<\/strong><\/p>\n Fun\u00e7\u00e3o:<\/strong>Persist\u00eancia de dados.<\/p>\n<\/li>\n Fun\u00e7\u00e3o:<\/strong>Armazena informa\u00e7\u00f5es de registro de usu\u00e1rio, credenciais criptografadas e registros de acesso.Observa\u00e7\u00e3o: Os dados principais de banco permanecem no Mainframe.<\/em><\/p>\n<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n Relacionamento Chave:<\/strong>Tanto o Aplicativo Web (via o SPA) quanto o Aplicativo M\u00f3vel se comunicam com oAplicativo da API<\/strong>. O Aplicativo da API ent\u00e3o se comunica com oBanco de Dados<\/strong>para dados locais e com oMainframe<\/strong>para dados principais de banco.<\/p>\n Objetivo:<\/strong>Aumentar o foco em um cont\u00eainer espec\u00edfico (o Aplicativo da API) para mostrar seus blocos de constru\u00e7\u00e3o internos.<\/p>\n Diagrama de Refer\u00eancia:<\/strong>Imagem 3.<\/p>\n Este diagrama divide oAplicativo da API<\/strong>em componentes l\u00f3gicos.<\/p>\n Controladores (Controladores Rest do Spring MVC):<\/strong>\u00a0Esses manipulam as requisi\u00e7\u00f5es HTTP recebidas.<\/p>\n Controlador de Entrada:<\/strong>\u00a0Manipula a autentica\u00e7\u00e3o do usu\u00e1rio.<\/p>\n<\/li>\n Controlador de Redefini\u00e7\u00e3o de Senha:<\/strong>\u00a0Manipula os fluxos de recupera\u00e7\u00e3o de senha.<\/p>\n<\/li>\n Controlador de Resumo de Contas:<\/strong>\u00a0Recupera os dados da conta do usu\u00e1rio.<\/p>\n<\/li>\n<\/ul>\n<\/li>\n Componentes (Spring Beans):<\/strong>\u00a0Esses cont\u00eam a l\u00f3gica de neg\u00f3cios.<\/p>\n Componente de Seguran\u00e7a:<\/strong>\u00a0Manipula o acesso e a altera\u00e7\u00e3o de senhas. Utilizado pelos controladores de Entrada e de Redefini\u00e7\u00e3o de Senha.<\/p>\n<\/li>\n Componente de E-mail:<\/strong>\u00a0Manipula o envio de e-mails. Utilizado pelo controlador de Redefini\u00e7\u00e3o de Senha.<\/p>\n<\/li>\n Facade do Sistema Banc\u00e1rio Mainframe:<\/strong>\u00a0Um inv\u00f3lucro ao redor do sistema Mainframe externo. Traduz as chamadas de API internas para o formato XML\/HTTPS exigido pelo Mainframe legado. Utilizado pelo Controlador de Resumo de Contas.<\/p>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n Rela\u00e7\u00e3o Chave:<\/strong>\u00a0O\u00a0Controlador de Resumo de Contas<\/strong>\u00a0usa o\u00a0Facade do Sistema Banc\u00e1rio Mainframe<\/strong>\u00a0para obter dados do Mainframe externo, demonstrando a separa\u00e7\u00e3o de responsabilidades entre a camada de API e a camada de integra\u00e7\u00e3o.<\/p>\n Objetivo:<\/strong>\u00a0Mostrar como os cont\u00eaineres de software se mapeiam para a infraestrutura f\u00edsica.<\/p>\n Diagrama de Refer\u00eancia:<\/strong>\u00a0Imagem 5.<\/p>\n Este diagrama ilustra o ambiente de execu\u00e7\u00e3o.<\/p>\n Lado do Cliente:<\/strong><\/p>\n Dispositivo M\u00f3vel:<\/strong>Executa o aplicativo m\u00f3vel (iOS\/Android).<\/p>\n<\/li>\n Computador:<\/strong>Executa o navegador da web (Chrome\/Firefox\/Safari\/Edge) que hospeda o aplicativo de p\u00e1gina \u00fanica.<\/p>\n<\/li>\n<\/ul>\n<\/li>\n Centro de dados da Big Bank plc:<\/strong><\/p>\n Servidores web (bigbank-web<\/strong>*):** N\u00f3s Ubuntu 16.04 LTS em execu\u00e7\u00e3o\u00a0Apache Tomcat 8.x<\/strong>.<\/p>\n Hospeda o\u00a0Aplicativo web<\/strong>\u00a0e\u00a0Aplicativo da API<\/strong>.<\/p>\n<\/li>\n<\/ul>\n<\/li>\n Servidores de banco de dados (bigbank-db01\/02):<\/strong>\u00a0N\u00f3s Ubuntu 16.04 LTS em execu\u00e7\u00e3o\u00a0Oracle 12c<\/strong>.<\/p>\n Oracle \u2013 Prim\u00e1rio:<\/strong>\u00a0O banco de dados principal.<\/p>\n<\/li>\n Oracle \u2013 Secund\u00e1rio:<\/strong>\u00a0Uma r\u00e9plica para redund\u00e2ncia\/alta disponibilidade.<\/p>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n Rela\u00e7\u00e3o principal:<\/strong>\u00a0O aplicativo m\u00f3vel e o navegador da web se conectam pela internet ao\u00a0Aplicativo da API<\/strong>\u00a0hospedado no Tomcat. O aplicativo da API se conecta via JDBC ao cluster do banco de dados Oracle.<\/p>\n Com base neste estudo de caso, foram aplicados os seguintes princ\u00edpios de modelagem C4:<\/p>\n N\u00edveis de abstra\u00e7\u00e3o:<\/strong>\u00a0O modelo passa com sucesso de \u201cQuem o usa?\u201d (Contexto) para \u201cO que \u00e9 feito?\u201d (Cont\u00eaineres) para \u201cComo \u00e9 organizado?\u201d (Componentes) para \u201cOnde \u00e9 executado?\u201d (Implanta\u00e7\u00e3o).<\/p>\n<\/li>\n Limites de escopo:<\/strong><\/p>\n No N\u00edvel 1, a fronteira da “Big Bank plc” distingue claramente os sistemas internos dos atores externos.<\/p>\n<\/li>\n No N\u00edvel 2, a fronteira do “Sistema de Banco na Internet” encapsula o software espec\u00edfico que est\u00e1 sendo desenvolvido, separando-o do Mainframe legado.<\/p>\n<\/li>\n<\/ul>\n<\/li>\n Separa\u00e7\u00e3o de Responsabilidades:<\/strong><\/p>\n Frontend vs. Backend:<\/strong>A separa\u00e7\u00e3o da Aplica\u00e7\u00e3o de P\u00e1gina \u00danica (frontend) da Aplica\u00e7\u00e3o de API (backend) permite o desenvolvimento e dimensionamento independentes.<\/p>\n<\/li>\n Separa\u00e7\u00e3o de Dados:<\/strong>Os dados sens\u00edveis de banco central s\u00e3o mantidos no Mainframe, enquanto o Sistema de Banco na Internet apenas armazena em cache os dados de acesso do usu\u00e1rio necess\u00e1rios em seu pr\u00f3prio banco de dados Oracle.<\/p>\n<\/li>\n<\/ul>\n<\/li>\n Neutralidade de Tecnologia (quando apropriado):<\/strong>Os diagramas especificam tecnologias (Java, Angular, Oracle) quando relevantes para a decis\u00e3o arquitet\u00f4nica, mas focam principalmente nas\u00a0rela\u00e7\u00f5es<\/em>e\u00a0responsabilidades<\/em>dos blocos.<\/p>\n<\/li>\n Nota\u00e7\u00e3o:<\/strong>\u00c9 utilizada a nota\u00e7\u00e3o padr\u00e3o C4:<\/p>\n Pessoa:<\/strong>Figuras de palito (ou c\u00edrculos neste estilo espec\u00edfico de representa\u00e7\u00e3o).<\/p>\n<\/li>\n Sistema de Software\/Container\/Componente:<\/strong>Ret\u00e2ngulos arredondados com cores distintas (Azul para interno\/prim\u00e1rio, Cinza para externo\/secund\u00e1rio).<\/p>\n<\/li>\n Rela\u00e7\u00f5es:<\/strong>Setas tracejadas com r\u00f3tulos que descrevem o protocolo (por exemplo, [HTTPS], [JSON], [JDBC]).<\/p>\n<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":" 1. Resumo Executivo Este estudo de caso documenta a arquitetura do\u00a0Sistema de Banco na Internet\u00a0para\u00a0Big Bank plc. O sistema foi projetado para permitir que clientes de banco pessoal visualizem seus…<\/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-3697","post","type-post","status-publish","format-standard","hentry","category-ai","category-ai-chatbot","category-c4-model"],"yoast_head":"\n
\n2. N\u00edvel 1: Diagrama de Contexto do Sistema<\/h2>\n
An\u00e1lise<\/h3>\n
![\"C4](\"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\n
\n
\n
\n3. N\u00edvel 2: Diagrama de Container<\/h2>\n
An\u00e1lise<\/h3>\n
![\"C4](\"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\n
\n
\n
\n
\n
\n
\n4. N\u00edvel 3: Diagrama de Componentes<\/h2>\n
An\u00e1lise<\/h3>\n
![\"C4](\"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\n
\n
\n
\n5. N\u00edvel 4: Diagrama de Implanta\u00e7\u00e3o<\/h2>\n
An\u00e1lise<\/h3>\n
![\"C4](\"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\n
\n
\n
\n
\n
\n6. Conceitos e diretrizes principais aplicados<\/h2>\n
\n
\n
\n
\n