|  |  | |[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 |