O Processo Legislativo Animado: chamada para designers
Helder Ribeiro
Estive pensando numa idéia de como facilitar o entendimento sobre o
Processo Legislativo e publiquei um texto no meu blog a respeito.
Reproduzo aqui na íntegra. Gostaria muito de ouvir a opinião de vocês!
Abraços,
Helder
Original: http://helderribeiro.net/?p=301
=O Processo Legislativo Animado: chamada para designers=
Um problema que vamos enfrentar com certeza no Meu Parlamento é o quão
complicado é o Processo Legislativo. Existe um número enorme de
trajetos diferentes que uma proposição pode percorrer, e não é nada
trivial saber o que cada etapa significa. A Câmara dá uma explicada e
tem bastante coisa para ler no Interlegis, mas nada que se possa
chamar exatamente de intuitivo. Também não é nada fácil olhar a
tramitação de uma proposição em particular e entender onde ela está,
por onde ainda falta passar, etc.
Eu pensei em um jeito de resolver estes dois problemas.
==A idéia==
A idéia é fazer um diagrama de estados completo e interativo,
mostrando os estados e transições pelos quais uma proposição pode
passar.
==Aprendendo o Processo==
Nas transições, as arestas tem a espessura proporcional ao número de
proposições que já fizeram essa transição (a la Charles Josh Minard).
Os dados viriam do Legisdados.
Passar o mouse por cima da aresta a destaca e mostra um balão com sua descrição.
Passar o mouse por cima de um estado o destaca e mostra sua descrição.
Clicando o botão Play (tem um botão Play), começamos com uma nova
proposição no estado inicial. Um texto explicativo é exibido embaixo,
como se fosse uma visita guiada, falando o que aquele estado significa
e explicando o que pode acontecer com a proposição a partir dali (isto
é, descrevendo as arestas). Neste ponto, o usuário escolhe e clica em
uma das arestas, passando para o próximo estado.
Repetindo estes passos, o usuário tem uma simulação completa da
tramitação de uma proposição, explicada do começo ao fim. A espessura
das arestas indica o caminho mais frequente e pode ser usado como dica
para o usuário explorar primeiro os casos mais comuns.
Podemos pegar algumas proposições reais que sejam particularmante
representativas ou históricas e ilustrar da mesma forma, com texto
específico para ela, o caminho que seguiu. [Em vez de deixar o usuário
clicar nas arestas, fazemos apenas um playback, exibindo um botão de
"avançar".] Dessa forma sedimentamos o aprendizado com um exemplo
real.
==Acompanhando proposições==
Para acompanhar a tramitação de uma proposição específica, mostramos o
diagrama de estados um pouco apagado, destacando a trajetória já
percorrida pela proposição. Nos balões de informação das arestas e
estados, podemos colocar informações específicas daquela proposição.
Por exemplo, na aresta poderíamos ter: “enviado para a Comissão de
Constituição de Justiça em 05/03/2009″; e no estado: “na Comissão de
Constituição e Justiça – relator Deputado João da Silva”.
O balão de informação do estado “votação” poderia mostrar um gráfico
bonitão do resultado, como os do Congresso Aberto.
E podemos disponibilizar a mesma função de playback que descrevi
acima: começamos na apresentação do texto, e cada click no botão de
“avançar” vai para o estado seguinte, mostrando informação sobre a
aresta tomada e o estado atingido.
Podemos também dar um leve destaque para os caminhos que a proposição
ainda pode vir a percorrer.
==A chamada==
Eu sou um zero à esquerda para coisas gráficas. Eu posso programar a
lógica do negócio, integrar aos dados, etc., mas não consigo nem fazer
um mockup para ilustrar a minha idéia.
Então se você é um designer gráfico (especialmente se entende de
animações em browser, com flash ou javascript) e quer dar uma mãozinha
à democracia, entre no grupo de discussão do Meu Parlamento e diga alô
:)
Talvez já haja coisas mais ou menos prontas que a gente possa
reaproveitar. Eu encontrei este software que aparentemente transforma
fluxogramas em animações flash, mas é proprietário, e não deve ser
muito extensível. O ideal seria uma biblioteca, framework, alguma
coisa assim que desse pra gente programar e adaptar.
Sugestões e críticas sobre a conceituação do negócio também são
bem-vindas, tanto nos comentários quanto no grupo.
E se você resolver implementar a idéia por conta própria, pelo amor de
deus libere o programa sob uma licença livre e mande o link :)
--
http://helderribeiro.net
http://twitter.com/obvio171
Mobile: +55 (19) 9182-7595
Vamoss
confesso que não visualizei bem o processo da animação.
Mas na essência, você quer fazer um simulador de forma que o usuário
vá acompanhando todos os passos de uma proposição, certo?
Eu nao sou ilustrador, mas em animacao estou disposto ajudar. Tanto em
flash quanto javascript.
Vamos escrever um roteiro para a animacao, criei uma wave pra isso,
procure por tag:Thackday with:public
Abraços,
@Vamoss
> Mobile: +55 (19) 9182-7595
Bruno Moura
Também estou disposto a ajudar com a ilustração e posso ajudar fazendo um vídeo animado explicando as etapas. Mas não sei se entendi muito bem. Teria que ser feio um storyboard ou mesmo um rascunho das etapas...
"Vamoss"... como poderia participar deste Wave? tenho o google wave só que não sei usar ainda.
até!
Thiago Hirai
Helder Ribeiro
> proposta está:
> http://www.opencongress.org/bill/111-h3962/show
> Não é uma animação, mas é um passo pra mostrar o que está acontecendo com
> uma bill.
Só mostra a movimentação de uma casa à outra. Não mostra, por exemplo,
a tramitação em comissões, que é onde acontece o grosso das decisões.
Idealmente, eu queria mapear *todas* as possibilidades, efetivamente
substituindo a tabela de andamento que se vê nas páginas de tramitação
como essa:
http://www.camara.gov.br/sileg/Prop_Detalhe.asp?id=410922
Talvez fique complexo demais pra ser um avanço em termos de
compreensão, mas aí podemos começar a agrupar nós com um pouco mais de
cuidado.
Helder Ribeiro
> Oi Helder,
>
> confesso que não visualizei bem o processo da animação.
> Mas na essência, você quer fazer um simulador de forma que o usuário
> vá acompanhando todos os passos de uma proposição, certo?
nunca tinha visto no site da Câmara:
http://www2.camara.gov.br/processolegislativo/fluxo/index.html
Já tem um ótimo começo aí. Eles tem uns gráficos já com fluxos,
explicações e fazem referência aos artigos da Constituição onde cada
parte é regulamentada.
Outro exemplo que o Cristiano deu foi um esquema parecido do
CenterOnCongress.org explicando o processo americano:
http://www.centeroncongress.org/learn_about/launcher.htm#leg_proc
Achei particularmente legal a parte que explica como os parlamentares
podem fazer "gambiarras" pra apresentar proposições sem passar por
todo o processo legislativo (por exemplo, enfiando-as como emenda de
uma outra proposição que já está avançada no processo).
> Eu nao sou ilustrador, mas em animacao estou disposto ajudar. Tanto em
> flash quanto javascript.
> Vamos escrever um roteiro para a animacao, criei uma wave pra isso,
> procure por tag:Thackday with:public
tiro um tempinho pra fazer um esboço tipo storyboard como o Bruno
falou.
Enquanto isso tentem dar uma estudada nesses exemplos aí pra ver o que
a gente pode tirar deles e compartilhem com a gente se possível.
Abraços,
Helder
http://helderribeiro.net
Pedro Markun
genial a idéia e a iniciativa, nós estavamos pensando aqui na Esfera em alguns videos introdutorios, uma espécie de série 'for dummies', que explicaria alguns desses processos. Ainda esta de pé, se alguem quiser ajudar com os roteiros e animação... mas confesso que achei essa idéia de montar uma animação interativa (linkada com o db do site!) muito divertida!
Enfim, contém comigo no wave (pô, wave?) para ajudar a formular essa coisa.
abs,
Pedro Markun
Helder Ribeiro
>
> genial a idéia e a iniciativa, nós estavamos pensando aqui na Esfera em
> alguns videos introdutorios, uma espécie de série 'for dummies', que
> explicaria alguns desses processos. Ainda esta de pé, se alguem quiser
> ajudar com os roteiros e animação...
quais eu sou completamente ignorante, e imagino que minha ignorância
seja compartilhada por muita gente. Acho muito importante fazer
conteúdo introdutório, em vídeos, animações, entrevistas, o que for.
Eu posso dar uma mão com roteiro, mas não passa muito disso :) Ia ser
legal pegar gente da Midialogia da Unicamp, Cinema da USP, etc. e ver
se se interessam em ajudar.
mas confesso que achei essa idéia de
> montar uma animação interativa (linkada com o db do site!) muito divertida!
>
> Enfim, contém comigo no wave (pô, wave?) para ajudar a formular essa coisa.
Uma coisa que eu tava vendo pelo diagrama da Câmara é que tem
*bastante* coisa no processo (aliás, andei vendo que o fluxograma
deles é de fato muito bom! Tem que analisar melhor o que está faltando
pra ver onde o nosso pode ser uma melhoria significativa). Acho que
vai ficar um grafo bem grande pra ser mostrado tudo de uma vez só (os
computeiros me ajudem aqui). Talvez dê pra fazer um esquema onde
transformamos certos subgrafos em um "supervértice", que pode ser
clicado pra dar "zoom".
A animação com certeza faria tudo ficar mais bonito e usável, mas acho
que um bom começo é fazer a parte dos storyboards e depois prototipar
em HTML mesmo, como o da Câmara, usando páginas estáticas com imagens
e links.
Claro que uma coisa fundamental de se fazer é de fato estudar o
processo legislativo e ir traçando o grafo. Se alguém souber de algum
lugar que já tenha ele (completo) ajudaria muito.
Uma coisa que eu vi que falta nos diagramas da Câmara é, obviamente, a
parte do Senado. Em um dado momento eles falam "e aqui a proposta vai
pro Senado" e pronto, fim da história. Eu quero fazer do negócio
inteiro, incluindo Câmara, Senado, presidente.
Aliás uma coisa que eu acho que vai ficar é o primeiro nó, quando a
proposição está no estado de "apresentada ao plenário", porque podemos
colocar arestas incidindo nele (vindas do nada) representando a
iniciativa da proposição (deputado, executivo, iniciativa popular) e
com a espessura proporcional ao tanto de proposições que vem por uma
via ou outra.
Bruno Moura
Video tem a vantagem de ser uma abordagem acessível sendo mais didático. As desvantagens são é que teríamos que ter uma locução, e como é vídeo, não seria prudente entrar muito em detalhes para que o vídeo não se estenda demais.
Até...
Flasi interativo
pe...@estudiocromatica.com
vídeo explicando o direito à comunicação com uma brincadeira sobre
o Ilha das Flores do Jorge Furtado.
Com 20% de captação e o resto de colagem, fizeram este trabalho que
ficou muito bacana.
http://www.direitoacomunicacao.org.br/content.php?option=com_content&task=view&id=5756
Lucas
=)
Lucas.
2009/11/30 pe...@estudiocromatica.com <pe...@estudiocromatica.com>: