Quando entrei na dti, tive meu primeiro contato com o mundo ágil e um dos primeiros ensinamentos que tive de um de nossos Jedis foi: &#8220;Fábrica de software não somos nós, fabril não é nosso fazer, artesanato se assemelha mais.&#8221; Levei um tempo para entender o que ele queria dizer com isso. Pra tentar explicar o que entendi, vou fazer um paralelo entre mesas e arquitetura de software.
<div id="toc_container" class="toc_white no_bullets">Sum&aacute;rio<ul class="toc_list"><li><a href="#O-que-arquitetura-de-software-tem-a-ver-com-mesa">1 O que arquitetura de software tem a ver com mesa?</a><ul><li><a href="#Mesa">1.1 Mesa</a></li><li><a href="#Software">1.2 Software</a></li></ul></li><li><a href="#O-que-e-arquitetura-de-software">2 O que é arquitetura de software?</a></li><li><a href="#Como-as-mesas-sao-feitas">3 Como as mesas são feitas?</a></li><li><a href="#Como-o-software-e-feito">4 Como o software é feito?</a></li><li><a href="#Fabricas-e-atelies-em-arquitetura-de-software">5 Fábricas e ateliês em arquitetura de software</a></li><li><a href="#Boas-praticas-em-arquitetura-de-software">6 Boas práticas em arquitetura de software</a></li><li><a href="#Java-Spring-e-AngularJS">7 Java Spring e AngularJS</a></li><li><a href="#i">8 </a></li><li><a href="#JSF-e-AngularJS">9 JSF e AngularJS</a></li></ul></div>
<h2>O que arquitetura de software tem a ver com mesa?</h2>
<h3>Mesa</h3>
Segundo a Wikipédia, “Mesas podem ser de jantar, mesas de centro, mesas de cozinha, mesas de jardim, mesas de reunião, mesas de bar, antigas, clássicas, modernas, ou contemporâneas, variando sua forma conforme o uso e utilidade local.” [1]
<h3>Software</h3>
“Um programa de computador é composto por uma sequência de instruções, que é interpretada e executada por um processador ou por uma máquina virtual. Em um programa correto e funcional, essa sequência segue padrões específicos que resultam em um comportamento desejado.” [2]
<h2>O que é arquitetura de software?</h2>
É difícil pensar “o que” é uma mesa sem pensar em “para que” ela serve, ou seja, a mesa é um meio pra realizarmos um fim. Usamos mesas para comer, para estudar, trabalhar, ornamentar, socializar e várias outras coisas. A mesa em si, só faz sentido, quando tem utilidade. Esse conceito nos leva a pensar também em microserviços: outro tema já discutindo anteriormente.
E um software? Basicamente, é a mesma coisa. Um software por si só não faz sentido, se não tiver uma utilidade.
/*Acho, inclusive, que podemos estender essa ideia para o computador em si &#8211; seja ele um desktop ou um smartphone &#8211; mas vamos nos ater ao que a gente sabe fazer. */ [3]
Bom, já concordamos que softwares são mesas (ou não, sei lá). Mas vamos voltar à conversa de fábrica de software versus ateliê de software.
<a href="https://open.spotify.com/show/1ub9YZKamdMKdKbLia4YrX"><img fetchpriority="high" decoding="async" class="size-medium wp-image-18907 aligncenter" src="http://www.cms.dtidigital.com.br/wp-content/uploads/2017/04/EP48Entre-300x297.png" alt="" width="300" height="297" srcset="https://www.cms.dtidigital.com.br/wp-content/uploads/2017/04/EP48Entre-300x297.png 300w, https://www.cms.dtidigital.com.br/wp-content/uploads/2017/04/EP48Entre.png 563w" sizes="(max-width: 300px) 100vw, 300px" /></a>
<h2>Como as mesas são feitas?</h2>
As mesas dos botecos que você frequenta depois de programar o dia todo são de plástico e feitas numa fábrica. Mas a mesa que você (ou sua namorada||namorado||esposa||marido) sonha colocar na sala de jantar é planejada por um arquiteto ou designer e construída por algum especialista, um artesão ou marceneiro, talvez. Provavelmente, essa mesa tem o tampo de vidro de Murano ou os pés de um Mogno da Amazônia.
Tanto a mesa do boteco, quanto a mesa de mogno amazônico são, mesas. Ambas atendem aos requisitos necessários e são boas nisso. Você não pode dizer que a mesa da sala é melhor que a mesa do boteco. O valor financeiro não pode ser o critério de comparação aqui, porém a capacidade de resolver um problema proposto.
<h2>Como o software é feito?</h2>
Novamente, a mesma coisa. Existem muitos softwares e muitas formas diferentes de <a href="https://www.igti.com.br/blog/o-que-faz-um-arquiteto-de-software/">construir uma arquitetura de software.</a> Uma é melhor que a outra? Depende. Você não vai querer receber seus amigos em casa para um jantar numa mesa de boteco, e uma mesa de vidro num boteco acabaria quebrada.
A questão, portanto, é em que situação uma forma é mais adequada do que a outra.
<h2>Fábricas e ateliês em arquitetura de software</h2>
Construir um software quase nunca é seguir uma linha fordista de manufatura. Não é uma sequência de passos onde você pega uma tela, coloca um campo de texto e um botão, monta um servidor Rest e depois cola tudo com Ajax e JSON.
Existem alguns softwares assim, e eles atendem muitos casos, mas quando falamos de sistemas robustos que devem responder de maneira rápida e segura, que terão muitos usuários espalhados pelo mundo, a coisa fica um pouco mais complicada.
Para esses sistemas, você vai precisar de alguém que entenda sua necessidade e o espaço que você tem. Juntando isso ao valor que você quer investir em microserviços, esse cara vai desenhar o protótipo de uma solução. Depois, uma equipe com habilidades para isso, vai transformar esse protótipo em uma solução de fato. Esses caras vão usar bastante raciocínio lógico, um monte de café e, no fim, terão um código fonte que é o seu software.
O risco dessa perspectiva da criação de software é pensarmos que o artesão vai construir seu produto sem seguir nenhum padrão e de uma maneira arbitrária.
Bom, mais ou menos. Um bom artesão vai tentar encontrar uma boa técnica de cortar um pedaço de tronco bruto de forma que consiga a peça final na medida necessária usando o mínimo da madeira.
<h2>Boas práticas em arquitetura de software</h2>
Na construção de software temos boas práticas de código limpo, testes automatizados, metodologias ágeis, entre outros mecanismos que são ferramentas essenciais ao processo.
A questão, nos dois cenários, é que a ação humana move a coisa, e a capacidade de realizar essa ação envolve habilidade, é claro, mas envolve também bastante estudo, criatividade, esforço e capacidade de enxergar soluções.
<h2>Java Spring e AngularJS</h2>
Aviso aos não-técnicos e aos sem-tempo: a partir do próximo parágrafo esse texto se transformará num enfadonho relatório técnico. Caso queira parar nesse ponto, obrigado por ter vindo até aqui; caso continue, não vá dizer que eu não avisei!
Recentemente na dti fomos submetidos a um desafio de melhorar a usabilidade e tempo de resposta de um sistema Web construído em Java, que usava Spring e JSF.
Entre os diversos requisitos desse desafio, havia um que era manter tudo que fosse possível da arquitetura estabelecida. Deveríamos manter a implementação das regras de negócio e também a identidade visual após a migração de arquitetura. Outro requisito era usar algum Framework em JavaScript.
&nbsp;
<img decoding="async" class="aligncenter wp-image-1072 size-full" src="http://www.cms.dtidigital.com.br/wp-content/uploads/2016/10/testes_email12-08.png" alt="arquitetura de software " width="2962" height="2029" srcset="https://www.cms.dtidigital.com.br/wp-content/uploads/2016/10/testes_email12-08.png 2962w, https://www.cms.dtidigital.com.br/wp-content/uploads/2016/10/testes_email12-08-300x206.png 300w, https://www.cms.dtidigital.com.br/wp-content/uploads/2016/10/testes_email12-08-768x526.png 768w, https://www.cms.dtidigital.com.br/wp-content/uploads/2016/10/testes_email12-08-1024x701.png 1024w" sizes="(max-width: 2962px) 100vw, 2962px" />
<h2></h2>
A gente precisava mudar o sistema, mas usando o mesmo sistema. Entendeu?
E foi aí que nosso lado artesão do microserviço apareceu. Pensamos: vamos separar o que dá pra separar e ir ajustando parte a parte. Se fosse a mesa, separaríamos os pés do tampo, e iríamos melhorando o que era necessário e possível em cada parte.
Inicialmente, fizemos a separação óbvia: cliente e servidor. No servidor, procuramos identificar os métodos que consumiam mais tempo usando NewRelic [4] e fizemos as otimizações possíveis.
No lado do cliente a coisa foi legal: a proposta era utilizar AngularJS. <a style="color: #f70244;" href="http://www.cms.dtidigital.com.br/blog/angular-js-uma-introducao/">Já falamos sobre Angular aqui no blog da dti</a>.
Para fazer a “inserção” do Angular no JSF, usamos métodos não muito “ortodoxos”. Seria inviável e demorado recriar toda a estrutura das páginas, com o controle de permissão, os cabeçalhos e rodapés, além das mensagens de notificação que eram exibidas de tempos em tempos para o usuário.
O que fizemos foi criar um template do JSF que aceitasse o Angular. As páginas que foram recriadas herdavam esse template que tinha tudo o que iríamos manter do sistema antigo, mas abriam a possibilidade de inserirmos o Angular.
&nbsp;
<img decoding="async" class="aligncenter wp-image-1073 size-full" src="https://dtidigital.com.br/wp-content/uploads/2016/10/testes_email13-09.png" alt="arquitetura-modificada" width="3165" height="2034" srcset="https://www.cms.dtidigital.com.br/wp-content/uploads/2016/10/testes_email13-09.png 3165w, https://www.cms.dtidigital.com.br/wp-content/uploads/2016/10/testes_email13-09-300x193.png 300w, https://www.cms.dtidigital.com.br/wp-content/uploads/2016/10/testes_email13-09-768x494.png 768w, https://www.cms.dtidigital.com.br/wp-content/uploads/2016/10/testes_email13-09-1024x658.png 1024w" sizes="(max-width: 3165px) 100vw, 3165px" />
&nbsp;
<h2>JSF e AngularJS</h2>
Mais ou menos. Encontrar soluções que sejam tecnicamente corretas e economicamente viáveis é um desafio diário. Usando essa solução, conseguimos manter uma parte grande do sistema (economicamente viável) e conseguimos incluir o Angular sem grandes estragos (tecnicamente correto). Bela migração de arquitetura!
O interessante dessa solução é que o usuário final não sabia o que estava acontecendo por trás do sistema, pois visualmente não fez nenhuma diferença. O usuário não faz a menor ideia do que seja JSF ou Angular, mas ele percebe que uma tela é mais rápida e amigável que a outra; uma usa Angular, a outra não.
Para que a identidade visual fosse mantida, usamos outra habilidade de artesão: fizemos cópias dos arquivos .css usados no sistema e adequamos para os componentes que criamos, ajustando apenas os nomes das classes.
E para “colar” o Angular ao restante do sistema, criamos um servidor Rest usando Spring que fazia uma espécie de “fachada” entre o backend e o frontend. Ou seja, mantivemos toda a implementação de regras de negócio e persistência de dados já implementada.
“A arte de programar consiste na arte de organizar e dominar a complexidade.”
Edsger W. Dijkstra
Tem interesse em fazer parte de um time que fomenta o conhecimento constante e dá oportunidades para diferentes áreas da tecnologia, como a arquitetura de software? Então <a style="color: #f70244;" href="http://www.cms.dtidigital.com.br/venha-ser-dti/">acesse nossa página de carreiras</a> e se inscreva na vaga que tem mais a ver com o seu perfil. Venha ser dti!
[1] https://pt.wikipedia.org/wiki/Mesa
[2] https://pt.wikipedia.org/wiki/Software
[3] Se você não é programador, /* e */ delimitam início e fim de um comentário, era pra ser uma piada.
[4] https://newrelic.com/

Arquitetura de Software: Qual a diferença da arquitetura tradicional?

Desbloqueie o futuro do seu negócio

Confira outros artigos