Miły edytor diagramów sieciowych?


53

Pisząc propozycję komercyjną, chcę stworzyć ładną grafikę pokazującą klientom architekturę, o której myślałem dla ich sieci IT, z serwerami, połączeniami sieciowymi, zaporą ogniową, równoważeniem obciążenia itp.

Od lat używam Dia , ale mam tego dość, ponieważ: wyniki nie są satysfakcjonujące, dostępnych jest bardzo niewiele elementów sieci, a reprezentacja graficzna każdego elementu jest naprawdę brzydka.

Pytanie: Jak stworzyć ładne diagramy sieciowe?

Gdyby dostępny był lepszy zestaw elementów dla dia, byłoby to rozwiązaniem.

Odpowiedzi:


15

Inkscape to wszystko, czego potrzebujesz. Aby uzyskać dodatkową grafikę clipart („elementy”), użyj openclipart.org . OpenClipart jest obecnie wbudowany w Inkscape. Naprawdę nie trzeba uciekać się do niewolnych aplikacji.


1
Zmieniłem Cacoo na Inkscape + OpenClipart.
Nicolas Raoul,

Używanie gimp z openclipart. To rządzi!
Daniel Andrei Mincă

15

Po obejrzeniu Cacoo postanowiłem przenieść moje diagramy do chmury . Jest to bardzo intuicyjne narzędzie, które ma wiele schematów i ikon, a przede wszystkim ma opcje współpracy online. Jedynym minusem jest to, że jest to oprogramowanie prawnie zastrzeżone: /

Oto moja próbkaDiagram


1
Nie bardzo lubię korzystać z zastrzeżonych aplikacji, ale muszę przyznać, że to najlepsze narzędzie, jakie do tej pory znalazłem. Miałem szczęście znaleźć elementy, których potrzebuję, z bardzo ładną grafiką!
Nicolas Raoul,

2
Niestety posiadanie zastrzeżonych / wrażliwych danych w chmurze może stanowić problem dla niektórych osób, które by tego używały.
belacqua,

1
-1 To „rozwiązanie” wymaga flashowania. Gdy rozwiązanie mojego problemu w 2017 roku wymaga flashowania, chcę odzyskać problem.
Noir

Nie podoba mi się, że moje dane są przechowywane gdzieś poza mną ... Przechowywanie w chmurze, jeśli chodzi o moje dane, ... Chcę, aby moje rysunki, zdjęcia, dokumenty były w formacie do odczytu lokalnego. ..!
kravemir

15

Wypróbuj te galerie LibreOffice / OpenOffice z Draw: http://www.vrt.com.au/downloads/vrt-network-equipment

Licencja CC, dostępna również w repozytoriach Fedory i na stronie z rozszerzeniami libreoffice.

AKTUALIZACJA: Wersja 1.1 dodała nowe ciemniejsze warianty (takie jak kształty VMware) i dodano zestaw logicznych symboli sieciowych - teraz blisko 200 symboli w 5 motywach galerii.

próbka kształtów w galerii


Są doskonałe na podstawowy schemat dla małego właściciela firmy, który nie jest obeznany z technologią, dobre znalezisko, dziękuję i tym, którzy je stworzyli i opublikowali.
shaunhusain

LibreOffice rozbił się na mnie dwa razy w ciągu 5 minut z 4 tych powyższych logotypów, przypuszczam będę szukać czegoś innego
nhed

13

yED Graph Editor to aplikacja komputerowa, za pomocą której można szybko i skutecznie generować wysokiej jakości diagramy. Można go również wykorzystać do generowania diagramów sieciowych. Oto przykładowy schemat utworzony przy użyciu tego oprogramowania.

Internetowy diagram

Źródło powyższego obrazu: galeria obrazów YED


+1 Bardzo miło! Sterowanie (takie jak przenoszenie / tworzenie obiektów) jest nieco inne niż zwykle, ale uważam, że może być bardziej wydajne niż Cacoo z odrobiną czytania dokumentów. Nawet jeśli nie jest to oprogramowanie typu open source, nieograniczona liczba plików to świetny plus w stosunku do Cacoo. Witryna mówi jedno yEDi drugie, yEdwięc nie jestem pewna co do wielkich liter.
Nicolas Raoul,

