Segundo um estudo da IBM, 90% dos dados que existem hoje foram criados durante os últimos dois anos. A cada dia geramos 2,5 trilhões de bytes de dados, uma cifra sem precedentes. Apesar disso, os dados por sozinhos são de pouca utilidade. Para que essas grandes quantidades de dados se convertam em informação fácil de ler para os usuários, temos que entendê-los e processá-los. Uma maneira simples de se fazer isso seria criando interfaces e visualizações. Na seguinte imagem, você pode ver de que forma, com os dados que vemos na parte esquerda, é possível construir uma interface amigável e legível para o usuário.
Você pode ver os detalhes dos dados neste link e a interface construída neste link.
Neste projeto você desenvolverá uma página web para visualizar um conjunto (set) de dados que se adeque ao que seu usuário necessita. Fornecemos a vocês uma série de dados de diferentes temáticas para que explore e decida com o que gostaria de trabalhar. Nós elegemos especificamente estes sets de dados porque acreditamos que se adequem bem a esta etapa de sua aprendizagem. Uma vez definida sua área de interesse, entenda quem é seu usuario e o que ele necessita saber ou ver exatamente; assim já poderá criar uma interface que o ajude a interagir e entender melhor os dados. Estes são os dados que propomos:
- Indicadores de desenvolvimento: Indicadores de desenvolvimento do Banco Mundial de alguns países (Brasil, Chile, México e Peru). Estes dados incluim indicadores demográficos, econômicos e comerciais.
- Pokémon: Neste set você encontrará uma lista com os 151 Pokémons da região de Kanto, junto com suas respectivas estatísticas usadas no jogo Pokémon GO.
- Steam notícias: Lista de notícias relacionadas aos jogos presentes na plataforma Steam.
- League of Legends - Challenger leaderboard: Este set de dados mostra a lista de jogadores em uma liga do jogo League of Legends (LoL). Você pode revisar a documentação de sua API neste link link.
- Pessoas feridas por meios de transporte nos EUA. Este set nos mostra o número de pessoas feridas em acidentes em meios de transporte, com a data anual desde 1960 e categorizada por tipo de transporte (aéreo, barco, automóvel, moto, bicicleta, etc).
Como produto final você terá que criar uma página web que permita visualizar
os dados, filtrá-los, ordená-los e fazer algum cálculo agregado. Como esclarecimento,
ao falar de cálculo agregado, nos referimos a diferentes cálculos que se pode fazer
com os dados e trazer informações ainda mais relevantes para o usuário. Uma opção
seriam cálculos estatísticos com média, mínimo e máximo. Por exepmplo, se temos
uma coleção que representa um grupo de pessoas e cada pessoa está representada
com um objeto com uma propriedade altura, poderíamos calcular a
altura média em um grupo, entre outras coisas.
Esperamos que cada set de dados esteja acompanhado de uma identidade gráfica condizente. Você pode pesquisar na internet para ter referências sobre cada um dos temas e trabalhar em uma identidade para sua página.
O primeiro passo para a definição do usuário - cujas necessidades queremos atender com o nosso produto - foi determinar com qual dos temas propostos na seção "Resumo do Projeto" iríamos trabalhar. Escolhemos o banco de dados do Pokémon e, sendo assim, determinamos que os nossos usuários ideais seriam homens e mulheres de 10 a 25 anos, que jogam os jogos do pokémon (sejam os de gameboy/emulador ou os de celular, como o pokémon go) e que eventualmente necessitem acessar informações básicas sobre pokémons específicos - por exemplo, contra que tipos de pokémons ele é forte ou fraco em batalha - para tomar decisões nos seus jogos.
Determinados os usuários ideais bem como suas necessidades, pensamos num produto para atendê-las: um site com os 151 pokémons de Kanto, disponíveis para o usuário acessar e consultar informações - como qual seu tipo, fraquezas, raridade, peso e altura. A partir desse objetivo, criamos uma primeira versão de interface e logo percebemos os seus problemas: não era simples em termos de navegação, exigindo que o usuário ficasse constantemente rolando o scroll de cima para baixo, para clicar em um pokemon (na parte de baixo da página) e ver suas informações (que apareciam na parte de cima). Essa primeira versão da interface é essa:
A segunda interface criada para esse projeto foi pensada de modo a solucionar o problema descrito acima, que foi encontrado na primeira interface. O painel de pokémons ficaria do lado direito e as informações do pokémon clicado apareceria do lado esquerdo, facilitando a navegação. As informações do pokémon selecionado apareceriam escritas num card em um sistema de galeria em carrossel.
Finalmente, meramente por uma escolha estética, preferimos eliminar a galeria em carrossel e decidimos por exibir os cards de informações de maneira simples (sem galeria) em cima da fotografia do pokémon, que estaria posicionado acima da grama da fotografia do background. Foi criado, então, o protótipo para simulação simples das atividades do usuário no site: https://marvelapp.com/882a1e8. Enviamos os links para alguns amigos que se encaixavam no que pensamos como usuário ideal e vimos que o protótipo desenvolvido estava funcionando de acordo com as nossas expectativas. Poucas alterações foram feitas no protótipo, apenas algumas mudanças estéticas foram ocorrendo paralelamente ao desenvolvimento do código.
A implementação começou paralelamente à criação do protótipo e buscou atender a todos os objetivos previstos na apresentação do projeto - com exceção à parte do hacker edition.