Diagrammok készítése és szerkesztése draw.io segítségével

A wikin található flowchart-ok a draw.io segítségével készültek. Ez a szócikk ennek használatához, illetve magához a diagram struktúrához próbál bevezetésként szolgálni.

Példa egy draw.io-val készített diagramra

draw.io használata

A draw.io egy általános célú diagramkészítő felület, mely számos diagramkészítési sztenderdet támogat. Vizuális kezelőfelülete kényelmesebbé teszi az ábrák készítését, mint mondjuk a PlantUML programnyelv-szerű bemenete. Minden egyes elemhez számos opció tartozik, mellyel igényünkre szabhatjuk a grafikonok kinézetét.

A felületen drag-and-drop módon helyezhetünk el különböző objektumokat, és közöttük meghatározott pontokon azonnal nyilakat húzhatunk, melyek a kezdő- és célalakokhoz rögzülnek (azaz mozgatásuk a nyilat is húzza maga után).

Rácsvonalak

A különböző diagram-elemek alapértelmezésből a rácsra illeszkednek. Így próbáljunk meg a rácsvonalakon maradni diagram építésénél, ezzel elkerülve a folytonos manuális átállítások szükségét.

A teljes útmutató írásától eltekintünk, a felület alapból intuitívnak mondható sok szempontból, emellett számos leírás áll rendelkezésre online.

A draw.io felülete elérhető webalkalmazás és asztali alkalmazás formájában is. Előbbi könnyen használható gyors szerkesztésekre, utóbbi viszont internetkapcsolat nélkül is futtatható, és lokálisan ment, így célszerű lehet nagyobb diagramokat annak segítségével szerkeszteni.

Diagrammok alapvető struktúrája

A rendszer működését bemutató diagramok igyekeznek követni a UML standard-et, ugyanakkor ez a rendszer (leginkább a hibakezelés) bonyolultságából kifolyólag nem mindig lehetséges úgy, hogy átlátható is maradjon a diagram. Mindenesetre elsődlegesen az átláthatóságra törekszünk az elkészítéskor.

Alapvetően a következő jelöléseket alkalmazzuk a Guru flow-jainak ábráin: