좋은 네트워크 다이어그램 편집기?


53

상업적 제안을 작성 하면서 서버, 네트워크 연결, 방화벽,로드 밸런싱 등을 통해 클라이언트에게 IT 네트워크에 대해 생각한 아키텍처를 보여주는 멋진 그래픽 을 만들고 싶습니다 .

몇 년 동안 나는 dia 를 사용했지만 결과가 만족스럽지 않고 사용할 수있는 네트워크 요소가 거의 없으며 각 요소의 그래픽 표현이 실제로 추악하기 때문에 피곤합니다.

질문 : 훌륭한 네트워크 다이어그램을 만드는 방법은 무엇입니까?

더 나은 요소 집합을 dia에 사용할 수 있다면 솔루션이 될 것입니다.

답변:


15

잉크 스케이프 만 있으면됩니다. 추가 클립 아트 그래픽 ( 'elements')은 openclipart.org를 사용 하십시오 . OpenClipart는 요즘 Inkscape에 내장되어 있습니다. 무료 앱이 아닌 앱에 의존 할 필요가 없습니다.


1
Cacoo에서 Inkscape + OpenClipart로 전환했습니다.
Nicolas Raoul

오픈 클립 아트와 함께 김프 사용하기. 흔들린다!
Daniel Andrei Mincă

15

Cacoo를 본 후 다이어그램을 클라우드로 옮기기로 결정했습니다 . 다양한 다이어그램과 아이콘을 선택할 수있는 매우 직관적 인 도구이며 대부분 온라인 협업을위한 옵션이 있습니다. 유일한 단점은 독점 소프트웨어입니다 : /

여기 내 샘플이 있습니다도표


1
나는 독점적 인 응용 프로그램을 사용하는 것을 좋아하지 않지만, 이것이 내가 지금까지 찾은 가장 좋은 도구라는 것을 인정해야합니다. 아주 멋진 그래픽으로 필요한 요소를 찾을 수있을만큼 운이 좋았습니다!
니콜라스 라울

2
불행히도, 클라우드에 독점적 / 민감한 데이터를 보유하는 것은이를 사용하는 일부 사람들에게 문제가 될 수 있습니다.
belacqua December

1
-1이 "솔루션"에는 플래시가 필요합니다. 2017 년 문제 해결에 플래시가 필요할 때 문제를 다시 원합니다.
Noir

내 데이터를 내 외부에 저장하는 것을 좋아하지 않습니다. 클라우드 스토리지는 데이터를 전달할 수있는 범위 내에서 가능합니다. 그림, 사진, 문서를 로컬에서 읽을 수있는 형식으로 만들고 싶습니다. ..!
kravemir

15

다음의 LibreOffice / OpenOffice 갤러리를 Draw와 함께 사용해보십시오. http://www.vrt.com.au/downloads/vrt-network-equipment

CC 라이센스, Fedora repos 및 libreoffice 확장 사이트에서도 사용 가능합니다.

업데이트 : v1.1 릴리스에는 VMware의 모양과 같은 새로운 더 어두운 변형이 추가되었으며 5 개의 갤러리 테마에서 200 개의 기호 근처에 설정된 논리 네트워크 기호가 추가되었습니다.

갤러리의 도형 샘플


이들은 기술에 정통하지 않은 소규모 비즈니스 소유자, 좋은 발견, 감사합니다.
shaunhusain

LibreOffice와는 위의 그 로고의 4와 5 분 두 번 나를 위해 추락 내가 뭔가 다른 거 봐 것 같아
nhed

13

yED Graph Editor 는 고품질 다이어그램을 빠르고 효과적으로 생성하는 데 사용할 수있는 데스크탑 응용 프로그램입니다. 네트워크 다이어그램을 생성하는 데에도 사용할 수 있습니다. 다음은이 소프트웨어를 사용하여 작성된 샘플 다이어그램입니다.

네트워크 다이어그램

위 이미지의 출처 : yED 이미지 갤러리


+1 아주 좋아요! 컨트롤 (예 : 객체 이동 / 생성)은 평소와 약간 다르지만 약간의 문서 읽기로 Cacoo보다 효율적일 수 있다고 생각합니다. 오픈 소스는 아니지만 무제한 파일은 Cacoo보다 큰 장점입니다. 웹 사이트는 모두 말한다 yEDyEd자본화에 대한 확신이 없음.
Nicolas Raoul

