Sign upLogin

fga-eps-mds/2020.1-GaiaDex-wiki

View on GitHub
Star
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)