Organograma

1,709 views
Skip to first unread message

Pablo

unread,
Aug 20, 2008, 4:35:14 PM8/20/08
to jque...@googlegroups.com
Galera estou precisando gerar um organograma dinamicamente...

Alguem tem uma ideia de como eu posso fazer isso visualmente para o cliente?

Obs só não sei fazer formatar visualmente...

Vinicius Rangel

unread,
Aug 20, 2008, 4:50:50 PM8/20/08
to jque...@googlegroups.com
Cara, explica melhor o que vc precisa...
Vc quer aprender a gerar um organograma ou quer um software que faça isso?
Ou quer na verdade um software de modelagem de banco que gere um gráfico do relacionamento das tabelas?
Abs

2008/8/20 Pablo <pablo...@gmail.com>

Paulo Diovani

unread,
Aug 20, 2008, 4:53:22 PM8/20/08
to jque...@googlegroups.com
Se o problema for como exibir, a melhor opção é utilizar <canvas>.
http://developer.mozilla.org/en/Drawing_Graphics_with_Canvas

e tem um sript para fazer ele funcionar no IE aqui:
http://excanvas.sourceforge.net/

2008/8/20 Pablo <pablo...@gmail.com>:
> Galera estou precisando gerar um organograma dinamicamente...
>
> Alguem tem uma ideia de como eu posso fazer isso visualmente para o cliente?
>
> Obs só não sei fazer formatar visualmente...
>
> >
>



--
Paulo Diovani
pa...@diovani.com
+55 51 8146 5413
___________________
http://www.diovani.com

Pablo

unread,
Aug 20, 2008, 6:16:35 PM8/20/08
to jque...@googlegroups.com
Preciso de um organograma tipo esse do link

http://www.fazenda.gov.br/portugues/institucional/organo.asp

mas só que tem que ser dinamico né... será que isso não é meio missão impossível?

Vinicius Rangel

unread,
Aug 20, 2008, 6:21:40 PM8/20/08
to jque...@googlegroups.com
A solução dos seus problemas: www.gliffy.com
Bom, bonito e barato! ;)
Abs

2008/8/20 Pablo <pablo...@gmail.com>

Pablo

unread,
Aug 20, 2008, 6:33:26 PM8/20/08
to jque...@googlegroups.com
A solução dos seus problemas: www.gliffy.com
Bom, bonito e barato! ;)
Abs

Sim mais preciso disso gerando dinamicamente... seja ele em CSS ow Flash ow seilaoque...

Ex o cara cadastra um novo funcionari ele ja entra no organograma no seu devido lugar :D

Paulo Diovani

unread,
Aug 20, 2008, 9:06:40 PM8/20/08
to jque...@googlegroups.com
O Vinicius deve tá ganhando comissão para sugerir software proprietário.

Cara, procurando um pouco se acha de tudo. Como sugeri, <canvas>
poderia ser a melhor opção, desde que você se dedique um pouco a fazer
alguns Javascripts para desenhar o Organograma. Na verdade você não
vai escapar de fazer alguns códigos de qualquer jeito.
Outra solução otima poderia ser SVG (http://wikipedia.org/wiki/svg),
que pode ser criado e manipulado tanto com via servidor (PHP, ASP,
Ruby, etc.) como no cliente (JavaScript). Por ser basicamente XML, é
extremamente fácil de se trabalhar com, e criar gráficos simples.
Recomendo se você já tiver certa familiaridade com XML.

Agora, uma solução ainda mais prática e leve, é utilizar apenas HTML +
CSS. O que deve ser suficiente para gerar organogramas simples. Veja
este link: http://www.scottjehl.com/v7/index.php/process/stylemap_visual_sitemap/
.
O tutorial é focado para criar "sitemaps", mas deve servir bem para
organogramas. Com algumas classes você pode diferenciar bem níveis e
tipos também.

A algum tempo eu encontrei um tutorial para criar ERs apenas com HTML
+ CSS, mas agora não encontro em lugar algum.. :( Se alguém encontrar
por ae me avisa, plz.

2008/8/20 Pablo <pablo...@gmail.com>:

Vinicius Rangel

unread,
Aug 21, 2008, 12:18:17 AM8/21/08
to jque...@googlegroups.com
Paulo,
não estou ganhando comissão alguma, infelizmente.
Não sei se você leu sobre o software, mas ele possui a versão paga e a gratuita.
Como não entendi perfeitamente o que o Pablo queria (gerar o diagrama dinamicamente), sugeri o software pois é simples e rapido realmente, mas nesse caso não atende ao que ele precisa. E mesmo se fosse proprietário, qual seria o problema? Trabalhamos com web, recebemos por isso (pelo menos a maioria), e não vejo problema algum em investir em um software que vai trazer retorno financeiro.

Pablo,
eu faria em flash. Não sei qual a sua fluência na linguagem, mas terá uma boa aparência, compatibilidade com outros browsers e SO's, além da interação com o lado server ser descomplicada e bem documentada.

Abs

2008/8/20 Paulo Diovani <diov...@gmail.com>

Pablo

unread,
Aug 21, 2008, 9:17:29 AM8/21/08
to jque...@googlegroups.com
Bahh galera valew pelas respostas vow me virar agora :D se eu conseguir sucesso eu posto o resultado aqui pra vcs verem

Tiago Soczek

unread,
Aug 22, 2008, 11:13:26 AM8/22/08
to jQuery (Brasil)
http://draw2d.org/draw2d/

Talvez ajude..

Pablo

unread,
Aug 22, 2008, 11:45:23 AM8/22/08
to jque...@googlegroups.com
Cara isso me intriga como será que eles fazem aquelas linha de ligação....

Tiago Soczek

unread,
Aug 22, 2008, 12:17:46 PM8/22/08
to jQuery (Brasil)
Fiz algo parecido usando Java 2D (Java mesmo), o mais complicado era
fazer as setas, pois necessita de alguns cálculos para saber a
angulação e deixar conectado corretamente entre a linha e o elemento.

Paulo Diovani

unread,
Aug 22, 2008, 12:57:43 PM8/22/08
to jque...@googlegroups.com
Pablo, to afim de fazer uns organogramas e fluxogramas só com CSS pra praticar.
Se puder me envia um modelo de organograma ae, como imagem, pra mimi
seguir como exemplo, que quando conseguir te envio o meu fonte.

2008/8/22 Tiago Soczek <tiago...@gmail.com>:

Pablo

unread,
Aug 22, 2008, 2:12:13 PM8/22/08
to jque...@googlegroups.com
Pode ser algo paracido com isso aqui...

http://www.fazenda.gov.br/portugues/institucional/organo.asp

valew
Reply all
Reply to author
Forward
0 new messages