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