관심있는 모든 사람에게 약간의 경고 :이 게시물 당시 최신 Linux 릴리스에는 네트워크 관련 모양이 거의 없습니다. 제공된 그림과 같이 물건을 그리는 데 더 많은 단계가 필요할 수 있지만이 작업을 빠르게 수행하는 것처럼 보이지는 않습니다. 브라우저가 깨 졌거나 브라우저에서 자바를 활성화해야하기 때문에 브라우저 버전을 테스트하지 않았습니다 (이 경우 : WTF 친구들? 2017)
Noir

내 스텐실 세트를 확인하여 yEd로 쉽게 가져올 수 있습니다. github.com/danger89/yEd_cisco_network_icons @Noir
danger89

12

Dia 공식 FAQ를 살펴보면 Dia와 해당 요소 세트를 확장 할 수있는 방법이 있음을 발견했습니다.

Dia 연장

Q : 새로운 모양 / 시트를 어떻게 추가합니까? A : 셰이프 형식의 작동 방식에 대한 소스 배포의 문서 / 사용자 정의 모양에 대한 설명이 제공됩니다. 그러나 Dia는 이제 다이어그램을 도형으로 내보내는 기능도 제공합니다. 각 모양 모음 (시트라고 함)은 ~ / .dia / shapes의 하위 디렉토리 (예 : ~ / .dia / shapes / Engines)에 함께 보관해야합니다. 모양을 만들려면 먼저 Dia에서 디자인하십시오. 그런 다음 하위 디렉토리로 내 보냅니다. .shape 파일과 .png 파일 (아이콘)의 두 파일이 생성됩니다.

버전 0.90부터 Dia는 시트에 도형을로드 할 수있는 시트 및 객체 편집기를 제공합니다. 또한 Dia의로드 된 객체를 즉시 업데이트합니다.

여전히 수동으로 작업하려면 ~ / .dia / sheets (이 경우 Engines.sheet)에서 해당 시트 파일을 업데이트하십시오. 시트 파일의 내용은 다음과 같습니다.

<?xml version="1.0" encoding="iso-8859-1"?> <!-- -*- xml -*- -->

<sheet xmlns="http://www.lysator.liu.se/~alla/dia/dia-sheet-ns">
  <name>Engines</name>
  <description>Mechanical Engines</description>
  <contents>
    <object name="Engines - Gas">
      <description>A gas engine</description>
    </object>
  </contents>
</sheet>

개체 섹션을 추가하여 각각의 새 개체를 시트에 추가해야합니다. 다음에 Dia를 다시 시작하면 새 개체가 시트 목록에 나타납니다.

그래서 Dia에 자신의 모양을 추가 하고 행복하게 살 것을 제안합니다.)


8

나는 최근에 gnomeDIAicons 라는 Dia 패키지를 발견했으며 큰 아이콘 세트는 아니지만 잘 보입니다.

다음은 방금 정리 한 예입니다.

여기에 이미지 설명을 입력하십시오

설치하려면 아카이브와 터미널에서 다운로드 하십시오.

cd /usr/share/dia/
sudo tar xf ~/Downloads/rib-network-v0.1.tar.gz

Ubuntu 14.04, 16.04, 17.10 또는 18.04를 사용하는 경우 패키지 dia-rib-network를 사용할 수 있습니다 ( 여기 참조 ). 다음과 같이 설치할 수 있습니다.

sudo apt install dia-rib-network

그런 다음 Dia를 열고 RIB-Network시트를 선택하십시오 .


+1 아주 좋아요! 이 세트가 확장 된 것을보고 싶습니다. 오픈 소스 인 것 같아서 왜 우분투의 Dia에 기본적으로 포함되어 있지 않은지 궁금합니다.
Nicolas Raoul

7

나는 dia 가 여전히 훌륭한 옵션이라는 것을 알고 있으며 왜 네트워크 다이어그램이 적절하지 않은지 알게 된 이유가 궁금합니다.

내 경험상 라우터, 스위치 등에 대한 개념도와 같은 많은 수의 전통적인 네트워크 다이어그램 모양이 문서에서 사용되기 때문에 (시스코에서 제공되는 것과 같은) ... 그리고 똑같아 보입니다. Dia에서 누락 된 부분을 알려 주시면 누군가가 계속 유용 할 수있는 모양을 만들 수 있습니다. :)