Małe ostrzeżenie dla wszystkich, którzy są zainteresowani: Najnowsza wersja Linuksa w momencie pisania tego postu nie zawiera prawie żadnych kształtów związanych z siecią. Być może potrzeba więcej kroków, aby narysować rzeczy jak na dostarczonym obrazku, ale nie wygląda na to, że szybko to załatwisz. Nie przetestowałem tej wersji przeglądarki, ponieważ jest uszkodzona lub wymaga włączonej obsługi Java w przeglądarce (jeśli tak jest: WTF kolesie? Jest 2017)
Noir

Sprawdź mój zestaw szablonów, dzięki czemu możesz łatwo zaimportować to na YEd: github.com/danger89/yEd_cisco_network_icons @Noir
danger89

12

Przeglądając oficjalne FAQ Dia, odkryłem, że istnieje sposób na rozszerzenie Dii i zestawu jej elementów.

Rozszerzenie Dia

P: Jak dodać nowe kształty / arkusze? Odp .: W dokumencie źródłowym wyjaśniono, jak działa format kształtu, w formacie doc / custom-shapes. Jednak Dia ma teraz możliwość eksportowania diagramu jako kształtu. Każda kolekcja kształtów (zwana arkuszem) powinna być przechowywana razem w podkatalogu ~ / .dia / shapes, np. ~ / .Dia / shapes / Engines. Aby nadać kształt, najpierw zaprojektuj go w Dia. Następnie wyeksportuj go do swojego podkatalogu. Wygenerowane zostaną dwa pliki, plik .shape i plik .png (ikona).

Począwszy od wersji 0.90 i wyższej, Dia posiada edytor Arkuszy i Obiektów, który pozwoli ci załadować kształt do arkusza. Zaktualizuje również załadowane obiekty Dii w locie.

Jeśli nadal chcesz robić rzeczy ręcznie, zaktualizuj odpowiedni plik arkusza w ~ / .dia / arkuszy, w tym przypadku o nazwie Engines.sheet. Przykładowa zawartość pliku arkusza to:

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

Każdy nowy obiekt należy dodać do arkusza, dodając sekcję obiektu. Przy następnym uruchomieniu Dia nowe obiekty powinny pojawić się na liście arkuszy.

Proponuję więc dodać własne kształty do Dii i żyć szczęśliwie :)


8

Niedawno znalazłem pakiet Dia o nazwie gnomeDIAicons i chociaż nie jest to duży zestaw ikon, wyglądają dobrze.

Oto przykład, który właśnie stworzyłem:

wprowadź opis zdjęcia tutaj

Aby zainstalować, pobierz archiwum i na terminal:

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

Jeśli używasz Ubuntu 14.04, 16.04, 17.10 lub 18.04, pakiet dia-rib-networkjest dostępny (patrz tutaj ). Możesz go zainstalować za pomocą:

sudo apt install dia-rib-network

Następnie otwórz Dia i wybierz RIB-Networkarkusz.


+1 Bardzo miło! Bardzo chciałbym zobaczyć ten zestaw przedłużony. Wygląda na Open Source, więc zastanawiam się, dlaczego domyślnie nie jest dołączony do Dia Ubuntu.
Nicolas Raoul,

7

Nadal uważam, że Dia jest świetną opcją i jestem ciekawy, dlaczego uważasz, że diagramy sieciowe nie wyglądają odpowiednio.

Z mojego doświadczenia wynika, że ​​istnieje wiele tradycyjnych kształtów diagramów sieciowych, takich jak rysunki koncepcyjne routerów, przełączników itp., Ponieważ są one używane w dokumentacji (jak to, co pochodzi z Cisco) ... i wygląda tak samo. Daj nam znać, czego brakuje w Dia, aby ktoś mógł iść naprzód i tworzyć kształty, które wszyscy mogą okazać się bardzo przydatne :)

