Fala galera theSpoke,

Atendendo a pedidos, finalmente aqui o post explicando um pouco sobre os nossos projetos da Imagine Cup 2006 Índia, campeões da categoria Interface Designer, o TransplantAction (principal) e o CritiCare (24h).

<AVISO! Este post tem muitas imagens, e pode demorar um pouco para carregar>

Primeiro de tudo, apresentando o time... Nós somos o time Virtual Dreams, e essa é a nossa segunda Imagine Cup.


(O time: Eduardo e eu, Roberto, no Taj Mahal)

Vamos começar pelo projeto principal.
Nosso projeto é o TransplantAction, um sistema que facilita e agiliza os transplantes de órgãos, promovendo uma conexão mais direta entre o doador e o receptor. Os usuários principais do programa seriam os médicos e clínicas de transplantes, de maneira que o sistema ficaria seguro. Ele foi desenvolvido usando o WPF e o Expression Interactive Designer, com recursos de reconhecimento de voz e 3D. O nosso objetivo foi fazer a interface o mais intuitiva, rápida e agradável quanto possível, para salvar o máximo de vidas. Vamos agora fazer um rápido tour pelo sistema....


Essa é a tela de login, que aparece quando o programa abre. Para logar você pode digitar o nome e a senha, ou simplesmente falar seu nome.


Enquanto o usuário está logando, esta tela mostra um logo 3D girando, acompanhado de um som agradável, como uma forma de manter o usuário atento e "agradecer pela paciência".


Esta é a tela Transplant Status, onde o usuário pode ver todos os transplantes que estão acontecendo agora. Se ele quiser mais informações sobre um transplante em particular, ele pode dar um duplo-clique em uma linha da tabela (ou falar "select") e uma caixinha se abre em 3D com mais informações e um mapa:


Se quiser mais informações ainda, é só clicar no botão "More Info" ou falar "more" que...


A caixinha gira no espaço, revelando o verso, que tem dados sobre o doador, receptor e porcentagem do transplante concluído, com o tempo estimado para acabar o processo. Você pode fechar clicando no X vermelho ou falando "close".
Para ir para outra tela, é só clicar no menu superior ou falar a palavra em negrito. Vamos agora para a tela de registro de órgaos, clicando ou falando "registration".


Esta é a tela Organ Registration. Nesta tela, o usuário pode registrar os órgãos de um doador falecido. Você pode preencher os campos com a voz (inclusive checkboxes, comboboxes, sliders e afins), e o corpo do lado direito mostra os órgãos marcados em tempo real, para dar feedback para o usuário.
Você pode confirmar falando "OK". Para requerer um órgão, você deve ir na tela Organ Request.


Esta é a tela Organ Request. Ela funciona de maneira parecida com a do Registration, mas com perguntas relevantes ao receptor. De novo, você pode fazer tudo com a voz.

Este foi o nosso projeto principal, TransplantAction. Claro que eu só dei uma pincelada na interface, com alguns screenshots. Se alguém quiser saber mais detalhes, mande um email para robertos (arroba) gmail (ponto) com.

Agora vamos à maratona 24 horas. Esse dia foi muito cansativo, quase perdemos a hora (obrigado Guilherme!) mas deu tudo certo.



O tema proposto para o desafio 24h foi "Desenvolver uma interface de um programa que auxilie profissionais de saúde em um procedimento que salva vidas". O nosso projeto  foi o CritiCare. Este sistema foi projetado para ser usado em ambulâncias, preferencialmente com tablet-PC ou touchscreen. A idéia é a seguinte: enquanto os paramédicos cuidam do paciente, um assistente vai enviando dados sobre partes do corpo danificadas, junto com fotos, para o hospital, de maneira que este já vai se preparando para os procedimentos necessários. Ele foi feito em 24 horas, mesmo! Nós usamos WPF, EID, 3D e reconhecimento de voz, novamente.
Vamos dar uma olhadinha no CritiCare...


Esta é a tela inicial do sistema. Aqui, o usuário entra com as informações disponíveis sobre o paciente e pode tirar uma foto geral da situação. De novo, ele pode preencher tudo com a voz, tendo assim as mãos livres para qualquer operação. Falando ou clicando em "Confirm", você vê essa tela:


Você deve estar se perguntando: o que é isso? Eu explico. Nós tínhamos que fazer um sistema no qual fosse fácil e rápido chegar em uma parte do corpo para escrever os dados. Logo, pensamos numa treeview (estrutura de árvore). Mas a interface precisava ser acessível com toques rápidos ou voz. Por isso, nós desenvolvemos uma treeview em 3D! Ela funciona assim: quando você clica num elemento, ele "lança" seus filhos (children) para a frente e vai para o fundo da tela, de maneira que os botões ficam mais acessíveis e fáceis de enxergar, além de maiores, tudo isso sem perder as vantagens da treeview. Como uma imagem vale mais que 1000 palavras...


Daí o procedimento se repete com as categorias children, até que o usuário chegue no órgao desejado. Vamos por exemplo ir até "Brain" (cérebro). Começamos pelo "Head" (cabeça)...


E depois clicamos em (ou falamos) "Brain". Uma janelinha abre, com campos os quais o usuário preenche com informações sobre o órgão.


Se o paramédico tirar uma foto agora, ela será enviada junto com os dados, direto para o hospital, quando ele clicar em "Send" (ou falar...).

Se o usuário se perder na treeview, ele pode sempre consultar uma versão 2D que nós chamamos de "mapa". Para isso é só clicar na bolinha no canto superior direito (ou falar "map") que o mapa se abre.


Este mapa se move em tempo real, junto com os ítens da treeview, de maneira que você nunca se perde no sistema.

Bom, esses foram os nossos projetos da Imagine Cup 2006! Espero que vocês tenham gostado!

Se você se interessou pela categoria e quer participar do IC'07 como Interface Designer, fale comigo! Eu fico muito feliz em ajudar =) .

Ah, e se vocês ficaram curiosos sobre detalhes técnicos do WPF ("Como você fez isso, Mister M?"), aguardem a série de Webcasts sobre WPF que eu vou gravar em breve!

Abraços a todos e obrigado pelo apoio! Agradecimentos especiais para AFurtado, Marden, Bado, Ivan, Carlos, Kono, Guilherme, Rogério, Maia, Lunardelli (Ih, me f...), Chao e família, Anido, Fábio, Guilherme W., Luciana, nossos pais e família, Eduardo, claro, e quem mais eu esqueci (desculpe!)! Vejo vocês em Seul, Coréia! (ou antes, espero...)

Roberto