... | @@ -28,17 +28,28 @@ Esta seção irá abordar a arquitetura selecionada para o Backend e Frontend, a |
... | @@ -28,17 +28,28 @@ Esta seção irá abordar a arquitetura selecionada para o Backend e Frontend, a |
|
|
|
|
|
## Arquitetura Geral da Aplicação
|
|
## Arquitetura Geral da Aplicação
|
|
|
|
|
|
TBD
|
|
O projeto é dividido em 3 partes. Uma aplicação mobile a qual é proporcionada para o usuário, uma aplicação web para o administrador do sistema e uma aplicação no firebase aonde encontramos nosso banco de dados e Api's.
|
|
|
|
Para o console de administrador e aplicação mobile foram usados o modelo arquitetural MVC, abreviatura de Model View Controller, onde:
|
|
|
|
|
|
## Deploy
|
|
1. Model - É considerado o nível mais baixo quando comparado com a Visualização e o Controlador. Ele representa principalmente os dados para o usuário e define o armazenamento de todos os objetos de dados do aplicativo.
|
|
|
|
2. View - este nível está principalmente associado à Interface do usuário (IU) e é usado para fornecer a representação visual do modelo MVC. Em termos mais simples, este nível lida com a exibição da saída real para o usuário. Ele também lida com a comunicação entre o usuário (entradas, solicitações, etc.) e o controlador.
|
|
|
|
3. Controller - este nível cuida do manipulador de solicitações . Muitas vezes, é considerado o cérebro do sistema MVC - um elo, por assim dizer, entre o usuário e o sistema. O controlador completa o ciclo de obter a saída do usuário, convertendo-a nas mensagens desejadas e passando-as para as visualizações (UI).
|
|
|
|
|
|
### Recipes API
|
|
Um diagrama que mostra a integração entre os módulos está abaixo:
|
|
|
|
|
|
TBD
|
|
<img src="https://tools.ages.pucrs.br/adapp/adapp-wiki/blob/master/Diagramas/Diagrama%20MVC.png" alt="mvc" />
|
|
|
|
|
|
|
|
## Deploy
|
|
|
|
|
|
### Diagrama de Deploy
|
|
### Diagrama de Deploy
|
|
|
|
|
|
<img src="https://tools.ages.pucrs.br/adapp/adapp-wiki/raw/master/Diagramas/Deployment%20Diagram0.png" alt="DeployDiagram"/>
|
|
O projeto possui dois ambientes de depoly diferentes. Ambos diagramas seguem abaixo:
|
|
|
|
|
|
|
|
#### Mobile
|
|
|
|
<img src="https://tools.ages.pucrs.br/adapp/adapp-wiki/raw/master/Diagramas/Deployment%20Diagram0.png" alt="DeployDiagram" />
|
|
|
|
|
|
|
|
#### Admin
|
|
|
|
<img src="https://tools.ages.pucrs.br/adapp/adapp-wiki/blob/master/Diagramas/Diagrama%20de%20Deploy%20admin.png" alt="DeployDiagram" />
|
|
|
|
|
|
## Backend
|
|
## Backend
|
|
|
|
|
... | @@ -52,6 +63,7 @@ TBD |
... | @@ -52,6 +63,7 @@ TBD |
|
TBD
|
|
TBD
|
|
|
|
|
|
### Diagrama de Fluxo
|
|
### Diagrama de Fluxo
|
|
|
|
<img src="https://tools.ages.pucrs.br/adapp/adapp-wiki/blob/master/Diagramas/Diagrama%20de%20fluxo.png" />
|
|
|
|
|
|
TBD
|
|
TBD
|
|
|
|
|
... | @@ -71,10 +83,8 @@ Web Admin: |
... | @@ -71,10 +83,8 @@ Web Admin: |
|
|
|
|
|
TBD
|
|
TBD
|
|
|
|
|
|
### Diagramas de Componentes
|
|
### Diagrama de Componentes
|
|
|
|
O Diagrama de componentes tem como objetivo apresentar uma ideia geral da estruturação dos componentes macro da aplicação - no caso, as telas do sistema -, mostrando como estão dispostos e com quais outros componentes interagem.
|
|
|
|
|
|
TBD
|
|
<img src="https://tools.ages.pucrs.br/adapp/adapp-wiki/blob/master/Diagramas/Diagrama%20de%20Componentes.png" alt="componentes"/>
|
|
|
|
|
|
### Diagrama do Sistema
|
|
|
|
|
|
|
|
TBD |
|
|