twittered now!

http://twitter.com/filipecalegario

for those who don’t know the idea behind it:

Infographics Examples – Inspiration

I am posting those pictures to keep them here and serve as inspiration for my future projects in Information Visualization.

For further information:

http://marx-blog.de/2009/05/social-media-infografiken/

http://www.visions.com.ua/70-prekrasnyx-primerov-infografiki/

Visualizing emails as animals

After writing some code in Processing, watching these two TED talks of Hans Rosling (2006, 2007) and reading some books in area (Visualizing Data by Ben Fry), I got quite interested in Information Visualization, Scientific Visualization, Visual Analytics, in sum, techniques for visualizing data and information in a way we can better understand their meaning. Further on, I’ve found two great blogs related to the subject:

http://infosthetics.com

http://visualcomplexity.com

Searching on the archived posts of infosthetics.com, I discovered one which really fascinated me because of the creativity, the paradigm changing and the fusion of different areas. We are quite used to reading email inbox, processing the queue, moving to folders or tagging, deleting, etc. The visualization is based on lists and it is the same for all email boxes. What if we merged the biological chaotic world of microorganisms to this static listed world of mail boxes?

It was the idea of the Anymails project done as a MFA thesis of Carolin Horn. Look at the project description written by her own:

Anymails is a visualization of my received emails.
I have investigated how I can use natural metaphors to visualize my inbox, its structure and attributes. The metaphor of microbes is used. My objective is to offer the user another experience of his email world.

The project was developed during the MFA thesis “Natural Metaphor For Information Visualization” (thesis.zip, PDF, 7mb) at the Dynamic Media Intitute Boston in 2007.

Just to make this post colorful, here are some images related to Anymails project.

.

Lanterna de LEDs infravermelhos

Quando estamos falando de superfícies multitoque, dentre várias técnicas de captação da posição dos dedos, temos o uso de placas de acrílico iluminadas com luz infravermelha. No que diz respeito a iluminação desta placa, existem duas formas mais populares: FTIR (Frustrated Total Internal Reflection) e DI (Diffuse Illumination).

Na primeira técnica, os LEDs infravermelhos iluminam a lateral do acrílico e quando o dedo é posicionado na sua superfície, ele frustra a luz que seria totalmente refletida fazendo com que a ponta do dedo se torne iluminada e isto permite que a imagem seja processada pelo programa de identificação de blobs com a câmera IR.

Frustrated Total Internal Reflection

Na segunda técnica de iluminação, uma fonte de raios infravermelhos (uma lanterna de leds infravemelhos) é direcionada para a superfície inferior do acrílico e quando o dedo é posicionado reflete parte da luz que incide sobre ele e assim identifica-se um blob na imagem.

Diffuse Illumination

Inspirado pela segunda técnica, construí essa lanterna de LEDs infravermelhos com a base de uma antiga webcam e ajeitando os componentes como descrito no esquemático abaixo. Foi minha primeira experiência com placas padrão e confesso que as soldas ficaram nojentas (não foi por nada que eu cobri parte do fundo com fita isolante ahuahuahuah).

Objetivo: testar o reacTIVision numa superfície transparente para poder chegar pelo menos perto de um dos projetos mais fodas que eu já vi: reactable.

FTIR

Diffuse Illumination

Feito no MultiSIM 9

Coisa linda, mãe! ahuahau

Eita soldagem nojenta!

Com a câmera infravermelho

Ae, peopleware!

OfiCIna: Construindo sua própria mesa multitoque

OfiCIna no CIn

Maiores informações no site do PET (Programa de Educação Tutorial) – Informática.

M.E.S.A.

Multitotxi Entxertxeimenti Sarfeice Aplicaxôns

by: aninha, calegario (eu =D), jera e djísus, todos envolvidos na construção dessa estrutura da M.E.S.A. e a galera do grupo de jogos (aninha e jera [de novo!], baiano, rafael e alhana) que tão desenvolvendo os jogos para rodar nessa plataforma.

Mais detalhes em breve!

Falou!

Prototipando com tubos de PVC

Demanda: construir a estrutura para nossa mesa multitoque cuja parte superior fosse retrátil para focarmos a imagem do projetor com perfeição e que tivesse uma forma de posicionar o espelho que direciona a projeção para o acrílico.

