Netter Netzwerkdiagramm-Editor?


53

Wenn ich ein kommerzielles Angebot schreibe, möchte ich eine schöne Grafik erstellen, die den Kunden die Architektur zeigt, die ich mir für ihr IT-Netzwerk vorgestellt habe, mit Servern, Netzwerkverbindungen, Firewall, Lastenausgleich usw.

Seit Jahren benutze ich dia , aber ich habe es satt, weil: die Ergebnisse nicht zufriedenstellend sind, nur sehr wenige Netzwerkelemente verfügbar sind und die grafische Darstellung jedes Elements wirklich hässlich ist.

Frage: Wie erstelle ich schöne Netzwerkdiagramme?

Wenn ein besserer Satz von Elementen für dia verfügbar wäre, wäre dies eine Lösung.

Antworten:


15

Inkscape ist alles was Sie brauchen. Verwenden Sie für zusätzliche ClipArt- Grafiken ("Elemente") openclipart.org . OpenClipart ist heutzutage tatsächlich in Inkscape integriert. Es ist wirklich nicht notwendig, auf nicht kostenlose Apps zurückzugreifen.


1
Ich bin von Cacoo zu Inkscape + OpenClipart gewechselt.
Nicolas Raoul

Gimp mit deinem openclipart benutzen. Es rockt!
Daniel Andrei Mincă

15

Ich beschloss, meine Diagramme in die Cloud zu verschieben, nachdem ich Cacoo gesehen hatte . Es ist ein sehr intuitives Tool mit einer Vielzahl von Optionen für Diagramme und Symbole und bietet hauptsächlich Optionen für die Online-Zusammenarbeit. Der einzige Nachteil ist, dass es sich um eine proprietäre Software handelt: /

Hier ist meine ProbeDiagramm


1
Ich mag es nicht wirklich, proprietäre Apps zu verwenden, aber ich muss zugeben, dass dies das schönste Tool ist, das ich bisher gefunden habe. Ich hatte das Glück, die Elemente zu finden, die ich brauche, mit sehr schönen Grafiken!
Nicolas Raoul

2
Leider können proprietäre / sensible Daten in der Cloud ein Problem für einige sein, die dies nutzen würden.
Belacqua

1
-1 Diese "Lösung" erfordert Flash. Wenn eine Lösung meines Problems im Jahr 2017 Flash erfordert, möchte ich mein Problem zurück.
Noir

Ich mag es nicht, wenn meine Daten irgendwo außerhalb von mir gespeichert werden. Cloud-Speicher ist so weit, wie ich es für meine Daten tun würde. Ich möchte, dass meine Zeichnungen, Bilder, Dokumente in einem lokal lesbaren Format vorliegen. ..!
Kravemir

15

Probieren Sie diese LibreOffice / OpenOffice-Galerien mit Draw aus: http://www.vrt.com.au/downloads/vrt-network-equipment

CC-lizenziert, auch in Fedora Repos und auf der libreoffice-Erweiterungssite verfügbar.

UPDATE: In Version 1.1 wurden neue dunklere Varianten (wie VMware-Shapes) und eine Reihe logischer Netzwerksymbole hinzugefügt - jetzt in der Nähe von 200 Symbolen in 5 Galeriethemen.

Muster von Formen in der Galerie


Diese sind hervorragend für ein einfaches Diagramm für einen Kleinunternehmer geeignet, der nicht besonders technisch versiert ist. Sie sind eine gute Entdeckung. Vielen Dank an alle, die sie erstellt und veröffentlicht haben.
Shaunhusain

Libreoffice abgestürzt für mich zweimal in 5 Minuten mit 4 dieser Logos oben, ich denke , sonst werde Look für etwas bin
nhed

13

yED Graph Editor ist eine Desktop-Anwendung, mit der Sie schnell und effektiv hochwertige Diagramme erstellen können. Es kann auch zum Generieren von Netzwerkdiagrammen verwendet werden. Hier ist ein Beispieldiagramm, das mit dieser Software erstellt wurde.

Netzwerkdiagramm

Quelle für das obige Bild: yED-Bildergalerie


