THALINascimento/SAP009-data-lovers

Data Lovers

Este foi o segundo projetoque desenvolvemos na Laboratória. O objetivo deste projeto é converter dados em informações compreensível para o usuário.

Desenvolvemos uma página contendo informações sobre todos os personagens da saga Harry Potter onde se pode obter informações e curiosidades sobre os personagens. Segundo a Forbes 90% dos dados que existem hoje foram gerados durante os últimos dois anos. A cada dia geramos 2.5 milhões de terabytes de dados, uma cifra sem precedentes. Acesse aqui

Desenvolvemos uma página contendo informações sobre todos os personagens da saga Harry Potter onde se pode obter informações e curiosidades sobre os personagens. Segundo a Forbes 90% dos dados que existem hoje foram gerados durante os últimos dois anos. A cada dia geramos 2.5 milhões de terabytes de dados, uma cifra sem precedentes. acesse aqui

Índice

• 1. Sobre Harry Potter

• 2. Produto

• 3. Protótipo

• 4. Ferramentas Utilizadas

• 5.Testes de Usabilidade

• 6. Check-list

• 7. Autoras

1. Sobre Harry Potter

É uma série que comtém sete aventuras de fantasia e magias escrita pela autora britânica J. K. Rowling.Conta a história e aventuras de um menino de 11 anos que descobre ser um bruxo e é convidado a estudar na escola de magia e bruxaria de Hogwarts. O lançamento do seu primeiro livro foi 26 de junho de 1997, os livros da saga ganharam uma grande popularização mundial, posteriormente tornando a série a best-seller da história, sendo traduzida para 73 idiomas. Os últimos quatro livros consecutivamente foram considerados os mais vendidos da história, sendo que o último livro vendeu cerca de 11 milhões de cópias nos Estados Unidos nas primeiras 24 horas após o seu lançamento.

2. Produto

Desenvolvemos uma página web contendo as histórias de usuário da saga Harry Potter.

• Quem são os usuários? Fãs da saga Harry Potter. Sabemos que a legião de fã da saga de Harry Potter veem de geração a geração. Hoje não só seus fã da época do lançamento dos seus livros, como também novos fãs das gerações atuais se apaixanoram por esse universo.

• O que os usuários precisam? Uma aplicação web onde o usuário possa ter acesso as informações de todos os personagens, fazer pesquisas sobre algum personagem específico e tirar dúvidas sobre a saga, como por exemplo, nome de personagens, a casa em qual estuda em Hogwarts, seus familiares...

• História de usuário?

1. "Sou um grande fã da saga e gostaria de ver todos os personagens que estudam em Hogwarts de determinada casa, gostaria de ver a listagem completa de todos os personagem e fazer ordenamento dos nomes (crescente e descrescente)."
2. "Estou començando a entrar no universo da saga de Harry Potter e gostaria de saber mais sobre os personagens, fazer pesquisas por um determinado personagem específico que vi no livro"

De acordo com a necessidade do usuário, desenvolvemos uma página onde é listado todos os personagens da saga Harry Potter, onde pode ser realizado filtros pelas casas, realizar ordenação de A-Z e de Z-A e também buscar os personagem em um campo de busca. Também colocamos links onde os fãs podem ter acesso a plataforma onde são exibidos os filmes, ter acesso aos jogos e as redes sociais do universo de Harry Potter.

3. Protótipo

• Baixa Fidelidade

No início foi feito um protótipo com papel e lápis.

• Alta Fidelidade

Após o protótipo de baixa fidelidade fizemos o protótipo de alta fidelidade usando o figma, inicialmente era essa nossa idéia de projeto mas ao longo do projeto foram acontecendo várias mudanças.

• Projeto final (WEB)

• Apresentação dos cards na tela

Quando o usuário clica na aba personagens, no campo busca, select e nos botões que fazem a ordem alfabeticamente, são mostrados os card na tela com as informações do personagens.

• Projeto final (MOBILE)

____

4. Ferramentas Ultilizadas

• TRELLO - Utilizamos o trello para o planejamnto das sprints e babys steps que fizemos durante os projetos e também para fazermos as retros semanais para que pudessemos avaliar as sprists realizadas e os pontos de melhoria.
• FIGMA - utilizamos o figma para fazer o protótipo de alta fidelidade.
• VISUAL STUDIO CODE - Usamos este editor de código para implementar o HTML, CSS, JavaScript.
• NODE JS

5. Testes

6. Check-list

• [🪄] Usar VanillaJS.
• [🪄] Passa pelo linter (npm run pretest)
• [🪄] Passa pelos testes (npm test)
• [🪄] Testes unitários cobrem um mínimo de 70% de statements, functions, lines e branches.
• [🪄] Inclui uma definição de produto clara e informativa no README.md.
• [🪄] Inclui histórias de usuário no README.md.
• [🪄] Inclui rascunho da solução (protótipo de baixa fidelidade) no README.md.
• [🪄] UI: Mostra lista/tabela/etc com dados e/ou indicadores.
• [🪄] UI: Permite ordenar dados por um ou mais campos (asc e desc).
• [🪄] UI: Permite filtrar dados com base em uma condição.
• [🪄] UI: É responsivo

7 . Autoras

Erika Soares dos Santos & Thalita Nascimento