Aplikace Dia Představení a praktický příklad

Aplikace Dia Představení a praktický příklad

Miroslav Abrahám

Aplikace Dia 

Inspirován programem Microsoft Visio



Zaměřen na neformální použití



Použití  Diagramy  UML

vztahů, BPM

(Unified Modeling Language) diagramy

 Síťové

diagramy

 Elektronické

obvody

… 

Aktuální verze: 0.97 (3.5.2009)

Část 1

Představení aplikace Dia Ovládací prvky

Nástrojový panel 

Režimy práce  Výběry,



lupa, text

 Tvorba

čar

 Tvorba

objektů

Volba sady a objektů  Možnost



vlastních

Nastavení barev a typů  Popředí,

pozadí

 Spojnice

(tloušťka, šipky, styl)

Nástrojová lišta 

Obvyklé funkce



Jiné  Přichytávání

k mřížce

 Přichytávání

k objektu

Pracovní plocha 

Největší část aplikace



Pravítko, mřížka



Vrstvy



Záložky – práce s několika diagramy zároveň

Pracovní plocha

Položky menu 

Export do řady formátů (Visio, PDF, obrázky, ..)  „Soubor“



Strom diagramu  „Soubor“



→ „Exportovat...“

→ „Diagram tree...“ (klávesa F8)

Vlastní sady a objekty  „Soubor“

→ „Listy a objekty...“ (klávesa F9)

Část 2

Praktický příklad

Stažení a instalace aplikace 

http://portableapps.com/apps/office/dia_portable



Tlačítko „Download 0.97“



Potřebné místo: cca 18 MB (rozbalené)



Cesky; OK → Další → Additional languages (ne); Další → umístění a název složky; Instalovat → Dokončit → spustit pomocí „DiaPortable.exe“

1) Příprava 

Výběr sady a objektů  Event-driven  Používaný



process chain

objekt

Přichytávání k mřížce  Zapnout  nebo

tlačítkem

„Zobrazit“ → „Lnout k mřížce“

2.1) Organizační struktura 

Objekt  Nahoře  Text:

„Odbor zajišťování vzdělání – vedení“

 Barva

pozadí: červená (#FF0000)

 Barva

písma: bílá (#FFFFFF)

2.2) Organizační struktura 

Objekt  Vpravo  Text:

„Oddělení koordinace IT“

 Barva 

dole pod předchozím

pozadí: béžová (#FFC402)

Spojení  Typ:

Beziérová čára (zkratka „C“)

 Šipky:

obě strany

2.2) Organizační struktura

2.3) Organizační struktura 

3 objekty  Pod

původními, vedle sebe

 Vytvořit

jeden → dvakrát zkopírovat

 Texty   

„Zástupce strategie a koordinace“ „Oddělení kooperativy vzdělání“ „Zástupce operativy a vedení“

 Všechny

označit (klávesa Shift)

 Barva

pozadí: modrá (#285DA9)

 Barva

písma: bílá (#FFFFFF)

2.3) Organizační struktura 

Spojení  Všechny

předchozí objekty s „Odbor zajišťování vzdělání – vedení“

 Typ:

Klikatice (zkratka „Z“)

 Šipky:

obě strany

2.3) Organizační struktura

2.4) Organizační struktura 

Menší objekt  Text:

sekretariát

 Barva

pozadí: oranžová (#DD6707)

 Barva

písma: bílá (#FFFFFF)

 Zkopírovat  Umístění

a vytvořit stejný objekt

úplně doleva a úplně doprava

2.4) Organizační struktura 

Spojení  První

objekt se „Zástupce strategie a koordinace“

 Druhý  Typ:

objekt se „Zástupce operativy a vedení“

Oblouk (zkratka „A“)

 Šipky:

obě strany

2.4) Organizační struktura

2.5) Organizační struktura 

Menší objekt  Umístěním  Text:



pod 2 modrými napravo

„Odborný tým“

 Barva

pozadí: zelená (#00AF50)

 Barva

písma: bílá (#FFFFFF)

Spojení s

objektem „Oddělení kooperativy vzdělání“

 Typ:

Čára (zkratka „L“)

 Šipky:

obě strany

2.5) Organizační struktura

2.6) Organizační struktura 

Podlouhlý objekt  Umístění

pod vytvořeným diagramem

 Text:

„Oddělení ekonomického a provozního týmu“

 Barva

pozadí: modrá (#285DA9)

 Barva

písma: bílá (#FFFFFF)

2.6) Organizační struktura 

Spojení  Oba  

sekretariáty Typ: Oblouk Šipky: jen k sekretariátům

 Zástupci  

Typ: Klikatice Šipky: obě strany

 „Odbor  

(pravý a levý; ne prostřední)

zajišťování vzdělání – vedení“

Typ: Oblouk (jeden nahoru, jeden dolů) Typ čar: čárkovaná

2.6) Organizační struktura

3.1) Pozadí 

Ohraničit společnost



Použití vrstev  „Zobrazit“  CTRL



+L

Přidat vrstvu  Nová

vrstva: „pozadí“ (umístěná níže)

 Původní 

→ „Show Layers“

vrstva: „firma“ (umístěná výše)

Vybrat vrstvu „pozadí“

3.2) Pozadí 

Podbarvení používaným objektem



Kreslit pozadí: Ano (Ne = průhledný objekt)



Styl ohraničení: tečkovaný

3.2) Pozadí

3.3) Pozadí 

Popisek ohraničení firmy  Pod

ohraničení na střed

 Nástroj:  Text:

„Hranice organizace“

 Písmo:



Text edit(s) (zkratka „F2“)

30pt, tučné

Změna výběru vrstvy na „firma“

4) Outsourcing 

Objekt poloviny diagramu  Barva  Objekt

pozadí: růžová (#F0166D) duplikovat → celkem 2 stejné objekty

 Texty  



„Outsourcing vzdělávacích služeb“ „Outsourcing prostředků informačních systémů“

Spojení  Dvojí

napojení pro oba objekty

 Napojení

objektů na ohraničení firmy

5) Výsledek – vytvořený

5) Výsledek – Visio předloha

6) Uložení 

Formát DIA  Uložit



jako (zkratka CTRL + Shift + S)

Formát PNG  Exportovat...



Formát Visio  Exportovat...



→ PNG (vyhlazené) → 1000 × ?? → Formát Visio XML

Formát PDF  Exportovat...

→ Cairo Portable Document Format

6) Uložení 

Formát PDF  Rozložil

se na několik listů

 Nastavení

stránky... → Upravit na 1 × 1

 Orientace

stránky: na šířku

Otázky