142 lines
5.9 KiB
HTML
142 lines
5.9 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="cs">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>logdiag: Průvodce uživatele</title>
|
|
<link rel="stylesheet" href="stylesheet.css">
|
|
<style>
|
|
q:lang(cs):before { content: "„"; }
|
|
q:lang(cs):after { content: "“"; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
|
|
<h1>logdiag: Průvodce uživatele</h1>
|
|
|
|
<p class="details">
|
|
<span id="author">Přemysl Eric Janouch</span><br>
|
|
<span id="email"><a href="mailto:p@janouch.name">p@janouch.name</a></span><br>
|
|
<span id="revnumber">verze 0.2.0,</span>
|
|
<span id="revdate">2018-06-27</span>
|
|
|
|
<p class="figure"><img src="logdiag-cs.png" alt="Okno programu logdiag">
|
|
|
|
<h2>Úvod</h2>
|
|
<p>Tento dokument vás má za účel provést po aplikaci a pomoci vám se v ní
|
|
zorientovat. Popis úkonů se přednostně vztahuje na operační systém Microsoft
|
|
Windows, do jisté míry je však platný i pro jiné operační systémy.
|
|
|
|
<h2>Získání aplikace</h2>
|
|
<p>Nejnovější verzi aplikace je možné stáhnout na následující webové adrese:
|
|
<a href="https://git.janouch.name/p/logdiag">https://git.janouch.name/p/logdiag</a>.
|
|
|
|
<p class="figure"><img src="gitea.png" alt="Gitea">
|
|
<br>Obrázek 1: Nabídka pro stahování na stránkách projektu
|
|
|
|
<p>Až se ocitnete na webu, vyhledejte v záhlaví záložku s nápisem
|
|
<q>Releases</q> a klepněte na ni. Zobrazí se přehled vydání a pod hlavičkami
|
|
<q>Downloads</q> související soubory ke stažení. Instalační soubor pro Microsoft
|
|
Windows nese název ve stylu <q>logdiag-<i>verze</i>-Windows-x86.exe</q>.
|
|
|
|
<h2>Instalace</h2>
|
|
<p>Proces instalace je velmi přímočarý. Po úvodní obrazovce je vyžadován souhlas
|
|
s licencí. Pokud nerozumíte anglicky, její stručné shrnutí zní, že aplikaci
|
|
smíte v nezměněné formě zcela volně používat a redistribuovat, ale nejsou vám
|
|
poskytovány žádné záruky. Následuje výběr složky, do které chcete aplikaci
|
|
nainstalovat, a složky pro umístění ve Start menu. V případě, že nenastala žádná
|
|
náhlá chyba, už jen stačí potvrdit úspěšnou instalaci.
|
|
|
|
<p><b>Pozor</b>: Pokud aplikaci instalujete do složky, kde se nachází již
|
|
existující instalace, mohou nastat potíže. Ačkoliv je to možné, nepokoušejte se
|
|
z těch samých příčin instalovat ani více kopií vedle sebe. Nejdříve stávající
|
|
instalaci odstraňte, například pomocí zástupce umístěného ve Start menu.
|
|
|
|
<h2>Operace s objekty</h2>
|
|
<p>Každý diagram je tvořen z objektů, a s těmi se sdružují dále popsané operace.
|
|
Budete-li chtít momentálně prováděnou operaci zrušit, můžete tak obvykle učinit
|
|
stiskem klávesy Escape.
|
|
|
|
<!-- TODO: zkusit restrukturalizovat na:
|
|
|
|
Operace s objekty
|
|
Základní operace
|
|
Výběr
|
|
Přesun
|
|
Odstranění
|
|
Značky
|
|
Vložení
|
|
Otáčení
|
|
Spojení
|
|
Tvorba
|
|
-->
|
|
|
|
<h3>Výběr objektů</h3>
|
|
<p>Jednotlivé objekty můžete vybírat levým kliknutím myší. Ty se v reakci na to
|
|
vyznačí červenou barvou. Chcete-li vybrat objektů více, držte během klikání
|
|
stisknutou klávesu Shift.
|
|
|
|
<p class="figure" id="select-objects">
|
|
<img src="select-objects.png" alt="Výběr objektů">
|
|
<br>Obrázek 2: Výběr objektů v oblasti
|
|
|
|
<p>Alternativně můžete táhnout myší z volné oblasti diagramu do prostoru, viz
|
|
<a href="#select-objects">Obrázek 2</a>. Vyberou se objekty obsažené
|
|
ve vytvořeném obdélníku. Výběr lze zrušit klepnutím na prázdné místo.
|
|
|
|
<h3>Přesun objektů</h3>
|
|
<p>Přesun objektů se provede tažením objektů myší na požadované místo. Pokud
|
|
jsou tyto objekty součástí výběru, přesune se celý výběr. Ten lze též přesouvat
|
|
pomocí kurzorových kláves.
|
|
|
|
<h3>Odstranění objektů</h3>
|
|
<p>Objekty odstraníte stisknutím klávesy Delete, případně z menu aplikace.
|
|
|
|
<h3>Vložení značky</h3>
|
|
<p><i>Značky</i> představují nejdůležitější druh objektů. Do diagramu je vložíte
|
|
výběrem z nabídky značek umístěné po levé straně hlavního okna aplikace
|
|
a přetažením myší do diagramu na požadované umístění.
|
|
|
|
<h3>Otáčení značek</h3>
|
|
<p>Otočit značku vloženou do diagramu můžete přes pravé tlačítko myši.
|
|
|
|
<h3>Propojení terminálů</h3>
|
|
<p><i>Terminálem</i> se nazývá bod určený pro tvorbu spojení mezi značkami nebo
|
|
jinými spojeními. Abyste z něj spojení vyvedli, nejdříve na něj najeďte kurzorem
|
|
myši tak, aby se viditelně vyznačil kroužkem. Pak stiskněte levé tlačítko myši
|
|
a přetáhněte kurzor myši na místo, kde chcete, aby spojení končilo.
|
|
|
|
<p class="figure" id="create-connection">
|
|
<img src="create-connection-begin.png" alt="Začátek operace" align="center">
|
|
…
|
|
<img src="create-connection-end.png" alt="Konec operace" align="center">
|
|
<br>Obrázek 3: Propojení terminálů dvou značek
|
|
|
|
<h2>Časté problémy</h2>
|
|
<h3>Nelze otevřít uložený diagram</h3>
|
|
<p>Při ukládání se ujistěte, že zadaný název souboru obsahuje příponu
|
|
<q>.ldd</q>. V opačném případě se nezobrazí v dialogu pro otevření diagramu.
|
|
Pokud jste nějaký soubor již bez přípony uložili, napravíte to dodatečným
|
|
přidáním přípony k jeho názvu.
|
|
|
|
<h3>Jak můžu diagram vytisknout?</h3>
|
|
<p>Současná verze aplikace není schopná přímo tisknout. Pro vytištění
|
|
vytvořeného diagramu můžete klávesou PrintScreen sejmout snímek obrazovky,
|
|
vložit jej například do aplikace Malování, oříznout požadovanou část
|
|
a vytisknout ji z tohoto grafického editoru.
|
|
|
|
<h3>Schází mi popisky</h3>
|
|
<p>Obdobně jako v předchozím případě tato funkcionalita zatím neexistuje,
|
|
ale je možné tento nedostatek obejít přes běžný grafický editor.
|
|
|
|
<script>
|
|
var toc = '', all = document.querySelectorAll('h2')
|
|
for (var i = 0; i < all.length; i++) {
|
|
var name = all[i].innerHTML.replace(/[^0-9a-z]/ig, '-')
|
|
toc += '<li><p><a href="#' + name + '">' + all[i].innerHTML + '</a></li>'
|
|
all[i].id = name
|
|
all[i].innerHTML = (i + 1) + '. ' + all[i].innerHTML
|
|
}
|
|
all[0].insertAdjacentHTML('beforebegin',
|
|
'<h2>Obsah</h2><ol>' + toc + '</ol>')
|
|
</script>
|