Home	Escopo	Processo	Mockups	Configuração	Arquitetura	Gerência	Código	BD	Qualidade	Utilização

Diagrama de arquitetura

Diagrama de Componentes Frontend

Na aplicação possuímos 3 divisões de componentes e fluxos de usuário, os fluxos admin e school servem para gerenciamento e são implementados componentes que sigam o modelo desktop, já o fluxo reader é para alunos dessas escolas, seus componentes e telas seguem o modelo mobile.

• Controller: Onde ficam as ações complexas dos componentes de cada usuário como as funções, exemplo o componente bookReader do fluxo aluno.
• Components: Estruturas que são necessárias para implementar outras estruturas, exemplo seriam headers e footers.
• Commons:Componentes comuns que são usados em toda aplicação, independente do fluxo de usuário eles podem ser reutilizados.
• Pages: Onde juntamos todas as estruturas de componentes e montamos a página de cada fluxo de usuário.

Fluxograma Backend

Módulos do Sistema

• controller: é o ponto de entrada do backend, onde ficam definidos os endpoints da aplicação, ou seja, os caminhos após o endereço do servidor como /user e qual o tipo de chamada o endereço irá receber GET, POST, PUT ou DELETE.
• documentation: possui a lista das chamadas de endpoint e funciona como uma ferramenta para testes.
• models: A camada de models define as entidades da aplicação, suas relações e regras de validação, permitindo que a camada repositories nteraja facilmente com o banco de dados.
• repository: centraliza toda a comunicação com o banco de dados, passando os parâmetros adequados para as funções desejadas.
• service: centraliza todas as nossas regras de negócio, utilizando o models para fornecer os dados do banco e realizar as validações.