Concrete Logo
Hamburger button

Como criar diagramas profissionais da Amazon Web Services no LibreOffice em 8 passos

  • Blog
  • 9 de Maio de 2014
Share

Desenhar diagramas de rede e arquitetura é uma tarefa comum entre profissionais de TI. A ferramenta mais utilizada para esta tarefa, segundo um consenso, tem sido o MS-Visio. O Visio possui suporte a uma infinidade de diagramas diferentes e a maioria dos fabricantes de hardware corporativo (IBM, Dell, HP, etc.) fornece stencils, que são conjuntos de imagens para elaboração de diagramas com seus produtos.

Entretanto, o Visio não é uma ferramenta gratuita, e seu código é fechado. Apesar de existirem muitas ferramentas livres para este fim, a maioria não produz resultados satisfatórios. Usuários de GNU/Linux têm ainda mais um problema: não é possível executar o Visio nativamente. Existem recursos que podem emular o funcionamento do Visio no GNU/Linux, mas o funcionamento não é tão fluido como o de um aplicativo nativo. Existem também ferramentas online, como o Cacoo e o Lucidchart, que suportam a criação de diagramas, mas só podem ser usadas em um computador com acesso à Internet.

Pensando em contornar este problema, descobrimos uma maneira simples de transformar o LibreOffice em uma poderosa ferramenta para criação de diagramas profissionais. O LibreOffice é a suíte de produtividade padrão na maioria das distribuições GNU/Linux, e também é bastante utilizado em ambientes Windows e Mac, principalmente como alternativa legal e economicamente viável ao MS-Office.

Vamos lá?

1 – Instale o LibreOffice

Este processo é simples para usuários GNU/Linux: basta usar o gerenciador de pacotes da sua distribuição.

Para instalar no Debian, Ubuntu e derivados:

No Fedora, CentOS e Red Hat:

No OpenSuSE, SLES e derivados:

Usuários de outros sistemas operacionais podem instalar o LibreOffice baixando o instalador em https://www.libreoffice.org/ e seguindo as instruções em https://www.libreoffice.org/get-help/install-howto/.

Para fazer os diagramas, vamos utilizar o programa Draw, parte da suíte. Nos exemplos a seguir, utilizaremos como base o LibreOffice 4, em um Debian 7.5.

Para tornar o processo de criação dos diagramas mais simples, podemos personalizar a página, exibindo as linhas de grade e mudando a orientação para o modo paisagem.

1

Agora que já temos o aplicativo em execução, vamos baixar o pacote de ícones da Amazon.

2 – Baixe o pacote de ícones

A própria Amazon disponibiliza em seu site um conjunto de ícones suficiente para suprir as necessidades de um arquiteto de soluções.

O link para download é https://aws.amazon.com/architecture/icons/

Vamos fazer o download do pacote EPS/SVG, que são ícones vetoriais, ou seja, não perdem a qualidade quando são redimensionados.

2

O link direto para download do pacote é https://media.amazonwebservices.com/architecturecenter/icons/AWS_Simple_Icons_svg_eps.zip.

3 – Descompacte e Organize

Após baixar o pacote, devemos escolher onde vamos descompactar. Neste exemplo, deixaremos os ícones em $HOME/Icones. Vamos descompactar e renomear o diretório:

Este processo também pode ser feito pelo modo gráfico, se preferir.

4 – Encontre a galeria do LibreOffice

A galeria é uma ferramenta do LibreOffice que fornece um conjunto de imagens, que podem ser adicionadas ao documento em edição. Para abri-la, basta clicar em seu ícone, que geralmente se encontra na barra de ferramentas de desenho:

3

O painel da galeria pode ser movido para qualquer área da janela, como uma barra de ferramentas qualquer:

4

É isso! Já estamos prontos para adicionar nossos ícones da AWS.

5 – Adicione um tema

O LibreOffice vem com vários temas pré-instalados, principalmente nas versões após a 4.0. Alguns são interessantes, mas eles se parecem mais com Cliparts usados em trabalhos escolares do que com ícones sérios usados em diagramas corporativos. Vamos criar nossos próprios temas.

Clique em New Theme… e selecione imagens do tipo SVG na lista. Em seguida, localize a pasta com os ícones da AWS e escolha uma das subpastas para criarmos nosso primeiro tema:

5

Vamos começar pela subpasta App Services, escolhendo SVG como formato dos nossos ícones:

6

Clique em Add All para que todas as imagens sejam colocadas no tema, e em seguida, na aba General, dê um nome:

7

Agora basta repetir os passos para todas as pastas que desejarmos e conseguiremos o resultado mostrado abaixo:

8

Como utilizamos apenas imagens vetoriais, podemos esticar os ícones sem nos preocupar com a resolução, que permanecerá excelente.

8 – Indo além

Ferramentas sozinhas não resolvem problemas. Elas precisam de processos, metodologias e pessoas. Agora que temos uma ferramenta configurada, precisamos saber como um diagrama de arquitetura AWS deve ser. E quem pode nos dizer? A própria Amazon! Sim, eles tem muitos documentos com modelos de arquitetura que podem ser usados no processo de aprendizado. A AWS mantém uma conta no Slideshare com várias apresentações inspiradoras, no link https://www.slideshare.net/AmazonWebServices/.

9

Além dos ícones da Amazon, a Open Security Architecture fornece um excelente conjunto de ícones  que podem ser usados livremente, no endereço https://www.opensecurityarchitecture.org/cms/library/icon-library.

E agora?

Temos a ferramenta e a inspiração, agora é só praticar. Utilize os estilos para melhorar a aparência dos textos e formas geométricas. O estilo das linhas pode ser alterado para criar uma caixa com linha serrilhada, as cores de borda e preenchimento podem ser trocadas, e ótimos resultados podem ser alcançados. No final, o documento pode ser exportado para PDF ou JPG/PNG, resolvendo problemas de compatibilidade e mantendo a qualidade:

10

Gostou? Você tem um jeito próprio de desenvolver seu diagrama? Deixe seu comentário abaixo!

Se quiser receber o arquivo final em .odg, é só deixar seu e-mail nos comentários que envio, ok? Até a próxima!