분명히 Microsoft Visio 배경에서 온 경우 dia 와 연결하는 것과 관련된 문제 및 dia 사용과 관련된 여러 가지 문제가 있지만 나에게는 여전히 훌륭하게 작동하는 것 같습니다. 내가 조사했을 때, 그것은 여전히 ​​이런 종류의 작업에 가장 적합한 다이어그램 편집기였습니다.

내가 아는 한, 내가 설명한 모든 요소는 stock dia 에서 사용할 수 있습니다 . "Cisco"로 시작하는 이름을 가진 쉐이프 시트를 찾고 싶을 것입니다.


1
+1 Cisco 요소는 실제로 더 많고 조금 더 훌륭하지만 여전히 픽셀 단위로 그림을 그리며 랙 모양의 서버는 없습니다. btw : Visio를 사용해 본 적이 없습니다.
니콜라스 라울

권리. 그래도 색상이 있습니다. 아마도 최신 버전의 dia를 사용해야합니까? 자, 루시드는 컬러 도면을 가지고 있습니다. 즉, 랙 전면에서 어떤 작업을 수행 할 것인지 시각적으로 계획하려는 경우 랙 형태의 서버와 함께 제공되는 응용 프로그램은 거의 없습니다.이 이미지는 하드웨어 공급 업체에서 제공하거나 가져와야합니다 하드웨어 사진 :)
Mathieu Trudel-Lapierre

6

실제 3D로 멋진 네트워크 다이어그램을 만드는 또 다른 도구는 MaSSHandra 입니다.

여기에는 모든 Cisco 심볼이 외부 다운로드로 포함되어 있으며 다이어그램 내에 자동 검색 및 액세스 기능이 포함되어 있습니다. 무료이며 여기 에서 설치하기 전에 작동 방식을 확인할 수 있습니다 .

스크린 샷

MaSSHandra 웹 사이트


2
영화 Jurassic Park에서 사용한 것 같습니다!
Aaron


4

이상한 선택처럼 보이지만 inkscape 는 다이어그램, 특히 네트워크 다이어그램에 훌륭한 도구입니다. 출력은 svg이므로 매우 이식 가능하고 매력적으로 렌더링됩니다. 그리고 그 아래에는 프로그래밍 방식으로 조작 할 수있는 xml이 있습니다 (예 : 설명 또는 기타 변수 속성을 위해 구문 분석, 검색, 편집 또는 다른 데이터 소스에 연결). 그리고 그것은 오픈 소스입니다.

그건 그렇고, 여기에 관심이있는 사람들을위한 Cisco 스텐실 이 있습니다. 형식은 svg, jpg, bmp, tif, eps, wmf를 포함합니다.


3

kivio kivio 설치 는 다양한 유형의 다이어그램을위한 스텐실 세트와 함께 제공되는 kivio라는 koffice (KDE의 오피스 제품군) 내의 다이어그램 응용 프로그램입니다. 추가 스텐실을 구입할 수 있지만 프로그램 자체에는 기본 세트가 있습니다. 주의 : Kivio는 이제 'Flow'라고 불리며 Calligra 오피스 스위트 3의 일부입니다.

Jgraph 는 Java 기반이며 상용 제품입니다. 그러나 기본 사용을위한 무료 버전이 있습니다.

여기에서 kivio의 스크린 샷을보십시오


1
Kivio는 Ubuntu에서 삭제되었습니다 .- ( 그러나 실제로 Kivio의 네트워크 다이어그램은 Dia에서 생성 한 것과 비슷합니다 . ubuntuforums.org/showthread.php?t=1573191 thekompany.com/projects/kivio/pics/document_full_dock.png
Nicolas Raoul

Jgraph 요소에 심지어 가난한입니다 : '- (전용 "프린터"화면 키보드 및 모든 서버처럼 보이지 않는 "서버"라고 표시된 모양 ...
니콜라스 라울

2

graphviz유틸리티를 사용 하지만 희미한 마음이 아닙니다. 학습 곡선이 가파르지만 결과에 만족합니다.


1

최근에는 CREATELY 라는 Chrome 애플리케이션을 사용하기 시작했습니다 . 여기에는 일반적인 네트워크 아이콘이 많이 포함되어 있으며 Dia보다 멋지고 현대적인 Cisco 모양이 있습니다.

당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.