arquitetura.md

-|[Home](home)|[Sprints](sprints)|[Requisitos](requisitos)|[Arquitetura](arquitetura)|[Configuração](configuracao)|[Mockups](mockups)|[BD](banco_dados)|[Instalação](instalacao)|[GP](gp)|[Horários](horarios)|[Processo](processo)
-|---|---|---|---|---|---|---|---|---|---|---|
+| [Home](home) | [Sprints](sprints) | [Requisitos](requisitos) | [Arquitetura](arquitetura) | [Configuração](configuracao) | [Mockups](mockups) | [BD](banco_dados) | [Instalação](instalacao) | [GP](gp) | [Horários](horarios) | [Processo](processo) |
+| ------------ | ------------------ | ------------------------ | -------------------------- | ---------------------------- | ------------------ | ----------------- | ------------------------ | -------- | -------------------- | -------------------- |
 
 # Arquitetura do Sistema
 
@@ -19,17 +19,27 @@ Design do Projeto
 * Análise dos principios SOLID
 * Code Review
 
-## Diagrama de Deploy
-<img src = "tutorial-imagens/deployment_2.png" title = "Diagrama de deploy" />
 
-## Diagrama de Pacotes
-<img src = "tutorial-imagens/Package_2.png" title = "Diagrama de deploy" />
+## Diagrama de Deploy
 
+<img src = "tutorial-imagens/deployment_3.png" title = "Diagrama de deploy" />
+
+No diagrama apresentado, temos a definição de como será a arquitetura física da aplicação em um alto-nível. Válido notar que estaremos construindo uma aplicação que utiliza contâiners, via Docker.
+### Imagens do sistema
+* Aplicação Front-End : Imagem da aplicação React.
+* Aplicação Back-End : Imagem da aplicação Node.
+* MySQL : Imagem do SGBD MySQL. Importante notar que esse utiliza um volume de banco de dados associado.
+* Firebase : API externa para obtenção de informações da conta Google.
+### Nós do sistema
+* Device do usuário : Dispositivo mobile utilizado pelo usuário como cliente.
+* Servidor AWS/DO : Ambiente de homologação da aplicação.
+* Cloud da Google : Ambiente da API Firebase.
+* 
 ## Back-end
 
 ### Definição da Linguagem e Frameworks
 
-No início do semestre, ou seja, na primeira semana da Sprint 0, todos integrantes do time responderam um [Formulário de Mapeamento de Tecnologias](https://forms.gle/bpuDciJmb2eFCD2S9). A partir dos resultados desse formulário, pudemos avaliar qual linguagem (que era adequada para o uso no projeto) era a mais dominada pelo time como um todo e que os integrantes gostariam de trabalhar. Para a tecnologia do Back-end, o resultado foi o seguinte:
+No início do semestre, ou seja, na primeira semana da Srint 0, todos integrantes do time responderam um [Formulário de Mapeamento de Tecnologias](https://forms.gle/bpuDciJmb2eFCD2S9). A partir dos resultados desse formulário, pudemos avaliar qual linguagem (que era adequada para o uso no projeto) era a mais dominada pelo time como um todo e que os integrantes gostariam de trabalhar. Para a tecnologia do Back-end, o resultado foi o seguinte:
 
 Também foi feito o mesmo questionamento em cima de Frameworks de Back-end. O resultado foi o seguinte:
 
@@ -48,10 +58,8 @@ Para informações sobre o Banco de Dados, basta clicar [aqui](https://tools.age
 * **Repository**: ...
 * **Models**: ...
 
-### Diagrama do Sistema
-
-### Diagrama de Sequência
-
+## Diagrama de Componentes
+<img src = "tutorial-imagens/Package_2_Backend.png" title = "Diagrama de deploy" />
 
 ## Front-end
 
@@ -74,6 +82,5 @@ A partir dos resultados obtidos, fizemos as seguintes escolhas:
 
 ### Arquitetura Básica do Front-end
 
-### Diagrama do Sistema
-
-### Diagrama de Componentes
\ No newline at end of file
+## Diagrama de Componentes
+<img src = "tutorial-imagens/Package_2_FrontEnd.png" title = "Diagrama de deploy" />
\ No newline at end of file