| ... | ... | @@ -17,18 +17,8 @@ Esta seção irá abordar a arquitetura selecionada para o Backend e Frontend ex |
|
|
|
- [Flutter](#flutter)
|
|
|
|
- [Firebase](#firebase)
|
|
|
|
- [Integração](#integração)
|
|
|
|
- [Deploy](#deploy)
|
|
|
|
- [Recipes API](#recipes-api)
|
|
|
|
- [Diagrama de Deploy](#diagrama-de-deploy)
|
|
|
|
- [Backend](#backend)
|
|
|
|
- [Definições de Tecnologias](#back-end-def-tec)
|
|
|
|
- [Módulos do Sistema](#back-end-mods-sis)
|
|
|
|
- [Diagrama de Fluxo](#diagrama-de-fluxo)
|
|
|
|
- [Frontend](#frontend)
|
|
|
|
- [Definições de Tecnologias](#front-end-def-tec)
|
|
|
|
- [Módulos do Sistema](#front-end-mods-sis)
|
|
|
|
- [Diagramas de Componentes](#diagramas-de-componentes)
|
|
|
|
- [Diagrama do Sistema](#diagrama-do-sistema)
|
|
|
|
- [Diagrama de Comunicação](#diagrama-de-comunicação)
|
|
|
|
- [Diagrama do Sistema](#diagrama-de-sistema)
|
|
|
|
|
|
|
|
# Tecnologias
|
|
|
|
|
| ... | ... | @@ -57,46 +47,29 @@ A escolha do Firebase foi baseada em cinco motivos: |
|
|
|
|
|
|
|
## Integração
|
|
|
|
Como mencionado anteriormente, ambas tecnologias escolhidas são mantidas pela Google e possui uma integração perfeita. Desse modo, conseguimos desenvolver todo o projeto com mais facilidade e velocidade.
|
|
|
|
Abaixo segue um diagrama de como a integração acontece:
|
|
|
|
Para realizar a integração dentro do Flutter com o Firebase foi necessário importas as dependências do Firebase no Flutter da seguinte forma no arquivo `pubspec.yaml`:
|
|
|
|
|
|
|
|
```
|
|
|
|
...
|
|
|
|
29 dependencies:
|
|
|
|
...
|
|
|
|
38 #Firebase
|
|
|
|
39 firebase_storage: ^10.2.9
|
|
|
|
40 firebase_core: ^1.13.1
|
|
|
|
41 firebase_auth: ^3.3.11
|
|
|
|
42 cloud_firestore: ^3.1.10
|
|
|
|
...
|
|
|
|
```
|
|
|
|
|
|
|
|
_Para consulta, clone o projeto, abra o arquivo `pubspec.yaml` e vá até a linha 38 do arquivo._
|
|
|
|
|
|
|
|
### Recipes API
|
|
|
|
|
|
|
|
TBD
|
|
|
|
## Diagrama de Comunicação
|
|
|
|
Abaixo está representado graficamente como funciona a comunicação do front-end (Flutter) com o back-end (Firebase)
|
|
|
|
|
|
|
|
### Diagrama de Deploy
|
|
|
|
|
|
|
|
|
|
|
|
TBD
|
|
|
|
|
|
|
|
## Backend
|
|
|
|
|
|
|
|
<h3 id="back-end-def-tec">Definições de Tecnologias</h3>
|
|
|
|
|
|
|
|
TBD
|
|
|
|
|
|
|
|
<h3 id="back-end-mods-sis">Módulos do Sistema</h3>
|
|
|
|
|
|
|
|
TBD
|
|
|
|
|
|
|
|
### Diagrama de Fluxo
|
|
|
|
|
|
|
|
TBD
|
|
|
|
|
|
|
|
## Frontend
|
|
|
|
|
|
|
|
<h3 id="front-end-def-tec">Definições de Tecnologias</h3>
|
|
|
|
|
|
|
|
TBD
|
|
|
|
|
|
|
|
<h3 id="front-end-mods-sis">Módulos do Sistema</h3>
|
|
|
|
|
|
|
|
TBD
|
|
|
|
|
|
|
|
### Diagramas de Componentes
|
|
|
|
|
|
|
|
TBD
|
|
|
|
|
|
|
|
### Diagrama do Sistema
|
|
|
|
## Diagrama do Sistema
|
|
|
|
|
|
|
|
 |