+1 Sehr schön! Steuerelemente (wie das Verschieben / Erstellen von Objekten) sind etwas anders als üblich, aber ich bin der Meinung, dass sie beim Lesen von Dokumenten effizienter sein könnten als Cacoo. Auch wenn es sich nicht um Open Source handelt, ist eine unbegrenzte Anzahl von Dateien ein großer Vorteil gegenüber Cacoo. Die Website sagt beides yEDund ist sich yEdder Groß- und Kleinschreibung nicht sicher.
Nicolas Raoul

Eine kleine Warnung für alle Interessierten: Die neueste Linux-Version zum Zeitpunkt dieses Beitrags enthält fast keine netzwerkbezogenen Shapes. Möglicherweise sind weitere Schritte erforderlich, um Dinge wie auf dem bereitgestellten Bild zu zeichnen, aber es sieht nicht so aus, als würden Sie die Dinge schnell erledigen. Ich habe die Browserversion davon nicht getestet, weil sie entweder defekt ist oder Java im Browser benötigt (Wenn dies der Fall ist: WTF-Typen? Es ist 2017)
Noir

Checke meinen Schablonensatz aus, damit du ihn ganz einfach in yEd importieren
kannst

12

In den offiziellen FAQ von Dia habe ich herausgefunden, dass es eine Möglichkeit gibt, Dia und seinen Elementsatz zu erweitern.

Verlängerungsdurchmesser

F: Wie füge ich neue Formen / Blätter hinzu? A: In doc / custom-shapes in der Quelldistribution wird erklärt, wie das Shape-Format funktioniert. Dia kann jetzt jedoch auch ein Diagramm als Form exportieren. Jede Sammlung von Formen (Blatt genannt) sollte in einem Unterverzeichnis von ~ / .dia / shapes zusammengehalten werden, z. B. ~ / .dia / shapes / Engines. Um eine Form zu erstellen, entwerfen Sie sie zuerst in Dia. Dann exportieren Sie es in Ihr Unterverzeichnis. Es werden zwei Dateien generiert, eine .shape-Datei und eine .png-Datei (das Symbol).

Ab Version 0.90 bietet Dia einen Editor für Blätter und Objekte, mit dem Sie die Form in ein Blatt laden können. Außerdem werden die geladenen Objekte von Dia im laufenden Betrieb aktualisiert.

Wenn Sie dennoch manuell vorgehen möchten, aktualisieren Sie die entsprechende Blattdatei in ~ / .dia / sheets, in diesem Fall Engines.sheet. Beispielinhalt einer Blattdatei ist:

<?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>

Jedes neue Objekt sollte dem Blatt durch Hinzufügen eines Objektabschnitts hinzugefügt werden. Wenn Sie Dia das nächste Mal neu starten, sollten die neuen Objekte in der Liste der Blätter angezeigt werden.

Also empfehle ich dir, deine eigenen Formen zu Dia hinzuzufügen und glücklich zu leben :)


8

Ich habe kürzlich ein Dia-Paket namens gnomeDIAicons gefunden, das zwar keine große Anzahl von Symbolen enthält, aber dennoch gut aussieht.

Hier ist ein Beispiel, das ich gerade zusammengestellt habe:

Bildbeschreibung hier eingeben

Zum Installieren laden Sie das Archiv und das Terminal herunter :

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

Falls Sie Ubuntu 14.04, 16.04, 17.10 oder 18.04 verwenden, ist das Paket dia-rib-networkverfügbar (siehe hier ). Sie können es installieren mit:

sudo apt install dia-rib-network

Dann öffne Dia und wähle das RIB-NetworkBlatt.


+1 Sehr schön! Ich würde dieses Set gerne länger sehen. Es scheint Open Source zu sein, also frage ich mich, warum es nicht standardmäßig in Ubuntus Dia enthalten ist.
Nicolas Raoul

7

Ich finde dia immer noch eine großartige Option, und ich bin gespannt, warum Sie feststellen, dass die Netzwerkdiagramme nicht angemessen aussehen.

Nach meiner Erfahrung gibt es eine große Anzahl traditioneller Formen von Netzwerkdiagrammen, wie z. B. die konzeptionellen Zeichnungen für Router, Switches usw., wie sie in der Dokumentation verwendet werden (wie das, was von Cisco stammt) ... und es sieht genauso aus. Bitte lassen Sie uns wissen, was in Dia fehlt, damit jemand die Formen erstellen kann, die wir alle wirklich nützlich finden können :)

