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


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보다 큰 장점입니다. 웹 사이트는 모두 말한다 yED및 yEd자본화에 대한 확신이 없음.
— 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.