fga-eps-mds/2020.1-GaiaDex-wiki

View on GitHub
docs/prototipo/prototipo.md

Summary

Maintainability
Test Coverage
# Documentação do protótipo

| versao |                                             autor                                              |                                      link                                      |                mudanças feitas                 |
| :----: | :--------------------------------------------------------------------------------------------: | :----------------------------------------------------------------------------: | :--------------------------------------------: |
|  0.1   |                     [@guilhermedelyra](https://github.com/guilhermedelyra)                     |                     https://cloud.protopie.io/p/9ab2318f51                     |           adicionando tela de login            |
|  0.2   |                     [@guilhermedelyra](https://github.com/guilhermedelyra)                     |                     https://cloud.protopie.io/p/3d26a66b0c                     |  adicionando tela de cadastro & mudando icone  |
|  0.3   |                     [@guilhermedelyra](https://github.com/guilhermedelyra)                     |             https://builderx.io/app/hlufjlxrbyg44sc0ckgg8gkgs0soo4             | adicionando tela Home & migrando para builderx |
| 0.4.1  | [@guilhermedelyra](https://github.com/guilhermedelyra), [@faco400](https://github.com/faco400) | https://www.figma.com/file/0c2pVNNqCLmdmpmhnuco3Y/card-de-planta?node-id=1%3A2 |           tela Card de Planta, figma           |
| 0.4.2  | [@guilhermedelyra](https://github.com/guilhermedelyra), [@faco400](https://github.com/faco400) | https://www.figma.com/file/0c2pVNNqCLmdmpmhnuco3Y/card-de-planta?node-id=1%3A2 |               tela Jardim, figma               |
|  1.0   | [@guilhermedelyra](https://github.com/guilhermedelyra) | https://www.figma.com/file/aZt1BiKEaVJilKd3aXWRcl/GaiaDex---Revamp?node-id=0%3A1 | adicionando primeira versão estavel |

# Descrição

Nas versões 0.1 e 0.2 foram utilizadas as ferramentas [Adobe XD](https://www.adobe.com/products/xd.html) e [Protopie](https://www.protopie.io);
Na versão 0.3, após outras pesquisas, foi decidido migrar para o [BuilderX](https://builderx.io), que é capaz de converter o protótipo em código React Native.
Na versão 0.4, o BuilderX foi descartado por conta da pouca impractibilidade de se desenvolver o protótipo neste e, também, pela qualidade dúbia de código gerado pelo mesmo.

## 0.1

![img](./../img/prototipo/print4.png)

## 0.2

![img](./../img/prototipo/print5.png)
![img](./../img/prototipo/print3.png)

## 0.3

![img](./../img/prototipo/print2.png)
![img](./../img/prototipo/print1.png)

### Explicando o Header

#### Linha principal

1. **home** -> feed de noticias, incluindo topicos mais comentados nas comunidades e subreddits q vc segue
1. **meu jardim (pote)** -> local p manusear tuas plantas, setar notificaçao nelas etc
1. **procurar (lupa)** -> procurar plantas pelo nome, com alguns cards embaixo ajudando a filtrar categorias por ex
1. **mercado (sacola)** -> local onde vc pode pesquisar produtos organicos, com a facilidade de comprar igual à do ifood por ex (de ja pagar no cartao de credito etc)
1. **menu (sanduiche)** -> coisas da sua conta, gerenciar perfil, seus favoritos, etc

#### Linha secundária

1. **carrinho** = carrinho de compras...
1. **sino** = notificaçoes, seja de threads de topicos q vc ta seguindo, seja de seus posts etc

## 0.4.1

|                opção 1                 |                opção 2                 |                opção 3                 |                opção 4                 |
| :------------------------------------: | :------------------------------------: | :------------------------------------: | :------------------------------------: |
| ![img](./../img/prototipo/figma/1.png) | ![img](./../img/prototipo/figma/2.png) | ![img](./../img/prototipo/figma/3.png) | ![img](./../img/prototipo/figma/4.png) |

## 0.4.2

|                opção 1                 |                opção 2                 |                opção 3                 |                opção 4                 |                opção 5                 |                 opção 6                 |
| :------------------------------------: | :------------------------------------: | :------------------------------------: | :------------------------------------: | :------------------------------------: | :-------------------------------------: |
| ![img](./../img/prototipo/figma/5.png) | ![img](./../img/prototipo/figma/6.png) | ![img](./../img/prototipo/figma/7.png) | ![img](./../img/prototipo/figma/8.png) | ![img](./../img/prototipo/figma/9.png) | ![img](./../img/prototipo/figma/10.png) |

## 1.0

### papel

| img 1 | img 2 | img 3 | img 4 | img 5 | img 6 | img 7 | img 8 | img 9 | img 10 | img 11 |
| :---: | :---: | :---: | :---: | :---: | :---: | :---: | :---: | :---: | :----: | :----: |
| ![img](./imgs/papel/colecao.jpg) | ![img](./imgs/papel/favoritos.jpg) | ![img](./imgs/papel/forum%20especifico.jpg) | ![img](./imgs/papel/forum.jpg) | ![img](./imgs/papel/home.jpg) | ![img](./imgs/papel/jardins.jpg) | ![img](./imgs/papel/minha%20planta.jpg) | ![img](./imgs/papel/perfil.jpg) | ![img](./imgs/papel/post.jpg) | ![img](./imgs/papel/quintal.jpg) | ![img](./imgs/papel/scan.jpg) |

### "wireframe"

![](./imgs/wireframe.jpg)

### prototipo

![](./imgs/prototipo.png)