Diagram jak malowany

Jeden obraz potrafi czasem wyjaśnić więcej, niż tysiąc słów, dlatego skomplikowane opisy warto ilustrować diagramami, schematami lub wykresami.

Istnieje wiele narzędzi wspomagających rysowanie diagramów i schematów, jak również wiele typów diagramów: sformalizowane jak UML, BPMN, nieco swobodniejsze (np. schemat sieci komputerowej, schemat organizacyjny) oraz zupełnie dowolne. Pokaźną listę typów diagramów można znaleźć w Wikipedii — o wielu nigdy nie słyszałem. ;-)

Najprostsze narzędzia do rysowania to oczywiście MS Paint i MS Word. Inżynierowie sieciowi oraz biznes lubią np. MS Visio. Projektanci systemów IT sięgają po narzędzia CASE, np. Enterprise Architect — gdzie modeluje się rozwiązanie, a diagram to tylko wizualizacja projektowanego modelu.

Czasem chcielibyśmy jednak szybko i prosto sporządzić diagram do wykorzystania w prezentacji lub na stronie WWW. Przedstawiam kilka narzędzi, które mogą się okazać pomocne.


yUML

• strona: http://www.yuml.me/
• przykłady:
• http://www.yuml.me/diagram/scruffy/class/draw
• http://www.yuml.me/diagram/scruffy/activity/draw
• http://www.yuml.me/diagram/scruffy/usecase/draw
• diagramy: klas, aktywności, przypadków użycia
• integracja: osadzanie IMG SRC

"Cool diagrams", do osadzania w wiki (istnieją wtyczki do popularnych implementacji), forach itp. Rysowany diagram kodujemy w postaci URL-a i osadzamy bezpośrednio na stronie lub zapisujemy wygenerowany obrazek. Bardzo proste i przyjemne.


websequencediagrams

• strona: http://www.websequencediagrams.com/
• przykłady: http://www.websequencediagrams.com/examples.html
• diagramy: sekwencji
• integracja: osadzanie Javascript, HTTP POST (np. z aplikacji Java, Python, Ruby) - http://www.websequencediagrams.com/embedding.html

Diagram sekwencji można stworzyć na stronie korzystając z palety elementów lub poprzez API. Dostępne są różne wizualne style diagramów.


UML Graph

• strona: http://www.umlgraph.org/
• przykłady:
• http://www.umlgraph.org/doc/ceg-mv.html
• http://www.umlgraph.org/doc/uml-appa.html
• diagramy: klas, sekwencji
• integracja: http://www.umlgraph.org/doc/deriv.html

Deklaratywne specyfikowanie diagramów, wykorzystane również w różnych produktach w roli silnika rysującego.


MetaUML

• strona: http://metauml.sourceforge.net/old/index.html
• przykłady:
• http://metauml.sourceforge.net/old/statemachine-diagram.html
• http://metauml.sourceforge.net/old/activity-diagram.html
• diagramy: klas, aktywności, przypadków użycia, stanów, pakietów
• integracja: LaTeX 

Deklaratywne specyfikowanie diagramów. Generowanie obrazków, Postscriptu i PDF — np. przy budowaniu dokumentacji.Wersja live wydaje się obecnie nie działać. ;(



yED i Graphity

• strony:
• http://www.yworks.com/en/products_yed_about.html
• http://www.yworks.com/en/products_graphity_about.html
• http://en.wikipedia.org/wiki/YEd
• przykłady: http://www.yworks.com/en/products_yed_gallery.html
• diagramy: podstawowe kształty i krawędzie, elementy diagramów procesowych — BPMN, flowchart, przypadki użycia, diagramy z wykorzystaniem ikon użytkownika

Aplikacja Java, samodzielna lub uruchamiana ze strony. Edytor graficzny. Diagramy wizualnie bardzo przyjemne, "cukierkowe". Zapis w formacie bitmap jak i wektorowej.


Violet UML Editor

• strona: http://alexdp.free.fr/violetumleditor/page.php
• przykłady: http://alexdp.free.fr/violetumleditor/page.php?id=en:tour
• diagramy: przypadków użycia, klas, obiektów, stanów, aktywności, sekwencji
• integracja: Eclipse

Prosty graficzny edytor. Aplikacja Java - samodzielna lub uruchamiana ze strony.


UMLet

• strona: http://www.umlet.com/
• przykłady: http://www.umlet.com/screenshots.htm
• diagramy: klas, przypadków użycia, stanów, aktywności, pakietów i inne, ponadto własne programowalne elementy graficzne
• integracja: Eclipse

Aplikacja Java. Eksport: grafika bitmapowa i wektorowa. Całkiem rozbudowana.



Graphviz

• strona:
• http://graphviz.org/
• http://en.wikipedia.org/wiki/Graphviz
• przykłady: http://graphviz.org/Gallery.php
• diagramy: grafy

Deklaratywne programowanie grafów w języku DOT. Dojrzałe narzędzie, dostępne różne nakładki, wykorzystywane także w roli silnika w różnych aplikacjach.


Dia

• strona:
• http://live.gnome.org/Dia
• http://dia-installer.de/
• http://pl.wikipedia.org/wiki/Dia_(program)
• przykłady: http://live.gnome.org/Dia/Examples
• diagramy: elementy UML, BPMN, flowchart, inne

Kolejny klasyk. Prosta alternatywa dla Visio, wielką zaletą jest szereg gotowych bibliotek z ikonami do rysowania np. schematów sieci Cisco, schematów obwodów elektrycznych itp.