Přemysl Eric Janouch
ada833a009
It is very difficult to set up Python or Ruby on Windows XP. Simple HTML works better, everywhere, it covers all our needs, and it isn't any harder to write. This documentation is now installed.
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>
|