Projeto: usando o Google SketchUp pela primeira vez, saiu esse esboço meio tosco.

Futura estrutura de canos de PVC

Materiais: na casa de material de construção consegui os tubos e conexões de PVC que iria precisar. Confesso que na hora fiquei confuso com a não existência de uma conexão que fosse os três eixos perpediculares. Mas nada que uma adaptação não fosse possível! =D

Construção: nada melhor que trabalhar em grupo, discutir as idéias toscas, começar a marcar, cortar, lixar, montar. Eu, Jesus, Aninha e Jera com a participação do grande Jorge, Carlos e Hilda, funcionários do CIn! Trabalhando e discutindo loucamente lá perto da Oficina do CIn.

Resultado: depois de uns ajustes e umas modificações.

Estrutura da mesa

Abaixo as fotos da jornada! E já já um post sobre o projeto M.E.S.A. – Multitotxi Entxertxeimenti Sarfeice Aplicaxôns, que é essa mesa multitoque que vocês tão vendo aí em cima!

Futura estrutura de canos de PVC

Esta é a parte de baixo

Aí é onde o acrílico será apoiado

Legenda

Cortando

Planejando

Conexões de PVC

Medindo e cortando

Mais cortes

Parte de cima

Grande Jorge dando aquela força

Estrutura da mesa

Falou, peopleware!

Caneta de LED Infravermelho: Esquemático

Para os que se interessaram em montar a caneta, abaixo segue o esquema do complexo circuito montado! =D

Esquema simples

Falou!

Arduino: teste #2

Segundo teste com o Arduino: joystick + caixa de som.

Abaixo o programa que roda no Arduino.

int speakerOut = 8;
// pino de saida do alto-falante
int analogInput_1 = 3;
// pino de entrada do potenciometro 1 (P1)
int analogInput_2 = 5;
// pino de entrada do potenciometro 2 (P2)
int value_1 = 0;
// valor lido do P1
int value_2 = 0;
// valor lido do P2
int mapped_1 = 0;
// valor mapeado do P1
int mapped_2 = 0;
// valor mapeado do P2

void setup() {
pinMode(speakerOut, OUTPUT);
// setando o pino 8 como saida
pinMode(analogInput_1, INPUT);
// setando o pino 3 como entrada
pinMode(analogInput_2, INPUT);
// setando o pino 5 como entrada
}

void loop() {
// loop principal
value_1 = analogRead(analogInput_1);
// leitura do valor de P1
value_2 = analogRead(analogInput_2);
// leitura do valor de P1
digitalWrite(speakerOut, LOW);
// não manda sinal para o speaker
mapped_1 = map(value_1, 0, 1023, 1000000/261.63, 1000000/523.25);
// detalhes abaixo
mapped_2 = map(value_2, 0, 1023, 1000000/261.63, 1000000/523.25);
// detalhes abaixo
period = (mapped_1 + mapped_2)/2;
// faz apenas a média dos dois valores (escolha aleatória minha)
digitalWrite(speakerOut, HIGH);
// liga a caixa durante o period
delayMicroseconds(period);
digitalWrite(speakerOut, LOW);
// desliga a caixa durante o period
delayMicroseconds(period);
}

Os valores 1000000/ 261.63 e 1000000/523.25 representam o período em microsegundos das notas C4 (Dó 4) e C5 (Dó 5) na escala de notas. O C4 é considerado o Dó do meio. Para maiores informações, veja a lista das frequências das notas musicais.

Falou, peopleware!

Canetas de LED Infravermelho

Não é por nada que o vídeo de Johnny Chung Lee tá na categoria de “Rated most jaw-dropping” lá no TED.com. O cara botou muito quente em superutilizar um “mero” (há! de mero não tem nada) controle de Nintendo Wii para fazer uma coisa totalmente diferente do propósito do joystick. Seguindo os passos do nosso mestre inspirador, construí essas canetinhas cuja ponta é um LED infravermelho.

Grande e desconfortável

Pesadinha ainda, viu…

Beirando a profissionalidade

A evolução é uma coisa linda!