Zugegebenermaßen gibt es eine Reihe von Problemen im Zusammenhang mit der Verbindung und anderen Aspekten der Verwendung von DIA , die sich unterscheiden, wenn Sie einen Microsoft Visio-Hintergrund haben. Als ich es recherchierte, war es immer noch der beste Diagrammeditor für diese Art von Arbeit.

Soweit ich weiß, sind alle Elemente, die ich dort beschrieben habe, im Lagerdurchmesser verfügbar . Sie müssen nach den Formblättern suchen, deren Namen mit "Cisco" beginnen.


1
+1 Die Cisco-Elemente sind in der Tat zahlreicher und ein bisschen netter, aber immer noch s / w Pixel für Pixel gezeichnet, und es gibt keinen rackförmigen Server. Übrigens: Ich habe Visio nie ausprobiert.
Nicolas Raoul

Richtig. Ich habe sie allerdings in Farbe, vielleicht müssen Sie nur eine neuere Version von dia verwenden? FWIW, klar hat die Farbzeichnungen. Allerdings werden nur wenige Anwendungen mit Servern in Rack-Form ausgeliefert, wenn Sie versuchen, visuelle Pläne für den Standort von der Vorderseite eines Racks aus zu erstellen. Die entsprechenden Images werden entweder von den Hardwareanbietern geliefert, oder Sie müssen sie mitnehmen Ein Bild Ihrer Hardware :)
Mathieu Trudel-Lapierre

6

Ein weiteres Werkzeug, um schöne Netzwerkdiagramme in echtem 3D zu erstellen, ist MaSSHandra .

Es enthält alle Cisco-Symbole als externen Download und enthält in den Diagrammen Funktionen für die automatische Erkennung und den Zugriff. Es ist kostenlos und Sie können sehen, wie es funktioniert, bevor Sie es von hier aus installieren .

Bildschirmfoto

MaSSHandra-Website


2
Das sieht aus wie im Film Jurassic Park!
Aaron


4

Inkscape scheint mir eine seltsame Wahl zu sein, aber ich finde , dass es ein großartiges Werkzeug für Diagramme ist, insbesondere für Netzwerkdiagramme. Seine Ausgabe ist svg, wodurch es sehr portabel und attraktiv gerendert wird. Darunter befindet sich XML, das Sie programmgesteuert bearbeiten können (z. B. analysieren, suchen, bearbeiten oder sogar in andere Datenquellen einbinden, um Beschreibungen oder andere Variablenattribute zu erhalten). Und es ist Open Source.

Übrigens, hier sind die Cisco-Schablonen für diejenigen, die interessiert sein könnten. Zu den Formaten gehören SVG, JPG, BMP, TIF, EPS, WMF.


3

kivio Installieren Sie kivio ist eine Diagrammanwendung in koffice (der Office-Suite von KDE) mit dem Namen kivio, die eine Reihe von Schablonen für verschiedene Diagrammtypen enthält. Zusätzliche Schablonen können erworben werden, das Programm selbst verfügt jedoch über das Basisset. NB: Kivio heißt jetzt 'Flow' und ist Teil der Calligra Office Suite 3 .

Jgraph basiert auf Java und ist ein kommerzielles Produkt. Aber es gibt eine kostenlose Version für den Basisgebrauch.

Sehen Sie hier die Screenshots von kivio


1
Kivio wurde aus Ubuntu entfernt :-( Aber tatsächlich sind Kivios Netzwerkdiagramme ungefähr so ​​hässlich wie die von Dia: ubuntuforums.org/showthread.php?t=1573191 thekompany.com/projects/kivio/pics/document_full_dock.png
Nicolas Raoul

Jgraph ist noch schlechter in Bezug auf Elemente: '- (Nur "Drucker", Bildschirmtastatur und eine Form mit der Bezeichnung "Server", die nicht wie ein Server aussieht ...
Nicolas Raoul

2

Ich benutze das graphvizDienstprogramm, aber es ist nichts für schwache Nerven. Es hat eine steile Lernkurve, aber ich bin mit den Ergebnissen zufrieden, die ich bekomme.


1

Vor kurzem habe ich begonnen, eine Chrome-Anwendung namens CREATELY zu verwenden . Es enthält viele allgemeine Netzwerksymbole und hat auch schönere und modernere Cisco-Shapes als Dia.

Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.