|
|
|
|[Home](home)|[Escopo](escopo)|[Processo](processo)|[Design](design)|[Configuração](configuracao)|[**Arquitetura**](arquitetura)|[Código](codigo)|[Banco de Dados](banco_dados)|[Qualidade](qualidade)|[Instalação](instalacao)|
|
|
|
|
|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|
|
|
|
|
|
|
|
|
| [Home](home) | [Escopo](escopo) | [Cronograma](cronograma) | [Design](design) | [Configuração](configuracao) | [**Arquitetura**](arquitetura) | [Código](codigo) | [Banco de Dados](banco_dados) | [Qualidade](qualidade) | [Instalação](instalacao) |
|
|
|
|
| :----------: | :--------------: | :----------------------: | :--------------: | :--------------------------: | :----------------------------: | :--------------: | :---------------------------: | :--------------------: | :----------------------: |
|
|
|
|
|
|
|
|
# Arquitetura do Sistema
|
|
|
|
|
|
|
|
## Descrição
|
|
|
|
|
|
|
|
Esta seção irá abordar a arquitetura selecionada para o Backend e Frontend, além dos dados relativos ao deploy.
|
|
|
|
|
|
|
|
## Sumário
|
|
|
|
|
|
|
|
- [Deploy](#deploy)
|
|
|
|
- [Descrição](#deploy)
|
|
|
|
- [Diagrama de Deploy](#deploy)
|
| ... | ... | @@ -20,44 +23,42 @@ Esta seção irá abordar a arquitetura selecionada para o Backend e Frontend, a |
|
|
|
- [Diagrama do Sistema](#diagrama-do-sistema)
|
|
|
|
- [Diagramas de Fluxo de Telas](#diagramas-de-fluxo-de-telas)
|
|
|
|
|
|
|
|
|
|
|
|
## Deploy
|
|
|
|
### Diagrama de Deploy
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
### Diagrama de Deploy
|
|
|
|
|
|
|
|
## Backend
|
|
|
|
|
|
|
|
### Definições de Tecnologias
|
|
|
|
|
|
|
|
Pontos-chave:
|
|
|
|
* Questionário inicial para o time.
|
|
|
|
* Por questão de facilidade no desenvolvimento do projeto (em relação tanto ao backend quanto ao frontend), a linguagem definida foi Javascript.
|
|
|
|
|
|
|
|
Escolhas:
|
|
|
|
* **Linguagem**: JavaScript com TypeScript
|
|
|
|
* **Frameworks**: Node e Express
|
|
|
|
* **knex** como ORM
|
|
|
|
* **celebrate** como middleware de requests
|
|
|
|
* **jest** para testes unitários / integração
|
|
|
|
|
|
|
|
### Módulos do Sistema
|
|
|
|
### Diagrama do Sistema
|
|
|
|
### Diagramas de Sequência
|
|
|
|
- Questionário inicial para o time.
|
|
|
|
- Por questão de facilidade no desenvolvimento do projeto (em relação tanto ao backend quanto ao frontend), a linguagem definida foi Javascript.
|
|
|
|
|
|
|
|
Escolhas:
|
|
|
|
|
|
|
|
- **Linguagem**: JavaScript com TypeScript
|
|
|
|
- **Frameworks**: Node e Express
|
|
|
|
- **knex** como ORM
|
|
|
|
- **celebrate** como middleware de requests
|
|
|
|
- **jest** para testes unitários / integração
|
|
|
|
|
|
|
|
### Módulos do Sistema
|
|
|
|
|
|
|
|
### Diagrama do Sistema
|
|
|
|
|
|
|
|
### Diagramas de Sequência
|
|
|
|
|
|
|
|
## Frontend
|
|
|
|
|
|
|
|
### Definições de Tecnologias
|
|
|
|
|
|
|
|
Escolhas:
|
|
|
|
* Linguagem: Javascript
|
|
|
|
* Framework: React JS
|
|
|
|
* Ferramentas: Prettier, ESLint.
|
|
|
|
|
|
|
|
- Linguagem: Javascript
|
|
|
|
- Framework: React JS
|
|
|
|
- Ferramentas: Prettier, ESLint.
|
|
|
|
|
|
|
|
Depois de conversas com os Stakeholders e discussões com o time em relação a tecnologias e conhecimentos de cada um para o projeto, foi concluído que JavaScript com a utilização de React seria ideal para a criação da aplicação a ser desenvolvida.
|
|
|
|
|
| ... | ... | @@ -66,5 +67,7 @@ React.js é uma biblioteca de JavaScript, open source, utilizada para construir |
|
|
|
O diferencial do React é ser rápida, escalável e simples, podendo ser usada com outras bibliotecas ou frameworks de JavaScript.
|
|
|
|
|
|
|
|
### Módulos do Sistema
|
|
|
|
|
|
|
|
### Diagrama do Sistema
|
|
|
|
|
|
|
|
### Diagramas de Fluxo de Telas |
