Skip to content

GitLab

  • Menu
Projects Groups Snippets
    • Loading...
  • Help
    • Help
    • Support
    • Community forum
    • Submit feedback
    • Contribute to GitLab
  • Sign in
  • B Break The Chains 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
  • Break The Chains
  • Break The Chains Wiki
  • Wiki
  • Configuracao

Configuracao · Changes

Page history
Update Configuracao authored Nov 05, 2021 by Gustavo Pereira De Melo's avatar Gustavo Pereira De Melo
Hide whitespace changes
Inline Side-by-side
Configuracao.md 0 → 100644
View page @ 81777652
| [Home](home) | [Escopo e Cronograma](escopo) | [Gerenciamento do Projeto](Gerênciamento-do-Projeto) | [Processo](processo) | [Design/Mockups](design_mockups) | [**Configuração**](configuracao) | [Arquitetura](arquitetura) | [Código](codigo) | [BD](banco_dados) | [Qualidade](qualidade) | [Utilização](utilizacao) |
| :----------: | :---------------------------: | :------------------: | :--------------: | :--------------------------: | :----------------------------: | :--------------: | :---------------: | :--------------------: | :----------------------: | :----------------------: |
# Configurações do Projeto
## Descrição
Esta seção apresentará todas as configurações para executar o projeto.
## Sumário
- [Configurações Gerais](#configurações-gerais)
- [Instalando o Node](#instalando-o-node)
- [Configurando sua IDE](#configurando-a-ide)
- [Clonando os Repositórios](#clonando-os-repositórios)
- [Backend](#backend)
- [Configurando a Máquina](#configurando-a-máquina)
- [Compilando](#compilando)
- [Executando](#executando)
- [Frontend](#frontend)
- [Instalando o sdk do flutter](#instalação-do-sdk-do-flutter)
- [Instalando e configurando o android studio](#instalação-e-configuração-do-android-studio)
- [Instalando o emulador android](#instalação-do-emulador-android)
## Configurações Gerais
Aqui serão encontradas as instruções de configuração de ambos ambientes de desenvolvimento.
## Instalando o Node
### Windows
Primeiramente será necessário realizar o Download da versão TLS do NodeJS em sua página oficial https://nodejs.org/
Após realizado o download, basta executar o instalador e seguir os passos de instalação
![image](https://tools.ages.pucrs.br/break-the-chains/break-the-chains-wiki/raw/master/imagens/nodesetup1.png)
*Devemos verificar se as opções Node.js runtime, npm package manager e Add to PATH estejam selecionadas.
Na próxima tela, o instalador vai perguntar se você gostaria de instalar outras ferramentas. Selecione a opção que vai instalar automaticamente essas ferramentas. É importante selecionar essa opção porque alguns pacotes do npm não conseguem rodar nativamente no Windows. Essas ferramentas vão cuidar da compatibilidade.
![image](https://tools.ages.pucrs.br/break-the-chains/break-the-chains-wiki/raw/master/imagens/nodesetup2.png)
Feito isso você terá a versão TLS do NodeJS instalado.
### Linux
A instalação do NodeJS no ambiente Linux é uma tarefa mais simples comparada ao Windows, nesse exemplo foi utilizada uma Distro Ubuntu(20.10).
Para realizar a instalação, iremos utilizar o gerenciador de pacotes "apt", primeiramente é recomendado realizar a atualização do repositórios locais.
![image](https://tools.ages.pucrs.br/break-the-chains/break-the-chains-wiki/raw/master/imagens/update.png)
Agora você poderá prosseguir com a instalação do NodeJS.
![image](https://tools.ages.pucrs.br/break-the-chains/break-the-chains-wiki/raw/master/imagens/installNode.png)
Feito isso você terá a versão TLS do NodeJS instalado.
#### Verificação
Para verificar se o NodeJS foi instalado corretamente você poderá abrir um terminal(Linux)/PowerShell(Windows) e rodar o comando node --version e npm --version.
![image](https://tools.ages.pucrs.br/break-the-chains/break-the-chains-wiki/raw/master/imagens/nodeVersion.png)
### Configurando a IDE
TBD
### Clonando os Repositórios
TBD
## Backend
### Configurando a Máquina
TBD
### Compilando
TBD
### Executando
TBD
## Frontend
Nesse tópico contém um tutorial para instalar o flutter e configurar o android studio corretamente para que seja possível trabalhar no front-end do projeto. O tópico será dividido em 3 seções: Instalação do SDK do flutter, Instalação e configuração do android studio e importando o projeto e o rodando no emulador:
### Instalação do SDK do flutter
1. Vá até o link https://flutter.dev/docs/get-started/install/windows e faça download do zip contendo o sdk do flutter clicando no seguinte botão:
![image](uploads/1f5116869f5576748391cdeef7e6d729/image.png)
2. Após realizar o donwload do arquivo, o extraia para o seu disco C, em um diretorio livre de restrições de acesso (indico criar um diretorio src no disco C e extrair os arquivos nele).
3. Agora iremos realizar a configuração da variavel de ambiente, para isso vá ate as propriedades do sistema, aba avançado e clique em variaveis de ambiente conforme a imagem a seguir:
![image](uploads/87015831d39244223375f81490b8399d/image.png)
4. Localize a variavel path e clique em editar, na janela que foi aberta clique em novo para adicionar um novo caminho, nesse novo caminho, digite o caminho para a pasta bin onde seu arquivo foi extraido, como mostra a imagem a seguir:
![image](uploads/9c555df05b6b5a6629922a78553f78fa/image.png)
5. De o ok e salve as alterações. Seguindo esses passos o sdk do flutter deverá estar instalado em sua máquina e pronto para ser utilizado por fontes externas. Você pode verificar se o processo ocorreu corretamente abrindo o cmd e rodando o comando flutter --version, deverá retornar o seguinte:
![image](uploads/a349293f4a4237c5b6deab783c032862/image.png)
### Instalação e configuração do android studio:
1. Vá até o link: https://developer.android.com/studio e faça o download e instalação padrão do android studio.
2. Após o fim da instalção abra o android studio e em sua tela inicial clique em configure e selecione settings conforme a imagem a seguir:
![image](uploads/7a919970aa830466efb0a85d15390656/image.png)
3. Já na tela de settings vá até a aba de plugins e pesquise por flutter e instale a opção a seguir:
![image](uploads/7d92979ab64a9adee9f13b626cc4e5c0/image.png)
Ao final da instalação do plugin o android studio estará pronto para ser utilizado.
### Instalação do emulador Android:
1. No android studio, clique no menu "Tools > AVD Manager":
![image](uploads/348cb9438540d7ece5b9b6ea42b4f4a5/image.png)
2. Uma janela com a lista de emuladores irá abrir. Clique em "Create new virtual device".
3. Selecione o dispositivo que deseja emular (exemplo Nexus 6) e clique em next:
![image](uploads/297c19a5256052389fa40c63b66752bc/image.png)
4. Selecione o sistema operacional do dispositivo (exemplo API 27 android 8.1) e clique em next:
![image](uploads/6dde3cff1a0d12959ac0286f107f3da3/image.png)
* Caso seja a primeira vez que você vai utilizar o sistema operacional, irá primeiro ter que clicar em "Download" e esperar alguns minutos até o download ser concluido.
5. Edite o nome do dispositivo usando o campo AVD Name (caso desejar). No dropdown "Graphics" selecione a opção Hardware - desta forma, o emulador irá inicializar mais rapidamente
![image](uploads/cd42c37806957902925e54a3a5bf1346/image.png)
6. Clique em finish, o dispositivo deve estar listado na tela inicial do AVD
![image](uploads/eebdc0520f35d4591a26f32ef044bd6e/image.png)
7. Clique no botão de play para iniciar o emulador!
![image](uploads/61622b637e145741dab96f82bc60d702/image.png)
8. Agora basta clicar em run e o programa irá executar no emulador:
![image](uploads/6771d51e34b40ff9cc81a2039db87c86/image.png)
Clone repository
  • Configuracao
  • Código
  • Gerênciamento do Projeto
  • Utilizando a wiki
    • adicionando imagens
    • escrevendo em markdown
    • wiki no editor de texto
  • arquitetura
  • banco_dados
  • codigo
  • design_mockups
  • escopo
  • Home
  • instrucoes
  • processo
  • qualidade
View All Pages