DATA LOVERS

Sobre o projeto

O projeto foi realizado em dupla, tendo como objetivo trabalhar a manipulação de dados, através de um arquivo de dados pré-determinado. A página da web, deve permitir que o usuário visualize informações dos Pokémons da primeira geração, de acordo com a sua busca, sendo por ordenação de A-Z / Z-A, filtrando por tipo, ou pesquisando pelo nome do Pokémon.

Definição do produto

Aplicação web onde o usuário poderá obter informações que possibilitem a tomada de decisão sobre qual pokemon utilizar em uma determinada jogada, como a escolha do tipo certo para enfrentar um líder de ginásio, por exemplo, ao pesquisar quais são as suas fraquezas.

Acesse pelo site:

https://renataalmeids.github.io/SAP004-data-lovers/ ou clique aqui

Personas

Samuel Caetano: 37 anos, casado, jogador incansável de Pokémon. No jogo seu objetivo é jogar apenas com os melhores jogadores para conquistar ginásios

Gustavo Cesar: 18 anos, estudante, jogador ativo de Pokémon. No jogo seu objetivo é alcançar a evolução dos Pokémons de forma rápida, sem que a necessidade de doces seja a única forma de alcançar essa evolução.

Histórias de usuário

• 1.Visualizar Pokémons na tela
• 2.Criar botão para ordenar de A-Z / Z-A
• 3.Criar filtro de busca por nome
• 4.Adicionar filtro de busca por Tipo
• 5.Ao fazer a busca por tipo o usuário obtém informação da porcentagem do tipo selecionado na tela.

Protótipo

Fizemos um esboço de como seria o site e a disposição das informações na aplicação web após descrição das necessidades das personas e também a partir das histórias de usuário.

O protótipo solicitado foi de baixa qualidade como mostra nas imagens a seguir:

Também realizamos testes de desenho de baixa fidelidade através do aplicativo Marvel

Funcionalidades da aplicação

A página permite que o usuário faça a busca por ordenação de A-Z ou Z-A, filtrando por tipo, ou pesquisando pelo nome do Pokémon. Na pesquisa por tipo também é possível ter acesso a informações de cálculo.

Testes de Usabilidade

Foi identificado que ao ser selecionado qualquer botão as informações de estatísticas continuavam a apresentar para o usuário, então incluímos nas funções mais uma linha de código para que a informação da porcentagem apareça apenas no momento que o botão do tipo for selecionado.

Ferramentas Utilizadas:

• Vanilla JavaScript
• HTML
• CSS
• GIT
• GitHub
• Visual Studio Code
• Jest