Cabeçudos do congresso

8 views
Skip to first unread message

Everton Zanella Alvarenga

unread,
May 12, 2011, 4:49:37 PM5/12/11
to thackday
Pessoal,

ainda é um esboço, mas eu gostaria de fazer uma página simples para
visualizar a lista dos cabeças do congresso, segundo as publicações
anuais do DIAP [1]. Quanto mais vezes a excelência aparecer na lista,
maior será a cabeça dele.

http://imageshack.us/photo/my-images/847/cabecudos.png/

Que ferramentas vocês recomendam para fazer isso? Estava aqui
brainstorming na Conegi com o Antonio Graeff e ele sugeriu o Canvas do
HTML5. Um jeito simples é usar CSS. Talvez usando javascript também
seria uma possibilidade (eu apanharia um pouco).

Abaixo está o HTML simples do screenshot acima (não sei porque não
estou conseguindo colocar no repositório que coloquei no gitorious,
depois vejo isso):

http://dl.dropbox.com/u/1137211/src/cabecas.tgz

Alguém com idéias para fazer essas cabeças proporcionais ao número de
vezes que eles aparecem ou sugestões de qual seria melhor entre as
propostas? (eu não quero usar flash)

[]'s,

Tom

[1] Aqui está a explicação do método usado e as tabelas para cada ano
http://www.diap.org.br/index.php/index.php?option=com_jdownloads&Itemid=262&task=viewcategory&catid=10

Emerson Vinicius

unread,
May 12, 2011, 5:09:05 PM5/12/11
to thac...@googlegroups.com
Pow cara pode fazer só com CSS não parece ser difícil.


Emerson Vinicius (Duke)
   twitter: @emersonvinicius
  
gtalk: duke.m16
  
evinicius.com





2011/5/12 Everton Zanella Alvarenga <evert...@gmail.com>

--
Você está recebendo esta mensagem porque se inscreveu no grupo "Transparência Hacker" dos Grupos do Google.
Para postar neste grupo, envie um e-mail para thac...@googlegroups.com.
Para cancelar a inscrição nesse grupo, envie um e-mail para thackday+u...@googlegroups.com.
Para obter mais opções, visite esse grupo em http://groups.google.com/group/thackday?hl=pt-BR.


Diego Rabatone

unread,
May 12, 2011, 5:24:20 PM5/12/11
to thac...@googlegroups.com
Tom, você pode brincar, também, com SVG ... dá para fazer um desenho base no Inkscape e pegar o código fonte do SVG e trabalhá-lo com JavaScript na página... Ou mesmo dinâmicamente com php ou algo do gênero...

--------------------------------
Diego Rabatone Oliveira

2011/5/12 Emerson Vinicius <duke...@gmail.com>

Cleber Gouvêa

unread,
May 12, 2011, 5:42:42 PM5/12/11
to thac...@googlegroups.com
1) Faz um cron-job para analisar a frequência de cada deputado/senador e armazena em um BD
2) Faz um Algoritmo para multiplicar proporcionalmente altura e largura das imagens conforme a frequência, pode armazenar no BD tb pra agilizar a consulta
3) Recupera os dados já definidos de altura e largura para cada deputado e apresenta as imagens com essas informações (nem precisa de CSS).

Simples. :P

Cleber

2011/5/12 Diego Rabatone <dir...@diraol.eng.br>

Everton Zanella Alvarenga

unread,
May 13, 2011, 1:28:49 AM5/13/11
to thac...@googlegroups.com
Valeu, pessoal.

Vou dar umolhada daqui a pouco. Eu queria mesmo ver o esquema da
visualização. O algoritimo não era o problema.

Tentarei usar CSS para mudar o tamanho das cabeças como um parâmetro e
encaixar o corpo embaixo do pescoço da excelência. Cogitei se em
javascript não ficaria mais bonito ou até mesmo usando algo do
HTML5...

Everton Zanella Alvarenga

unread,
May 13, 2011, 11:40:11 AM5/13/11
to thac...@googlegroups.com
Em 12 de maio de 2011 18:09, Emerson Vinicius <duke...@gmail.com> escreveu:
> Pow cara pode fazer só com CSS não parece ser difícil.

Duke, está num repositório git agora.

https://gitorious.org/cabecas/cabecas

Vou aprender um pouco de CSS com o Luciano. Depois que resolver o
esquema da visualização, faço o algoritimo para pegar os dados da
tabela do DIAP.

Reply all
Reply to author
Forward
0 new messages