|
|
|
| [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) |