Wprawdzie istnieje wiele problemów z łączeniem rzeczy i innymi aspektami używania dia, które są różne, jeśli pochodzisz z Microsoft Visio, ale dla mnie nadal wydaje się, że działa świetnie. Kiedy go badałem, był to wciąż najlepszy edytor diagramów dla tego typu pracy.

O ile mi wiadomo, wszystkie elementy, które tam opisałem, są dostępne w magazynie dia . Będziesz chciał poszukać arkuszy kształtów o nazwach rozpoczynających się od „Cisco”.


1
+1 Elementy Cisco są rzeczywiście liczniejsze i nieco ładniejsze, ale wciąż rysują piksel po pikselu i nie ma serwera w kształcie szafy. btw: Nigdy nie próbowałem Visio.
Nicolas Raoul,

Dobrze. Mam je jednak w kolorze, może wystarczy użyć nowszej wersji dia? FWIW, klarowny ma kolorowe rysunki. To powiedziawszy, niewiele aplikacji jest dostarczanych z serwerami w kształcie szafy, jeśli próbujesz zrobić wizualne plany tego, co idzie z przodu szafy - obrazy tego są albo dostarczane przez dostawców sprzętu, albo musisz wziąć zdjęcie twojego sprzętu :)
Mathieu Trudel-Lapierre

6

Kolejnym narzędziem do tworzenia ładnych diagramów sieciowych w prawdziwym 3D jest MaSSHandra .

Posiada wszystkie symbole Cisco jako zewnętrzny plik do pobrania i obejmuje funkcje automatycznego wykrywania i dostępu do diagramów. To nic nie kosztuje i można zobaczyć, jak to działa, zanim go zainstalować z tutaj .

zrzut ekranu

Strona internetowa MaSSHandra


2
Wygląda jak ten, którego użyli w filmie Park Jurajski!
Aaron


4

Chociaż może się to wydawać dziwnym wyborem, uważam, że inkscape jest doskonałym narzędziem do tworzenia diagramów, szczególnie diagramów sieciowych. Jego wyjście to svg, co czyni go bardzo przenośnym i atrakcyjnie renderowanym. A pod nim znajduje się xml - którym możesz programowo manipulować (np. Analizować, wyszukiwać, edytować, a nawet powiązać z innymi źródłami danych w celu opisów lub innych atrybutów zmiennych). I to jest Open Source.

Nawiasem mówiąc, oto szablony Cisco dla tych, którzy mogą być zainteresowani. Formaty obejmują svg, jpg, bmp, tif, eps, wmf.


3

kivio Zainstaluj kivio to aplikacja do tworzenia diagramów w koffice (pakiet biurowy KDE) o nazwie kivio, która jest dostarczana z zestawem szablonów dla różnych typów diagramów. Dodatkowe szablony można kupić, ale sam program ma podstawowy zestaw. Uwaga: Kivio nazywa się teraz „Flow” i jest częścią pakietu biurowego Calligra 3 .

Jgraph jest oparty na Javie i jest produktem komercyjnym. Ale ma darmową wersję do podstawowego użytku.

Zobacz zrzuty ekranu z kivio tutaj


1
Kivio został usunięty z Ubuntu :-( Ale diagramy sieciowe Kivio są mniej więcej tak brzydkie, jak te wyprodukowane przez Dię: ubuntuforums.org/showthread.php?t=1573191 thekompany.com/projects/kivio/pics/document_full_dock.png
Nicolas Raoul,

Jgraph jest jeszcze gorszy w elementach: '- (Tylko „drukarka”, klawiatura ekranowa i kształt oznaczony jako „serwer”, który nie wygląda jak żaden serwer ...
Nicolas Raoul,

2

Korzystam z graphviznarzędzia, ale nie jest to dla osób o słabym sercu. Ma stromą krzywą uczenia się, ale jestem zadowolony z uzyskanych wyników.


1

Ostatnio zacząłem używać aplikacji Chrome o nazwie CREATELY . Zawiera wiele ogólnych ikon sieciowych, a także ma ładniejsze i nowocześniejsze kształty Cisco niż Dia.

Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.