Pular para o conteúdo principal

Tarefa Número 17 - Design da Informação

Nessa tarefa, devo avaliar criticamente os aspectos visuais e interativos de um dos exemplos no site: https://informationisbeautiful.net/

"The Drake Equation" é uma equação probabilística usado para estimar o número de civilizações extraterrestre ativas em nossa Via Láctea com as quais poderíamos ter chance de estabelecer algum tipo de comunicação. Foi formulada por Frank Drake a fim de estimular um diálogo sobre a procura de vida inteligente extraterrestre, porém a equação é controversa pois vários de seus fatores são desconhecidos, além da vasta gama de valores abrangidos.


Em relação aos aspectos visuais e interativos da aplicação no site, foi muito bem feita e utilizada, pois conseguiu condensar várias informações de uma equação enorme (exemplo acima) em algo interativo, que o usuário consegue manipular e obter resultados de acordo com as variáveis estabelecidas. 
Além disso, ele faz uso das cores secundárias para criação de sua paleta de cores, para ficar agradável e coerente com o design. Ainda mais, faz uso de formas triangulares para representar cada variável da equação e no final, quando elas são estabelecidas pelo usuário, gera o resultado possível. A interação ainda trabalha com valores pré-estabelecidos que o usuário pode definir para ter uma base, que podem ser acessados acima dos triângulos nas barras de possibilidades.
No geral os aspectos visuais e interativos são todos bem trabalhados e definidos, onde se tem uma organização visual e cromática harmoniosa. Além disso, a interação do site é bem desenvolvida e consegue entregar tudo que é estabelecido, desenvolvendo uma aplicação interativa muito bem finalizada. 

Postagens mais visitadas deste blog

Tarefa - Revisão

Para fazer a revisão, fiz a posição X e Y do velocímetro baseado nos códigos de coordenadas polares. Utilizei a função mousePressed para quando for pressionado acrescenta valor a uma variável que aumenta constantemente a medida que o botão é pressionado. Se o botão for solto a variável é tornada negativa, fazendo com que o ponteiro decline e vai voltando para posição anterior. Para limitar o movimento do ponteiro, indiquei as demarcações como início e final do velocímetro. Além disso, utilizei a função map(), que me retornava um valor correspondente a saturação, assim eu tinha o controle das cores. E para modificar as cores dos detalhes, utilizei o ScanLine, onde acrescentava a saturação na função map(). E, para finalizar, fiz um gráfico de linhas que se move a medida que o mouse é pressionado, fazendo com que tenha interação direta com o velocímetro.                                     ...

Tarefa Número 15 - Olho

Com base na trigonometria, explicar a criação de uma aplicação que move um olho. Para começar, criei duas ellipse() para representar o globo ocular. Depois defini as posições X e Y no centro da tela, mas como a ellipse menor se movimentará, incrementei nesses parâmetros as coordenadas polares. Ou seja o uso da tan e atan , funções no processing, que faz com que eu consigo movimento. Assim, a íris vai se mover e alterar seus valores de X e Y a partir da posição do mouse. Além disso, para a ellipse maior não sair de dentro da menor, criei uma condição para limitar o raio de movimento. Veja o exemplo:                                                 Link para o código

Tarefa Número 19 - Moda e Mediana

Em sala foi desenvolvido uma aplicação para tirar pessoas das fotos. Isso foi feito através da média, moda e mediana. Porém, na média as fotos ficaram com "sombra" das pessoas, e na moda apareciam pixels pretos pois, a moda matematicamente é o número que mais se repete e como algumas fotos existem muitas variações, não teria esse número.  A solução para esse problema, foi no próprio código que desenvolvemos em sala, criar uma variável para fazer o teste de pixel. Se existir a moda, ou seja não houver uma variação grande, e o número de pixels for identificado, utiliza-se a moda. Do contrário utiliza-se a Mediana. Resolvendo assim o problema da aplicação de pixels pretos.                                          Link para o código/fotos