Skip to content

GitLab

  • Menu
Projects Groups Snippets
    • Loading...
  • Help
    • Help
    • Support
    • Community forum
    • Submit feedback
    • Contribute to GitLab
  • Sign in
  • olive-wiki olive-wiki
  • Project information
    • Project information
    • Activity
    • Labels
    • Planning hierarchy
    • Members
  • Repository
    • Repository
    • Files
    • Commits
    • Branches
    • Tags
    • Contributors
    • Graph
    • Compare
  • Issues 0
    • Issues 0
    • List
    • Boards
    • Service Desk
    • Milestones
  • Merge requests 0
    • Merge requests 0
  • CI/CD
    • CI/CD
    • Pipelines
    • Jobs
    • Schedules
  • Deployments
    • Deployments
    • Environments
    • Releases
  • Monitor
    • Monitor
    • Incidents
  • Analytics
    • Analytics
    • Value stream
    • CI/CD
    • Repository
  • Wiki
    • Wiki
  • Snippets
    • Snippets
  • Activity
  • Graph
  • Create a new issue
  • Jobs
  • Commits
  • Issue Boards
Collapse sidebar
  • Olive
  • olive-wikiolive-wiki
  • Wiki
  • arquitetura

Last edited by joaofleao Jun 25, 2021
Page history
This is an old version of this page. You can view the most recent version or browse the history.

arquitetura

Home Escopo Cronograma Design Configuração Arquitetura Código Banco de Dados Qualidade Instalação

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
    • Descrição
    • Diagrama de Deploy
  • Backend
    • Definições de Tecnologias
    • Módulos do Sistema
    • Diagrama do Sistema
    • Diagramas de Sequência
  • Frontend
    • Definições de Tecnologias
    • Módulos do Sistema
    • Diagrama do Sistema
    • Diagramas de Fluxo de Telas

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

Frontend

Definições de Tecnologias

Escolhas:

  • 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.

React.js é uma biblioteca de JavaScript, open source, utilizada para construir user interfaces, nomeadas para aplicações de página única.

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

Clone repository
  • arquitetura
  • aws
  • banco_dados
  • codigo
  • configuracao
  • design
  • docker
  • escopo
  • gestao conhecimento
  • gitlab runner
  • Home
  • instrucoes
  • processo
  • qualidade
  • utilizacao