Vývojové diagramy jsou diagramy, se kterými návrháři systémů a vývojáři softwaru navrhují IT systémy a programy. Existuje mnoho softwarových aplikací pro diagramy, se kterými můžete nastavit vývojové diagramy. Open-source LibreOffice Draw je jedna aplikace pro vytváření diagramů, kterou můžete využít pro vývojové diagramy. Obsahuje všechny základní a některé pokročilejší možnosti a nástroje, které budete potřebovat k nastavení diagramů pro návrh systému nebo softwarové algoritmy. Takto můžete pomocí vývojového diagramu nastavit vývojový diagram.

1. Stáhněte nástroj pro návrh vývojového diagramu LibreOffice Draw

Pokud ještě nemáte nainstalovanou sadu LibreOffice, můžete si průvodce uložit z této webové stránky. Z rozbalovací nabídky vyberte buď Windows X86 (32bitová platforma) nebo Windows X86_64 (64bitová platforma). Stisknutím tlačítka Stáhnout uložte instalační program LibreOffice. Otevřete okno Průvodce instalací LibreOffice a přidejte sadu do Windows. Potom otevřete Drawovo okno.

2. Přidání tvarů do diagramů vývojového diagramu

Nejprve přidejte do vývojového diagramu některé tvary. Panel nástrojů Draw obsahuje tlačítko Vývojové diagramy, pomocí kterých můžete vybrat obrazce konkrétněji pro diagramy vývojových diagramů. Stisknutím malé šipky tohoto tlačítka rozšíříte seznam tvarů, jak je uvedeno přímo níže.

Nyní vyberte první tvar vývojového diagramu, který odtud přidáte do diagramu. Podržte levé tlačítko myši a přetažením kurzoru na listu diagramu obrazec rozbalte. Potom můžete změnit velikost obrazce jeho výběrem a přetažením jeho okrajových bodů.

Chcete-li změnit barvy tvarů, vyberte z rozevírací nabídky Plocha / Styl položku Barva. Poté vyberte barvu z přilehlé rozbalovací nabídky. Alternativně můžete do přechodu přidat efekt přechodu výběrem Přechod z rozbalovací nabídky Styl oblasti, jak je znázorněno na snímku přímo níže.

Stín je další možnost formátování tvaru, která k symbolům přidává ploché stíny. Vyberte tvar, do kterého chcete přidat stín. Poté stisknutím tlačítka Stín přidejte do symbolu stínový efekt, jak je uvedeno níže.

3. Připojení symbolů vývojového diagramu

Když jste do diagramu přidali a umístili další symboly vývojového diagramu, budete je muset spojit pomocí šipek. Přestože je můžete přidat pomocí možnosti Čáry a šipky, je lepší stisknout tlačítko Konektor. Tím se zajistí, že se šipky spojí s tvary. Když stisknete Connector, uvidíte čtyři body připojení na tvarech vývojového diagramu jako na snímku přímo pod.

Klikněte na malou šipku vedle tlačítka Konektor a vyberte možnost Rovný konektor končí šipkou. Poté najeďte kurzorem na bod spoje na jednom tvaru, podržte levé tlačítko myši a přetáhněte kurzor na bod spoje na druhém tvaru. To spojí tvary vývojového diagramu s přímými šipkami, jak je vidět na obrázku přímo pod ním. Když jste do diagramu přidali spojovací čáry, šipky se budou pohybovat, pokud změníte polohu tvarů.

Alternativní styly šipek můžete vybrat tak, že na diagramu vyberete šipku a poté kliknete na malou šipku na tlačítku Šipky. Tím se otevře rozbalovací nabídka níže, ze které si můžete vybrat alternativní šipky. Chcete-li změnit vybranou šipku, vyberte tam uvedenou šipku.

Chcete-li vybrat alternativní barvu šipky, nejprve klikněte na šipku na diagramu. Klepnutím na malou šipku na tlačítku Barva čáry otevřete paletu níže. Poté můžete z palety vybrat jinou barvu šipky.

4. Přidání textu do vývojových diagramů

• Nakonec budete muset přidat každý text do každého tvaru v diagramu. Stisknutím tlačítka T (Text) otevřete panel nástrojů pro text.
• Potom podržte levé tlačítko myši a tažením kurzoru rozbalte textové pole.
• Zadejte něco do textového pole a potom změňte jeho velikost a přetáhněte na tvar ve vývojovém diagramu.

• Poté můžete formátovat zadaný text výběrem možností Tučné, Kurzíva, Stín, Barva písma nebo Podtržení na panelu nástrojů. Kliknutím na rozbalovací nabídku Velikost písma upravte rozměry písma a v rozevírací nabídce Název písma můžete zvolit alternativní písma.

5. Přidejte symboly 3D do vývojového diagramu

Chcete-li dát vývojovému diagramu trochu více vizuálního dopadu, můžete převést 2D symboly na 3D tvary. Pak můžete otočit tvary a přidat k nim další 3D efekty. Takto můžete přidat 3D obrazce do diagramů vývojových diagramů v aplikaci Draw.

• Nejprve klepněte pravým tlačítkem na tvar v diagramu a v místní nabídce vyberte příkaz Převést > Do 3D. Tím se vybraný tvar převede na 3D, jak je uvedeno níže.

• Chcete-li symbol otočit, umístěte kurzor do středu tvaru a klikněte levým tlačítkem. Kurzor se pak stane zakřivenou šipkou.
• Nyní držte levé tlačítko myši kurzorem ve tvaru a otočte jej.

• Chcete-li přidat další 3D efekty, klepněte pravým tlačítkem myši na symbol vývojového diagramu a v nabídce vyberte 3D efekty. Tím se otevře okno zobrazené na snímku přímo pod.

• Zde si můžete vybrat, zda chcete přidat 3D stínování, geometrii, osvětlení a materiální efekty. Například klikněte na tlačítko Stínování, vyberte možnost 3-D Stínování zapnuto / vypnuto a stisknutím tlačítka Přiřadit přidejte efekt 3D stínování do tvaru jako na obrázku níže.

Můžete tedy nastavit vývojové diagramy pomocí nástrojů Draw's Text Box, Flowcharts and Connector a přidat k nim nějaké efekty groovy pomocí 3D možností aplikace. Aplikace pravděpodobně obsahuje většinu nástrojů a možností, které potřebujete pro vývojové diagramy. Můžete však také nastavit vývojové diagramy se softwarem diagramu obsaženým v této softwarové příručce.