Desenho de diagrama de blocos?

Existe algum software que permita desenhar diagramas de blocos

• assim: http://upload.wikimedia.org/wikipedia/commons/f/f5/Windows_2000_architecture.png

• ou assim:

  

Opções online gratuitas

Para algo rápido, há um número crescente de ferramentas de fluxograma on-line gratuitas (geralmente baseadas em SVG). Aqui estão alguns que não exigem login, todos bem básicos, mas fáceis de usar:

• Draw.io (de código aberto e gratuito ) - simples, permite salvar diretamente no Google Drive ou Dropbox. Também possui uma versão para desktop .
• Gliffy (grátis até 5 diagramas públicos e depois pagos) - layout limpo, possui um plugin 'Confluence' para wikis
• Outras respostas nesta página recomendam LucidChart (freemium) e Cacoo (freemium)

Para mac / iOS

O Omnigraffle é popular para esse tipo de coisa, se o que você deseja é criar diagramas de fluxo pesados ​​de flechas com blocos conectados rapidamente.

Eu não uso isso sozinho, mas conheço alguns designers de informações que juram por ele como uma maneira simples de montar um esboço para um diagrama, organizar seus pensamentos e ajustar o layout, o conteúdo e a estrutura. Em seguida, eles exportam para o Adobe Illustrator para projetar a apresentação do produto final - você pode pular esta etapa final se estiver criando diagramas simples como esse.

Para PC

Ouvi coisas vagas, mas positivas, sobre o Visio , e às vezes as pessoas descrevem o Omnigraffle como 'Visio for Mac', então acho que são bastante equivalentes.

Você também pode navegar por listas alternativas de software como esta .

Eu gosto do Dia, que é uma ferramenta de diagramação de código aberto disponível para Windows, Mac OSX e Linux. Já existe há anos e é popular entre os engenheiros de software e eletrônicos.

O yEd é bom nisso, é gratuito e possui versões para Windows, Mac e Linux:

http://www.yworks.com/en/products_yed_about.html

Não sei se é adequado aqui, mas também existem maneiras de não usar programas WYSIWYG. No meu exemplo, o tikzpacote do LaTeX. Normalmente, o TeX é usado para textos e scripts profissionais, mas também são possíveis gráficos vetoriais de boa aparência, com um pouco de esforço. Outros grandes exemplos podem ser encontrados no tex.SX ou por trás deste link . :)

Código fonte:

\documentclass{standalone}
\usepackage{tikz}
\usetikzlibrary{shapes,arrows}
\begin{document}
\tikzset{  
block/.style    = {draw, thick, rectangle, minimum height = 3em, minimum width = 3em},}
\begin{tikzpicture}[auto, thick, >=triangle 45,fill=blue!20]
\node at (0,0)[circle,draw,inner sep=0pt,minimum width=3mm,name=n1,label={225:$-$},fill=blue!20] {};
\node[block,right of= n1,node distance=2cm,fill=blue!20] (con) {Controller};
\node[block,right of= con,node distance=3cm,fill=blue!20] (sys) {System};
\node[block,below of=con,xshift=1cm,node distance=2cm,fill=blue!20] (mea) {Measurement};
\draw[<-] (n1.west) to node[midway,above] {$r$} (-1,0);
\draw[->] (n1.east) to node[midway,above] {$e$} (con.west);
\draw[->] (con.east) to node[midway,above] {$u$} (sys.west);
\draw[->] (sys.east) to node[midway,above] (y) {$y$} ++(1,0);
\draw[->] (y.south) |- node[midway,above] {} (mea.east);
\draw[->] (mea.west) -| node[near end] {$y_m$} (n1.south);
\draw[<-] (sys.north) to ++(0,1) node[above] {Disturbances};
\end{tikzpicture}
\end{document}

Uma ótima solução on-line, que se integra bem ao Google Drive, é o Lucid Chart .

Existem planos pagos, mas a maioria é gratuita. Eu criei toneladas de diagramas para isso e esta é uma implementação típica.

O que você mencionou é feito pelo TikZ no LaTeX. Desculpe, mas tentei o Lucid Charts e o Visio e, definitivamente, eles não são bons como o TikZ.

Você pode ver no verso e ver o resultado

O código:

\tikzstyle{block} = [draw, fill=blue!20, rectangle, 
    minimum height=3em, minimum width=6em]
\tikzstyle{sum} = [draw, fill=blue!20, circle, node distance=1cm]
\tikzstyle{input} = [coordinate]
\tikzstyle{output} = [coordinate]
\tikzstyle{pinstyle} = [pin edge={to-,thin,black}]

% The block diagram code is probably more verbose than necessary
\begin{tikzpicture}[auto, node distance=2cm,>=latex']
    % We start by placing the blocks
    \node [input, name=input] {};
    \node [sum, right of=input] (sum) {};
    \node [block, right of=sum] (controller) {Controller};
    \node [block, right of=controller, pin={[pinstyle]above:Disturbances},
            node distance=3cm] (system) {System};
    % We draw an edge between the controller and system block to 
    % calculate the coordinate u. We need it to place the measurement block. 
    \draw [->] (controller) -- node[name=u] {$u$} (system);
    \node [output, right of=system] (output) {};
    \node [block, below of=u] (measurements) {Measurements};

    % Once the nodes are placed, connecting them is easy. 
    \draw [draw,->] (input) -- node {$r$} (sum);
    \draw [->] (sum) -- node {$e$} (controller);
    \draw [->] (system) -- node [name=y] {$y$}(output);
    \draw [->] (y) |- (measurements);
    \draw [->] (measurements) -| node[pos=0.99] {$-$} 
        node [near end] {$y_m$} (sum);
\end{tikzpicture}

\end{document}

Meu software favorito para isso é, na verdade, um editor baseado na Web, Cacoo .

É muito bom na maioria dos estilos de diagrama vinculados (ambos os exemplos são fáceis de criar com o Cacoo) e é muito mais fácil de usar do que o Visio (embora não seja tão profundo). Também é multiplataforma devido ao fato de ser baseado na Web e parece ter um modo offline, embora eu não o use pessoalmente.

A razão pela qual eu decidi pelo Cacoo foi, na verdade, por causa de seu recurso de colaboração, que permite que vários usuários trabalhem no mesmo diagrama ao mesmo tempo. Obviamente, isso não funciona tão bem no modo offline, mas é surpreendentemente eficaz quando você deseja mostrar uma idéia a alguém ou fazer alterações rápidas.

Associo o Cacoo ao MindMeister para mapeamento mental e atendo todas as minhas necessidades de diagramação.

O meu favorito é o Pencil Project . Ele permite que você crie todos os tipos de diagramas, permite instalar mais formas e tipos, exporte para vários formatos, como png, svg, html etc. e é grátis! Se desejar, você pode até instalá-lo como uma extensão do Firefox e usá-lo enquanto navega na Web. Você também pode procurar clipart na web diretamente do software. Além disso, você pode até incluir widgets da interface do usuário em seus diagramas.

Dê uma olhada no Nevron Draw . Ele funciona no Windows e Mac e oferece a maioria das funcionalidades do MS Visio. Em particular para esse tipo de diagramas, você precisa de um software com formas com suporte para portas de entrada / saída, conectores que detectem cruzamentos e desenhem pontes, quando apropriado, e também permitem anotações. Esses recursos estão presentes no Nevron Draw.

Disclaimer: Eu trabalho para Nevron.